@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);.snackbar {
  bottom: 0;
  left: 0;
  position: fixed;
  text-align: center;
  z-index: 3;
  width: 100%; }
  .snackbar.snackbar--show {
    opacity: 1;
    visibility: visible; }
  .snackbar.snackbar--hide {
    opacity: 0;
    visibility: hidden; }

.snackbar__inner {
  background: black;
  color: white; }
:root .button {
  font-size: 0;
  text-align: center;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -moz-transition: background-color .5s, border-color .5s, transform .5s;
  -ms-transition: background-color .5s, border-color .5s, transform .5s;
  -webkit-transition: background-color .5s, border-color .5s, transform .5s;
  transition: background-color .5s, border-color .5s, transform .5s;
  background-color: #449933;
  background-color: var(--primary-colour);
  border: solid 1px #449933;
  border: solid 1px var(--primary-colour);
  border-radius: 5px;
  color: #f6f6f6;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  height: 48px;
  min-width: 158px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase; }
  :root .button:before,
  :root .button .button__label {
    display: inline-block;
    vertical-align: middle; }
  :root .button:before {
    content: '';
    height: 100%; }
  :root .button:hover, :root .button:active {
    background-color: #66c653;
    background-color: var(--secondary-colour);
    border-color: #66c653;
    border-color: var(--secondary-colour); }
  :root .button:focus {
    border-color: #336699; }
  :root .button:hover, :root .button:focus {
    animation-duration: .25s;
    animation-iteration-count: 2;
    animation-name: hover; }
  :root .button.button--is-busy {
    background-color: #66c653;
    background-color: var(--secondary-colour); }

:root .button__click {
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-name: burst;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  background-color: #fff;
  border-radius: 3px;
  clip-path: circle(25%);
  display: block;
  height: 200%;
  left: -50%;
  opacity: 1;
  position: absolute;
  top: -50%;
  width: 200%;
  z-index: -1; }

:root .button__loader,
:root .button__label {
  -moz-transition: opacity;
  -ms-transition: opacity;
  -webkit-transition: opacity;
  transition: opacity; }

:root .button__loader {
  opacity: 0;
  visibility: hidden;
  -moz-transition: opacity 0.25s, visibility 0.25s;
  -ms-transition: opacity 0.25s, visibility 0.25s;
  -webkit-transition: opacity 0.25s, visibility 0.25s;
  transition: opacity 0.25s, visibility 0.25s;
  bottom: 0;
  height: 40px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px; }
  .button--is-busy :root .button__loader {
    opacity: 1;
    visibility: visible;
    -moz-transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s;
    -ms-transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s;
    -webkit-transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s;
    transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s; }

:root .button__label {
  opacity: 1;
  visibility: visible;
  -moz-transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s;
  -ms-transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s;
  -webkit-transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s;
  transition: opacity 0.25s 0.25s, visibility 0.25s 0.25s; }
  .button--is-busy :root .button__label {
    opacity: 0;
    visibility: hidden;
    -moz-transition: opacity 0.25s, visibility 0.25s;
    -ms-transition: opacity 0.25s, visibility 0.25s;
    -webkit-transition: opacity 0.25s, visibility 0.25s;
    transition: opacity 0.25s, visibility 0.25s; }
:root .lang-switcher {
  border: 1px solid #fff;
  border-radius: 4px;
  font-size: 0;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 3; }
  :root .lang-switcher .lang-switcher__link {
    color: #fff; }
    :root .lang-switcher .lang-switcher__link.lang-switcher__link--active {
      color: #000;
      color: var(--primary-colour); }

:root .lang-switcher__link {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
  cursor: default;
  padding: 5px 10px;
  position: relative; }
  :root .lang-switcher__link:hover {
    animation-duration: .25s;
    animation-iteration-count: 2;
    animation-name: hover;
    cursor: pointer; }
  :root .lang-switcher__link.lang-switcher__link--active:before {
    background: #fff;
    content: '';
    height: 150%;
    left: -10%;
    position: absolute;
    top: -25%;
    width: 120%;
    z-index: -1; }
  :root .lang-switcher__link.lang-switcher__link--active:hover {
    animation: none; }
  :root .lang-switcher__link:first-child.lang-switcher__link--active:before {
    -moz-transform: rotateZ(15deg) translateX(-5px);
    -ms-transform: rotateZ(15deg) translateX(-5px);
    -webkit-transform: rotateZ(15deg) translateX(-5px);
    transform: rotateZ(15deg) translateX(-5px); }
  :root .lang-switcher__link:last-child.lang-switcher__link--active:before {
    -moz-transform: rotateZ(15deg) translateX(5px);
    -ms-transform: rotateZ(15deg) translateX(5px);
    -webkit-transform: rotateZ(15deg) translateX(5px);
    transform: rotateZ(15deg) translateX(5px); }
.ribbon {
  background: var(--primary-color);
  height: 110px; }
  @media only screen and (min-width: 768px) {
    .ribbon.ribbon--large {
      height: 190px; } }

.vcenter.ribbon__inner {
  text-align: left; }

.ribbon__text {
  font-size: 48px;
  font-size: 3rem;
  color: #fff;
  font-weight: 300;
  line-height: 1.1;
  margin: 0;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.25); }
.gradient {
  height: 18px;
  height: 1.125rem;
  width: 100%; }
.layout--broker {
  background: #fff; }
  .layout--broker .readMoreBox {
    margin: 24px 0 0 0; }
  .layout--broker .read-more-toggle {
    background: none;
    border: none;
    padding: 0;
    color: var(--secondary-colour) !important;
    cursor: pointer; }
  .layout--broker .whatCanYouDoBox {
    margin: 200px 0 120px 0;
    grid-column-start: 2;
    grid-column-end: 3;
    width: 100%; }
    .layout--broker .whatCanYouDoBox ul {
      display: grid;
      grid-template-columns: 1fr 1fr;
      row-gap: 30px;
      column-gap: 48px;
      margin: 0; }
  .layout--broker div.whatCanYouDoTitle {
    margin: 0 auto 64px auto;
    text-align: center; }

.reverse {
  flex-direction: row-reverse; }

.brokerOuterBox {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr); }
  @media only screen and (max-width: 1024px) {
    .brokerOuterBox {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.brokerInnerBox {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%; }

.summaryPreviewImgBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 0px;
  background-size: contain;
  max-width: 590px;
  width: 100%;
  height: 440px;
  border-radius: 16px;
  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  position: relative; }
  .summaryPreviewImgBox .iphoneSumBigSvg {
    margin: auto 0 0 0; }

.summaryPreviewImgAlone {
  grid-template-columns: 1fr; }

.downloadButton {
  border: none;
  background: none;
  padding: 0;
  width: fit-content;
  cursor: pointer; }

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease; }

/* The popup box */
.popup-content {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  width: 454px;
  height: 454px;
  padding: 20px;
  text-align: center; }

.summaryPreviewImgBoxBg {
  background: #F4F4F4; }

.summaryPreviewImg490Height {
  height: 490px; }

.iphoneMoreSecondSvg {
  margin: 0 0 60px 0; }

.iphoneMoreSvg {
  margin: 60px 0 0 0; }

.summaryPreviewBox {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 80px 0 160px 0;
  column-gap: 40px; }
  .summaryPreviewBox .summaryPreviewTextBox {
    max-width: 485px;
    display: flex;
    flex-direction: column;
    gap: 48px; }
    .summaryPreviewBox .summaryPreviewTextBox .summaryPreviewTextWrapper {
      padding: 0 0 0 32px;
      border-left: 4px solid rgba(43, 51, 66, 0.5); }
    .summaryPreviewBox .summaryPreviewTextBox .bodyM {
      margin: 24px 0 0 0; }
  .summaryPreviewBox svg {
    max-width: 585px; }

.summaryBox {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  margin: 0 0 120px 0;
  display: flex;
  width: 100%;
  justify-content: space-around; }
  .summaryBox .summaryItemBox {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center; }

.qrCodeBox {
  padding: 22px;
  border-radius: 16px;
  width: 414px;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  background: #FFF; }
  .qrCodeBox img {
    width: 370px;
    height: 370px; }

.qrCodeBrokerBox {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  padding: 96px 0; }
  .qrCodeBrokerBox .qrCodeBrokerTextBox {
    max-width: 440px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .qrCodeBrokerBox .qrCodeBrokerTextBox .qrCodeBrokerTextBoxLineLeft {
      border-left: 4px solid rgba(43, 51, 66, 0.5);
      padding: 0 0 0 32px; }
    .qrCodeBrokerBox .qrCodeBrokerTextBox .qrCodeBrokerTextBoxLineRight {
      border-right: 4px solid rgba(43, 51, 66, 0.5);
      padding: 0 32px 0 0; }
    .qrCodeBrokerBox .qrCodeBrokerTextBox div {
      text-align: left; }
    .qrCodeBrokerBox .qrCodeBrokerTextBox ul {
      margin: 24px 0 0 0;
      padding: 0 0 0 15px; }
      .qrCodeBrokerBox .qrCodeBrokerTextBox ul li .bodyM {
        color: rgba(43, 51, 66, 0.5); }

.appBrokerSectionDownloadButtons {
  margin: 32px 0 0 0; }

.appBrokerSectionBox {
  margin: 240px 0 0 0;
  padding: 0; }

.secondAppBrokerSection {
  flex-direction: row-reverse;
  margin-bottom: 160px; }

.brokerFeaturesOuterBox {
  background: #F4F4F4;
  margin: 120px 0; }

.brokerFeaturesBox {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  gap: 64px; }

.brokerFeaturesCardsBox {
  display: flex;
  width: 100%;
  gap: 10px;
  justify-content: space-between; }

.brokerFeaturesTitleBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  max-width: 840px;
  margin: 0 auto; }
  .brokerFeaturesTitleBox div.bodyM {
    text-align: center; }

.brokerFeatureCardBox {
  padding: 24px;
  background: #fff;
  display: flex;
  width: 275px;
  flex-direction: column;
  gap: 16px;
  align-items: start;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  border-radius: 8px; }

.brokerDownloadToolBox {
  padding: 120px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px; }
  .brokerDownloadToolBox div.m {
    max-width: 760px;
    text-align: center; }

.brokerFooterBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  width: 100%;
  background: #2B3342; }
  .brokerFooterBox .brokerSocials {
    margin: 0 0 24px 0;
    display: flex;
    gap: 8px; }
  .brokerFooterBox div.bodyS {
    color: white !important; }
  .brokerFooterBox .socialButton {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer; }

.hideOnDesktop {
  display: none; }

@media only screen and (max-width: 1024px) {
  .summaryPreviewBox {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0; }
    .summaryPreviewBox .summaryPreviewTextBox {
      max-width: 590px; }
    .summaryPreviewBox .summaryPreviewAppBox {
      flex-direction: column;
      width: fit-content;
      margin: 0 auto 32px; }
      .summaryPreviewBox .summaryPreviewAppBox img {
        width: revert-layer; }
  .layout--broker {
    background: #fff; }
    .layout--broker .whatCanYouDoBox {
      max-width: 590px;
      margin: 96px auto 48px auto; }
      .layout--broker .whatCanYouDoBox ul {
        grid-template-columns: 1fr; }
  .qrCodeBrokerTextBox {
    max-width: 590px !important; }
  .appBrokerSectionBox {
    flex-direction: column-reverse;
    align-items: center;
    margin: 64px 0 0 0;
    gap: 32px; }
  .summaryBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px; }
  .hideOnMobile {
    display: none; }
  .brokerFeaturesOuterBox {
    margin-top: 0; }
  .brokerFeaturesCardsBox {
    flex-direction: column;
    gap: 24px;
    align-items: center; } }

.desktopReadMore {
  display: block; }

.mobileReadMore {
  display: none; }

@media only screen and (max-width: 480px) {
  .summaryBox {
    grid-template-columns: 1fr; } }

@media only screen and (max-width: 1024px) {
  :root .brokerFooterBox {
    display: flex;
    gap: 48px; }
    :root .brokerFooterBox .expertHeaderButtonBox {
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-width: 340px;
      gap: 6px;
      margin: 28px auto 0 auto; }
    :root .brokerFooterBox .downloadAppMobile {
      display: flex;
      align-items: center;
      justify-content: center; }
      :root .brokerFooterBox .downloadAppMobile span {
        height: 100%; }
      :root .brokerFooterBox .downloadAppMobile button {
        height: 100%;
        padding: 12px 20px;
        text-align: center;
        width: 100%;
        border: none;
        font-family: Lato;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: -0.24px;
        border-radius: 8px;
        background: #2B3342;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
        color: white !important;
        cursor: pointer; }
    :root .brokerFooterBox .saveContact {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 12px 20px;
      width: 100%;
      background: none;
      cursor: pointer;
      border-radius: 8px;
      border: 1px solid white;
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
      color: white !important; }
    :root .brokerFooterBox div.brokerSocials {
      margin: 0; }
  .noBgImgMobile {
    background-image: none !important; }
  .desktopReadMore {
    display: none; }
  .mobileReadMore {
    display: block; } }
:root .newHeaderOuterBox {
  width: 100%;
  height: 80px;
  display: grid;
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr); }
  @media only screen and (max-width: 1024px) {
    :root .newHeaderOuterBox {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }
  :root .newHeaderOuterBox .newBrokerBox {
    display: flex;
    align-items: center;
    gap: 14px; }
    :root .newHeaderOuterBox .newBrokerBox .newBrokerImg {
      border-radius: 93px;
      border: 2px solid #FFF; }
  :root .newHeaderOuterBox .newHeaderInnerBox {
    grid-column-start: 2;
    grid-column-end: 3;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%; }
    :root .newHeaderOuterBox .newHeaderInnerBox .xxs {
      color: #fff; }
    :root .newHeaderOuterBox .newHeaderInnerBox img {
      height: 40px;
      border-radius: 93px;
      border: 2px solid #FFF; }
    :root .newHeaderOuterBox .newHeaderInnerBox .newLangSwitcher {
      display: flex;
      gap: 8px; }
      :root .newHeaderOuterBox .newHeaderInnerBox .newLangSwitcher a {
        font-size: 16px;
        font-family: "Lato", sans-serif;
        text-align: left;
        color: #2B3342;
        white-space: pre-line;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        /* 150% */
        letter-spacing: -0.24px;
        text-decoration: none;
        padding: 8px;
        border-radius: 8px; }
  @media only screen and (max-width: 1024px) {
    :root .newHeaderOuterBox {
      grid-template-columns: minmax(20px, 1fr) minmax(20px, 590px) minmax(20px, 1fr);
      height: 72px; }
      :root .newHeaderOuterBox .newBrokerBox {
        gap: 10px; }
      :root .newHeaderOuterBox .newHeaderInnerBox .xxs {
        font-size: 18px;
        font-family: "Lato", sans-serif;
        text-align: left;
        color: #2B3342;
        white-space: pre-line;
        font-style: normal;
        font-weight: 400;
        line-height: 27px;
        /* 142.857% */
        color: #fff; }
      :root .newHeaderOuterBox .newHeaderInnerBox .newLangSwitcher a {
        font-size: 14px;
        font-family: "Lato", sans-serif;
        text-align: left;
        color: #2B3342;
        white-space: pre-line;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: -0.2px;
        padding: 8px 12px; } }
.download-button {
  margin: 4px;
  margin: 0.25rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.download-button__img {
  display: block;
  width: 204px; }
.summaryPreviewAppBox {
  display: flex;
  gap: 16px;
  max-width: 356px; }
.brokerSocials {
  margin: 0 0 16px 0;
  display: flex;
  gap: 8px; }

.socialButton {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer; }
.layout--auth__content {
  padding-bottom: 96px;
  padding-bottom: 6rem;
  padding-top: 32px;
  padding-top: 2rem;
  background: #fff; }
  @media only screen and (min-width: 768px) {
    .layout--auth__content {
      padding-top: 64px;
      padding-top: 4rem; } }
  .layout--auth__content form {
    margin-top: -8px;
    margin-top: -0.5rem; }
:root .hr {
  background-color: #000;
  border: 0;
  height: 1px;
  margin: 1em 0;
  width: 100%; }
  :root .hr.hr--large {
    margin: 2em 0; }
:root .field {
  font-size: 16px;
  margin-bottom: .1em;
  min-width: 180px;
  max-width: 100%;
  overflow: visible;
  padding-bottom: 1.5em;
  position: relative;
  text-align: left;
  width: 100%; }
  @media only screen and (min-width: 480px) {
    :root .field {
      width: 300px; } }

:root .field__label {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  margin: .667em 0;
  -moz-transform: translate3d(6px, 34px, 0px) scale(1);
  -ms-transform: translate3d(6px, 34px, 0px) scale(1);
  -webkit-transform: translate3d(6px, 34px, 0px) scale(1);
  transform: translate3d(6px, 34px, 0px) scale(1);
  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -webkit-transform-origin: left;
  transform-origin: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-transition: all .5s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  -ms-transition: all .5s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  -webkit-transition: all .5s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  transition: all .5s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  display: block;
  margin: 0;
  position: relative;
  text-transform: capitalize;
  z-index: 3; }
  :root .field__label:last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 768px) {
    :root .field__label {
      -moz-transform: translate3d(8px, 42px, 0px) scale(1);
      -ms-transform: translate3d(8px, 42px, 0px) scale(1);
      -webkit-transform: translate3d(8px, 42px, 0px) scale(1);
      transform: translate3d(8px, 42px, 0px) scale(1); } }

:root .field--has-value .field__label,
:root .field--is-active .field__label {
  -moz-transform: translate3d(0px, 0px, 0px) scale(0.75);
  -ms-transform: translate3d(0px, 0px, 0px) scale(0.75);
  -webkit-transform: translate3d(0px, 0px, 0px) scale(0.75);
  transform: translate3d(0px, 0px, 0px) scale(0.75);
  font-weight: 400; }

:root .field__input__wrapper {
  -moz-transition: border-color .5s ease-out;
  -ms-transition: border-color .5s ease-out;
  -webkit-transition: border-color .5s ease-out;
  transition: border-color .5s ease-out;
  background: #fff;
  border: 1px solid #777;
  border-radius: 3px;
  width: 100%;
  z-index: 2; }

:root .field--is-active .field__input__wrapper {
  border-color: #336699; }

:root .field--is-touched .field__input__wrapper {
  border-color: #449933; }

:root .field--is-touched.field--has-warning .field__input__wrapper {
  border-color: #996633; }

:root .field--is-touched.field--has-error .field__input__wrapper {
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-name: shake;
  animation-timing-function: ease-out;
  animation-delay: 0s;
  border-color: #993344; }

:root .field__input {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  margin: .667em 0;
  padding-bottom: 16px;
  padding-bottom: 1rem;
  padding-top: 16px;
  padding-top: 1rem;
  padding-left: 8px;
  padding-left: 0.5rem;
  padding-right: 8px;
  padding-right: 0.5rem;
  height: 57px;
  height: 3.5625rem;
  border: 0;
  border-radius: 3px;
  margin: 0;
  width: 100%; }
  :root .field__input:last-child {
    margin-bottom: 0; }
  :root .field__input:focus {
    outline: none; }

:root .field__message {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  text-transform: capitalize; }

:root .field__message--success {
  color: #449933; }

:root .field__message--error {
  color: #993344; }

:root .field__message--warning {
  color: #996633; }
.expertHeaderOuter {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr); }
  @media only screen and (max-width: 1024px) {
    .expertHeaderOuter {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.read-more-toggle {
  background: none;
  border: none;
  padding: 0;
  color: var(--secondary-colour) !important;
  cursor: pointer; }

.expertHeaderInner {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  margin: 80px 0 112px 0;
  display: flex;
  justify-content: space-between; }

.expertHeaderRolesBox {
  display: flex;
  gap: 5px; }
  .expertHeaderRolesBox .bodyM:not(:last-child) {
    border-right: 1px solid #D1D5DB;
    padding-right: 8px;
    margin-right: 8px; }

.expertHeaderLeftBox {
  max-width: 485px; }
  .expertHeaderLeftBox .expertHeaderTextBox {
    display: flex;
    flex-direction: column;
    color: #374151;
    padding: 0 0 0 32px;
    border-left: 4px solid rgba(43, 51, 66, 0.5);
    margin: 0 0 32px 0; }
    .expertHeaderLeftBox .expertHeaderTextBox .starsDesktopBox {
      display: flex;
      gap: 8px;
      margin: 12px 0 0 0; }
    .expertHeaderLeftBox .expertHeaderTextBox .bodyL {
      margin: 12px 0; }
    .expertHeaderLeftBox .expertHeaderTextBox .brokerSocials {
      margin: 0; }
    .expertHeaderLeftBox .expertHeaderTextBox .h16 {
      color: #2B3342;
      font-feature-settings: 'liga' off, 'clig' off;
      font-family: Lato;
      font-size: 24px;
      font-style: normal;
      font-weight: 600;
      line-height: 28px;
      /* 116.667% */
      letter-spacing: -0.24px;
      margin: 12px 0; }
  .expertHeaderLeftBox .expertHeaderContactBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    margin: 20px 0;
    gap: 5px; }
    .expertHeaderLeftBox .expertHeaderContactBox .expertHeaderContactLabel {
      display: flex;
      gap: 8px;
      align-items: center; }
      .expertHeaderLeftBox .expertHeaderContactBox .expertHeaderContactLabel.phone {
        grid-column: 1; }
      .expertHeaderLeftBox .expertHeaderContactBox .expertHeaderContactLabel.mail {
        grid-column: 1; }
      .expertHeaderLeftBox .expertHeaderContactBox .expertHeaderContactLabel a {
        text-decoration: none;
        color: #374151; }

.expertHeaderRightBox {
  max-width: 590px;
  margin: 0 0 0 auto;
  position: relative; }
  .expertHeaderRightBox .mortgageImg {
    border-radius: 181.215px;
    border: 8px solid var(--UI-Inverse, #FFF);
    box-shadow: -3.624px -1.812px 21.112px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
    width: 180px;
    height: 180px;
    top: -25px;
    left: -25px; }

.rating_box {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0 auto; }
  .rating_box .star_box {
    display: flex;
    gap: 4px; }

@media only screen and (max-width: 1024px) {
  .contactsText {
    margin: 32px 0 28px 0; }
  .socialText {
    margin: 0 0 24px 0; }
  .expertHeaderInner {
    flex-direction: column;
    gap: 0;
    margin: 20px 0 68px 0;
    padding: 0 0 32px 0;
    border-bottom: 2px solid #2B3342; }
  .expertHeaderLeftBox .expertHeaderTextBox {
    padding: 0;
    margin: 0;
    border-left: none; }
  .expertHeaderLeftBox .expertHeaderContactBox {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    gap: 16px;
    margin: 0 0 32px 0; } }

.expertHeaderTopBoxMobile {
  position: relative;
  width: 100%;
  padding: 20px 16.5px;
  border-radius: 16px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: start;
  min-height: 228px; }
  .expertHeaderTopBoxMobile .bodyS {
    margin: 0 auto 6px auto; }
  .expertHeaderTopBoxMobile .xs {
    margin: 24px auto 6px auto; }
  .expertHeaderTopBoxMobile .expertHeaderButtonBox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 340px;
    gap: 6px;
    margin: 28px auto 0 auto; }
  .expertHeaderTopBoxMobile .downloadAppMobile {
    display: flex;
    align-items: center;
    justify-content: center; }
    .expertHeaderTopBoxMobile .downloadAppMobile span {
      height: 100%; }
    .expertHeaderTopBoxMobile .downloadAppMobile button {
      height: 100%;
      padding: 12px 20px;
      text-align: center;
      width: 100%;
      border: none;
      font-family: Lato;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: 27px;
      letter-spacing: -0.24px;
      border-radius: 8px;
      background: var(--primary-colour);
      box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
      color: white !important;
      cursor: pointer; }
  .expertHeaderTopBoxMobile .saveContact {
    text-align: center !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    width: 100%;
    background: none;
    cursor: pointer;
    border-radius: 8px;
    color: var(--primary-colour) !important;
    border: 1px solid var(--primary-colour);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04); }
  .expertHeaderTopBoxMobile .avatarSmallImgBox {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 260px;
    width: 260px;
    background: var(--primary-colour);
    border-radius: 80px 9px;
    border: 3px solid var(--primary-colour); }
  .expertHeaderTopBoxMobile .avatar__small-img {
    position: absolute;
    top: 24px;
    left: 16px;
    height: 260px;
    width: 260px;
    border-radius: 80px 9px;
    border: 3px solid #FFF !important;
    background: var(--primary-colour); }

.desktopHeader {
  display: block; }

.mobileHeader {
  display: none; }

@media only screen and (max-width: 1024px) {
  .desktopHeader {
    display: none; }
  .expertHeaderRolesBox {
    margin: 0 auto; }
  .mobileHeader {
    display: block;
    background: #fff; } }
.imgBox {
  position: relative;
  width: 450px;
  /* Adjust width */
  height: 450px;
  /* Adjust height */ }

.instaBlurBox {
  position: relative;
  width: 450px;
  /* Adjust width */
  height: 450px;
  /* Adjust height */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 160px 32px;
  overflow: hidden;
  background: var(--primary-colour); }

.avatar-img {
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 126px;
  border-radius: 200px;
  border: 6px solid #FFF !important;
  z-index: 2; }

.primaryBg {
  background: var(--primary-colour); }
:root .layout--expert {
  background: #f6f6f6; }

:root .expert__main {
  min-height: 100vh;
  padding-bottom: 20px;
  position: relative;
  z-index: 1; }

:root .expert__info .h1 {
  text-transform: none; }

:root .accordionExpertBox {
  padding: 120px 0;
  background: white; }
  :root .accordionExpertBox .accordionExpertBoxTitle {
    margin: 0 0 64px 0;
    text-align: center; }

:root .brokerFooterBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  width: 100%; }
  :root .brokerFooterBox .brokerSocials {
    margin: 0 0 16px 0;
    display: flex;
    gap: 8px; }
  :root .brokerFooterBox div.bodyS {
    color: rgba(43, 51, 66, 0.5); }
    :root .brokerFooterBox div.bodyS a {
      color: white;
      text-decoration: underline; }
  :root .brokerFooterBox .socialButton {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer; }

:root .mobileFooter {
  display: none; }

:root .web-calculator-container {
  padding: 64px 0 32px;
  background-color: white;
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr); }

@media only screen and (max-width: 1024px) {
  :root .noBgImgMobile {
    background-image: none !important; }
  :root .mobileFooter {
    display: none;
    flex-direction: column;
    align-items: center; }
    :root .mobileFooter .summaryPreviewAppBox {
      margin: 24px 0 48px 0;
      flex-direction: column;
      width: 170px; }
    :root .mobileFooter .xxs {
      color: white; }
  :root .web-calculator-container {
    padding: 0 0 32px; } }
.toolBoxPreviewOuter {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr);
  background: #fff; }
  @media only screen and (max-width: 1024px) {
    .toolBoxPreviewOuter {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.toolBoxPreviewInner {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  padding: 120px 0 200px 0;
  background: #fff;
  display: flex;
  justify-content: space-between; }

.toolBoxPreviewImgBox {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 16px;
  max-width: 590px;
  height: 480px;
  box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden; }

.toolBoxPreviewTextBox {
  max-width: 560px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  justify-content: center; }
  .toolBoxPreviewTextBox .toolBoxPreviewTextBoxBorder {
    padding: 0 32px 0 0;
    max-width: 412px;
    border-right: 4px solid rgba(43, 51, 66, 0.5); }
    .toolBoxPreviewTextBox .toolBoxPreviewTextBoxBorder .m {
      margin: 0 0 24px 0; }

@media only screen and (max-width: 1024px) {
  .toolBoxPreviewInner {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 96px 0; }
  .toolBoxPreviewTextBox {
    gap: 24px; }
    .toolBoxPreviewTextBox .toolBoxPreviewTextBoxBorder {
      max-width: 590px;
      border-left: 4px solid rgba(43, 51, 66, 0.5);
      border-right: none;
      padding: 0 0 0 32px; }
      .toolBoxPreviewTextBox .toolBoxPreviewTextBoxBorder .m {
        font-size: 40px;
        font-family: "Lato", sans-serif;
        text-align: left;
        color: #2B3342;
        white-space: pre-line;
        font-style: normal;
        font-weight: 800;
        line-height: 44px;
        /* 110% */
        letter-spacing: -0.6px; } }
.qrCoderExpertOuter {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr); }
  @media only screen and (max-width: 1024px) {
    .qrCoderExpertOuter {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.qrCoderExpertInner {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  padding: 120px 0;
  display: flex;
  align-items: center;
  justify-content: space-around; }

.qrCoderExpertBox {
  background: #FFF;
  padding: 22px;
  border-radius: 16px;
  width: 414px;
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.1); }
  .qrCoderExpertBox img {
    width: 370px;
    height: 370px; }

.qrCoderExpertTextBox {
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: center;
  padding: 0 0 0 32px;
  border-left: 4px solid rgba(43, 51, 66, 0.5); }

@media only screen and (max-width: 1024px) {
  .qrCoderExpertOuter {
    display: none; } }
.toolBoxBulletsOuter {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr);
  background: #fff; }
  @media only screen and (max-width: 1024px) {
    .toolBoxBulletsOuter {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.toolBoxBulletsInner {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  padding: 120px 0 228px 0;
  background: #fff;
  display: flex;
  justify-content: space-between; }

.toolBoxBulletsTextBox {
  max-width: 630px;
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: center; }

.toolBoxBulletsContainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px; }
  .toolBoxBulletsContainer .toolBoxBullet {
    display: flex;
    gap: 10px; }
    .toolBoxBulletsContainer .toolBoxBullet svg {
      min-width: 24px; }

@media only screen and (max-width: 1024px) {
  .toolBoxBulletsInner {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding-top: 0;
    padding-bottom: 96px; }
  :root .toolBoxBulletsTextBox {
    gap: 32px; }
    :root .toolBoxBulletsTextBox .m {
      font-size: 40px;
      font-family: "Lato", sans-serif;
      text-align: left;
      color: #2B3342;
      white-space: pre-line;
      font-style: normal;
      font-weight: 800;
      line-height: 44px;
      /* 110% */
      letter-spacing: -0.6px;
      border-left: 4px solid rgba(43, 51, 66, 0.5);
      padding: 0 0 0 32px; }
  .toolBoxBulletsContainer {
    grid-template-columns: 1fr;
    gap: 24px; } }
.downloadItBox {
  display: flex;
  flex-direction: column;
  gap: 38px;
  align-items: center;
  justify-content: center;
  height: 706px;
  width: 100%; }
  .downloadItBox div.xl {
    text-align: center;
    max-width: 700px; }
  .downloadItBox .downloadItQrImg {
    border-radius: 7.236px;
    background: var(--UI-Inverse, #FFF);
    box-shadow: 0px 1.809px 2.714px -0.905px rgba(0, 0, 0, 0.05), 0px 4.523px 6.784px -1.357px rgba(0, 0, 0, 0.1);
    width: 249px;
    height: 249px;
    overflow: hidden;
    padding: 18px; }
    .downloadItBox .downloadItQrImg img {
      width: 100%; }

@media only screen and (max-width: 1024px) {
  .downloadItBox div.xl {
    font-size: 32px;
    line-height: 1.2;
    max-width: 90%; } }
.testimonialsOuter {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr);
  background: #fff; }
  @media only screen and (max-width: 1024px) {
    .testimonialsOuter {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.popupTestimonial {
  width: 580px;
  height: 600px;
  padding: 24px 24px 24px 32px;
  border-radius: 16px;
  background: #F1F1F1;
  display: flex;
  flex-direction: column; }
  .popupTestimonial .closeButton {
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
    margin: 0 0 0 auto; }
  .popupTestimonial .authorDataBoxPopup {
    margin: 10px 0 32px 0; }
  .popupTestimonial .popupReviewBox {
    width: 100%;
    height: 330px;
    overflow: auto; }
  .popupTestimonial .buttons {
    display: flex;
    gap: 5px;
    margin: 25px auto 0 auto; }
    .popupTestimonial .buttons button {
      background: none !important;
      border: none;
      cursor: pointer; }

.testimonialsInner {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  padding: 0 0 96px 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .testimonialsInner .buttons {
    display: flex;
    gap: 5px;
    margin: 25px auto 0 auto; }
    .testimonialsInner .buttons button {
      background: none !important;
      border: none;
      cursor: pointer; }
  .testimonialsInner div.xl {
    text-align: center;
    margin: 0 0 80px 0; }

.testimonialsBox {
  display: flex;
  gap: 40px;
  overflow: hidden; }

.testimonialEntity {
  flex-grow: 1;
  flex-basis: 0;
  cursor: pointer;
  padding: 48px;
  border-radius: 16px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  background-size: cover;
  min-width: 480px;
  background: #F4F4F4;
  display: flex;
  flex-direction: column;
  gap: 24px; }
  .testimonialEntity .testimonial {
    display: -webkit-box;
    /* Use a flexible box model */
    -webkit-box-orient: vertical;
    /* Set the box orientation to vertical */
    overflow: hidden;
    /* Hide overflowing content */
    text-overflow: ellipsis;
    /* Add ellipsis to the truncated text */
    -webkit-line-clamp: 6;
    /* Limit to 3 lines (adjust as needed) */
    height: calc(24px * 6); }
  .testimonialEntity .showMore {
    background: none;
    border: none;
    padding: 0;
    color: var(--secondary-colour) !important;
    cursor: pointer;
    width: fit-content; }

.testimonialStarBox {
  display: flex;
  gap: 8px; }

.authorDataBox {
  display: flex;
  justify-content: space-between; }
  .authorDataBox img {
    border-radius: 100px;
    border: 1px solid var(--Black-8, rgba(0, 0, 0, 0.08));
    width: 48px;
    height: 48px; }
  .authorDataBox .authorTextBox .bodyS {
    color: rgba(43, 51, 66, 0.5); }

@media only screen and (max-width: 1024px) {
  .testimonialsBox {
    display: flex;
    gap: 40px;
    overflow: hidden; }
  .testimonialEntity {
    box-shadow: none;
    min-width: -webkit-fill-available; }
  .testimonialsInner {
    max-width: 480px;
    margin: 0 auto; }
  .testimonialsInner div.xl {
    font-size: 40px;
    font-family: "Lato", sans-serif;
    text-align: left;
    color: #2B3342;
    white-space: pre-line;
    font-style: normal;
    font-weight: 800;
    line-height: 44px;
    /* 110% */
    letter-spacing: -0.6px;
    text-align: center;
    margin: 0 0 32px 0; } }
.aboutOuter {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr);
  background: #fff; }
  @media only screen and (max-width: 1024px) {
    .aboutOuter {
      grid-template-columns: minmax(24px, 1fr) minmax(24px, 590px) minmax(24px, 1fr); } }

.aboutInner {
  grid-column-start: 2;
  grid-column-end: 3;
  width: 100%;
  padding: 120px 0 0 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px; }
  .aboutInner .bodyS {
    color: #2B3342; }

.saveContactButton {
  border-radius: 8px;
  background: #2B3342;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.04);
  padding: 12px;
  color: white !important;
  cursor: pointer; }

@media only screen and (max-width: 1024px) {
  .aboutInner {
    max-width: 590px;
    margin: 0 auto;
    padding: 0;
    gap: 32px; } }
.layout--error__content {
  padding-bottom: 96px;
  padding-bottom: 6rem;
  padding-top: 64px;
  padding-top: 4rem;
  background: #fff; }
@keyframes shake{0%{transform:translateX(0px)}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-7px)}80%{transform:translateX(7px)}100%{transform:translateX(0px)}}@keyframes hover{0%{transform:translateY(0)}50%{transform:translateY(-3px)}100%{transform:translateY(0)}}@keyframes burst{0%{opacity:.3;transform:scale(0)}100%{opacity:0;transform:scale(1)}}/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */:root{line-height:1.15;-webkit-text-size-adjust:100%}:root body{margin:0}:root h1{font-size:2em;margin:0.67em 0}:root hr{box-sizing:content-box;height:0;overflow:visible}:root pre{font-family:monospace, monospace;font-size:1em}:root a{background-color:transparent}:root abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}:root b,:root strong{font-weight:bolder}:root code,:root kbd,:root samp{font-family:monospace, monospace;font-size:1em}:root small{font-size:80%}:root sub,:root sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}:root sub{bottom:-0.25em}:root sup{top:-0.5em}:root img{border-style:none}:root button,:root input,:root optgroup,:root select,:root textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}:root button,:root input{overflow:visible}:root button,:root select{text-transform:none}:root button,:root [type="button"],:root [type="reset"],:root [type="submit"]{-webkit-appearance:button}:root button::-moz-focus-inner,:root [type="button"]::-moz-focus-inner,:root [type="reset"]::-moz-focus-inner,:root [type="submit"]::-moz-focus-inner{border-style:none;padding:0}:root button:-moz-focusring,:root [type="button"]:-moz-focusring,:root [type="reset"]:-moz-focusring,:root [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}:root fieldset{padding:0.35em 0.75em 0.625em}:root legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}:root progress{vertical-align:baseline}:root textarea{overflow:auto}:root [type="checkbox"],:root [type="radio"]{box-sizing:border-box;padding:0}:root [type="number"]::-webkit-inner-spin-button,:root [type="number"]::-webkit-outer-spin-button{height:auto}:root [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}:root [type="search"]::-webkit-search-decoration{-webkit-appearance:none}:root ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:root details{display:block}:root summary{display:list-item}:root template{display:none}:root [hidden]{display:none}:root,:root body{height:100%}:root img{display:block;max-width:100%;width:auto}:root button,:root button:hover,:root button:focus,:root button:active{appearance:none;box-shadow:none;outline:none}:root video{max-width:100%}:root .clearfix:after{clear:both;content:'';display:block;height:0}:root .fill{height:100%;left:0;position:absolute;top:0;width:100%}:root .fill-height{height:100%}:root .ib{display:inline-block;vertical-align:middle}:root .vcenter{font-size:0;text-align:center}:root .vcenter:before,:root .vcenter .vcenteree{display:inline-block;vertical-align:middle}:root .vcenter:before{content:'';height:100%}:root .vcenter.fill{position:absolute}:root .square{display:block;height:0;padding-top:100%;position:relative;width:100%}:root .ratio-2-1{display:block;height:0;padding-top:50%;position:relative;width:100%}:root .ratio-3-2{display:block;height:0;padding-top:66.66667%;position:relative;width:100%}:root .ratio-4-3{display:block;height:0;padding-top:66.66667%;position:relative;width:100%}:root .ratio-1-2{display:block;height:0;padding-top:200%;position:relative;width:100%}:root .ratio-2-3{display:block;height:0;padding-top:150%;position:relative;width:100%}:root .ratio-3-4{display:block;height:0;padding-top:150%;position:relative;width:100%}:root .ratio-16-9{display:block;height:0;padding-top:56.25%;position:relative;width:100%}:root .rel{position:relative}:root .left{float:left !important}:root .right{float:right !important}@media only screen and (min-width: 480px){:root .smallest-only{display:none !important}}@media only screen and (min-width: 768px){:root .small-down{display:none !important}}@media only screen and (min-width: 1024px){:root .medium-down{display:none !important}}@media only screen and (min-width: 1470px){:root .large-down{display:none !important}}:root .small-up{display:none !important}@media only screen and (min-width: 768px){:root .small-up{display:inherit !important}}:root .medium-up{display:none !important}@media only screen and (min-width: 768px){:root .medium-up{display:inherit !important}}:root .large-up{display:none !important}@media only screen and (min-width: 1024px){:root .large-up{display:inherit !important}}:root .largest-up{display:none !important}@media only screen and (min-width: 1470px){:root .largest-up{display:inherit !important}}:root *,:root *:before,:root *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root .row{display:block;font-size:0;margin-left:-16px;margin-right:-16px;position:relative}:root .row:after{clear:both;content:'';display:block;height:0}:root .row.vcenter:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}:root .row.vcenter:after{content:'';display:none}:root .col-1,:root .col-2,:root .col-3,:root .col-4,:root .col-5,:root .col-6,:root .col-7,:root .col-8,:root .col-9,:root .col-10,:root .col-11,:root .col-12,:root .col-1-2,:root .col-1-3,:root .col-2-3,:root .col-1-4,:root .col-3-4,:root .col-1-5,:root .col-2-5,:root .col-3-5,:root .col-4-5{float:left;padding-left:16px;padding-right:16px}:root .col-1.ib,:root .col-2.ib,:root .col-3.ib,:root .col-4.ib,:root .col-5.ib,:root .col-6.ib,:root .col-7.ib,:root .col-8.ib,:root .col-9.ib,:root .col-10.ib,:root .col-11.ib,:root .col-12.ib,:root .col-1-2.ib,:root .col-1-3.ib,:root .col-2-3.ib,:root .col-1-4.ib,:root .col-3-4.ib,:root .col-1-5.ib,:root .col-2-5.ib,:root .col-3-5.ib,:root .col-4-5.ib{display:inline-block;vertical-align:middle;float:none}:root .col-0{width:0%}:root .push-0{margin-left:0%}:root .push-0.ib{left:0%;margin-left:0;position:relative}:root .pull-0{margin-left:-0%}:root .pull-0.ib{left:-0%;margin-left:0;position:relative}:root .col-1{width:8.33333%}:root .push-1{margin-left:8.33333%}:root .push-1.ib{left:8.33333%;margin-left:0;position:relative}:root .pull-1{margin-left:-8.33333%}:root .pull-1.ib{left:-8.33333%;margin-left:0;position:relative}:root .col-2{width:16.66667%}:root .push-2{margin-left:16.66667%}:root .push-2.ib{left:16.66667%;margin-left:0;position:relative}:root .pull-2{margin-left:-16.66667%}:root .pull-2.ib{left:-16.66667%;margin-left:0;position:relative}:root .col-3{width:25%}:root .push-3{margin-left:25%}:root .push-3.ib{left:25%;margin-left:0;position:relative}:root .pull-3{margin-left:-25%}:root .pull-3.ib{left:-25%;margin-left:0;position:relative}:root .col-4{width:33.33333%}:root .push-4{margin-left:33.33333%}:root .push-4.ib{left:33.33333%;margin-left:0;position:relative}:root .pull-4{margin-left:-33.33333%}:root .pull-4.ib{left:-33.33333%;margin-left:0;position:relative}:root .col-5{width:41.66667%}:root .push-5{margin-left:41.66667%}:root .push-5.ib{left:41.66667%;margin-left:0;position:relative}:root .pull-5{margin-left:-41.66667%}:root .pull-5.ib{left:-41.66667%;margin-left:0;position:relative}:root .col-6{width:50%}:root .push-6{margin-left:50%}:root .push-6.ib{left:50%;margin-left:0;position:relative}:root .pull-6{margin-left:-50%}:root .pull-6.ib{left:-50%;margin-left:0;position:relative}:root .col-7{width:58.33333%}:root .push-7{margin-left:58.33333%}:root .push-7.ib{left:58.33333%;margin-left:0;position:relative}:root .pull-7{margin-left:-58.33333%}:root .pull-7.ib{left:-58.33333%;margin-left:0;position:relative}:root .col-8{width:66.66667%}:root .push-8{margin-left:66.66667%}:root .push-8.ib{left:66.66667%;margin-left:0;position:relative}:root .pull-8{margin-left:-66.66667%}:root .pull-8.ib{left:-66.66667%;margin-left:0;position:relative}:root .col-9{width:75%}:root .push-9{margin-left:75%}:root .push-9.ib{left:75%;margin-left:0;position:relative}:root .pull-9{margin-left:-75%}:root .pull-9.ib{left:-75%;margin-left:0;position:relative}:root .col-10{width:83.33333%}:root .push-10{margin-left:83.33333%}:root .push-10.ib{left:83.33333%;margin-left:0;position:relative}:root .pull-10{margin-left:-83.33333%}:root .pull-10.ib{left:-83.33333%;margin-left:0;position:relative}:root .col-11{width:91.66667%}:root .push-11{margin-left:91.66667%}:root .push-11.ib{left:91.66667%;margin-left:0;position:relative}:root .pull-11{margin-left:-91.66667%}:root .pull-11.ib{left:-91.66667%;margin-left:0;position:relative}:root .col-12{width:100%}:root .push-12{margin-left:100%}:root .push-12.ib{left:100%;margin-left:0;position:relative}:root .pull-12{margin-left:-100%}:root .pull-12.ib{left:-100%;margin-left:0;position:relative}:root .col-1-2{width:50%}:root .col-1-3{width:33.33333%}:root .col-2-3{width:66.66667%}:root .col-1-4{width:25%}:root .col-3-4{width:75%}:root .col-1-5{width:20%}:root .col-2-5{width:40%}:root .col-3-5{width:60%}:root .col-4-5{width:80%}:root .col-full{width:100%}:root .push-1-2{margin-left:50%}:root .push-1-3{margin-left:33.33333%}:root .push-2-3{margin-left:66.66667%}:root .push-1-4{margin-left:25%}:root .push-3-4{margin-left:75%}:root .push-1-5{margin-left:20%}:root .push-2-5{margin-left:40%}:root .push-3-5{margin-left:60%}:root .push-4-5{margin-left:80%}@media only screen and (min-width: 480px){:root .row-s{display:block;font-size:0;margin-left:-16px;margin-right:-16px;position:relative}:root .row-s:after{clear:both;content:'';display:block;height:0}:root .row-s.vcenter:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}:root .row-s.vcenter:after{content:'';display:none}:root .col-1-s,:root .col-2-s,:root .col-3-s,:root .col-4-s,:root .col-5-s,:root .col-6-s,:root .col-7-s,:root .col-8-s,:root .col-9-s,:root .col-10-s,:root .col-11-s,:root .col-12-s,:root .col-1-2-s,:root .col-1-3-s,:root .col-2-3-s,:root .col-1-4-s,:root .col-3-4-s,:root .col-1-5-s,:root .col-2-5-s,:root .col-3-5-s,:root .col-4-5-s{float:left;padding-left:16px;padding-right:16px}:root .col-1-s.ib,:root .col-2-s.ib,:root .col-3-s.ib,:root .col-4-s.ib,:root .col-5-s.ib,:root .col-6-s.ib,:root .col-7-s.ib,:root .col-8-s.ib,:root .col-9-s.ib,:root .col-10-s.ib,:root .col-11-s.ib,:root .col-12-s.ib,:root .col-1-2-s.ib,:root .col-1-3-s.ib,:root .col-2-3-s.ib,:root .col-1-4-s.ib,:root .col-3-4-s.ib,:root .col-1-5-s.ib,:root .col-2-5-s.ib,:root .col-3-5-s.ib,:root .col-4-5-s.ib{display:inline-block;vertical-align:middle;float:none}:root .col-0-s{width:0%}:root .push-0-s{margin-left:0%}:root .push-0-s.ib{left:0%;margin-left:0;position:relative}:root .pull-0-s{margin-left:-0%}:root .pull-0-s.ib{left:-0%;margin-left:0;position:relative}:root .col-1-s{width:8.33333%}:root .push-1-s{margin-left:8.33333%}:root .push-1-s.ib{left:8.33333%;margin-left:0;position:relative}:root .pull-1-s{margin-left:-8.33333%}:root .pull-1-s.ib{left:-8.33333%;margin-left:0;position:relative}:root .col-2-s{width:16.66667%}:root .push-2-s{margin-left:16.66667%}:root .push-2-s.ib{left:16.66667%;margin-left:0;position:relative}:root .pull-2-s{margin-left:-16.66667%}:root .pull-2-s.ib{left:-16.66667%;margin-left:0;position:relative}:root .col-3-s{width:25%}:root .push-3-s{margin-left:25%}:root .push-3-s.ib{left:25%;margin-left:0;position:relative}:root .pull-3-s{margin-left:-25%}:root .pull-3-s.ib{left:-25%;margin-left:0;position:relative}:root .col-4-s{width:33.33333%}:root .push-4-s{margin-left:33.33333%}:root .push-4-s.ib{left:33.33333%;margin-left:0;position:relative}:root .pull-4-s{margin-left:-33.33333%}:root .pull-4-s.ib{left:-33.33333%;margin-left:0;position:relative}:root .col-5-s{width:41.66667%}:root .push-5-s{margin-left:41.66667%}:root .push-5-s.ib{left:41.66667%;margin-left:0;position:relative}:root .pull-5-s{margin-left:-41.66667%}:root .pull-5-s.ib{left:-41.66667%;margin-left:0;position:relative}:root .col-6-s{width:50%}:root .push-6-s{margin-left:50%}:root .push-6-s.ib{left:50%;margin-left:0;position:relative}:root .pull-6-s{margin-left:-50%}:root .pull-6-s.ib{left:-50%;margin-left:0;position:relative}:root .col-7-s{width:58.33333%}:root .push-7-s{margin-left:58.33333%}:root .push-7-s.ib{left:58.33333%;margin-left:0;position:relative}:root .pull-7-s{margin-left:-58.33333%}:root .pull-7-s.ib{left:-58.33333%;margin-left:0;position:relative}:root .col-8-s{width:66.66667%}:root .push-8-s{margin-left:66.66667%}:root .push-8-s.ib{left:66.66667%;margin-left:0;position:relative}:root .pull-8-s{margin-left:-66.66667%}:root .pull-8-s.ib{left:-66.66667%;margin-left:0;position:relative}:root .col-9-s{width:75%}:root .push-9-s{margin-left:75%}:root .push-9-s.ib{left:75%;margin-left:0;position:relative}:root .pull-9-s{margin-left:-75%}:root .pull-9-s.ib{left:-75%;margin-left:0;position:relative}:root .col-10-s{width:83.33333%}:root .push-10-s{margin-left:83.33333%}:root .push-10-s.ib{left:83.33333%;margin-left:0;position:relative}:root .pull-10-s{margin-left:-83.33333%}:root .pull-10-s.ib{left:-83.33333%;margin-left:0;position:relative}:root .col-11-s{width:91.66667%}:root .push-11-s{margin-left:91.66667%}:root .push-11-s.ib{left:91.66667%;margin-left:0;position:relative}:root .pull-11-s{margin-left:-91.66667%}:root .pull-11-s.ib{left:-91.66667%;margin-left:0;position:relative}:root .col-12-s{width:100%}:root .push-12-s{margin-left:100%}:root .push-12-s.ib{left:100%;margin-left:0;position:relative}:root .pull-12-s{margin-left:-100%}:root .pull-12-s.ib{left:-100%;margin-left:0;position:relative}:root .col-1-2-s{width:50%}:root .col-1-3-s{width:33.33333%}:root .col-2-3-s{width:66.66667%}:root .col-1-4-s{width:25%}:root .col-3-4-s{width:75%}:root .col-1-5-s{width:20%}:root .col-2-5-s{width:40%}:root .col-3-5-s{width:60%}:root .col-4-5-s{width:80%}:root .col-full-s{width:100%}:root .push-1-2-s{margin-left:50%}:root .push-1-3-s{margin-left:33.33333%}:root .push-2-3-s{margin-left:66.66667%}:root .push-1-4-s{margin-left:25%}:root .push-3-4-s{margin-left:75%}:root .push-1-5-s{margin-left:20%}:root .push-2-5-s{margin-left:40%}:root .push-3-5-s{margin-left:60%}:root .push-4-5-s{margin-left:80%}}@media only screen and (min-width: 768px){:root .row-m{display:block;font-size:0;margin-left:-16px;margin-right:-16px;position:relative}:root .row-m:after{clear:both;content:'';display:block;height:0}:root .row-m.vcenter:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}:root .row-m.vcenter:after{content:'';display:none}:root .col-1-m,:root .col-2-m,:root .col-3-m,:root .col-4-m,:root .col-5-m,:root .col-6-m,:root .col-7-m,:root .col-8-m,:root .col-9-m,:root .col-10-m,:root .col-11-m,:root .col-12-m,:root .col-1-2-m,:root .col-1-3-m,:root .col-2-3-m,:root .col-1-4-m,:root .col-3-4-m,:root .col-1-5-m,:root .col-2-5-m,:root .col-3-5-m,:root .col-4-5-m{float:left;padding-left:16px;padding-right:16px}:root .col-1-m.ib,:root .col-2-m.ib,:root .col-3-m.ib,:root .col-4-m.ib,:root .col-5-m.ib,:root .col-6-m.ib,:root .col-7-m.ib,:root .col-8-m.ib,:root .col-9-m.ib,:root .col-10-m.ib,:root .col-11-m.ib,:root .col-12-m.ib,:root .col-1-2-m.ib,:root .col-1-3-m.ib,:root .col-2-3-m.ib,:root .col-1-4-m.ib,:root .col-3-4-m.ib,:root .col-1-5-m.ib,:root .col-2-5-m.ib,:root .col-3-5-m.ib,:root .col-4-5-m.ib{display:inline-block;vertical-align:middle;float:none}:root .col-0-m{width:0%}:root .push-0-m{margin-left:0%}:root .push-0-m.ib{left:0%;margin-left:0;position:relative}:root .pull-0-m{margin-left:-0%}:root .pull-0-m.ib{left:-0%;margin-left:0;position:relative}:root .col-1-m{width:8.33333%}:root .push-1-m{margin-left:8.33333%}:root .push-1-m.ib{left:8.33333%;margin-left:0;position:relative}:root .pull-1-m{margin-left:-8.33333%}:root .pull-1-m.ib{left:-8.33333%;margin-left:0;position:relative}:root .col-2-m{width:16.66667%}:root .push-2-m{margin-left:16.66667%}:root .push-2-m.ib{left:16.66667%;margin-left:0;position:relative}:root .pull-2-m{margin-left:-16.66667%}:root .pull-2-m.ib{left:-16.66667%;margin-left:0;position:relative}:root .col-3-m{width:25%}:root .push-3-m{margin-left:25%}:root .push-3-m.ib{left:25%;margin-left:0;position:relative}:root .pull-3-m{margin-left:-25%}:root .pull-3-m.ib{left:-25%;margin-left:0;position:relative}:root .col-4-m{width:33.33333%}:root .push-4-m{margin-left:33.33333%}:root .push-4-m.ib{left:33.33333%;margin-left:0;position:relative}:root .pull-4-m{margin-left:-33.33333%}:root .pull-4-m.ib{left:-33.33333%;margin-left:0;position:relative}:root .col-5-m{width:41.66667%}:root .push-5-m{margin-left:41.66667%}:root .push-5-m.ib{left:41.66667%;margin-left:0;position:relative}:root .pull-5-m{margin-left:-41.66667%}:root .pull-5-m.ib{left:-41.66667%;margin-left:0;position:relative}:root .col-6-m{width:50%}:root .push-6-m{margin-left:50%}:root .push-6-m.ib{left:50%;margin-left:0;position:relative}:root .pull-6-m{margin-left:-50%}:root .pull-6-m.ib{left:-50%;margin-left:0;position:relative}:root .col-7-m{width:58.33333%}:root .push-7-m{margin-left:58.33333%}:root .push-7-m.ib{left:58.33333%;margin-left:0;position:relative}:root .pull-7-m{margin-left:-58.33333%}:root .pull-7-m.ib{left:-58.33333%;margin-left:0;position:relative}:root .col-8-m{width:66.66667%}:root .push-8-m{margin-left:66.66667%}:root .push-8-m.ib{left:66.66667%;margin-left:0;position:relative}:root .pull-8-m{margin-left:-66.66667%}:root .pull-8-m.ib{left:-66.66667%;margin-left:0;position:relative}:root .col-9-m{width:75%}:root .push-9-m{margin-left:75%}:root .push-9-m.ib{left:75%;margin-left:0;position:relative}:root .pull-9-m{margin-left:-75%}:root .pull-9-m.ib{left:-75%;margin-left:0;position:relative}:root .col-10-m{width:83.33333%}:root .push-10-m{margin-left:83.33333%}:root .push-10-m.ib{left:83.33333%;margin-left:0;position:relative}:root .pull-10-m{margin-left:-83.33333%}:root .pull-10-m.ib{left:-83.33333%;margin-left:0;position:relative}:root .col-11-m{width:91.66667%}:root .push-11-m{margin-left:91.66667%}:root .push-11-m.ib{left:91.66667%;margin-left:0;position:relative}:root .pull-11-m{margin-left:-91.66667%}:root .pull-11-m.ib{left:-91.66667%;margin-left:0;position:relative}:root .col-12-m{width:100%}:root .push-12-m{margin-left:100%}:root .push-12-m.ib{left:100%;margin-left:0;position:relative}:root .pull-12-m{margin-left:-100%}:root .pull-12-m.ib{left:-100%;margin-left:0;position:relative}:root .col-1-2-m{width:50%}:root .col-1-3-m{width:33.33333%}:root .col-2-3-m{width:66.66667%}:root .col-1-4-m{width:25%}:root .col-3-4-m{width:75%}:root .col-1-5-m{width:20%}:root .col-2-5-m{width:40%}:root .col-3-5-m{width:60%}:root .col-4-5-m{width:80%}:root .col-full-m{width:100%}:root .push-1-2-m{margin-left:50%}:root .push-1-3-m{margin-left:33.33333%}:root .push-2-3-m{margin-left:66.66667%}:root .push-1-4-m{margin-left:25%}:root .push-3-4-m{margin-left:75%}:root .push-1-5-m{margin-left:20%}:root .push-2-5-m{margin-left:40%}:root .push-3-5-m{margin-left:60%}:root .push-4-5-m{margin-left:80%}}@media only screen and (min-width: 1024px){:root .row-l{display:block;font-size:0;margin-left:-16px;margin-right:-16px;position:relative}:root .row-l:after{clear:both;content:'';display:block;height:0}:root .row-l.vcenter:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}:root .row-l.vcenter:after{content:'';display:none}:root .col-1-l,:root .col-2-l,:root .col-3-l,:root .col-4-l,:root .col-5-l,:root .col-6-l,:root .col-7-l,:root .col-8-l,:root .col-9-l,:root .col-10-l,:root .col-11-l,:root .col-12-l,:root .col-1-2-l,:root .col-1-3-l,:root .col-2-3-l,:root .col-1-4-l,:root .col-3-4-l,:root .col-1-5-l,:root .col-2-5-l,:root .col-3-5-l,:root .col-4-5-l{float:left;padding-left:16px;padding-right:16px}:root .col-1-l.ib,:root .col-2-l.ib,:root .col-3-l.ib,:root .col-4-l.ib,:root .col-5-l.ib,:root .col-6-l.ib,:root .col-7-l.ib,:root .col-8-l.ib,:root .col-9-l.ib,:root .col-10-l.ib,:root .col-11-l.ib,:root .col-12-l.ib,:root .col-1-2-l.ib,:root .col-1-3-l.ib,:root .col-2-3-l.ib,:root .col-1-4-l.ib,:root .col-3-4-l.ib,:root .col-1-5-l.ib,:root .col-2-5-l.ib,:root .col-3-5-l.ib,:root .col-4-5-l.ib{display:inline-block;vertical-align:middle;float:none}:root .col-0-l{width:0%}:root .push-0-l{margin-left:0%}:root .push-0-l.ib{left:0%;margin-left:0;position:relative}:root .pull-0-l{margin-left:-0%}:root .pull-0-l.ib{left:-0%;margin-left:0;position:relative}:root .col-1-l{width:8.33333%}:root .push-1-l{margin-left:8.33333%}:root .push-1-l.ib{left:8.33333%;margin-left:0;position:relative}:root .pull-1-l{margin-left:-8.33333%}:root .pull-1-l.ib{left:-8.33333%;margin-left:0;position:relative}:root .col-2-l{width:16.66667%}:root .push-2-l{margin-left:16.66667%}:root .push-2-l.ib{left:16.66667%;margin-left:0;position:relative}:root .pull-2-l{margin-left:-16.66667%}:root .pull-2-l.ib{left:-16.66667%;margin-left:0;position:relative}:root .col-3-l{width:25%}:root .push-3-l{margin-left:25%}:root .push-3-l.ib{left:25%;margin-left:0;position:relative}:root .pull-3-l{margin-left:-25%}:root .pull-3-l.ib{left:-25%;margin-left:0;position:relative}:root .col-4-l{width:33.33333%}:root .push-4-l{margin-left:33.33333%}:root .push-4-l.ib{left:33.33333%;margin-left:0;position:relative}:root .pull-4-l{margin-left:-33.33333%}:root .pull-4-l.ib{left:-33.33333%;margin-left:0;position:relative}:root .col-5-l{width:41.66667%}:root .push-5-l{margin-left:41.66667%}:root .push-5-l.ib{left:41.66667%;margin-left:0;position:relative}:root .pull-5-l{margin-left:-41.66667%}:root .pull-5-l.ib{left:-41.66667%;margin-left:0;position:relative}:root .col-6-l{width:50%}:root .push-6-l{margin-left:50%}:root .push-6-l.ib{left:50%;margin-left:0;position:relative}:root .pull-6-l{margin-left:-50%}:root .pull-6-l.ib{left:-50%;margin-left:0;position:relative}:root .col-7-l{width:58.33333%}:root .push-7-l{margin-left:58.33333%}:root .push-7-l.ib{left:58.33333%;margin-left:0;position:relative}:root .pull-7-l{margin-left:-58.33333%}:root .pull-7-l.ib{left:-58.33333%;margin-left:0;position:relative}:root .col-8-l{width:66.66667%}:root .push-8-l{margin-left:66.66667%}:root .push-8-l.ib{left:66.66667%;margin-left:0;position:relative}:root .pull-8-l{margin-left:-66.66667%}:root .pull-8-l.ib{left:-66.66667%;margin-left:0;position:relative}:root .col-9-l{width:75%}:root .push-9-l{margin-left:75%}:root .push-9-l.ib{left:75%;margin-left:0;position:relative}:root .pull-9-l{margin-left:-75%}:root .pull-9-l.ib{left:-75%;margin-left:0;position:relative}:root .col-10-l{width:83.33333%}:root .push-10-l{margin-left:83.33333%}:root .push-10-l.ib{left:83.33333%;margin-left:0;position:relative}:root .pull-10-l{margin-left:-83.33333%}:root .pull-10-l.ib{left:-83.33333%;margin-left:0;position:relative}:root .col-11-l{width:91.66667%}:root .push-11-l{margin-left:91.66667%}:root .push-11-l.ib{left:91.66667%;margin-left:0;position:relative}:root .pull-11-l{margin-left:-91.66667%}:root .pull-11-l.ib{left:-91.66667%;margin-left:0;position:relative}:root .col-12-l{width:100%}:root .push-12-l{margin-left:100%}:root .push-12-l.ib{left:100%;margin-left:0;position:relative}:root .pull-12-l{margin-left:-100%}:root .pull-12-l.ib{left:-100%;margin-left:0;position:relative}:root .col-1-2-l{width:50%}:root .col-1-3-l{width:33.33333%}:root .col-2-3-l{width:66.66667%}:root .col-1-4-l{width:25%}:root .col-3-4-l{width:75%}:root .col-1-5-l{width:20%}:root .col-2-5-l{width:40%}:root .col-3-5-l{width:60%}:root .col-4-5-l{width:80%}:root .col-full-l{width:100%}:root .push-1-2-l{margin-left:50%}:root .push-1-3-l{margin-left:33.33333%}:root .push-2-3-l{margin-left:66.66667%}:root .push-1-4-l{margin-left:25%}:root .push-3-4-l{margin-left:75%}:root .push-1-5-l{margin-left:20%}:root .push-2-5-l{margin-left:40%}:root .push-3-5-l{margin-left:60%}:root .push-4-5-l{margin-left:80%}}@media only screen and (min-width: 1470px){:root .row-xl{display:block;font-size:0;margin-left:-16px;margin-right:-16px;position:relative}:root .row-xl:after{clear:both;content:'';display:block;height:0}:root .row-xl.vcenter:before{display:inline-block;vertical-align:middle;content:'';height:100%;width:0}:root .row-xl.vcenter:after{content:'';display:none}:root .col-1-xl,:root .col-2-xl,:root .col-3-xl,:root .col-4-xl,:root .col-5-xl,:root .col-6-xl,:root .col-7-xl,:root .col-8-xl,:root .col-9-xl,:root .col-10-xl,:root .col-11-xl,:root .col-12-xl,:root .col-1-2-xl,:root .col-1-3-xl,:root .col-2-3-xl,:root .col-1-4-xl,:root .col-3-4-xl,:root .col-1-5-xl,:root .col-2-5-xl,:root .col-3-5-xl,:root .col-4-5-xl{float:left;padding-left:16px;padding-right:16px}:root .col-1-xl.ib,:root .col-2-xl.ib,:root .col-3-xl.ib,:root .col-4-xl.ib,:root .col-5-xl.ib,:root .col-6-xl.ib,:root .col-7-xl.ib,:root .col-8-xl.ib,:root .col-9-xl.ib,:root .col-10-xl.ib,:root .col-11-xl.ib,:root .col-12-xl.ib,:root .col-1-2-xl.ib,:root .col-1-3-xl.ib,:root .col-2-3-xl.ib,:root .col-1-4-xl.ib,:root .col-3-4-xl.ib,:root .col-1-5-xl.ib,:root .col-2-5-xl.ib,:root .col-3-5-xl.ib,:root .col-4-5-xl.ib{display:inline-block;vertical-align:middle;float:none}:root .col-0-xl{width:0%}:root .push-0-xl{margin-left:0%}:root .push-0-xl.ib{left:0%;margin-left:0;position:relative}:root .pull-0-xl{margin-left:-0%}:root .pull-0-xl.ib{left:-0%;margin-left:0;position:relative}:root .col-1-xl{width:8.33333%}:root .push-1-xl{margin-left:8.33333%}:root .push-1-xl.ib{left:8.33333%;margin-left:0;position:relative}:root .pull-1-xl{margin-left:-8.33333%}:root .pull-1-xl.ib{left:-8.33333%;margin-left:0;position:relative}:root .col-2-xl{width:16.66667%}:root .push-2-xl{margin-left:16.66667%}:root .push-2-xl.ib{left:16.66667%;margin-left:0;position:relative}:root .pull-2-xl{margin-left:-16.66667%}:root .pull-2-xl.ib{left:-16.66667%;margin-left:0;position:relative}:root .col-3-xl{width:25%}:root .push-3-xl{margin-left:25%}:root .push-3-xl.ib{left:25%;margin-left:0;position:relative}:root .pull-3-xl{margin-left:-25%}:root .pull-3-xl.ib{left:-25%;margin-left:0;position:relative}:root .col-4-xl{width:33.33333%}:root .push-4-xl{margin-left:33.33333%}:root .push-4-xl.ib{left:33.33333%;margin-left:0;position:relative}:root .pull-4-xl{margin-left:-33.33333%}:root .pull-4-xl.ib{left:-33.33333%;margin-left:0;position:relative}:root .col-5-xl{width:41.66667%}:root .push-5-xl{margin-left:41.66667%}:root .push-5-xl.ib{left:41.66667%;margin-left:0;position:relative}:root .pull-5-xl{margin-left:-41.66667%}:root .pull-5-xl.ib{left:-41.66667%;margin-left:0;position:relative}:root .col-6-xl{width:50%}:root .push-6-xl{margin-left:50%}:root .push-6-xl.ib{left:50%;margin-left:0;position:relative}:root .pull-6-xl{margin-left:-50%}:root .pull-6-xl.ib{left:-50%;margin-left:0;position:relative}:root .col-7-xl{width:58.33333%}:root .push-7-xl{margin-left:58.33333%}:root .push-7-xl.ib{left:58.33333%;margin-left:0;position:relative}:root .pull-7-xl{margin-left:-58.33333%}:root .pull-7-xl.ib{left:-58.33333%;margin-left:0;position:relative}:root .col-8-xl{width:66.66667%}:root .push-8-xl{margin-left:66.66667%}:root .push-8-xl.ib{left:66.66667%;margin-left:0;position:relative}:root .pull-8-xl{margin-left:-66.66667%}:root .pull-8-xl.ib{left:-66.66667%;margin-left:0;position:relative}:root .col-9-xl{width:75%}:root .push-9-xl{margin-left:75%}:root .push-9-xl.ib{left:75%;margin-left:0;position:relative}:root .pull-9-xl{margin-left:-75%}:root .pull-9-xl.ib{left:-75%;margin-left:0;position:relative}:root .col-10-xl{width:83.33333%}:root .push-10-xl{margin-left:83.33333%}:root .push-10-xl.ib{left:83.33333%;margin-left:0;position:relative}:root .pull-10-xl{margin-left:-83.33333%}:root .pull-10-xl.ib{left:-83.33333%;margin-left:0;position:relative}:root .col-11-xl{width:91.66667%}:root .push-11-xl{margin-left:91.66667%}:root .push-11-xl.ib{left:91.66667%;margin-left:0;position:relative}:root .pull-11-xl{margin-left:-91.66667%}:root .pull-11-xl.ib{left:-91.66667%;margin-left:0;position:relative}:root .col-12-xl{width:100%}:root .push-12-xl{margin-left:100%}:root .push-12-xl.ib{left:100%;margin-left:0;position:relative}:root .pull-12-xl{margin-left:-100%}:root .pull-12-xl.ib{left:-100%;margin-left:0;position:relative}:root .col-1-2-xl{width:50%}:root .col-1-3-xl{width:33.33333%}:root .col-2-3-xl{width:66.66667%}:root .col-1-4-xl{width:25%}:root .col-3-4-xl{width:75%}:root .col-1-5-xl{width:20%}:root .col-2-5-xl{width:40%}:root .col-3-5-xl{width:60%}:root .col-4-5-xl{width:80%}:root .col-full-xl{width:100%}:root .push-1-2-xl{margin-left:50%}:root .push-1-3-xl{margin-left:33.33333%}:root .push-2-3-xl{margin-left:66.66667%}:root .push-1-4-xl{margin-left:25%}:root .push-3-4-xl{margin-left:75%}:root .push-1-5-xl{margin-left:20%}:root .push-2-5-xl{margin-left:40%}:root .push-3-5-xl{margin-left:60%}:root .push-4-5-xl{margin-left:80%}}:root .row-bleed [class*="col-"]{padding-left:0;padding-right:0}@media only screen and (max-width: 479px){:root .row-bleed-xs [class*="col-"]{padding-left:0;padding-right:0}}@media only screen and (min-width: 480px){:root .row-bleed-s [class*="col-"]{padding-left:0;padding-right:0}}@media only screen and (min-width: 768px){:root .row-bleed-m [class*="col-"]{padding-left:0;padding-right:0}}@media only screen and (min-width: 1024px){:root .row-bleed-l [class*="col-"]{padding-left:0;padding-right:0}}@media only screen and (min-width: 1470px){:root .row-bleed-xl [class*="col-"]{padding-left:0;padding-right:0}}:root .truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root .text-left{text-align:left !important}@media only screen and (max-width: 479px){:root .text-left-xs{text-align:left !important}}@media only screen and (min-width: 480px){:root .text-left-s{text-align:left !important}}@media only screen and (min-width: 768px){:root .text-left-m{text-align:left !important}}@media only screen and (min-width: 1024px){:root .text-left-l{text-align:left !important}}@media only screen and (min-width: 1470px){:root .text-left-xl{text-align:left !important}}:root .text-center{text-align:center !important}@media only screen and (max-width: 479px){:root .text-center-xs{text-align:center !important}}@media only screen and (min-width: 480px){:root .text-center-s{text-align:center !important}}@media only screen and (min-width: 768px){:root .text-center-m{text-align:center !important}}@media only screen and (min-width: 1024px){:root .text-center-l{text-align:center !important}}@media only screen and (min-width: 1470px){:root .text-center-xl{text-align:center !important}}:root .text-right{text-align:right !important}@media only screen and (max-width: 479px){:root .text-right-xs{text-align:right !important}}@media only screen and (min-width: 480px){:root .text-right-s{text-align:right !important}}@media only screen and (min-width: 768px){:root .text-right-m{text-align:right !important}}@media only screen and (min-width: 1024px){:root .text-right-l{text-align:right !important}}@media only screen and (min-width: 1470px){:root .text-right-xl{text-align:right !important}}:root .fade-enter{opacity:0;visibility:hidden}:root .fade-enter-active{opacity:1;visibility:visible;-moz-transition:opacity .75s linear, visibility .75s linear;-ms-transition:opacity .75s linear, visibility .75s linear;-webkit-transition:opacity .75s linear, visibility .75s linear;transition:opacity .75s linear, visibility .75s linear}:root .fade-enter-done{opacity:1;visibility:visible;-moz-transition:opacity .75s linear, visibility .75s linear;-ms-transition:opacity .75s linear, visibility .75s linear;-webkit-transition:opacity .75s linear, visibility .75s linear;transition:opacity .75s linear, visibility .75s linear}:root .fade-slide-enter{opacity:0;visibility:hidden;-moz-transform:translateY(50px);-ms-transform:translateY(50px);-webkit-transform:translateY(50px);transform:translateY(50px)}:root .fade-slide-enter-active{opacity:1;visibility:visible;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98);-ms-transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98);-webkit-transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98);transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98)}:root .fade-slide-enter-done{opacity:1;visibility:visible;-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);-moz-transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98);-ms-transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98);-webkit-transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98);transition:opacity .75s linear, visibility .75s linear, transform .75s cubic-bezier(0.02, 0.57, 0.38, 0.98)}:root .container{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;position:relative;width:100%;max-width:1470px}:root .container-thin{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;position:relative;width:100%;max-width:1024px}:root .container-full{margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;position:relative;width:100%}:root .ul-reset,:root .ul-reset li{list-style:none;margin:0;padding:0}:root .ul-inline{display:inline-block;vertical-align:middle}:root .ul-inline,:root .ul-inline li{list-style:none;margin:0;padding:0}:root .ul-inline li{float:left}:root .a-reset{color:inherit;text-decoration:none}:root .bg{background:transparent no-repeat center center;background-size:cover}
.white {
  color: #fff; }

.offwhite {
  color: #f6f6f6; }

.gray {
  color: #777; }

.bg--white {
  background: #fff; }

html,
body {
  color: #212121;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 13.6px; }
  @media only screen and (min-width: 768px) {
    html,
    body {
      font-size: 16px; } }

:root h1,
:root .h1 {
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: .5em;
  margin-top: .5em;
  text-transform: uppercase; }

:root h2,
:root .h2 {
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: .5em;
  margin-top: .5em; }

:root h3,
:root .h3 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.4;
  margin-bottom: .5em;
  margin-top: .5em; }

:root h4,
:root .h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 1.4;
  margin-bottom: .5em;
  margin-top: .5em; }

:root p,
:root .copy {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  margin: .667em 0; }
  :root p:last-child,
  :root .copy:last-child {
    margin-bottom: 0; }

:root .large-copy {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
  margin: .875em 0; }

:root .ul li {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
  margin: .875em 0;
  margin-bottom: .5em;
  margin-top: .5em; }

:root .big-list {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  line-height: 1.4;
  list-style-type: circle;
  text-align: left; }

:root .a-reset {
  text-decoration: none; }

:root .bodyL {
  font-size: 24px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.24px; }

:root .bodyM {
  font-size: 18px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.24px; }

:root .bodyS {
  font-size: 18px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
  /* 142.857% */ }

:root .labelM {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.24px; }

:root .labelS {
  font-size: 14px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
  letter-spacing: -0.2px; }

:root .link {
  font-size: 16px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  /* 150% */
  text-decoration-line: underline; }

:root .xl {
  font-size: 64px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 800;
  line-height: 78px;
  /* 121.875% */
  letter-spacing: -1.3px; }

:root .l {
  font-size: 56px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 800;
  line-height: 64px;
  /* 114.286% */ }

:root .m {
  font-size: 48px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 800;
  line-height: 53px;
  /* 110.417% */
  letter-spacing: -1.3px; }

:root .s {
  font-size: 40px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 800;
  line-height: 44px;
  /* 110% */
  letter-spacing: -0.6px; }

:root .xs {
  font-size: 32px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 800;
  line-height: 38px;
  /* 118.75% */
  letter-spacing: -1.3px; }

:root .xxs {
  font-size: 20px;
  font-family: "Lato", sans-serif;
  text-align: left;
  color: #2B3342;
  white-space: pre-line;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 120% */
  letter-spacing: -0.24px; }

form {
  display: block;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  margin-top: 32px;
  margin-top: 2rem; }

.actions {
  margin-top: 32px;
  margin-top: 2rem; }

.snackbar {
  -moz-transition: opacity 0.75s linear, visibility 0.75s linear, transform 0.75s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  -ms-transition: opacity 0.75s linear, visibility 0.75s linear, transform 0.75s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  -webkit-transition: opacity 0.75s linear, visibility 0.75s linear, transform 0.75s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  transition: opacity 0.75s linear, visibility 0.75s linear, transform 0.75s cubic-bezier(0.02, 0.57, 0.38, 0.98);
  padding: 32px;
  padding: 2rem; }
  .snackbar.snackbar--show {
    -moz-transition: opacity 0.25s linear, visibility 0.25s linear, transform 0.25s cubic-bezier(0.02, 0.57, 0.38, 0.98);
    -ms-transition: opacity 0.25s linear, visibility 0.25s linear, transform 0.25s cubic-bezier(0.02, 0.57, 0.38, 0.98);
    -webkit-transition: opacity 0.25s linear, visibility 0.25s linear, transform 0.25s cubic-bezier(0.02, 0.57, 0.38, 0.98);
    transition: opacity 0.25s linear, visibility 0.25s linear, transform 0.25s cubic-bezier(0.02, 0.57, 0.38, 0.98);
    opacity: 1;
    visibility: visible;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px); }
  .snackbar.snackbar--hide {
    opacity: 0;
    visibility: hidden;
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }

.snackbar__inner {
  padding: 32px;
  padding: 2rem;
  background: rgba(0, 0, 0, 0.925);
  color: #fff;
  border-radius: 3px;
  line-height: 1.5; }
  .snackbar__inner.snackbar__inner--success .snackbar__icon {
    color: #449933; }
  .snackbar__inner.snackbar__inner--failure .snackbar__icon {
    color: #993344; }

.snackbar__icon-wrapper {
  margin-right: 10px;
  position: relative;
  top: -2px; }

.snackbar__icon {
  height: 28px;
  height: 1.75rem;
  width: 28px;
  width: 1.75rem; }

.snackbar__button {
  margin-left: 10px; }

body {
  background: #f6f6f6; }

.layout {
  position: relative;
  z-index: 1; }

.margin-bottom-32 {
  margin-bottom: 32px;
  margin-bottom: 2rem; }

.pad-sides-32 {
  padding-left: 32px;
  padding-left: 2rem;
  padding-right: 32px;
  padding-right: 2rem; }

@media only screen and (max-width: 479px) {
  .unpad-small {
    margin-left: -30px;
    margin-right: -30px; } }

.spaced {
  margin-bottom: 32px;
  margin-bottom: 2rem;
  margin-top: 32px;
  margin-top: 2rem; }

.spaced-large {
  margin-bottom: 64px;
  margin-bottom: 4rem;
  margin-top: 64px;
  margin-top: 4rem; }
:root .layout--expert {
  background: #f6f6f6; }

:root .expert__main {
  min-height: 100vh;
  padding-bottom: 20px;
  position: relative;
  z-index: 1; }

:root .expert__info .h1 {
  text-transform: none; }

:root .accordionExpertBox {
  padding: 120px 0;
  background: white; }
  :root .accordionExpertBox .accordionExpertBoxTitle {
    margin: 0 0 64px 0;
    text-align: center; }

:root .brokerFooterBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
  width: 100%; }
  :root .brokerFooterBox .brokerSocials {
    margin: 0 0 16px 0;
    display: flex;
    gap: 8px; }
  :root .brokerFooterBox div.bodyS {
    color: rgba(43, 51, 66, 0.5); }
  :root .brokerFooterBox .socialButton {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer; }

:root .mobileFooter {
  display: none; }

:root .web-calculator-container {
  padding: 64px 0 32px;
  background-color: white;
  display: grid;
  grid-template-columns: minmax(20px, 1fr) minmax(20px, 1280px) minmax(20px, 1fr); }

@media only screen and (max-width: 1024px) {
  :root .noBgImgMobile {
    background-image: none !important; }
  :root .mobileFooter {
    display: none;
    flex-direction: column;
    align-items: center; }
    :root .mobileFooter .summaryPreviewAppBox {
      margin: 24px 0 48px 0;
      flex-direction: column;
      width: 170px; }
    :root .mobileFooter .xxs {
      color: white; }
  :root .web-calculator-container {
    padding: 0 0 32px; } }

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