/**
 * Colors
 */

/**
 * Shadows
 */

/**
 * Text Styles
 */

/**
 * Spacing
 */

/**
 * Border Radius
 */

/**
 * Media queries.
 */

/**
  * Visual presentation of major and minor ranges:
  * major: ---palm----|----hand---|----lap----|---desk------*
  * minor: _s_|_m_|_l_|_s_|_m_|_l_|_s_|_m_|_l_|_s_|_m_|_l___*
  *
  *
  * Usage example:
  * .MyComponent {
  *
  *   @media (--range-hand) {
  *     margin: 40px 0;
  *   }
  *
  *   @media (--range-lap), (--range-desk) {
  *     margin: 120px 0;
  *   }
  * }
  */

/**
  * palm
  * major: 0-440
  * minor: 0-360-400-440
  * interval: 40px
  */

/**
  * hand
  * major: 440–620
  * minor: 440-500-560-620
  * interval: 60px
  */

/**
  * lap
  * major: 620–980
  * minor: 620–740–860–980
  * interval: 120px
  */

/**
  * desk
  * major: 980–*
  * minor: 980–1120–1260–1400–*
  * interval: 140px
  */

/**
 * Legacy breakpoints
 */

.Page {
  padding: 128px 0;
}

.SectionHeading {
  color: #00386C;
  font-size: 27px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: -0.31px;
}

.Hero {
  background: #00386C;
  color: #FFFFFF;
}

.Hero-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.Hero-text {
  max-width: 375px;
}

.Hero-animation {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex: 1;
      flex: 1;
}

.Hero-animation img {
  width: 530px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="50" /><feOffset dx="11" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,34,66,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  filter: drop-shadow(10px 0 50px #002242);
}

.Hero-tag {
  margin-bottom: 32px;
  color: #7999B8;
  text-transform: uppercase;
}

.Hero-subtitle {
  margin-top: 32px;
}

.Demo {
  background: #FAFBFC;
}

.Demo-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.Demo-wrapper > * {
  -ms-flex: 1;
      flex: 1;
}

.Demo-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 128px;
  color: #00386C;
}

.Demo-form-label {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
}

.Demo-form-input {
  display: block;
  width: 100%;
  padding: 4px 0;
  border: none;
  border-bottom: 1px solid currentColor;
  background: none;
  color: inherit;
  font-size: 24px;
  line-height: 27px;
  outline: none;
}

.Demo-form-submit {
  margin-top: 32px;
  color: #00386C;
  border: 1px solid #00386C;
  padding: 16px 64px;
  border-radius: 50px;
  transition: all 200ms;
  cursor: pointer;
  text-align: center;
}

.Demo-form-submit:hover,
.Demo-form-submit:focus,
.Demo-form-submit:active {
  color: #005FB8;
  border-color: #005FB8;
  outline: none;
}

.Demo-form-submit:focus,
.Demo-form-submit:active {
  box-shadow: 0px 0px 7px 1px rgba(0, 56, 108, 0.5);
}

.Demo-buttonwrapper {
  text-align: center;
}

.Demo-form-cta {
  margin-top: auto;
}

.Demo-form-cta .StandardButton {
  display: inline-block;
  padding-left: 64px;
  padding-right: 64px;
  line-height: 20px;
}

.Demo-sample {
  position: relative;
}

.Demo-sample-form {
  padding: 32px;
  border: 1px solid #C7E4FF;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  background: #F2F9FF;
}

.Demo-sample-title {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #C7E4FF;
  color: #00386C;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
}

.Demo-sample-label {
  margin-bottom: 16px;
  color: #00386C;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0;
}

.Demo-sample-input {
  width: 100%;
  padding: 4px 8px;
  margin-bottom: 32px;
  border: 1px solid #C7E4FF;
  border-radius: 5px;
  color: inherit;
}

.Demo-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
}

.Demo-loader-icon {
  width: 60px;
  height: 60px;
  animation: 0.5s linear infinite Demo-loader;
}

@keyframes Demo-loader {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.Demo-erroroverlay {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(66, 94, 120, 0.7);
}

.Demo-errordialog {
  max-width: 660px;
  padding: 64px;
  background: #FFFFFF;
  border-radius: 5px;
  text-align: center;
}

.Demo-errordialog-heading {
  margin-bottom: 64px;
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: -0.645px;
  color: #00386C;
}

.Demo-errordialog-text {
  margin: 32px 0;
}

.Flowchart-main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}

/* Workaround for a Firefox flexbox bug */

.Flowchart-main-diagram {
  width: 480px;
}

.Flowchart-main-sections {
  margin-right: 32px;
}

.Flowchart-main-section {
  margin-bottom: 128px;
}

.Flowchart-main-section p {
  margin-bottom: 32px;
}

.Flowchart-main-heading {
  margin-bottom: 32px;
  color: #00386C;
}

.Flowchart-sub {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 128px;
}

.Flowchart-sub-section {
  max-width: 275px;
}

.Flowchart-sub-heading {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #00386C;
  font-size: inherit;
  font-weight: 500;
}

.Results {
  background: #FAFBFC;
}

.Results-heading {
  margin-bottom: 64px;
  color: #00386C;
}

.Results-stats {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-align: center;
}

.Results-stat {
  max-width: 250px;
}

.Results-stat-text {
  margin-bottom: 32px;
  color: #00386C;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
}

.Results-stat-number {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 155px;
  height: 155px;
  background: #49B882;
  border-radius: 200px;
  box-shadow: 0 15px 20px rgba(155, 155, 155, .27);
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 600;
  line-height: 46px;
  letter-spacing: -0.645px;
}

.Results-subtext {
  margin-top: 128px;
}

.GetStarted .Page {
  border-bottom: 1px solid #AEC3D6;
}

.GetStarted-heading {
  margin-bottom: 128px;
  color: #00386C;
}

.GetStarted-steps {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  counter-reset: step;
  text-align: center;
}

.GetStarted-step-box {
  display: block;
  position: relative;
  width: 270px;
  height: 270px;
  padding: 25px;
  padding-top: 70px;
  margin-bottom: 16px;
  border-radius: 4px;
  color: #00386C;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
  text-decoration: none;
}

.GetStarted-step-box::before {
  counter-increment: step;
  content: counter(step);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 40px;
  background: #49B882;
  border-radius: 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  font-size: 24px;
  font-weight: 900;
}

.GetStarted-step-logo {
  display: block;
  width: 84px;
  height: 84px;
  margin: auto;
  margin-bottom: 32px;
}

.GetStarted-step-explain {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: 0;
  text-decoration: none;
}

.GetStarted-help {
  margin-top: 64px;
  text-align: center;
}

.GetStarted-help .StandardButton {
  display: block;
  max-width: 375px;
  margin: auto;
  margin-top: 16px;
}

/*# sourceMappingURL=bundle.css.map*/