h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rubik-Bold", sans-serif;
  font-size: inherit;
  font-style: normal;
  font-weight: normal;
  line-height: 150%;
  margin: 0; }

p {
  margin: 0; }

@font-face {
  font-family: 'Rubik-Regular';
  src: local("Rubik Regular"), local("Rubik-Regular"), url("/poncho/resource/poncho/assets/fonts/subset-Rubik-Regular.woff2") format("woff2"), url("/poncho/resource/poncho/assets/fonts/subset-Rubik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Rubik-Medium';
  src: local("Rubik Medium"), local("Rubik-Medium"), url("/poncho/resource/poncho/assets/fonts/subset-Rubik-Medium.woff2") format("woff2"), url("/poncho/resource/poncho/assets/fonts/subset-Rubik-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Rubik-Bold';
  src: local("Rubik Bold"), local("Rubik-Bold"), url("/poncho/resource/poncho/assets/fonts/subset-Rubik-Bold.woff2") format("woff2"), url("/poncho/resource/poncho/assets/fonts/subset-Rubik-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

a.button,
button {
  display: inline-block;
  font-size: 15px;
  font-family: "Rubik-Bold", sans-serif;
  line-height: 32px;
  padding: 0 14px;
  border: 0;
  border-radius: 5px;
  outline: 0;
  flex-shrink: 0;
  white-space: nowrap;
  box-sizing: border-box;
  cursor: pointer; }
  a.button.large,
  button.large {
    font-family: "Rubik-Medium", sans-serif; }
    @media (min-width: 1201px) {
      a.button.large,
      button.large {
        font-size: 18px;
        line-height: 58px;
        padding: 0 24px; } }
    @media (max-width: 1200px) and (min-width: 901px) {
      a.button.large,
      button.large {
        font-size: 1.5vw;
        line-height: 4.83333vw;
        padding: 0 2vw; } }
    @media (max-width: 900px) and (min-width: 601px) {
      a.button.large,
      button.large {
        font-size: 2vw;
        line-height: 6.44444vw;
        padding: 0 2.66667vw; } }
    @media (max-width: 600px) {
      a.button.large,
      button.large {
        font-size: 4.375vw;
        line-height: 13.125vw;
        padding: 0 5vw; } }
  a.button.medium,
  button.medium {
    font-family: "Rubik-Medium", sans-serif; }
    @media (min-width: 1201px) {
      a.button.medium,
      button.medium {
        font-size: 14px;
        line-height: 40px;
        padding: 0 16px; } }
    @media (max-width: 1200px) and (min-width: 901px) {
      a.button.medium,
      button.medium {
        font-size: 1.16667vw;
        line-height: 3.5vw;
        padding: 0 1.33333vw; } }
    @media (max-width: 900px) and (min-width: 601px) {
      a.button.medium,
      button.medium {
        font-size: 2vw;
        line-height: 4.66667vw;
        padding: 0 1.77778vw; } }
    @media (max-width: 600px) {
      a.button.medium,
      button.medium {
        font-size: 5.625vw;
        line-height: 18.125vw;
        padding: 0 7.5vw; } }
  a.button.small,
  button.small {
    font-family: "Rubik-Medium", sans-serif; }
    @media (min-width: 1201px) {
      a.button.small,
      button.small {
        font-size: 11px;
        line-height: 34px;
        padding: 0 12px; } }
    @media (max-width: 1200px) and (min-width: 901px) {
      a.button.small,
      button.small {
        font-size: 0.91667vw;
        line-height: 2.83333vw;
        padding: 0 1vw; } }
    @media (max-width: 900px) and (min-width: 601px) {
      a.button.small,
      button.small {
        font-size: 1.22222vw;
        line-height: 3.77778vw;
        padding: 0 1.33333vw; } }
    @media (max-width: 600px) {
      a.button.small,
      button.small {
        font-size: 3.4375vw;
        line-height: 10.625vw;
        padding: 0 3.75vw; } }
  a.button.primary,
  button.primary {
    background: #00b3a5;
    color: white; }
    a.button.primary:hover, a.button.primary:active,
    button.primary:hover,
    button.primary:active {
      background: #008f84; }
    a.button.primary:active,
    button.primary:active {
      background: #00b3a5; }
    a.button.primary[disabled],
    button.primary[disabled] {
      background: #9d9fa5;
      color: white; }
  a.button.secondary,
  button.secondary {
    background: #ed9e37;
    color: white; }
    a.button.secondary:hover, a.button.secondary:active,
    button.secondary:hover,
    button.secondary:active {
      background: #bd7e2c; }
    a.button.secondary[disabled],
    button.secondary[disabled] {
      background: #b6b7bc;
      color: white; }
  a.button.link,
  button.link {
    font-family: "Rubik-Regular", sans-serif;
    background: white;
    color: #00b3a5; }
    a.button.link:hover,
    button.link:hover {
      color: #008f84; }
    a.button.link:active,
    button.link:active {
      color: #00b3a5; }
    a.button.link.lead.grey:hover,
    button.link.lead.grey:hover {
      color: #ed9e37; }
  a.button.ghost,
  button.ghost {
    background: white;
    border: 1px solid #cecfd2;
    color: #0a0d1b; }
    a.button.ghost:hover,
    button.ghost:hover {
      background: #00b3a5;
      border-color: #00b3a5;
      color: white; }
    a.button.ghost:active,
    button.ghost:active {
      background: #008f84;
      border-color: #008f84;
      color: white; }
    a.button.ghost[disabled],
    button.ghost[disabled] {
      color: #b6b7bc;
      background: white;
      border-color: #cecfd2; }
  a.button[disabled],
  button[disabled] {
    cursor: not-allowed; }
  a.button.gooey,
  button.gooey {
    position: relative;
    z-index: 1; }
    a.button.gooey:hover .blob,
    button.gooey:hover .blob {
      transform: translateZ(0) scale(1.7); }
      @supports (filter: url("#goo")) {
        a.button.gooey:hover .blob,
        button.gooey:hover .blob {
          transform: translateZ(0) scale(1.4); } }
    a.button.gooey.primary,
    button.gooey.primary {
      border: 0; }
      a.button.gooey.primary:hover,
      button.gooey.primary:hover {
        background-color: #00b3a5;
        border-color: #00b3a5; }
      a.button.gooey.primary .blob,
      button.gooey.primary .blob {
        background-color: #008f84; }
    a.button.gooey.secondary,
    button.gooey.secondary {
      border: 0; }
      a.button.gooey.secondary:hover,
      button.gooey.secondary:hover {
        background-color: #ed9e37;
        border-color: #ed9e37; }
      a.button.gooey.secondary .blob,
      button.gooey.secondary .blob {
        background-color: #bd7e2c; }
    a.button.gooey.ghost,
    button.gooey.ghost {
      transition: color 300ms; }
      a.button.gooey.ghost:hover,
      button.gooey.ghost:hover {
        background-color: white;
        border-color: #cecfd2; }
      a.button.gooey.ghost .blob,
      button.gooey.ghost .blob {
        background-color: #00b3a5; }
      a.button.gooey.ghost .bg,
      button.gooey.ghost .bg {
        left: -1px;
        top: -1px;
        width: calc(100% + 2px);
        height: calc(100% + 2px); }
    a.button.gooey .bg,
    button.gooey .bg {
      z-index: -1;
      overflow: hidden;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px; }
    a.button.gooey .blobs,
    button.gooey .blobs {
      position: relative;
      display: block;
      height: 100%;
      filter: url("#goo"); }
    a.button.gooey .blob,
    button.gooey .blob {
      position: absolute;
      top: 0;
      width: 33.33333%;
      height: 100%;
      background: #008f84;
      border-radius: 100%;
      transform: translate3d(0, 150%, 0) scale(1.7);
      transition: transform 700ms; }
      @supports (filter: url("#goo")) {
        a.button.gooey .blob,
        button.gooey .blob {
          transform: translate3d(0, 150%, 0) scale(1.4); } }
      a.button.gooey .blob:nth-child(1),
      button.gooey .blob:nth-child(1) {
        left: 0%;
        transition-delay: 0s; }
      a.button.gooey .blob:nth-child(2),
      button.gooey .blob:nth-child(2) {
        left: 40%;
        transition-delay: 0.08s; }
      a.button.gooey .blob:nth-child(3),
      button.gooey .blob:nth-child(3) {
        left: 80%;
        transition-delay: 0.16s; }
    a.button.gooey svg,
    button.gooey svg {
      display: none; }

footer#footer {
  background: white;
  width: 100vw;
  box-shadow: 0 0 10px RGBA(0, 0, 0, 0.1);
  z-index: 1; }
  @media (min-width: 1201px) {
    footer#footer p {
      color: #0a0d1b;
      margin: 0;
      font-family: "Rubik-Regular", sans-serif;
      font-size: 11px;
      line-height: 16px;
      max-width: 440px;
      color: #6d6f78; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer p {
      color: #0a0d1b;
      margin: 0;
      font-family: "Rubik-Regular", sans-serif;
      font-size: 0.91667vw;
      line-height: 1.33333vw;
      max-width: 36.66667vw;
      color: #6d6f78; } }
  @media (max-width: 900px) and (min-width: 601px) {
    footer#footer p {
      color: #0a0d1b;
      margin: 0;
      font-family: "Rubik-Regular", sans-serif;
      font-size: 1.22222vw;
      line-height: 1.77778vw;
      max-width: 48.88889vw;
      color: #6d6f78; } }
  @media (max-width: 600px) {
    footer#footer p {
      color: #0a0d1b;
      margin: 0;
      font-family: "Rubik-Regular", sans-serif;
      font-size: 3.05556vw;
      line-height: 4.44444vw;
      max-width: 122.22222vw;
      color: #6d6f78; } }
  @media (min-width: 1201px) {
    footer#footer h3 {
      font-family: "Rubik-Medium", sans-serif;
      color: #0a0d1b;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: -0.4px;
      margin-bottom: 12px; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer h3 {
      font-family: "Rubik-Medium", sans-serif;
      color: #0a0d1b;
      font-size: 1.5vw;
      line-height: 2vw;
      letter-spacing: -0.03333vw;
      margin-bottom: 1vw; } }
  @media (max-width: 900px) and (min-width: 601px) {
    footer#footer h3 {
      font-family: "Rubik-Medium", sans-serif;
      color: #0a0d1b;
      font-size: 2vw;
      line-height: 2.66667vw;
      letter-spacing: -0.04444vw;
      margin-top: 5vw;
      margin-bottom: 1vw; } }
  @media (max-width: 600px) {
    footer#footer h3 {
      font-family: "Rubik-Medium", sans-serif;
      color: #0a0d1b;
      font-size: 5vw;
      line-height: 6.66667vw;
      letter-spacing: -0.11111vw;
      margin-top: 10vw;
      margin-bottom: 1vw; } }
  @media (min-width: 1201px) {
    footer#footer h4 {
      text-transform: uppercase;
      font-family: "Rubik-Bold", sans-serif;
      color: #0a0d1b;
      font-size: 11px;
      line-height: 16px;
      letter-spacing: 2.4px;
      color: #6d6f78;
      margin-bottom: 12px; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer h4 {
      text-transform: uppercase;
      font-family: "Rubik-Bold", sans-serif;
      color: #0a0d1b;
      font-size: 0.91667vw;
      line-height: 1.33333vw;
      letter-spacing: 0.2vw;
      color: #6d6f78;
      margin-bottom: 1vw; } }
  @media (max-width: 900px) and (min-width: 601px) {
    footer#footer h4 {
      text-transform: uppercase;
      font-family: "Rubik-Bold", sans-serif;
      color: #0a0d1b;
      font-size: 1.22222vw;
      line-height: 1.77778vw;
      letter-spacing: 0.26667vw;
      color: #6d6f78;
      margin-top: 4vw;
      margin-bottom: 1vw; } }
  @media (max-width: 600px) {
    footer#footer h4 {
      text-transform: uppercase;
      font-family: "Rubik-Bold", sans-serif;
      color: #0a0d1b;
      font-size: 3.05556vw;
      line-height: 4.44444vw;
      letter-spacing: 0.66667vw;
      color: #6d6f78;
      margin-top: 10vw;
      margin-bottom: 1vw; } }
  @media (min-width: 1201px) {
    footer#footer .liner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 46px; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer .liner {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 3.83333vw; } }
  @media (max-width: 900px) and (min-width: 601px) {
    footer#footer .liner {
      padding: 5.11111vw; } }
  @media (max-width: 600px) {
    footer#footer .liner {
      padding: 12.77778vw 5vw 8.33333vw; } }
  footer#footer nav {
    display: flex;
    flex-direction: column; }
    footer#footer nav a {
      display: block;
      padding: 0;
      text-decoration: none; }
  @media (min-width: 1201px) {
    footer#footer #poncho {
      width: 20%; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer #poncho {
      width: 20%; } }
  footer#footer #poncho img {
    height: auto; }
    @media (min-width: 1201px) {
      footer#footer #poncho img {
        width: 120px;
        margin-bottom: 24px; } }
    @media (max-width: 1200px) and (min-width: 901px) {
      footer#footer #poncho img {
        width: 10vw;
        margin-bottom: 2vw; } }
    @media (max-width: 900px) and (min-width: 601px) {
      footer#footer #poncho img {
        width: 13.33333vw;
        margin-bottom: 2vw; } }
    @media (max-width: 600px) {
      footer#footer #poncho img {
        width: 33.33333vw;
        margin-bottom: 2vw; } }
  @media (min-width: 1201px) {
    footer#footer #poncho p {
      max-width: 216px; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer #poncho p {
      max-width: 18vw; } }
  @media (max-width: 900px) and (min-width: 601px) {
    footer#footer #poncho p {
      max-width: 24vw; } }
  @media (max-width: 600px) {
    footer#footer #poncho p {
      max-width: 60vw; } }
  footer#footer #navs {
    display: flex; }
    @media (min-width: 1201px) {
      footer#footer #navs {
        width: 42%;
        justify-content: space-between; } }
    @media (max-width: 1200px) and (min-width: 901px) {
      footer#footer #navs {
        width: 42%;
        justify-content: space-between; } }
    @media (max-width: 900px) and (min-width: 601px) {
      footer#footer #navs > div {
        margin-right: 10vw; } }
    @media (max-width: 600px) {
      footer#footer #navs > div {
        margin-right: 10vw; } }
  @media (min-width: 1201px) {
    footer#footer #disclaimer {
      width: 20%; } }
  @media (max-width: 1200px) and (min-width: 901px) {
    footer#footer #disclaimer {
      width: 20%; } }
  footer#footer #disclaimer a {
    color: #00b3a5; }
    footer#footer #disclaimer a:hover {
      color: #008f84; }
    footer#footer #disclaimer a:active {
      color: #00b3a5; }
  footer#footer #copyright {
    width: 100%; }
    @media (min-width: 1201px) {
      footer#footer #copyright {
        margin-top: 30px; } }
    @media (max-width: 1200px) and (min-width: 901px) {
      footer#footer #copyright {
        margin-top: 2.5vw; } }
    @media (max-width: 900px) and (min-width: 601px) {
      footer#footer #copyright {
        margin-top: 3.33333vw; } }
    @media (max-width: 600px) {
      footer#footer #copyright {
        margin-top: 8.33333vw; } }

.input-wrapper {
  position: relative; }
  .input-wrapper.has-icon input {
    padding-right: 40px; }
  .input-wrapper.error input {
    border-color: #b82e30; }
    .input-wrapper.error input + .icon svg [fill] {
      fill: #b82e30; }
  .input-wrapper.valid input {
    border-color: #52cc60; }
    .input-wrapper.valid input + .icon svg [fill] {
      fill: #52cc60; }
  .input-wrapper.idle input {
    border-color: #cecfd2; }
  .input-wrapper.disabled input {
    cursor: not-allowed;
    border-color: #cecfd2 !important;
    opacity: 0.5; }
  .input-wrapper.disabled .icon svg [fill] {
    fill: #6d6f78 !important; }
  .input-wrapper input {
    width: 100%;
    font-size: 14px;
    line-height: 37px;
    padding: 1px 14px 0;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #cecfd2;
    box-sizing: border-box;
    outline: 0;
    box-shadow: none;
    color: #0a0d1b;
    transition: border-color 200ms ease; }
    .input-wrapper input:hover, .input-wrapper input:focus {
      border-color: #ed9e37; }
      .input-wrapper input:hover + .icon svg [fill], .input-wrapper input:focus + .icon svg [fill] {
        fill: #ed9e37; }
    .input-wrapper input::-webkit-input-placeholder {
      color: #6d6f78; }
    .input-wrapper input:-ms-input-placeholder {
      color: #6d6f78; }
    .input-wrapper input::-ms-input-placeholder {
      color: #6d6f78; }
    .input-wrapper input::placeholder {
      color: #6d6f78; }
  .input-wrapper .icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center; }
    .input-wrapper .icon svg {
      width: 50%;
      height: auto; }
      .input-wrapper .icon svg [fill] {
        transition: fill 200ms ease;
        fill: #6d6f78; }

.search-wrapper.show-dropdown input {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.search-wrapper .dropdown {
  position: relative;
  z-index: 1; }
  .search-wrapper .dropdown ul {
    position: absolute;
    background: white;
    width: 100%;
    top: 1px; }
    .search-wrapper .dropdown ul li {
      position: relative;
      border: 1px solid #dddce6;
      color: #0a091a;
      font-size: 14px;
      line-height: 30px;
      padding: 1px 10px 0;
      margin-top: -1px;
      z-index: 0; }
      .search-wrapper .dropdown ul li.active {
        color: white;
        background: #ed9e37;
        border-color: #ed9e37;
        z-index: 1; }
      .search-wrapper .dropdown ul li:first-child {
        border-top: 0; }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
.pac-container.pac-logo::after {
  display: none !important; }

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

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

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

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

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

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

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none; }

input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

body {
  font-family: 'Rubik';
  font-weight: 400; }

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

.ui-kit-h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 200%;
  color: #555555;
  white-space: nowrap; }
  @media (max-width: 800px) {
    .ui-kit-h1 {
      font-size: 6vw; } }
  @media (max-width: 400px) {
    .ui-kit-h1 {
      font-size: 24px; } }

.ui-kit-h2 {
  font-size: 30px;
  font-weight: 600;
  line-height: 105%;
  color: #555555; }
  @media (max-width: 600px) {
    .ui-kit-h2 {
      font-size: 5vw; } }
  @media (max-width: 400px) {
    .ui-kit-h2 {
      font-size: 20px; } }

.ui-kit-body {
  font-size: 14px;
  line-height: 150%;
  color: #555555; }
  @media (max-width: 400px) {
    .ui-kit-body {
      font-size: 14px; } }

.ui-kit-body-small {
  font-size: 12px;
  line-height: 150%;
  color: #555555;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%; }
  @media (max-width: 600px) {
    .ui-kit-body-small {
      font-size: 11px; } }

.ui-kit-label {
  font-size: 15px;
  line-height: 120%;
  letter-spacing: 0.5px;
  color: #555555;
  margin-top: 5px; }
  @media (max-width: 600px) {
    .ui-kit-label {
      font-size: 3.5vw; } }
  @media (max-width: 400px) {
    .ui-kit-label {
      font-size: 14px; } }

.ui-kit-label-bold {
  font-size: 15px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  color: #555555;
  margin-top: 5px; }
  @media (max-width: 600px) {
    .ui-kit-label-bold {
      font-size: 3.5vw; } }
  @media (max-width: 400px) {
    .ui-kit-label-bold {
      font-size: 14px; } }

.ui-kit-label-bold-with-padding {
  font-size: 20px;
  font-weight: 700;
  line-height: 250%;
  letter-spacing: 0.5px;
  color: #555555;
  text-transform: capitalize; }
  @media (max-width: 600px) {
    .ui-kit-label-bold-with-padding {
      font-size: 3.5vw; } }
  @media (max-width: 400px) {
    .ui-kit-label-bold-with-padding {
      font-size: 14px; } }

.poncho-h1 {
  font-family: 'Rubik';
  font-size: 59px;
  font-weight: 600;
  line-height: 64px;
  letter-spacing: -2.4px;
  color: #0a091a; }
  .poncho-h1.grey {
    color: #5d5d66; }

.poncho-h2 {
  font-family: 'Rubik';
  font-size: 44px;
  font-weight: 600;
  line-height: 48px;
  letter-spacing: -1px;
  color: #0a091a; }
  .poncho-h2.grey {
    color: #5d5d66; }
  @media (max-width: 970px) {
    .poncho-h2 {
      font-size: 33px;
      line-height: 44px; } }

.poncho-h3 {
  font-family: 'Rubik';
  font-size: 33px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.9px;
  color: #0a091a; }
  .poncho-h3.grey {
    color: #5d5d66; }

.poncho-h4 {
  font-family: 'Rubik';
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.8px;
  color: #0a091a; }
  .poncho-h4.grey {
    color: #5d5d66; }

.poncho-lead {
  font-family: 'Rubik';
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.2px;
  color: #0a091a; }
  .poncho-lead.bold {
    font-weight: 600; }
  .poncho-lead.grey {
    color: #5d5d66; }
  .poncho-lead.yellow {
    color: #ed9e37; }
  @media (max-width: 970) {
    .poncho-lead {
      font-size: 18px;
      line-height: 20px; } }

.poncho-h5 {
  font-family: 'Rubik';
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.4px;
  color: #0a091a; }
  .poncho-h5.grey {
    color: #5d5d66; }

.poncho-h6 {
  font-family: 'Rubik';
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: #0a091a; }
  .poncho-h6.demi-bold {
    font-weight: 600; }
  .poncho-h6.grey {
    color: #5d5d66; }

.poncho-body {
  font-family: 'Rubik';
  font-size: 14px;
  line-height: 24px; }
  .poncho-body.regular {
    font-weight: 400; }
  .poncho-body.medium {
    font-weight: 500; }
  .poncho-body.bold {
    font-weight: 600; }
  .poncho-body.grey {
    color: #5d5d66; }
  .poncho-body.light-grey {
    color: #6d6f78; }
  .poncho-body.teal {
    color: #00b3a5; }
  .poncho-body.short {
    line-height: 20px; }
  .poncho-body.tiny {
    line-height: 14px; }
  .poncho-body > a {
    word-break: break-all;
    text-decoration: underline;
    cursor: pointer;
    color: #00b3a5; }

.poncho-caption {
  font-family: 'Rubik';
  font-size: 11px;
  line-height: 1.45;
  color: #0a091a; }
  .poncho-caption.grey {
    color: #6d6f78; }
  .poncho-caption.teal {
    color: #00b3a5; }
  .poncho-caption.red {
    color: #e63a3c; }
  .poncho-caption.white {
    color: white; }
    .poncho-caption.white a {
      color: white; }
  .poncho-caption.transparent {
    opacity: 0.5; }
  .poncho-caption.bold {
    font-weight: 600; }

.uppercase {
  text-transform: uppercase; }

.ui-kit-btn-primary,
.ui-kit-btn-primary-alt,
.ui-kit-btn-primary-grey {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  min-width: 145px;
  font-size: 10px;
  font-weight: 600;
  line-height: 26px;
  padding: 0 20px;
  white-space: nowrap;
  border: 1px solid #11aa52;
  border-radius: 2px;
  color: #ffffff;
  background-color: #11aa52;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ui-kit-btn-primary:focus,
  .ui-kit-btn-primary-alt:focus,
  .ui-kit-btn-primary-grey:focus {
    background-color: #0f9347;
    border-color: #0f9347; }
  @media (min-width: 601px) {
    .ui-kit-btn-primary:hover,
    .ui-kit-btn-primary-alt:hover,
    .ui-kit-btn-primary-grey:hover {
      background-color: #0f9347;
      border-color: #0f9347; } }
  @media (max-width: 400px) {
    .ui-kit-btn-primary,
    .ui-kit-btn-primary-alt,
    .ui-kit-btn-primary-grey {
      line-height: 28px;
      width: 100%;
      margin-left: 0; } }

.ui-kit-btn-primary-alt {
  background-color: transparent;
  color: #555555; }
  .ui-kit-btn-primary-alt:focus {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #0f9347; }
  @media (min-width: 601px) {
    .ui-kit-btn-primary-alt:hover {
      background-color: rgba(0, 0, 0, 0.05);
      border-color: #0f9347; } }

.ui-kit-btn-primary-grey {
  background-color: #efefef;
  color: #555555;
  border: none;
  text-decoration: none; }
  .ui-kit-btn-primary-grey:focus {
    background-color: #efefef; }
  @media (min-width: 601px) {
    .ui-kit-btn-primary-grey:hover {
      background-color: #efefef; } }

.ui-kit-pill-small {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: 0 16px;
  border-radius: 10px;
  font-size: 12px;
  color: #b3b3b3;
  font-variant-numeric: tabular-nums;
  border: 1px solid #979797;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .ui-kit-pill-small > i.material-icons {
    font-size: 14px;
    margin-right: 5px; }
  .ui-kit-pill-small > span {
    line-height: 18px; }
  @media (max-width: 600px) {
    .ui-kit-pill-small {
      padding: 0px 12px;
      border-radius: 9px;
      font-size: 11px; }
      .ui-kit-pill-small > i.material-icons {
        font-size: 12px;
        margin-right: 3px; }
      .ui-kit-pill-small > span {
        line-height: 14px; } }
  @media (max-width: 400px) {
    .ui-kit-pill-small {
      padding: 0px 8px;
      border-radius: 9px;
      font-size: 9px; }
      .ui-kit-pill-small > i.material-icons {
        font-size: 8px;
        margin-right: 2px; }
      .ui-kit-pill-small > span {
        line-height: 12px; } }

.ui-kit-pill-medium {
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #ffffff;
  font-variant-numeric: tabular-nums;
  background-color: #ef4c4c;
  border-color: #ef4c4c;
  line-height: 32px;
  padding: 0px 16px;
  border-radius: 17px;
  font-size: 16px; }
  @media (max-width: 600px) {
    .ui-kit-pill-medium {
      line-height: 28px;
      padding: 0px 14px;
      border-radius: 14px;
      font-size: 14px; } }
  @media (max-width: 400px) {
    .ui-kit-pill-medium {
      line-height: 18px;
      padding: 0px 10px;
      border-radius: 12px;
      font-size: 10px; } }

.poncho-btn-primary-reg {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #00b3a5;
  line-height: 40px;
  height: 40px;
  min-width: 120px;
  padding: 0 16px;
  font-size: 14px;
  text-decoration: none;
  color: white;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: 'Rubik';
  font-size: 14px;
  font-weight: 400; }
  .poncho-btn-primary-reg:focus {
    position: relative;
    top: -1px; }
  .poncho-btn-primary-reg.wide {
    width: 100%; }
  @media (min-width: 970px) {
    .poncho-btn-primary-reg:hover {
      background: #008f84; } }
  .poncho-btn-primary-reg.disabled, .poncho-btn-primary-reg:disabled {
    background: #e7e7e9;
    color: #6d6f78; }
  .poncho-btn-primary-reg.transparent {
    background: transparent;
    border: none;
    color: #00b3a5; }
    @media (min-width: 970px) {
      .poncho-btn-primary-reg.transparent:hover {
        color: #008f84;
        background: transparent; } }
    @media (min-width: 970px) {
      .poncho-btn-primary-reg.transparent:hover {
        background: rgba(0, 0, 0, 0); } }
    .poncho-btn-primary-reg.transparent:focus {
      background: rgba(0, 0, 0, 0);
      color: #008f84;
      top: 0; }
    .poncho-btn-primary-reg.transparent.grey {
      color: #6d6f78;
      border: 1px solid #e7e7e9; }
      .poncho-btn-primary-reg.transparent.grey:focus {
        color: #0a091a;
        border: 1px solid #e7e7e9; }
  .poncho-btn-primary-reg.white {
    background: white;
    border: 1px solid #e7e7e9;
    color: #0a091a;
    text-align: center; }
    @media (min-width: 970px) {
      .poncho-btn-primary-reg.white:hover {
        background: #f3f3f4; } }

.global-Modal_wrapper {
  position: absolute;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(12, 15, 31, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1; }
  .global-Modal_wrapper .global-Modal {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
    background: transparent;
    overflow-y: auto;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 370px) {
      .global-Modal_wrapper .global-Modal {
        margin-bottom: 0; } }
    .global-Modal_wrapper .global-Modal .global-Modal_children-wrapper {
      flex-grow: 1;
      width: 770px;
      max-width: calc(100vw - 32px);
      margin: 0 16px;
      padding: 56px 0; }
      .global-Modal_wrapper .global-Modal .global-Modal_children-wrapper.small {
        width: 370px; }
        @media (max-width: 650px) {
          .global-Modal_wrapper .global-Modal .global-Modal_children-wrapper.small {
            max-width: 100vw;
            margin: 0;
            padding-bottom: 0; } }
    .global-Modal_wrapper .global-Modal span.exit-button {
      position: absolute;
      top: 8px;
      right: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: white;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      cursor: pointer;
      box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2); }
      @media (max-width: 650px) {
        .global-Modal_wrapper .global-Modal span.exit-button {
          top: 24px;
          right: 24px;
          box-shadow: none; } }
      .global-Modal_wrapper .global-Modal span.exit-button > i.material-icons {
        width: 30px; }
    .global-Modal_wrapper .global-Modal.small span.exit-button {
      right: 8px; }

.global-Logo {
  font-family: 'Rubik';
  display: flex;
  flex-direction: column; }
  .global-Logo.center {
    text-align: center; }
  .global-Logo > .Poncho {
    font-size: 23px;
    font-weight: bold;
    letter-spacing: -0.7px;
    color: #171f3b; }
  .global-Logo > .Insurance {
    font-size: 14px;
    letter-spacing: -0.42px;
    color: #00b3a5; }

.global-LoadingSpinner {
  animation: rotate 3s linear infinite;
  transform-origin: center center;
  margin: auto; }

.loader-path {
  stroke-dasharray: 150, 200;
  stroke-dashoffset: -10;
  animation: dash 2s ease-in-out infinite;
  stroke-linecap: round; }

@keyframes rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124; } }

.loading-text {
  width: 180px;
  margin: 0px auto 30px;
  animation: blurFadeInOut 5s ease-in backwards infinite; }

@keyframes blurFadeInOut {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 40px #fff;
    transform: scale(1.3); }
  20%,
  75% {
    opacity: 1;
    text-shadow: 0px 0px 1px #fff;
    transform: scale(1); }
  100% {
    opacity: 0;
    text-shadow: 0px 0px 50px #fff;
    transform: scale(0); } }

.LoadingBar-Wrapper {
  text-align: center;
  padding: 30px; }

.global-LoadingBar {
  background-color: #e6e6e8;
  margin: 0px auto; }

.progress-bar {
  background-color: #ed9e37;
  animation: loader-progress 4s ease infinite; }

.global-LoadingBar,
.global-LoadingBar > .progress-bar {
  border-radius: 16px; }

@keyframes loader-progress {
  0% {
    width: 0; }
  100% {
    width: 100%; } }

.shared-Form-NavigationBanner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 15px; }
  @media (max-width: 600px) {
    .shared-Form-NavigationBanner {
      padding: 0 5px; } }
  .shared-Form-NavigationBanner div.top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%; }
    .shared-Form-NavigationBanner div.top li.ui-kit-pill-small {
      font-weight: 600;
      letter-spacing: 0.5px;
      color: #ffffff;
      font-variant-numeric: tabular-nums;
      background-color: #ef4c4c;
      border-color: #ef4c4c;
      line-height: 32px;
      padding: 0px 16px;
      border-radius: 17px;
      font-size: 16px; }
      @media (max-width: 600px) {
        .shared-Form-NavigationBanner div.top li.ui-kit-pill-small {
          line-height: 28px;
          padding: 0px 14px;
          border-radius: 14px;
          font-size: 14px; } }
      @media (max-width: 400px) {
        .shared-Form-NavigationBanner div.top li.ui-kit-pill-small {
          line-height: 18px;
          padding: 0px 10px;
          border-radius: 12px;
          font-size: 10px; } }
  .shared-Form-NavigationBanner > nav {
    display: block; }
    .shared-Form-NavigationBanner > nav > li {
      display: inline-flex;
      margin-right: 10px;
      margin-bottom: 5px;
      cursor: pointer; }
      @media (max-width: 600px) {
        .shared-Form-NavigationBanner > nav > li {
          margin-right: 6px;
          margin-bottom: 3px; } }
      @media (max-width: 400px) {
        .shared-Form-NavigationBanner > nav > li {
          margin-right: 4px; } }
      .shared-Form-NavigationBanner > nav > li.summary {
        position: relative;
        margin-right: 8px;
        color: #979797;
        padding: 0;
        border-color: transparent;
        top: -3px; }
        @media (max-width: 400px) {
          .shared-Form-NavigationBanner > nav > li.summary {
            top: -1px; } }
      .shared-Form-NavigationBanner > nav > li:last-child {
        margin-right: 0; }

.shared-Form-Section {
  width: 100%;
  box-sizing: border-box;
  padding: 15px;
  margin: 0 auto; }
  @media (max-width: 600px) {
    .shared-Form-Section {
      padding: 15px 5px; } }
  .shared-Form-Section > .shared-FormField {
    margin-bottom: 40px; }
  .shared-Form-Section > button {
    margin-left: auto;
    margin-top: 30px; }

.shared-Form {
  display: flex;
  flex-direction: column; }

.shared-FormRouter {
  display: flex;
  flex-direction: column;
  max-width: 100%; }
  .shared-FormRouter > div.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    background-color: rgba(16, 16, 16, 0.5); }
  .shared-FormRouter > div.loading-overlay-grey {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #e7e7e9; }
  .shared-FormRouter > h1 {
    margin-top: 64px;
    text-align: center; }
    @media (max-width: 970px) {
      .shared-FormRouter > h1 {
        margin-top: 32px; } }
  .shared-FormRouter > h2 {
    text-align: center;
    margin-top: 16px; }
    @media (max-width: 970px) {
      .shared-FormRouter > h2 {
        margin-top: 8px; } }
    @media (max-width: 650px) {
      .shared-FormRouter > h2 {
        margin-top: 2px; } }
  .shared-FormRouter > section {
    margin-left: -8px; }
  .shared-FormRouter .navigation-buttons {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 12px 0 24px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .shared-FormRouter .navigation-buttons .next {
      position: absolute;
      right: 0;
      top: 0; }
    .shared-FormRouter .navigation-buttons .back {
      position: absolute;
      left: 0;
      top: 0; }

.shared-FormCard {
  border: 2px solid #e7e7e9;
  border-radius: 4px;
  background: white; }
  .shared-FormCard.selected {
    border-color: #ed9e37; }
  .shared-FormCard.has-footer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0; }
  .shared-FormCard.pay-section-policyholder {
    border: none;
    background: transparent; }
    .shared-FormCard.pay-section-policyholder > .inner {
      padding: 0 24px; }
      .shared-FormCard.pay-section-policyholder > .inner > svg {
        margin: 24px 0; }
      .shared-FormCard.pay-section-policyholder > .inner .right {
        display: none; }
    @media (max-width: 400px) {
      .shared-FormCard.pay-section-policyholder > .inner {
        padding: 0 20px; } }
  .shared-FormCard.pay-section-cover {
    background: transparent; }
    @media (min-width: 651px) {
      .shared-FormCard.pay-section-cover {
        padding-top: 12px; } }
    .shared-FormCard.pay-section-cover > .inner .left > p {
      padding-top: 10px; }
  .shared-FormCard > .inner {
    position: relative;
    display: flex;
    align-items: flex-start;
    box-sizing: border-box;
    min-height: 96px;
    padding: 0 12px; }
    .shared-FormCard > .inner > svg {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 72px;
      width: 72px;
      min-width: 72px;
      margin: 12px 0;
      border-radius: 50%; }
    .shared-FormCard > .inner > .left {
      padding-left: 16px;
      min-width: 140px; }
      .shared-FormCard > .inner > .left > p {
        padding-top: 24px;
        text-transform: uppercase; }
      .shared-FormCard > .inner > .left > ul {
        padding-bottom: 24px;
        margin-top: 4px; }
        .shared-FormCard > .inner > .left > ul > li {
          display: flex;
          align-items: center; }
          .shared-FormCard > .inner > .left > ul > li > svg {
            width: 16px;
            margin-right: 8px;
            position: relative;
            top: -1px; }
          .shared-FormCard > .inner > .left > ul > li > i {
            font-size: 16px;
            color: #b6b7bc;
            margin-right: 4px; }
          .shared-FormCard > .inner > .left > ul > li > span {
            color: #6d6f78;
            vertical-align: bottom;
            text-overflow: ellipsis;
            overflow: hidden; }
      .shared-FormCard > .inner > .left .status-wrapper {
        text-transform: none;
        font-weight: normal;
        margin-left: 10px; }
        .shared-FormCard > .inner > .left .status-wrapper .active-text {
          color: #68b34f; }
          .shared-FormCard > .inner > .left .status-wrapper .active-text:before {
            content: '';
            height: 12px;
            width: 12px;
            background-color: #68b34f;
            border-radius: 50%;
            display: inline-block;
            margin-right: 2px; }
        .shared-FormCard > .inner > .left .status-wrapper .grace-text {
          color: #ed9e37; }
          .shared-FormCard > .inner > .left .status-wrapper .grace-text:before {
            content: '';
            height: 12px;
            width: 12px;
            background-color: #ed9e37;
            border-radius: 50%;
            display: inline-block;
            margin-right: 2px; }
        .shared-FormCard > .inner > .left .status-wrapper .lapse-text {
          color: #e63a3c; }
          .shared-FormCard > .inner > .left .status-wrapper .lapse-text:before {
            content: '';
            height: 12px;
            width: 12px;
            background-color: #e63a3c;
            border-radius: 50%;
            display: inline-block;
            margin-right: 2px; }
    .shared-FormCard > .inner > .right {
      position: absolute;
      right: 24px;
      top: 24px; }
      .shared-FormCard > .inner > .right > span.removeLink {
        color: #00b3a5;
        cursor: pointer; }
    .shared-FormCard > .inner.compact {
      align-items: center;
      min-height: 64px; }
      .shared-FormCard > .inner.compact > svg {
        height: 40px;
        width: 40px;
        min-width: 40px; }
      .shared-FormCard > .inner.compact > .left p {
        padding-top: 0; }
      .shared-FormCard > .inner.compact > .left ul {
        display: none; }
      .shared-FormCard > .inner.compact > .right {
        right: 12px;
        top: 0px; }
    @media (max-width: 600px) {
      .shared-FormCard > .inner > svg {
        width: 40px;
        min-width: 40px;
        height: 40px; }
      .shared-FormCard > .inner > .left {
        padding-left: 12px; }
        .shared-FormCard > .inner > .left > ul > li {
          align-items: flex-start; }
          .shared-FormCard > .inner > .left > ul > li > svg {
            min-width: 16px; }
          .shared-FormCard > .inner > .left > ul > li.top-2 > svg {
            top: 2px; }
      .shared-FormCard > .inner > .right {
        right: 14px;
        top: 14px; } }
    @media (max-width: 400px) {
      .shared-FormCard > .inner > .left > p.poncho-h5 {
        font-size: 17px;
        line-height: 22px; }
      .shared-FormCard > .inner > .left > ul {
        padding-bottom: 12px; }
      .shared-FormCard > .inner > .right {
        right: 12px;
        top: 0px; }
        .shared-FormCard > .inner > .right > svg {
          width: 16px;
          height: 16px; }
        .shared-FormCard > .inner > .right > span.removeLink {
          display: block;
          margin-top: 3px; }
        .shared-FormCard > .inner > .right > .endorsement-card-actions > svg {
          width: 16px;
          height: 16px; } }
  @media (max-width: 650px) {
    .shared-FormCard.mobile-compact > .inner {
      align-items: center;
      min-height: 64px; }
      .shared-FormCard.mobile-compact > .inner > svg {
        width: 40px;
        min-width: 40px;
        height: 40px;
        margin: 0; }
      .shared-FormCard.mobile-compact > .inner > .left > p {
        padding-top: 0;
        line-height: 20px;
        font-size: 14px;
        font-weight: bold; }
      .shared-FormCard.mobile-compact > .inner > .left > ul {
        display: none; } }
  @media (max-width: 420px) {
    .shared-FormCard.mobile-compact > .inner > .left {
      flex-basis: 67%; } }
  .shared-FormCard.big-padding > .inner {
    padding: 0 24px; }
    .shared-FormCard.big-padding > .inner > svg {
      margin: 24px 0; }

fieldset.shared-FormField {
  position: static;
  padding-left: 8px;
  width: calc(100% - 8px); }
  @media (min-width: 450px) {
    fieldset.shared-FormField.inline {
      display: inline-block;
      vertical-align: top;
      width: auto; }
    fieldset.shared-FormField.half {
      max-width: calc(50% - 8px);
      width: calc(100% - 8px); }
    fieldset.shared-FormField.max-240 {
      max-width: 240px;
      width: calc(100% - 8px); }
    fieldset.shared-FormField.max-120 {
      max-width: 120px;
      width: calc(100% - 8px); }
    fieldset.shared-FormField.max-134 {
      max-width: 134px;
      width: calc(100% - 8px); }
    fieldset.shared-FormField.inline-grow-120 {
      max-width: calc(100% - 136px);
      width: calc(100% - 8px); }
    fieldset.shared-FormField.child-max-120 input {
      max-width: 120px; } }
  fieldset.shared-FormField .label-wrapper {
    white-space: nowrap; }
    fieldset.shared-FormField .label-wrapper > label {
      white-space: pre-line; }
    fieldset.shared-FormField .label-wrapper > .super-title {
      white-space: pre-line; }
    fieldset.shared-FormField .label-wrapper .shared-Tooltip {
      margin-left: 0; }
  fieldset.shared-FormField.border {
    border: 1px solid #e7e7e9;
    border-radius: 4px;
    margin-bottom: 20px; }
  fieldset.shared-FormField.padding {
    box-sizing: border-box;
    padding: 16px;
    border-radius: 4px;
    margin-left: 8px; }
  fieldset.shared-FormField.grey-bg {
    background: #f3f3f4;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-left: 8px; }
  fieldset.shared-FormField:not(.validation-error) {
    padding-bottom: 20px; }
  fieldset.shared-FormField.none {
    display: none; }
  fieldset.shared-FormField .super-title {
    display: block; }
  fieldset.shared-FormField > label {
    line-height: 20px;
    white-space: nowrap; }
  fieldset.shared-FormField > label.disabled {
    pointer-events: none; }
  fieldset.shared-FormField .field-group-index {
    display: none;
    position: absolute;
    top: 24px;
    left: 24px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: #ed9e37;
    font-family: 'Rubik';
    color: white;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    justify-content: center;
    align-items: center; }
  fieldset.shared-FormField.show-index {
    position: relative; }
    fieldset.shared-FormField.show-index > .field-group-index {
      display: flex; }
  fieldset.shared-FormField .error-message {
    line-height: 11px;
    margin-bottom: 7px;
    margin-top: 2px;
    color: #b82e30; }
  fieldset.shared-FormField > h4 {
    padding-top: 20px; }
  fieldset.shared-FormField > .FormFieldGroup {
    margin: 16px 24px 16px 0px;
    padding: 8px;
    background: #f3f3f4; }

.pac-container.pac-logo.hdpi::after {
  display: none; }

.shared-FormFieldGroup > .label-wrapper {
  margin-left: 8px;
  white-space: nowrap; }
  .shared-FormFieldGroup > .label-wrapper > label {
    white-space: pre-line; }
  .shared-FormFieldGroup > .label-wrapper > .shared-Tooltip {
    margin-left: 0; }

.shared-FormFieldGroup.border-bottom {
  position: relative;
  padding-bottom: 13px; }
  .shared-FormFieldGroup.border-bottom::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 1px;
    width: calc(100% - 8px);
    background: #e7e7e9; }

.shared-FormFieldGroup.border-top {
  position: relative;
  padding-bottom: 13px; }
  .shared-FormFieldGroup.border-top::before {
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    height: 1px;
    width: calc(100% - 8px);
    background: #e7e7e9; }

.shared-FormFieldGroup.credit-card {
  border-radius: 4px;
  background: white;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.2));
  padding: 10px 15px 15px;
  margin-top: 10px;
  margin-bottom: 30px; }
  .shared-FormFieldGroup.credit-card > fieldset:last-child {
    margin-left: 15px; }

.shared-FormFieldGroup > button.remove {
  border-color: #ef4c4c;
  width: 100%;
  margin-top: 60px; }

.shared-FormFieldGroupRepeatable .width-trick {
  padding: 24px 24px 8px 16px; }

.shared-FormFieldGroupRepeatable > .shared-FormContainer > main > .warning {
  padding: 0 24px;
  margin-top: 20px; }
  .shared-FormFieldGroupRepeatable > .shared-FormContainer > main > .warning p {
    background: #f0b15f;
    color: white;
    border-radius: 4px;
    padding: 8px 10px 6px;
    font-size: 14px;
    line-height: 26px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }
  @media (max-width: 600px) {
    .shared-FormFieldGroupRepeatable > .shared-FormContainer > main > .warning p {
      line-height: 20px; } }

@media (max-width: 400px) {
  .shared-FormFieldGroupRepeatable .width-trick {
    padding: 20px 20px 8px 12px; } }

ul.shared-FormFieldGroupPolicyHolder > fieldset {
  width: 100%;
  margin-left: -8px; }

ul.shared-FormFieldGroupPolicyHolder > p {
  color: #6d6f78;
  font-family: Rubik;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  margin-bottom: 8px;
  margin-top: 12px;
  padding: 0px 15px; }

nav.shared-FormNavigation {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  width: 100%;
  max-width: 100vw;
  padding: 0 15px;
  box-sizing: border-box;
  overflow: auto;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #00b3a5;
  z-index: 1; }
  nav.shared-FormNavigation > a {
    display: flex;
    align-items: center;
    margin-left: 32px;
    cursor: pointer; }
    nav.shared-FormNavigation > a.disabled {
      pointer-events: none; }
    nav.shared-FormNavigation > a:first-child {
      margin-left: 0; }
    nav.shared-FormNavigation > a:last-child {
      padding-right: 15px; }
    nav.shared-FormNavigation > a span {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      padding-left: 2px;
      min-width: 23px;
      min-height: 25px;
      line-height: 25px;
      background: rgba(10, 9, 26, 0.2);
      color: white; }
      nav.shared-FormNavigation > a span > svg {
        width: 21px;
        margin-right: 2px; }
    nav.shared-FormNavigation > a.active span {
      background: white;
      color: #00b3a5; }
    nav.shared-FormNavigation > a.active p {
      font-weight: bold; }
    nav.shared-FormNavigation > a p {
      color: white;
      margin-left: 8px;
      white-space: nowrap; }
  @media (max-width: 714px) {
    nav.shared-FormNavigation {
      justify-content: flex-start; } }

.shared-FormSection {
  padding-left: 8px; }

li.shared-FormContainer {
  font-family: 'Rubik';
  background: white;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 12px;
  list-style: none; }
  li.shared-FormContainer:last-child {
    margin-bottom: 0; }
  li.shared-FormContainer > header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    padding: 16px 24px;
    border-bottom: 1px solid #e7e7e9;
    min-height: 56px; }
    li.shared-FormContainer > header > span {
      position: absolute;
      right: 24px;
      top: 18px;
      color: #00b3a5;
      cursor: pointer; }
  li.shared-FormContainer > main {
    min-height: 56px; }
    li.shared-FormContainer > main.padding {
      padding: 24px 24px 24px 16px; }
    li.shared-FormContainer > main.sidebar {
      padding: 20px 24px 24px; }
    li.shared-FormContainer > main.declarations > div > fieldset {
      padding-left: 56px;
      box-sizing: border-box;
      padding-right: 24px;
      margin-right: 0;
      width: 100%;
      border-bottom: 1px solid #e7e7e9; }
      li.shared-FormContainer > main.declarations > div > fieldset:nth-child(2n-1) {
        background: #fafafc; }
      li.shared-FormContainer > main.declarations > div > fieldset:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
      li.shared-FormContainer > main.declarations > div > fieldset > .label-wrapper {
        margin-top: 24px; }
      li.shared-FormContainer > main.declarations > div > fieldset div > fieldset {
        box-sizing: border-box;
        width: 100%;
        padding: 16px;
        margin-top: 20px; }
        @media (max-width: 650px) {
          li.shared-FormContainer > main.declarations > div > fieldset div > fieldset {
            margin-left: -56px;
            width: calc(100% + 80px); } }
  li.shared-FormContainer > footer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    background: #00b3a5;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight: 500;
    color: white;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    li.shared-FormContainer > footer:disabled {
      background: #e7e7e9;
      color: #6d6f78;
      cursor: default;
      pointer-events: none; }
    @media (min-width: 970px) {
      li.shared-FormContainer > footer:hover, li.shared-FormContainer > footer:focus {
        background: #008f84; }
        li.shared-FormContainer > footer:hover:disabled, li.shared-FormContainer > footer:focus:disabled {
          background: #e7e7e9; } }
  @media (max-width: 600px) {
    li.shared-FormContainer > main.padding {
      padding: 24px 20px 24px 12px; } }
  @media (max-width: 400px) {
    li.shared-FormContainer > header {
      padding: 0 20px; }
      li.shared-FormContainer > header > h3.poncho-lead {
        width: 90%;
        line-height: 20px; }
    li.shared-FormContainer > main.sidebar {
      padding: 20px; }
    li.shared-FormContainer > main.declarations > div > fieldset {
      padding-left: 20px; }
      li.shared-FormContainer > main.declarations > div > fieldset > .label-wrapper {
        margin-top: 20px; }
        li.shared-FormContainer > main.declarations > div > fieldset > .label-wrapper > label.poncho-body {
          padding-left: 28px; }
      li.shared-FormContainer > main.declarations > div > fieldset > p.field-group-index {
        left: 20px;
        top: 20px; } }

.shared-DeleteDataModal {
  background: white;
  border-radius: 4px; }
  @media (max-width: 370px) {
    .shared-DeleteDataModal {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; } }
  .shared-DeleteDataModal > h1 {
    padding: 18px 24px;
    border-bottom: 1px solid #e7e7e9; }
    .shared-DeleteDataModal > h1 > span {
      text-transform: lowercase; }
  .shared-DeleteDataModal > section {
    box-sizing: border-box;
    padding: 24px; }
    .shared-DeleteDataModal > section > p {
      margin-bottom: 24px; }
    .shared-DeleteDataModal > section > a {
      margin-top: 8px; }

.shared-EndorsementVehicle > li {
  margin-bottom: 24px; }
  .shared-EndorsementVehicle > li > .shared-FormFieldGroup {
    margin-left: -8px; }
  .shared-EndorsementVehicle > li .endorsement-card-actions {
    display: flex; }
    .shared-EndorsementVehicle > li .endorsement-card-actions > .eca-desktop,
    .shared-EndorsementVehicle > li .endorsement-card-actions .eca-mobile {
      display: flex; }
      .shared-EndorsementVehicle > li .endorsement-card-actions > .eca-desktop > *,
      .shared-EndorsementVehicle > li .endorsement-card-actions .eca-mobile > * {
        margin-left: 8px; }
      .shared-EndorsementVehicle > li .endorsement-card-actions > .eca-desktop > svg,
      .shared-EndorsementVehicle > li .endorsement-card-actions .eca-mobile > svg {
        margin-left: 14px; }
      .shared-EndorsementVehicle > li .endorsement-card-actions > .eca-desktop > span,
      .shared-EndorsementVehicle > li .endorsement-card-actions .eca-mobile > span {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #e7e7e9;
        border-radius: 4px;
        width: 32px;
        height: 32px;
        margin-top: 6px;
        cursor: pointer; }
        @media (min-width: 970px) {
          .shared-EndorsementVehicle > li .endorsement-card-actions > .eca-desktop > span:hover,
          .shared-EndorsementVehicle > li .endorsement-card-actions .eca-mobile > span:hover {
            background: #f3f3f4; } }
    .shared-EndorsementVehicle > li .endorsement-card-actions > .eca-mobile {
      display: none; }
  .shared-EndorsementVehicle > li .endorsement-footer-actions {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-bottom: 24px;
    border-bottom: 1px solid #e7e7e9; }
    .shared-EndorsementVehicle > li .endorsement-footer-actions > button {
      margin-left: 8px; }
  @media (max-width: 600px) {
    .shared-EndorsementVehicle > li > .shared-FormCard > .inner > .right {
      top: 24px;
      margin-left: auto;
      margin-right: 12px;
      right: unset;
      position: relative; }
    .shared-EndorsementVehicle > li > .shared-FormCard > .inner > svg {
      display: none; }
    .shared-EndorsementVehicle > li > .shared-FormCard .endorsement-card-actions > .eca-desktop {
      display: none; }
    .shared-EndorsementVehicle > li > .shared-FormCard .endorsement-card-actions > .eca-mobile {
      display: flex; } }
  @media (max-width: 400px) {
    .shared-EndorsementVehicle > li > .shared-FormCard > .inner > .right {
      margin-left: auto;
      margin-right: 0px;
      right: unset;
      top: 24px;
      position: relative; } }

.shared-EndorsementDriver > li {
  margin-bottom: 24px; }
  .shared-EndorsementDriver > li > .shared-FormFieldGroup {
    margin-left: -8px; }
  .shared-EndorsementDriver > li .endorsement-card-actions {
    display: flex; }
    .shared-EndorsementDriver > li .endorsement-card-actions .eca-desktop,
    .shared-EndorsementDriver > li .endorsement-card-actions .eca-mobile {
      display: flex; }
      .shared-EndorsementDriver > li .endorsement-card-actions .eca-desktop > *,
      .shared-EndorsementDriver > li .endorsement-card-actions .eca-mobile > * {
        margin-left: 8px; }
      .shared-EndorsementDriver > li .endorsement-card-actions .eca-desktop > svg,
      .shared-EndorsementDriver > li .endorsement-card-actions .eca-mobile > svg {
        margin-left: 14px; }
      .shared-EndorsementDriver > li .endorsement-card-actions .eca-desktop > span,
      .shared-EndorsementDriver > li .endorsement-card-actions .eca-mobile > span {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #e7e7e9;
        border-radius: 4px;
        width: 32px;
        height: 32px;
        margin-top: 6px;
        cursor: pointer; }
        @media (min-width: 970px) {
          .shared-EndorsementDriver > li .endorsement-card-actions .eca-desktop > span:hover,
          .shared-EndorsementDriver > li .endorsement-card-actions .eca-mobile > span:hover {
            background: #f3f3f4; } }
    .shared-EndorsementDriver > li .endorsement-card-actions > .eca-mobile {
      display: none; }
  .shared-EndorsementDriver > li .endorsement-footer-actions {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding-bottom: 24px;
    border-bottom: 1px solid #e7e7e9; }
    .shared-EndorsementDriver > li .endorsement-footer-actions > button {
      margin-left: 8px; }
  @media (max-width: 600px) {
    .shared-EndorsementDriver > li > .shared-FormCard > .inner > .right {
      margin-left: auto;
      right: unset;
      margin-right: 12px;
      top: 24px;
      position: relative; }
    .shared-EndorsementDriver > li > .shared-FormCard > .inner > svg {
      display: none; }
    .shared-EndorsementDriver > li > .shared-FormCard > .inner .endorsement-card-actions > .eca-desktop {
      display: none; }
    .shared-EndorsementDriver > li > .shared-FormCard > .inner .endorsement-card-actions > .eca-mobile {
      display: flex; } }
  @media (max-width: 400px) {
    .shared-EndorsementDriver > li > .shared-FormCard > .inner > .right {
      margin-left: auto;
      margin-right: 0px;
      right: unset;
      top: 24px;
      position: relative; } }

.shared-EndorsementPolicyholder > li > .shared-FormFieldGroup {
  margin-left: -8px; }

@media (max-width: 450px) {
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner > .left {
    width: 60vw; } }

@media (max-width: 400px) {
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner > .left {
    width: 55vw; } }

@media (max-width: 350px) {
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner > .left {
    width: 50vw; } }

.shared-EndorsementPolicyholder > li .endorsement-card-actions {
  display: flex; }
  .shared-EndorsementPolicyholder > li .endorsement-card-actions > .eca-desktop,
  .shared-EndorsementPolicyholder > li .endorsement-card-actions .eca-mobile {
    display: flex; }
    .shared-EndorsementPolicyholder > li .endorsement-card-actions > .eca-desktop > *,
    .shared-EndorsementPolicyholder > li .endorsement-card-actions .eca-mobile > * {
      margin-left: 8px; }
    .shared-EndorsementPolicyholder > li .endorsement-card-actions > .eca-desktop > svg,
    .shared-EndorsementPolicyholder > li .endorsement-card-actions .eca-mobile > svg {
      margin-left: 14px; }
    .shared-EndorsementPolicyholder > li .endorsement-card-actions > .eca-desktop > span,
    .shared-EndorsementPolicyholder > li .endorsement-card-actions .eca-mobile > span {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #e7e7e9;
      border-radius: 4px;
      width: 32px;
      height: 32px;
      margin-top: 6px; }
      .shared-EndorsementPolicyholder > li .endorsement-card-actions > .eca-desktop > span:disabled,
      .shared-EndorsementPolicyholder > li .endorsement-card-actions .eca-mobile > span:disabled {
        pointer-events: none;
        opacity: 0.5; }
  .shared-EndorsementPolicyholder > li .endorsement-card-actions > .eca-mobile {
    display: none; }

.shared-EndorsementPolicyholder > li .endorsement-footer-actions {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-bottom: 24px;
  border-bottom: 1px solid #e7e7e9; }
  .shared-EndorsementPolicyholder > li .endorsement-footer-actions > button {
    margin-left: 8px; }

@media (max-width: 600px) {
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner > .right {
    right: 24px;
    top: 24px; }
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner > svg {
    display: none; }
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner .endorsement-card-actions > .eca-desktop {
    display: none; }
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner .endorsement-card-actions > .eca-mobile {
    display: flex; } }

@media (max-width: 400px) {
  .shared-EndorsementPolicyholder > li .shared-PolicyholderCard > .shared-FormCard > .inner > .right {
    right: 12px;
    top: 24px; } }

.shared-EndorsementPolicyholder > li:not(:last-child) {
  margin-bottom: 24px; }

.shared-DriverCardField {
  width: 100%; }
  .shared-DriverCardField .endorsement-card-actions {
    display: flex; }
    .shared-DriverCardField .endorsement-card-actions > * {
      margin-left: 8px; }
    .shared-DriverCardField .endorsement-card-actions > svg {
      margin-left: 14px; }
    .shared-DriverCardField .endorsement-card-actions > span {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #e7e7e9;
      border-radius: 4px;
      width: 32px;
      height: 32px;
      margin-top: 6px;
      cursor: pointer; }
  .shared-DriverCardField > .hide-right-tick > .inner > .right {
    display: none; }

.shared-VehicleCardField {
  display: flex;
  flex-direction: column;
  width: 100%; }
  .shared-VehicleCardField .not-my-car {
    margin-left: auto;
    color: #00b3a5;
    cursor: pointer;
    padding: 0px;
    height: 20px;
    line-height: 26px; }
  .shared-VehicleCardField .endorsement-card-actions {
    display: flex; }
    .shared-VehicleCardField .endorsement-card-actions > * {
      margin-left: 8px; }
    .shared-VehicleCardField .endorsement-card-actions > svg {
      margin-left: 14px; }
    .shared-VehicleCardField .endorsement-card-actions > span {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #e7e7e9;
      border-radius: 4px;
      width: 32px;
      height: 32px;
      margin-top: 6px;
      cursor: pointer; }

.shared-RelationshipCard {
  margin-top: 8px; }
  .shared-RelationshipCard:first-child {
    margin-top: 0; }

.driver-to-ph-questions {
  padding: 0 24px 24px;
  border: 2px solid #ed9e37;
  border-top: 0;
  background: white;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }
  .driver-to-ph-questions > div.border {
    border: 1px solid #e7e7e9;
    border-radius: 4px;
    padding: 0 24px 0 16px; }
  @media (max-width: 400px) {
    .driver-to-ph-questions {
      padding: 0 20px 20px; }
      .driver-to-ph-questions > div.border {
        padding: 0 20px 0 12px; } }

.shared-DriverPolicyholderCard {
  margin-top: 8px; }

.shared-VehicleSummary-Premium {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 24px;
  height: 80px;
  border-bottom: 1px solid #e7e7e9;
  background: #f3f3f4; }
  .shared-VehicleSummary-Premium span.monthly {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Rubik';
    background: #ed9e37;
    color: white;
    padding: 0 8px;
    font-size: 24px;
    font-weight: 500;
    line-height: 40px;
    border-radius: 4px; }
    .shared-VehicleSummary-Premium span.monthly.invalid {
      background: #e7e7e9; }
  .shared-VehicleSummary-Premium .errorMessage {
    color: #b82e30; }
  @media (max-width: 600px) {
    .shared-VehicleSummary-Premium {
      padding-top: 12px;
      padding-bottom: 12px;
      height: auto; }
      .shared-VehicleSummary-Premium > span.monthly {
        position: relative;
        top: 0;
        right: 0;
        transform: none;
        line-height: 32px;
        font-size: 22px;
        margin: 5px 0; } }
  @media (max-width: 400px) {
    .shared-VehicleSummary-Premium {
      padding: 12px 20px; } }

.shared-VehicleSummary-Details {
  padding: 24px 0;
  border-bottom: 1px solid #e7e7e9; }
  .shared-VehicleSummary-Details h5 {
    font-family: 'Rubik';
    font-size: 14px;
    font-weight: 600;
    color: #0a091a;
    line-height: 20px; }
  .shared-VehicleSummary-Details > ul {
    margin-top: 8px; }
    .shared-VehicleSummary-Details > ul > li {
      display: flex;
      margin-bottom: 4px; }
      .shared-VehicleSummary-Details > ul > li svg {
        width: 16px;
        height: 16px;
        margin-right: 10px; }
      .shared-VehicleSummary-Details > ul > li p {
        font-family: 'Rubik';
        font-size: 14px;
        font-weight: 400;
        color: #6d6f78;
        line-height: 20px; }
        .shared-VehicleSummary-Details > ul > li p em {
          color: #00b3a5; }
      .shared-VehicleSummary-Details > ul > li ul {
        list-style: disc;
        margin-bottom: 8px;
        margin-left: 16px; }
        .shared-VehicleSummary-Details > ul > li ul > li {
          font-family: 'Rubik';
          font-size: 14px;
          font-weight: 400;
          color: #6d6f78;
          line-height: 20px; }

.shared-VehicleSummary-Value {
  position: relative;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-bottom: 1px solid #e7e7e9; }
  .shared-VehicleSummary-Value .price-number-rhs {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }

.shared-VehicleSummary-Cover h5 {
  padding-top: 20px;
  box-sizing: border-box; }

.shared-VehicleSummary-Excess {
  position: relative;
  display: flex;
  align-items: center;
  height: 80px;
  border-bottom: 1px solid #e7e7e9; }
  .shared-VehicleSummary-Excess .price-number-rhs {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }

.shared-VehicleSummary .summary-body {
  padding: 0 24px; }
  .shared-VehicleSummary .summary-body > .vehicle-perils h5 {
    padding-top: 20px; }
  .shared-VehicleSummary .summary-body > .vehicle-perils p {
    display: flex;
    margin-top: 8px; }
  .shared-VehicleSummary .summary-body > .vehicle-perils svg {
    margin-right: 8px; }
  .shared-VehicleSummary .summary-body > .vehicle-drivers {
    position: relative; }
    .shared-VehicleSummary .summary-body > .vehicle-drivers h5 {
      height: 48px;
      padding-top: 20px;
      box-sizing: border-box; }
    .shared-VehicleSummary .summary-body > .vehicle-drivers .drivers-edit-link {
      position: absolute;
      right: 0;
      top: 16px;
      height: 28px;
      display: flex;
      align-items: center;
      color: #00b3a5;
      cursor: pointer; }
    .shared-VehicleSummary .summary-body > .vehicle-drivers > fieldset {
      margin-left: -8px;
      width: 100%; }
    .shared-VehicleSummary .summary-body > .vehicle-drivers > .shared-DriverCardField {
      padding-bottom: 8px; }
      .shared-VehicleSummary .summary-body > .vehicle-drivers > .shared-DriverCardField:last-child {
        padding-bottom: 20px; }

@media (max-width: 400px) {
  .shared-VehicleSummary .summary-body {
    padding: 0 20px; } }

.shared-BannerTotals {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 4px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  margin-top: 10px; }
  .shared-BannerTotals > *:first-child {
    margin-top: 10px; }
  .shared-BannerTotals > *:last-child {
    margin-bottom: 10px; }
  .shared-BannerTotals > div {
    display: flex;
    flex-direction: column;
    align-items: center; }
  .shared-BannerTotals > p,
  .shared-BannerTotals > div > p {
    text-align: center; }
    .shared-BannerTotals > p > span,
    .shared-BannerTotals > div > p > span {
      font-weight: bold; }
  .shared-BannerTotals > span,
  .shared-BannerTotals > div > span {
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    color: #555555;
    white-space: nowrap;
    font-variant-numeric: tabular-nums; }
    @media (max-width: 800px) {
      .shared-BannerTotals > span,
      .shared-BannerTotals > div > span {
        font-size: 6vw; } }
    @media (max-width: 400px) {
      .shared-BannerTotals > span,
      .shared-BannerTotals > div > span {
        font-size: 24px; } }

.shared-InputAddressGoogle {
  position: relative; }
  .shared-InputAddressGoogle > input {
    display: flex;
    font-size: 14px;
    font-family: 'Rubik';
    color: #0a091a;
    height: 40px;
    width: 100%;
    margin-top: 8px;
    box-sizing: border-box;
    border: 1px solid #cecfd2;
    border-radius: 4px;
    padding-left: 15px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media (max-width: 650px) {
      .shared-InputAddressGoogle > input {
        font-size: 16px; } }
    .shared-InputAddressGoogle > input:disabled {
      opacity: 0.5; }
    .shared-InputAddressGoogle > input.answer {
      border-color: #52cc60; }
    .shared-InputAddressGoogle > input.error {
      border-color: #b82e30; }
    .shared-InputAddressGoogle > input:focus {
      border-color: #ed9e37; }
    .shared-InputAddressGoogle > input::-webkit-input-placeholder {
      color: #6d6f78;
      font-family: 'Rubik'; }
    .shared-InputAddressGoogle > input:-ms-input-placeholder {
      color: #6d6f78;
      font-family: 'Rubik'; }
    .shared-InputAddressGoogle > input::-ms-input-placeholder {
      color: #6d6f78;
      font-family: 'Rubik'; }
    .shared-InputAddressGoogle > input::placeholder {
      color: #6d6f78;
      font-family: 'Rubik'; }
  .shared-InputAddressGoogle i.material-icons {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: bold;
    line-height: 34px;
    width: 34px;
    text-align: center;
    color: #b3b3b3;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .shared-InputAddressGoogle > p > span {
    text-decoration: underline;
    cursor: pointer; }
  @media (max-width: 600px) {
    .shared-InputAddressGoogle i.material-icons {
      background: #fff;
      right: 1px; } }

.shared-InputAddressHarmony {
  margin-top: 8px; }

.shared-InputDate-Calendar {
  position: absolute;
  top: calc(100% + 6px);
  z-index: 9;
  background: #ffffff;
  overflow: hidden;
  border-radius: 4px;
  box-sizing: border-box;
  width: 301px;
  border: 1px solid #ed9e37;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: 'Rubik'; }
  @media (max-width: 360px) {
    .shared-InputDate-Calendar {
      left: -30px; } }
  .shared-InputDate-Calendar > p {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px;
    padding-bottom: 8px; }
  .shared-InputDate-Calendar ul {
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    max-width: 100%;
    max-height: 174px;
    padding: 8px 12px 12px;
    box-sizing: border-box;
    margin-bottom: auto;
    transition: transform ease 200ms;
    overflow-y: scroll; }
    .shared-InputDate-Calendar ul.days > li {
      width: calc(100% / 7);
      height: 25px; }
    .shared-InputDate-Calendar ul.months > li {
      text-align: center;
      width: calc(100% / 3);
      height: 30px; }
    .shared-InputDate-Calendar ul.years > li {
      text-align: center;
      width: calc(100% / 5);
      height: 25px; }
    .shared-InputDate-Calendar ul > p {
      display: block;
      width: 100%;
      text-align: center;
      height: 20px;
      padding-bottom: 8px; }
    .shared-InputDate-Calendar ul > li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 39px;
      height: 18px;
      cursor: pointer; }
      .shared-InputDate-Calendar ul > li:focus {
        color: #11aa52; }
      .shared-InputDate-Calendar ul > li.disabled {
        cursor: default;
        color: #efefef; }
      .shared-InputDate-Calendar ul > li:not(.disabled):hover {
        background: #efefef; }

.shared-InputDate {
  position: relative;
  height: 40px;
  width: 100%;
  margin-top: 8px; }
  .shared-InputDate.bring-to-front {
    z-index: 4; }
  .shared-InputDate .manual-calendar-toggle {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    line-height: 40px;
    width: 34px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    text-align: center;
    color: #0a091a; }
  .shared-InputDate input,
  .shared-InputDate .pretty-overlay {
    width: 100%;
    height: 100%;
    color: #0a091a;
    box-sizing: border-box;
    border: 1px solid #cecfd2;
    background: transparent;
    border-radius: 4px;
    padding-left: 15px;
    font-variant-numeric: tabular-nums;
    font-size: 14px;
    font-family: 'Rubik';
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media (max-width: 650px) {
      .shared-InputDate input,
      .shared-InputDate .pretty-overlay {
        font-size: 16px; } }
    .shared-InputDate input:disabled,
    .shared-InputDate .pretty-overlay:disabled {
      opacity: 0.5; }
    .shared-InputDate input.answer,
    .shared-InputDate .pretty-overlay.answer {
      border-color: #52cc60; }
    .shared-InputDate input.error,
    .shared-InputDate .pretty-overlay.error {
      border-color: #b82e30; }
    .shared-InputDate input:focus, .shared-InputDate input.calendar-active,
    .shared-InputDate .pretty-overlay:focus,
    .shared-InputDate .pretty-overlay.calendar-active {
      border-color: #ed9e37; }
    .shared-InputDate input::-webkit-input-placeholder,
    .shared-InputDate .pretty-overlay::-webkit-input-placeholder {
      color: #6d6f78; }
    .shared-InputDate input:-ms-input-placeholder,
    .shared-InputDate .pretty-overlay:-ms-input-placeholder {
      color: #6d6f78; }
    .shared-InputDate input::-ms-input-placeholder,
    .shared-InputDate .pretty-overlay::-ms-input-placeholder {
      color: #6d6f78; }
    .shared-InputDate input::placeholder,
    .shared-InputDate .pretty-overlay::placeholder {
      color: #6d6f78; }
  .shared-InputDate input {
    background: #ffffff; }
  .shared-InputDate .pretty-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 36px;
    display: block;
    padding-left: 15px;
    color: #555555;
    border: 1px solid transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    box-sizing: border-box; }
    .shared-InputDate .pretty-overlay .placeholder {
      color: #6d6f78; }
    .shared-InputDate .pretty-overlay .hidden {
      opacity: 0; }

.shared-InputDateSingleDay-Calendar {
  font-family: 'Rubik';
  position: absolute;
  top: calc(100% + 6px);
  z-index: 9;
  background: #ffffff;
  overflow: hidden;
  border-radius: 4px;
  box-sizing: border-box;
  width: 301px;
  padding: 8px 12px 12px;
  border: 1px solid #ed9e37; }
  .shared-InputDateSingleDay-Calendar.left-align {
    left: 0; }
  .shared-InputDateSingleDay-Calendar.right-align {
    right: 0; }
  @media (max-width: 360px) {
    .shared-InputDateSingleDay-Calendar {
      left: -30px;
      right: 0; } }
  .shared-InputDateSingleDay-Calendar div.month-panels {
    display: flex;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overflow: hidden; }
    .shared-InputDateSingleDay-Calendar div.month-panels > div.pane {
      min-width: 100%;
      transition: transform ease 200ms; }
      .shared-InputDateSingleDay-Calendar div.month-panels > div.pane > p {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 20px;
        padding-bottom: 8px; }
      .shared-InputDateSingleDay-Calendar div.month-panels > div.pane ul {
        display: flex;
        flex-wrap: wrap; }
        .shared-InputDateSingleDay-Calendar div.month-panels > div.pane ul > li {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 39px;
          height: 24px;
          cursor: pointer; }
          .shared-InputDateSingleDay-Calendar div.month-panels > div.pane ul > li.blank, .shared-InputDateSingleDay-Calendar div.month-panels > div.pane ul > li.title {
            pointer-events: none;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
          .shared-InputDateSingleDay-Calendar div.month-panels > div.pane ul > li.disabled {
            cursor: default;
            color: #efefef; }
          .shared-InputDateSingleDay-Calendar div.month-panels > div.pane ul > li:not(.disabled):hover {
            background: #efefef; }
      .shared-InputDateSingleDay-Calendar div.month-panels > div.pane > i.material-icons {
        position: absolute;
        cursor: pointer;
        z-index: 2;
        transition: transform ease 200ms; }
        .shared-InputDateSingleDay-Calendar div.month-panels > div.pane > i.material-icons.prev {
          top: 0;
          left: 0;
          height: 24px;
          width: 24px;
          border-radius: 12px;
          background: #f3f3f4; }
        .shared-InputDateSingleDay-Calendar div.month-panels > div.pane > i.material-icons.next {
          top: 0;
          right: 0;
          height: 24px;
          width: 24px;
          border-radius: 12px;
          background: #f3f3f4; }

.shared-InputDateSingleDay {
  position: relative;
  height: 40px;
  width: 100%;
  margin-top: 8px; }
  .shared-InputDateSingleDay.bring-to-front {
    z-index: 4; }
  .shared-InputDateSingleDay .manual-calendar-toggle {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 20px;
    line-height: 40px;
    width: 34px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    text-align: center;
    color: #0a091a; }
  .shared-InputDateSingleDay input {
    background: #ffffff; }
  .shared-InputDateSingleDay input,
  .shared-InputDateSingleDay .pretty-overlay {
    width: 100%;
    height: 100%;
    color: #0a091a;
    box-sizing: border-box;
    border: 1px solid #cecfd2;
    border-radius: 4px;
    padding-left: 15px;
    font-variant-numeric: tabular-nums;
    font-size: 14px;
    font-family: 'Rubik';
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
    @media (max-width: 650px) {
      .shared-InputDateSingleDay input,
      .shared-InputDateSingleDay .pretty-overlay {
        font-size: 16px; } }
    .shared-InputDateSingleDay input:disabled,
    .shared-InputDateSingleDay .pretty-overlay:disabled {
      opacity: 0.5; }
    .shared-InputDateSingleDay input.answer,
    .shared-InputDateSingleDay .pretty-overlay.answer {
      border-color: #52cc60; }
    .shared-InputDateSingleDay input.error,
    .shared-InputDateSingleDay .pretty-overlay.error {
      border-color: #b82e30; }
    .shared-InputDateSingleDay input:focus, .shared-InputDateSingleDay input.calendar-active,
    .shared-InputDateSingleDay .pretty-overlay:focus,
    .shared-InputDateSingleDay .pretty-overlay.calendar-active {
      border-color: #ed9e37; }
    .shared-InputDateSingleDay input::-webkit-input-placeholder,
    .shared-InputDateSingleDay .pretty-overlay::-webkit-input-placeholder {
      color: #6d6f78; }
    .shared-InputDateSingleDay input:-ms-input-placeholder,
    .shared-InputDateSingleDay .pretty-overlay:-ms-input-placeholder {
      color: #6d6f78; }
    .shared-InputDateSingleDay input::-ms-input-placeholder,
    .shared-InputDateSingleDay .pretty-overlay::-ms-input-placeholder {
      color: #6d6f78; }
    .shared-InputDateSingleDay input::placeholder,
    .shared-InputDateSingleDay .pretty-overlay::placeholder {
      color: #6d6f78; }
  .shared-InputDateSingleDay .pretty-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 38px;
    display: block;
    padding-left: 15px;
    color: #0a091a;
    border: 1px solid transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
    box-sizing: border-box;
    background: transparent; }
    .shared-InputDateSingleDay .pretty-overlay .placeholder {
      color: #6d6f78; }
    .shared-InputDateSingleDay .pretty-overlay .hidden {
      opacity: 0; }

.shared-InputSelect {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 8px;
  width: 100%;
  font-family: 'Rubik'; }
  .shared-InputSelect .mobile-select {
    width: 100%;
    line-height: 38px;
    height: 40px; }
    .shared-InputSelect .mobile-select:focus + .mobile-pretty {
      border-color: #ed9e37; }
  .shared-InputSelect .mobile-pretty {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    width: 100%;
    line-height: 38px;
    height: 40px;
    border: 1px solid #cecfd2;
    box-sizing: border-box;
    padding-left: 15px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 4px;
    color: #0a091a;
    letter-spacing: 0.5px;
    font-size: 16px;
    background-color: #ffffff; }
    .shared-InputSelect .mobile-pretty.placeholder {
      color: #6d6f78; }
  .shared-InputSelect.active {
    z-index: 4; }
  .shared-InputSelect.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .shared-InputSelect > svg {
    position: absolute;
    right: 12px;
    padding-bottom: 2px;
    width: 12px;
    height: auto;
    pointer-events: none; }
  .shared-InputSelect li.pretty {
    width: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    list-style: none; }
    .shared-InputSelect li.pretty label {
      width: 100%;
      line-height: 38px;
      height: 40px;
      border: 1px solid #cecfd2;
      box-sizing: border-box;
      padding-left: 15px;
      cursor: pointer;
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      border-radius: 4px;
      color: #0a091a;
      letter-spacing: 0.5px;
      font-size: 14px;
      background-color: #ffffff; }
      .shared-InputSelect li.pretty label.placeholder {
        color: #6d6f78; }
      @media (max-width: 650px) {
        .shared-InputSelect li.pretty label {
          font-size: 16px; } }
    .shared-InputSelect li.pretty > input[type='radio'] {
      position: absolute;
      opacity: 0; }
      .shared-InputSelect li.pretty > input[type='radio']:focus + label {
        border-color: #ed9e37; }
  .shared-InputSelect.answer li.pretty label,
  .shared-InputSelect.answer .mobile-pretty {
    border-color: #52cc60; }
  .shared-InputSelect.placeholder li.pretty label {
    color: #6d6f78;
    white-space: nowrap; }
  .shared-InputSelect.error li.pretty label,
  .shared-InputSelect.error .mobile-pretty {
    border-color: #b82e30; }
  .shared-InputSelect > ul {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow: scroll; }
    .shared-InputSelect > ul.shared-InputSelect_dropdown-driverGender {
      overflow: auto; }
  .shared-InputSelect li:not(.pretty) {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
    color: #0a091a;
    letter-spacing: 0.5px;
    overflow: hidden;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-top: 1px solid #efefef;
    background-color: #ffffff; }
    .dark .shared-InputSelect li:not(.pretty) {
      border-left-color: rgba(0, 0, 0, 0.12);
      border-right-color: rgba(0, 0, 0, 0.12);
      border-top-color: rgba(0, 0, 0, 0.12); }
    .shared-InputSelect li:not(.pretty):first-child {
      border-top-left-radius: 2px;
      border-top-right-radius: 2px; }
    .shared-InputSelect li:not(.pretty):last-child {
      border-bottom-left-radius: 2px;
      border-bottom-right-radius: 2px;
      border-bottom: 1px solid #efefef; }
    .shared-InputSelect li:not(.pretty) > label {
      line-height: 40px;
      height: 40px;
      width: 100%;
      cursor: pointer;
      padding-left: 15px;
      text-overflow: ellipsis;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      font-size: 14px; }
      .shared-InputSelect li:not(.pretty) > label.checked {
        background-color: rgba(0, 0, 0, 0.06);
        color: #555555; }
        .dark .shared-InputSelect li:not(.pretty) > label.checked {
          background-color: rgba(0, 0, 0, 0.12); }
      @media (min-width: 601px) {
        .shared-InputSelect li:not(.pretty) > label:hover {
          background-color: rgba(0, 0, 0, 0.06);
          color: #555555; }
          .dark .shared-InputSelect li:not(.pretty) > label:hover {
            background-color: rgba(0, 0, 0, 0.12); } }
    .shared-InputSelect li:not(.pretty) > input[type='radio'] {
      position: absolute;
      opacity: 0; }
      .shared-InputSelect li:not(.pretty) > input[type='radio']:checked + label, .shared-InputSelect li:not(.pretty) > input[type='radio']:focus + label {
        background-color: rgba(0, 0, 0, 0.06);
        color: #555555; }
        .dark .shared-InputSelect li:not(.pretty) > input[type='radio']:checked + label, .dark .shared-InputSelect li:not(.pretty) > input[type='radio']:focus + label {
          background-color: rgba(0, 0, 0, 0.12); }

.shared-InputString {
  display: flex;
  font-size: 14px;
  font-family: 'Rubik';
  color: #0a091a;
  height: 40px;
  width: 100%;
  margin-top: 8px;
  box-sizing: border-box;
  border: 1px solid #cecfd2;
  border-radius: 4px;
  padding-left: 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  @media (max-width: 650px) {
    .shared-InputString {
      font-size: 16px; } }
  .shared-InputString:disabled {
    opacity: 0.5; }
  .shared-InputString.answer {
    border-color: #52cc60; }
  .shared-InputString.error {
    border-color: #b82e30; }
  .shared-InputString:focus {
    border-color: #ed9e37; }
  .shared-InputString::-webkit-input-placeholder {
    color: #6d6f78; }
  .shared-InputString:-ms-input-placeholder {
    color: #6d6f78; }
  .shared-InputString::-ms-input-placeholder {
    color: #6d6f78; }
  .shared-InputString::placeholder {
    color: #6d6f78; }

.shared-InputTextarea {
  display: flex;
  font-size: 16px;
  color: #555555;
  letter-spacing: 0.5px;
  width: 100%;
  height: 120px;
  max-height: 600px;
  min-height: 34px;
  margin-top: 10px;
  font-family: 'Rubik';
  box-sizing: border-box;
  border: 1px solid #dddce6;
  border-radius: 2px;
  padding: 6px 15px 6px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .shared-InputTextarea.answer {
    border-color: #11aa52; }
  .shared-InputTextarea.error {
    border-color: #ef4c4c; }
  .shared-InputTextarea:focus {
    border-width: 2px;
    padding: 5px 14px 5px 14px; }
  .shared-InputTextarea::-webkit-input-placeholder {
    color: #b3b3b3; }
  .shared-InputTextarea:-ms-input-placeholder {
    color: #b3b3b3; }
  .shared-InputTextarea::-ms-input-placeholder {
    color: #b3b3b3; }
  .shared-InputTextarea::placeholder {
    color: #b3b3b3; }

.shared-InputFile {
  position: relative;
  display: flex;
  font-size: 16px;
  height: 96px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Rubik';
  background: #f3f3f3;
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .shared-InputFile > input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1; }
    .shared-InputFile > input:focus + {
      border-width: 2px;
      padding: 0px; }
  .shared-InputFile > label {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 2px;
    padding: 1px;
    box-sizing: border-box;
    background: transparent;
    z-index: 1;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding-top: 30px;
    text-align: center; }
  .shared-InputFile.answer label {
    border-color: #11aa52; }
  .shared-InputFile.error label {
    border-color: #ef4c4c; }
  .shared-InputFile div.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    background-color: rgba(16, 16, 16, 0.5); }

.photo-container p {
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #e7e7e9;
  padding: 15px 0px; }
  .photo-container p:last-child {
    border: 0; }
  .photo-container p svg {
    float: right;
    border: 1px solid #cecfd2;
    padding: 8px;
    border-radius: 4px; }

.material-icons {
  color: #b6b7bc; }

.buttonContainer {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px; }

.confirmUpload {
  text-align: center; }
  .confirmUpload .green-circle-tick {
    margin-bottom: 5px;
    margin-top: 5px; }

.poncho-body a {
  text-decoration: underline;
  cursor: pointer;
  color: #00b3a5; }

span.poncho-caption-grey.filetype {
  font-size: 11px;
  color: #6d6f78;
  line-height: 16px; }

.InputToggle {
  font-size: 14px; }
  .InputToggle .Option + .Option {
    margin-top: 12px; }
  .InputToggle .Option label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 24px; }
    .InputToggle .Option label .toggle-container {
      width: 40px;
      height: 24px;
      border-radius: 12px;
      border: 1px solid #dddce6;
      position: relative; }
      .InputToggle .Option label .toggle-container > .toggle {
        width: 22px;
        height: 22px;
        background-color: #ffffff;
        border-radius: 12px;
        position: absolute;
        top: 1px;
        left: 0;
        box-shadow: 1px 1px 1px 0px #dddce6;
        transition: left 0.2s linear; }
      .InputToggle .Option label .toggle-container.on {
        background-color: #ed9e37;
        border: none; }
        .InputToggle .Option label .toggle-container.on > .toggle {
          width: 22px;
          height: 22px;
          left: 17px; }

.shared-InputVehicleSearch.disabled {
  cursor: pointer;
  pointer-events: none; }

.shared-InputVehicleAddressCantFind {
  margin-top: 32px; }

.shared-InputVehicleAddressSelectButton {
  margin-top: 8px; }

.shared-InputVehicleValidate i.material-icons {
  display: inline-flex;
  color: #b3b3b3;
  font-size: 18px;
  margin-left: 10px; }
  .shared-InputVehicleValidate i.material-icons.cached {
    color: #b3b3b3;
    animation: spin 1000ms infinite forwards linear; }

@keyframes spin {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(-360deg); } }
  .shared-InputVehicleValidate i.material-icons.check_circle {
    color: #11aa52; }
  .shared-InputVehicleValidate i.material-icons.clear {
    color: #ffffff;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    background-color: #ef4c4c;
    position: relative;
    top: -1px; }

.shared-InputPerils {
  width: 100%;
  margin-top: 10px; }
  .shared-InputPerils > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 10px;
    margin-top: 10px; }
    .shared-InputPerils > li > label {
      cursor: pointer;
      flex-grow: 1; }
    .shared-InputPerils > li > span {
      display: inline-block;
      position: relative;
      bottom: -1px;
      width: 22px;
      height: 14px;
      border-radius: 7px;
      margin-left: 6px;
      background-color: rgba(0, 0, 0, 0.2);
      transition: background-color linear 100ms; }
      .shared-InputPerils > li > span:after {
        content: '';
        position: absolute;
        left: 1px;
        top: 1px;
        width: 12px;
        height: 12px;
        border-radius: 6px;
        transition: all linear 100ms;
        background-color: white; }
      .shared-InputPerils > li > span.default {
        background-color: #efefef; }
        .shared-InputPerils > li > span.default:after {
          opacity: 0; }
      .shared-InputPerils > li > span.on {
        background-color: #11aa52; }
        .shared-InputPerils > li > span.on:after {
          left: 9px; }
      .shared-InputPerils > li > span > input[type='checkbox'] {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        z-index: 2; }
        .shared-InputPerils > li > span > input[type='checkbox']:checked {
          z-index: 1; }

.dropdownWrapper label {
  width: 100%;
  position: relative; }

.dropdownWrapper .dropdownButton {
  border: 1px solid #dddce6;
  border-radius: 4px;
  color: #6d6f78;
  font-family: Rubik;
  font-size: 14px;
  line-height: 20px;
  padding: 12px;
  width: 100%;
  background: none; }
  .dropdownWrapper .dropdownButton:focus {
    border: 1px solid #ed9e37; }

.dropdownWrapper .dropdownContent {
  border: 1px solid #cecfd2;
  border-radius: 4px;
  background-color: #ffffff;
  margin-top: 2px;
  padding: 10px;
  line-height: 20px;
  font-size: 14px;
  font-family: Rubik; }

.dropdownWrapper p {
  height: 16px;
  color: #6d6f78; }
  .dropdownWrapper p .material-icons {
    font-size: 16px;
    color: #6d6f78;
    margin-right: 4px; }
  .dropdownWrapper p + p {
    padding-top: 5px; }

.dropdownWrapper .contentTitle {
  color: #0a091a;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 24px;
  margin-bottom: 8px; }

.shared-InputEmailMatchRedirect > a,
.shared-InputEmailMatchRedirect > a:link,
.shared-InputEmailMatchRedirect > a:visited {
  text-decoration: none;
  color: #00b3a5; }

.shared-InputEmailMatchRedirect.poncho-btn-primary-reg {
  margin-top: 8px; }

.shared-Tooltip-Popup {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  background-color: #0c0f1f;
  border-radius: 4px;
  padding: 20px 0;
  font-size: 11px;
  line-height: 150%;
  z-index: 1;
  color: white; }
  .shared-Tooltip-Popup .popup-content-wrapper {
    padding: 0 14px;
    overflow: auto; }
    .shared-Tooltip-Popup .popup-content-wrapper p {
      color: #ffffff; }
  .shared-Tooltip-Popup div.shared-Tooltip-caret {
    position: absolute;
    top: 100%;
    border: 8px solid transparent;
    box-sizing: border-box;
    border-top-color: #0c0f1f;
    height: 16px;
    width: 16px;
    cursor: default; }
  .shared-Tooltip-Popup.down div.shared-Tooltip-caret {
    top: unset;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: #e6f6ee; }
  .shared-Tooltip-Popup > i.material-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 14px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
  .shared-Tooltip-Popup > span {
    padding-right: 12px;
    color: white; }

.shared-Tooltip {
  bottom: -2px;
  position: relative;
  cursor: pointer;
  margin-left: 5px; }

.shared-Tooltip-bubble {
  position: absolute;
  display: flex;
  box-sizing: border-box;
  background-color: #e6f6ee;
  border-radius: 4px;
  padding: 20px 14px;
  font-size: 11px;
  line-height: 150%;
  z-index: 1; }
  .shared-Tooltip-bubble div.shared-Tooltip-caret {
    position: absolute;
    top: 100%;
    border: 8px solid transparent;
    box-sizing: border-box;
    border-top-color: #e6f6ee;
    height: 16px;
    width: 16px;
    cursor: default; }
  .shared-Tooltip-bubble.down div.shared-Tooltip-caret {
    top: unset;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: #e6f6ee; }
  .shared-Tooltip-bubble > i.material-icons {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 14px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
  .shared-Tooltip-bubble > span {
    padding-right: 12px; }

.shared-VehicleTotalValue {
  position: relative;
  font-family: 'Rubik';
  padding-top: 25px; }
  .shared-VehicleTotalValue:before {
    content: '';
    position: absolute;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    top: 1px;
    background: #e7e7e9; }
  .shared-VehicleTotalValue > div.body {
    display: flex; }
    .shared-VehicleTotalValue > div.body > div.body-text {
      margin-right: 48px; }
      .shared-VehicleTotalValue > div.body > div.body-text > p.single-car-value {
        margin-top: 4px;
        line-height: 1.43; }
      @media (max-width: 400px) {
        .shared-VehicleTotalValue > div.body > div.body-text {
          margin-right: 0px; } }
    .shared-VehicleTotalValue > div.body > div.value-container {
      text-align: right; }
      .shared-VehicleTotalValue > div.body > div.value-container .value {
        width: 147px;
        height: 48px;
        border-radius: 4px;
        background-color: #ed9e37;
        color: #ffffff;
        font-size: 33px;
        font-weight: 500;
        line-height: 1.33;
        letter-spacing: -0.9px;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media (max-width: 400px) {
          .shared-VehicleTotalValue > div.body > div.value-container .value {
            background-color: transparent;
            color: #0a091a; } }
      .shared-VehicleTotalValue > div.body > div.value-container .poncho-caption {
        margin-top: 8px; }
      .shared-VehicleTotalValue > div.body > div.value-container > div.redbook-logo img {
        width: 126px;
        height: 20px;
        margin-top: 9px; }
      @media (max-width: 400px) {
        .shared-VehicleTotalValue > div.body > div.value-container {
          text-align: center;
          width: 147px;
          margin: 10px auto 0px auto; }
          .shared-VehicleTotalValue > div.body > div.value-container > div.redbook-logo {
            text-align: right; } }
    @media (max-width: 400px) {
      .shared-VehicleTotalValue > div.body {
        justify-content: center;
        display: block; } }
  .shared-VehicleTotalValue > .explanation {
    margin-top: 24px; }
    .shared-VehicleTotalValue > .explanation .explanation-text {
      padding: 10px 12px;
      background-color: #ffffff;
      border: solid 1px #cecfd2;
      border-radius: 4px; }

.shared-ToggleList {
  font-family: 'Rubik';
  font-size: 14px;
  background-color: rgba(231, 231, 233, 0.5);
  border-radius: 4px; }
  .shared-ToggleList > div.title {
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
    cursor: pointer; }
    .shared-ToggleList > div.title > img {
      height: 16px;
      width: 16px; }
  .shared-ToggleList > div.content {
    padding: 0 16px 14px;
    max-height: 151px;
    box-sizing: border-box;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

.VehicleStandards {
  margin-top: 8px; }
  .VehicleStandards ul > li {
    padding: 10px 12px;
    background-color: #ffffff;
    border: solid 1px #cecfd2; }
    .VehicleStandards ul > li + li {
      border-top: none; }
    .VehicleStandards ul > li:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .VehicleStandards ul > li:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }

.shared-InputCheckbox {
  display: block;
  width: 100%;
  height: 100%;
  font-family: 'Rubik';
  margin-top: 8px; }
  .shared-InputCheckbox > li {
    position: relative; }
    .shared-InputCheckbox > li > label {
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-sizing: border-box; }
    .shared-InputCheckbox > li > input[type='checkbox'] {
      position: absolute;
      top: 0;
      display: block;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
      cursor: pointer; }

.shared-InputRadio {
  font-family: 'Rubik';
  margin-top: 8px;
  display: block; }
  .shared-InputRadio > li {
    position: relative; }
    .shared-InputRadio > li > label {
      display: block;
      width: 100%;
      height: 100%;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      box-sizing: border-box; }
    .shared-InputRadio > li > input[type='radio'] {
      position: absolute;
      top: 0;
      display: block;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      opacity: 0;
      cursor: pointer; }

.InputRadioButtons {
  display: flex;
  color: #0a091a;
  font-size: 14px; }
  @media (max-width: 650px) {
    .InputRadioButtons {
      font-size: 16px; } }
  .InputRadioButtons.vertical {
    flex-direction: column; }
  .InputRadioButtons .Button {
    position: relative;
    border: solid 1px #cecfd2;
    box-sizing: border-box;
    cursor: pointer; }
    .InputRadioButtons .Button .shared-Tooltip {
      position: absolute;
      right: 0;
      height: 100%;
      width: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      top: 0; }
    .InputRadioButtons .Button label {
      display: flex; }
    .InputRadioButtons .Button.selected {
      background-color: #00b3a5;
      color: #ffffff; }
    .InputRadioButtons .Button.vertical {
      height: 40px;
      width: 100%; }
      .InputRadioButtons .Button.vertical label {
        display: flex;
        align-items: center;
        height: 38px;
        padding: 11px; }
      .InputRadioButtons .Button.vertical + .Button {
        border-top: none; }
      .InputRadioButtons .Button.vertical:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .InputRadioButtons .Button.vertical:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
    .InputRadioButtons .Button.horizontal {
      flex-grow: 1; }
      .InputRadioButtons .Button.horizontal label {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 38px; }
      .InputRadioButtons .Button.horizontal + .Button {
        border-left: none; }
      .InputRadioButtons .Button.horizontal:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      .InputRadioButtons .Button.horizontal:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }

.InputCheckboxColumns {
  font-size: 14px;
  display: flex; }
  @media (max-width: 650px) {
    .InputCheckboxColumns {
      font-size: 16px; } }
  .InputCheckboxColumns .InputCheckboxColumn {
    cursor: pointer; }
    .InputCheckboxColumns .InputCheckboxColumn + .InputCheckboxColumn {
      margin-left: 8px; }
    .InputCheckboxColumns .InputCheckboxColumn .Option {
      background-color: #ffffff;
      border: solid 1px #cecfd2;
      width: 260px;
      cursor: pointer; }
      @media (min-width: 971px) {
        .InputCheckboxColumns .InputCheckboxColumn .Option:hover, .InputCheckboxColumns .InputCheckboxColumn .Option:focus {
          background: #fafafc; } }
      .InputCheckboxColumns .InputCheckboxColumn .Option + .Option {
        border-top: none; }
      .InputCheckboxColumns .InputCheckboxColumn .Option:first-child {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px; }
      .InputCheckboxColumns .InputCheckboxColumn .Option:last-child {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px; }
      .InputCheckboxColumns .InputCheckboxColumn .Option label {
        display: flex;
        align-items: center;
        padding: 10px 12px; }
      .InputCheckboxColumns .InputCheckboxColumn .Option div.checkbox {
        position: relative;
        width: 16px;
        height: 16px;
        border-radius: 4px;
        border: solid 1px #c0c0cc;
        display: inline-block;
        margin-right: 8px;
        flex-shrink: 0; }
      .InputCheckboxColumns .InputCheckboxColumn .Option.selected div.checkbox {
        background-color: #ed9e37;
        border-color: #ed9e37; }
        .InputCheckboxColumns .InputCheckboxColumn .Option.selected div.checkbox > .checkmark {
          position: absolute;
          left: 5.5px;
          top: 2.5px;
          width: 2px;
          height: 7px;
          border: solid #ffffff;
          border-width: 0 3px 3px 0;
          border-radius: 1px;
          transform: rotate(45deg); }
  @media (max-width: 768px) {
    .InputCheckboxColumns .InputCheckboxColumn .Option {
      width: auto; } }

.InputPolicyholderAddress-container > .InputPolicyHolderAddress {
  font-size: 14px;
  display: flex;
  flex-direction: column; }
  .InputPolicyholderAddress-container > .InputPolicyHolderAddress label {
    display: flex;
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 24px; }
  .InputPolicyholderAddress-container > .InputPolicyHolderAddress input[type='radio'] {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .InputPolicyholderAddress-container > .InputPolicyHolderAddress input[type='radio']:checked + label > .customRadio {
      background-color: #ed9e37;
      height: 16px;
      width: 16px;
      border-color: #ed9e37; }
      .InputPolicyholderAddress-container > .InputPolicyHolderAddress input[type='radio']:checked + label > .customRadio:after {
        display: block; }
  .InputPolicyholderAddress-container > .InputPolicyHolderAddress .customRadio {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #c0c0cc;
    border-radius: 100%; }
    .InputPolicyholderAddress-container > .InputPolicyHolderAddress .customRadio:after {
      content: '';
      position: absolute;
      display: none;
      top: 4px;
      left: 4px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #ffffff; }
  .InputPolicyholderAddress-container > .InputPolicyHolderAddress .Option + .Option {
    margin-top: 8px; }

.InputPolicyholderAddress-container > button.clearButton {
  font-family: 'Rubik';
  font-size: 14px;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  margin-top: 20px;
  text-decoration: underline;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .InputPolicyholderAddress-container > button.clearButton:disabled {
    opacity: 0.5; }

@media (max-width: 400px) {
  .InputPolicyholderAddress-container > .InputPolicyHolderAddress label {
    height: auto; }
  .InputPolicyholderAddress-container > button.clearButton {
    margin-top: 0px; } }

.braintree-upper-container {
  z-index: 1; }

.braintree-sheet {
  border-radius: 0; }

.braintree-sheet__content--form {
  background-color: #fafafc; }

.braintree-sheet__content--form
.braintree-form__field-group
.braintree-form__label {
  height: 20px;
  color: #0a091a;
  font-family: Rubik;
  font-size: 14px;
  line-height: 20px; }

.braintree-sheet__header .braintree-sheet__text {
  height: 24px;
  color: #0a091a;
  font-family: Rubik;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px; }

.braintree-sheet__content--form
.braintree-form__field-group
.braintree-form__field-error,
.braintree-sheet--has-error
.braintree-sheet__error
.braintree-sheet__error-text {
  color: #b82e30;
  font-family: Rubik;
  font-size: 12px;
  line-height: 20px; }

.braintree-div .poncho-btn-primary-reg {
  width: 100%; }

.braintree-sheet__container {
  margin: 0; }

.braintree-div .AlertMessage {
  margin-top: 15px; }

.braintree-div .hide {
  display: none; }

.braintree-div .braintree-placeholder {
  display: none; }

.braintree-div.read-only {
  padding: 0;
  pointer-events: none; }
  .braintree-div.read-only .braintree-heading,
  .braintree-div.read-only .braintree-toggle,
  .braintree-div.read-only .braintree-method__icon-container.braintree-method__check-container {
    display: none; }
  .braintree-div.read-only .braintree-method {
    border: none;
    padding: 21px 25px; }
  .braintree-div.read-only .braintree-method__label {
    font-weight: 400 !important; }
  .braintree-div.read-only .braintree-show-methods {
    z-index: 0; }

.shared-TabGroup {
  font-family: 'Rubik';
  font-size: 14px;
  font-weight: 400;
  border-radius: 4px;
  border: 1px solid #cecfd2; }
  .shared-TabGroup > ol {
    display: flex; }
    .shared-TabGroup > ol .Tab {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      flex-grow: 1;
      height: 40px;
      cursor: pointer; }
      .shared-TabGroup > ol .Tab.active {
        background-color: #00b3a5;
        color: #ffffff;
        font-weight: 500; }
  .shared-TabGroup > div.content {
    border-top: 1px solid #cecfd2; }

.AddNewPolicyholder {
  padding: 24px; }
  .AddNewPolicyholder > .shared-TabGroup > div.content {
    padding: 0 24px; }

.ConfirmationPage {
  text-align: center; }
  .ConfirmationPage h1 {
    margin-bottom: 20px; }
  .ConfirmationPage svg {
    margin: 60px auto 20px; }
  .ConfirmationPage button {
    margin: 40px auto;
    min-width: 200px; }

.UnderwritingDeclinePage {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }
  .UnderwritingDeclinePage > div {
    padding: 40px;
    max-width: 750px;
    box-sizing: border-box; }
  .UnderwritingDeclinePage h2 {
    margin: 0 0 30px;
    text-align: center; }
  .UnderwritingDeclinePage p {
    text-align: center; }
    .UnderwritingDeclinePage p a {
      text-decoration: underline;
      color: #00b3a5; }
      .UnderwritingDeclinePage p a:link, .UnderwritingDeclinePage p a:visited {
        color: #00b3a5; }
  .UnderwritingDeclinePage .buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0; }
    .UnderwritingDeclinePage .buttons * + * {
      margin-top: 20px; }
  .UnderwritingDeclinePage button {
    margin: 40px auto;
    min-width: 200px; }

.ErrorPage {
  padding: 124px 0;
  width: 100%;
  display: flex;
  justify-content: center; }
  .ErrorPage > div {
    max-width: 670px;
    text-align: center; }
    .ErrorPage > div > p {
      margin-top: 19px; }

.MonthlyPremium > div.total-premium {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: 'Rubik';
  background: #00b3a5;
  padding: 0 8px;
  height: 40px;
  border-radius: 4px;
  margin-bottom: 8px;
  margin-top: 8px; }
  .MonthlyPremium > div.total-premium.orange {
    background: #ed9e37; }
  .MonthlyPremium > div.total-premium.invalid {
    background: #e7e7e9; }
    .MonthlyPremium > div.total-premium.invalid > span {
      display: inherit; }
  .MonthlyPremium > div.total-premium > p {
    display: inline-block;
    vertical-align: baseline;
    font-size: 33px;
    font-weight: 500;
    color: white; }
    .MonthlyPremium > div.total-premium > p > span {
      font-size: 24px; }
      .MonthlyPremium > div.total-premium > p > span.no-payment {
        line-height: 2; }
  @media (max-width: 350px) {
    .MonthlyPremium > div.total-premium > p > span.no-payment {
      font-size: 20px; } }

.MonthlyPremium p.monthly-incl-gst-title {
  padding-bottom: 8px; }

ul.PriceBreakdown {
  width: 100%; }
  ul.PriceBreakdown > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 28px;
    min-height: 40px;
    border-top: 1px solid #f3f3f4; }

.BraintreePaymentFormContainer .payment-form {
  padding: 20px 24px; }

.BraintreePaymentFormContainer .price-details {
  padding: 20px 24px;
  background-color: #f3f3f4; }
  .BraintreePaymentFormContainer .price-details > div.premium {
    background-color: #f3f3f4;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .BraintreePaymentFormContainer .price-details > div.premium > div.premium-price {
      font-family: 'Rubik';
      background: #ed9e37;
      color: white;
      padding: 4px 7px;
      font-size: 24px;
      font-weight: 500;
      line-height: 40px;
      border-radius: 4px; }
  .BraintreePaymentFormContainer .price-details > button {
    margin-top: 25px; }
  .BraintreePaymentFormContainer .price-details > ul > li {
    border-color: #cecfd2; }
    .BraintreePaymentFormContainer .price-details > ul > li:first-child {
      border-top: none; }

@media (max-width: 600px) {
  .BraintreePaymentFormContainer .price-details {
    padding-top: 12px;
    padding-bottom: 12px; }
    .BraintreePaymentFormContainer .price-details > div.premium {
      flex-direction: column;
      align-items: stretch; }
      .BraintreePaymentFormContainer .price-details > div.premium > div.premium-price {
        margin-top: 5px;
        line-height: 32px;
        text-align: center;
        font-size: 22px;
        height: 32px;
        padding: 0; }
    .BraintreePaymentFormContainer .price-details > button {
      margin-top: 12px; } }

@media (max-width: 400px) {
  .BraintreePaymentFormContainer .payment-form {
    padding: 20px; }
  .BraintreePaymentFormContainer .price-details {
    padding-left: 20px;
    padding-right: 20px; } }

.AlertMessage {
  background-color: #f3f3f4;
  border-radius: 4px;
  padding: 16px;
  display: flex; }
  .AlertMessage > div.alert-icon {
    position: relative;
    margin-right: 8px;
    margin-top: 3px; }

.show-more > span {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e7e7e9;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-top: 6px;
  cursor: pointer; }

.show-more > .menu-card {
  position: absolute;
  top: 44px;
  right: 0;
  width: 180px;
  background: #fff;
  border: 1px solid #cecfd2;
  padding: 10px 20px;
  border-radius: 5px;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.12); }
  .show-more > .menu-card > ul li {
    padding: 10px 0;
    font-size: 12px;
    color: #6d6f78;
    cursor: pointer; }

.App {
  background-color: #f3f3f4;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  min-width: 95vw; }
  .App > div {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }

#start-modal > div {
  position: relative;
  display: flex;
  overflow: visible;
  background: white;
  border-radius: 4px;
  margin-bottom: 16px; }
  #start-modal > div > .section-wrapper {
    max-width: 400px; }
    @media (max-width: 650px) {
      #start-modal > div > .section-wrapper {
        max-width: none; } }
    #start-modal > div > .section-wrapper > h1 {
      padding: 24px;
      border-bottom: 1px solid #e7e7e9; }
    #start-modal > div > .section-wrapper > section {
      box-sizing: border-box;
      padding: 24px 24px 24px 16px;
      width: 100%; }
      #start-modal > div > .section-wrapper > section > a {
        margin-left: 8px;
        margin-bottom: 12px; }
      #start-modal > div > .section-wrapper > section > p {
        text-align: center;
        margin-left: 8px; }
    #start-modal > div > .section-wrapper .poncho-caption a {
      text-decoration: none;
      color: #00b3a5; }
      #start-modal > div > .section-wrapper .poncho-caption a:hover {
        color: #6d6f78; }

#start-modal button#close {
  position: absolute;
  right: -9px;
  top: -9px;
  border-radius: 50%;
  height: 32px;
  width: 32px;
  padding: 0;
  box-shadow: 0 1px 6px RGBA(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  background: #dddddd; }
  #start-modal button#close > a {
    height: 22px; }

#start-modal aside {
  flex-grow: 1;
  max-width: 370px;
  width: 50%;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f6ce9b;
  background: #f6ce9b linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 3%); }
  #start-modal aside img {
    width: 90%;
    height: auto; }
  @media (max-width: 650px) {
    #start-modal aside {
      display: none; } }

#start-modal > p {
  margin: 0 30px;
  text-align: center; }
  #start-modal > p + p {
    margin-top: 16px; }

#start-modal .warning {
  padding: 0 20px;
  margin-top: 20px; }
  #start-modal .warning p {
    background: #f0b15f;
    color: white;
    border-radius: 4px;
    padding: 8px 10px 6px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); }

.Route-FreeQuote-Header {
  font-family: 'Rubik';
  background-color: #ffffff;
  height: 72px;
  width: 100%; }
  .Route-FreeQuote-Header > div.container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px; }
  .Route-FreeQuote-Header .navLinks {
    margin-left: auto; }
    .Route-FreeQuote-Header .navLinks > a {
      font-size: 14px;
      color: #00b3a5;
      text-decoration: none;
      margin-left: 30px; }
  @media (max-width: 400px) {
    .Route-FreeQuote-Header > div.container {
      padding: 0 15px; }
      .Route-FreeQuote-Header > div.container > div.navLinks > a {
        margin-left: 6px; } }

.free-quote-AsideInstantQuote {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 24px; }
  .free-quote-AsideInstantQuote label {
    margin-bottom: 16px; }
  .free-quote-AsideInstantQuote > ul > li {
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    .free-quote-AsideInstantQuote > ul > li > span {
      display: flex;
      align-items: center;
      justify-content: center;
      font-variant-numeric: tabular-nums;
      width: 24px;
      height: 23px;
      padding-top: 1px;
      border: 1px solid #5d5d66;
      border-radius: 50%; }
    .free-quote-AsideInstantQuote > ul > li > p {
      margin-left: 8px; }

.free-quote-AsideCardPayment {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  transition: top ease 200ms; }
  @media (max-width: 970px) {
    .free-quote-AsideCardPayment {
      padding: 0 15px; } }
  @media (max-width: 650px) {
    .free-quote-AsideCardPayment {
      padding: 0; } }
  .free-quote-AsideCardPayment > .shared-FormContainer {
    width: 100%;
    margin-bottom: 0;
    z-index: 0; }
  .free-quote-AsideCardPayment > div.secure-checkout {
    position: absolute;
    top: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    margin-left: -24px; }
    @media (max-width: 650px) {
      .free-quote-AsideCardPayment > div.secure-checkout {
        position: static;
        top: 0;
        margin-left: 0; } }
    .free-quote-AsideCardPayment > div.secure-checkout > i {
      position: relative;
      bottom: 3px;
      margin-right: 5px; }

.free-quote-AsideOurBestPrice {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  transition: top ease 200ms; }
  @media (max-width: 970px) {
    .free-quote-AsideOurBestPrice {
      padding: 0 15px; } }
  @media (max-width: 650px) {
    .free-quote-AsideOurBestPrice {
      padding: 0;
      margin-top: 12px; } }
  .free-quote-AsideOurBestPrice.fixed {
    margin-top: 0;
    position: fixed;
    top: 0; }

.free-quote-AsideReasonsToBuy {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 10px 0px; }
  .free-quote-AsideReasonsToBuy label {
    margin-bottom: 12px; }
  .free-quote-AsideReasonsToBuy > ul {
    list-style: disc;
    margin-left: 28px; }
    .free-quote-AsideReasonsToBuy > ul > li {
      margin-bottom: 8px; }
      .free-quote-AsideReasonsToBuy > ul > li > span {
        display: flex;
        align-items: center;
        justify-content: center;
        font-variant-numeric: tabular-nums;
        width: 24px;
        height: 23px;
        padding-top: 1px;
        border: 1px solid #5d5d66;
        border-radius: 50%; }

.FreeQuote-PaySection > * {
  margin-bottom: 12px; }
  .FreeQuote-PaySection > *:last-child {
    margin-bottom: 0; }
  .FreeQuote-PaySection > *:first-child {
    margin-bottom: 0; }

.FreeQuote-PaySection .policy-start-date {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 24px;
  background: #fafafc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.FreeQuote-PaySection .policyholder-card-wrapper:nth-child(2n + 1) {
  background: #fafafc; }

.FreeQuote-PaySection .policyholder-card-wrapper:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.FreeQuote-PaySection.pay-section-policyholder {
  border: none;
  background: transparent;
  padding: 12px 12px 0; }
  .FreeQuote-PaySection.pay-section-policyholder > .inner .left > p {
    padding-top: 10px; }

.FreeQuote-QuoteSection > * {
  margin-bottom: 12px; }
  .FreeQuote-QuoteSection > *:last-child {
    margin-bottom: 0; }

.FreeQuote-QuoteSection .policy-start-date {
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 24px;
  background: #fafafc;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.FreeQuote-QuoteSection .policy-start-date-field {
  padding: 24px 24px 8px 16px; }

.FreeQuote-QuoteSection p.total-premium {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Rubik';
  background: #ed9e37;
  color: white;
  padding: 0 8px;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  border-radius: 4px; }
  .FreeQuote-QuoteSection p.total-premium span {
    font-size: 18px; }

@media (max-width: 400px) {
  .FreeQuote-QuoteSection .policy-start-date {
    padding: 0 20px; } }

.free-quote-SupportLinks {
  display: flex;
  width: 100%;
  margin-top: 32px;
  margin-bottom: 64px; }
  @media (max-width: 600px) {
    .free-quote-SupportLinks {
      flex-direction: column;
      margin-top: 24px;
      margin-bottom: 32px; } }
  .free-quote-SupportLinks > img {
    height: 50px;
    padding-left: 8px; }
    @media (max-width: 600px) {
      .free-quote-SupportLinks > img {
        padding-left: 0;
        margin-right: auto; } }
  .free-quote-SupportLinks > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 8px; }
    @media (max-width: 600px) {
      .free-quote-SupportLinks > div {
        padding-left: 0;
        margin-right: auto; } }
    .free-quote-SupportLinks > div > a,
    .free-quote-SupportLinks > div > a:link,
    .free-quote-SupportLinks > div > a:visited {
      color: #00b3a5;
      text-decoration: none; }

.Route-FreeQuote {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  .Route-FreeQuote > div {
    width: 100%; }
  .Route-FreeQuote > div.content-wrapper {
    margin-top: 128px; }
    .Route-FreeQuote > div.content-wrapper > div.content-wrapper-title {
      text-align: center;
      padding-top: 64px; }
      @media (max-width: 970px) {
        .Route-FreeQuote > div.content-wrapper > div.content-wrapper-title {
          padding: 32px 15px 0 15px; } }
    .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper {
      display: flex; }
      .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper {
        display: flex;
        justify-content: center;
        flex-grow: 1; }
        .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main {
          position: relative;
          display: flex;
          align-items: center;
          box-sizing: border-box;
          width: 66.66vw;
          height: 100%;
          max-width: 770px;
          margin-left: auto; }
          .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main.confirmation {
            margin: auto; }
          .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main > div.shared-FormRouter {
            width: 610px;
            height: 100%;
            margin: auto; }
            .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main > div.shared-FormRouter > section {
              margin-top: 32px; }
          @media (max-width: 970px) {
            .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main {
              padding: 0 15px;
              width: 100%;
              max-width: 100vw;
              margin-left: unset; }
              .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main.quote, .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main.pay {
                width: 50vw;
                max-width: 50vw; } }
          @media (max-width: 650px) {
            .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main {
              width: 100%;
              max-width: 100vw; }
              .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main.quote, .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.main-wrapper > main.pay {
                width: 100%;
                max-width: 100vw; } }
      .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper {
        position: relative;
        flex-grow: 1; }
        .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper.confirmation {
          display: none; }
        @media (max-width: 970px) {
          .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper {
            display: none; }
            .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper.quote, .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper.pay {
              display: block;
              max-width: none;
              width: 50vw; } }
        @media (max-width: 650px) {
          .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper {
            display: none; } }
        .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper > div.background {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-position: top center;
          background-size: cover;
          background-repeat: no-repeat;
          background-image: url("/poncho/resource/poncho/assets/img/driving-instructor-and-apprentice.svg");
          background-color: white;
          background-size: 90%;
          background-position: center; }
        .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper > aside {
          position: relative;
          width: 33.33vw;
          max-width: 370px;
          margin-right: auto; }
          @media (max-width: 970px) {
            .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper > aside {
              display: block;
              max-width: none;
              width: 50vw;
              margin-right: unset; } }
          .Route-FreeQuote > div.content-wrapper > div.inner-content-wrapper > div.aside-wrapper > aside #sidebar {
            max-width: 370px; }
  .Route-FreeQuote > div.header-wrapper {
    display: block;
    position: fixed;
    z-index: 5; }

.Route-OnlineSelfService-Header {
  font-family: 'Rubik';
  background-color: #ffffff;
  height: 72px;
  width: 100%; }
  .Route-OnlineSelfService-Header > div.container {
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px; }
    .Route-OnlineSelfService-Header > div.container a:not(.first-a) {
      font-size: 14px;
      color: #00b3a5;
      text-decoration: none;
      margin-left: 38px; }
    .Route-OnlineSelfService-Header > div.container > div.avatar {
      margin-left: auto; }
    .Route-OnlineSelfService-Header > div.container > div.menu-icon {
      display: none; }
      .Route-OnlineSelfService-Header > div.container > div.menu-icon > i {
        font-size: 30px;
        color: #00b3a5;
        cursor: pointer; }
    .Route-OnlineSelfService-Header > div.container > div.mobile-menu {
      display: none; }
  @media (max-width: 600px) {
    .Route-OnlineSelfService-Header > div.container a.first-a,
    .Route-OnlineSelfService-Header > div.container .avatar > a {
      margin-left: 24px; }
    .Route-OnlineSelfService-Header > div.container > a:not(.first-a) {
      display: none; }
    .Route-OnlineSelfService-Header > div.container > div.menu-icon {
      display: block; }
    .Route-OnlineSelfService-Header > div.container > div.mobile-menu {
      display: block;
      position: fixed;
      top: 72px;
      left: 0px;
      background: #f3f3f4;
      z-index: 2;
      width: 100%;
      height: 100%; }
      .Route-OnlineSelfService-Header > div.container > div.mobile-menu > a {
        margin-left: 10vw;
        height: 40px;
        display: flex;
        align-items: center;
        line-height: 40px;
        border-bottom: 1px solid #00b3a5;
        margin-right: 10vw; }
    .Route-OnlineSelfService-Header.mobile-fixed-header {
      position: fixed;
      z-index: 2; } }

.Route-OnlineSelfService-Dashboard {
  display: flex;
  width: 100%; }
  .Route-OnlineSelfService-Dashboard > div.main-wrapper {
    display: flex;
    justify-content: center;
    flex-grow: 1; }
    .Route-OnlineSelfService-Dashboard > div.main-wrapper > main {
      display: flex;
      align-items: center;
      box-sizing: border-box;
      height: 100%;
      max-width: 100vw;
      padding: 0 15px; }
      @media (min-width: 971px) {
        .Route-OnlineSelfService-Dashboard > div.main-wrapper > main {
          margin-left: auto;
          padding-right: 30px;
          padding-left: 0px;
          width: 66.66vw;
          max-width: 770px; } }
      .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div {
        width: 610px;
        height: 100%;
        margin: auto;
        padding: 0 15px; }
        .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header {
          display: flex;
          margin-top: 40px;
          margin-bottom: 26px; }
          @media (max-width: 600px) {
            .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header {
              flex-direction: column;
              margin-top: 30px;
              margin-bottom: 16px; }
              .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header > h2.poncho-h2 {
                margin-bottom: 8px; }
              .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header > span.poncho-body {
                display: none; }
              .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header > div.shared-InputDateSingleDay {
                width: 100%; } }
          .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header > h2 {
            margin-right: auto; }
          .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header > span {
            display: flex;
            align-items: center;
            margin: auto 8px auto 0;
            white-space: nowrap; }
          .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div .dashboard-header .shared-InputDateSingleDay {
            width: 160px;
            margin: auto 0 auto; }
        .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div > ul {
          margin-top: 24px; }
          @media (max-width: 600px) {
            .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div > ul {
              margin-top: 16px; } }
        @media (max-width: 970px) {
          .Route-OnlineSelfService-Dashboard > div.main-wrapper > main > div {
            padding: 0; } }
  .Route-OnlineSelfService-Dashboard > div.aside-wrapper {
    position: relative;
    flex-grow: 1;
    margin-bottom: auto; }
    @media (max-width: 970px) {
      .Route-OnlineSelfService-Dashboard > div.aside-wrapper {
        display: none; } }
    .Route-OnlineSelfService-Dashboard > div.aside-wrapper > aside {
      box-sizing: border-box;
      width: 33.33vw;
      max-width: 370px;
      padding: 24px;
      margin-right: auto;
      margin-top: 86px; }
      .Route-OnlineSelfService-Dashboard > div.aside-wrapper > aside > h5 {
        margin-bottom: 11px; }
      .Route-OnlineSelfService-Dashboard > div.aside-wrapper > aside > p {
        margin-bottom: 19px; }
      .Route-OnlineSelfService-Dashboard > div.aside-wrapper > aside ul.social-media {
        background-color: #e7e7e9;
        padding: 16px 22px;
        border-radius: 4px; }

.Route-OnlineSelfService-ViewPolicy {
  margin-bottom: 24px; }
  .Route-OnlineSelfService-ViewPolicy > main {
    max-width: 820px;
    padding: 0 24px;
    box-sizing: border-box;
    margin: auto; }
    @media (max-width: 600px) {
      .Route-OnlineSelfService-ViewPolicy > main {
        padding: 0 15px; }
        .Route-OnlineSelfService-ViewPolicy > main > div.dashboard-header {
          flex-direction: column;
          margin-top: 30px;
          margin-bottom: 16px; }
          .Route-OnlineSelfService-ViewPolicy > main > div.dashboard-header > h2.poncho-h2 {
            margin-bottom: 8px; }
          .Route-OnlineSelfService-ViewPolicy > main > div.dashboard-header > span {
            display: none; }
          .Route-OnlineSelfService-ViewPolicy > main > div.dashboard-header > div.shared-InputDateSingleDay {
            width: 100%; }
        .Route-OnlineSelfService-ViewPolicy > main > li.shared-FormContainer > main > div.shared-TabGroup > ol > li {
          padding: 0 4px; }
        .Route-OnlineSelfService-ViewPolicy > main > li.shared-FormContainer > main > div.shared-TabGroup > div.content {
          padding: 24px 15px 15px 15px; } }
    .Route-OnlineSelfService-ViewPolicy > main .dashboard-header {
      display: flex;
      margin-top: 40px;
      margin-bottom: 26px; }
      .Route-OnlineSelfService-ViewPolicy > main .dashboard-header > h2 {
        display: flex;
        margin-right: auto; }
        .Route-OnlineSelfService-ViewPolicy > main .dashboard-header > h2 > a {
          display: flex;
          align-items: center;
          margin-right: 12px; }
          .Route-OnlineSelfService-ViewPolicy > main .dashboard-header > h2 > a > svg {
            display: block; }
      .Route-OnlineSelfService-ViewPolicy > main .dashboard-header > span {
        display: flex;
        align-items: center;
        margin: auto 8px auto 0;
        white-space: nowrap; }
      .Route-OnlineSelfService-ViewPolicy > main .dashboard-header .shared-InputDateSingleDay {
        width: 160px;
        margin: auto 0 auto; }
    .Route-OnlineSelfService-ViewPolicy > main .shared-TabGroup {
      font-size: 18px;
      font-weight: 500;
      border: none; }
      .Route-OnlineSelfService-ViewPolicy > main .shared-TabGroup > ol {
        background-color: #f6f6f6; }
        .Route-OnlineSelfService-ViewPolicy > main .shared-TabGroup > ol .Tab {
          color: #6d6f78;
          flex-grow: 0;
          width: 165px;
          height: 56px; }
          .Route-OnlineSelfService-ViewPolicy > main .shared-TabGroup > ol .Tab.active {
            background-color: #ffffff;
            color: #0a091a; }
      .Route-OnlineSelfService-ViewPolicy > main .shared-TabGroup > div.content {
        padding: 33px 30px; }
      .Route-OnlineSelfService-ViewPolicy > main .shared-TabGroup .shared-FormContainer + .shared-FormContainer {
        margin-top: 27px; }

.Route-OnlineSelfService-Claims {
  align-items: center;
  width: 100%;
  min-height: 33.3vh; }
  .Route-OnlineSelfService-Claims > div {
    display: flex;
    width: 100%; }
    .Route-OnlineSelfService-Claims > div > div.main-wrapper {
      display: flex;
      justify-content: center;
      flex-grow: 1; }
      .Route-OnlineSelfService-Claims > div > div.main-wrapper > main {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        height: 100%;
        max-width: 100vw;
        padding: 0 15px; }
        @media (min-width: 971px) {
          .Route-OnlineSelfService-Claims > div > div.main-wrapper > main {
            margin-left: auto;
            padding-right: 30px;
            padding-left: 0px;
            width: 66.66vw;
            max-width: 770px; } }
        .Route-OnlineSelfService-Claims > div > div.main-wrapper > main > div.shared-FormRouter {
          width: 610px;
          height: 100%;
          margin: auto; }
          .Route-OnlineSelfService-Claims > div > div.main-wrapper > main > div.shared-FormRouter > section {
            margin-top: 32px; }
    .Route-OnlineSelfService-Claims > div > div.aside-wrapper {
      position: relative;
      flex-grow: 1;
      margin-bottom: auto; }
      @media (max-width: 970px) {
        .Route-OnlineSelfService-Claims > div > div.aside-wrapper {
          display: none; } }
      .Route-OnlineSelfService-Claims > div > div.aside-wrapper > aside {
        width: 33.33vw;
        max-width: 368px;
        margin-right: auto;
        margin-top: 165px; }
        .Route-OnlineSelfService-Claims > div > div.aside-wrapper > aside > h5 {
          margin-bottom: 11px; }
        .Route-OnlineSelfService-Claims > div > div.aside-wrapper > aside > p {
          margin-bottom: 19px; }
        .Route-OnlineSelfService-Claims > div > div.aside-wrapper > aside ul.social-media {
          background-color: #e7e7e9;
          padding: 16px 22px;
          border-radius: 4px; }
  .Route-OnlineSelfService-Claims .claim-header {
    text-align: center; }

.Route-OnlineSelfService-EditPolicy-FinaliseSection {
  margin-left: -8px; }
  .Route-OnlineSelfService-EditPolicy-FinaliseSection > * {
    margin-bottom: 12px; }
    .Route-OnlineSelfService-EditPolicy-FinaliseSection > *:last-child {
      margin-bottom: 0; }
  .Route-OnlineSelfService-EditPolicy-FinaliseSection .endorsement-effective-date {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 24px;
    background: #fafafc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .Route-OnlineSelfService-EditPolicy-FinaliseSection #endo-finalise-mobile-wrapper {
    margin-left: -8px; }

.endo-finalise-mobile-wrapper {
  margin-left: -8px; }

.EditPolicy-ContactSidebar {
  position: relative;
  padding: 0 24px; }
  .EditPolicy-ContactSidebar > h5 {
    margin-bottom: 11px; }
  .EditPolicy-ContactSidebar > p {
    margin-bottom: 19px; }
  .EditPolicy-ContactSidebar ul.social-media {
    background-color: #e7e7e9;
    padding: 16px 22px;
    border-radius: 4px; }

.oss-edit-RefundSidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  transition: top ease 200ms; }
  @media (max-width: 970px) {
    .oss-edit-RefundSidebar {
      padding: 0 15px; } }
  @media (max-width: 650px) {
    .oss-edit-RefundSidebar {
      padding: 0;
      margin-top: 12px; } }

.oss-edit-NoChangeSidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  transition: top ease 200ms; }
  @media (max-width: 970px) {
    .oss-edit-NoChangeSidebar {
      padding: 0 15px; } }
  @media (max-width: 650px) {
    .oss-edit-NoChangeSidebar {
      padding: 0;
      margin-top: 12px; } }

.oss-edit-UpfrontPaymentSidebar {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 0 24px;
  transition: top ease 200ms; }
  @media (max-width: 970px) {
    .oss-edit-UpfrontPaymentSidebar {
      padding: 0 15px; } }
  @media (max-width: 650px) {
    .oss-edit-UpfrontPaymentSidebar {
      padding: 0;
      margin-top: 12px; } }

.EditPolicy-EndorsementDetails > h2 {
  margin-top: 40px; }

.EditPolicy-EndorsementDetails > ul.metadata {
  padding-bottom: 16px;
  margin-top: 16px; }
  .EditPolicy-EndorsementDetails > ul.metadata > li > i {
    font-size: 20px;
    color: #6d6f78;
    margin-right: 4px; }
    @media (max-width: 600px) {
      .EditPolicy-EndorsementDetails > ul.metadata > li > i {
        color: #b6b7bc; } }
  .EditPolicy-EndorsementDetails > ul.metadata > li > span {
    height: 20px;
    color: #6d6f78;
    vertical-align: bottom; }

.EditPolicy-EndorsementDetails > ul.footer {
  display: flex;
  align-items: center;
  height: 40px;
  box-sizing: border-box;
  border-top: 1px solid #e7e7e9;
  margin-bottom: 32px; }
  @media (max-width: 600px) {
    .EditPolicy-EndorsementDetails > ul.footer {
      align-items: stretch; }
      .EditPolicy-EndorsementDetails > ul.footer > li {
        display: flex;
        align-items: flex-end;
        justify-content: center; }
        .EditPolicy-EndorsementDetails > ul.footer > li > i.material-icons {
          color: #b6b7bc; }
        .EditPolicy-EndorsementDetails > ul.footer > li > p.poncho-body > span {
          display: none; } }
  .EditPolicy-EndorsementDetails > ul.footer > li {
    margin-left: 24px; }
    @media (max-width: 600px) {
      .EditPolicy-EndorsementDetails > ul.footer > li > i {
        color: #b6b7bc; } }
    .EditPolicy-EndorsementDetails > ul.footer > li:first-child {
      margin-left: 0; }
    .EditPolicy-EndorsementDetails > ul.footer > li > i {
      font-size: 20px;
      color: #6d6f78;
      margin-right: 4px; }
    .EditPolicy-EndorsementDetails > ul.footer > li > p {
      height: 20px;
      color: #6d6f78;
      vertical-align: bottom;
      display: inline-block; }

.content-wrapper-title {
  padding: 0 15px;
  margin: 40px 0 20px; }

.Route-OnlineSelfService-EditPolicy {
  display: flex;
  width: 100%; }
  .Route-OnlineSelfService-EditPolicy > div.main-wrapper {
    display: flex;
    justify-content: center;
    flex-grow: 1; }
    .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main {
      position: relative;
      display: flex;
      align-items: center;
      box-sizing: border-box;
      width: 66.66vw;
      height: 100%;
      max-width: 770px;
      margin-left: auto; }
      .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main.confirmation {
        margin: auto; }
      @media (max-width: 970px) {
        .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main {
          padding: 0 15px;
          width: 100%;
          max-width: 100vw;
          margin-left: unset; }
          .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main.finalise {
            width: 50vw;
            max-width: 50vw; } }
      @media (max-width: 650px) {
        .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main {
          width: 100%;
          max-width: 100vw; }
          .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main.finalise {
            width: 100%;
            max-width: 100vw; }
          .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main .shared-FormContainer > header > h4.poncho-body {
            display: none; } }
      .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main > div {
        width: 610px;
        height: 100%;
        margin: auto; }
        .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main > div .content-wrapper-title {
          padding: 0; }
        .Route-OnlineSelfService-EditPolicy > div.main-wrapper > main > div > section {
          margin-top: 32px; }
  .Route-OnlineSelfService-EditPolicy > div.aside-wrapper {
    position: relative;
    flex-grow: 1; }
    .Route-OnlineSelfService-EditPolicy > div.aside-wrapper.confirmation {
      display: none; }
    @media (max-width: 970px) {
      .Route-OnlineSelfService-EditPolicy > div.aside-wrapper {
        display: none; }
        .Route-OnlineSelfService-EditPolicy > div.aside-wrapper.finalise {
          display: block;
          max-width: none;
          width: 50vw; } }
    @media (max-width: 650px) {
      .Route-OnlineSelfService-EditPolicy > div.aside-wrapper {
        display: none; } }
    .Route-OnlineSelfService-EditPolicy > div.aside-wrapper > div.background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      max-height: 100vh;
      background-position: top center;
      background-size: cover;
      background-repeat: no-repeat;
      -webkit-mask-image: linear-gradient(black 30%, transparent); }
    .Route-OnlineSelfService-EditPolicy > div.aside-wrapper > aside {
      position: relative;
      width: 33.33vw;
      max-width: 370px;
      margin-right: auto; }
      @media (max-width: 970px) {
        .Route-OnlineSelfService-EditPolicy > div.aside-wrapper > aside {
          display: block;
          max-width: none;
          width: 50vw;
          margin-right: unset; } }
      .Route-OnlineSelfService-EditPolicy > div.aside-wrapper > aside #sidebar {
        max-width: 370px; }

.OnlineSelfService-PolicySummary {
  margin-bottom: 24px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
  @media (max-width: 600px) {
    .OnlineSelfService-PolicySummary {
      box-shadow: none; }
      .OnlineSelfService-PolicySummary > .shared-FormCard > div.inner {
        flex-wrap: wrap;
        padding: 0 12px; }
        .OnlineSelfService-PolicySummary > .shared-FormCard > div.inner > svg {
          width: 40px;
          min-width: 40px;
          height: 40px;
          margin: 12px 0; }
        .OnlineSelfService-PolicySummary > .shared-FormCard > div.inner > div.left {
          flex-basis: 78%; }
          .OnlineSelfService-PolicySummary > .shared-FormCard > div.inner > div.left > ul {
            padding-bottom: 20px; }
        .OnlineSelfService-PolicySummary > .shared-FormCard > div.inner > div.right {
          position: relative;
          top: 0;
          right: 0;
          width: 100%;
          padding: 0 8px 14px 8px; }
          .OnlineSelfService-PolicySummary > .shared-FormCard > div.inner > div.right > a.poncho-btn-primary-reg {
            line-height: 32px;
            height: 32px; } }
  .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_link {
    margin-bottom: 8px; }
  .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background: white;
    border: 2px solid #e7e7e9;
    border-top: 1px solid #e7e7e9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
    .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li {
      margin-left: 24px; }
      .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li:first-child {
        margin-left: 0; }
      .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li > i {
        font-size: 20px;
        color: #6d6f78;
        margin-right: 4px; }
      .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li > p {
        height: 20px;
        color: #6d6f78;
        vertical-align: bottom;
        display: inline-block; }
    @media (max-width: 600px) {
      .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer {
        justify-content: space-evenly;
        align-items: stretch;
        border: 2px solid #e7e7e9; }
        .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          margin: 0px; }
          .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li:first-child {
            border-right: 2px solid #e7e7e9; }
          .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li:last-child {
            border-left: 2px solid #e7e7e9; }
          .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li > i.material-icons {
            color: #b6b7bc; }
          .OnlineSelfService-PolicySummary .OnlineSelfService-PolicySummary_footer > li > p.poncho-body > span {
            display: none; } }

li.Document {
  height: 72px;
  padding: 0 23px;
  display: flex;
  align-items: center; }
  li.Document > i {
    margin-right: 15px;
    color: #6d6f78; }
  li.Document > div.document-details {
    line-height: 1.43;
    font-weight: 400; }
  li.Document > a {
    margin-left: auto;
    font-weight: 400;
    text-decoration: none; }
  li.Document + li.Document {
    border-top: 1px solid #e7e7e9; }
  @media (max-width: 400px) {
    li.Document {
      height: auto;
      padding: 10px 20px; }
      li.Document > div.document-details > p.poncho-body {
        line-height: 20px; } }

.Documents .shared-FormContainer + .shared-FormContainer {
  margin-top: 27px; }

.PolicyDetails {
  font-weight: 400; }
  .PolicyDetails > div,
  .PolicyDetails > li {
    margin-bottom: 24px; }
    .PolicyDetails > div:last-child,
    .PolicyDetails > li:last-child {
      margin-bottom: 0; }

.YourPolicy {
  padding: 24px 32px;
  display: flex;
  font-weight: 400; }
  .YourPolicy .total-premium {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Rubik';
    background: #00b3a5;
    padding: 0 8px;
    height: 40px;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-top: 8px; }
    .YourPolicy .total-premium > p {
      display: inline-block;
      vertical-align: baseline;
      font-size: 33px;
      font-weight: 500;
      color: white; }
      .YourPolicy .total-premium > p > span {
        font-size: 24px; }
  .YourPolicy p.monthly-incl-gst-title {
    padding-bottom: 8px; }
  .YourPolicy div.left {
    width: 66.66%; }
  .YourPolicy div.right {
    flex-grow: 1;
    border-left: 1px solid #e7e7e9;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly; }
    .YourPolicy div.right div {
      text-align: right; }

li.Bill {
  height: 72px;
  padding: 0 23px;
  display: flex;
  align-items: center; }
  li.Bill > i {
    margin-right: 15px;
    color: #6d6f78; }
  li.Bill > div.document-details {
    line-height: 1.43;
    font-weight: 400; }
  li.Bill > button.pay-button {
    outline: none;
    background: none;
    border: none;
    padding: 0; }
  li.Bill > a,
  li.Bill button.pay-button {
    margin-left: auto;
    font-weight: 400;
    text-decoration: none; }
  li.Bill + li.Bill {
    border-top: 1px solid #e7e7e9; }

.OneTimePaymentModal {
  padding: 20px 23px; }
  .OneTimePaymentModal > ul.PriceBreakdown {
    margin-bottom: 25px; }

.braintree-upper-container {
  z-index: 1; }

.braintree-sheet {
  border-radius: 0; }

.braintree-sheet__content--form {
  background-color: #fafafc; }

.braintree-sheet__content--form
.braintree-form__field-group
.braintree-form__label {
  height: 20px;
  color: #0a091a;
  font-family: Rubik;
  font-size: 14px;
  line-height: 20px; }

.braintree-sheet__header .braintree-sheet__text {
  height: 24px;
  color: #0a091a;
  font-family: Rubik;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px; }

.braintree-sheet__content--form
.braintree-form__field-group
.braintree-form__field-error,
.braintree-sheet--has-error
.braintree-sheet__error
.braintree-sheet__error-text {
  color: #b82e30;
  font-family: Rubik;
  font-size: 12px;
  line-height: 20px; }

.braintree-div .poncho-btn-primary-reg {
  width: 100%; }

.braintree-sheet__container {
  margin: 0; }

.braintree-div .AlertMessage {
  margin-top: 15px; }

.braintree-div .hide {
  display: none; }

.braintree-div .braintree-placeholder {
  display: none; }

.braintree-div.read-only {
  padding: 0;
  pointer-events: none; }
  .braintree-div.read-only .braintree-heading,
  .braintree-div.read-only .braintree-toggle,
  .braintree-div.read-only .braintree-method__icon-container.braintree-method__check-container {
    display: none; }
  .braintree-div.read-only .braintree-method {
    border: none;
    padding: 21px 25px; }
  .braintree-div.read-only .braintree-method__label {
    font-weight: 400 !important; }
  .braintree-div.read-only .braintree-show-methods {
    z-index: 0; }

@media (max-width: 600px) {
  .Billing > li.shared-FormContainer > main > div.YourPolicy {
    padding: 16px 8px 16px 12px;
    flex-direction: column; }
    .Billing > li.shared-FormContainer > main > div.YourPolicy > div.left {
      width: 100%; }
    .Billing > li.shared-FormContainer > main > div.YourPolicy > div.right {
      border-left: 0px; }
      .Billing > li.shared-FormContainer > main > div.YourPolicy > div.right > div {
        display: flex;
        text-align: left;
        align-items: flex-start;
        flex-wrap: wrap; } }

.contact-us {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%; }
  .contact-us > div {
    display: flex;
    width: 100%; }
    .contact-us > div > div.main-wrapper {
      display: flex;
      justify-content: center;
      flex-grow: 1; }
      .contact-us > div > div.main-wrapper > main {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        height: 100%;
        max-width: 100vw;
        padding: 0 15px; }
        @media (min-width: 971px) {
          .contact-us > div > div.main-wrapper > main {
            margin-left: auto;
            padding-right: 30px;
            padding-left: 0px;
            width: 66.66vw;
            max-width: 770px; } }
        .contact-us > div > div.main-wrapper > main > div.shared-FormRouter {
          width: 610px;
          height: 100%;
          margin: auto; }
          .contact-us > div > div.main-wrapper > main > div.shared-FormRouter > section {
            margin-top: 32px; }
    .contact-us > div > div.aside-wrapper {
      position: relative;
      flex-grow: 1;
      margin-bottom: auto; }
      @media (max-width: 970px) {
        .contact-us > div > div.aside-wrapper {
          display: none; } }
      .contact-us > div > div.aside-wrapper > aside {
        width: 33.33vw;
        max-width: 370px;
        margin-right: auto;
        margin-top: 165px; }
        .contact-us > div > div.aside-wrapper > aside > h5 {
          margin-bottom: 11px; }
        .contact-us > div > div.aside-wrapper > aside > p {
          margin-bottom: 19px; }
          .contact-us > div > div.aside-wrapper > aside > p a {
            text-decoration: none; }
        .contact-us > div > div.aside-wrapper > aside ul.social-media {
          background-color: #e7e7e9;
          padding: 16px 22px;
          border-radius: 4px;
          margin-bottom: 30px; }