/* custom global functions */
/* breakpoints */
body {
  font-family: roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  text-align: center; }

a, a:visited {
  color: #00539f; }

.util__button-primary,
a.util__button-primary,
a.util__button-primary:visited,
.util__button-secondary,
a.util__button-secondary,
a.util__button-secondary:visited {
  background-image: linear-gradient(to bottom, #57CBF5, #00539F);
  color: rgba(255, 255, 255, 0.92);
  font-weight: 300;
  border-radius: 0;
  text-transform: none; }

.util__button-default,
a.util__button-default,
a.util__button-default:visited {
  background-image: linear-gradient(to bottom, #fff, #EAF9FF);
  color: #00539F; }

.util__button-white,
a.util__button-white {
  background-image: linear-gradient(to bottom, #fff, #f1f7ff);
  color: #263746; }

.site-ultramar .cmp-image__image {
  width: auto; }

/* custom global functions */
/* breakpoints */
/* == header == */
header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2000; }

.header__wrap,
.footer__wrap {
  text-align: center;
  background-color: #fff;
  overflow: hidden; }

.header__wrap {
  height: 45px;
  box-shadow: 0px 4px 5px -4px rgba(29, 92, 181, 0.32); }

.header__nav {
  display: inline-block;
  width: 100%; }

.header__brand-mark,
.footer__brand-mark {
  height: 83px;
  width: 85px;
  background-color: #fff;
  border: 1px solid #f1f2f2;
  overflow: hidden;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%); }

.header__brand-mark-image,
.footer__brand-mark-image {
  width: 70px; }

.header__brand-mark--circle,
.footer__brand-mark--circle {
  border-radius: 50%; }

.header__brand-mark--circle {
  box-shadow: 0px 3px 6px -2px rgba(29, 92, 181, 0.32); }

.header__brand-mark--diamond {
  box-shadow: 6px 6px 6px -5px rgba(29, 92, 181, 0.32); }

.header__wrap .nav__links,
.footer__wrap .nav__links {
  display: flex;
  justify-content: space-around;
  padding: 16px;
  position: relative; }

.header__wrap .nav__links {
  padding-top: 12px; }

.nav__link-text {
  text-transform: uppercase;
  color: #555555; }

.nav__link {
  white-space: nowrap; }

.nav__link-icon > svg {
  color: #00539f;
  width: 18px;
  height: 18px;
  transform: translate(-2px, 2px); }

.mobile-topnav,
.mobile-menu-container {
  display: none; }

.mobile-menu-container svg {
  color: #fff; }

.mobile-menu-container .hero__cards-dropdown {
  background-color: #5c6670; }

.mobile-menu-container summary {
  color: #fff; }

@media (max-width: 1099px) {
  .header__nav,
  .hide-from-mobile-menu {
    display: none; }
  .mobile-topnav {
    display: flex;
    justify-content: space-between; }
  .util__button.button--mobile-nav {
    padding: 14px 32px;
    box-shadow: none;
    border-radius: 0; }
  .mobile-topnav__menu-activator {
    color: #009cdb;
    background-color: #fff; }
  button.util__button.button--mobile-nav.mobile-topnav__menu-activator {
    padding-left: 15px; }
  .mobile-topnav__menu-icon {
    position: absolute; }
  .mobile-topnav__menu-text {
    margin-left: 36px; }
  .mobile-topnav__menu-icon svg {
    width: 28px;
    transform: translateY(-5px); }
  .mobile-topnav__menu-icon.menu-will-close svg {
    width: 36px; }
  .mobile-topnav__menu-icon.menu-will-open {
    display: inline; }
  .mobile-topnav__menu-icon.menu-will-close {
    display: none;
    top: 10px; }
  .mobile-menu-container {
    display: block;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all .3s ease-out;
    z-index: -1;
    height: 100vh;
    width: 100vw;
    padding-top: 80px;
    color: #fff;
    background-color: #00539f;
    background-image: linear-gradient(to bottom, #405669, #263746); }
  .mobile-menu-container a,
  .mobile-menu-container a:visited,
  .nav__link-icon,
  .nav__link-text,
  .mobile-menu-container .footer__social-button button {
    color: #fff; }
  .mobile-menu-container .nav__links,
  .mobile-menu-container .footer__social-and-legal-wrap {
    text-align: left;
    flex-direction: column;
    text-transform: uppercase;
    width: 100%; }
  .mobile-menu-container li,
  .mobile-menu-container .footer__legal-link {
    padding: 7px; }
  .mobile-menu-container .footer__legal-link {
    font-size: 14px; }
  .mobile-menu-container .nav__links + .nav__links::after {
    content: "";
    height: 2px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 206px; } }

.nav__spacer {
  display: none; }

.nav__link.nav__link--chat {
  margin-right: 40%; }

/* custom global functions */
/* breakpoints */
.footer__wrap {
  box-shadow: 0px 0px 10px -2px rgba(29, 92, 181, 0.32); }

.footer__social-and-legal {
  background-color: #F6F6F6; }
  @media (max-width: 1099px) {
    .footer__social-and-legal {
      width: auto;
      padding-left: 0; } }

.footer__legal-link {
  font-weight: 400; }

.footer__copyright {
  font-weight: 400; }

.footer__legal-link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden='true'%20data-prefix='far'%20data-icon='chevron-double-right'%20role='img'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20class='svg-inline--fa%20fa-chevron-double-right%20fa-w-14%20fa-3x'%3E%3Cpath%20fill='%2300539f'%20d='M57.7%2038.1l209.4%20209.4c4.7%204.7%204.7%2012.3%200%2017L57.7%20473.9c-4.7%204.7-12.3%204.7-17%200l-19.8-19.8c-4.7-4.7-4.7-12.3%200-17L201.6%20256%2020.9%2074.9c-4.7-4.7-4.7-12.3%200-17l19.8-19.8c4.7-4.7%2012.3-4.7%2017%200zm143%200l-19.8%2019.8c-4.7%204.7-4.7%2012.3%200%2017L361.6%20256%20180.9%20437.1c-4.7%204.7-4.7%2012.3%200%2017l19.8%2019.8c4.7%204.7%2012.3%204.7%2017%200l209.4-209.4c4.7-4.7%204.7-12.3%200-17L217.7%2038.1c-4.7-4.7-12.3-4.7-17%200z'%20class=''%3E%3C/path%3E%3C/svg%3E");
  width: 11px;
  height: 11px;
  position: absolute;
  background-size: cover;
  margin-left: 5px;
  margin-top: 1px; }

@media (max-width: 1099px) {
  .footer__secondary-nav {
    width: auto; } }

.footer__smallprint {
  color: #555555; }

@media (max-width: 1099px) {
  .footer__copyright {
    padding-left: 0;
    text-align: center; } }

@media (max-width: 1099px) {
  .footer__brand-mark.footer__brand-mark--diamond {
    transform: scale(1.5) translate(7px, 30px); } }

@media (max-width: 1099px) and (max-width: 1099px) {
  .footer__wrap .nav__links {
    text-align: center; } }

@media (max-width: 1099px) {
  .footer__legal-link::after {
    background-image: none; } }

/* LANDING PAGE FOOTER is very different, all overrides for LP footer are below this line */
.page-no-nav .footer__logo-and-phone-number {
  color: #555555; }

.page-no-nav .footer__legal-link::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden='true'%20data-prefix='far'%20data-icon='chevron-double-right'%20role='img'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20class='svg-inline--fa%20fa-chevron-double-right%20fa-w-14%20fa-3x'%3E%3Cpath%20fill='%2300539f'%20d='M57.7%2038.1l209.4%20209.4c4.7%204.7%204.7%2012.3%200%2017L57.7%20473.9c-4.7%204.7-12.3%204.7-17%200l-19.8-19.8c-4.7-4.7-4.7-12.3%200-17L201.6%20256%2020.9%2074.9c-4.7-4.7-4.7-12.3%200-17l19.8-19.8c4.7-4.7%2012.3-4.7%2017%200zm143%200l-19.8%2019.8c-4.7%204.7-4.7%2012.3%200%2017L361.6%20256%20180.9%20437.1c-4.7%204.7-4.7%2012.3%200%2017l19.8%2019.8c4.7%204.7%2012.3%204.7%2017%200l209.4-209.4c4.7-4.7%204.7-12.3%200-17L217.7%2038.1c-4.7-4.7-12.3-4.7-17%200z'%20class=''%3E%3C/path%3E%3C/svg%3E");
  width: 11px;
  height: 11px;
  position: absolute;
  background-size: cover;
  margin-left: 5px;
  margin-top: 1px; }

.footer__brand-mark {
  margin-top: 30px;
  width: 76px;
  height: 78px;
  border: none;
  overflow: unset; }

.footer__brand-mark-image {
  width: 65px;
  height: 65px; }

.footer__brand-mark--diamond .footer__brand-mark-image {
  transform: rotate(0deg) translate(-1px, -5px); }

.footer__secondary-nav-shim {
  height: 30px; }

.footer__brand-mark {
  display: block;
  width: 30%;
  top: 0;
  left: 0;
  margin-top: 0; }
  @media (min-width: 1100px) {
    .footer__brand-mark {
      width: 100%;
      left: 50%;
      transform: translateX(-50%);
      margin-top: 30px; } }

.lp-only {
  visibility: hidden; }

.footer__social-and-legal {
  display: block;
  position: relative;
  margin-top: 10%; }
  @media (min-width: 1100px) {
    .footer__social-and-legal {
      margin-top: 1%; } }

.text-and-phone__text {
  color: #555555;
  font-weight: bold; }

a.text-and-phone__phone {
  color: #00539f;
  font-size: 2.5rem;
  font-weight: 900;
  text-transform: uppercase; }

/* custom global functions */
/* breakpoints */
.card-slider__wrap {
  background-image: linear-gradient(to bottom, #f4fbff, #cee3f1); }

.card-slider__column--1 {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, #fff 25%, rgba(255, 255, 255, 0)); }
  @media (max-width: 1099px) {
    .card-slider__column--1 {
      background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 25%, #fff, rgba(255, 255, 255, 0.5)); } }

.card-slider__column--2 {
  background-image: linear-gradient(to right, #fff 25%, rgba(255, 255, 255, 0));
  transform: translateX(100%); }
  @media (max-width: 1099px) {
    .card-slider__column--2 {
      background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0.5)); } }

.card-slider__column-title {
  color: #263746; }

/*
  to fully match the ARCO design the padding here would have to be really specific
  and would not allow other card names to fit easily.
*/
a.card-slider__apply-button {
  color: #009cdb;
  font-weight: bold; }
  a.card-slider__apply-button svg {
    display: none; }

.card-slider__cta-headline {
  color: #263746; }

/*  Single Card Version */
.card-slider__wrap.card-slider--single-card,
.card-slider__wrap.card-slider--single-card-left {
  min-height: 0; }
  .card-slider__wrap.card-slider--single-card a.util__button,
  .card-slider__wrap.card-slider--single-card-left a.util__button {
    margin: 16px 0; }
  .card-slider__wrap.card-slider--single-card a.card-slider__title-callout-phone,
  .card-slider__wrap.card-slider--single-card-left a.card-slider__title-callout-phone {
    font-weight: bold;
    letter-spacing: 0.4px; }
  .card-slider__wrap.card-slider--single-card .card-slider__column--2,
  .card-slider__wrap.card-slider--single-card .card-slider__text-and-cta,
  .card-slider__wrap.card-slider--single-card .card-slider__column--1 .card-slider__apply-button,
  .card-slider__wrap.card-slider--single-card-left .card-slider__column--2,
  .card-slider__wrap.card-slider--single-card-left .card-slider__text-and-cta,
  .card-slider__wrap.card-slider--single-card-left .card-slider__column--1 .card-slider__apply-button {
    display: none; }
  .card-slider__wrap.card-slider--single-card .card-slider__column-title,
  .card-slider__wrap.card-slider--single-card-left .card-slider__column-title {
    color: #fff;
    padding: 10px 28px 0 30px; }
  .card-slider__wrap.card-slider--single-card .card-slider__column--1,
  .card-slider__wrap.card-slider--single-card-left .card-slider__column--1 {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5));
    width: auto;
    border-radius: 14px;
    padding: 0; }
  .card-slider__wrap.card-slider--single-card .card-slider-column__text,
  .card-slider__wrap.card-slider--single-card-left .card-slider-column__text {
    max-width: 700px;
    width: 100%;
    text-align: left; }
    @media (min-width: 1100px) {
      .card-slider__wrap.card-slider--single-card .card-slider-column__text,
      .card-slider__wrap.card-slider--single-card-left .card-slider-column__text {
        margin-left: 60px; } }
  .card-slider__wrap.card-slider--single-card .card-slider-column__image,
  .card-slider__wrap.card-slider--single-card-left .card-slider-column__image {
    transform: translate(4px, -1px); }
  .card-slider__wrap.card-slider--single-card .card-slider__columns,
  .card-slider__wrap.card-slider--single-card-left .card-slider__columns {
    background-size: cover; }

.card-slider__wrap.card-slider--single-card.card__slider--reveal .card-slider__column--1,
.card-slider__wrap.card-slider--single-card-left.card__slider--reveal .card-slider__column--1 {
  transform: translateX(0);
  margin-left: auto;
  width: calc(100% - 210px);
  justify-content: flex-end; }
  @media (max-width: 1099px) {
    .card-slider__wrap.card-slider--single-card.card__slider--reveal .card-slider__column--1,
    .card-slider__wrap.card-slider--single-card-left.card__slider--reveal .card-slider__column--1 {
      max-width: 500px;
      background-image: none;
      display: flex;
      flex-direction: column;
      margin-left: unset; } }
  @media (max-width: 759px) {
    .card-slider__wrap.card-slider--single-card.card__slider--reveal .card-slider__column--1,
    .card-slider__wrap.card-slider--single-card-left.card__slider--reveal .card-slider__column--1 {
      max-width: 100%;
      background-image: none; } }

.card-slider__column-title {
  display: none; }

.card-slider__wrap.card-slider--single-card-left .card-slider__column--1 {
  background-image: none; }

.card-slider__column-headline {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  max-width: 600px;
  margin-top: 1em; }

.card-slider__title-callout-phone {
  display: none; }

a.card-slider__more-info:visited {
  color: #fff; }

/* custom global functions */
/* breakpoints */
.testimonials__wrap {
  margin: 0 auto;
  padding: 30px 0 70px 0;
  background-size: cover; }

.testimonial__photo {
  box-shadow: -12px 12px #57CBF5; }
  @media (max-width: 1099px) {
    .testimonial__photo {
      box-shadow: -6px 6px #57CBF5; } }

.testimonial__attribution {
  color: #00539F;
  text-transform: none;
  font-weight: normal; }

.testimonial__star-rating {
  color: #57CBF5; }

[data-star-rating] {
  display: none; }

svg[data-star-rating]:first-of-type,
svg[data-star-rating="2"]:nth-of-type(2),
svg[data-star-rating="3"]:nth-of-type(2),
svg[data-star-rating="3"]:nth-of-type(3),
svg[data-star-rating="4"] {
  display: inline; }

/* custom global functions */
/* breakpoints */
.three-bullet-lists__wrap {
  background-image: linear-gradient(transparent, transparent 54%, #e7f2f8 54%);
  background-size: cover; }
  @media (max-width: 1099px) {
    .three-bullet-lists__wrap {
      background-image: none;
      background-color: #efefef; } }

@media (max-width: 1099px) {
  .three-bullet-lists__headline::before,
  .three-bullet-lists__wrap::before,
  .three-bullet-lists__item::before {
    background-image: none !important; } }

.three-bullet-lists__headline {
  color: #fff;
  background-image: none; }
  @media (max-width: 1099px) {
    .three-bullet-lists__headline {
      background-image: none; } }

.three-bullet-lists__headline h1,
.three-bullet-lists__headline h2 {
  font-weight: normal; }
  @media (max-width: 1099px) {
    .three-bullet-lists__headline h1,
    .three-bullet-lists__headline h2 {
      font-weight: normal;
      color: #666; } }

.three-bullet-lists__list {
  color: #555; }

.three-bullet-lists__item-heading,
.three-bullet-lists__list {
  text-align: center; }

.three-bullet-lists__list li {
  transform: translateX(0px); }

.three-bullet-lists__item {
  text-align: center; }
  @media (max-width: 1099px) {
    .three-bullet-lists__item {
      background-image: none; }
      .three-bullet-lists__item:first-of-type {
        background-image: none; } }

.three-bullet-lists__item-image {
  background-image: none;
  box-shadow: none;
  margin-bottom: 50px; }

.three-bullet-lists__item-image img {
  position: relative; }

.three-bullet-lists__list > li::before {
  display: none; }

.three-bullet-lists__cta {
  margin-bottom: 50px; }

/* compact version is only different on desktop */
@media (min-width: 1100px) {
  .three-bullet-lists__compact-layout.three-bullet-lists__wrap {
    background-image: none; }
  .three-bullet-lists__compact-layout .three-bullet-lists__item-heading,
  .three-bullet-lists__compact-layout .three-bullet-lists__list {
    color: #fff;
    text-align: left; }
  .three-bullet-lists__compact-layout .three-bullet-lists__item-image {
    width: 136px;
    height: 136px; } }

/* custom global functions */
/* breakpoints */
.section-switcher__button {
  background-color: #f0f6ff;
  color: #00539f;
  box-shadow: -1px 3px 8px -2px rgba(29, 92, 181, 0.6); }

/* custom global functions */
/* breakpoints */
.app-intro__horizontal-gradient-wrap::before {
  background-image: linear-gradient(to right, #00539F, transparent); }

.app-intro__horizontal-gradient-wrap {
  position: relative; }

/* custom global functions */
/* breakpoints */
.contact-form__content .contact-form__message {
  margin-bottom: 0;
  font-weight: 400;
  text-align: left;
  padding: 0 0 0 10px;
  color: #555;
  font-size: 14px; }

.contact-form__input, .text-input > input, .text-input > select {
  border-radius: 0px;
  border: none;
  box-shadow: 0 1px 5px rgba(29, 92, 181, 0.22) inset, 0px 4px 2px -8px rgba(29, 92, 181, 0.32) inset, 0 12px 20px 0 #fff inset;
  background-color: #e2f3f9; }

.contact-form__input--active, .contact-form__input--has-content,
.text-input.has-content > input, .text-input.has-content > select {
  color: #fff;
  background-color: #00539F;
  box-shadow: none; }

.text-input > select {
  background-position: 100% 55%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 32' width='32' height='16'%3E%3Cpath d='M 5 8 h 22 l -11 12 z' fill='%236e6e6e' stroke='none'%3E%3C/path%3E%3C/svg%3E"); }

.text-input.has-content.valid > select {
  background-image: none; }

.contact-form__label > span {
  color: #555; }

.text-input > span {
  top: 14px; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

/* custom global functions */
/* breakpoints */
.hero__wrap {
  background-image: linear-gradient(to bottom, #fff, #EAF9FF); }

.hero__logoWithText {
  margin-left: 20px; }
  @media (max-width: 1099px) {
    .hero__logoWithText {
      margin-left: 14px; } }

.hero__logo {
  width: 97px;
  height: 97px;
  margin-bottom: 10px;
  margin-top: 0px; }
  @media (max-width: 1099px) {
    .hero__logo {
      margin: 40px 0 16px 13px; } }

.hero__content {
  background-image: none; }
  @media (max-width: 479px) {
    .hero__content {
      background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white); } }

.hero__background.hero__background--2 {
  background-image: linear-gradient(#57CBF5, #00539F); }

.hero__nav-list li a:not(.util__button) {
  color: #555555; }

.hero__nav a.util__button {
  color: #00539F; }

.hero__headline-and-cta {
  color: #555555; }

.hero__headline-large {
  color: #00539f; }

.hero--single-card .hero__headline-large {
  font-size: 42px;
  font-weight: 300; }

.hero__card-slider {
  display: flex;
  flex-direction: column;
  color: #263746;
  height: auto;
  width: auto;
  margin-left: 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 22px;
  background-image: none; }

a.hero__card-slider-apply-button {
  color: #57CBF5; }

@media (max-width: 479px) {
  .hero__card-slider-image img {
    max-width: 100%;
    height: auto; } }

/* modifiers for variations availabe through dialog*/
.hero__column--1 {
  color: #fff; }

.hero--single-card .hero__card-slider-image {
  width: 590px;
  height: 212px;
  border-radius: 20px; }
  @media (max-width: 1099px) {
    .hero--single-card .hero__card-slider-image {
      max-width: 380px;
      height: auto;
      margin: 0 auto; } }

@media (max-width: 1099px) {
  .hero__content--thin {
    background: none; }
    .hero__content--thin .hero__headline-and-cta {
      background-image: none; } }

.hero__ribbon {
  background-color: #ffca00;
  background-image: linear-gradient(to right, #ffca00, #ffda50);
  color: #00539F; }

.hero__ribbon-text {
  font-weight: 300; }
  @media (max-width: 1099px) {
    .hero__ribbon-text {
      text-align: left;
      margin-left: 19px;
      font-size: 16px;
      padding-right: 0; } }

.hero__ribbon:before {
  background-color: #ffca00; }

.hero__ribbon:after {
  border-top: 30px solid #ffda50;
  border-bottom: 30px solid #ffda50; }

/* mobile-only styles */
.popbox_container {
  margin-top: 100px;
  padding: 20px;
  max-width: 620px; }
  .popbox_container svg.icon {
    position: absolute;
    top: -45px;
    right: 0;
    background-color: #fff;
    padding: 5px;
    width: 40px;
    height: 40px;
    color: #009cdb; }

.global-modal__message img {
  max-width: 100%; }

.global-modal__title {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 20px;
  color: #263746;
  font-style: italic; }

/* custom global functions */
/* breakpoints */
.compare-intro__message {
  color: #00539F; }

.compare-intro__column--2 {
  background-color: #e4efff;
  background-image: linear-gradient(to bottom, #f4fbff, #cee3f1); }

.compare-intro__card-title {
  color: #00539f; }

a.compare-intro__learn-more-link {
  color: #009cdb; }
  a.compare-intro__learn-more-link svg {
    display: none; }

.compare-intro__wrap .text__wrap {
  text-align: left;
  line-height: 1.25; }

/* mobile-only styles */

/* custom global functions */
/* breakpoints */
.fleet-match__wrap {
  background-image: linear-gradient(to bottom, #3e95db, #00539f); }

.fleet-match__answers span::before {
  background-color: #fff;
  box-shadow: 0 0 1px -1px #00539f inset; }

.fleet-match__answers span::after {
  background-color: #57CBF5; }

/* custom global functions */
/* breakpoints */
.card-benefits__wrap {
  background-image: linear-gradient(to bottom, #fff, #eaf2f8); }

.card-benefits__headline {
  color: #009cdb;
  font-size: 28px;
  font-style: italic;
  text-transform: uppercase; }

.card-benefits__list > li {
  color: #5c6670; }
  @media (max-width: 759px) {
    .card-benefits__list > li {
      margin: 0px 10px; } }

.card-benefits__list > li::before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23009cdb'%20d='M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z'/%3E%3C/svg%3E"); }

.card-benefits__item-headline {
  color: #263746; }

/* custom global functions */
/* breakpoints */
.two-cards__message {
  color: #00539F; }

.two-cards__column--1 {
  background-image: linear-gradient(to bottom, #405669, #263746); }

.two-cards__column--1 .two-cards__card-title {
  color: #fff; }

.two-cards__column--1 a.two-cards__cta {
  color: #fff; }

.two-cards__column--2 {
  background-image: linear-gradient(to bottom, #f4fbff, #cee3f1); }

.two-cards__card-title {
  color: #00539f; }

/* mobile-only styles */

/* custom global functions */
/* breakpoints */
.text__wrap {
  background-image: none; }

.text__content {
  color: #5c6670; }

.text__content p a {
  text-align: center; }

.text__content b {
  color: #5c6670; }

.text__headline {
  color: #009cdb; }

a.text__apply-button {
  color: #57CBF5; }

/* custom global functions */
/* breakpoints */
.pullquote-with-photo__columns {
  background-image: linear-gradient(to bottom, #405669, #263746); }

.pullquote-with-photo__columns {
  color: #fff; }

.pullquote-with-photo__column--1 {
  width: 50%;
  overflow: hidden;
  position: relative;
  height: 320px; }
  @media (max-width: 1099px) {
    .pullquote-with-photo__column--1 {
      height: auto;
      width: auto; } }

.pullquote-with-photo-column__text {
  color: #f3f3f3; }

.pullquote-with-photo__quote--top {
  font-style: normal;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 1.24;
  color: #fff; }

.pullquote-with-photo-image {
  height: 320px;
  position: absolute;
  right: 390px; }
  @media (max-width: 1099px) {
    .pullquote-with-photo-image {
      position: relative;
      right: unset;
      height: auto; } }

/* custom global functions */
/* breakpoints */
.bullets-list__wrap {
  background-image: linear-gradient(to bottom, #fff, #eaf2f8); }

.bullets-list__list-with-header {
  color: #263746; }

.bullets-list__list-header {
  color: #263746; }

.bullets-list__list li {
  margin-bottom: 15px; }

/* custom global functions */
/* breakpoints */
.faq__wrap {
  background-image: linear-gradient(to bottom, #f4fbff, #cee3f1); }

.faq-accordion__header {
  color: #00539f; }

.faq-accordion__header::after {
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden='true'%20data-prefix='fas'%20data-icon='chevron-down'%20role='img'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%20class='svg-inline--fa%20fa-chevron-down%20fa-w-14%20fa-3x'%3E%3Cpath%20fill='%23009cdb'%20d='M207.029%20381.476L12.686%20187.132c-9.373-9.373-9.373-24.569%200-33.941l22.667-22.667c9.357-9.357%2024.522-9.375%2033.901-.04L224%20284.505l154.745-154.021c9.379-9.335%2024.544-9.317%2033.901.04l22.667%2022.667c9.373%209.373%209.373%2024.569%200%2033.941L240.971%20381.476c-9.373%209.372-24.569%209.372-33.942%200z'%20class=''%3E%3C/path%3E%3C/svg%3E"); }

.faq-accordion__panel {
  color: #263746; }

.faq-accordion__title:nth-of-type(even), .faq-accordion__panel:nth-of-type(even) {
  background-color: rgba(255, 255, 255, 0.5); }

/* custom global functions */
/* breakpoints */
.feature-list__headline-and-button {
  background-image: linear-gradient(to bottom, #405669, #263746); }

.feature-list__mobile-select-header,
.feature-list__card-title {
  color: #263746;
  font-weight: 500; }

.feature-list__headline {
  color: #fff;
  font-weight: 500; }

.feature-list__show-differences,
a.feature-list__learn-more-link,
a.feature-list__learn-more-text {
  color: #009cdb; }
  .feature-list__show-differences svg,
  a.feature-list__learn-more-link svg,
  a.feature-list__learn-more-text svg {
    display: none; }

@media (max-width: 1099px) {
  .feature-list__mobile-select-header {
    display: inline-block; } }

.feature-list__show-differences--mobile {
  background-image: linear-gradient(to bottom, #fff, #EAF9FF); }

.feature-list__card + .feature-list__card {
  margin-left: 0; }

.feature-list__card-image,
.feature-list__card-image > img {
  margin-bottom: 17px; }

.feature-list__feature-table {
  background-image: linear-gradient(to bottom, #f4fbff, #cee3f1); }

.feature-list__feature-table tr:nth-of-type(2n),
.feature-list__mobile li:nth-of-type(2n) {
  background-color: rgba(255, 255, 255, 0.5); }

.feature-list__feature {
  color: #00539F; }

.feature-list__checkmark {
  color: #009cdb; }

.feature-list__wrap .select {
  color: #00539f; }

.feature-list__wrap .select select {
  box-shadow: 0 1px 9px rgba(29, 92, 181, 0.32) inset, 0px 8px 2px -8px rgba(29, 92, 181, 0.32) inset, 0 20px 50px 0 #fff inset;
  background-color: #f1f7ff;
  color: #00539f; }

.feature-list__wrap .select:before {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7) 53%); }

.feature-list__mobile {
  background-image: linear-gradient(to bottom, #fff, #EAF9FF);
  margin-top: 90px; }

.feature-list__mobile .feature-list__feature-text {
  color: #00539F; }

/* custom global functions */
/* breakpoints */
.text-and-button__wrap {
  color: rgba(255, 255, 255, 0.9); }

.text-and-button__wrap .util__button {
  color: #263746; }

/* custom global functions */
/* breakpoints */
/* this sheet is mostly overrides of the standard hero styles when there's a form in the right column */
/* it also overrides styles for the contact form that exist for the standalone contact form component */
.hero-with-form__wrap {
  background-repeat: no-repeat;
  background-position: top right; }
  @media (max-width: 759px) {
    .hero-with-form__wrap .hero__headline-and-cta {
      min-height: 500px; } }
  @media (max-width: 479px) {
    .hero-with-form__wrap .hero__headline-and-cta {
      min-height: 95vw; } }
  @media (max-width: 759px) {
    .hero-with-form__wrap {
      background-position-x: -680px; } }
  @media (max-width: 479px) {
    .hero-with-form__wrap {
      background-position-x: 72%;
      background-size: 307%; } }
  .hero-with-form__wrap .hero__content {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.9)); }
    @media (max-width: 1099px) {
      .hero-with-form__wrap .hero__content {
        background-color: unset; } }
  @media (max-width: 1099px) {
    .hero-with-form__wrap .hero__column--1 {
      margin-top: 14px; } }
  @media (max-width: 1099px) {
    .hero-with-form__wrap .hero__headline-and-cta {
      width: 50%; } }
  @media (max-width: 479px) {
    .hero-with-form__wrap .hero__headline-and-cta {
      width: 70%; } }
  @media (max-width: 759px) {
    .hero-with-form__wrap .hero__headline-large {
      font-size: 26px;
      margin-bottom: 20px; } }
  @media (max-width: 759px) {
    .hero-with-form__wrap .hero__headline-small {
      font-size: 18px; } }
  .hero-with-form__wrap a.hero-with-form__headline__CTA,
  .hero-with-form__wrap a.hero-with-form__headline__CTA:visited {
    padding: 20px 40px;
    color: #263746; }
  .hero-with-form__wrap .hero-with-form__card-slider__container {
    margin-left: 0; }
    @media (max-width: 1099px) {
      .hero-with-form__wrap .hero-with-form__card-slider__container {
        margin-left: 0; } }
  .hero-with-form__wrap .hero__card-slider {
    background-image: none;
    width: auto; }
  .hero-with-form__wrap .hero__card-slider::before {
    background-image: none; }
  .hero-with-form__wrap .contact-form__message {
    color: #555555; }
  .hero-with-form__wrap .contact-form__content {
    background-color: #fff; }

/* animation keyframes */
@keyframes fade-in-card {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* custom global functions */
/* breakpoints */
.bullet-points__wrap {
  background-image: linear-gradient(to bottom, #fff, #EAF9FF); }

.bullet-points__list li:before {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20fill='%23F89B1F'%20d='M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z'/%3E%3C/svg%3E"); }

.bullet-points__list li {
  color: #555555; }
  @media (max-width: 1099px) {
    .bullet-points__list li {
      width: 90%;
      margin-left: 0px; } }

/* custom global functions */
/* breakpoints */
.detailed-benefits-points__wrap {
  background-image: linear-gradient(to bottom, #fff, #EAF9FF); }

.detailed-benefits-points__wrap ul {
  display: flex;
  flex-wrap: wrap;
  padding: 15px 240px 45px 240px;
  justify-content: space-between; }
  @media (max-width: 1099px) {
    .detailed-benefits-points__wrap ul {
      flex-direction: column;
      padding-left: 45px;
      padding-right: 45px; } }

.detailed-benefits-points__headline {
  color: #00539f;
  padding: 60px 20px 20px; }

.detailed-benefits-points__list li {
  list-style-position: outside;
  color: #555555;
  width: 48%;
  text-align: left;
  line-height: 30px; }
  @media (max-width: 1099px) {
    .detailed-benefits-points__list li {
      width: 100%; } }

/* custom global functions */
/* breakpoints */
.bullet-table__wrap {
  background-image: linear-gradient(to bottom, #f4fbff, #cee3f1);
  padding: 2% 2% 5%; }
  @media (min-width: 1100px) {
    .bullet-table__wrap {
      display: flex;
      align-items: center;
      margin: 0 auto;
      justify-content: space-around;
      flex-wrap: wrap; } }

@media (min-width: 1100px) {
  .bullet-table__list-wrap {
    flex-basis: 33%; } }

.rates-table__table-disclaimer-left {
  display: none; }

.rates-table__table-disclaimer-right {
  display: none; }

.rates-table__table-disclaimer-full {
  display: block;
  width: 100%;
  font-size: 12px; }
  @media (min-width: 1100px) {
    .rates-table__table-disclaimer-full {
      margin: 0px 7%; } }

.bullet-table__wrap .bullet-points__list li {
  padding-left: 0; }

.bullet-table__bullet-list li {
  font-size: 1.2em;
  margin-bottom: 2%;
  color: #6e6e6e; }
  .bullet-table__bullet-list li:last-child {
    padding-bottom: 3%; }
  @media (min-width: 1100px) {
    .bullet-table__bullet-list li {
      margin-left: 0px;
      width: 96%; } }

.bullet-table__bullet-list li:before {
  background-image: none; }

.bullet-table__list-header {
  color: #00539f;
  padding: 3% 0px;
  max-width: 270px;
  margin: auto; }
  @media (min-width: 1100px) {
    .bullet-table__list-header {
      text-align: left;
      max-width: 100%; } }

@media (min-width: 1100px) {
  .rates-table__table-wrapper {
    padding-top: 60px;
    max-width: 500px; } }

.bullet-table__table-header {
  text-align: center;
  padding: 2%;
  background-image: linear-gradient(to bottom, #57CBF5 3%, #00539f 97%);
  color: white;
  letter-spacing: 0.8px;
  font-size: 2em; }
  @media (min-width: 1100px) {
    .bullet-table__table-header {
      padding: 3%; } }

.rates-table__table-wrap {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  color: #00539f;
  text-align: left;
  margin-bottom: 20px; }

.rates-table__table-row-header {
  padding: 2% 0% 2% 8%;
  color: #000;
  font-size: 21px; }

.rates-table__table-body-column {
  padding: 2% 0% 2% 8%; }

.rates-table__table-body-row {
  background: rgba(0, 83, 159, 0.1);
  color: #000;
  font-size: 1.1em; }
  .rates-table__table-body-row:nth-of-type(even) {
    background-color: #fff; }

.rates-table__table-disclaimer {
  color: #6e6e6e; }

.rates-table__table-row-header {
  background-color: white; }

.rates-table__table-wrap > tbody > tr:last-child {
  height: 41px; }

@media (max-width: 1099px) {
  ul.bullet-points__list.util__delist.bullet-table__bullet-list li {
    text-align: center;
    width: 100%;
    padding: 0.5em 15px 1em; } }

/* custom global functions */
/* breakpoints */
.page--ultramar.landing-page .header--lp .top-nav__desktop-menu {
  min-height: 100px; }
  .page--ultramar.landing-page .header--lp .top-nav__desktop-menu .header__logo-link {
    position: relative; }
  .page--ultramar.landing-page .header--lp .top-nav__desktop-menu img {
    height: 90px; }

.landing-page .mobile__logo img {
  max-height: 70px;
  height: 70px;
  width: auto; }

.landing-page .text-group__link--button {
  position: relative;
  background-image: linear-gradient(to bottom, #57CBF5, #00539f);
  color: rgba(255, 255, 255, 0.92);
  font-weight: 300;
  text-transform: none;
  border-radius: 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  padding: 1em 3em;
  border: none; }
  .landing-page .text-group__link--button:hover {
    background-image: linear-gradient(to bottom, #57CBF5, #00539f); }

.util__gray-boxes .text-group__link--button {
  left: -1.5em; }

.util__brand-bold b,
.util__brand-bold em {
  color: #57CBF5; }

.util__circle-numbers ol li:before {
  background: #00539f; }

.util__circle-numbers.util__circle-numbers--red ol li:before {
  background: #F89B1F; }

.util__circle-numbers.util__circle-numbers--red ol li b,
.util__circle-numbers.util__circle-numbers--red ol li em {
  color: #F89B1F; }