:root {
  --primary-rgb: 61, 153, 112;
  --primary: rgb(var(--primary-rgb));
  --secondary-rgb: 0, 31, 63;
  --secondary: rgb(var(--secondary-rgb));
  --accent: #FFC828;
  --blue: #314569;
  --dark-green: #006977;
  --light-grey: #f4f4f4;
  --medium-grey: #b5b5b5;
  --yellow: #ffc828;
  --light-yellow-rgb: 255, 227, 149;
  --light-yellow: rgb(var(--light-yellow-rgb));
  --headline-font-family: 'Source Sans Pro', sans-serif;
  --body-font-family: Helvetica Neue, sans-serif;
  --quick-list-vert-padding: 34px;
  --quick-link-font-size: 18px;
  --quick-link-content-vert-margin: 10px;
  --quick-link-vert-margin: 5px;
  --content-section-horiz-padding: 112px;
  --site-font-size: 18px;
  --greenpath-green: #87BC48;
  --expand-fade-rgb: var(--light-yellow-rgb);
}

.home {

}
.ui.menu .menu {
  margin-left: 40px;
}
.ui.sticky {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
a:not(.button), a:not(.button):hover, a:not(.button):focus, a:not(.button).tertiary > span,
.ui.menu .item > a:not(.button):hover,
.ui.menu a.item:not(.button):hover{
  cursor: pointer;
  text-decoration:  underline currentColor 0.5px;
  text-underline-offset: 1px;
  text-underline-position: under;
}
.home a.button,
.home a.button:hover,
.home a.button:focus,
.home a.button.tertiary > span,
.home .ui.menu .item.no-underline:hover{
  text-decoration:  none;
  text-underline-offset: 0px;
  text-underline-position: under;
}
a.tertiary {
  color: #0D2C54;
  text-decoration: none;
}
a i.icon {
  text-decoration: none;
}
.header-links a {
  text-decoration: none;
}
footer a {
  font-size:1.071rem;
}
.inverted {
  color: #F7F7F7!important;
}
.inverted .button:hover{
  color: #000000!important;
}
.item.logo img {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.header-container {
  margin-bottom: -1em;
  text-align:center;
  border-top: 3px solid;
  border-image: linear-gradient(to right, var(--primary) 50%, #FFC828 50%) 3;
}
.header-links {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.links {
  margin-left: 0.8em;
  margin-right: 0.8em;
}
.links:hover {
  border-bottom: 1px solid #FFC828;
}
.header-links a{
  color: #FFFFFF;
  padding-left: 1.5em;
}
.white.color {
  color: #FFFFFF;
}
.ui.text.menu {
  margin-top: 0;
  margin-bottom: 0;
}
.ui.text.menu .toc.item {
  display: none;
}
.ui.sticky.fixed.top {
  background-color: #fff;
}
.ui.menu .item {
  font-size: 18px;
}
.text-padded {
  padding: 5em!important;
}
.light-font {
  font-weight: 300!important;
}
.bold-font {
  font-weight: 700!important;
}
.large-font {
  font-size: 1.5em!important;
}
.ui.inverted.label a.font-white,
.ui.inverted.label a.font-white:hover,
.ui.inverted.label a.font-white:visited {
  color: #fff !important;
  opacity: 1;
}
table {
  border: 1px solid #EFEFEF;
  width: 100%;
}
table td {
  padding: 8px;
  font-size: .8em;
  border: 1px solid #EFEFEF;
}
table th, .table-header {
  background: var(--primary);
  color:white;
  padding: 8px;
  font-size: .9em;
  text-align: left;
}
.item.logo.mobile.show > img {
  max-width: 100%;
  height: 40px;
}
#home--center-links {
  border-top: 1px solid #FFC828;
}
#home--help {
  padding-top: 5em !important;
  padding-bottom: 5em !important;
  background-image: url('/home/home-seattle-mountain.jpeg');
}
#home--help .column {
  padding: 3em;
}
#home--help .grid .column:hover {
  background-color: #3d9974!important;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
#home--help h1{
  font-weight: 700!important;
  font-size: 3em!important;
}
#home--help h2{
  font-size: 1.7em!important;
}
#home--help p{
  font-size: 1.4em!important;
}
#home-notification {
  margin-top: -1em;
  border-radius: 0;
  box-shadow: none;
  background: var(--primary);
}
#home-notification a{
  text-decoration: underline;
  color: #FFFFFF;
}
#home--horizontal-slider {
  width: 110%;
  margin-left: -5%;
}
.slider {
  color: #FFFFFF!important;
}
.slider-image {
  padding: 0!important;
}
.slider-text {
  padding-left: 10%!important;
  padding-right: 10%!important;
}
#home--slider-1 {
  background-color: #001f3f!important;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  margin-right: -1em!important;
}
#home--slider-2 {
  background-color: var(--primary)!important;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  /* margin-right: -1em!important; */
}
#home--slider-3 {
  background-color: #00597B!important;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  margin-right: -1em!important;
}
#home--slider-4 {
  background-color: #00597B!important;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  margin-right: -1em!important;
}
#banner-header {
  font-size: 1.75rem;
}
.ITIN-number {
  font-weight: bold;
  font-size: 1.5em!important;
}

.rate-block h3, .rate-block h4, .subheader {
  color: rgba(0, 0, 0, 0.8)!important;
  font-weight: 300!important;
  font-size: 1.75em!important;
  margin-bottom: .5em!important;
}

.rate-block .statistic {
  margin-top: 0em!important;
}
.rate-block .statistic .label{
  color: rgba(0, 0, 0, 0.5)!important;
}
.header-bar {
  margin: 1em 0 3em 0;
  padding: 1em 0 1em 0;
}
i.primary.icon {
  color: #001f3f!important;
}
i.secondary.icon {
  color: var(--primary)!important;
}
i.tertiary.icon {
  color: #FFC828!important;
}
.clear-to-gold {
  background-color: #133D4A!important;
  color: #FED12F!important;
}
.clear-to-gold:hover {
  background-color: #FED12F!important;
  color: white!important;
}
.clear-to-green {
  background-color: #FFFFFF!important;
  color: #3E9970!important;
}
.clear-to-green:hover {
  background-color: #3E9970!important;
  color: white!important;
}
.green-to-dark-green {
  background-color: #3E9970!important;
  color: white!important;
}
.green-to-dark-green:hover {
  background-color: #307455!important;
  color: white!important;
}
.white-to-green-border {
  background-color: #04203F!important;
  color: white!important;
}
.white-to-green-border:hover {
  background-color: #04203F!important;
  color: #3E9970!important;
}
#apply-now-button:hover {
  box-shadow: 0 0 0 2px #3E9970 inset!important;
}
.primary.statistic .value{
  color: #001f3f!important;
}
.secondary.statistic .value{
  color: var(--primary)!important;
}
.tertiary.statistic .value{
  color: #FFC828!important;
}
.primary.ribbon {
  background-color: #001f3f!important;
  color: #FFFFFF!important;
}
.secondary.ribbon {
  background-color: var(--primary)!important;
  color: rgba(0,0,0,.87)!important;
}
.tertiary.ribbon {
  background-color: #FFC828!important;
  color: #FFFFFF;
}
.vertical.margin {
  margin-top: 5em!important;
  margin-bottom: 5em!important;
}
#info {
  border-top: 2px solid #eaeced;
  border-bottom: 2px solid #eaeced;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-top: 4em;
}
#error-container {
  min-height: 25vh;
}
#gcSearch {
  max-width: 80%;
  margin: 2em auto;
}
.mega-menu {
  min-width: max-content!important;
  padding: 2em 3em!important;
  left: -2.5em!important;
}
.mega-menu .item {
  font-size: 1.1rem;
  padding: 0.75em!important;
  color: #1d1d1d!important;
}
.ui.dropdown .menu .ui.card .meta, .ui.dropdown .menu .ui.card .header {
  white-space: initial;
  line-height: 1.4285em;
}
.ui.dropdown.item.active.visible:focus {
  box-shadow: 0 0 0px 2px #001f3f;
}
 .ui.dropdown .menu.mega-menu .active.item.selected {
  box-shadow: 0 0 0px 2px #001f3f;
}
.page-header {
  font-size: 3em;
}
h2 {
  font-size: 2.25em;
}
h2.smaller {
  font-size: 2rem;
}
h3 {
  font-size: 1.714rem;
}
.page-header-content {
  margin: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 3em;
}
.page-header-image {
  object-fit: cover;
}
.object-fit-contain {
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .page-header-image {
    height: 30em;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0;
}
.calc-container {
  border: 1px solid #001f3f!important;
}
div.calc-header h1 {
  color: #001f3f!important;
}
div.calc-form input[type=button] {
  background-color: #001f3f!important;
}
div.calc-footer {
  background-color: #001f3f!important;
}
.bolded.header {
  font-weight: 700!important;
}
.goog-te-gadget {
  display: inline;
  padding-left: 2em;
}
select.goog-te-combo {
  background: transparent;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  font-weight: bold;
  text-decoration: underline;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  font-family: var(--body-font-family);
  border-bottom: 2px solid #333;
}
.ui.grid>.row.vertically-centered {
  align-items: center;
}
.credit-builder-promo h3,
.credit-builder-promo p {
  color: var(--primary);
  font-weight: bold;
}
#subheader, #subheader2 {
  color: #fff;
  font-size: 1.5rem;
}
.subheaderWithLink {
  text-decoration: underline;
  color: #fff;
}

.nav > .ui.container {
  height: 80px;
}

@media only screen and (max-width: 767px) {

  .nav > .ui.container {
    margin-left: 34px !important;
    margin-right: 40px !important;
  }
  .ui.stackable.grid {
    margin-top: 0.5rem;
  }

  .ui.column.carousel.desktop.only {
    display: none;
  }

  .home .ui.grid > .row.mobile-padded,
  .home .ui.grid > .column.mobile-padded,
  .home .ui.grid > .column:not(.row).mobile-padded,
  .home .ui.grid > .row > .column.mobile-padded,
  .home .mobile-padded {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 1280px) {
  .ui.text.menu .item,
  .ui.text.menu .menu > .ui.dropdown.item {
    display: none;
  }
  .ui.text.menu .right.item {
    display: none;
  }
  .ui.text.menu .item.mobile.show {
    display: block;
  }
  .ui.text.menu .item.logo.mobile.show {
    flex-grow: 1;
    justify-content: end;
    display: flex;
  }
  #sidebar-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .button {
    margin-top: 0.1em!important;
  }
  .sticky {
    min-height: 4em;
  }
  .ui.menu .menu,
  .ui.menu:not(.vertical) > .menu{
    display: none;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1201px) {
  .ui.column.carousel.mobile.only {
    display: none;
  }
}

.autoloan-promo h3,
.autoloan-promo p {
  font-family: 'Times New Roman', Times, serif;
}

.autoloan-promo p {
  margin: 0;
}

ol li > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 21px 0;
}
ol.paragraph-spacing li, ul.paragraph-spacing li {
  margin-bottom: 1em;
}
ol.paragraph-spacing li > p {
  margin-top: 1em;
}
.core-conversion-demo-buttons {
  display:flex;
  flex-direction: column;
}
.core-conversion-demo-buttons > a:first-of-type {
  margin-bottom: 1em;
}
.warning-banner {
  padding: .5em;
  background-color: #FFC828;
  display:flex;
  justify-content: center;
  margin-top: -0.7em;
  font-size: 16px;
  line-height: 1.4285em;
  font-family: var(--body-font-family);
  position: relative;
}
.warning-banner span.close {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 1.5em;
  padding: 0 10px 10px 10px;
}
@media only screen and (max-width: 768px) {
  .warning-banner {
    margin-top: 0.5em;
    font-size: .9em;
  }
}
.warning-banner > span.warning-message {
  max-width: 1127px;
  text-align: left;
  padding-right: 25px;
}
a.anchor,
.site div.anchor {
  display: block;
  position: relative;
  top: 0px;
  visibility: hidden;
}
a.anchor[id]::before,
a.anchor[name]::before,
.site div.anchor::before {
  content: '';
  display: block;
  position: relative;
  padding-top: 75px;
  margin-top: -75px;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  a.anchor,
  .site div.anchor {
    top: 0;
  }
  a.anchor[id]::before,
  a.anchor[name]::before,
  .site div.anchor::before {
    padding-top: 0;
    margin-top: 0;
  }
}

[v-cloak] {
  visibility: hidden;
}

.home-banner-cta-overlay {
  display: flex;
  flex-direction: row;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
}

@media only screen and (min-width: 768px) {
  .home-banner-cta-overlay {
    position: absolute;
  }
  .ev-container .home-banner-cta-overlay {
    justify-content: right;
    bottom: 86px;
  }
  .ui.button.ev-button {
    margin-right: 110px;
  }
  .swiper-slide .content {
    max-width: 326px;
  }
}

.swiper-slide .content h2 {
  margin-bottom: 10px;
}
.swiper-slide .content h3 {
  margin-bottom: 30px;
}
.swiper-slide .button-container {
  display: flex;
  flex-direction: column;
}
.swiper-slide .button-container a.button {
  text-align: center;
}
.swiper-slide .button-container a.button:not(:first-of-type) {
  margin-top: 10px !important;
}

.home-banner-cta-overlay .ui.button {
  box-shadow: 2px 2px 3px #0c0c0c;
  background: var(--primary);
  color: white;
}

#home-banner-image-container.full-width {
  padding-left: 0;
  padding-right: 0;
}

img.scale,
img.responsive {
  max-width: 100%;
}

blockquote {
  background: #ffedbe;
  padding: 1em;
}

blockquote > span {
  font-style: italic;
  font-size: 1.2em;
}

blockquote > span::before {
  content: "“";
}

blockquote > span::after {
  content: "”";
}

blockquote > cite::before {
  content: "— ";
}

blockquote > cite {
  display: block;
  margin-top: 1em;
  font-style: normal;
  font-weight: bold;
  font-size: .9em;
}

h3.benefits-header, h4.benefits-header, h5.benefits-header {
  font-weight: 600;
  font-size:1.28rem;
  text-transform: uppercase;
}
.page-header-content > h1.ui.header {
  font-size: 3em;
}
aside header h1 {
  font-size: 1.714rem;
}
aside h2 {
  font-size: 1.28rem;
}
.ui.button:focus,
.ui.secondary.button:focus,
.ui.basic.primary.button:focus,
a.ui.basic.primary.button:focus {
  box-shadow: 0 0 0px 2px #001f3f !important;
}
.ui.white.button:focus,
.ui.primary.button:focus,
.ui.clear-to-gold.button:focus,
.ui.green-to-dark-green.button:focus {
  box-shadow: 0 0 0px 2px #FFC828 !important;
}
.ui.inverted.button:focus {
  box-shadow: 0 0 0px 2px #FFC828 !important;
  color: #000 !important;
}
.ui.inverted.white-to-green-border.button:focus {
  box-shadow: 0 0 0px 2px #FFC828 !important;
  color: #fff !important;
}

@media screen and (min-width: 1280px) {
  .staff-photo {
    object-position: 0 -50px;
  }
}
@media screen and (min-width: 1920px) {
  .staff-photo {
    object-position: 0 -85px;
  }
}

.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  top: auto;
}
.screenreader-text:focus {
  color: #fff;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}
@media (forced-colors: active) {
  .button {
    text-decoration: underline !important;
  }
}
@media (inverted-colors: inverted) {
  .ui.button {
    background-color: var(--primary) !important;
  }
}


/** redesigned homepage **/

:root {

}

.home, footer, blockquote {
  font-size: 18px;
  font-family: var(--body-font-family);
  line-height: 1.4285em;
}

.home h2,
div.home h2,
footer h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 48px;
}

.home h3,
div.home h3 {
  font-size: 32px;
  font-weight: bold;
}

.home .on-light h2,
.home .on-light h3 {
  color: #001f3f;
}

#main-content {
}

.quick-link {
  width: 100%;
  color: var(--secondary);
  font-weight: bold;
  margin-bottom: var(--quick-link-vert-margin);
}

.quick-link .content {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-size: var(--quick-link-font-size);
}

.quick-link a {
  text-decoration: none;
  color: var(--secondary);
}

.quick-link .content > img {
  height: 40px;
}

.quick-link .content > *:first-child {
  margin-bottom: var(--quick-link-content-vert-margin);
}

.quick-link .title {
  margin-left: 1em;
}

.ui.grid > .column.quick-link-list:not(.row),
.quick-link-list {
  padding-top: var(--quick-list-vert-padding) !important;
  padding-bottom: var(--quick-list-vert-padding) !important;
}

.quick-link-list > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.quick-link-list #sharedBranchesForm {
  margin-top: 1em;
}

.quick-link-list #sharedBranchesForm #id_zip,
.quick-link-list #sharedBranchesForm [name=btnSubmit] {
  max-width: 8em;
  border: 1px solid var(--primary);
}

.quick-link-list #sharedBranchesForm [name=btnSubmit] {
  text-align: center;
}

.flex-direction-column {
  flex-direction: column;
}

.ui.grid > .ui.column.carousel {
  padding: 0;
  padding-left: 1em;
}

.mobile.only.carousel img.banner {
  max-width: 100%;
}

.mobile.only.carousel .swiper-slide {
  line-height: 0;
  display: flex;
  flex-direction: column;
}

.mobile.only.carousel .swiper-slide .middle.aligned.content {
  line-height: initial;
}

.mobile.only.carousel .middle.aligned.content {
  background: var(--secondary);
  padding: 40px;
  flex-grow: 1;
}

.mobile.only.carousel h2 {
  font-size: 32px;
}

.mobile.only.carousel h3 {
  font-size: 22px;
}

.mobile.only.carousel .swiper-controls,
.mobile.only.carousel .swiper-notification {
  display: none;
}

.swiper-slide .item {
  height: 490px;
}

.home .swiper-slide .item h2 {
  font-size: 32px;
  font-family: var(--body-font-family);
}

.home .swiper-slide .item h3 {
  font-size: 22px;
  font-family: var(--body-font-family);
}


.carousel .ui.items > .item > .content {
  padding: 50px;
  padding-top: 74px;
  padding-bottom: 74px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(2,0,36,.5) 60%, rgba(255,255,255,0) 100%);
}

.swiper-slide .item h2,
.swiper-slide .item h3,
.swiper-slide .item button {
  color: white;
  text-underline: none;
}

.swiper-slide .item h2 {
  font-weight: bold;
}

.swiper-slide .item h3 {
  margin-top: 0;
}

.home .background .button,
.ui.menu .button,
.site .background .button {
  display: inline-block;
  background: transparent;
  border-radius: 5px;
  border: 2px solid var(--secondary);
  padding: .5em 2em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.background .button:hover,
.background.on-light .button:hover,
.home .background .button:hover,
.home .background.on-light .button:hover {
  background: var(--secondary);
  color: #fff;
}

.background.dark .button ,
.home .background.dark .button {
  border-color: #ffffff;
  color: #fff;
}

.background.dark .button:hover,
.home .background.dark .button:hover {
  border-color: #ffffff;
  background: #fff;
  color: var(--secondary);
}

.home #subscribe.background.dark .button,
.home #subscribe.background.dark .button:hover {
  border-color: var(--primary);
}

.background.dark a,
.background.dark .ui.link.list a.item {
  color: #fff;
  font-weight: bold;
  font-size: 18px
}

.home .background.primary .button:hover,
.background.primary .button:hover {
  border-color: #ffffff;
  background: #fff;
  color: var(--primary);
}

.home #sharedBranchesForm .ui.primary.button:hover {
  background: var(--secondary) !important;
  color: #fff;
}

.background.blue {
  background-color: var(--blue);
}
.background.light-yellow {
  background-color: var(--light-yellow);
}
.background.secondary {
  background-color: var(--secondary);
}
.background.greenpath-green {
  background-color: var(--greenpath-green);
}

.home .background.on-light .button,
.background.on-light .button {
  color: #001f3f;
}

.home .background.on-light .button:hover,
.background.on-light .button:hover {
  text-decoration-color: #001f3f;
}

.background .button.dark-green {
  border-color: var(--dark-green);
  color: var(--dark-green);
}

.background .button.dark-green:hover {
  color: #fff;
  background-color: var(--dark-green) !important;
}

.background .button.solid.dark-green {
  color: #fff;
  background-color: var(--dark-green);
}

.background .button.solid.dark-green:hover {
  border-color: var(--dark-green);
  color: var(--dark-green);
  background: transparent !important;
}

.home .background .button.primary,
.background .button.primary {
  background: var(--primary);
  color: #fff;
}

.home .background .button.primary:hover,
.background .button.primary:hover {
  text-decoration-color: #fff;
}
.swiper-controls {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 0;
  justify-content: center;
  left: 0;
  right: 0;
  margin-bottom: 22px;
}
.swiper-pagination {
  position: relative;
}
.swiper-button-next,
.swiper-button-prev {
  color: #fff !important;
  position: relative;
  top: 0;
  margin-top: 0;
  height: 20px;
}
.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  margin-left: 11px;
  margin-right: 22px;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") !important;
  margin-left: 11px;
  margin-right: 11px;
}
.swiper-pagination-bullet {
  height: 17px;
  width: 17px;
}
.swiper-pagination-bullet {
  margin-left: 11px;
  margin-right: 11px;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background: rgba(255, 255, 255, .5);
}
.swiper-button-disabled {
  /*display: none;*/
}

.swiper-pagination-bullet {
  /*color: white;*/
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.background.dark {
  color: #fff;
}


.background.primary {
  background: var(--secondary);
}

.background.primary .ui.button.white {
  color: var(--primary);
}

.background.primary .ui.button.white:hover {
  color: #fff;
}

.home .background.primary {
  background: var(--primary);
}

.background.dark.navy {
  background: #001f3f;
}

.background.dark.green {
  background: #006977;
}

.background.light.grey {
  background: #f4f4f4;
}

ul.checkmarks {
  list-style: none;
  padding-left: 0;
  line-height: 2em;
  font-size: 22px;
  font-weight: bold;
}

ul.checkmarks li:before {
  content: '';
  margin-right: 1em;
  width: 22px;
  height: 26px;
  background-image: url("/images/checkmark-yellow.svg");
  font-weight: bolder;
  color: var(--accent);
  display: inline-block;
  vertical-align: sub;
}

.content-section,
.ui.grid > .row.content-section {
  display: flex;
  justify-content: space-between;
  padding-left: var(--content-section-horiz-padding);
  padding-right: var(--content-section-horiz-padding);
  padding-top: 4em;
}

.horiz-padding {
  padding-left: calc(var(--content-section-horiz-padding));
  padding-right: calc(var(--content-section-horiz-padding));
}

.double-horiz-padding {
  padding-left: calc(var(--content-section-horiz-padding) * 2);
  padding-right: calc(var(--content-section-horiz-padding) * 2);
}

.h2 {
  font-size: 2.75em;
  line-height: 1.25em;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
}

.home h3.subheading {
  font-size: 26px;
  font-weight: normal;
}

.align-bottom {
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.staff-image {
  max-width: 386px;
}

section.ui.grid > .column:not(.row) {
  padding: 0;
}

.quoted-image {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.quoted-image.one .figure {
  align-items: center;
}

.quoted-image.two .figure {
  align-items: center;
  margin-top: 40px;
}

.quoted-image.one .figure .staff-image {
  height: 200px;
}

.quoted-image.two .figure .staff-image {
  height: 204px;
}

.quoted-image > blockquote:before {
  content: "“";
  font-size: 100px;
  position: absolute;
  left: -33px;
  font-family: Helvetica;
}

.quoted-image > blockquote {
  background: transparent;
  color: #fff;
  position: relative;
  max-width: 480px;
  margin: 0;
  padding: 0;
}

.quoted-image > blockquote a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.quoted-image > blockquote a:hover {
  text-decoration: underline;
}

.quoted-image > blockquote a:after {
  content: " >";
}

.ui.card .description {
  padding: 1em;
  display: flex;
  flex-direction: column;
  position: relative;
}

.ui.card .button-container .button {
  text-align: center;
  border:none;
  font-size: 16px;
  position: absolute;
  bottom: 1em;
  right: 1em;
  left: 1em;
}

.ui.card .description h3 {
  color: #333333;
  font-family: var(--body-font-family);
  color: var(--secondary);
  font-size: 22px;
  font-weight: bold;
}

.read-more:after {
  content: ' >';
}

.read-more {
  color: #333333;
  font-weight: bold;
  position: absolute;
  left: 1em;
  bottom: 1em;
}

.atm-locator .ui.inverted.button,
.atm-locator .ui.inverted.button:hover,
.atm-locator .ui.inverted.button:active,
.atm-locator .ui.inverted.button:focus {
  box-shadow: none !important;
}

.home #main-content,
.ui.stackable.grid>.wide.column.carousel {
  padding: 0 !important;
}

.ec-event-title .title {
  display: block;
}

.ec-list .ec-event.highlight {
  box-shadow: 0 0 20px var(--accent) inset;
}

.ec-list .ec-event.highlight.fade {
  box-shadow: 0 0 20px transparent inset;
  transition: box-shadow 1s ease-in;
}

.ec-day-grid .ec-event-body {
  flex-direction: column;
}

.event-calendar .ec-event-title > *:not(.title) {
  display: none;
}

.event-calendar .ec-list .ec-event-title > *:not(.title) {
  display: block;
}

.event-calendar .ec-list .title {
  font-size: 1.25em;
  font-weight: bold;
  color: var(--blue);
}

.event-calendar .ec-list .ec-event-title > *:not(:first-of-type) {
  margin-top: 1em;
}

#ec {
  width: 720px;
}

.ec-event {
  background-color: var(--primary);
}

.ec-list .ec-day-head {
  background-color: var(--primary);
  color: #fff;
}

.ec-list .ec-event-body .ec-event-time {
  font-weight: bold;
}

.ec-list .ec-event {
  padding: 24px 14px;
}

.ec-list .ec-event-body .ec-event-time {
  margin-bottom: 14px;
}

.ec-list .ec-event-tag {
  display: none;
}

.site h2.ec-title {
  font-size: 22px;
}

.ec-day-grid .ec-event-title {
  white-space: normal;
  font-size: .95rem;
}

.ec-day-grid .ec-event-time {
  font-size: .85rem;
}

@media screen and (max-width: 1280px) {
  .home {
    font-size: 20px;
  }

  #main-content,
  .ui.stackable.grid>.wide.column.carousel {
    padding: 0 !important;
  }

  .quick-link .content {
    position: relative;
  }

  .quick-link .content .title {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .mobile-cards .ui.card {
    width: 80vw;
  }

  .trifle {
    flex-direction: column;
    font-size: 0.75em;
    line-height: 1em;
  }
  .trifle > div:first-of-type {
    padding: 0;
    z-index: 2;
  }
  .trifle > div:first-of-type .button {
  }

  .trifle > div:nth-of-type(3) {
    padding: 0;
    z-index: 2;
    text-align: right;
    height: 300px;
  }

  .align-bottom {
    position: relative;
  }

  .trifle .button-container {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 40px;
  }

  .content-section {
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 70px;
  }
  .quoted-image.one {
    display: none;
  }

  .quoted-image.two > blockquote {
    margin-left: 58px;
    margin-right: 40px;
    margin-top: 20px;
    font-size: 0.75em;
    line-height: 1em;
  }

  .dual-quotes .align-bottom {
    right: 0;
  }

  .ui.grid > .row.mobile-padded,
  .ui.grid > .column.mobile-padded,
  .ui.grid > .column:not(.row).mobile-padded,
  .ui.grid > .row > .column.mobile-padded,
  .mobile-padded {
    padding-left: 2em;
    padding-right: 2em;
  }

  .ui.grid > .stackable.stackable.row > .column.no-padding,
  .ui.stackable.grid > .column.grid > .column.no-padding,
  .ui.stackable.grid > .column.row > .column.no-padding,
  .ui.stackable.grid > .column.no-padding:not(.row),
  .ui.stackable.grid > .row > .column.no-padding,
  .ui.stackable.grid > .row > .wide.column.no-padding,
  .ui.stackable.grid > .wide.column.no-padding {
    padding: 0 !important;
  }

  .ui.items > .item.mobile-centered-background {
    background-position: center;
  }

  .item.logo > img,
  .item.logo.mobile.show > img {
    height: 25px;
  }
  .ui.menu:not(.vertical) > .menu {
    flex-grow: 1;
    justify-content: end;
  }
  .ui.menu:not(.vertical) .item > .button {
    margin: 0;
    padding-left: 1em;
    padding-right: 1em;
  }

  .read-more {
    font-size: 18px;
  }
}

#sidebar-toggle {
  border-radius: 4px;
}

#sidebar-toggle i.sidebar.icon {
  color: #000;
  margin-right: 0;
  font-size: 1.5em;
}

.sidebar.ui.vertical.menu .languages {
  display: flex;
  flex-wrap: wrap;
}

.sidebar.ui.vertical.menu .languages a {
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin-right: 6px;
  color: #5b5b5b;
}
.sidebar.ui.vertical.menu .languages a:not(:last-of-type):after {
  content: '•';
  font-size: 12px;
}

.sidebar.ui.vertical.menu .languages a span {
  display: inline-flex;
  margin-bottom: 10px;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  box-shadow: rgba(34, 36, 38, 0.15) 0px 0px 0px 0px inset;
  margin-right: .5em;
}

footer,
footer .ui.segment {
  font-size: 18px;
}

footer .ui.image {
  height: 45px;
}

footer .ui.image.logo {
  height: 30px;
}

footer p {
  max-width: 480px;
  margin-top: 40px;
}

.footer-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px
}

.footer-links > div {
  margin-right: 20px;
}

.footer-links > div > a {
  display: block;
  color: #001f3f;
  font-size: 18px;
  text-decoration: none;
  margin-bottom: 18px;
}

.footer-links > div > a:hover {
  text-decoration: underline;
}

div.footer-links h2 {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
  color: #333333;
}

.footer-links {
  position: relative;
}

.footer-links.mobile.only {

}

.footer-links.mobile.only h2 {
  display: inline-block;
  font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-weight: 400;
  text-transform: none;
  color: #001f3f;
}

.footer-links.mobile.only .ui.accordion .title .carrow.icon,
.carrow.icon {
  position: relative;
  bottom: -5px;
}

.footer-links.mobile.only .ui.accordion .title.active .carrow.icon::before,
.carrow.icon.active::before {
  transform: rotate(90deg) scaleX(50%);
  transition: transform .3s ease-in-out;
}

.footer-links.mobile.only .ui.accordion .title .carrow.icon::before,
.carrow.icon::before {
  content: '>';
  font-size: 2.5em;
  display: inline-block;
  font-weight: bold;
  transform: scaleX(50%);
  transition: transform .3s ease-in-out;
}

.footer-links.mobile.only .ui.accordion .content {
  padding-left: 1.75em;
}

.footer-links.mobile.only .ui.accordion .content a {
  display: block;
}

div.app-store-links {
  bottom: 2em;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 45px;
}

.app-store-links img {
  margin-bottom: 10px;
  height: 44px;
}

.app-store-links a:not(:first-of-type) {
  margin-left: 31px;
}

.footer-logos {
  display: flex;
  margin-bottom: 70px;
}

.footer-logos.top {
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.language-select {
  font-weight: bold;
  color: #333333;
}

.language-select .carrow.icon.active {
  font-size: .65em;
  margin-left: 3px;
  font-weight: bold;
}

.social-media {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.social-media a:not(:first-of-type){
  margin-left: 31px;
}

.social-media img {
  height: 47px;
}

.footer-logos.mobile.only {
  justify-content: flex-end;
}

.no-gutters {
  margin-left: -3em;
  margin-right: -3em;
}

.no-horiz-margin,
.ui.container.no-horiz-margin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.no-vert-margin {
  margin-top: 0;
}

footer .ui.list.footer-legal > .item:not(:last-of-type)::after {
  content: '|';
  display: inline-block;
  height: 0;
  visibility: visible;
  clear: both;
  color: #fff;
  padding-left: 1em;
}

/* desktop */
@media screen and (min-width: 768px) {
  footer .mobile.only {
    display: none;
  }
}

/* mobile */
@media screen and (max-width: 1280px) {
  footer .computer.only {
    display: none;
  }

  div.app-store-links {
    position: static;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}

.limit-width,
.ui.limit-width,
.ui.grid.limit-width {
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
}

.ui.secondary.button {
  background-color: var(--primary);
}

.home .ui.secondary.button,
.ui.menu .menu .button.login{
  background-color: var(--secondary);
}

.home .ui.secondary.button,
.ui.secondary.button {
  border: none;
}

.home .button {
  font-size: 18px;
}

.primary.color {
  color: var(--secondary)!important;
}

.home .primary.color {
  color: var(--primary)!important;
}

.secondary.color,
.menu .secondary.color,
.ui.menu .menu .button.join-us {
  color: var(--secondary);
}
.ui.menu .menu .button.join-us:hover {
  color: #fff;
}
.tertiary.color {
  color: #FFC828!important;
}
.ui.primary.button {
  background-color: var(--primary)!important;
}
.home [class*="primary background"] {
  background-color: var(--primary)!important;
}
[class*="accent background"] {
  background-color: var(--accent)!important;
}
.button[class*="accent background"]:hover {
  background-color: var(--primary)!important;
  color: #fff;
}
.ui[class*="secondary font color"],
[class*="secondary font color"] {
  color: var(--secondary);
}
.ui[class*="secondary font color"]:hover,
[class*="secondary font color"]:hover {
  color: #fff;
}
.ui[class*="secondary font color"]:hover,
[class*="secondary font color"]:hover {
  text-decoration-color: var(--secondary);
}
.ui.button.secondary[class*="secondary background"]:hover,
.button[class*="secondary background"]:hover {
  background: var(--blue);
  color: #fff;
}
.ui.menu .ui.button.secondary[class*="secondary background"]:hover,
.home .ui.button.secondary[class*="secondary background"]:hover,
.home .button[class*="secondary background"]:hover {
  background: var(--dark-green);
  color: #fff;
}
.tertiary.background {
  background-color: #FFC828!important;
}
.light.gray.background {
  background-color: #FAFCF5!important;
}

.arrow-right:before {
  /*content: '🢒';*/
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 22px solid #fff;
}

.home .ui.card,
.mega-menu .ui.card,
.info-card {
  box-shadow: none;
  height: 100%;
  position: relative;
}

.home .ui.card.shrink, .info-card.shrink {
  height: auto;
}

.home .ui.card .button-container, .info-card .button-container {
  flex-grow: 1;
  position: relative;
  height: calc(45px + 1em);
}

.info-card p,
.site .info-card p{
  width: initial;
}

.no-padding,
.ui.grid > .column:not(.row).no-padding,
.ui.grid > .row > .column.no-padding {
  padding: 0;
}

/*.home p,*/
/*.home h1,*/
/*.home h2,*/
/*.home h3 {*/
/*  max-width: 750px;*/
/*}*/

/*.home .centered {*/
/*  margin-left: auto;*/
/*  margin-right: auto;*/
/*}*/

.limit-length,
h1,
h2,
h3 {
  max-width: 50rem;
}

.ui.grid > .centered.column,
.ui.grid > .row > .centered.column,
.centered:not(.ui.card),
.flex-vertical-align {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.home section .ui.card, .info-card {
  min-width: 348px;
}

#subForm > input,
#subForm > button.button,
.subscribe-widget > input,
.subscribe-widget > button.button {
  border: none;
}

#subForm input,
 .ui.input.subscribe-widget input {
  text-align: center;
   max-width: 400px;
}

[class*="extra vertical padding"],
.ui.grid[class*="extra vertical padding"],
.ui[class*="extra vertical padding"]{
  padding-top: 70px;
  padding-bottom: 70px;
}

footer > .ui.segment {
  padding-bottom: 0;
}

footer .background .content-section {
  padding-bottom: 40px;
}

footer .ja-logo {
  max-height: 50px;
}

footer .affiliations {
  margin-top: 65px;
}

footer .affiliations img {
  height: 80px;
}

footer .affiliations img:not(:first-of-type) {
  margin-left: 40px;
}

footer img.inclusiv-logo {
  height: 25px;
}

.ui.grid.no-negative-margin {
  margin-top: 0;
}

.subscribe-form .subscribe-widget,
#subForm {
  justify-content: center;
  display: flex;
}

#subForm label {
  display: none;
}

.js-cm-submit-button.sc-brqgnP.idvlmx {
  border-radius: 0 .28571429rem .28571429rem 0;
}

.subscribe-widget input[type=email] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-color: transparent !important;
}

@media only screen and (max-width: 1280px) {

  .quick-link-list > div {
    height: 420px;
  }

  .subscribe-form form,
  .subscribe-form .subscribe-widget,
  #subForm {
    width: 100%;
  }
  .ui.input.subscribe-widget input,
  #subForm input {
    padding: 0;
  }

  .ui.input.subscribe-widget input[name=email],
  .subscribe-widget input[type=email]
  {
    flex-grow: 1;
    min-width: 0;
    flex-shrink: initial;
  }

  .footer-logos.top {
    flex-direction: column;
  }

  footer .language-select {
    margin-top: 40px;
  }

  .footer-legal.ui.horizontal.list > .item {
    display: block;
    margin-top: 1em;
  }

  footer .ui.list.footer-legal > .item:not(:last-of-type)::after {
    content: '';
    padding-left: 0;
  }

  footer .affiliations img:not(:first-of-type) {
    margin-left: 10px;
  }

  footer .affiliations img.ncua-logo {
    margin-top: 40px;
  }
  .footer-logos {
    margin-bottom: 40px;
  }

  .nav > .ui.container {
    height: 130px;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1460px)  {
  .ui.container {
    width: 95%;
  }
  .ui.menu .menu {
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
  .content-section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .home .ui.card, .info-card {
    min-width: initial;
  }
}

.top-spacing,
.top-spacing {
  margin-top: 12px;
}

.button.top-spacing,
form.top-spacing {
  margin-top: 26px;
}

input[type="text"].error {
  box-shadow: 0px 0px 2px 3px inset red;
}

#subscribe-success {
  display: none;
}

.subscribe-form-message {
  margin-top: 30px;
}


@media only screen and (min-width: 768px) {
  .home-banner-cta-overlay {
    position: absolute;
  }
  .ev-container .home-banner-cta-overlay {
    justify-content: right;
    bottom: 86px;
  }
  .ui.button.ev-button {
    margin-right: 110px;
  }
  .lowest-auto-rates-banner .home-banner-cta-overlay {
    justify-content: start;
  }

  .lowest-auto-rates-banner .ui.button.cta-button-dark {
    margin-left: 20px;
    margin-bottom: 20px;
  }

  .ui.button.cta-button-dark {
    display: inline-block;
    background: transparent;
    border-radius: 5px;
    border: 1px solid #ffffff;
    padding: .5em 2em;
    color: #fff;
    text-decoration: none;
  }
}

/*@media screen and (max-width: 360px) {*/
/*  .item.logo.mobile.show > img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*  }*/
/*}*/

.member-advance-banner #subheader2 {
  font-size: 0.75em;
}

.stw-promo {
  margin-top: 13%;
  position: relative;
}

.stw-promo .stw-promo-overlay {
  position: absolute;
  z-index: 1;
  width: 20%;
  top: -13%;
  left: -4%;
  transform: rotate(-30deg);
}

.footnote {
  font-size: .8em;
}
table.stw-prizes td[colspan='4'],
table.stw-prizes td[colspan='2'],
table.stw-prizes tfoot {
  background-color: var(--light-grey);
}
.text-centered {
  text-align: center;
}
.rate-discounts tbody td > strong {
  font-size: 1.25em;
  text-transform: uppercase;
}
.mega-menu .ui.card > .content > a.header:not(.ui),
.mega-menu .ui.cards > .card > .content > a.header:not(.ui),
.mega-menu a.header {
  font-size: 18px;
  text-decoration: none;
  margin-bottom: .5em;
}

.l-form-default div:not(:has(#fieldEmail)):not(:has(button)) {
  display: none;
}
.l-form-default[style] {
  background: transparent !important;
}

/* Ensure the email input, label, and button are displayed */
#fieldEmail,
#fieldEmail + label,
.js-cm-submit-button {
  display: block;
}
.iIDDUy {
  background: transparent !important;
  border-radus: none;
}
.l-form-default[style] {
  min-height: initial !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.language-selector .menu.mega-menu {
  min-width: 300px; /* Adjust as needed for the 3-column layout */
  padding: 1em;
  left: auto !important; /* Override default left placement */
  right: 0; /* Align to the right of the button */
  text-align: left; /* Left align the text */
}

.language-selector .popular-languages {
  display: grid; /* Use grid for the tiled layout */
  grid-template-columns: repeat(3, 1fr); /* 3 columns */
  grid-template-rows: repeat(2, 1fr); /* 2 rows */
  gap: 0.5em; /* Space between tiles */
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc; /* Add a separator */
  padding-bottom: 1em;
}

.language-selector .popular-languages .item {
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: center; /* Center the text in the tiles */
  border: 1px solid #ccc; /* Optional: Add a border to the tiles */
}

.language-selector .popular-languages .item:hover {
  background-color: #eee;
  cursor: pointer;
}

/* Ensure Google Translate dropdown is below popular languages */
.language-selector #google_translate_element {
  margin-top: 1em;
}

.language-selector.ui.dropdown.item.active.visible:focus {
  box-shadow: none;
}

.ui.menu .popular-languages .item,
.ui.menu .popular-languages .item.active:hover,
.ui.menu .popular-languages .item:hover,
.ui.menu .popular-languages .item:active,
.ui.menu .popular-languages .item.active {
  background: var(--primary);
  color: #fff !important;
  border: none;
  font-weight: normal;
}

/* Adjust goog-te to avoid underline */
.goog-te-gadget-simple .goog-te-menu-value span {
  text-decoration: none;
}

.ui.menu .item.translate-sidebar {
  padding: 10px;
}