@import url(//hello.myfonts.net/count/2fd1aa);
@charset "UTF-8";
/**
 * CONTENTS
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GRID
 * Grid.................Susy specs: layout, colums.
 *
 * FONTS
 * Google Fronts........Import url google fonts
 * Local Fronts.........Import local resource fonts
 *
 * COMPONENTS
 * Page head, nav.......The main page header, etc...
 *
 * IE
 * Class IE.............Fixed for Internet explorer
 */
/*------------------------------------*\
    # Settings
\*------------------------------------*/
/*------------------------------------*\
    # Tools, mixins
\*------------------------------------*/
/**
 * Retina ready mixin
 *
 * Basic usage:
 *
 *  div.logo {
 *    background: url("logo.png") no-repeat;
 *    @include image-2x("logo2x.png", 100px, 25px);
 *  }
 */
/**
 * String Replace
 *
 * Basic usage:
 *
 *  str-replace('Name', " ", "_")
 */
/**
 * Font face generator
 *
 * Basic usage:
 *
 *  p {
 *    @include font-face('Font Name', 'path/to/font', 400, normal);
 *  }
 */
/**
 * Input placeholder
 *
 * Basic usage:
 *
 *  input {
 *    color: black;
 *
 *    @include placeholder {
 *      color: red;
 *    }
 *  }
 */
/*------------------------------------*\
    # Grid
\*------------------------------------*/
.clearfix:after, .compensation-box:after,
#uxvida-root .compensation-box:after, .hiring-mode:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

#uxvida-root .container {
  max-width: 73.125rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  width: inherit; }
  #uxvida-root .container:after {
    content: " ";
    display: block;
    clear: both; }

/*------------------------------------*\
    # fonts
\*------------------------------------*/
/**
 * @license
 * MyFonts Webfont Build ID 3133866, 2015-12-01T06:14:04-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: FranklinGothic-BookCndSC by ITC
 * URL: http://www.myfonts.com/fonts/itc/franklin-gothic/franklin-got-condensed-sc/
 * Copyright: Copyright © 1995, 2002 Adobe Systems Incorporated. Typeface designs Copyright 2005 International Typeface Corporation. All Rights Reserved.
 *
 * Webfont: FranklinGothic-BookCnd by ITC
 * URL: http://www.myfonts.com/fonts/itc/franklin-gothic/franklin-got-condensed/
 * Copyright: Copyright 1995, 2002 Adobe Systems Incorporated. All Rights Reserved.
 *
 * Webfont: ITCFranklinGothicStd-MdCd by ITC
 * URL: http://www.myfonts.com/fonts/itc/franklin-gothic/std-condensed-medium/
 * Copyright: Font software Copyright 1995, 2002 Adobe Systems Incorporated. Typeface designs Copyright 2005 International Typeface Corporation. All rights reserved.
 *
 * Webfont: FranklinGothic-DemiCnd by ITC
 * URL: http://www.myfonts.com/fonts/itc/franklin-gothic/franklin-got-condensed-demi/
 * Copyright: Copyright 1995, 2001, 2002 Adobe Systems Incorporated. All Rights Reserved.
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3133866
 * Licensed pageviews: 250,000
 *
 * © 2015 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "FranklinGothic";
  font-style: normal;
  font-weight: 300;
  src: url(fonts/2FD1AA_1_0.eot) format("eot"), url(fonts/2FD1AA_1_0.woff2) format("woff2"), url(fonts/2FD1AA_1_0.woff) format("woff"), url(fonts/2FD1AA_1_0.ttf) format("truetype"); }

@font-face {
  font-family: "FranklinGothic";
  font-style: normal;
  font-weight: 500;
  src: url(fonts/2FD1AA_2_0.eot) format("eot"), url(fonts/2FD1AA_2_0.woff2) format("woff2"), url(fonts/2FD1AA_2_0.woff) format("woff"), url(fonts/2FD1AA_2_0.ttf) format("truetype"); }

@font-face {
  font-family: "FranklinGothic";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/2FD1AA_3_0.eot) format("eot"), url(fonts/2FD1AA_3_0.woff2) format("woff2"), url(fonts/2FD1AA_3_0.woff) format("woff"), url(fonts/2FD1AA_3_0.ttf) format("truetype"); }

/*
 * AXA UX Vida Icons font
 */
@font-face {
  font-family: 'axa-ux-vida';
  src: url(fonts/axa-ux-vida.eot);
  src: url(fonts/axa-ux-vida.eot#iefix) format("embedded-opentype"), url(fonts/axa-ux-vida.ttf) format("truetype"), url(fonts/axa-ux-vida.woff) format("woff"), url(fonts/axa-ux-vida.svg#axa-ux-vida) format("svg");
  font-weight: normal;
  font-style: normal; }

.extended-icon-uxv, .agreement-check__input:checked + .agreement-check__label:after, #uxvida-root .form-label-special legend:before,
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'axa-ux-vida' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: color 300ms; }

.icon-remove-uxv:before {
  content: "\E91D";
  color: #3a69d5; }

.icon-circle-check-uxv:before {
  content: "\E900"; }

.icon-circle-tip-uxv:before {
  content: "\E901"; }

.icon-circle-info-uxv:before {
  content: "\E902"; }

.icon-dynamic-check-uxv:before {
  content: "\E903"; }

.icon-check-uxv:before {
  content: "\E904"; }

.icon-house-uxv:before {
  content: "\E905"; }

.icon-calculator-uxv:before {
  content: "\E906"; }

.icon-bullet-uxv:before {
  content: "\E907"; }

.icon-close-uxv:before {
  content: "\E908"; }

.icon-buy-uxv:before {
  content: "\E909"; }

.icon-questionnaire-uxv:before {
  content: "\E90A"; }

.icon-circle-download-uxv:before {
  content: "\E90B"; }

.icon-save-uxv:before {
  content: "\E90C"; }

.icon-policy-uxv:before {
  content: "\E90D"; }

.icon-send-uxv:before {
  content: "\E90E"; }

.icon-office-uxv:before {
  content: "\E90F"; }

.icon-circle-phone-uxv:before {
  content: "\E910"; }

.icon-phone-uxv:before {
  content: "\E911"; }

.icon-phone-in-uxv:before {
  content: "\E912"; }

.icon-circle-error-uxv:before {
  content: "\E913"; }

.icon-face-very-much-uxv:before {
  content: "\E914"; }

.icon-face-like-uxv:before {
  content: "\E915"; }

.icon-face-normal-uxv:before {
  content: "\E916"; }

.icon-face-dislike-uxv:before {
  content: "\E917"; }

.icon-face-nothing-uxv:before {
  content: "\E918"; }

.icon-arrow-left-uxv:before {
  content: "\E919"; }

.icon-arrow-right-uxv:before {
  content: "\E91A"; }

.icon-arrow-down-uxv:before {
  content: "\E91B"; }

.icon-arrow-up-uxv:before {
  content: "\E91C"; }

/*------------------------------------*\
    # text
\*------------------------------------*/
/*
 * Subtitles
 */
.subtitle-2,
#uxvida-root .subtitle-2 {
  color: #000000;
  font-family: "FranklinGothic";
  line-height: 1.455em;
  font-size: 1.375rem;
  text-align: center;
  font-weight: 300; }

.text-off,
#uxvida-root .text-off {
  color: #88A6E2;
  display: inline; }

/*
 * Paragraphs
 */
.paragraph-1, #uxvida-root .compensation-box__text__desc,
#uxvida-root .paragraph-1,
#uxvida-root .compensation-box__text__desc {
  font-family: "FranklinGothic";
  line-height: 1.294em;
  font-size: 1.063rem;
  font-weight: 300; }

@media (max-width: 48rem) {
  /*
   * Subtitles
   */
  .subtitle-2,
  #uxvida-root .subtitle-2 {
    line-height: 1.250em;
    font-size: 1rem; }
  /*
   * Paragraphs
   */
  .paragraph-1, #uxvida-root .compensation-box__text__desc,
  #uxvida-root .paragraph-1,
  #uxvida-root .compensation-box__text__desc {
    line-height: 1.214em;
    font-size: 0.875rem; } }

/*------------------------------------*\
    # commons
\*------------------------------------*/
div#uxvida-root {
  font-family: "ITCFranklinGothicBook",Arial,sans-serif;
  margin: 0;
  border: 0 none;
  padding: 0;
  outline: 0 none;
  word-break: normal !important;
  font-weight: normal;
  -webkit-hyphens: none !important;
  -ms-hyphens: none !important;
  -o-hyphens: none !important;
  hyphens: none !important;
  min-width: 320px;
  height: 100%;
  width: 100%;
  font-size: 1em;
  color: #000000; }

.align-right {
  float: right; }

.align-left {
  float: right; }

.text-to-right {
  text-align: right; }

.text-to-left {
  text-align: left; }

.text-to-center {
  text-align: center;
  padding-top: 5rem; }

#uxvida-root .know-advantages {
  clear: both;
  text-align: left;
  padding-top: 3.75rem;
  margin-left: 3.75rem; }

#uxvida-root .know-advantages__icon {
  font-size: 2.188rem;
  color: #3a69d5;
  display: inline-block;
  margin-right: 1.25rem;
  vertical-align: middle; }

#uxvida-root .know-advantages__link {
  top: .125rem;
  position: relative;
  font-size: 1.375rem;
  color: #3a69d5;
  text-decoration: underline;
  font-family: "FranklinGothic"; }

#uxvida-root .important-text {
  text-align: left;
  font-weight: 300;
  font-size: 1.063rem;
  line-height: 1.294em;
  font-family: "FranklinGothic";
  margin-left: 3.75rem;
  margin-top: 2.5rem; }

@media (max-width: 48rem) {
  #uxvida-root .important-text,
  #uxvida-root .know-advantages {
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
  #uxvida-root .know-advantages {
    padding-top: 2.5rem; }
  #uxvida-root .know-advantages__icon {
    font-size: 1.25rem;
    margin-right: .625rem; }
  #uxvida-root .know-advantages__link {
    font-size: .875rem; }
  #uxvida-root .important-text {
    font-size: .875rem;
    margin-top: 1.875rem; } }

#uxvida-root .document-link {
  font-size: 1.125rem;
  color: #3a69d5;
  text-decoration: underline;
  font-family: "FranklinGothic"; }

#uxvida-root .document-link--remove {
  margin-left: 15rem;
  cursor: pointer;
  text-decoration: none; }

#uxvida-root .document-link__text {
  color: #3a69d5;
  text-decoration: underline;
  font-family: "FranklinGothic"; }

#uxvida-root .document-link__icon {
  font-weight: normal;
  margin-right: .625rem; }

@media (max-width: 64rem) {
  #uxvida-root .document-link {
    font-size: .875rem;
    margin-left: 1.5rem; }
  #uxvida-root .document-link--remove {
    margin-left: 2rem; }
  #uxvida-root .document-link__text,
  #uxvida-root .document-link__icon {
    font-size: .875rem; } }

@media (max-width: 20rem) {
  #uxvida-root .document-link--remove {
    display: table;
    margin-left: 1.5rem;
    margin-top: .625rem; } }

/*------------------------------------*\
    # Utils
\*------------------------------------*/
.invisible, .agreement-check__input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hide-overflow {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden; }

/*------------------------------------*\
    # Accessibility
\*------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

#uxvida-root .modaleco__box .text-to-center strong {
  margin: 0;
  border: 0 none;
  padding: 0;
  outline: 0 none;
  word-break: normal !important;
  font-weight: normal;
  font-size: 16px; }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*------------------------------------*\
    # animations
\*------------------------------------*/
.fadeIn {
  opacity: 0;
  transition: opacity 0.3s linear; }
  .fadeIn.on-screen {
    opacity: 1; }

.fadeIn-a {
  transition: opacity 0.5s linear; }

.fadeIn-b {
  transition: opacity 0.7s linear 0.3s; }

.fadeIn-c {
  transition: opacity 0.9s linear 0.3s; }

.fadeIn-d {
  transition: opacity 1.1s linear 0.3s; }

/*------------------------------------*\
    # commons funnel
\*------------------------------------*/
.main-funnel {
  /*
   * 4.375rem --header 70px  |
   * 2.25rem  --breadc 36px  |-- 180px - 11.25rem
   * 4.625rem --topbar 74px  |
   */
  padding-top: 12.25rem;
  display: block; }

.funnel-summary {
  /*
   * 4.375rem --header 70px  |
   *                         |-- 106px - 6.625rem
   * 2.25rem  --breadc 36px  |
   */
  padding-top: 0rem; }

.funnel-background {
  background: #eff1f4; }

.project-number,
#uxvida-root .project-number {
  font-weight: 300;
  color: #000000;
  font-family: "FranklinGothic";
  font-size: 1.188rem;
  text-align: right;
  margin: .75rem 0; }

.selected-product,
#uxvida-root .selected-product {
  color: #3a69d5;
  text-align: center;
  font-family: "FranklinGothic";
  font-size: 1.563rem;
  margin: .75rem 0 2.188rem; }

.selected-product__icon,
#uxvida-root .selected-product__icon {
  font-size: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: .625rem; }

.selected-product__high,
#uxvida-root .selected-product__high {
  font-weight: 500; }

.question-funnel,
#uxvida-root .question-funnel {
  font-weight: 300;
  font-size: 2.188rem;
  font-family: "FranklinGothic";
  margin-bottom: 2.188rem;
  color: #000000;
  text-align: center; }

.navigation-funnel-wrapper,
#uxvida-root .navigation-funnel-wrapper {
  background: #fff;
  overflow: hidden; }

.navigation-funnel,
#uxvida-root .navigation-funnel {
  margin: 5.313rem 0;
  text-align: center; }

.navigation-funnel__button,
#uxvida-root .navigation-funnel__button {
  padding-left: 5rem;
  padding-right: 5rem; }

.funnel-right {
  float: right; }

.funnel-left {
  float: left; }

@media (max-width: 64rem) {
  .navigation-funnel,
  #uxvida-root .navigation-funnel {
    text-align: right; }
  .funnel-right {
    float: none; } }

@media (max-width: 48rem) {
  .main-funnel {
    /*
     * 3.625rem --header 58px  |
     * 1.625rem --breadc 26px  |-- 158px - 9.875rem
     * 4.625rem --topbar 74px  |
     */
    padding-top: 12.875rem; }
  .funnel-summary {
    /*
     * 3.625rem --header 58px  |
     *                         |-- 84px - 5.25rem
     * 1.625rem --breadc 26px  |
     */
    padding-top: 0rem; }
  .project-number,
  #uxvida-root .project-number {
    display: none; }
  .selected-product,
  #uxvida-root .selected-product {
    font-size: 1rem;
    margin-top: 1.875rem; }
  .selected-product__icon,
  #uxvida-root .selected-product__icon {
    font-size: 1rem; }
  .question-funnel,
  #uxvida-root .question-funnel {
    margin-top: .5rem;
    font-size: 1.25rem;
    line-height: 1.2em; }
  .navigation-funnel,
  #uxvida-root .navigation-funnel {
    margin: 2.188rem 0;
    text-align: center; }
  .funnel-right,
  .funnel-left {
    float: none; } }

/*------------------------------------*\
    # ECOMMERCE
\*------------------------------------*/
#uxvida-root form {
  margin: 0px; }

#uxvida-root .button:focus {
  text-decoration: none;
  color: #ffffff; }

#uxvida-root #next_button:focus {
  text-decoration: none; }

#uxvida-root *:focus {
  outline: 0px;
  outline-offset: 0px; }

/*------------------------------------*\
    # components
\*------------------------------------*/
.agreement,
#uxvida-root .agreement {
  background-color: #ffffff; }
  .agreement__inner,
  #uxvida-root .agreement__inner {
    position: relative;
    padding-top: 2.5rem;
    padding-bottom: 2.25rem;
    text-align: left; }
  .agreement__title,
  #uxvida-root .agreement__title {
    font-family: "FranklinGothic";
    font-size: 1.0625rem;
    font-weight: 500;
    color: #000000;
    text-align: center; }
    .agreement__title--sub,
    #uxvida-root .agreement__title--sub {
      text-align: left;
      margin-bottom: .625rem; }
  .agreement__subtitle,
  #uxvida-root .agreement__subtitle {
    margin-top: 1.25rem; }
  .agreement__content,
  #uxvida-root .agreement__content {
    margin-top: 1.8125rem; }
    .agreement__content__switchers,
    #uxvida-root .agreement__content__switchers {
      margin-top: 1.25rem;
      margin-bottom: 1.75rem; }
      .agreement__content__switchers .form-switcher + .form-switcher,
      #uxvida-root .agreement__content__switchers .form-switcher + .form-switcher {
        margin-top: 1.25rem; }
    .agreement__content p,
    #uxvida-root .agreement__content p {
      font-family: "FranklinGothic";
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.375rem;
      color: #000000; }
    .agreement__content a,
    #uxvida-root .agreement__content a {
      color: #3a69d5; }
  .agreement__box p,
  #uxvida-root .agreement__box p {
    margin-bottom: .625rem; }
    .agreement__box p:last-of-type,
    #uxvida-root .agreement__box p:last-of-type {
      margin-bottom: 0; }
  .agreement__box .agreement__subtitle,
  #uxvida-root .agreement__box .agreement__subtitle {
    margin-bottom: .25rem; }
  .agreement__collapsible,
  #uxvida-root .agreement__collapsible {
    font-size: 1rem;
    font-weight: 300;
    margin-top: 1.25rem;
    color: #3a69d5;
    line-height: 1.375rem;
    display: inline-block;
    margin-bottom: 2.375rem;
    font-family: "FranklinGothic";
    cursor: pointer; }
    .agreement__collapsible:before,
    #uxvida-root .agreement__collapsible:before {
      content: '+';
      margin-right: .25rem;
      display: inline-block; }
    .agreement__collapsible.link-toggle--open:before,
    #uxvida-root .agreement__collapsible.link-toggle--open:before {
      content: '-'; }
    .agreement__collapsible--narrow,
    #uxvida-root .agreement__collapsible--narrow {
      margin: .625rem 0; }
  .agreement__label,
  #uxvida-root .agreement__label {
    font-weight: 300;
    margin-top: 2.5rem;
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.375rem;
    color: #000000;
    margin-bottom: .625rem;
    font-family: "FranklinGothic"; }
  .agreement__table,
  #uxvida-root .agreement__table {
    width: 100%;
    margin: 1.875rem 0 0;
    table-layout: fixed;
    border-collapse: collapse; }
    .agreement__table th,
    .agreement__table td,
    #uxvida-root .agreement__table th,
    #uxvida-root .agreement__table td {
      font-weight: 300;
      background: #EFF1F4;
      color: #000000;
      border: .125rem solid #fff;
      padding: .625rem 1.25rem;
      font-family: "FranklinGothic"; }
    .agreement__table th,
    #uxvida-root .agreement__table th {
      font-weight: 500; }
  @media (max-width: 48rem) {
    .agreement__inner,
    #uxvida-root .agreement__inner {
      padding-top: 2.5rem;
      padding-bottom: 1.625rem; }
    .agreement__title,
    #uxvida-root .agreement__title {
      font-size: 0.875rem; }
    .agreement__content,
    #uxvida-root .agreement__content {
      margin-top: 1.1875rem;
      padding-right: 4rem;
      padding-left: 1rem; }
      .agreement__content__switchers,
      #uxvida-root .agreement__content__switchers {
        margin-top: 1.875rem;
        margin-bottom: 4.0625rem; }
        .agreement__content__switchers #uxvida-root .form-switcher + .form-switcher,
        #uxvida-root .agreement__content__switchers #uxvida-root .form-switcher + .form-switcher {
          margin-top: 4.0625rem; }
      .agreement__content p,
      #uxvida-root .agreement__content p {
        font-size: 0.8125rem;
        line-height: 1.125rem; }
    .agreement__label,
    #uxvida-root .agreement__label {
      font-size: 1rem; }
    .agreement__box,
    #uxvida-root .agreement__box {
      margin-bottom: .625rem; }
    .agreement__collapsible,
    #uxvida-root .agreement__collapsible {
      margin-top: 0;
      font-size: .8125rem; }
      .agreement__collapsible--narrow,
      #uxvida-root .agreement__collapsible--narrow {
        margin-bottom: 0; }
    .agreement__table thead,
    #uxvida-root .agreement__table thead {
      display: none; }
    .agreement__table tr,
    #uxvida-root .agreement__table tr {
      display: block;
      padding: .625rem 0;
      background: #EFF1F4;
      border-bottom: .125rem solid #fff; }
    .agreement__table th,
    .agreement__table td,
    #uxvida-root .agreement__table th,
    #uxvida-root .agreement__table td {
      font-size: .8125rem; }
    .agreement__table td,
    #uxvida-root .agreement__table td {
      border: 0;
      display: block; }
      .agreement__table td:before,
      #uxvida-root .agreement__table td:before {
        display: block;
        font-weight: 500;
        margin-bottom: .3125rem;
        content: attr(data-label); } }

/*------------------------------------*\
    # agreement-check
\*------------------------------------*/
.agreement-check {
  display: block;
  position: relative; }

.agreement-check__input:checked + .agreement-check__label:after {
  top: .188rem;
  left: -2.188rem;
  position: absolute;
  content: "\E903";
  color: #008a00; }

#uxvida-root .agreement-check__label {
  display: block;
  text-align: left;
  font-weight: 300;
  font-size: 1.063rem;
  font-family: "FranklinGothic";
  color: #000000;
  cursor: pointer; }
  #uxvida-root .agreement-check__label:before {
    content: ' ';
    width: 1.375rem;
    height: 1.375rem;
    background: #fff;
    display: inline-block;
    border: 1px solid #767676;
    position: absolute;
    left: -2.313rem;
    top: 0; }

#uxvida-root .agreement-check__link {
  font-family: "FranklinGothic";
  font-size: 1.063rem;
  color: black;
  font-weight: lighter; }

#uxvida-root .agreement-check__link:hover {
  text-decoration: underline; }

@media (max-width: 48rem) {
  .agreement-check {
    padding-top: 4rem;
    padding-bottom: .938rem; }
  .agreement-check__input:checked + .agreement-check__label:after {
    left: 50%;
    top: 2.063rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 1.063rem; }
  #uxvida-root .agreement-check__label {
    font-size: .75rem;
    text-align: center; }
    #uxvida-root .agreement-check__label:before {
      top: 1.875rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); } }

/*------------------------------------*\
    # button
\*------------------------------------*/
.button,
#uxvida-root .button {
  display: inline-block;
  vertical-align: middle;
  min-width: 14.375rem;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  border: 0;
  padding: 0.875rem 1rem 0.8125rem;
  background-color: #cd470b;
  font-size: 1.25rem;
  font-family: "FranklinGothic";
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: background-color 300ms, color 300ms;
  /* Reset webkit */
  -webkit-appearance: none;
  border-radius: 0; }
  .button:hover,
  #uxvida-root .button:hover {
    background-color: #dd4e0b; }
  .button--secondary,
  #uxvida-root .button--secondary {
    box-shadow: inset 0 0 0 0.0625rem #3a69d5;
    background-color: transparent;
    color: #3a69d5; }
    .button--secondary:hover,
    #uxvida-root .button--secondary:hover {
      background-color: #3a75d5;
      color: #ffffff; }
  .button--tertiary,
  #uxvida-root .button--tertiary {
    box-shadow: inset 0 0 0 0.0625rem white;
    background-color: transparent;
    color: #ffffff; }
    .button--tertiary:hover,
    #uxvida-root .button--tertiary:hover {
      background-color: #ffffff;
      color: #3a69d5; }
  .button--l,
  #uxvida-root .button--l {
    padding-top: 1.1875rem;
    padding-bottom: 1.125rem; }
  .button--xl,
  #uxvida-root .button--xl {
    padding-top: 1.4375rem;
    padding-bottom: 1.375rem;
    font-size: 1.375rem; }
  .button--full,
  #uxvida-root .button--full {
    width: 100%;
    min-width: initial; }
  @media (max-width: 48rem) {
    .button,
    #uxvida-root .button {
      min-width: initial;
      width: 100%;
      font-size: 1rem;
      white-space: normal; }
      .button--l,
      #uxvida-root .button--l {
        padding-top: 0.875rem;
        padding-bottom: 0.8125rem; }
      .button--xl,
      #uxvida-root .button--xl {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1rem; } }

/*------------------------------------*\
    # collapsible box
\*------------------------------------*/
.collapsible-box {
  margin: 2.5rem 0;
  background: #fff; }

.collapsible-box--disabled {
  opacity: 0.5; }

.collapsible-box--pointerForm {
  pointer-events: none; }

.collapsible-box__header {
  padding: 1.875rem;
  cursor: pointer; }

.collapsible-box__body {
  padding: 0 1.875rem 1.875rem; }

.collapsible-box__text,
#uxvida-root .collapsible-box__text {
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1.6em;
  font-family: "FranklinGothic";
  color: #000000; }

.collapsible-box__text--small,
#uxvida-root .collapsible-box__text--small {
  line-height: 1em;
  font-size: .938rem;
  margin-top: .938rem; }

.collapsible-box__title,
#uxvida-root .collapsible-box__title {
  font-weight: 500;
  line-height: 1em;
  font-size: 1.625rem;
  display: inline-block;
  font-family: "FranklinGothic"; }

.collapsible-box__arrow,
#uxvida-root .collapsible-box__arrow {
  float: right;
  top: 0.313rem;
  position: relative;
  display: inline-block; }

.collapsible-box__arrow__icon,
#uxvida-root .collapsible-box__arrow__icon {
  cursor: pointer;
  color: #3a69d5;
  display: inline-block;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  transition: 0.2s -webkit-transform;
  transition: 0.2s transform;
  transition: 0.2s transform, 0.2s -webkit-transform; }
  .link-toggle--open .collapsible-box__arrow__icon, .link-toggle--open
  #uxvida-root .collapsible-box__arrow__icon {
    -webkit-transform: rotateX(0);
            transform: rotateX(0); }

@media (max-width: 48rem) {
  .collapsible-box {
    margin: 1.25rem 0; }
  .collapsible-box__header {
    padding: 1.25rem; }
  .collapsible-box__body {
    padding: 0 1.25rem 1.25rem; }
  .collapsible-box__title,
  #uxvida-root .collapsible-box__title {
    font-size: 1rem; }
  .collapsible-box__text,
  #uxvida-root .collapsible-box__text {
    font-size: 1rem;
    line-height: 1.25em; }
  .collapsible-box__text--small,
  #uxvida-root .collapsible-box__text--small {
    font-size: .813rem; }
  .collapsible-box__arrow,
  #uxvida-root .collapsible-box__arrow {
    top: 0.188rem;
    font-size: 0.688rem; } }

.link-arrow {
  position: relative;
  right: 1.6875rem;
  display: inline-block; }
  .link-arrow__item {
    position: absolute;
    top: 50%;
    left: 100%;
    height: 0.125rem;
    width: 1.125rem;
    margin-top: -0.0625rem;
    margin-left: 0.5625rem;
    background-color: #cd470b;
    pointer-events: none;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms; }
    .link-arrow__item:before, .link-arrow__item:after {
      content: "";
      position: absolute;
      right: -0.0625rem;
      background-color: #cd470b;
      height: 0.125rem;
      width: 0.5625rem; }
    .link-arrow__item:before {
      top: -0.1875rem;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .link-arrow__item:after {
      top: 0.1875rem;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
  .link-arrow:hover .link-arrow__item {
    -webkit-transform: translateX(0.625rem);
            transform: translateX(0.625rem); }
  .link-arrow--reverse {
    right: auto;
    left: 1.6875rem; }
    .link-arrow--reverse .link-arrow__item {
      right: 100%;
      left: auto;
      margin-right: 0.5625rem;
      margin-left: 0; }
      .link-arrow--reverse .link-arrow__item:before, .link-arrow--reverse .link-arrow__item:after {
        right: auto;
        left: -0.0625rem; }
      .link-arrow--reverse .link-arrow__item:before {
        top: 0.1875rem; }
      .link-arrow--reverse .link-arrow__item:after {
        top: -0.1875rem; }
    .link-arrow--reverse:hover .link-arrow__item {
      -webkit-transform: translateX(-0.625rem);
              transform: translateX(-0.625rem); }
  @media (max-width: 48rem) {
    .link-arrow:hover .link-arrow__item {
      -webkit-transform: none;
              transform: none; } }

/*------------------------------------*\
    # link-back
\*------------------------------------*/
.link-back,
#uxvida-root .link-back {
  font-weight: 500;
  cursor: pointer;
  font-size: 1.375rem;
  line-height: 1.455em;
  display: inline-block;
  font-family: "FranklinGothic";
  color: #3a69d5;
  transition: color 300ms;
  border: 0;
  border-radius: 0;
  background: none;
  -webkit-appearance: none; }
  .link-back:hover,
  #uxvida-root .link-back:hover {
    color: #5881DE; }
    .link-back:hover .link-back__icon,
    #uxvida-root .link-back:hover .link-back__icon {
      -webkit-transform: translateX(-0.625rem);
              transform: translateX(-0.625rem); }

.link-back__icon,
#uxvida-root .link-back__icon {
  font-size: 1.063rem;
  margin-right: .625rem;
  display: inline-block;
  vertical-align: middle;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms; }

.link-back__text,
#uxvida-root .link-back__text {
  text-decoration: underline; }

@media (max-width: 48rem) {
  .link-back,
  #uxvida-root .link-back {
    display: block;
    font-size: 1rem;
    text-align: center;
    margin-top: .625rem;
    line-height: 2.688rem;
    border: 1px solid #3a69d5;
    width: 100%; }
  .link-back__icon,
  #uxvida-root .link-back__icon {
    font-size: 0.875rem; }
  .link-back__text,
  #uxvida-root .link-back__text {
    text-decoration: none; } }

.link-line,
#uxvida-root .link-line {
  position: relative;
  display: inline-block;
  padding: 0;
  white-space: nowrap;
  cursor: pointer; }
  .link-line:after,
  #uxvida-root .link-line:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0.0625rem;
    left: 0;
    height: 0.125rem;
    pointer-events: none;
    transition: background-color 300ms; }
  .link-line.link-toggle:after,
  #uxvida-root .link-line.link-toggle:after {
    right: 1.6875rem; }
  @media (max-width: 48rem) {
    .link-line:after,
    #uxvida-root .link-line:after {
      height: 0.0625rem; }
    .link-line.link-toggle:after,
    #uxvida-root .link-line.link-toggle:after {
      right: 1.4375rem; } }

.link-toggle,
#uxvida-root .link-toggle {
  position: relative;
  display: inline-block;
  padding-right: 1.6875rem;
  color: #3a69d5; }
  .link-toggle__item,
  #uxvida-root .link-toggle__item {
    position: absolute;
    top: 50%;
    right: 0;
    height: 1.25rem;
    width: 1.25rem;
    margin-top: -0.625rem;
    margin-left: 0.5625rem;
    pointer-events: none; }
    .link-toggle__item:before, .link-toggle__item:after,
    #uxvida-root .link-toggle__item:before,
    #uxvida-root .link-toggle__item:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0; }
    .link-toggle__item:before,
    #uxvida-root .link-toggle__item:before {
      margin-top: -0.3125rem;
      height: 0;
      width: 0;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      border-top: 0.625rem solid #3a69d5; }
    .link-toggle__item:after,
    #uxvida-root .link-toggle__item:after {
      margin-top: -0.4375rem;
      height: 0;
      width: 0;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      border-top: 0.625rem solid #eff1f4; }
  .link-toggle--open .link-toggle__item,
  #uxvida-root .link-toggle--open .link-toggle__item {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  @media (max-width: 48rem) {
    .link-toggle,
    #uxvida-root .link-toggle {
      padding-right: 1.4375rem; }
      .link-toggle__item,
      #uxvida-root .link-toggle__item {
        height: 0.4375rem;
        width: 0.75rem;
        margin-top: -0.1875rem;
        margin-left: 0.6875rem; }
        .link-toggle__item:before,
        #uxvida-root .link-toggle__item:before {
          margin-top: -0.3125rem;
          height: 0;
          width: 0;
          border-left: 0.375rem solid transparent;
          border-right: 0.375rem solid transparent;
          border-top: 0.4375rem solid #3a69d5; }
        .link-toggle__item:after,
        #uxvida-root .link-toggle__item:after {
          margin-top: -0.4375rem;
          height: 0;
          width: 0;
          border-left: 0.375rem solid transparent;
          border-right: 0.375rem solid transparent;
          border-top: 0.4375rem solid #eff1f4; } }

/*------------------------------------*\
    # logo
\*------------------------------------*/
.logo {
  overflow: hidden;
  display: inline-block; }
  .logo svg {
    height: auto;
    width: 16.375em;
    max-height: 2.813em; }

@media (max-width: 64rem) {
  .logo {
    max-width: 3.25em; }
  .logo__path {
    display: none; } }

@media (max-width: 48rem) {
  .logo {
    max-width: 2.625em; }
    .logo svg {
      width: 14.25em; } }

/*------------------------------------*\
   # modaleco
\*------------------------------------*/
.modaleco,
#uxvida-root .modaleco {
  visibility: hidden;
  opacity: 0;
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 300ms, visibility 300ms;
  margin: initial;
  width: inherit; }
  .modaleco__fix-header,
  #uxvida-root .modaleco__fix-header {
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    position: fixed;
    background: #fff; }
    .modaleco__fix-header .container,
    #uxvida-root .modaleco__fix-header .container {
      height: 4.5rem;
      position: relative; }
  .modaleco__box,
  #uxvida-root .modaleco__box {
    position: relative;
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    background-color: #ffffff;
    text-align: left;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms; }
    .modaleco__box__inner,
    #uxvida-root .modaleco__box__inner {
      width: calc(83.33333% - 36.66667px);
      float: left;
      margin-left: 20px;
      margin-left: calc(8.33333% - 21.66667px + 40px);
      margin-top: 4.5rem;
      margin-bottom: 3.8125rem; }
      .modaleco__box__inner--l,
      #uxvida-root .modaleco__box__inner--l {
        width: calc(97.08333% - 39.41667px);
        float: left;
        margin-left: 20px;
        margin-left: calc(1.45833% - 20.29167px + 40px); }
  .modaleco__header,
  #uxvida-root .modaleco__header {
    background-color: transparent;
    font-weight: 500;
    font-size: 2.1875rem;
    font-family: "FranklinGothic";
    text-align: center; }
    .modaleco__header .icon-circle-info-uxv,
    .modaleco__header .icon-circle-error-uxv,
    #uxvida-root .modaleco__header .icon-circle-info-uxv,
    #uxvida-root .modaleco__header .icon-circle-error-uxv {
      display: inline-block;
      vertical-align: middle;
      margin-right: 1.25rem;
      font-size: 3.0625rem;
      color: #3a69d5; }
    .modaleco__header .icon-circle-error-uxv,
    #uxvida-root .modaleco__header .icon-circle-error-uxv {
      color: #cd470b; }
  .modaleco__content,
  #uxvida-root .modaleco__content {
    margin-top: 2.3125em; }
    .modaleco__content--budget,
    #uxvida-root .modaleco__content--budget {
      text-align: center;
      /* TODO: refactor this */ }
      .modaleco__content--budget p,
      #uxvida-root .modaleco__content--budget p {
        font-family: "FranklinGothic";
        font-size: 1.375rem;
        line-height: 2rem;
        font-weight: 300;
        color: #000000; }
        .modaleco__content--budget p + p,
        #uxvida-root .modaleco__content--budget p + p {
          margin-top: 2rem; }
      .modaleco__content--budget .budget-saved__reference,
      #uxvida-root .modaleco__content--budget .budget-saved__reference {
        float: none; }
    .modaleco__content h1,
    .modaleco__content h2,
    .modaleco__content h3,
    .modaleco__content h4,
    #uxvida-root .modaleco__content h1,
    #uxvida-root .modaleco__content h2,
    #uxvida-root .modaleco__content h3,
    #uxvida-root .modaleco__content h4 {
      font-family: "FranklinGothic"; }
      .modaleco__content h1 strong,
      .modaleco__content h2 strong,
      .modaleco__content h3 strong,
      .modaleco__content h4 strong,
      #uxvida-root .modaleco__content h1 strong,
      #uxvida-root .modaleco__content h2 strong,
      #uxvida-root .modaleco__content h3 strong,
      #uxvida-root .modaleco__content h4 strong {
        font-family: "FranklinGothic"; }
    .modaleco__content p,
    #uxvida-root .modaleco__content p {
      font-family: "FranklinGothic";
      font-weight: 300;
      font-size: 1.375rem;
      line-height: 2rem; }
    .modaleco__content__list,
    #uxvida-root .modaleco__content__list {
      margin-top: 3.125rem; }
      .modaleco__content__list__item,
      #uxvida-root .modaleco__content__list__item {
        position: relative;
        padding-left: 2.5rem;
        font-family: "FranklinGothic";
        font-weight: 300;
        font-size: 1.375rem; }
        .modaleco__content__list__item .icon-check-uxv,
        #uxvida-root .modaleco__content__list__item .icon-check-uxv {
          position: absolute;
          top: 0.1875rem;
          left: 0;
          margin-right: 1.25rem;
          font-size: 1rem;
          color: #3a69d5; }
        .modaleco__content__list__item--disabled,
        #uxvida-root .modaleco__content__list__item--disabled {
          color: #b8bac1; }
          .modaleco__content__list__item--disabled .icon-check-uxv,
          #uxvida-root .modaleco__content__list__item--disabled .icon-check-uxv {
            color: #b8bac1; }
        .modaleco__content__list__item + .modaleco__content__list__item,
        #uxvida-root .modaleco__content__list__item + .modaleco__content__list__item, .modaleco__content__list__item +
        #uxvida-root .modaleco__content__list__item,
        #uxvida-root .modaleco__content__list__item +
        #uxvida-root .modaleco__content__list__item {
          margin-top: 0.625rem; }
  .modaleco__footer,
  #uxvida-root .modaleco__footer {
    margin-top: 3.125rem; }
    .modaleco__footer p,
    #uxvida-root .modaleco__footer p {
      font-family: "FranklinGothic";
      font-size: 1.0625rem;
      font-weight: 300; }
  .modaleco__action,
  #uxvida-root .modaleco__action {
    margin-top: 3.125rem;
    text-align: center; }
    .modaleco__action--double .button:first-child,
    #uxvida-root .modaleco__action--double .button:first-child {
      float: right; }
    .modaleco__action--double .button:last-child,
    #uxvida-root .modaleco__action--double .button:last-child {
      float: left; }
    .modaleco__action--to-right .button,
    #uxvida-root .modaleco__action--to-right .button {
      float: right; }
  .modaleco__back,
  #uxvida-root .modaleco__back {
    top: 1.5rem;
    left: 1.5rem;
    padding: 0.625rem;
    position: absolute;
    font-size: 1.375rem;
    color: #3a69d5;
    display: inline-block;
    font-family: "FranklinGothic"; }
    .modaleco__back__icon,
    #uxvida-root .modaleco__back__icon {
      font-size: .818em;
      margin-right: .625rem;
      vertical-align: middle; }
  .modaleco__close,
  #uxvida-root .modaleco__close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    padding: 0.625rem;
    cursor: pointer; }
    .modaleco__close__cross,
    #uxvida-root .modaleco__close__cross {
      height: 1.875rem;
      width: 1.875rem;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      .modaleco__close__cross:before, .modaleco__close__cross:after,
      #uxvida-root .modaleco__close__cross:before,
      #uxvida-root .modaleco__close__cross:after {
        content: "";
        position: absolute;
        background-color: #000000;
        transition: opacity 300ms, background-color 300ms; }
      .modaleco__close__cross:before,
      #uxvida-root .modaleco__close__cross:before {
        top: 0.875rem;
        left: -0.3125rem;
        height: 0.125rem;
        width: 2.5rem; }
      .modaleco__close__cross:after,
      #uxvida-root .modaleco__close__cross:after {
        top: -0.3125rem;
        left: 0.875rem;
        height: 2.5rem;
        width: 0.125rem; }
      .modaleco__close__cross:hover:before, .modaleco__close__cross:hover:after,
      #uxvida-root .modaleco__close__cross:hover:before,
      #uxvida-root .modaleco__close__cross:hover:after {
        background-color: #3469c0; }
  .modaleco--alternative .modaleco__box,
  #uxvida-root .modaleco--alternative .modaleco__box {
    background-color: #4773bc;
    color: #ffffff; }
  .modaleco--alternative .modaleco__header .icon-circle-info-uxv,
  #uxvida-root .modaleco--alternative .modaleco__header .icon-circle-info-uxv {
    color: #ffffff; }
  .modaleco--alternative .modaleco__content__list__item .icon-check-uxv,
  #uxvida-root .modaleco--alternative .modaleco__content__list__item .icon-check-uxv {
    color: #ffffff; }
  .modaleco--alternative .modaleco__content__list__item--disabled,
  #uxvida-root .modaleco--alternative .modaleco__content__list__item--disabled {
    color: #b8bac1; }
    .modaleco--alternative .modaleco__content__list__item--disabled .icon-check-uxv,
    #uxvida-root .modaleco--alternative .modaleco__content__list__item--disabled .icon-check-uxv {
      color: #b8bac1; }
  .modaleco--alternative .modaleco__close__cross:before, .modaleco--alternative .modaleco__close__cross:after,
  #uxvida-root .modaleco--alternative .modaleco__close__cross:before,
  #uxvida-root .modaleco--alternative .modaleco__close__cross:after {
    background-color: #ffffff; }
  .modaleco--alternative .modaleco__close__cross:hover:before, .modaleco--alternative .modaleco__close__cross:hover:after,
  #uxvida-root .modaleco--alternative .modaleco__close__cross:hover:before,
  #uxvida-root .modaleco--alternative .modaleco__close__cross:hover:after {
    background-color: #ffffff; }
  .modaleco--centered .modaleco__content,
  #uxvida-root .modaleco--centered .modaleco__content {
    text-align: center; }
  .modaleco--showed,
  #uxvida-root .modaleco--showed {
    opacity: 1;
    overflow: auto;
    visibility: visible;
    background-color: #fff; }
    .modaleco--showed .modaleco__box,
    #uxvida-root .modaleco--showed .modaleco__box {
      -webkit-transform: scale(1);
              transform: scale(1); }
  .modaleco .container .modal__box,
  #uxvida-root .modaleco .container .modal__box {
    padding-bottom: 2rem; }
  .modaleco__fix-header .modaleco__close,
  #uxvida-root .modaleco__fix-header .modaleco__close {
    right: 3.5625rem; }
  @media (max-width: 48rem) {
    .modaleco--showed,
    #uxvida-root .modaleco--showed {
      width: 100% !important; }
    .modaleco__fix-header .container,
    #uxvida-root .modaleco__fix-header .container {
      height: 3.875rem; }
    .modaleco__fix-header .modaleco__close,
    #uxvida-root .modaleco__fix-header .modaleco__close {
      top: .625rem;
      right: 3.5625rem; }
    .modaleco__fix-header .modaleco__back,
    #uxvida-root .modaleco__fix-header .modaleco__back {
      top: .625rem;
      left: 1.5625rem; }
    .modaleco .container .modal__box,
    #uxvida-root .modaleco .container .modal__box {
      padding-right: 2.5rem;
      padding-bottom: 1rem; }
    .modaleco__box,
    #uxvida-root .modaleco__box {
      width: calc(100% - 0.625rem * 2);
      margin: 1.25rem 0.625rem !important;
      -webkit-transform: none;
              transform: none; }
      .modaleco__box__inner,
      #uxvida-root .modaleco__box__inner {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px);
        margin-top: 3.875rem;
        margin-bottom: 2.5rem; }
    .modaleco__header,
    #uxvida-root .modaleco__header {
      font-size: 1.25rem;
      line-height: 1.375rem; }
      .modaleco__header .icon-circle-info-uxv,
      .modaleco__header .icon-circle-error-uxv,
      #uxvida-root .modaleco__header .icon-circle-info-uxv,
      #uxvida-root .modaleco__header .icon-circle-error-uxv {
        display: block;
        margin-right: auto;
        margin-bottom: 0.9375rem;
        margin-left: auto;
        font-size: 2.8125rem; }
    .modaleco__content,
    #uxvida-root .modaleco__content {
      margin-top: 2.8125em; }
      .modaleco__content p,
      #uxvida-root .modaleco__content p {
        font-size: 0.875rem;
        line-height: 1.0625rem; }
      .modaleco__content__list,
      #uxvida-root .modaleco__content__list {
        margin-top: 0.9375rem; }
        .modaleco__content__list__item,
        #uxvida-root .modaleco__content__list__item {
          padding-left: 2rem;
          font-size: 0.875rem;
          line-height: 1.0625rem; }
          .modaleco__content__list__item .icon-check-uxv,
          #uxvida-root .modaleco__content__list__item .icon-check-uxv {
            top: 0;
            margin-right: 0.75rem;
            font-size: 0.875rem; }
          .modaleco__content__list__item + .modaleco__content__list__item,
          #uxvida-root .modaleco__content__list__item + .modaleco__content__list__item, .modaleco__content__list__item +
          #uxvida-root .modaleco__content__list__item,
          #uxvida-root .modaleco__content__list__item +
          #uxvida-root .modaleco__content__list__item {
            margin-top: 0.625rem; }
      .modaleco__content--budget,
      #uxvida-root .modaleco__content--budget {
        margin-top: 1rem;
        /* TODO: refactor this */ }
        .modaleco__content--budget p,
        #uxvida-root .modaleco__content--budget p {
          font-size: 1rem;
          line-height: 1.25rem; }
          .modaleco__content--budget p + p,
          #uxvida-root .modaleco__content--budget p + p {
            margin-top: 1.25rem; }
        .modaleco__content--budget .budget-saved__reference,
        #uxvida-root .modaleco__content--budget .budget-saved__reference {
          float: none;
          width: initial;
          margin: 2.25rem auto 0; }
    .modaleco__footer,
    #uxvida-root .modaleco__footer {
      margin-top: 0.9375rem; }
      .modaleco__footer p,
      #uxvida-root .modaleco__footer p {
        font-size: 0.875rem;
        line-height: 1.0625rem; }
    .modaleco__action,
    #uxvida-root .modaleco__action {
      margin-top: 2.3125rem; }
      .modaleco__action--double .button + .button,
      #uxvida-root .modaleco__action--double .button + .button {
        margin-top: 0.625rem; }
    .modaleco__back,
    #uxvida-root .modaleco__back {
      font-size: 1rem;
      top: 0;
      left: 0; }
    .modaleco__close,
    #uxvida-root .modaleco__close {
      top: 0;
      right: 0; }
      .modaleco__close__cross,
      #uxvida-root .modaleco__close__cross {
        height: 1.5rem;
        width: 1.5rem; }
        .modaleco__close__cross:before,
        #uxvida-root .modaleco__close__cross:before {
          top: 0.675rem;
          left: -0.225rem;
          width: 2rem; }
        .modaleco__close__cross:after,
        #uxvida-root .modaleco__close__cross:after {
          top: -0.225rem;
          left: 0.675rem;
          height: 2rem; } }

.modaleco-visible,
.modaleco-visible #uxvida-root,
#uxvida-root .modaleco-visible {
  overflow: hidden; }
  .modaleco-visible .modaleco--visible,
  .modaleco-visible #uxvida-root .modaleco--visible,
  #uxvida-root .modaleco-visible .modaleco--visible {
    visibility: visible;
    opacity: 1;
    overflow: hidden; }
    .modaleco-visible .modaleco--visible .modaleco__box,
    .modaleco-visible #uxvida-root .modaleco--visible .modaleco__box,
    #uxvida-root .modaleco-visible .modaleco--visible .modaleco__box {
      -webkit-transform: scale(1);
              transform: scale(1); }

#modal-save, #modal-saved-budget, #modal-loading {
  overflow-y: scroll !important; }

/*------------------------------------*\
    # yes no
\*------------------------------------*/
.yes-no {
  text-align: center;
  margin: 3.125rem auto;
  /* remove space beetween inline-block elements */
  font-size: 0; }

.yes-no__label,
#uxvida-root .yes-no__label {
  line-height: 1em;
  font-size: 1.188rem;
  display: inline-block;
  padding: 1.563rem 6.25rem;
  border: 1px solid #3a69d5;
  font-family: "FranklinGothic";
  color: #3a69d5;
  background: #fff;
  font-weight: 300;
  cursor: pointer; }
  .yes-no__label-error,
  #uxvida-root .yes-no__label-error {
    border: 1px solid #cd150e; }

.yes-no__input,
#uxvida-root .yes-no__input {
  margin: 0;
  display: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .yes-no__input:checked + .yes-no__label,
  #uxvida-root .yes-no__input:checked + .yes-no__label {
    color: #fff;
    background: #3a69d5; }

@media (max-width: 48rem) {
  .yes-no,
  #uxvida-root .yes-no {
    margin: 2.625rem auto; }
  .yes-no__label,
  #uxvida-root .yes-no__label {
    width: 50%;
    font-size: 1rem;
    padding: 1.188rem 4.25rem;
    box-sizing: border-box; } }

/*------------------------------------*\
    # form box
\*------------------------------------*/
.form-box {
  padding: 2.5rem 0;
  text-align: center; }

.form-box__wrapper {
  padding: 1.375rem;
  background: #f9f9f9; }
  .form-box__wrapper--collapse {
    padding-bottom: 2em; }

.form-box__icon {
  font-size: 3rem;
  color: #3a69d5;
  display: block;
  margin-right: 1.25rem;
  float: left; }

.form-box__text {
  font-weight: 500;
  font-size: 1.375rem;
  font-family: "FranklinGothic"; }

.form-box__text_align {
  font-weight: 500;
  font-size: 1.375rem;
  font-family: "FranklinGothic";
  margin-left: 300px; }

@media (max-width: 48rem) {
  .form-box {
    padding: 1.875rem 0; }
  .form-box__icon {
    font-size: 2.125rem;
    margin: 0 auto 1rem;
    display: block;
    float: none; }
  .form-box__text {
    font-size: 1rem; }
  .form-box__text_align {
    font-size: 1rem;
    margin-left: auto; } }

#uxvida-root .form-checkbox {
  position: relative; }
  #uxvida-root .form-checkbox::after {
    clear: both;
    content: "";
    display: table; }
  #uxvida-root .form-checkbox label {
    position: relative;
    display: block;
    min-width: 1.375rem;
    min-height: 1.375rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    padding-left: 0.9375rem;
    font-family: "FranklinGothic";
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
    color: #000000;
    float: left; }
    #uxvida-root .form-checkbox label:before {
      content: "";
      position: absolute;
      top: 0;
      right: 100%;
      z-index: 1;
      height: 1.375rem;
      width: 1.375rem;
      border: 1px solid #767676;
      box-sizing: border-box;
      background-color: #ffffff; }
    #uxvida-root .form-checkbox label .icon-dynamic-check-uxv {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      right: 100%;
      z-index: 2;
      margin-top: 0.25rem;
      margin-right: 0.125rem;
      font-size: 0.9375rem;
      color: #008a00;
      transition: opacity 150ms; }
    #uxvida-root .form-checkbox label a {
      font-weight: 300;
      transition: color 300ms; }
      #uxvida-root .form-checkbox label a:hover {
        color: #5881DE; }
  #uxvida-root .form-checkbox .no-checked:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    z-index: 1;
    height: 1.375rem;
    width: 1.375rem;
    border: 1px solid #cd150e;
    box-sizing: border-box;
    background-color: #ffffff; }
  #uxvida-root .form-checkbox input {
    margin: 0;
    z-index: -1;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    display: block;
    height: 1.375rem;
    width: 1.375rem;
    box-sizing: border-box;
    float: left; }
    #uxvida-root .form-checkbox input:checked + label .icon-dynamic-check-uxv {
      opacity: 1; }
  @media (max-width: 48rem) {
    #uxvida-root .form-checkbox label {
      min-width: 1rem;
      min-height: 1rem;
      padding-left: 1.625rem;
      font-size: 0.8125rem;
      line-height: 1rem;
      -webkit-text-size-adjust: 100%; }
      #uxvida-root .form-checkbox label:before {
        right: auto;
        left: 0;
        height: 1rem;
        width: 1rem; }
      #uxvida-root .form-checkbox label .icon-dynamic-check-uxv {
        right: auto;
        left: 0;
        margin-top: 0.1875rem;
        margin-right: 0;
        margin-left: 0.125rem;
        font-size: 0.625rem; }
    #uxvida-root .form-checkbox input {
      position: absolute;
      top: 0;
      left: 0;
      height: 1rem;
      width: 1rem; } }

.form-date::after {
  clear: both;
  content: "";
  display: table; }

.form-date .form-select {
  float: left;
  width: 33.3333333333%; }
  .form-date .form-select:nth-child(2) {
    margin-right: -1px;
    margin-left: -1px; }

.form-group,
#uxvida-root .form-group {
  display: table;
  width: 100%; }
  .form-group::after,
  #uxvida-root .form-group::after {
    clear: both;
    content: "";
    display: table; }
  .form-group__item,
  #uxvida-root .form-group__item {
    display: table-cell;
    /*vertical-align me esta dando problemas con la integración con portal*/
    /*vertical-align: middle;*/ }
    .form-group__item .form-text input,
    #uxvida-root .form-group__item .form-text input {
      border-color: #767676;
      padding-top: 1.375rem;
      background-color: #f9f9f9;
      font-size: 1.125rem;
      font-weight: 300;
      color: #000000;
      height: inherit; }
    .form-group__item .form-text .form-text--error,
    #uxvida-root .form-group__item .form-text .form-text--error {
      border: 0.0625rem solid #cd150e; }
    .form-group__item .form-text--disabled input,
    #uxvida-root .form-group__item .form-text--disabled input {
      color: #B8BAC1;
      border-color: #B8BAC1;
      background-color: #EFF1F4; }
      .form-group__item .form-text--disabled input:hover,
      #uxvida-root .form-group__item .form-text--disabled input:hover {
        cursor: default; }
    .form-group__item .form-label,
    #uxvida-root .form-group__item .form-label {
      margin-bottom: 0.625rem; }
      .form-group__item .form-label label,
      #uxvida-root .form-group__item .form-label label {
        font-size: 1rem;
        font-style: italic;
        color: #3a69d5; }
    .form-group__item__wrapper,
    #uxvida-root .form-group__item__wrapper {
      display: inline-block;
      vertical-align: middle;
      width: 42.438rem;
      max-width: 100%; }
      .form-group__item__wrapper--date .form-select,
      #uxvida-root .form-group__item__wrapper--date .form-select {
        width: 33.333333%;
        display: inline-block; }
        .form-group__item__wrapper--date .form-select:nth-child(2) .selectric,
        #uxvida-root .form-group__item__wrapper--date .form-select:nth-child(2) .selectric {
          border-left: 0;
          border-right: 0; }
      .form-group__item__wrapper--iban .form-text,
      #uxvida-root .form-group__item__wrapper--iban .form-text {
        width: 16.666666%;
        display: inline-block; }
        .form-group__item__wrapper--iban .form-text input,
        #uxvida-root .form-group__item__wrapper--iban .form-text input {
          border-right-width: 0; }
        .form-group__item__wrapper--iban .form-text:last-of-type input,
        #uxvida-root .form-group__item__wrapper--iban .form-text:last-of-type input {
          border-right-width: 0.0625rem; }
      .form-group__item__wrapper--ccc .form-text,
      #uxvida-root .form-group__item__wrapper--ccc .form-text {
        width: 20%;
        display: inline-block; }
        .form-group__item__wrapper--ccc .form-text input,
        #uxvida-root .form-group__item__wrapper--ccc .form-text input {
          border-right-width: 0; }
        .form-group__item__wrapper--ccc .form-text:nth-child(3),
        #uxvida-root .form-group__item__wrapper--ccc .form-text:nth-child(3) {
          width: 15%; }
        .form-group__item__wrapper--ccc .form-text:last-of-type,
        #uxvida-root .form-group__item__wrapper--ccc .form-text:last-of-type {
          width: 45%; }
          .form-group__item__wrapper--ccc .form-text:last-of-type input,
          #uxvida-root .form-group__item__wrapper--ccc .form-text:last-of-type input {
            border-right-width: 0.0625rem; }
  .form-group + .form-group,
  #uxvida-root .form-group + .form-group, .form-group +
  #uxvida-root .form-group,
  #uxvida-root .form-group +
  #uxvida-root .form-group {
    margin-top: 1.125rem; }
  .form-group--duo .form-group__item,
  #uxvida-root .form-group--duo .form-group__item {
    width: 50%; }
    .form-group--duo .form-group__item:last-child input,
    #uxvida-root .form-group--duo .form-group__item:last-child input {
      border-left-width: 0; }
  .form-group--trio .form-group__item,
  #uxvida-root .form-group--trio .form-group__item {
    width: 33.3333333333%; }
    .form-group--trio .form-group__item:nth-child(2) input,
    #uxvida-root .form-group--trio .form-group__item:nth-child(2) input {
      border-right-width: 0;
      border-left-width: 0; }
  .form-group--quartet .form-group__item,
  #uxvida-root .form-group--quartet .form-group__item {
    width: 25%; }
    .form-group--quartet .form-group__item:nth-child(2) input,
    #uxvida-root .form-group--quartet .form-group__item:nth-child(2) input {
      border-left-width: 0; }
    .form-group--quartet .form-group__item:nth-child(3) input,
    #uxvida-root .form-group--quartet .form-group__item:nth-child(3) input {
      border-right-width: 0;
      border-left-width: 0; }
  .form-group--quintet,
  #uxvida-root .form-group--quintet {
    table-layout: fixed; }
    .form-group--quintet .form-group__item,
    #uxvida-root .form-group--quintet .form-group__item {
      width: 20%; }
      .form-group--quintet .form-group__item:nth-child(2) input,
      .form-group--quintet .form-group__item:nth-child(2) .selectric, .form-group--quintet .form-group__item:nth-child(3) input,
      .form-group--quintet .form-group__item:nth-child(3) .selectric,
      #uxvida-root .form-group--quintet .form-group__item:nth-child(2) input,
      #uxvida-root .form-group--quintet .form-group__item:nth-child(2) .selectric,
      #uxvida-root .form-group--quintet .form-group__item:nth-child(3) input,
      #uxvida-root .form-group--quintet .form-group__item:nth-child(3) .selectric {
        border-left-width: 0; }
      .form-group--quintet .form-group__item:nth-child(4) input,
      .form-group--quintet .form-group__item:nth-child(4) .selectric,
      #uxvida-root .form-group--quintet .form-group__item:nth-child(4) input,
      #uxvida-root .form-group--quintet .form-group__item:nth-child(4) .selectric {
        border-right-width: 0;
        border-left-width: 0; }
    .form-group--quintet .form-select .selectric .label,
    #uxvida-root .form-group--quintet .form-select .selectric .label {
      padding-right: 2.813rem; }
  .form-group--two-quartet .form-group__item,
  #uxvida-root .form-group--two-quartet .form-group__item {
    width: 25%; }
    .form-group--two-quartet .form-group__item:nth-child(2) input,
    .form-group--two-quartet .form-group__item:nth-child(2) .selectric,
    #uxvida-root .form-group--two-quartet .form-group__item:nth-child(2) input,
    #uxvida-root .form-group--two-quartet .form-group__item:nth-child(2) .selectric {
      border-left-width: 0; }
    .form-group--two-quartet .form-group__item:nth-child(3),
    #uxvida-root .form-group--two-quartet .form-group__item:nth-child(3) {
      width: 50%; }
      .form-group--two-quartet .form-group__item:nth-child(3) input,
      .form-group--two-quartet .form-group__item:nth-child(3) .selectric,
      #uxvida-root .form-group--two-quartet .form-group__item:nth-child(3) input,
      #uxvida-root .form-group--two-quartet .form-group__item:nth-child(3) .selectric {
        border-left-width: 0; }
  .form-group--dir,
  #uxvida-root .form-group--dir {
    table-layout: fixed; }
    .form-group--dir .form-group__item,
    #uxvida-root .form-group--dir .form-group__item {
      width: 20%; }
      .form-group--dir .form-group__item:nth-child(2),
      #uxvida-root .form-group--dir .form-group__item:nth-child(2) {
        width: 50%; }
        .form-group--dir .form-group__item:nth-child(2) input,
        .form-group--dir .form-group__item:nth-child(2) .selectric,
        #uxvida-root .form-group--dir .form-group__item:nth-child(2) input,
        #uxvida-root .form-group--dir .form-group__item:nth-child(2) .selectric {
          border-left-width: 0; }
      .form-group--dir .form-group__item:nth-child(3),
      #uxvida-root .form-group--dir .form-group__item:nth-child(3) {
        width: 10%; }
        .form-group--dir .form-group__item:nth-child(3) input,
        .form-group--dir .form-group__item:nth-child(3) .selectric,
        #uxvida-root .form-group--dir .form-group__item:nth-child(3) input,
        #uxvida-root .form-group--dir .form-group__item:nth-child(3) .selectric {
          border-left-width: 0; }
      .form-group--dir .form-group__item:nth-child(4) input,
      .form-group--dir .form-group__item:nth-child(4) .selectric,
      #uxvida-root .form-group--dir .form-group__item:nth-child(4) input,
      #uxvida-root .form-group--dir .form-group__item:nth-child(4) .selectric {
        border-left-width: 0; }
    .form-group--dir .form-select .selectric .label,
    #uxvida-root .form-group--dir .form-select .selectric .label {
      padding-right: 2.813rem; }
  .form-group--special,
  .form-group + .form-group--special,
  #uxvida-root .form-group--special,
  #uxvida-root .form-group + .form-group--special,
  .form-group +
  #uxvida-root .form-group--special,
  #uxvida-root .form-group +
  #uxvida-root .form-group--special {
    margin-top: 2.5rem; }
  .form-group--bordered,
  #uxvida-root .form-group--bordered {
    position: relative;
    padding-bottom: 1.563rem; }
    .form-group--bordered:after,
    #uxvida-root .form-group--bordered:after {
      left: 1.5rem;
      bottom: 0;
      width: 1px;
      height: 1px;
      display: block;
      position: absolute;
      background: #D8D8D8;
      max-width: 52.813rem;
      width: 100%;
      content: ' '; }
  .form-group--gutter,
  #uxvida-root .form-group--gutter {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
    .form-group--gutter.form-group--duo .form-group__item,
    #uxvida-root .form-group--gutter.form-group--duo .form-group__item {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; }
  @media (max-width: 64rem) {
    .form-group--bordered:after,
    #uxvida-root .form-group--bordered:after {
      right: 0;
      width: auto;
      left: 1.5rem; } }
  @media (max-width: 48rem) {
    .form-group,
    #uxvida-root .form-group {
      display: block; }
      .form-group__item,
      #uxvida-root .form-group__item {
        display: block; }
        .form-group__item .form-text input,
        #uxvida-root .form-group__item .form-text input {
          padding-top: 1rem;
          font-size: 1rem; }
        .form-group__item + .form-group__item,
        #uxvida-root .form-group__item + .form-group__item, .form-group__item +
        #uxvida-root .form-group__item,
        #uxvida-root .form-group__item +
        #uxvida-root .form-group__item {
          margin-top: 1.25rem; }
        .form-group__item__wrapper,
        #uxvida-root .form-group__item__wrapper {
          display: block;
          width: 100%; }
          .form-group__item__wrapper--ccc .form-text input, .form-group__item__wrapper--iban .form-text input,
          #uxvida-root .form-group__item__wrapper--ccc .form-text input,
          #uxvida-root .form-group__item__wrapper--iban .form-text input {
            text-align: center;
            padding-left: 0.375rem;
            padding-right: 0.375rem;
            font-size: 0.813rem; }
      .form-group + .form-group,
      #uxvida-root .form-group + .form-group, .form-group +
      #uxvida-root .form-group,
      #uxvida-root .form-group +
      #uxvida-root .form-group {
        margin-top: 1.25rem; }
      .form-group--bordered + .form-group,
      #uxvida-root .form-group--bordered + .form-group, .form-group--bordered +
      #uxvida-root .form-group,
      #uxvida-root .form-group--bordered +
      #uxvida-root .form-group {
        margin-top: 0; }
      .form-group--duo .form-group__item,
      #uxvida-root .form-group--duo .form-group__item {
        width: 100%; }
        .form-group--duo .form-group__item:last-child input,
        #uxvida-root .form-group--duo .form-group__item:last-child input {
          border-left-width: 0.0625rem; }
      .form-group--trio .form-group__item,
      #uxvida-root .form-group--trio .form-group__item {
        width: 100%; }
        .form-group--trio .form-group__item:nth-child(2) input,
        #uxvida-root .form-group--trio .form-group__item:nth-child(2) input {
          border-right-width: 0.0625rem;
          border-left-width: 0.0625rem; }
      .form-group--quartet .form-group__item,
      #uxvida-root .form-group--quartet .form-group__item {
        width: 100%; }
        .form-group--quartet .form-group__item:nth-child(2) input,
        #uxvida-root .form-group--quartet .form-group__item:nth-child(2) input {
          border-left-width: 0.0625rem; }
        .form-group--quartet .form-group__item:nth-child(3) input,
        #uxvida-root .form-group--quartet .form-group__item:nth-child(3) input {
          border-right-width: 0.0625rem;
          border-left-width: 0.0625rem; }
      .form-group--quintet .form-group__item,
      #uxvida-root .form-group--quintet .form-group__item {
        width: 100%; }
        .form-group--quintet .form-group__item:nth-child(2) input,
        .form-group--quintet .form-group__item:nth-child(2) .selectric, .form-group--quintet .form-group__item:nth-child(3) input,
        .form-group--quintet .form-group__item:nth-child(3) .selectric,
        #uxvida-root .form-group--quintet .form-group__item:nth-child(2) input,
        #uxvida-root .form-group--quintet .form-group__item:nth-child(2) .selectric,
        #uxvida-root .form-group--quintet .form-group__item:nth-child(3) input,
        #uxvida-root .form-group--quintet .form-group__item:nth-child(3) .selectric {
          border-left-width: 0.0625rem; }
        .form-group--quintet .form-group__item:nth-child(4) input,
        .form-group--quintet .form-group__item:nth-child(4) .selectric,
        #uxvida-root .form-group--quintet .form-group__item:nth-child(4) input,
        #uxvida-root .form-group--quintet .form-group__item:nth-child(4) .selectric {
          border-right-width: 0.0625rem;
          border-left-width: 0.0625rem; }
      .form-group--two-quartet .form-group__item,
      #uxvida-root .form-group--two-quartet .form-group__item {
        width: 100%; }
        .form-group--two-quartet .form-group__item:nth-child(2) input,
        .form-group--two-quartet .form-group__item:nth-child(2) .selectric,
        #uxvida-root .form-group--two-quartet .form-group__item:nth-child(2) input,
        #uxvida-root .form-group--two-quartet .form-group__item:nth-child(2) .selectric {
          border-left-width: 0.0625rem; }
        .form-group--two-quartet .form-group__item:nth-child(3),
        #uxvida-root .form-group--two-quartet .form-group__item:nth-child(3) {
          width: 100%; }
          .form-group--two-quartet .form-group__item:nth-child(3) input,
          .form-group--two-quartet .form-group__item:nth-child(3) .selectric,
          #uxvida-root .form-group--two-quartet .form-group__item:nth-child(3) input,
          #uxvida-root .form-group--two-quartet .form-group__item:nth-child(3) .selectric {
            border-right-width: 0.0625rem;
            border-left-width: 0.0625rem; }
      .form-group--dir .form-group__item,
      #uxvida-root .form-group--dir .form-group__item {
        width: 100%; }
        .form-group--dir .form-group__item:nth-child(2),
        #uxvida-root .form-group--dir .form-group__item:nth-child(2) {
          width: 100%; }
          .form-group--dir .form-group__item:nth-child(2) input,
          .form-group--dir .form-group__item:nth-child(2) .selectric,
          #uxvida-root .form-group--dir .form-group__item:nth-child(2) input,
          #uxvida-root .form-group--dir .form-group__item:nth-child(2) .selectric {
            border-left-width: 0.0625rem; }
        .form-group--dir .form-group__item:nth-child(3),
        #uxvida-root .form-group--dir .form-group__item:nth-child(3) {
          width: 100%; }
          .form-group--dir .form-group__item:nth-child(3) input,
          .form-group--dir .form-group__item:nth-child(3) .selectric,
          #uxvida-root .form-group--dir .form-group__item:nth-child(3) input,
          #uxvida-root .form-group--dir .form-group__item:nth-child(3) .selectric {
            border-left-width: 0.0625rem; }
        .form-group--dir .form-group__item:nth-child(4) input,
        .form-group--dir .form-group__item:nth-child(4) .selectric,
        #uxvida-root .form-group--dir .form-group__item:nth-child(4) input,
        #uxvida-root .form-group--dir .form-group__item:nth-child(4) .selectric {
          border-right-width: 0.0625rem;
          border-left-width: 0.0625rem; }
      .form-group--gutter.form-group--duo .form-group__item,
      #uxvida-root .form-group--gutter.form-group--duo .form-group__item {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; }
      .form-group--bordered,
      #uxvida-root .form-group--bordered {
        margin-top: 0; }
        .form-group--bordered:after,
        #uxvida-root .form-group--bordered:after {
          left: 0;
          right: 0; }
      .form-group + .form-group--spaced,
      #uxvida-root .form-group + .form-group--spaced, .form-group +
      #uxvida-root .form-group--spaced,
      #uxvida-root .form-group +
      #uxvida-root .form-group--spaced {
        margin-top: 2.5rem; } }

.form-label label,
#uxvida-root .form-label label {
  display: block;
  font-family: "FranklinGothic";
  color: #000000;
  text-align: left; }

.form-label--s,
#uxvida-root .form-label--s {
  margin-bottom: 0.3125rem; }
  .form-label--s label,
  #uxvida-root .form-label--s label {
    font-size: 1.0625rem;
    font-weight: 300; }

.form-label--info,
#uxvida-root .form-label--info {
  margin-bottom: 0.3125rem;
  font-size: 0.5625rem; }

@media (min-width: 48rem) and (max-width: 64rem) {
  .form-label--s label,
  #uxvida-root .form-label--s label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media (max-width: 48rem) {
  .form-label--s label,
  #uxvida-root .form-label--s label {
    margin-bottom: 0.5625rem;
    font-size: 0.8125rem; } }

/*------------------------------------*\
    # form label special
\*------------------------------------*/
#uxvida-root .form-label-special {
  display: inline-block;
  margin-right: 1.875rem; }
  #uxvida-root .form-label-special--alternative {
    min-width: 16.625rem; }
  #uxvida-root .form-label-special--spaced {
    margin-top: 1.5rem; }
  #uxvida-root .form-label-special--file legend {
    width: 18.75rem; }
  #uxvida-root .form-label-special legend {
    position: relative;
    padding-left: 1.5rem;
    font-weight: 300;
    font-size: 1.25rem;
    font-style: italic;
    font-family: "FranklinGothic";
    display: inline-block;
    color: #000000;
    border-bottom: inherit;
    line-height: inherit;
    border: inherit;
    margin: 0px; }
    #uxvida-root .form-label-special legend:before {
      left: 0;
      position: absolute;
      color: #3a69d5;
      margin-right: .625rem;
      vertical-align: text-top;
      content: "\E907"; }
  @media (max-width: 64rem) {
    #uxvida-root .form-label-special {
      display: block;
      margin-bottom: 1.563rem; } }
  @media (max-width: 48rem) {
    #uxvida-root .form-label-special {
      display: block;
      margin-right: 0; }
      #uxvida-root .form-label-special--alternative {
        min-width: 100%; }
      #uxvida-root .form-label-special legend {
        font-size: 1rem;
        display: block; }
    #uxvida-root .form-label-special--spaced {
      margin-top: 2.375rem; }
    #uxvida-root .form-label-special--file legend {
      width: auto; } }

/*------------------------------------*\
    # form notice
\*------------------------------------*/
.form-notice,
#uxvida-root .form-notice {
  margin-top: 1rem;
  font-weight: 300;
  font-size: .938rem;
  font-family: "FranklinGothic"; }

.form-notice__link {
  color: #3a69d5;
  transition: color 300ms; }
  .form-notice__link:hover {
    color: #5881DE; }

.form-notice__link__icon {
  border-radius: 50%;
  margin-left: .375rem;
  display: inline-block;
  background: #eff1f4;
  height: 1.625rem;
  width: 1.625rem;
  line-height: 1.625rem;
  text-align: center; }

@media (max-width: 48rem) {
  .form-notice {
    font-size: 0.813rem; } }

/*------------------------------------*\
    # form radio
\*------------------------------------*/
.form-radio {
  display: inline-block;
  vertical-align: middle; }
  .form-radio input {
    display: none; }
    .form-radio input:checked + label:after {
      content: ' ';
      border-radius: 50%;
      display: inline-block;
      height: 0.813rem;
      width: 0.813rem;
      background: #3a69d5;
      position: absolute;
      left: 0.25rem;
      top: 0.34rem; }
  .form-radio label {
    font-weight: 500;
    font-size: 1.125rem;
    color: #3a69d5;
    display: inline-block;
    margin-right: 1.875rem;
    font-family: "FranklinGothic";
    position: relative; }
    .form-radio label:before {
      content: ' ';
      border-radius: 50%;
      display: inline-block;
      margin-right: 0.625rem;
      height: 1.188rem;
      width: 1.188rem;
      border: 1px solid #767676;
      vertical-align: middle; }
  @media (max-width: 48rem) {
    .form-radio label + input + label {
      margin-top: 0.625rem; } }

/*------------------------------------*\
    # form radio special
\*------------------------------------*/
#uxvida-root .form-radio-special {
  vertical-align: top;
  display: inline-block; }
  #uxvida-root .form-radio-special--error {
    border: 1px solid #cd150e; }
  #uxvida-root .form-radio-special input {
    display: none; }
    #uxvida-root .form-radio-special input:checked + label {
      color: #fff;
      background: #3a69d5; }
  #uxvida-root .form-radio-special label {
    width: 13.25rem;
    font-weight: 300;
    font-size: 1.188rem;
    color: #3a69d5;
    display: inline-block;
    font-family: "FranklinGothic";
    border: 1px solid #3a69d5;
    margin-right: 1.25rem;
    line-height: 4.063rem;
    text-align: center;
    cursor: pointer;
    transition: color 0.3s, background 0.3s; }
  #uxvida-root .form-radio-special .form-radio-special--error {
    border: 1px solid #cd150e; }

.form-radio-special__wrapper {
  width: 13.25rem;
  margin-right: 1.25rem;
  display: inline-block;
  vertical-align: text-top; }
  .form-radio-special__wrapper:last-of-type {
    margin-right: 0; }
  .form-radio-special__wrapper label {
    width: 100%;
    margin-right: 0; }

#uxvida-root .form-radio-special__notice {
  display: block;
  font-weight: 500;
  text-align: center;
  margin-top: .625rem;
  font-size: 1.125rem;
  font-family: "FranklinGothic"; }

@media (max-width: 64rem) {
  .form-radio-special__wrapper {
    width: 8.75rem; } }

@media (max-width: 48rem) {
  #uxvida-root .form-radio-special {
    display: block; }
    #uxvida-root .form-radio-special label {
      width: 100%;
      font-size: 1rem;
      line-height: 3.125rem; }
      #uxvida-root .form-radio-special label:last-of-type {
        margin-right: 0; }
  .form-radio-special__wrapper {
    margin-right: 0;
    width: 33.333333%;
    box-sizing: border-box; }
    .form-radio-special__wrapper:first-of-type {
      padding-right: 0.625rem; }
    .form-radio-special__wrapper:last-of-type {
      padding-left: 0.625rem; }
  #uxvida-root .form-radio-special__notice {
    font-size: .75rem;
    margin-top: .625rem; }
  .form-radio-special__container {
    width: 50%;
    line-height: 0;
    display: inline-block;
    box-sizing: border-box; }
    .form-radio-special__container:first-of-type {
      padding-right: 0.625rem; }
    .form-radio-special__container:last-of-type {
      padding-left: 0.625rem; } }

.form-readonly {
  border-bottom: 0.0625rem solid #dde0e5;
  padding-bottom: 0.625rem;
  font-family: "FranklinGothic";
  font-size: 1.125rem;
  font-weight: 300;
  color: #000000; }
  @media (max-width: 48rem) {
    .form-readonly {
      padding-bottom: 0.90625rem;
      font-size: 0.875rem; } }

.form-readonly__link {
  font-weight: 300;
  color: #3a69d5;
  text-decoration: underline; }

/* ==========================================================================
   FORM SELECT
   ========================================================================== */
.form-select {
  overflow: visible;
  text-align: center; }
  .form-select .selectric {
    border: 0.0625rem solid #3a69d5;
    border-radius: 0;
    background: #eff1f4;
    position: relative;
    overflow: hidden; }
    .form-select .selectric-wrapper {
      position: relative;
      cursor: pointer; }
    .form-select .selectric-responsive {
      width: 100%; }
    .form-select .selectric .label {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 1.4375rem 1rem 1.25rem;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      font-family: "FranklinGothic";
      font-size: 1.375rem;
      font-weight: 300;
      color: #3a69d5;
      background: inherit;
      line-height: inherit; }
    .form-select .selectric-arrow {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }
      .form-select .selectric-arrow:before, .form-select .selectric-arrow:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 1.25rem; }
      .form-select .selectric-arrow:before {
        margin-top: -0.25rem;
        height: 0;
        width: 0;
        border-left: 0.625rem solid transparent;
        border-right: 0.625rem solid transparent;
        border-top: 0.625rem solid #3a69d5; }
      .form-select .selectric-arrow:after {
        margin-top: -0.375rem;
        height: 0;
        width: 0;
        border-left: 0.625rem solid transparent;
        border-right: 0.625rem solid transparent;
        border-top: 0.625rem solid #eff1f4; }
    .form-select .selectric-open {
      z-index: 9999; }
      .form-select .selectric-open .selectric-items {
        display: block; }
    .form-select .selectric-disabled {
      opacity: 0.5;
      cursor: default;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .form-select .selectric-hide-select {
      position: relative;
      overflow: hidden;
      width: 0;
      height: 0; }
      .form-select .selectric-hide-select select {
        position: absolute;
        left: -100%; }
      .form-select .selectric-hide-select.selectric-is-native {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10; }
        .form-select .selectric-hide-select.selectric-is-native select {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 100%;
          width: 100%;
          border: none;
          z-index: 1;
          box-sizing: border-box;
          opacity: 0; }
    .form-select .selectric-input {
      position: absolute !important;
      top: 0 !important;
      left: 0 !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 1px !important;
      height: 1px !important;
      outline: none !important;
      border: none !important;
      *font: 0/0 a !important;
      background: none !important; }
    .form-select .selectric-temp-show {
      position: absolute !important;
      visibility: hidden !important;
      display: block !important; }
    .form-select .selectric-above .selectric-items {
      top: auto;
      bottom: 100%; }
    .form-select .selectric-items {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: -0.0625rem;
      background-color: #eff1f4;
      border: 1px solid #3a69d5;
      z-index: -1; }
      .form-select .selectric-items .selectric-scroll {
        height: 100%;
        overflow: auto; }
      .form-select .selectric-items ul {
        list-style: none;
        padding: 0;
        margin: 0; }
      .form-select .selectric-items li {
        display: block;
        padding: 0.6875rem 1rem 0.5625rem;
        font-family: "FranklinGothic";
        font-size: 1.375rem;
        font-weight: 300;
        color: #3a69d5;
        cursor: pointer; }
        .form-select .selectric-items li.highlighted, .form-select .selectric-items li.selected {
          background-color: #3a69d5;
          color: #ffffff; }
        .form-select .selectric-items li :hover {
          background-color: #3a69d5;
          cursor: pointer;
          color: #ffffff; }
  .form-select--s .selectric {
    background-color: transparent; }
    .form-select--s .selectric .label {
      padding: 0.8125rem 0.625rem 0.75rem;
      font-size: 1.25rem;
      font-weight: 500;
      text-align: left; }
    .form-select--s .selectric-arrow:before, .form-select--s .selectric-arrow:after {
      right: 1.25rem; }
    .form-select--s .selectric-arrow:before {
      margin-top: -0.25rem;
      height: 0;
      width: 0;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      border-top: 0.625rem solid #3a69d5; }
    .form-select--s .selectric-arrow:after {
      margin-top: -0.375rem;
      height: 0;
      width: 0;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      border-top: 0.625rem solid white; }
    .form-select--s .selectric-items {
      background-color: #ffffff;
      text-align: left; }
      .form-select--s .selectric-items li {
        padding-top: 0.5625rem;
        padding-bottom: 0.5rem;
        font-size: 1.25rem;
        font-weight: 500; }
  .form-select--alternative .selectric {
    border-color: #767676; }
    .form-select--alternative .selectric .label {
      font-style: italic;
      /*padding: 1.375rem 1.25rem;*/
      font-weight: 300;
      line-height: 1.056em;
      font-size: 1.125rem;
      background: #f9f9f9;
      color: #000000;
      text-align: left;
      text-shadow: none; }
    .form-select--alternative .selectric-arrow:after {
      border-top-color: #f9f9f9; }
    .form-select--alternative .selectric-items {
      text-align: left;
      background: #f9f9f9;
      border-color: #767676; }
      .form-select--alternative .selectric-items li {
        font-weight: 300;
        font-size: 1.125rem;
        padding-top: 0.5625rem;
        padding-bottom: 0.5rem;
        color: #000000; }
  .form-select--placeholder.form-select--s .selectric .label {
    padding-top: 0.9375rem;
    padding-bottom: 0.875rem;
    font-size: 1.0625rem;
    font-weight: 300; }
  .form-select div .selectric-error {
    border: 0.0625rem solid #cd150e;
    z-index: 1; }
  @media (max-width: 48rem) {
    .form-select .selectric .label {
      padding-top: 1rem;
      padding-bottom: 0.875rem;
      font-size: 1rem; }
    .form-select .selectric-arrow {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0; }
      .form-select .selectric-arrow:before, .form-select .selectric-arrow:after {
        right: 0.75rem; }
      .form-select .selectric-arrow:before {
        margin-top: -0.125rem;
        height: 0;
        width: 0;
        border-left: 0.375rem solid transparent;
        border-right: 0.375rem solid transparent;
        border-top: 0.4375rem solid #3a69d5; }
      .form-select .selectric-arrow:after {
        margin-top: -0.25rem;
        height: 0;
        width: 0;
        border-left: 0.375rem solid transparent;
        border-right: 0.375rem solid transparent;
        border-top: 0.4375rem solid #eff1f4; }
    .form-select--s .selectric .label {
      padding-top: 1.0625rem;
      padding-bottom: 0.9375rem;
      font-size: 0.875rem; }
    .form-select--s .selectric-arrow:after {
      height: 0;
      width: 0;
      border-left: 0.375rem solid transparent;
      border-right: 0.375rem solid transparent;
      border-top: 0.4375rem solid white; }
    .form-select--s .selectric-items li {
      font-size: 0.875rem; }
    .form-select--placeholder.form-select--s .selectric .label {
      padding-top: 1.0625rem;
      padding-bottom: 0.9375rem;
      font-size: 0.875rem; } }

.form-slider,
#uxvida-root .form-slider {
  display: table;
  width: 100%; }
  .form-slider__recommendation,
  #uxvida-root .form-slider__recommendation {
    position: absolute;
    top: 100%;
    left: 0;
    width: 11.25rem;
    margin-top: 1.5625rem;
    margin-left: 5.375rem;
    font-family: "FranklinGothic";
    font-size: 1.0625rem;
    font-weight: 500;
    color: #3a69d5; }
    .form-slider__recommendation a,
    #uxvida-root .form-slider__recommendation a {
      font-weight: 300;
      color: #3a69d5;
      transition: color 300ms; }
      .form-slider__recommendation a:hover,
      #uxvida-root .form-slider__recommendation a:hover {
        color: #5881DE; }
      .form-slider__recommendation a.link-line:after,
      #uxvida-root .form-slider__recommendation a.link-line:after {
        bottom: 0;
        height: 0.0625rem;
        background-color: #3a69d5; }
      .form-slider__recommendation a.link-line:hover:after,
      #uxvida-root .form-slider__recommendation a.link-line:hover:after {
        background-color: #5881DE; }
  .form-slider .noUi-base,
  #uxvida-root .form-slider .noUi-base {
    background-color: #3a75d5; }
  .form-slider .noUi-handle,
  #uxvida-root .form-slider .noUi-handle {
    top: 0;
    left: -1.25rem;
    height: 100%;
    width: 0.0625rem;
    border: none;
    border-radius: 0;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
    box-shadow: none;
    background-color: transparent;
    cursor: ew-resize; }
    .form-slider .noUi-handle:before,
    #uxvida-root .form-slider .noUi-handle:before {
      top: 0;
      left: 50%;
      height: 3.75rem;
      width: 0.0625rem;
      margin-left: -0.0625rem;
      background-color: #000000; }
    .form-slider .noUi-handle:after,
    #uxvida-root .form-slider .noUi-handle:after {
      top: 100%;
      left: 50%;
      margin-left: -0.625rem;
      height: 0;
      width: 0;
      border-bottom: 1.25rem solid #3a75d5;
      border-left: 0.625rem solid transparent;
      border-right: 0.625rem solid transparent;
      background-color: transparent; }
  .form-slider .noUi-origin,
  #uxvida-root .form-slider .noUi-origin {
    border-radius: 0;
    background-color: #ffffff; }
  .form-slider .noUi-target,
  #uxvida-root .form-slider .noUi-target {
    display: table-cell;
    vertical-align: top;
    height: 3.75rem;
    width: 100%;
    box-shadow: none;
    border: none;
    border-radius: 0; }
    .form-slider .noUi-target-left-label, .form-slider .noUi-target:after,
    #uxvida-root .form-slider .noUi-target-left-label,
    #uxvida-root .form-slider .noUi-target:after {
      position: absolute;
      bottom: 100%;
      font-family: "FranklinGothic";
      font-size: 1.0625rem;
      font-weight: 500;
      color: #000000; }
    .form-slider .noUi-target-left-label,
    #uxvida-root .form-slider .noUi-target-left-label {
      left: 0; }
    .form-slider .noUi-target:after,
    #uxvida-root .form-slider .noUi-target:after {
      content: "500.000 \20AC";
      right: 0; }
  .form-slider .form-text,
  #uxvida-root .form-slider .form-text {
    display: table-cell;
    vertical-align: top;
    min-width: 120px;
    padding-left: 0.75rem; }
    .form-slider .form-text input,
    #uxvida-root .form-slider .form-text input {
      padding: 1rem 1rem 0.875rem;
      font-size: 1.5rem;
      font-weight: 500;
      text-align: center; }
  .form-slider .form-unit__label,
  #uxvida-root .form-slider .form-unit__label {
    font-size: 1.5rem;
    font-weight: 500; }
  @media (max-width: 48rem) {
    .form-slider__recommendation,
    #uxvida-root .form-slider__recommendation {
      width: 8.75rem;
      margin-top: 1.5625rem;
      margin-left: 1.625rem;
      font-size: 0.8125rem; }
      .form-slider__recommendation a.link-line:after,
      #uxvida-root .form-slider__recommendation a.link-line:after {
        bottom: 0; }
    .form-slider .noUi-handle:after,
    #uxvida-root .form-slider .noUi-handle:after {
      top: 100%;
      left: 50%;
      margin-left: -0.46875rem;
      height: 0;
      width: 0;
      border-bottom: 0.9375rem solid #3a75d5;
      border-left: 0.46875rem solid transparent;
      border-right: 0.46875rem solid transparent;
      background-color: transparent; }
    .form-slider .noUi-target,
    #uxvida-root .form-slider .noUi-target {
      height: 3.125rem; }
      .form-slider .noUi-target:before, .form-slider .noUi-target:after,
      #uxvida-root .form-slider .noUi-target:before,
      #uxvida-root .form-slider .noUi-target:after {
        margin-bottom: 0.3125rem;
        font-size: 0.8125rem;
        line-height: 1.25rem; }
    .form-slider .form-unit__label,
    #uxvida-root .form-slider .form-unit__label {
      padding-left: 0.3125rem;
      font-size: 1rem; }
    .form-slider .form-text,
    #uxvida-root .form-slider .form-text {
      min-width: 4.8125rem;
      padding-left: 0.3125rem; }
      .form-slider .form-text input,
      #uxvida-root .form-slider .form-text input {
        padding: 1rem 0.25rem 0.875rem;
        font-size: 1rem; } }

.form-switcher {
  position: relative; }
  .form-switcher::after {
    clear: both;
    content: "";
    display: table; }
  .form-switcher__toggle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 2.5rem;
    width: 8.25rem;
    box-sizing: border-box;
    background-color: #dde0e5; }
    .form-switcher__toggle__option {
      position: relative;
      z-index: 3;
      cursor: pointer;
      display: inline-block !important;
      vertical-align: middle;
      height: 2.5rem;
      width: 4.125rem;
      font-family: "FranklinGothic";
      font-size: 1rem !important;
      font-weight: 300 !important;
      line-height: 2.5rem !important;
      color: #000000;
      text-align: center;
      box-sizing: border-box;
      transition: color 300ms;
      border-right: 1px solid #ffffff;
      margin: 0px !important; }
      .form-switcher__toggle__option__error {
        border: 0.0625rem solid #cd150e; }
      input:checked + .form-switcher__toggle__option {
        color: #ffffff;
        background-color: #008a00; }
  .form-switcher div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-height: 2.5rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    padding-left: 9.375rem;
    font-family: "FranklinGothic";
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.375rem;
    color: #000000; }
  .form-switcher input {
    top: 0;
    left: 0;
    margin: 0;
    display: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    box-sizing: border-box;
    height: 2.5rem;
    width: 4.125rem; }
    .form-switcher input:last-of-type {
      left: 4.125rem; }
  @media (max-width: 48rem) {
    .form-switcher__toggle {
      position: relative;
      display: block;
      height: 2.8125rem;
      width: 8.25rem;
      margin-top: 0.75rem;
      margin-right: auto;
      margin-left: auto; }
      .form-switcher__toggle__option {
        height: 2.8125rem;
        width: 4.125rem;
        font-size: 1.125rem;
        line-height: 2.8125rem; }
    .form-switcher div {
      min-height: 2.8125rem;
      padding-left: 0;
      font-size: 0.8125rem;
      line-height: 1.125rem; } }

.form-text input,
#uxvida-root .form-text input {
  display: block;
  width: 100%;
  border: 0.0625rem solid #3a69d5;
  border-radius: 0;
  padding: 1.4375rem 1.25rem 1.25rem;
  outline: 0;
  box-sizing: border-box;
  box-shadow: none;
  background-color: transparent;
  font-family: "FranklinGothic";
  font-size: 1.375rem;
  font-weight: 300;
  color: #3a69d5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: inherit; }
  .form-text input::-webkit-input-placeholder,
  #uxvida-root .form-text input::-webkit-input-placeholder {
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    font-weight: 300;
    color: #3a69d5;
    transition: color 300ms; }
  .form-text input::-moz-placeholder,
  #uxvida-root .form-text input::-moz-placeholder {
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    font-weight: 300;
    color: #3a69d5;
    transition: color 300ms; }
  .form-text input:-moz-placeholder,
  #uxvida-root .form-text input:-moz-placeholder {
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    font-weight: 300;
    color: #3a69d5;
    transition: color 300ms; }
  .form-text input:-ms-input-placeholder,
  #uxvida-root .form-text input:-ms-input-placeholder {
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    font-weight: 300;
    color: #3a69d5;
    transition: color 300ms; }
  .form-text input:hover::-webkit-input-placeholder,
  #uxvida-root .form-text input:hover::-webkit-input-placeholder {
    color: rgba(58, 105, 213, 0.6); }
  .form-text input:hover::-moz-placeholder,
  #uxvida-root .form-text input:hover::-moz-placeholder {
    color: rgba(58, 105, 213, 0.6); }
  .form-text input:hover:-moz-placeholder,
  #uxvida-root .form-text input:hover:-moz-placeholder {
    color: rgba(58, 105, 213, 0.6); }
  .form-text input:hover:-ms-input-placeholder,
  #uxvida-root .form-text input:hover:-ms-input-placeholder {
    color: rgba(58, 105, 213, 0.6); }
  .form-text input:focus::-webkit-input-placeholder,
  #uxvida-root .form-text input:focus::-webkit-input-placeholder {
    color: rgba(58, 105, 213, 0.2); }
  .form-text input:focus::-moz-placeholder,
  #uxvida-root .form-text input:focus::-moz-placeholder {
    color: rgba(58, 105, 213, 0.2); }
  .form-text input:focus:-moz-placeholder,
  #uxvida-root .form-text input:focus:-moz-placeholder {
    color: rgba(58, 105, 213, 0.2); }
  .form-text input:focus:-ms-input-placeholder,
  #uxvida-root .form-text input:focus:-ms-input-placeholder {
    color: rgba(58, 105, 213, 0.2); }

.form-text .form-text--error,
#uxvida-root .form-text .form-text--error {
  border: 0.0625rem solid #cd150e; }

.form-text--s input,
#uxvida-root .form-text--s input {
  padding: 0.8125rem 0.625rem 0.75rem;
  font-size: 1.25rem;
  font-weight: 500; }
  .form-text--s input::-webkit-input-placeholder,
  #uxvida-root .form-text--s input::-webkit-input-placeholder {
    font-size: 1.0625rem; }
  .form-text--s input::-moz-placeholder,
  #uxvida-root .form-text--s input::-moz-placeholder {
    font-size: 1.0625rem; }
  .form-text--s input:-moz-placeholder,
  #uxvida-root .form-text--s input:-moz-placeholder {
    font-size: 1.0625rem; }
  .form-text--s input:-ms-input-placeholder,
  #uxvida-root .form-text--s input:-ms-input-placeholder {
    font-size: 1.0625rem; }

.form-text--alternative input::-webkit-input-placeholder,
#uxvida-root .form-text--alternative input::-webkit-input-placeholder {
  color: #000000; }

.form-text--alternative input::-moz-placeholder,
#uxvida-root .form-text--alternative input::-moz-placeholder {
  color: #000000; }

.form-text--alternative input:-moz-placeholder,
#uxvida-root .form-text--alternative input:-moz-placeholder {
  color: #000000; }

.form-text--alternative input:-ms-input-placeholder,
#uxvida-root .form-text--alternative input:-ms-input-placeholder {
  color: #000000; }

.form-text--alternative input:hover::-webkit-input-placeholder,
#uxvida-root .form-text--alternative input:hover::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6); }

.form-text--alternative input:hover::-moz-placeholder,
#uxvida-root .form-text--alternative input:hover::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6); }

.form-text--alternative input:hover:-moz-placeholder,
#uxvida-root .form-text--alternative input:hover:-moz-placeholder {
  color: rgba(0, 0, 0, 0.6); }

.form-text--alternative input:hover:-ms-input-placeholder,
#uxvida-root .form-text--alternative input:hover:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.6); }

.form-text--alternative input:focus::-webkit-input-placeholder,
#uxvida-root .form-text--alternative input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2); }

.form-text--alternative input:focus::-moz-placeholder,
#uxvida-root .form-text--alternative input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2); }

.form-text--alternative input:focus:-moz-placeholder,
#uxvida-root .form-text--alternative input:focus:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2); }

.form-text--alternative input:focus:-ms-input-placeholder,
#uxvida-root .form-text--alternative input:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2); }

.form-text--disabled input,
#uxvida-root .form-text--disabled input {
  color: #B8BAC1; }
  .form-text--disabled input:hover,
  #uxvida-root .form-text--disabled input:hover {
    cursor: default; }

.form-text--error input,
#uxvida-root .form-text--error input {
  border: 0.0625rem solid #cd150e; }

.form-text input[type=number]::-webkit-inner-spin-button,
.form-text input[type=number]::-webkit-outer-spin-button,
#uxvida-root .form-text input[type=number]::-webkit-inner-spin-button,
#uxvida-root .form-text input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0; }

.form-text input[type=number],
#uxvida-root .form-text input[type=number] {
  -moz-appearance: textfield; }

@media (max-width: 48rem) {
  .form-text input,
  #uxvida-root .form-text input {
    padding: 1rem 1rem 0.875rem;
    font-size: 1rem; }
    .form-text input::-webkit-input-placeholder,
    #uxvida-root .form-text input::-webkit-input-placeholder {
      font-size: 1rem; }
    .form-text input::-moz-placeholder,
    #uxvida-root .form-text input::-moz-placeholder {
      font-size: 1rem; }
    .form-text input:-moz-placeholder,
    #uxvida-root .form-text input:-moz-placeholder {
      font-size: 1rem; }
    .form-text input:-ms-input-placeholder,
    #uxvida-root .form-text input:-ms-input-placeholder {
      font-size: 1rem; }
  .form-text--s input,
  #uxvida-root .form-text--s input {
    padding: 1.0625rem 0.625rem 0.9375rem;
    font-size: 0.875rem; }
    .form-text--s input::-webkit-input-placeholder,
    #uxvida-root .form-text--s input::-webkit-input-placeholder {
      font-size: 0.875rem; }
    .form-text--s input::-moz-placeholder,
    #uxvida-root .form-text--s input::-moz-placeholder {
      font-size: 0.875rem; }
    .form-text--s input:-moz-placeholder,
    #uxvida-root .form-text--s input:-moz-placeholder {
      font-size: 0.875rem; }
    .form-text--s input:-ms-input-placeholder,
    #uxvida-root .form-text--s input:-ms-input-placeholder {
      font-size: 0.875rem; } }

.form-unit {
  display: table;
  width: 100%; }
  .form-unit__value {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
  .form-unit__label {
    display: table-cell;
    vertical-align: middle;
    padding-top: 0.125rem;
    padding-left: 0.625rem;
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    font-weight: 300;
    color: #3a69d5; }
  .form-unit--s .form-unit__label {
    font-size: 1.25rem;
    font-weight: 500; }
  @media (max-width: 48rem) {
    .form-unit__label {
      padding-left: 1.125rem; }
    .form-unit--s .form-unit__label {
      font-size: 0.875rem; } }

.tooltipBox {
  position: relative;
  display: inline-block; }

.tooltipBox .tooltiptext {
  visibility: hidden;
  width: 18.5em;
  background-color: #3a75d5;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 7px 0;
  position: absolute;
  z-index: 1;
  top: 6rem;
  right: 0rem;
  opacity: 0;
  transition: opacity 0.3s;
  font-family: "FranklinGothic"; }

.tooltipBox:hover .tooltiptext {
  visibility: visible;
  opacity: 1; }

@media (max-width: 48rem) {
  .tooltipBox .tooltiptext {
    display: none; } }

.budget-form__inputs,
#uxvida-root .budget-form__inputs {
  margin-top: 2.5rem; }

.budget-form__agreement,
#uxvida-root .budget-form__agreement {
  margin-top: 5rem; }
  .budget-form__agreement .agreement__inner,
  #uxvida-root .budget-form__agreement .agreement__inner {
    padding-bottom: 4.6875rem; }
  .budget-form__agreement .form-checkbox,
  #uxvida-root .budget-form__agreement .form-checkbox {
    border-top: 0.0625rem solid #dde0e5;
    padding-top: 0.625rem; }
    .budget-form__agreement .form-checkbox .link-line:after,
    #uxvida-root .budget-form__agreement .form-checkbox .link-line:after {
      height: 0.0625rem;
      background-color: #3a69d5; }
    .budget-form__agreement .form-checkbox .link-toggle__item:after,
    #uxvida-root .budget-form__agreement .form-checkbox .link-toggle__item:after {
      border-top-color: #ffffff; }

@media (max-width: 48rem) {
  .budget-form__inputs,
  #uxvida-root .budget-form__inputs {
    margin-top: 2.3125rem; }
  .budget-form__agreement,
  #uxvida-root .budget-form__agreement {
    margin-top: 2.5rem; }
    .budget-form__agreement .agreement__inner,
    #uxvida-root .budget-form__agreement .agreement__inner {
      padding-bottom: 2.625rem; }
  .budget-form .modaleco__action,
  #uxvida-root .budget-form .modaleco__action {
    margin-top: 1.25rem; } }

.budget-saved,
#uxvida-root .budget-saved {
  padding-top: 6.25rem;
  padding-bottom: 8.125rem;
  text-align: center; }
  .budget-saved__title,
  #uxvida-root .budget-saved__title {
    width: calc(83.33333% - 36.66667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.33333% - 21.66667px + 40px);
    font-family: "FranklinGothic";
    font-size: 2.1875rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #000000; }
    .budget-saved__title .icon-circle-info-uxv,
    #uxvida-root .budget-saved__title .icon-circle-info-uxv {
      display: inline-block;
      vertical-align: middle;
      margin-right: 1.25rem;
      font-size: 3.125rem;
      color: #3a69d5; }
  .budget-saved__content,
  #uxvida-root .budget-saved__content {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px);
    margin-top: 2rem; }
    .budget-saved__content p,
    #uxvida-root .budget-saved__content p {
      font-family: "FranklinGothic";
      font-size: 1.375rem;
      line-height: 2rem;
      font-weight: 300;
      color: #000000; }
      .budget-saved__content p + p,
      #uxvida-root .budget-saved__content p + p {
        margin-top: 2rem; }
  .budget-saved__reference,
  #uxvida-root .budget-saved__reference {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-top: 3.25rem; }
    .budget-saved__reference__box,
    #uxvida-root .budget-saved__reference__box {
      box-sizing: border-box;
      width: 35.625rem;
      margin-right: auto;
      margin-left: auto;
      padding: 1.8125rem 2rem 1.75rem;
      background-color: #eff1f4;
      font-family: "FranklinGothic";
      font-size: 1.375rem;
      line-height: 2rem;
      font-weight: 500;
      color: #000000; }
      .budget-saved__reference__box__id,
      #uxvida-root .budget-saved__reference__box__id {
        display: inline-block;
        vertical-align: middle;
        margin-left: 0.5rem;
        font-size: 1.875rem;
        line-height: 2rem;
        font-weight: 500;
        color: #213682; }
  .budget-saved__action,
  #uxvida-root .budget-saved__action {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-top: 5.625rem; }
    .budget-saved__action .button,
    #uxvida-root .budget-saved__action .button {
      width: 15rem; }
  @media (max-width: 48rem) {
    .budget-saved,
    #uxvida-root .budget-saved {
      padding-top: 2.5rem;
      padding-bottom: 4.375rem; }
      .budget-saved__title,
      #uxvida-root .budget-saved__title {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px);
        font-size: 1.25rem;
        line-height: 1.375rem; }
        .budget-saved__title .icon-circle-info-uxv,
        #uxvida-root .budget-saved__title .icon-circle-info-uxv {
          display: block;
          margin-right: 0;
          margin-bottom: 1.5rem; }
      .budget-saved__content,
      #uxvida-root .budget-saved__content {
        width: calc(91.66667% - 38.33333px);
        float: left;
        margin-left: 20px;
        margin-left: calc(4.16667% - 20.83333px + 40px);
        margin-top: 1rem; }
        .budget-saved__content p,
        #uxvida-root .budget-saved__content p {
          font-size: 1rem;
          line-height: 1.25rem; }
          .budget-saved__content p + p,
          #uxvida-root .budget-saved__content p + p {
            margin-top: 1.25rem; }
      .budget-saved__reference,
      #uxvida-root .budget-saved__reference {
        margin-top: 2.25rem; }
        .budget-saved__reference__box,
        #uxvida-root .budget-saved__reference__box {
          width: 100%;
          max-width: 380px;
          padding: 1.6875rem 1rem 1.5625rem;
          font-size: 0.875rem;
          line-height: 1rem;
          font-weight: 300; }
          .budget-saved__reference__box__id,
          #uxvida-root .budget-saved__reference__box__id {
            margin-left: 0.5rem;
            font-size: 1rem;
            line-height: 1rem;
            font-weight: 300; }
      .budget-saved__action,
      #uxvida-root .budget-saved__action {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px);
        margin-top: 2.5rem; } }

/*------------------------------------*\
    # components
\*------------------------------------*/
/*------------------------------------*\
    # funnel header
\*------------------------------------*/
#uxvida-root .header {
  top: 0;
  left: 0;
  width: 100%;
  height: 4.375rem;
  position: fixed;
  background: #fff;
  z-index: 5; }

.header__text {
  float: right;
  color: #3a69d5;
  font-family: "FranklinGothic";
  font-size: 1.125rem;
  font-weight: 300; }

.header__link {
  color: inherit;
  font-weight: 500;
  font-size: 1.313rem;
  text-decoration: none;
  transition: color 300ms; }
  .header__link:hover {
    color: #5881DE; }

.header__link__icon {
  margin: 0.625rem;
  font-size: 2.875rem;
  display: inline-block;
  vertical-align: middle; }

.header__link__text {
  text-decoration: underline; }

@media (max-width: 48rem) {
  .header {
    height: 3.625rem;
    /* Overwrite only for mobile in header */ }
    .header .container {
      padding: .625rem; }
  .header__text {
    font-size: .875rem; }
  .header__link {
    font-size: .875rem; }
  .header__link__icon {
    margin-bottom: 0;
    margin-top: 0.313rem;
    font-size: 1.625rem; } }

/*------------------------------------*\
    # funnel breadcrumb
\*------------------------------------*/
#uxvida-root .breadcrumb {
  left: 0;
  z-index: 5;
  width: 100%;
  top: 5rem;
  padding: 0px;
  margin: 0px;
  position: fixed;
  background: #4e5664;
  /* For browsers that do not support gradients */
  background: linear-gradient(90deg, #eff1f4 50%, #4e5664 50%, #4e5664); }

#uxvida-root .breadcrumb__list {
  background: #4e5664; }

#uxvida-root .breadcrumb__list__item {
  width: 33.333333%;
  text-align: center;
  display: inline-block; }

#uxvida-root .breadcrumb__list__item__link,
.breadcrumb__list__item__label {
  display: block;
  font-weight: 300;
  font-size: 1.188rem;
  line-height: 1.895em;
  font-family: "FranklinGothic"; }

.breadcrumb__list__item__link {
  position: relative;
  color: #3a69d5;
  background: #eff1f4;
  transition: color 300ms; }
  .breadcrumb__list__item__link:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(239, 241, 244, 0);
    border-left-color: #eff1f4;
    border-width: 1.125rem;
    margin-top: -1.125rem; }
  .breadcrumb__list__item__link:hover {
    color: #5881DE; }

.breadcrumb__list__item__label {
  color: #fff; }

@media (max-width: 48rem) {
  .breadcrumb {
    top: 5rem; }
  .breadcrumb__list__item:first-child {
    text-align: left; }
  .breadcrumb__list__item:last-child {
    text-align: right; }
  .breadcrumb__list__item__link,
  .breadcrumb__list__item__label {
    line-height: 1.5em;
    font-size: 1.188rem; }
  .breadcrumb__list__item__link:after {
    border-width: 0.813rem;
    margin-top: -0.813rem; } }

#uxvida-root .ecoLogo {
  width: 100%;
  top: 0;
  position: fixed;
  background-color: white;
  padding-top: 1em;
  padding-bottom: 1em;
  z-index: 2;
  height: 9%; }

/*------------------------------------*\
    # funnel top bar
\*------------------------------------*/
.topbar {
  left: 0;
  width: 100%;
  top: 7.25rem;
  position: fixed;
  height: 4.625rem;
  background: #4773bc;
  z-index: 5; }

.topbar__title,
#uxvida-root .topbar__title {
  color: #fff;
  line-height: 1em;
  font-size: 1.625rem;
  margin: 1.688rem .625rem 0 0;
  font-family: "FranklinGothic";
  vertical-align: bottom;
  display: inline-block; }

.topbar__header__text,
#uxvida-root .topbar__header__text {
  color: #fff;
  line-height: 1em;
  font-size: 0.8rem;
  margin: 1.688rem .625rem 0 0;
  font-family: "FranklinGothic";
  vertical-align: bottom;
  display: inline-block;
  visibility: hidden;
  font-weight: 500;
  position: absolute;
  left: 20px; }

.topbar__title__text,
#uxvida-root .topbar__title__text {
  font-weight: 500; }

.topbar__action,
#uxvida-root .topbar__action {
  color: #fff;
  font-weight: 300;
  margin: 0 1.25rem;
  font-size: .938rem;
  line-height: 1.067em;
  display: inline-block;
  font-family: "FranklinGothic";
  max-width: 6.875rem;
  position: relative;
  transition: color 300ms; }
  .topbar__action:hover,
  #uxvida-root .topbar__action:hover {
    color: #B6D1FA; }
  .topbar__action:first-of-type,
  #uxvida-root .topbar__action:first-of-type {
    margin-right: .625rem; }
  .topbar__action:last-of-type:after,
  #uxvida-root .topbar__action:last-of-type:after {
    content: ' ';
    top: -0.625rem;
    left: -1.25rem;
    width: .063rem;
    height: 3.375rem;
    background: #fff;
    position: absolute;
    display: block; }

.topbar__action__save--disabled,
#uxvida-root .topbar__action__save--disabled {
  display: none; }

.topbar__action__icon,
#uxvida-root .topbar__action__icon {
  float: left;
  font-size: 1.75rem;
  margin-right: .625rem;
  display: inline-block;
  vertical-align: middle;
  transition: none; }

.topbar__cost,
#uxvida-root .topbar__cost {
  color: #fff;
  float: right;
  font-weight: 300;
  line-height: 3em;
  margin-top: .688rem;
  font-size: 1.125rem;
  display: inline-block;
  font-family: "FranklinGothic"; }

.topbar__cost__amount,
#uxvida-root .topbar__cost__amount {
  font-size: 1.375rem;
  font-weight: 500;
  margin-left: .938rem;
  border: 1px solid #fff;
  padding: .75rem 2.375rem; }

@media (max-width: 64rem) {
  .topbar__cost,
  #uxvida-root .topbar__cost {
    font-size: 0.7rem;
    margin-top: 0.313rem;
    line-height: 1rem;
    font-weight: normal;
    padding-right: 2.5rem; }
  .topbar__cost__text,
  #uxvida-root .topbar__cost__text {
    float: left;
    display: block;
    margin-bottom: 2px; }
  .topbar__cost__amount,
  #uxvida-root .topbar__cost__amount {
    clear: both;
    float: left;
    display: block;
    margin-left: 0;
    font-size: 1rem;
    padding: .625rem 1rem; }
  .topbar__header__text,
  #uxvida-root .topbar__header__text {
    visibility: visible;
    top: 25px;
    font-size: 0.7rem; } }

@media (max-width: 48rem) {
  .topbar {
    top: none;
    margin-bottom: 0; }
  .topbar__title,
  #uxvida-root .topbar__title {
    font-size: 1rem; }
  .topbar__title__text,
  #uxvida-root .topbar__title__text {
    font-weight: 500; }
  .topbar__action,
  #uxvida-root .topbar__action {
    display: none; }
  .topbar__action__icon,
  #uxvida-root .topbar__action__icon {
    float: none;
    font-size: 1.125rem; }
  .topbar__header__text,
  #uxvida-root .topbar__header__text {
    visibility: visible;
    top: 16px;
    font-size: 0.7rem; } }

/*------------------------------------*\
    # funnel top bar mobile
\*------------------------------------*/
.topbar-mobile,
#uxvida-root .topbar-mobile {
  display: none;
  height: 4.25rem;
  position: relative;
  background: #fff; }

@media (max-width: 48rem) {
  .topbar-mobile,
  #uxvida-root .topbar-mobile {
    display: block; }
    .topbar-mobile .topbar__action,
    #uxvida-root .topbar-mobile .topbar__action {
      left: 0;
      top: 0;
      margin: 0;
      width: 50%;
      max-width: 50%;
      display: block;
      position: absolute;
      box-sizing: border-box;
      margin-top: 0.938rem;
      color: #3a69d5;
      font-size: 0.875rem;
      text-align: center;
      font-weight: bold; }
      .topbar-mobile .topbar__action:hover,
      #uxvida-root .topbar-mobile .topbar__action:hover {
        color: #5881DE; }
      .topbar-mobile .topbar__action:last-of-type,
      #uxvida-root .topbar-mobile .topbar__action:last-of-type {
        left: 50%;
        margin-right: 0;
        border-left: 1px solid #3a69d5; }
        .topbar-mobile .topbar__action:last-of-type:after,
        #uxvida-root .topbar-mobile .topbar__action:last-of-type:after {
          display: none; } }

/*------------------------------------*\
    # funnel compensation box
\*------------------------------------*/
.compensation-box,
#uxvida-root .compensation-box {
  margin: 1.25rem 0;
  padding: 1.25rem 0 1.5rem;
  background: #eff1f4;
  color: #3a69d5; }

.compensation-box--active,
#uxvida-root .compensation-box--active {
  color: #fff;
  background: #3a75d5; }

.compensation-box__text {
  box-sizing: border-box;
  width: 75%;
  float: left;
  padding-left: 8.75px;
  padding-right: 8.75px;
  display: flex;
  align-items: center; }

.compensation-box__text__input {
  display: none; }
  .compensation-box__text__input:checked + .compensation-box__text__check:after {
    font-family: 'axa-ux-vida' !important;
    speak: none;
    line-height: 1;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E903";
    font-size: 2.25rem;
    position: relative;
    left: .063rem;
    top: .188rem; }

#uxvida-root .compensation-box__text__check {
  float: left;
  height: 3.125rem;
  width: 3.125rem;
  display: inline-block;
  box-sizing: border-box;
  border: 2px solid #3a69d5;
  margin: 1.375rem 5.25rem 0 2.75rem;
  cursor: pointer; }

#uxvida-root .compensation-box__text__label {
  font-weight: 500;
  line-height: 1em;
  font-size: 1.625rem;
  margin: 1.25rem 0 .625rem;
  font-family: "FranklinGothic";
  display: inline-block;
  color: inherit;
  cursor: pointer; }

.compensation-box__actions {
  box-sizing: border-box;
  width: 25%;
  float: left;
  padding-left: 8.75px;
  padding-right: 8.75px;
  text-align: center; }

.compensation-box__actions__info,
#uxvida-root .compensation-box__actions__info {
  color: inherit;
  font-weight: 500;
  line-height: 1em;
  font-size: 1.125rem;
  font-family: "FranklinGothic";
  text-decoration: none;
  display: inline-block;
  margin-bottom: 1rem;
  border: 0;
  border-radius: 0;
  background: none;
  -webkit-appearance: none; }
  .compensation-box__actions__info:hover .compensation-box__actions__info__icon,
  .compensation-box__actions__info:hover .compensation-box__actions__info__text,
  #uxvida-root .compensation-box__actions__info:hover .compensation-box__actions__info__icon,
  #uxvida-root .compensation-box__actions__info:hover .compensation-box__actions__info__text {
    color: #5881DE; }

.compensation-box__actions__info__icon,
#uxvida-root .compensation-box__actions__info__icon {
  font-size: 1.25rem;
  margin-right: .625rem;
  vertical-align: text-bottom; }

.compensation-box__actions__info__text,
#uxvida-root .compensation-box__actions__info__text {
  text-decoration: underline;
  transition: color 300ms; }

.compensation-box__actions__button,
#uxvida-root .compensation-box__actions__button {
  padding-left: 4.375rem;
  padding-right: 4.375rem; }

/* Modifiers */
.compensation-box--active .compensation-box__text__check,
#uxvida-root .compensation-box--active .compensation-box__text__check {
  border: 2px solid #fff; }

.compensation-box--active .compensation-box__actions__info:hover .compensation-box__actions__info__icon,
.compensation-box--active .compensation-box__actions__info:hover .compensation-box__actions__info__text,
#uxvida-root .compensation-box--active .compensation-box__actions__info:hover .compensation-box__actions__info__icon,
#uxvida-root .compensation-box--active .compensation-box__actions__info:hover .compensation-box__actions__info__text {
  color: #B6D1FA; }

.compensation-box--active .compensation-box__actions__button,
#uxvida-root .compensation-box--active .compensation-box__actions__button {
  opacity: .5;
  color: #fff;
  cursor: default;
  border-color: #fff;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #fff; }

@media (max-width: 64rem) and (min-width: 48rem) {
  .compensation-box__text__check {
    margin: 1.375rem 1.875rem 0 0.625rem; }
  .compensation-box__text__label {
    display: inherit; }
  .compensation-box__text__desc,
  #uxvida-root .compensation-box__text__desc {
    margin: 1.25rem 0 0.625rem; }
  .compensation-box__actions__button {
    padding-left: 1.875rem;
    padding-right: 1.875rem; } }

/* 886px */
@media (max-width: 55.375rem) {
  .compensation-box__text__check {
    margin-top: 2.313rem;
    margin-bottom: 2.313rem; }
  .compensation-box__actions__info,
  #uxvida-root .compensation-box__actions__info {
    margin-top: 1.188rem; } }

@media (max-width: 48rem) {
  .compensation-box {
    padding: 1.25rem .75rem; }
  .compensation-box__text__input:checked + .compensation-box__text__check:after {
    font-size: 1.313rem;
    left: 0.188rem;
    top: 0.188rem; }
  .compensation-box__text {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8.75px;
    padding-right: 8.75px; }
  .compensation-box__text__check {
    height: 2.188rem;
    width: 2.188rem;
    margin: 0 1.25rem 0.625rem 0; }
  .compensation-box__text__label {
    font-size: 1rem;
    margin-top: .188rem;
    display: inline; }
  .compensation-box__text__desc,
  #uxvida-root .compensation-box__text__desc {
    margin: 1.25rem 0 1.75rem; }
  .compensation-box__actions {
    box-sizing: border-box;
    width: 100%;
    float: left;
    padding-left: 8.75px;
    padding-right: 8.75px; }
  .compensation-box__actions__info,
  #uxvida-root .compensation-box__actions__info {
    margin-top: 0;
    margin-bottom: 1.25rem; }
  .compensation-box__actions__info__text,
  #uxvida-root .compensation-box__actions__info__text {
    font-size: .875rem; }
  .compensation-box__actions__info__icon,
  #uxvida-root .compensation-box__actions__info__icon {
    font-size: 1.125rem;
    vertical-align: middle; } }

@media (max-width: 48rem) and (max-width: 48rem) {
  #uxvida-root .compensation-box__text__check {
    height: 2.188rem;
    width: 2.188rem;
    margin: 0 1.25rem 0.625rem 0; }
  #uxvida-root .compensation-box__text__label {
    font-size: 1rem;
    margin-top: 0rem;
    display: inline; } }

/*------------------------------------*\
    # hiring-mode
\*------------------------------------*/
.hiring-mode {
  margin: 3.125rem 0 6.25rem; }

.hiring-mode__box {
  margin: 0 auto;
  text-align: center; }

.hiring-mode__box--two-col {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding-left: 8.75px;
  padding-right: 8.75px; }

.hiring-mode__box--three-col {
  box-sizing: border-box;
  width: 33.33333%;
  float: left;
  padding-left: 8.75px;
  padding-right: 8.75px; }

.hiring-mode__box__wrapper {
  margin: 0 auto;
  max-width: 16.875rem; }

.hiring-mode__box__icon {
  font-size: 4.375rem;
  display: inline-block;
  margin: 0 auto 1.25rem;
  color: #3a69d5; }

.hiring-mode__box__title {
  font-weight: 500;
  line-height: 1em;
  font-size: 1.625rem;
  margin-bottom: .625rem;
  font-family: "FranklinGothic";
  color: #000000; }

.hiring-mode__box__desc {
  font-weight: 300;
  font-size: 1.063rem;
  line-height: 1.294em;
  margin-bottom: 2.188rem;
  font-family: "FranklinGothic";
  color: #3b3b3b; }

.hiring-mode__box__link {
  width: 100%;
  max-width: 14.375rem; }

@media (max-width: 64rem) {
  .hiring-mode {
    position: relative;
    padding-bottom: 5.625rem; }
  .hiring-mode__box--three-col .hiring-mode__box__link {
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    box-sizing: border-box;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .hiring-small__main-text {
    display: none; } }

@media (max-width: 48rem) {
  .hiring-mode {
    padding-bottom: 0;
    margin: 3.438rem 0; }
  .hiring-mode__box--two-col:first-of-type,
  .hiring-mode__box--three-col:first-of-type {
    padding-left: 0; }
  .hiring-mode__box--two-col:last-of-type,
  .hiring-mode__box--three-col:last-of-type {
    padding-right: 0; }
  .hiring-mode__box__wrapper {
    max-width: 100%; }
  .hiring-mode__box__icon {
    font-size: 2.625rem;
    margin: 0 auto 1.125rem; }
  .hiring-mode__box__title {
    font-size: 1rem;
    margin: 0 auto 0.938rem; }
  .hiring-mode__box--three-col .hiring-mode__box__title {
    max-width: 5.25rem; }
  .hiring-mode__box__desc {
    display: none; }
  .hiring-mode__box__link,
  .hiring-mode__box--three-col .hiring-mode__box__link {
    box-sizing: border-box;
    position: initial;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    max-width: 100%; } }

@media (max-width: 21.125rem) {
  .hiring-mode__box__title {
    max-width: 5.875rem; } }

@media (max-width: 20rem) {
  .hiring-mode__box__title {
    max-width: 5.875rem; }
  .hiring-mode__box__link {
    padding-left: 0;
    padding-right: 0; } }

/*------------------------------------*\
    # office searcher
\*------------------------------------*/
.hiring-small {
  margin: 0 auto;
  display: inline-block;
  color: #3a69d5;
  font-family: "FranklinGothic";
  font-size: 1.125rem;
  font-weight: 300; }
  .hiring-small:hover .hiring-small__text {
    color: #5881DE; }

.hiring-small--to-right {
  margin-right: -11.25rem; }

.hiring-small--to-left {
  margin-left: -11.25rem; }

.hiring-small__icon {
  font-size: 2.25rem;
  display: inline-block;
  margin-right: 0.625rem;
  vertical-align: middle; }

.hiring-small__text {
  font-weight: 500;
  margin-left: .75rem;
  text-decoration: underline;
  transition: color 300ms; }

@media (max-width: 64rem) {
  .hiring-small--to-right {
    margin-right: 3rem; }
  .hiring-small--to-left {
    margin-left: 0; }
  .hiring-small__main-text {
    display: none; }
  .hiring-small__text {
    margin-left: 0; } }

@media (max-width: 48rem) {
  .hiring-small {
    font-size: .875rem;
    margin-bottom: 1.75rem; }
  .hiring-small__icon {
    font-size: 1.625rem; } }

@media (max-width: 22.375rem) {
  .hiring-small--to-right {
    margin-right: 0;
    display: block; } }

.funnel-agreement,
#uxvida-root .funnel-agreement {
  margin-top: 5rem;
  margin-bottom: 0.938rem; }
  .funnel-agreement .agreement__inner,
  #uxvida-root .funnel-agreement .agreement__inner {
    padding-bottom: 4.6875rem; }
  .funnel-agreement .form-checkbox,
  #uxvida-root .funnel-agreement .form-checkbox {
    border-top: 0.0625rem solid #dde0e5;
    padding-top: 0.625rem; }
    .funnel-agreement .form-checkbox .link-line:after,
    #uxvida-root .funnel-agreement .form-checkbox .link-line:after {
      height: 0.0625rem;
      background-color: #3a69d5; }
    .funnel-agreement .form-checkbox .link-toggle__item:after,
    #uxvida-root .funnel-agreement .form-checkbox .link-toggle__item:after {
      border-top-color: #ffffff; }
  @media (max-width: 48rem) {
    .funnel-agreement,
    #uxvida-root .funnel-agreement {
      margin-top: 2.5rem; }
      .funnel-agreement .agreement__inner,
      #uxvida-root .funnel-agreement .agreement__inner {
        padding-bottom: 2.625rem; }
      .funnel-agreement .form-checkbox label,
      #uxvida-root .funnel-agreement .form-checkbox label {
        font-size: 0.75rem; } }

/*------------------------------------*\
    # funnel summary confirmation
\*------------------------------------*/
.funnel-summary-confirmation,
#uxvida-root .funnel-summary-confirmation {
  padding-top: 8.375rem;
  padding-bottom: 5rem;
  background-color: #ffffff; }
  .funnel-summary-confirmation__title,
  #uxvida-root .funnel-summary-confirmation__title {
    font-family: "FranklinGothic";
    font-size: 2.1875rem;
    font-weight: 500;
    color: #000000; }
    .funnel-summary-confirmation__title .icon-check-uxv,
    #uxvida-root .funnel-summary-confirmation__title .icon-check-uxv {
      display: inline-block;
      vertical-align: middle;
      margin-right: 1.25rem;
      font-size: 1.3125rem;
      color: #3a69d5; }
  .funnel-summary-confirmation__request,
  #uxvida-root .funnel-summary-confirmation__request {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
    .funnel-summary-confirmation__request__content,
    #uxvida-root .funnel-summary-confirmation__request__content {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; }
      .funnel-summary-confirmation__request__content__reference,
      #uxvida-root .funnel-summary-confirmation__request__content__reference {
        box-sizing: border-box;
        margin-top: 7.125rem;
        padding: 2rem 3.1875rem 1.875rem;
        background-color: #eff1f4;
        font-family: "FranklinGothic";
        font-size: 1.375rem;
        line-height: 2rem;
        font-weight: 300;
        color: #000000; }
        .funnel-summary-confirmation__request__content__reference__id,
        #uxvida-root .funnel-summary-confirmation__request__content__reference__id {
          display: inline-block;
          margin-left: 0.625rem;
          font-size: 1.75rem;
          line-height: 2rem;
          font-weight: 300;
          color: #213682; }
      .funnel-summary-confirmation__request__content__download,
      #uxvida-root .funnel-summary-confirmation__request__content__download {
        position: relative;
        margin-top: 0.9375rem;
        margin-right: 2.875rem;
        padding-left: 3.1875rem; }
        .funnel-summary-confirmation__request__content__download .icon-circle-download-uxv,
        #uxvida-root .funnel-summary-confirmation__request__content__download .icon-circle-download-uxv {
          position: absolute;
          top: 50%;
          left: 100%;
          margin-top: -1rem;
          margin-left: 0.5625rem;
          font-size: 1.8125rem;
          color: #3a69d5; }
        .funnel-summary-confirmation__request__content__download .link-line,
        #uxvida-root .funnel-summary-confirmation__request__content__download .link-line {
          font-family: "FranklinGothic";
          font-size: 1.125rem;
          line-height: 1.375rem;
          font-weight: 500;
          color: #3a69d5;
          transition: color 300ms; }
          .funnel-summary-confirmation__request__content__download .link-line:after,
          #uxvida-root .funnel-summary-confirmation__request__content__download .link-line:after {
            bottom: 0.125rem;
            height: 0.0625rem;
            background-color: #3a69d5; }
          .funnel-summary-confirmation__request__content__download .link-line:hover,
          #uxvida-root .funnel-summary-confirmation__request__content__download .link-line:hover {
            color: #5881DE; }
            .funnel-summary-confirmation__request__content__download .link-line:hover .icon-circle-download-uxv,
            #uxvida-root .funnel-summary-confirmation__request__content__download .link-line:hover .icon-circle-download-uxv {
              color: #5881DE; }
    .funnel-summary-confirmation__request__illustration,
    #uxvida-root .funnel-summary-confirmation__request__illustration {
      width: calc(37.5% - 27.5px);
      float: left;
      margin-left: 20px;
      margin-left: calc(6.25% - 21.25px + 40px);
      margin-top: 3.6875rem; }
      .funnel-summary-confirmation__request__illustration svg,
      #uxvida-root .funnel-summary-confirmation__request__illustration svg {
        display: block;
        height: auto;
        width: 100%; }
  .funnel-summary-confirmation__steps,
  #uxvida-root .funnel-summary-confirmation__steps {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    margin-top: 5rem;
    text-align: center; }
    .funnel-summary-confirmation__steps__item,
    #uxvida-root .funnel-summary-confirmation__steps__item {
      width: calc(25% - 25px);
      float: left;
      margin-left: 20px;
      width: calc(33% - 33px); }
      .funnel-summary-confirmation__steps__item__icon,
      #uxvida-root .funnel-summary-confirmation__steps__item__icon {
        height: 3.875rem; }
        .funnel-summary-confirmation__steps__item__icon [class^="icon-"],
        #uxvida-root .funnel-summary-confirmation__steps__item__icon [class^="icon-"] {
          display: inline-block;
          vertical-align: middle;
          color: #3a69d5; }
        .funnel-summary-confirmation__steps__item__icon .icon-circle-check-uxv,
        #uxvida-root .funnel-summary-confirmation__steps__item__icon .icon-circle-check-uxv {
          font-size: 3.5625rem; }
        .funnel-summary-confirmation__steps__item__icon .icon-questionnaire-uxv,
        #uxvida-root .funnel-summary-confirmation__steps__item__icon .icon-questionnaire-uxv {
          font-size: 3.875rem; }
        .funnel-summary-confirmation__steps__item__icon .icon-policy-uxv,
        #uxvida-root .funnel-summary-confirmation__steps__item__icon .icon-policy-uxv {
          font-size: 3.4375rem; }
        .funnel-summary-confirmation__steps__item__icon .icon-send-uxv,
        #uxvida-root .funnel-summary-confirmation__steps__item__icon .icon-send-uxv {
          font-size: 3.1875rem; }
      .funnel-summary-confirmation__steps__item__title,
      #uxvida-root .funnel-summary-confirmation__steps__item__title {
        margin-top: 2.5rem;
        font-family: "FranklinGothic";
        font-size: 1.625rem;
        font-weight: 500;
        color: #3a69d5; }
      .funnel-summary-confirmation__steps__item__content,
      #uxvida-root .funnel-summary-confirmation__steps__item__content {
        margin-top: 1.25rem;
        font-family: "FranklinGothic";
        font-size: 1.125rem;
        line-height: 1.5rem;
        font-weight: 300;
        color: #3a69d5; }
  @media (max-width: 48rem) {
    .funnel-summary-confirmation,
    #uxvida-root .funnel-summary-confirmation {
      padding-top: 8.5rem;
      padding-bottom: 4.1875rem; }
      .funnel-summary-confirmation__title,
      #uxvida-root .funnel-summary-confirmation__title {
        font-size: 1.0625rem; }
        .funnel-summary-confirmation__title .icon-check-uxv,
        #uxvida-root .funnel-summary-confirmation__title .icon-check-uxv {
          margin-right: 0.625rem;
          font-size: 0.875rem; }
      .funnel-summary-confirmation__request__illustration svg,
      #uxvida-root .funnel-summary-confirmation__request__illustration svg {
        max-width: 26.25rem;
        margin-right: auto;
        margin-left: auto; }
      .funnel-summary-confirmation__request__content,
      #uxvida-root .funnel-summary-confirmation__request__content {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; }
        .funnel-summary-confirmation__request__content__reference,
        #uxvida-root .funnel-summary-confirmation__request__content__reference {
          margin-top: 1.625rem;
          padding: 1.6875rem 1rem 1.5625rem;
          font-size: 0.875rem;
          line-height: 1rem;
          text-align: center; }
          .funnel-summary-confirmation__request__content__reference__id,
          #uxvida-root .funnel-summary-confirmation__request__content__reference__id {
            font-size: 1rem;
            line-height: 1rem; }
        .funnel-summary-confirmation__request__content__download,
        #uxvida-root .funnel-summary-confirmation__request__content__download {
          margin-top: 1.1875rem;
          margin-right: 2.5rem;
          padding-left: 0; }
          .funnel-summary-confirmation__request__content__download .icon-circle-download-uxv,
          #uxvida-root .funnel-summary-confirmation__request__content__download .icon-circle-download-uxv {
            margin-left: 0.625rem;
            font-size: 1.875rem; }
          .funnel-summary-confirmation__request__content__download .link-line,
          #uxvida-root .funnel-summary-confirmation__request__content__download .link-line {
            font-size: 0.875rem;
            line-height: 1.375rem;
            font-weight: 300; }
            .funnel-summary-confirmation__request__content__download .link-line:after,
            #uxvida-root .funnel-summary-confirmation__request__content__download .link-line:after {
              bottom: 0; }
      .funnel-summary-confirmation__request__illustration,
      #uxvida-root .funnel-summary-confirmation__request__illustration {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px);
        margin-top: 3.5rem; }
      .funnel-summary-confirmation__steps,
      #uxvida-root .funnel-summary-confirmation__steps {
        margin-top: 4.625rem; }
        .funnel-summary-confirmation__steps__item,
        #uxvida-root .funnel-summary-confirmation__steps__item {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; }
          .funnel-summary-confirmation__steps__item__title,
          #uxvida-root .funnel-summary-confirmation__steps__item__title {
            margin-top: 1.25rem;
            font-size: 1rem; }
          .funnel-summary-confirmation__steps__item__content,
          #uxvida-root .funnel-summary-confirmation__steps__item__content {
            margin-top: 1.25rem;
            font-size: 0.875rem;
            line-height: 1.0625rem; }
          .funnel-summary-confirmation__steps__item + .funnel-summary-confirmation__steps__item,
          #uxvida-root .funnel-summary-confirmation__steps__item + .funnel-summary-confirmation__steps__item, .funnel-summary-confirmation__steps__item +
          #uxvida-root .funnel-summary-confirmation__steps__item,
          #uxvida-root .funnel-summary-confirmation__steps__item +
          #uxvida-root .funnel-summary-confirmation__steps__item {
            margin-top: 2.9375rem; } }

/*------------------------------------*\
    # funnel summary data
\*------------------------------------*/
#uxvida-root .funnel-summary-data {
  padding-top: 4.375rem;
  padding-bottom: 5.1875rem; }
  #uxvida-root .funnel-summary-data__header {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    font-weight: 300;
    color: #000000; }
  @media (max-width: 48rem) {
    #uxvida-root .funnel-summary-data {
      padding-top: 1.5625rem;
      padding-bottom: 2.5rem; }
      #uxvida-root .funnel-summary-data__header {
        padding-right: 0;
        padding-left: 0;
        font-size: 0.875rem; }
      #uxvida-root .funnel-summary-data .form-group__item .form-label label {
        margin-bottom: 0.4375rem;
        font-size: 0.875rem;
        font-style: normal; } }

/*------------------------------------*\
    # funnel summary insurance
\*------------------------------------*/
#uxvida-root .funnel-summary-insurance {
  padding-top: 1.75rem;
  padding-bottom: 2.1875rem;
  background-color: #4773bc; }
  #uxvida-root .funnel-summary-insurance__inner {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
  #uxvida-root .funnel-summary-insurance__label {
    margin-bottom: 0.625rem;
    font-family: "FranklinGothic";
    font-size: 1.0625rem;
    font-weight: 300;
    color: #ffffff; }
  #uxvida-root .funnel-summary-insurance__header {
    width: calc(33.33333% - 26.66667px);
    float: left;
    margin-left: 20px;
    background-color: transparent; }
    #uxvida-root .funnel-summary-insurance__header__name {
      font-family: "FranklinGothic";
      font-size: 1.625rem;
      font-weight: 500;
      color: #ffffff; }
    #uxvida-root .funnel-summary-insurance__header__budget {
      margin-top: 0.9375rem;
      font-family: "FranklinGothic";
      font-size: 0.9375rem;
      font-weight: 300;
      color: #ffffff; }
    #uxvida-root .funnel-summary-insurance__header__price {
      margin-top: 1.875rem;
      font-family: "FranklinGothic";
      font-size: 1.625rem;
      font-weight: 500;
      color: #ffffff; }
  #uxvida-root .funnel-summary-insurance__coverage {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px; }
    #uxvida-root .funnel-summary-insurance__coverage__content {
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); }
    #uxvida-root .funnel-summary-insurance__coverage__list {
      width: calc(50% - 30px);
      float: left;
      margin-left: 20px; }
      #uxvida-root .funnel-summary-insurance__coverage__list__item {
        position: relative;
        padding-left: 2.5rem;
        font-family: "FranklinGothic";
        font-weight: 300;
        font-size: 1.375rem;
        line-height: 1.625rem;
        color: #ffffff; }
        #uxvida-root .funnel-summary-insurance__coverage__list__item .icon-check-uxv {
          position: absolute;
          top: 0.1875rem;
          left: 0;
          margin-right: 0.875rem;
          font-size: 1.0625rem;
          color: #ffffff; }
        #uxvida-root .funnel-summary-insurance__coverage__list__item--disabled {
          color: #b8bac1; }
          #uxvida-root .funnel-summary-insurance__coverage__list__item--disabled .icon-check-uxv {
            color: #b8bac1; }
        #uxvida-root .funnel-summary-insurance__coverage__list__item + #uxvida-root .funnel-summary-insurance__coverage__list__item {
          margin-top: 0.625rem; }
  @media (min-width: 48rem) and (max-width: 55rem) {
    #uxvida-root .funnel-summary-insurance {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
      #uxvida-root .funnel-summary-insurance__label {
        margin-bottom: 0.9375rem; }
      #uxvida-root .funnel-summary-insurance__header {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; }
        #uxvida-root .funnel-summary-insurance__header__price {
          margin-top: 0.9375rem; }
      #uxvida-root .funnel-summary-insurance__coverage {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-top: 2.5rem; }
        #uxvida-root .funnel-summary-insurance__coverage__list {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; }
          #uxvida-root .funnel-summary-insurance__coverage__list + #uxvida-root .funnel-summary-insurance__coverage__list {
            margin-top: 0.625rem; } }
  @media (max-width: 48rem) {
    #uxvida-root .funnel-summary-insurance {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem; }
      #uxvida-root .funnel-summary-insurance__label {
        margin-bottom: 0.9375rem;
        font-size: 0.875rem; }
      #uxvida-root .funnel-summary-insurance__header {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px; }
        #uxvida-root .funnel-summary-insurance__header__name {
          font-size: 1rem; }
        #uxvida-root .funnel-summary-insurance__header__budget {
          font-size: 0.875rem; }
        #uxvida-root .funnel-summary-insurance__header__price {
          margin-top: 0.9375rem;
          font-size: 1rem; }
      #uxvida-root .funnel-summary-insurance__coverage {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-top: 2.5rem; }
        #uxvida-root .funnel-summary-insurance__coverage__list {
          width: calc(100% - 40px);
          float: left;
          margin-left: 20px; }
          #uxvida-root .funnel-summary-insurance__coverage__list__item {
            padding-left: 1.5rem;
            font-size: 0.875rem;
            line-height: 1.0625rem; }
            #uxvida-root .funnel-summary-insurance__coverage__list__item .icon-check-uxv {
              top: 0;
              margin-right: 0.625rem;
              font-size: 0.875rem; }
            #uxvida-root .funnel-summary-insurance__coverage__list__item + #uxvida-root .funnel-summary-insurance__coverage__list__item {
              margin-top: 1.0625rem; }
          #uxvida-root .funnel-summary-insurance__coverage__list + #uxvida-root .funnel-summary-insurance__coverage__list {
            margin-top: 1.0625rem; } }

/*------------------------------------*\
    # nie summary 
\*------------------------------------*/
.nie-summary,
#uxvida-root .nie-summary {
  background-color: #ffffff;
  padding-bottom: 5rem; }
  @media (max-width: 48rem) {
    .nie-summary,
    #uxvida-root .nie-summary {
      padding-bottom: 4.1875rem; } }

.nie-summary__title,
#uxvida-root .nie-summary__title {
  font-family: "FranklinGothic";
  font-size: 1.625rem;
  font-weight: 500;
  color: #3a69d5;
  padding-bottom: 1.25rem; }
  @media (max-width: 48rem) {
    .nie-summary__title,
    #uxvida-root .nie-summary__title {
      font-size: 1.25rem;
      padding-bottom: 0.875rem; } }

.nie-summary__text,
#uxvida-root .nie-summary__text {
  font-family: FranklinGothic;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3a69d5; }
  @media (max-width: 48rem) {
    .nie-summary__text,
    #uxvida-root .nie-summary__text {
      font-size: 0.875rem;
      line-height: 1.0625rem; } }

.nie-summary__indented-text,
#uxvida-root .nie-summary__indented-text {
  font-family: FranklinGothic;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 300;
  color: #3a69d5;
  text-indent: 1em; }
  @media (max-width: 48rem) {
    .nie-summary__indented-text,
    #uxvida-root .nie-summary__indented-text {
      font-size: 0.875rem;
      line-height: 1.0625rem; } }

/*------------------------------------*\
    # components
\*------------------------------------*/
#uxvida-root .tariff {
  background-color: #eff1f4;
  text-align: center;
  padding-bottom: 3.125rem; }
  #uxvida-root .tariff__inner {
    width: calc(100% - 40px);
    float: left;
    margin-left: 20px; }
  #uxvida-root .tariff__header {
    padding-top: 5.125rem;
    padding-bottom: 3.875rem;
    background-color: transparent;
    color: #000000; }
    #uxvida-root .tariff__header__title {
      font-family: "FranklinGothic";
      font-size: 2.1875rem;
      font-weight: 500; }
    #uxvida-root .tariff__header__subtitle {
      margin-top: 0.625rem;
      font-family: "FranklinGothic";
      font-size: 1.375rem;
      font-weight: 300; }
  @media (max-width: 48rem) {
    #uxvida-root .tariff__header {
      padding-top: 2.5rem;
      padding-bottom: 2.25rem; }
      #uxvida-root .tariff__header__title {
        font-size: 1.25rem; }
      #uxvida-root .tariff__header__subtitle {
        margin-top: 2.375rem;
        font-size: 1rem;
        line-height: 1.25rem; } }

.tariff-adviser,
#uxvida-root .tariff-adviser {
  margin-top: -2.5rem;
  padding-bottom: 2.625rem; }
  .tariff-adviser__title,
  #uxvida-root .tariff-adviser__title {
    font-family: "FranklinGothic";
    font-size: 2.1875rem;
    line-height: 2rem;
    font-weight: 500;
    color: #3a69d5; }
    .tariff-adviser__title .icon-circle-info-uxv,
    #uxvida-root .tariff-adviser__title .icon-circle-info-uxv {
      display: inline-block;
      vertical-align: middle;
      margin-right: 1.25rem;
      font-size: 4.625rem;
      color: #3a69d5; }
  .tariff-adviser__content,
  #uxvida-root .tariff-adviser__content {
    margin-top: 3.4375rem;
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 300;
    color: #000000; }
  @media (max-width: 48rem) {
    .tariff-adviser,
    #uxvida-root .tariff-adviser {
      margin-top: -0.375rem;
      padding-bottom: 2.0625rem; }
      .tariff-adviser__title,
      #uxvida-root .tariff-adviser__title {
        font-size: 1rem;
        line-height: 2.25rem; }
        .tariff-adviser__title .icon-circle-info-uxv,
        #uxvida-root .tariff-adviser__title .icon-circle-info-uxv {
          margin-right: 0.3125rem;
          font-size: 1.875rem; }
      .tariff-adviser__content,
      #uxvida-root .tariff-adviser__content {
        margin-top: 1.4375rem;
        font-size: 0.875rem;
        line-height: 1.0625rem; } }

.tariff-budget,
#uxvida-root .tariff-budget {
  position: relative;
  top: 5.375rem;
  width: calc(33.33333% - 26.66667px);
  float: left;
  margin-left: 20px;
  margin-left: calc(33.33333% - 26.66667px + 40px);
  margin-top: 2.125rem;
  text-align: right; }
  .tariff-budget__link,
  #uxvida-root .tariff-budget__link {
    position: relative;
    margin-right: 2.4375rem;
    font-family: "FranklinGothic";
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 500;
    color: #cd470b;
    transition: color 300ms;
    border: 0;
    border-radius: 0;
    background: none;
    -webkit-appearance: none; }
    .tariff-budget__link .icon-save-uxv,
    #uxvida-root .tariff-budget__link .icon-save-uxv {
      position: absolute;
      top: 50%;
      left: 100%;
      margin-top: -1rem;
      margin-left: 0.5625rem;
      font-size: 1.8125rem;
      color: #cd470b; }
    .tariff-budget__link:hover,
    #uxvida-root .tariff-budget__link:hover {
      color: #dd4e0b; }
      .tariff-budget__link:hover .icon-save-uxv,
      #uxvida-root .tariff-budget__link:hover .icon-save-uxv {
        color: #dd4e0b; }
  .tariff-budget .link-line:after,
  #uxvida-root .tariff-budget .link-line:after {
    bottom: 0.25rem;
    height: 0.0625rem;
    background-color: #cd470b; }
  .tariff-budget .link-line:hover:after,
  #uxvida-root .tariff-budget .link-line:hover:after {
    background-color: #dd4e0b; }
  @media (max-width: 48rem) {
    .tariff-budget,
    #uxvida-root .tariff-budget {
      position: relative;
      top: 0;
      width: calc(100% - 40px);
      float: left;
      margin-left: 20px;
      margin-left: calc(0% - 20px + 40px);
      margin-top: 1.8125rem;
      margin-bottom: -2.1875rem; }
      .tariff-budget__link,
      #uxvida-root .tariff-budget__link {
        margin-right: 1.5rem;
        font-size: 0.875rem; }
        .tariff-budget__link .icon-save-uxv,
        #uxvida-root .tariff-budget__link .icon-save-uxv {
          margin-top: -0.5rem;
          margin-left: 0.5625rem;
          font-size: 0.9375rem; }
      .tariff-budget .link-line:after,
      #uxvida-root .tariff-budget .link-line:after {
        bottom: 0.5rem; } }

.tariff-form,
#uxvida-root .tariff-form {
  padding-top: 5.293rem;
  padding-bottom: 5.3rem; }
  .tariff-form__inner,
  #uxvida-root .tariff-form__inner {
    width: 32.125rem;
    margin-right: auto;
    margin-left: auto; }
    .tariff-form__inner--l,
    #uxvida-root .tariff-form__inner--l {
      width: 50.625rem; }
  .tariff-form__label,
  #uxvida-root .tariff-form__label {
    font-family: "FranklinGothic";
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 300;
    color: #000000;
    cursor: default; }
  .tariff-form__field,
  #uxvida-root .tariff-form__field {
    position: relative;
    margin-top: 3.1875rem; }
    .tariff-form__field__tip,
    #uxvida-root .tariff-form__field__tip {
      position: absolute;
      bottom: 100%;
      left: 0;
      margin-bottom: 0.375rem;
      text-align: left;
      font-family: "FranklinGothic";
      font-size: 1.0625rem;
      line-height: 1.375rem;
      font-weight: 300; }
  .tariff-form__agreement,
  #uxvida-root .tariff-form__agreement {
    margin-top: 2.5rem; }
    .tariff-form__agreement .link-line:after,
    #uxvida-root .tariff-form__agreement .link-line:after {
      height: 0.0625rem;
      background-color: #3a69d5; }
    .tariff-form__agreement .link-line:hover:after,
    #uxvida-root .tariff-form__agreement .link-line:hover:after {
      background-color: #5881DE; }
  .tariff-form .button,
  #uxvida-root .tariff-form .button {
    margin-top: 1.25rem; }
  @media (min-width: 48rem) and (max-width: 64rem) {
    .tariff-form__inner--l,
    #uxvida-root .tariff-form__inner--l {
      box-sizing: border-box;
      width: 100%;
      max-width: 50.625rem;
      padding-right: 1.875rem;
      padding-left: 1.875rem; } }
  @media (max-width: 48rem) {
    .tariff-form,
    #uxvida-root .tariff-form {
      margin-right: 1.25rem;
      margin-left: 1.25rem;
      padding-top: 4.3125rem;
      padding-bottom: 2.5rem; }
      .tariff-form__inner,
      #uxvida-root .tariff-form__inner {
        width: 100%;
        max-width: 22.5rem; }
      .tariff-form__label,
      #uxvida-root .tariff-form__label {
        font-size: 1rem;
        line-height: 1.25rem; }
      .tariff-form__field,
      #uxvida-root .tariff-form__field {
        margin-top: 2.25rem; }
        .tariff-form__field__tip,
        #uxvida-root .tariff-form__field__tip {
          margin-bottom: 0.25rem;
          font-size: 0.8125rem; }
      .tariff-form__agreement,
      #uxvida-root .tariff-form__agreement {
        margin-top: 1.5rem;
        text-align: left; }
      .tariff-form .agreement,
      #uxvida-root .tariff-form .agreement {
        margin-right: -20px;
        margin-left: -20px; }
      .tariff-form .button,
      #uxvida-root .tariff-form .button {
        margin-top: 0.625rem; }
      .tariff-form .calculate-insurance,
      #uxvida-root .tariff-form .calculate-insurance {
        margin-top: 1.625rem;
        margin-bottom: 0.5rem; } }

.tariff-offer,
#uxvida-root .tariff-offer {
  padding-top: 1.25rem;
  padding-bottom: 4.25rem; }
  .tariff-offer::after,
  #uxvida-root .tariff-offer::after {
    clear: both;
    content: "";
    display: table; }
  .tariff-offer__header,
  #uxvida-root .tariff-offer__header {
    width: calc(66.66667% - 33.33333px);
    float: left;
    margin-left: 20px;
    margin-left: calc(16.66667% - 23.33333px + 40px);
    background-color: transparent; }
    .tariff-offer__header__id,
    #uxvida-root .tariff-offer__header__id {
      font-family: "FranklinGothic";
      font-size: 1.125rem;
      line-height: 1.125rem;
      font-weight: 300;
      font-weight: bold;
      color: #3a75d5; }
    .tariff-offer__header__content,
    #uxvida-root .tariff-offer__header__content {
      margin-top: 2.625rem;
      font-family: "FranklinGothic";
      font-size: 1.375rem;
      line-height: 2rem;
      font-weight: 300;
      color: #000000; }
  @media (max-width: 48rem) {
    .tariff-offer,
    #uxvida-root .tariff-offer {
      padding-bottom: 2.5rem; }
      .tariff-offer__header,
      #uxvida-root .tariff-offer__header {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px); }
        .tariff-offer__header__id,
        #uxvida-root .tariff-offer__header__id {
          font-size: 0.8125rem; }
        .tariff-offer__header__content,
        #uxvida-root .tariff-offer__header__content {
          margin-top: 1.9375rem;
          font-size: 1rem;
          line-height: 1.25rem; } }

.tariff-paginator,
#uxvida-root .tariff-paginator {
  width: calc(66.66667% - 33.33333px);
  float: left;
  margin-left: 20px;
  margin-left: calc(16.66667% - 23.33333px + 40px);
  margin-top: 3.375rem; }
  .tariff-paginator__inner,
  #uxvida-root .tariff-paginator__inner {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
    .tariff-paginator__inner::after,
    #uxvida-root .tariff-paginator__inner::after {
      clear: both;
      content: "";
      display: table; }
  .tariff-paginator__item,
  #uxvida-root .tariff-paginator__item {
    width: calc(50% - 30px);
    float: left;
    margin-left: 20px;
    box-sizing: border-box;
    float: right; }
    .tariff-paginator__item a,
    .tariff-paginator__item button,
    .tariff-paginator__item input[type="submit"],
    #uxvida-root .tariff-paginator__item a,
    #uxvida-root .tariff-paginator__item button,
    #uxvida-root .tariff-paginator__item input[type="submit"] {
      font-family: "FranklinGothic";
      font-size: 1.375rem;
      line-height: 2rem;
      font-weight: 500;
      color: #cd470b;
      transition: color 300ms;
      border: 0;
      border-radius: 0;
      background: none;
      -webkit-appearance: none; }
      .tariff-paginator__item a:hover,
      .tariff-paginator__item button:hover,
      .tariff-paginator__item input[type="submit"]:hover,
      #uxvida-root .tariff-paginator__item a:hover,
      #uxvida-root .tariff-paginator__item button:hover,
      #uxvida-root .tariff-paginator__item input[type="submit"]:hover {
        color: #dd4e0b; }
    .tariff-paginator__item .link-line:after,
    #uxvida-root .tariff-paginator__item .link-line:after {
      bottom: 0.25rem;
      height: 0.0625rem;
      background-color: #cd470b; }
    .tariff-paginator__item .link-line:hover:after,
    #uxvida-root .tariff-paginator__item .link-line:hover:after {
      background-color: #dd4e0b; }
    .tariff-paginator__item--prev,
    #uxvida-root .tariff-paginator__item--prev {
      text-align: left;
      float: left; }
    .tariff-paginator__item--next,
    #uxvida-root .tariff-paginator__item--next {
      text-align: right; }
    .tariff-paginator__item--alternative,
    #uxvida-root .tariff-paginator__item--alternative {
      width: 100%; }
      .tariff-paginator__item--alternative a,
      #uxvida-root .tariff-paginator__item--alternative a {
        color: #3a69d5;
        transition: color 300ms; }
        .tariff-paginator__item--alternative a:hover,
        #uxvida-root .tariff-paginator__item--alternative a:hover {
          color: #5881DE; }
      .tariff-paginator__item--alternative .link-line:after,
      #uxvida-root .tariff-paginator__item--alternative .link-line:after {
        background-color: #3a69d5; }
      .tariff-paginator__item--alternative .link-line:hover:after,
      #uxvida-root .tariff-paginator__item--alternative .link-line:hover:after {
        background-color: #5881DE; }
  .tariff-paginator--final,
  #uxvida-root .tariff-paginator--final {
    margin-top: 6.375rem;
    margin-bottom: 1.9375rem; }
  .tariff-paginator--full,
  #uxvida-root .tariff-paginator--full {
    width: calc(83.33333% - 36.66667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.33333% - 21.66667px + 40px); }
  @media (max-width: 64rem) and (min-width: 48rem) {
    .tariff-paginator--full,
    #uxvida-root .tariff-paginator--full {
      width: calc(91.66667% - 38.33333px);
      float: left;
      margin-left: 20px;
      margin-left: calc(4.16667% - 20.83333px + 40px); } }
  @media (max-width: 48rem) {
    .tariff-paginator,
    #uxvida-root .tariff-paginator {
      width: 100%;
      margin-top: 2.8125rem;
      margin-left: 0; }
      .tariff-paginator__inner,
      #uxvida-root .tariff-paginator__inner {
        width: 100%;
        margin-right: 0;
        margin-left: 0; }
      .tariff-paginator__item,
      #uxvida-root .tariff-paginator__item {
        width: calc(50% - 30px);
        float: left;
        margin-left: 20px; }
        .tariff-paginator__item--prev,
        #uxvida-root .tariff-paginator__item--prev {
          float: left;
          margin-left: 0; }
        .tariff-paginator__item--next,
        #uxvida-root .tariff-paginator__item--next {
          float: right;
          margin-left: 0; }
        .tariff-paginator__item a,
        #uxvida-root .tariff-paginator__item a {
          font-size: 0.875rem; }
        .tariff-paginator__item button,
        #uxvida-root .tariff-paginator__item button {
          font-size: 0.875rem; }
        .tariff-paginator__item .link-line:after,
        #uxvida-root .tariff-paginator__item .link-line:after {
          bottom: 0.5rem; }
      .tariff-paginator--final,
      #uxvida-root .tariff-paginator--final {
        margin-top: 5.125rem;
        margin-bottom: 2rem; }
        .tariff-paginator--final .tariff-paginator__item--prev,
        #uxvida-root .tariff-paginator--final .tariff-paginator__item--prev {
          width: calc(33.33333% - 26.66667px);
          float: left;
          margin-left: 20px;
          margin-right: 20px; }
        .tariff-paginator--final .tariff-paginator__item--alternative,
        #uxvida-root .tariff-paginator--final .tariff-paginator__item--alternative {
          float: right;
          width: auto;
          margin-right: auto;
          margin-left: auto;
          padding-right: 20px;
          padding-left: 20px;
          text-align: center; }
      .tariff-paginator + .tariff-paginator,
      #uxvida-root .tariff-paginator + .tariff-paginator, .tariff-paginator +
      #uxvida-root .tariff-paginator,
      #uxvida-root .tariff-paginator +
      #uxvida-root .tariff-paginator {
        margin-top: 0;
        margin-bottom: 1.25rem; } }

.tariff-pricing,
#uxvida-root .tariff-pricing {
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
  margin-top: 5rem;
  table-layout: fixed;
  border-collapse: collapse; }
  .tariff-pricing td,
  .tariff-pricing th,
  #uxvida-root .tariff-pricing td,
  #uxvida-root .tariff-pricing th {
    vertical-align: top;
    width: 33.3333333333%;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .tariff-pricing__header__title,
  #uxvida-root .tariff-pricing__header__title {
    font-family: "FranklinGothic";
    font-size: 2.1875rem;
    font-weight: 500;
    color: #3a69d5; }
  .tariff-pricing__header__fee__label,
  #uxvida-root .tariff-pricing__header__fee__label {
    display: inline-block;
    padding-right: 0.625rem;
    font-family: "FranklinGothic";
    font-size: 0.9375rem;
    font-weight: 500;
    color: #3a69d5; }
  .tariff-pricing__header__fee__current,
  #uxvida-root .tariff-pricing__header__fee__current {
    display: inline-block;
    font-family: "FranklinGothic";
    font-size: 2.1875rem;
    font-weight: 500;
    color: #3a69d5; }
    .tariff-pricing__header__fee__current__sub,
    #uxvida-root .tariff-pricing__header__fee__current__sub {
      font-size: 1.375rem; }
  .tariff-pricing__header__fee__former,
  #uxvida-root .tariff-pricing__header__fee__former {
    display: inline-block;
    position: relative;
    padding-left: 0.625rem;
    font-family: "FranklinGothic";
    font-size: 1.5625rem;
    font-weight: 500;
    color: #767676; }
    .tariff-pricing__header__fee__former:after,
    #uxvida-root .tariff-pricing__header__fee__former:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      left: 0.625rem;
      height: 0.125rem;
      margin-top: -0.0625rem;
      background-color: #767676; }
    .tariff-pricing__header__fee__former__sub,
    #uxvida-root .tariff-pricing__header__fee__former__sub {
      font-size: 0.9375rem; }
  .tariff-pricing__header__discount,
  #uxvida-root .tariff-pricing__header__discount {
    margin-top: 0.625rem;
    margin-right: 3.125rem;
    margin-left: 3.125rem;
    padding-top: 0.3125rem;
    padding-bottom: 0.1875rem;
    background-color: #008a00;
    font-family: "FranklinGothic";
    font-size: 1.125rem;
    font-weight: 500;
    color: #ffffff; }
  .tariff-pricing__feature,
  #uxvida-root .tariff-pricing__feature {
    padding-top: 0.625rem;
    font-family: "FranklinGothic";
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    color: #000000;
    text-align: left; }
    .tariff-pricing__feature__inner,
    #uxvida-root .tariff-pricing__feature__inner {
      position: relative;
      margin-right: 2.25rem;
      margin-left: 4rem; }
    .tariff-pricing__feature .icon-check-uxv,
    #uxvida-root .tariff-pricing__feature .icon-check-uxv {
      position: absolute;
      top: 0.1875rem;
      right: 100%;
      margin-right: 0.6875rem;
      font-size: 0.875rem;
      color: #3a69d5; }
    .tariff-pricing__feature__description,
    #uxvida-root .tariff-pricing__feature__description {
      margin-top: 0.0625rem;
      margin-left: 0.25rem;
      font-family: "FranklinGothic";
      font-size: 1rem;
      font-weight: 300;
      line-height: 1.375rem;
      color: #3b3b3b; }
    .tariff-pricing__feature--disabled,
    #uxvida-root .tariff-pricing__feature--disabled {
      color: #b8bac1; }
      .tariff-pricing__feature--disabled .icon-check-uxv,
      #uxvida-root .tariff-pricing__feature--disabled .icon-check-uxv {
        color: #b8bac1; }
    .tariff-pricing__feature--first,
    #uxvida-root .tariff-pricing__feature--first {
      padding-top: 2.0625rem; }
    .tariff-pricing__feature--highlight,
    #uxvida-root .tariff-pricing__feature--highlight {
      color: #3a69d5; }
    .tariff-pricing__feature--optional,
    #uxvida-root .tariff-pricing__feature--optional {
      padding-top: 1.875rem; }
      .tariff-pricing__feature--optional .icon-check-uxv,
      #uxvida-root .tariff-pricing__feature--optional .icon-check-uxv {
        color: #008a00; }
  .tariff-pricing__more-info,
  #uxvida-root .tariff-pricing__more-info {
    position: relative;
    margin-top: 1.1875rem;
    margin-right: 3.125rem;
    margin-left: 3.125rem; }
    .tariff-pricing__more-info__link,
    #uxvida-root .tariff-pricing__more-info__link {
      font-weight: 300;
      font-size: 1.0625rem;
      color: #3a69d5;
      text-decoration: underline;
      font-family: "FranklinGothic"; }
    .tariff-pricing__more-info__icon,
    #uxvida-root .tariff-pricing__more-info__icon {
      font-size: 1.25rem;
      color: #3a69d5;
      display: inline-block;
      margin-right: .625rem;
      vertical-align: middle; }
  .tariff-pricing__action,
  #uxvida-root .tariff-pricing__action {
    margin-top: 1.1875rem;
    margin-right: 3.125rem;
    margin-left: 3.125rem; }
  @media (max-width: 64rem) and (min-width: 48rem) {
    .tariff-pricing__feature__inner,
    #uxvida-root .tariff-pricing__feature__inner {
      margin-right: 0.75rem;
      margin-left: 2.5rem; }
    .tariff-pricing__more-info,
    #uxvida-root .tariff-pricing__more-info {
      margin-right: 0.75rem;
      margin-left: 2.5rem; }
    .tariff-pricing__action,
    #uxvida-root .tariff-pricing__action {
      margin-right: 1.625rem;
      margin-left: 1.625rem; } }
  @media (max-width: 48rem) {
    .tariff-pricing,
    #uxvida-root .tariff-pricing {
      width: 100%;
      margin-top: 3.0625rem;
      margin-right: 0;
      margin-left: 0; }
      .tariff-pricing td,
      .tariff-pricing th,
      #uxvida-root .tariff-pricing td,
      #uxvida-root .tariff-pricing th {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
        border-right: 0.0625rem solid #767676; }
        .tariff-pricing td:last-child,
        .tariff-pricing th:last-child,
        #uxvida-root .tariff-pricing td:last-child,
        #uxvida-root .tariff-pricing th:last-child {
          border-right: 0; }
      .tariff-pricing td.no-border,
      #uxvida-root .tariff-pricing td.no-border {
        border-right: 0; }
      .tariff-pricing__header__title,
      #uxvida-root .tariff-pricing__header__title {
        font-size: 1rem; }
      .tariff-pricing__header__fee,
      #uxvida-root .tariff-pricing__header__fee {
        padding-top: 0.5625rem; }
        .tariff-pricing__header__fee__label,
        #uxvida-root .tariff-pricing__header__fee__label {
          display: block;
          padding-right: 0.0625rem;
          font-size: 0.875rem; }
        .tariff-pricing__header__fee__current,
        #uxvida-root .tariff-pricing__header__fee__current {
          font-size: 1rem; }
          .tariff-pricing__header__fee__current__sub,
          #uxvida-root .tariff-pricing__header__fee__current__sub {
            display: block;
            font-size: 0.875rem; }
          .tariff-pricing__header__fee__current__inline,
          #uxvida-root .tariff-pricing__header__fee__current__inline {
            display: inline; }
        .tariff-pricing__header__fee__former,
        #uxvida-root .tariff-pricing__header__fee__former {
          display: none; }
      .tariff-pricing__header__discount,
      #uxvida-root .tariff-pricing__header__discount {
        margin-top: 0.875rem;
        margin-right: 0;
        margin-left: 0;
        font-size: 0.8125rem; }
      .tariff-pricing__feature,
      #uxvida-root .tariff-pricing__feature {
        font-size: 0.8125rem;
        line-height: 1rem; }
        .tariff-pricing__feature__inner,
        #uxvida-root .tariff-pricing__feature__inner {
          margin-right: 0;
          margin-left: 0; }
          .tariff-pricing__feature__inner .icon-check-uxv,
          #uxvida-root .tariff-pricing__feature__inner .icon-check-uxv {
            display: none; }
        .tariff-pricing__feature__description,
        #uxvida-root .tariff-pricing__feature__description {
          display: inline;
          margin-top: 0;
          font-size: 0.8125rem;
          font-weight: 300;
          line-height: 1rem; }
        .tariff-pricing__feature--first,
        #uxvida-root .tariff-pricing__feature--first {
          padding-top: 1.375rem; }
        .tariff-pricing__feature--optional,
        #uxvida-root .tariff-pricing__feature--optional {
          padding-top: 1.625rem; }
      .tariff-pricing__more-info,
      #uxvida-root .tariff-pricing__more-info {
        margin: 0;
        padding: 1.25rem 0 .9375rem; }
        .tariff-pricing__more-info__link,
        #uxvida-root .tariff-pricing__more-info__link {
          font-size: .75rem;
          display: inline-block; }
        .tariff-pricing__more-info__icon,
        #uxvida-root .tariff-pricing__more-info__icon {
          font-size: .875rem;
          margin-right: .125rem; }
      .tariff-pricing__action,
      #uxvida-root .tariff-pricing__action {
        margin-top: 0.8125rem;
        margin-right: 0;
        margin-left: 0; }
        .tariff-pricing__action .button--l,
        #uxvida-root .tariff-pricing__action .button--l {
          padding-right: 0.625rem;
          padding-left: 0.625rem; } }

#uxvida-root .tariff-question,
.tariff-question {
  position: relative;
  display: table;
  width: 100%;
  height: 15.625rem;
  background-color: #3a75d5;
  color: #ffffff; }
  #uxvida-root .tariff-question__inner,
  .tariff-question__inner {
    display: table-cell;
    vertical-align: middle; }
  #uxvida-root .tariff-question:after,
  .tariff-question:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -2.625rem;
    height: 0;
    width: 0;
    border-left: 2.625rem solid transparent;
    border-right: 2.625rem solid transparent;
    border-top: 1.25rem solid #3a75d5; }
  #uxvida-root .tariff-question__content,
  .tariff-question__content {
    width: calc(83.33333% - 36.66667px);
    float: left;
    margin-left: 20px;
    margin-left: calc(8.33333% - 21.66667px + 40px); }
  #uxvida-root .tariff-question__title,
  .tariff-question__title {
    font-family: "FranklinGothic";
    font-size: 2rem;
    font-weight: 300; }
    #uxvida-root .tariff-question__title a,
    .tariff-question__title a {
      font-weight: 500;
      color: #ffffff;
      transition: color 300ms; }
      #uxvida-root .tariff-question__title a:hover,
      .tariff-question__title a:hover {
        color: #B6D1FA;
        text-decoration: none; }
    #uxvida-root .tariff-question__title .link-line:after,
    .tariff-question__title .link-line:after {
      background-color: #ffffff; }
    #uxvida-root .tariff-question__title .link-line:hover:after,
    .tariff-question__title .link-line:hover:after {
      background-color: #B6D1FA; }
  #uxvida-root .tariff-question__paginator,
  .tariff-question__paginator {
    position: absolute;
    right: 0;
    bottom: 1.1875rem;
    left: 0;
    font-family: "FranklinGothic";
    font-size: 1rem;
    line-height: 2rem;
    font-weight: 300;
    text-align: center; }
  #uxvida-root .tariff-question--final:after,
  .tariff-question--final:after {
    content: none; }
  @media (max-width: 48rem) {
    #uxvida-root .tariff-question,
    .tariff-question {
      height: 11.25rem; }
      #uxvida-root .tariff-question:after,
      .tariff-question:after {
        margin-left: -1.5rem;
        height: 0;
        width: 0;
        border-left: 1.5rem solid transparent;
        border-right: 1.5rem solid transparent;
        border-top: 1.25rem solid #3a75d5; }
      #uxvida-root .tariff-question__content,
      .tariff-question__content {
        width: calc(100% - 40px);
        float: left;
        margin-left: 20px;
        margin-left: calc(0% - 20px + 40px); }
      #uxvida-root .tariff-question__title,
      .tariff-question__title {
        font-size: 1rem;
        line-height: 1.25rem; }
      #uxvida-root .tariff-question__paginator,
      .tariff-question__paginator {
        bottom: 0.625rem;
        font-size: 0.8125rem; } }

.tariff-quiz {
  background-color: #ffffff; }
  .tariff-quiz__inner {
    position: relative;
    padding-top: 2.125rem;
    padding-bottom: 3.25rem; }
    .tariff-quiz__inner:before {
      content: "";
      position: absolute;
      top: 0;
      right: 2.9375rem;
      height: 0;
      width: 0;
      border-left: 2.625rem solid transparent;
      border-right: 2.625rem solid transparent;
      border-top: 1.25rem solid #eff1f4; }
  .tariff-quiz__list {
    display: table;
    margin-right: -15px;
    margin-left: -15px; }
    .tariff-quiz__list__item {
      display: table-cell;
      vertical-align: bottom;
      width: 36%;
      padding-right: 15px;
      padding-left: 15px; }
      .tariff-quiz__list__item--s {
        width: 28%; }
  @media (max-width: 48rem) {
    .tariff-quiz {
      margin-right: -20px;
      margin-left: -20px; }
      .tariff-quiz__inner {
        padding-top: 1.8125rem;
        padding-bottom: 1.875rem; }
        .tariff-quiz__inner:before {
          right: 4.375rem;
          height: 0;
          width: 0;
          border-left: 1.5rem solid transparent;
          border-right: 1.5rem solid transparent;
          border-top: 1.25rem solid #eff1f4; }
      .tariff-quiz__list {
        display: block;
        margin-right: 0;
        margin-left: 0; }
        .tariff-quiz__list__item {
          display: block;
          width: 100%;
          padding-right: 0;
          padding-left: 0; }
          .tariff-quiz__list__item .form-select {
            margin-right: 3.4375rem; }
          .tariff-quiz__list__item--s {
            width: 100%; }
          .tariff-quiz__list__item + .tariff-quiz__list__item {
            margin-top: 1.25rem; } }

/*------------------------------------*\
    # components
\*------------------------------------*/
/*------------------------------------*\
    # loading
\*------------------------------------*/
#uxvida-root .loading {
  width: 100%;
  height: 100%;
  display: table;
  text-align: center; }

.loading__wrapper {
  display: table-cell;
  vertical-align: middle;
  padding-bottom: 3rem; }

#uxvida-root .loading__title {
  color: #3A69D5;
  line-height: 1em;
  font-size: 2.188rem;
  margin-bottom: 6.25rem;
  font-family: "FranklinGothic";
  text-align: center; }

#uxvida-root .loading__title__block {
  display: block; }

#uxvida-root .loading__image {
  width: 100%;
  max-width: 31.25rem; }

@media (max-width: 48rem) {
  #uxvida-root .loading__title {
    font-size: 1.25rem;
    line-height: 1.2em;
    margin-bottom: 3.125rem; } }

/*------------------------------------*\
    # components
\*------------------------------------*/
/*------------------------------------*\
    # spinner
\*------------------------------------*/
#uxvida-root .spinner {
  display: inline-block;
  border: 0.1875rem solid #eff1f4;
  border-radius: 50%;
  border-top: 0.1875rem solid #4773bc;
  width: 1.875rem;
  height: 1.875rem;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite; }

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

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