@charset "UTF-8";
@keyframes spinAround {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.breadcrumbs {
  background: white;
  margin-bottom: 2em;
  padding: .5rem 1rem 1rem; }
  @media screen and (min-width: 1088px) {
    .breadcrumbs {
      padding: 1em 0; } }
  .breadcrumbs .container {
    display: flex; }
  .breadcrumbs a {
    max-width: 25%;
    color: #666666; }
    @media screen and (max-width: 1087px) {
      .breadcrumbs a {
        min-width: 15%;
        text-align: center; } }
    .breadcrumbs a:not([disabled]):hover, .breadcrumbs a:not([disabled]).is-active {
      color: #e30613; }
    .breadcrumbs a[disabled], .breadcrumbs a.is-loading {
      cursor: default;
      pointer-events: none; }
    .breadcrumbs a[disabled] {
      opacity: .75; }
    .breadcrumbs a .icon {
      display: block;
      text-align: center; }
    .breadcrumbs a .loader,
    .breadcrumbs a .icon {
      margin: 1em auto;
      height: 2.1rem;
      width: 2.1rem;
      border-radius: 2.1rem; }
      @media screen and (max-width: 1087px) {
        .breadcrumbs a .loader,
        .breadcrumbs a .icon {
          margin-bottom: 1.5em; } }
      .breadcrumbs a .loader i,
      .breadcrumbs a .icon i {
        font-size: 2.1rem; }
    .breadcrumbs a .num {
      font-weight: 500;
      font-size: 2rem;
      vertical-align: top; }
      @media screen and (max-width: 1087px) {
        .breadcrumbs a .num {
          display: none; } }
    .breadcrumbs a strong {
      line-height: 3.5em; }
      @media screen and (max-width: 1087px) {
        .breadcrumbs a strong {
          line-height: 1.5; } }
  .breadcrumbs a + a {
    position: relative;
    margin-left: 6em; }
    @media screen and (max-width: 1087px) {
      .breadcrumbs a + a {
        margin-left: 1em; } }
    .breadcrumbs a + a::before {
      content: "";
      display: block;
      position: absolute;
      bottom: 1.5em;
      left: -4.375em;
      height: 2px;
      width: 2.75em;
      background: #dbdbdb;
      border-radius: 1px; }
      @media screen and (max-width: 1087px) {
        .breadcrumbs a + a::before {
          top: 2em;
          left: -1.5em; } }
      @media screen and (max-width: 768px) {
        .breadcrumbs a + a::before {
          width: 2em;
          left: -1em; } }

.footer-nav {
  margin-top: 2em;
  padding: 1em 0;
  background: white;
  box-shadow: 1px 0 3px rgba(10, 10, 10, 0.1); }
  .footer-nav .button span:not(.icon) {
    font-size: 1.1rem;
    text-transform: none; }
  .footer-nav .errorlist {
    top: 4rem;
    right: auto;
    pointer-events: none; }
  @media screen and (max-width: 1087px) {
    .footer-nav .button.is-info.is-inverted {
      padding-left: 1rem;
      padding-right: 1rem; }
    .footer-nav .button:first-child {
      margin-left: 1rem; }
    .footer-nav .button:last-child {
      margin-right: 1rem; } }

.floating-panel {
  background: white;
  padding: 2em;
  box-shadow: -1px 0 3px rgba(10, 10, 10, 0.1);
  overflow: hidden;
  z-index: 15; }
  .floating-panel h4,
  .floating-panel h5 {
    font-size: 1.5rem;
    font-weight: 600; }
  .floating-panel h5 {
    font-size: 1.35rem; }
  .floating-panel .columns {
    margin-top: 1em; }
  .floating-panel .phone-number {
    font-size: 1.25rem;
    font-weight: 600;
    color: #e30613;
    margin-bottom: .5em; }
    .floating-panel .phone-number span {
      white-space: nowrap; }
  .floating-panel .column.is-action {
    display: flex;
    align-items: center;
    justify-content: center; }
  .floating-panel.floating-contact {
    position: relative; }
    .floating-panel.floating-contact::before {
      display: block;
      position: absolute;
      content: "";
      font-family: "baumit";
      font-size: 13em;
      opacity: .1;
      top: -.3em;
      right: -.1em; }
  .floating-panel.floating-prompt {
    position: absolute;
    bottom: .75rem;
    z-index: 10; }
    .floating-panel.floating-prompt h5,
    .floating-panel.floating-prompt p,
    .floating-panel.floating-prompt ul {
      margin-bottom: 1rem; }
    .floating-panel.floating-prompt h4 + p,
    .floating-panel.floating-prompt h4 + figure + p {
      margin-top: 1rem; }
    .floating-panel.floating-prompt figure {
      float: right;
      width: 50%;
      margin: 0 .5rem .5rem 0; }
    .floating-panel.floating-prompt ul {
      list-style: disc;
      margin-left: 2rem; }
  @media screen and (max-width: 1087px) {
    .floating-panel {
      display: none; } }

/*# sourceMappingURL=../../../../../../../../static/wizard/sass/components-calculation.css.map */