@charset "UTF-8";
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires 2 media queries to cap the upper (B) and lower (A) values.
 */
/* normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

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

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

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  /*border-bottom: 1px dotted rgba(0,0,0,.1);*/
  cursor: help;
  text-decoration: none;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 90%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

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

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

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

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

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

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

label[for],
input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

input[type=checkbox] {
  width: 1em;
  height: 1em;
}

.FieldSetWrap {
  padding: 0 0.25em;
  border-radius: 0.4rem;
}
@media (min-width: 64em) {
  .FieldSetWrap {
    padding: 0;
  }
}

.FieldSetWrap.FieldSetWrap2 {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 37.5em) {
  .FieldSetWrap.FieldSetWrap2 {
    margin-top: 0;
  }
}

.FieldSetWrap2 > .FieldSetWrapInner {
  padding: 2em 1em;
  background: #FFF;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 48em) {
  .FieldSetWrap2 > .FieldSetWrapInner {
    padding: 2em;
  }
}

.SignUpFormPage .FieldSetWrapInner {
  padding: 0.5em;
}
@media (min-width: 37.5em) {
  .SignUpFormPage .FieldSetWrapInner {
    padding: 1em;
  }
}

.FieldSetWrapInner.CustAuthWrap {
  background: #FFF;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

#EvenFinancialApp .FieldSet {
  margin-bottom: 1em;
}

.FieldSet > legend + h3 {
  margin-top: 0;
}

.FieldSetWrap + .h2-1 {
  margin-top: 3rem;
}

.FieldSet,
.AuthQuestField {
  width: 100%;
  max-width: 55rem;
  margin: 0 auto;
}

.SignUpFormPage .FieldSet {
  padding: 0 0.5em;
}
@media (min-width: 48em) {
  .SignUpFormPage .FieldSet {
    padding: 0 2em;
  }
}

.FieldSet.sign-up-form {
  margin-top: 1em;
}
@media (min-width: 37.5em) {
  .FieldSet.sign-up-form {
    margin-top: 2em;
  }
}

.FieldSet1.contact-form {
  margin-top: 1em;
}
@media (min-width: 37.5em) {
  .FieldSet1.contact-form {
    margin-top: 2em;
    padding: 0 1em;
  }
}
@media (min-width: 48em) {
  .FieldSet1.contact-form {
    padding: 0 2em;
  }
}

.sign-up-form p {
  margin: 0;
}

.FieldSetWrap2 label.Label2 {
  color: #3FBDF1;
  text-transform: uppercase;
}

.FieldSetWrapHead {
  padding: 0.5rem 0.25rem;
}

.LoanMatch .FieldSetWrapHead {
  margin-bottom: 1.5rem;
}
@media (min-width: 37.5em) {
  .LoanMatch .FieldSetWrapHead {
    padding: 0;
  }
}
@media (min-width: 48em) {
  .LoanMatch .FieldSetWrapHead {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 64em) {
  .LoanMatch .FieldSetWrapHead {
    width: 100%;
  }
}

.LoanMatch .FieldSetWrapHead .q-wrap {
  margin-bottom: 0;
}
@media screen and (min-width: 34em) {
  .LoanMatch .FieldSetWrapHead .q-wrap {
    margin-bottom: 1.5rem;
  }
}

.FieldSet h4 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
  clear: both;
  font-weight: 700;
}
.FieldSet h4:first-of-type {
  padding-top: 0;
}

.FieldSet .FieldSetWrapHead h4 {
  padding-top: 0;
  margin-bottom: 0.5em;
}

.FieldSetWrapHead .attn {
  color: #e44e5a !important;
  /*@include mq($from: tablet) {
      position: absolute;
      bottom: .5em;
  }*/
}

.q-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.75rem 0;
}
@media (min-width: 37.5em) {
  .q-head {
    flex-direction: row;
  }
}

.LoanMatch .q-head {
  position: relative;
  flex-direction: column;
}
@media (min-width: 37.5em) {
  .LoanMatch .q-head {
    padding: 1rem 10px;
  }
}
@media (min-width: 48em) {
  .LoanMatch .q-head {
    width: 47%;
    padding: 0rem;
  }
}

.q-head > br {
  display: none;
}

@media (max-width: 37.49em) {
  .q-head > select {
    font-size: 0.9rem;
  }
}

.FieldSetWrap .q-head label {
  color: #FFF;
  font-size: 1rem;
  text-align: center;
  text-transform: none;
}
@media (min-width: 21.875em) {
  .FieldSetWrap .q-head label {
    text-align: left;
    padding-right: 1ex;
  }
}
@media (min-width: 25em) {
  .FieldSetWrap .q-head label {
    font-size: 1.25rem;
  }
}
@media (min-width: 64em) {
  .FieldSetWrap .q-head label {
    font-size: 1.5rem;
  }
}

.q-wrap {
  margin: 0 0 1.75rem;
}

.q-static {
  padding: 0.5em;
}

.q-clear {
  clear: both;
}

.q-note {
  padding: 0 0.5em;
}

.q-flex {
  display: flex;
  flex-direction: column;
}
@media (min-width: 56.25em) {
  .q-flex {
    display: inline-block;
  }
}

.FieldSet1 .q-wrap.q-padding {
  margin-top: 1em;
}

.FieldSet1 .q-wrap.q-cbx {
  margin-top: 1em;
  margin-bottom: 0;
}

.q-cbx > label {
  font-weight: 700;
}

.FieldSet1 .q-wrap.q-padding {
  margin-bottom: 2em;
}

.q-note p em {
  color: #1A202C;
  font-size: 0.7125rem;
}

.q-radios {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1em -1ex;
}

.q-radios > * {
  margin: 0 0 0.25rem 1ex;
}

.q-radios label {
  padding-left: 0;
}

.multi-field input[type],
.multi-field select {
  width: auto;
}

.q-radios .multi-field {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-grow: 1;
  margin-left: auto;
}

.q-radios .multi-field input {
  width: 1em;
  height: 1em;
}

.q-radios .multi-field label {
  padding: 0 1.333em 0 0.333em;
}

.q-radios br {
  display: none;
}

.q-wrap .attn,
.q-clear .attn,
.q-note,
.FormDisclaim .attn,
.FormDisclaim small {
  font-size: 0.7125rem;
}

.q-wrap .attn {
  margin-top: 0.5rem;
}

.FormDisclaimWrap {
  padding: 1rem 0 2rem;
  clear: both;
}
@media (min-width: 37.5em) {
  .FormDisclaimWrap {
    padding: 1em 0.5em 2em;
  }
}

#EvenFinancialApp .FormDisclaimWrap {
  margin-top: -2em;
}
@media (min-width: 37.5em) {
  #EvenFinancialApp .FormDisclaimWrap {
    padding: 1em 2em 2em;
  }
}

.FormDisclaim {
  display: flex;
  padding: 1rem 0 0;
  line-height: 1.2;
  text-align: left;
}

.FormDisclaim > input[type=checkbox] {
  flex-shrink: 0;
  margin-top: 0.333em;
}

.FormDisclaim p {
  margin: 0;
  padding-left: 0.5rem;
}
@media (min-width: 37.5em) {
  .FormDisclaim p {
    padding-left: 1rem;
  }
}

.FormDisclaim a {
  color: #3FBDF1;
  text-decoration: none;
}

.FormDisclaim small {
  color: #718096;
}

.RadioList {
  padding: 0;
  list-style: none;
}

.RadioList li + li {
  margin-top: 0.7em;
}

.RadioList input,
.RadioList label {
  display: inline-block;
}

.RadioList label {
  font-weight: normal;
}

.RadioList input + label {
  padding-left: 7px;
}

.input-list {
  padding: 0;
}

.input-list > li:before {
  content: none;
}

.q-MI input[type] {
  max-width: 5ex;
  text-align: center;
}

.q-ZipCode input[type] {
  max-width: 13ex;
}

.q-SsnLast4 input[type] {
  max-width: 8ex;
  text-align: center;
}

input[type].PhonePart,
input[type].SsnPart,
.PhoneFields > *,
.DateOfBirth > * {
  text-align: center;
}

.q-Fico label {
  padding: 0 1ex 0 0;
}

.q-Fico br {
  display: none;
}

.q-Fico input,
input[type].PhonePart1,
input[type].PhonePart2,
input[type].SsnPart1 {
  width: 7ex;
}

input[type].SsnPart2,
input[type].month,
input[type].day {
  width: 6ex;
}

input[type].PhonePart3,
input[type].SsnPart3,
input[type].year {
  width: 9ex;
}

.SsnPart2,
.SsnPart3,
.PhonePart3,
.PhonePart2,
.day,
.year {
  margin-left: 1ex;
}

.SsnLast4WithLock {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon {
  display: inline-block;
}

input + .icon {
  margin-left: 4px;
}

.q-DatePicker input {
  max-width: 25ex;
}

.FieldSetButtons {
  margin-top: 2rem;
  text-align: center;
}

.FieldSet .loanIntro h4 {
  margin: 0;
}

.FieldSet .loanIntro {
  text-align: center;
}

.FieldSet1 .q-wrap .multi-field input {
  margin: 0 0.25em;
}

.FieldSet1 .q-wrap .attn {
  display: block;
}

.FieldSet1 .q-wrap .multi-field .attn {
  display: inline;
}

.FieldSet1 .q-wrap > [style*=inline].attn {
  display: block !important;
}

.SsnFields {
  margin: 0;
  padding: 1.5rem;
  color: #fff;
}

.CustAuthWrap .FieldSetButtons {
  margin: 1rem auto 2rem;
}
@media (min-width: 37.5em) {
  .CustAuthWrap .FieldSetButtons {
    margin: 2rem auto;
  }
}

.SsnFields .FieldSetButtons {
  margin: 3rem auto 2rem;
}

.main .ca-desc {
  margin-bottom: 2rem;
  font-size: 0.875rem;
}
@media (min-width: 37.5em) {
  .main .ca-desc {
    font-size: 1rem;
  }
}

.SsnFields .attn {
  padding: 1px 4px;
}

.SsnWrap label {
  color: #1A202C;
}

.SsnWrap .icon {
  position: relative;
  top: 5px;
  left: 10px;
  fill: #1A202C;
}

.Media {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.Media.Stack {
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.Media.Stack .Img {
  margin-bottom: 10px;
  margin-right: 0;
}

.Media.Stack #Good {
  height: 55px;
}

.Media + .Media {
  margin-top: 1.5rem;
}

.Media .Img {
  flex: 0 0 auto;
  margin-bottom: 1em;
}

.Media .Img svg {
  display: block;
}

.MediaBody {
  flex: 1 1 auto;
  align-self: center;
  font-size: 0.875rem;
}

.MediaHead1 {
  margin: 0;
  font-size: 1rem;
}

.FreeScoreType2 .MediaHead1 {
  margin: 0;
}

.MediaHead2 {
  margin: 0;
  font-size: 0.875rem;
}

.SsnWrap .Media .Img svg {
  width: 43px;
  height: 43px;
}

.MediaHead + p {
  margin-top: 0;
}

.MediaBody > *:last-child {
  margin-bottom: 0;
}

.SsnLast4Wrap .SsnFields {
  margin: 0 0 1rem;
}
@media (min-width: 37.5em) {
  .SsnLast4Wrap .SsnFields {
    width: 57%;
    margin: 0;
  }
}

.SsnFields .q-wrap {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
  margin: 0;
}
@media (min-width: 37.5em) {
  .SsnFields .q-wrap {
    flex-direction: row;
  }
}

.SsnFields .q-wrap + .q-wrap {
  margin-top: 2rem;
}

@media (min-width: 37.5em) {
  .SsnFields .q-wrap > * + * {
    margin-left: 10px;
  }
}

.SsnFullWrap label {
  flex-shrink: 0;
  width: 26ex;
  text-align: center;
}
@media (min-width: 37.5em) {
  .SsnFullWrap label {
    text-align: left;
  }
}

.AuthQuestWrap {
  padding: 0 0.875rem;
  /*background: #FFF;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);*/
}
@media (min-width: 37.5em) {
  .AuthQuestWrap {
    padding: 0 2rem;
  }
}

.AuthQuestWrap {
  margin-top: 1.5rem;
}

/*.AuthQuestWrap:last-of-type {
    margin-bottom: 3rem;
}*/
.CustAuthWrap .AuthQuestField {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #E2E8F0;
}

.CustAuthWrap .AuthQuestWrap:last-of-type .AuthQuestField {
  border-bottom: none;
}

.AuthQuest {
  color: #1A202C;
  font-size: 1.15rem;
  font-weight: 500;
}

@media (min-width: 37.5em) {
  .SsnLast4Wrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
  .SsnLast4Wrap .Media {
    align-items: center;
    width: 41%;
  }
  .SsnLast4Wrap .MediaHead,
  .SsnLast4Wrap .MediaBody {
    font-size: 0.75rem;
    font-style: italic;
  }
  .SsnLast4Wrap .MediaHead1 {
    color: #1A202C;
  }
}
@media screen and (min-width: 34em) and (max-width: 47.9em), screen and (min-width: 52em) {
  .FieldSet1 .q-wrap {
    float: left;
    width: 47%;
    margin: 0 0 1.5em 0;
  }
  .FieldSet1 .q-full-width {
    clear: left;
    width: 100%;
  }
  .FieldSet1 .q-wrap.q-clear + .q-wrap {
    margin-left: 5%;
  }
  .FieldSet1 .q-wrap.q-clear + .q-wrap.q-clear {
    margin-left: 0;
  }
}
.enhanced .FloatLabel {
  position: relative;
}

.enhanced .FloatLabel > label {
  position: absolute;
  top: -0.7rem;
  left: 0.35rem;
  padding: 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  transform: translate(0.25rem, 1.45rem);
}

.enhanced .FloatLabel.InputEntered > label {
  top: -0.75rem;
  padding: 3px;
  color: rgba(74, 85, 104, 0.831372549);
  font-size: 0.75rem;
  transform: none;
  transition: padding, font-size, font-weight, transform ease-out 0.2s;
}

.enhanced .FloatLabel.InputEntered.InputSelected > label {
  color: #3FBDF1;
}

.enhanced .FloatLabel > br,
.enhanced .HideLabel > label,
.enhanced .HideLabel > br,
.q-Flat > br {
  display: none;
}

.enhanced .HideLabel > select {
  padding-bottom: 0.35em;
}

.q-Flat {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.q-Flat > label {
  margin-right: 1em;
  font-size: 0.75em;
  font-weight: bold;
}

.q-Flat > label:after {
  content: ":";
}

.AccountWrap {
  margin: 0 0.5rem;
  padding-top: 1rem;
  clear: both;
}

/*.LoanMatch .AccountWrap {
    margin: 0 .5em 1.25em;
    clear: both;
}*/
.AccountWrap > label {
  font-weight: 500;
}

.AccountWrap span {
  display: flex;
  align-items: center;
  margin-top: 0.5em;
}
@media (min-width: 31.25em) {
  .AccountWrap span {
    display: inline-flex;
  }
}

.AccountWrap span.attn {
  font-size: 0.7125rem;
}

.AccountWrap span label {
  margin: 0.15em 0.75em 0 0.25em;
  font-size: 0.825em;
}

.SiteSecurity {
  order: 1;
}
@media (min-width: 37.5em) {
  .SiteSecurity {
    order: 0;
    margin-right: -3em;
  }
}

.SiteSecurity:focus {
  outline: none;
}

.SiteSecurity svg {
  margin-top: 0.5em;
}
@media (min-width: 37.5em) {
  .SiteSecurity svg {
    margin-left: 1em;
  }
}

.currencySymbol {
  position: absolute;
  top: 0.55em;
  left: 0.5em;
  display: none;
}

.InputEntered .currencySymbol {
  display: block;
}

.InputEntered.q-currency input[type=tel] {
  padding-left: 1.25em;
}

.q-label label {
  color: #718096;
  font-weight: bold;
  font-size: 0.875rem;
}

#change-pwd .attn {
  display: block;
  margin-bottom: 1em;
}

#settings .FieldSetWrapInner label,
#pc-Email label {
  color: #718096;
  font-size: 0.875rem;
}

.PreferenceCenter small {
  display: flex;
  margin-bottom: 1em;
}

.PreferenceCenter small span {
  color: #FFA158;
}

.PreferenceCenter .q-cbx,
.unsunscribe {
  display: flex;
  margin: 0 0 1em;
}

.PreferenceCenter label {
  font-size: 0.875rem;
}

.unsunscribe {
  font-style: italic;
}

.unsunscribe label {
  font-weight: 700;
}

.unsub,
.UnsubAll {
  display: flex;
  align-items: center;
  margin-right: 0.75em;
}

.UpdatedPreferences {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
  overflow: auto;
  background: rgba(11, 70, 119, 0.8);
}

.Success .UpdatedPreferences {
  display: flex;
}

.UpdatedPreferences .animate-btn {
  width: 12em;
}

.GoBack {
  margin: 0 2em 0 0.5em;
  color: #718096;
}

.GoBack:hover {
  cursor: pointer;
  text-decoration: none;
}

.UpdatedPreferences .GoBack:before {
  content: "";
  display: block;
  float: left;
  width: 1.5em;
  height: 1.25em;
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22icon-angle-left%22%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2011%2028%22%20%20width%3D%2240%22%20height%3D%2240%22%3E%0A%09%3Cpath%20fill%3D%22%238a8a8a%22%20d%3D%22M9.797%208.5c0%200.125-0.063%200.266-0.156%200.359l-6.141%206.141%206.141%206.141c0.094%200.094%200.156%200.234%200.156%200.359s-0.063%200.266-0.156%200.359l-0.781%200.781c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l7.281-7.281c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.219%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.PreferencesPopUp {
  position: relative;
  max-width: 50em;
  background: #F7F7F7;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

.PreferencesPopUp h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 1em 1.75em;
  background: #3FBDF1;
  color: #FFF;
}

.PreferencesPopUp a.DefaultBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.PreferencesPopUp p {
  padding: 1em 2em;
  font-size: 0.825em;
  text-align: center;
}

.PreferencesFooter small {
  margin: 2em 0 0;
}

.PreferencesFooter p {
  margin-bottom: 0;
}

.PreferencesFooter p:last-of-type {
  margin-top: 0.25em;
  margin-bottom: 0.5em;
}

#contact-aff .FieldSetWrap2 > .FieldSetWrapInner {
  padding-top: 1em;
}

#contact-aff .SignUpHeader h2 {
  display: block;
  margin: 0;
}

.CheckboxList {
  display: flex;
  flex-flow: wrap;
  padding: 0 0.5em;
}

.CheckboxList li {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 1em 0.5em 0;
}
@media (min-width: 48em) {
  .CheckboxList li {
    width: 50%;
  }
}

.CheckboxList li:before {
  content: none;
}

.CheckboxList li input {
  margin-right: 0.25em;
}

.q-money input[type=text] {
  padding-left: 0.75em;
}

.q-money .money {
  position: absolute;
  top: 0;
  bottom: 0;
  display: none;
  margin-top: 0.525em;
}

.q-money.InputSelected .money,
.q-money.InputEntered .money {
  display: flex;
}

.alert {
  display: none;
}

.warning .alert {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  padding: 1em;
  background-color: #FFA158;
  color: #FFF;
  font-size: 0.825em;
}

.enhanced .warning .alert {
  position: absolute;
  top: -7em;
  left: 0;
  right: 0;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

.alert .close {
  margin: -1em -1em 0 0;
  padding: 0.25em;
}

.alert .close:hover {
  cursor: pointer;
}

.disabled label {
  color: #718096;
}

.input-err input[type=text], .input-err input[type=email], .input-err input[type=password], .input-err input[type=date], .input-err input[type=number], .input-err input[type=tel], .input-err select {
  border-bottom: 1px solid #DC3545 !important;
}

.enhanced .FloatLabel.InputEntered.input-err > label,
.enhanced .FloatLabel.input-err > label {
  color: #DC3545;
}

.SignUpFormPage .NavWrapInner {
  position: static;
}
@media (min-width: 48em) {
  .SignUpFormPage .NavWrapInner {
    position: fixed;
  }
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading a,
.wf-loading a,
.wf-loading label,
.wf-loading span {
  visibility: hidden;
}

.wf-loading h3.qv-TabName, .wf-loading a.DashTabLink, .wf-loading h3.DashOffersName {
  visibility: visible;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active a,
.wf-active label,
.wf-active span {
  visibility: visible;
}

html {
  background-color: #FFF;
  box-sizing: border-box;
  font-family: "filson-pro", sans-serif;
  font-size: 100%;
}

html.wf-active {
  font-family: "filson-pro", sans-serif;
}

html.wf-active .font-secondary {
  font-family: "filson-pro", Arial, sans-serif;
}

html.wf-active .font-alternate {
  font-family: "filson-pro", sans-serif;
}

*, *:before, *:after {
  box-sizing: inherit;
}

h1, h2, h3, h4, h5 {
  color: #1A202C;
  font-weight: 900;
}

h1,
#article-page .HeaderWrap h2 {
  font-size: 24px;
}
@media (min-width: 320px) {
  h1,
  #article-page .HeaderWrap h2 {
    font-size: calc(15.2727272727px + 2.7272727273vw);
  }
}
@media (min-width: 1200px) {
  h1,
  #article-page .HeaderWrap h2 {
    font-size: 48px;
  }
}

.CreditCardOffers .OffersPage h1 {
  text-shadow: 1px 3px 8px rgba(0, 0, 0, 0.4);
}

h2 {
  margin: 0.75em 0 0.25em;
  font-size: 1.25rem;
}

h3 {
  margin: 1.5em 0 0.5em;
  font-weight: 700;
  font-size: 1.15rem;
}

h4 {
  font-size: 1rem;
}

.headline-wrap + h3 {
  margin-top: calc(2em - 1rem);
}

@media (min-width: 37.5em) {
  h2 {
    margin: 1.5em 0 0.5em;
    font-size: 2rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.125em;
  }
}
a {
  color: #226BE2;
  outline: none;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

.SndBlkNav h4:first-of-type,
.cardsNavWrap h4:first-of-type,
.sideCalcOptions h4 {
  margin: 0 0 1em;
}

/*h2 + p,*/
h2 + ul,
h2 + ol {
  margin-top: 0;
}

a {
  font-weight: 400;
}

p {
  color: #1A202C;
  font-weight: 400;
}

img {
  max-width: 100%;
  height: auto;
}

svg {
  max-width: 100%;
  /* height: auto; doesn't work in IE */
}

.wrap {
  background-color: #fff;
}

.wrap > hr,
.main-wrap > div > hr {
  display: none;
}

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

legend {
  display: none;
}

label {
  color: rgba(74, 85, 104, 0.831372549);
  font-weight: 400;
}

.FloatLabel label {
  color: rgba(74, 85, 104, 0.831372549);
}

input,
textarea,
select {
  color: #1A202C;
}

input[type=text],
input[type=email],
input[type=password],
input[type=date],
input[type=number],
input[type=tel],
select {
  width: 100%;
  padding: 0.5em;
  border: 0;
  border-bottom: 1px solid #E2E8F0;
  /*background-color: $gray-100;
  border: 1px solid $gray-300;
  border-radius: .25em;*/
}

textarea {
  width: 100%;
  padding: 0.5em;
  background-color: #F7FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 0.25em;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=number]:focus,
input[type=tel]:focus,
select:focus {
  outline: 0;
  border-bottom: 1px solid #3FBDF1;
}

input[type=file] {
  width: 100%;
}
@media (min-width: 48em) {
  input[type=file] {
    width: auto;
  }
}

ul {
  padding: 0 0 0 1em;
  list-style: none;
}

li {
  position: relative;
}

ul > li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.15em;
  margin-left: -1.5em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2051.5%2048%22%20height%3D%2270%22%20width%3D%2270%22%3E%0A%09%3Cpath%20fill%3D%225A5A5A%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E");
  background-position: 10px;
  background-repeat: no-repeat;
  background-size: contain;
}

blockquote {
  font-style: italic;
}

th, td {
  padding: 0.3rem 0.7rem;
  border: 1px solid #E2E8F0;
}

thead th, tfoot th {
  text-align: left;
}

/* Links */
.Link1:link,
.Link1:visited {
  color: #3FBDF1;
}

.Link1:link {
  display: inline-block;
  margin: 0.5rem 0;
  padding: 0.2625em 0.6125rem;
  line-height: 1.2;
  text-decoration: none;
}

.Link1:hover,
.Link1:focus,
.Link1:active {
  color: #1A202C;
}

/* Background Pattern */
.Bg-Texture {
  background-color: #F7FAFC;
}

/* Hide imgs on tracking user control*/
.TrackingWrap iframe,
.TrackingWrap img {
  position: absolute;
  left: -99em;
}

.notification-box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  max-width: 40rem;
  margin: 2rem auto 0;
  padding: 2rem;
  background-color: #FFF;
  border-radius: 8px;
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.notification-box h3 {
  margin: 1rem 0;
}
.notification-box p {
  margin: 0;
}
.notification-box svg {
  fill: #3FBDF1;
}

.form-sm {
  max-width: 30rem;
  margin: 0 auto;
}
.form-sm .FieldSetWrapInner {
  border-radius: 8px;
}
.form-sm h4 {
  margin: 0 0 2rem;
  font-weight: 400;
  text-align: center;
}

.main-center .form-sm {
  margin: 2rem auto;
}
@media (min-width: 48em) {
  .main-center .form-sm {
    margin: 4rem auto 2rem;
  }
}

.HeaderWrap {
  height: 4.5em;
  background-color: #226BE2;
  background: linear-gradient(45deg, #2D3748, #4A5568);
}
@media (min-width: 37.5em) {
  .HeaderWrap {
    height: 6.5em;
  }
}

.HeaderInner {
  position: relative;
  max-width: 84rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 0.825em;
}

.main-center .HeaderInner {
  max-width: 1000px;
  padding: 0;
}

.HeaderWrap h1,
#article-page .HeaderWrap h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1000px;
  height: 100%;
  margin: 0 auto;
  padding: 0.5em 0;
  color: #FFF;
  line-height: 1;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.headline {
  position: relative;
  max-width: 84rem;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  .headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: wrap;
  }
}

.headline h1 {
  clear: both;
  margin: 1rem 0 0.5rem;
  /*font-weight: $font-med;*/
  line-height: 1;
  text-align: center;
}
@media (min-width: 37.5em) {
  .headline h1 {
    text-align: left;
  }
}
@media (min-width: 48em) {
  .headline h1 {
    font-size: 2.5rem;
    margin: 0 0 1rem;
  }
}

.headline-wrap p {
  text-align: center;
}
@media (min-width: 37.5em) {
  .headline-wrap p {
    text-align: left;
  }
}

.CCMatchWrap {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}

.CreditScoreWrap {
  margin-bottom: 1rem;
}
@media (min-width: 37.5em) {
  .CreditScoreWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.headline .CCMatch {
  clear: both;
  margin: 0;
  padding: 0 0.25em;
  font-weight: 900;
  line-height: 1;
}
@media (min-width: 48em) {
  .headline .CCMatch {
    margin: 1rem 0 0 0;
  }
}
@media (min-width: 64em) {
  .headline .CCMatch {
    margin: 0 2rem;
    padding: 0;
  }
}

@media (max-width: 63.99em) {
  .CCMatchWrap svg, .CreditScoreWrap svg {
    display: none;
  }
}
.h2-1 {
  margin: 2em 0 0.333em;
  color: #3FBDF1;
  font-weight: normal;
}

p + .h2-1 {
  margin-top: 2.5rem;
}

.h2-1 + .FieldSetWrap {
  margin-top: 1.5rem;
}

.DisclosureWrap,
.EditorRatingDisc {
  display: none;
}

.ShowDisclosure .DisclosureWrap,
.ShowRating .EditorRatingDisc {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
  overflow: auto;
  background: rgba(11, 70, 119, 0.8);
}

.DisclosurePopUp,
.EditorRatingDisc > div {
  position: relative;
  max-width: 50em;
  background: #FFF;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

.DisclosurePopUp h4,
.EditorRatingDisc h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 1em 1.75em 0;
  color: #1A202C;
}

.CloseDisclosure {
  position: absolute;
  top: 1em;
  right: 1.75em;
  display: flex;
}

.CloseDisclosure:hover {
  cursor: pointer;
}

.DisclosurePopUp p,
.EditorRatingDisc p {
  padding: 1em 2em;
  font-size: 0.825em;
}

.DiscloseWrap {
  position: relative;
  max-width: 84rem;
  margin: 0.75em auto 0;
  padding: 0 0.825rem;
}

.OffersPage .DiscloseLink {
  margin-bottom: 1rem;
}
@media (min-width: 37.5em) {
  .OffersPage .DiscloseLink {
    top: -2.5em;
    right: 0;
    width: auto;
  }
}

.OurPartners.OffersPage .DiscloseLink {
  display: inline-block;
  width: 49%;
  text-align: right;
}

.DiscloseLink {
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .DiscloseLink {
    position: absolute;
    top: -2.15em;
    right: 0.5em;
    margin-bottom: 0;
    text-align: right;
  }
}
@media (min-width: 64em) {
  .DiscloseLink {
    right: 2em;
  }
}

.DiscloseLink a:link {
  display: inline-block;
  margin: 0;
  padding: 0 0.5rem;
  font-size: 0.6875rem;
  font-weight: 400;
}
@media (min-width: 25em) {
  .DiscloseLink a:link {
    font-size: 0.8rem;
  }
}

.OurPartners.OffersPage .Offers-DiscloseLink {
  text-align: left;
}
@media (min-width: 37.5em) {
  .OurPartners.OffersPage .Offers-DiscloseLink {
    top: -2.5em;
    right: 9em;
    text-align: right;
  }
}

@media (min-width: 37.5em) {
  .Offers-DiscloseLink a {
    border-right: 1px solid #E2E8F0;
  }
}

.hide-top-nav .wrap {
  padding-top: 0;
}
.hide-top-nav .HeaderWrap {
  height: auto;
}
.hide-top-nav .HeaderWrap h1 {
  padding-top: 4rem;
}
.hide-top-nav .HeaderInner > a {
  position: absolute;
  top: 1rem;
  left: 0;
  right: 0;
  width: 115px;
  margin: 0 auto;
  text-align: center;
}
.hide-top-nav .HeaderInner > a svg {
  padding: 0rem 1rem;
  background: #FFF;
  border-radius: 95px;
}

.wrap {
  padding-top: 55px;
}
@media (min-width: 64em) {
  .wrap {
    padding-top: 60px;
  }
}

.hide-sidebar .secondary {
  display: none;
}

@media (min-width: 64em) {
  #articles-home .mast-nav-wrap:before {
    content: none;
  }
  .fullHeader:before {
    height: 100%;
  }
}
.main-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 84rem;
  min-height: 24rem;
  margin: 0 auto;
  padding: 0 0.825rem 2rem;
}
@media (min-width: 64em) {
  .main-wrap {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0.825rem 4rem;
  }
}

.main,
.secondary {
  color: #1A202C;
}
@media (min-width: 48em) {
  .main,
  .secondary {
    flex: 0 1 auto;
  }
}

.main {
  position: relative;
  margin: 0.5rem 0;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 37.5em) {
  .main {
    margin: 3em 0 1em;
  }
}
@media (min-width: 64em) {
  .main {
    width: 1000px;
    order: 2;
    padding: 0 2em;
  }
}

#LoanFinder-A .main,
#Free-Credit-Score-A .main,
#CreditCardFinder-A .main {
  order: 0;
}

#LoanFinder-A .main .DiscloseLink,
#Free-Credit-Score-A .main .DiscloseLink,
#CreditCardFinder-A .main .DiscloseLink {
  display: block;
}
@media (min-width: 64em) {
  #LoanFinder-A .main .DiscloseLink,
  #Free-Credit-Score-A .main .DiscloseLink,
  #CreditCardFinder-A .main .DiscloseLink {
    display: none;
  }
}

#LoanFinder-A .secondary .DiscloseLink,
#Free-Credit-Score-A .secondary .DiscloseLink,
#CreditCardFinder-A .secondary .DiscloseLink {
  display: none;
}
@media (min-width: 64em) {
  #LoanFinder-A .secondary .DiscloseLink,
  #Free-Credit-Score-A .secondary .DiscloseLink,
  #CreditCardFinder-A .secondary .DiscloseLink {
    display: block;
  }
}

@media (min-width: 64em) {
  .OffersPage .main {
    padding: 0 0 0 2em;
  }
}

@media (min-width: 64em) {
  .OffersPage.hide-sidebar .main {
    padding: 0;
  }
}

.SingleOffer .main,
#MyDashboard .main {
  margin: 0;
}

@media (min-width: 64em) {
  #MyDashboard .main {
    padding-right: 0;
  }
}

.main-center .main {
  width: 100%;
  margin: 1em auto;
}
@media (min-width: 37.5em) {
  .main-center .main {
    max-width: 1000px;
    margin: 3em auto;
  }
}

@media (min-width: 37.5em) {
  #affiliate-program.main-center .main {
    max-width: 1200px;
    margin: 3em auto;
  }
}

#sign-in .main-center .main {
  margin: 1em auto;
}
@media (min-width: 37.5em) {
  #sign-in .main-center .main {
    margin: 3em auto;
    min-width: 550px;
  }
}
@media (max-width: 47.99em) {
  #sign-in .main-center .main {
    width: 100%;
  }
}

.main > *:first-child {
  margin-top: 0;
}

.main p {
  color: #1A202C;
  font-size: 1rem;
  font-weight: 400;
}

.main > h1 {
  margin: 0;
}

.intro > *:first-child {
  margin-top: 0;
}

.intro + .OffersWrap {
  margin-top: 1rem;
}

.main > hr,
hr.Rule2 {
  clear: both;
  width: 100%;
  margin: 2rem 0 1rem;
  border: 0;
  border-top: solid 1px #E2E8F0;
}

fieldset > hr.Rule2 {
  float: left;
  margin: 0.5rem 0 2rem;
}

.secondary h3 {
  margin: 0 0 1em;
  font-weight: 700;
  text-align: center;
  font-size: 1rem;
}
@media (min-width: 64em) {
  .secondary h3 {
    font-size: 1.125rem;
  }
}

.secondary {
  position: relative;
  max-width: 318px;
  margin: 0 auto;
  padding: 1.5em 1em;
}
@media (min-width: 64em) {
  .secondary {
    padding: 3em 1em;
  }
}

@media (min-width: 64em) {
  .secondary {
    width: 318px;
    min-width: 14rem;
    height: 100%;
    margin: 0 0 40px;
    order: 1;
    background-color: #FFF;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.1);
  }
  .intro + .OffersWrap {
    margin-top: 2.5rem;
  }
  .FreeScoreType2 .secondary {
    margin: 0;
  }
}
.PageDisclaimers {
  margin: 0;
  font-style: italic;
  text-align: center;
}
@media (min-width: 37.5em) {
  .PageDisclaimers {
    margin: 3em 0 2em;
  }
}

.main .PageDisclaimers p {
  font-size: 0.8125rem;
}

/*Full width footer*/
.FullWidthFooter {
  position: relative;
  max-width: 84rem;
  margin: 0 auto;
  padding: 0 1rem 4rem;
}

/*Recommended articles*/
.FullWidthFooter .RandomArticlesWrap, .main .RandomArticlesWrap {
  padding: 0;
  border-top: 1px solid #E2E8F0;
}

.FullWidthFooter .RandomArticlesWrap ol, .main .RandomArticlesWrap ol {
  margin: 1rem 0 0;
  padding: 1rem 0;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
@media (min-width: 48em) {
  .FullWidthFooter .RandomArticlesWrap ol, .main .RandomArticlesWrap ol {
    padding: 0;
  }
}

@media (max-width: 63.99em) {
  .RandomArticleHeader {
    text-align: center;
  }
}

.FullWidthFooter .RandomArticlesWrap ol li, .main .RandomArticlesWrap ol li {
  display: flex;
  flex-direction: column;
  margin: 0.5rem auto;
  list-style-type: none;
  text-align: center;
}

.FullWidthFooter .RandomArticlesWrap ol li {
  width: 100%;
}
@media (min-width: 37.5em) {
  .FullWidthFooter .RandomArticlesWrap ol li {
    width: 50%;
  }
}
@media (min-width: 64em) {
  .FullWidthFooter .RandomArticlesWrap ol li {
    width: 20%;
  }
}

.main .RandomArticlesWrap ol li {
  width: 100%;
}
@media (min-width: 37.5em) {
  .main .RandomArticlesWrap ol li {
    width: 50%;
  }
}
@media (min-width: 64em) {
  .main .RandomArticlesWrap ol li {
    width: 30%;
  }
}

.RandomArticleHeader h2 {
  margin: 2.5rem 0 0;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.FullWidthFooter .RandomArticlesWrap ol .ArticleImgWrap, .main .RandomArticlesWrap ol .ArticleImgWrap {
  width: 100%;
  padding: 0.25rem;
}

.FullWidthFooter .ArticleImgWrap a,
.main .ArticleImgWrap a {
  display: block;
  max-width: 18rem;
  margin: 0 auto 0.5em;
  color: #1A202C;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}

.FullWidthFooter .RandomArticlesWrap li:hover a,
.main .RandomArticlesWrap li:hover a,
.FullWidthFooter .RandomArticlesWrap a:focus,
.main .RandomArticlesWrap a:focus {
  color: #3FBDF1;
}

.FullWidthFooter .RandomArticlesWrap .ArticleImgWrap img, .main .RandomArticlesWrap .ArticleImgWrap img, .ArticleImgWrap .DefaultImg {
  width: 275px;
  border-radius: 4px;
}

.ArticleImgWrap .DefaultImg:before {
  background: url(https://cdn.bmgfiles.com/csoup/img/home/RoadTrip-CS-desktop.jpg);
  background-position: center;
  background-size: cover;
}

#Credit-Score-101 .main > h3:first-of-type {
  margin-top: 0;
}

/*.OffersPage .secondary > div:first-child {
	margin-top: 10em;
}*/
.secondary > div:first-child {
  margin-top: 0;
}

.secondary > div {
  margin-bottom: 3em;
}

.secondary > div:last-child {
  margin-bottom: 0;
}

/*popular cards sidenav*/
.PopularCardsWrap {
  margin-bottom: 2em;
}

.PopularCardsWrap ol {
  margin: 1em 0;
  padding: 0;
  background-color: #F7FAFC;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.PopularCardsWrap ol .Offer {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-flow: nowrap;
  justify-content: flex-start;
  margin: 0.5em 0.75em;
  padding: 0.5rem 0;
  border-bottom: 1px solid #E2E8F0;
}

.PopularCardsWrap ol .Offer:last-of-type {
  border: none;
}

.PopularCardsWrap ol .Offer .OfferImgWrap {
  margin: 0;
  width: 100px;
  height: auto;
}

.PopularCardsWrap ol .Offer .OfferImgLink {
  display: block;
  padding: 0;
  width: auto;
  height: auto;
  text-align: left;
}

.PopularCardsWrap ol .Offer .OfferImg {
  display: block;
  width: 110px;
  height: 70px;
  margin: 0;
}

.PopularCardsWrap a {
  padding: 0 0.5rem;
  color: #1A202C;
  font-size: 0.825rem;
  font-weight: 400;
  text-decoration: none;
}

.PopularCardsWrap .Offer:hover a {
  color: #3FBDF1;
}

.PopularCardsWrap .Offer a:focus {
  color: #3FBDF1;
}

#side-nav {
  border-radius: 0;
}

#side-nav:target {
  padding: 1rem 0;
  background: rgba(255, 255, 0, 0.4);
}

.snd-HelpNav {
  display: flex;
  justify-content: space-around;
  max-width: 24rem;
  margin: 0 auto;
}

.snd-HelpNav .nav {
  text-align: center;
}

.snd-HelpNav h2 {
  margin: 0.25em 0;
  font-size: 0.8125rem;
  font-weight: 400;
}

.snd-HelpNav a:link,
.snd-HelpNav a:visited {
  color: #226BE2;
}

.snd-HelpNav a:link {
  text-decoration: none;
}

.snd-HelpNav a:hover + h2 > a,
.snd-HelpNav a:hover,
.snd-HelpNav a:focus,
.snd-HelpNav a:active {
  color: #3FBDF1;
}

.snd-HelpNav a:link > svg {
  transition: 0.5s;
}

.snd-HelpNav a:hover > svg,
.snd-HelpNav a:focus > svg,
.snd-HelpNav a:active > svg {
  transform: scale(0.9);
}

.snd-Ad {
  margin: 1em 0;
  text-align: center;
}

.SndBlk {
  color: #1A202C;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
}

.SndBlk.BlogDisclaimer {
  margin: 2em 1em;
}

.SndBlk.SndNav {
  border: none;
}

.SndBlk.SndNav .SndNavItem {
  position: relative;
  padding: 0.5rem 1rem 0.2rem;
  border-bottom: solid 1px #E2E8F0;
}

.SndBlk.SndNav .SndNavItem + .SndNavItem {
  margin-top: 1rem;
}

.enhanced .SndBlk.SndNav .SndNavItem:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 1rem;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%209%2014%27%3E%3Cpath%20fill%3D%27rgba(71%2C79%2C88%2C.999)%27%20d%3D%27M8.398%205.75q0%200.102-0.078%200.18l-3.641%203.641q-0.078%200.078-0.18%200.078t-0.18-0.078l-3.641-3.641q-0.078-0.078-0.078-0.18t0.078-0.18l0.391-0.391q0.078-0.078%200.18-0.078t0.18%200.078l3.070%203.070%203.070-3.070q0.078-0.078%200.18-0.078t0.18%200.078l0.391%200.391q0.078%200.078%200.078%200.18z%27%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.enhanced .SndBlk.SndNav .SndNavItem.Open:after {
  transform: rotate(180deg);
}

.enhanced .SndBlk.SndNav .SndNavItem.NoToggle:after {
  content: none;
}

.SndBlk > *:first-child {
  margin-top: 0;
}

.SndBlk > h2,
.SndBlk > h3,
.SndNavItem > h3 {
  margin: 1rem 0 0.3rem;
  color: #4A5568;
}

.SndNavItem > h3 {
  margin-top: 0;
  color: #1A202C;
}

.SndBlk > h2 {
  font-size: 1.1875rem;
  line-height: 1.2;
}

.SndBlk > h3,
.SndNavItem > h3 {
  font-size: 1rem;
}

.SndNavItem a:link,
.SndNavItem a:visited {
  color: #3FBDF1;
}

.SndNavItem a:link {
  font-weight: normal;
  text-decoration: none;
}

.SndNavItem a:hover,
.SndNavItem a:focus,
.SndNavItem a:active {
  color: #1A202C;
}

.SndNavItem > h3 > a:link,
.SndNavItem > h3 > a:visited {
  color: #1A202C;
}

.SndNavItem > h3 > a:link {
  font-weight: bold;
}

.SndNavItem > h3 > a:hover,
.SndNavItem > h3 > a:focus,
.SndNavItem > h3 > a:active {
  color: #3FBDF1;
}

.SndBlk > ul,
.SndBlk > ol {
  margin: 0 0 1rem;
  padding-left: 1.4rem;
}

.SndBlk li {
  margin-bottom: 0.4rem;
}

.SndBlk li > ul,
.SndBlk li > ol {
  margin-top: 0.5em;
  padding-left: 2em;
}

.enhanced .SndNavItem:hover {
  background-color: #F7FAFC;
  cursor: pointer;
}

.enhanced .SndBlk.SndNav .SndNavItem .SndNavList {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}

.enhanced .SndBlk.SndNav .SndNavItem.Open .SndNavList {
  max-height: 9999px;
  overflow: auto;
  opacity: 1;
  visibility: visible;
}

.SndBlk.SndNav .SndNavItem .SndNavList {
  margin: 0;
  padding: 0;
  list-style: none;
}

.SndBlk.SndNav .SndNavItem .secondary-list li:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%205%2014%27%3E%3Cpath%20fill%3D%27rgba(30%2C179%2C199%2C.999)%27%20d%3D%27M4.648%207.5q0%200.102-0.078%200.18l-3.641%203.641q-0.078%200.078-0.18%200.078t-0.18-0.078l-0.391-0.391q-0.078-0.078-0.078-0.18t0.078-0.18l3.070-3.070-3.070-3.070q-0.078-0.078-0.078-0.18t0.078-0.18l0.391-0.391q0.078-0.078%200.18-0.078t0.18%200.078l3.641%203.641q0.078%200.078%200.078%200.18z%27%2F%3E%3C%2Fsvg%3E");
}

.SndBlk.SndNav .SndNavList h2 {
  font-size: 1em;
}

/*updated side nav 2017*/
/*.secondary .SndBlkNav:last-of-type {
	margin-bottom: 2rem;
}*/
.SndBlkNav {
  margin: 2em 0;
}

.SndBlkNav ul li.Split {
  padding-top: 0.55rem;
  border-bottom: 1px solid #E2E8F0;
  margin-bottom: 0.75em;
  padding-bottom: 1.25em;
}

.SndBlkNav h3 {
  font-weight: 700;
}

.SndBlkNav ul {
  margin: 1em 0;
  padding: 0.5em;
  background-color: #FFF;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 64em) {
  .SndBlkNav ul {
    background-color: #F7FAFC;
  }
}

.sideCreditScore.SndBlkNav ul {
  margin: 0;
}

.SndBlkNav ul li:before {
  content: none;
}

.SndBlkNav ul li {
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
}

.SndBlkNav ul li a:after {
  content: "";
  display: block;
  float: left;
  width: 1em;
  height: 1.5em;
  margin-top: 0.1em;
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22ico-RightAngle%22%20viewBox%3D%220%200%2010%2030%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23393939%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%20%20%20%20%3C/svg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.SndBlkNav ul li a:hover:after {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22ico-RightAngle%22%20viewBox%3D%220%200%2010%2030%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2300bade%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%20%20%20%20%3C/svg%3E);
}

.SndBlkNav ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: #1A202C;
  font-size: 0.825rem;
  font-weight: 500;
  text-decoration: none;
}

.SndBlkNav ul li:hover a,
.SndBlkNav ul li a:focus {
  color: #3FBDF1;
}

/*blog side nav - random articles*/
.secondary .RandomArticlesWrap {
  margin: 0 0 2em;
}

.secondary .RandomArticlesWrap ol {
  padding: 0;
  background-color: #F7FAFC;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.secondary .RandomArticlesWrap ol li {
  margin: 0.25em 0.5em;
  padding: 1rem 0;
  border-bottom: 1px solid #E2E8F0;
  list-style-type: none;
}

.secondary .RandomArticlesWrap ol li:last-of-type {
  border-bottom: none;
}

.secondary .RandomArticlesWrap ol .ArticleImgWrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.secondary .RandomArticlesWrap ol .ArticleImgWrap > a {
  padding: 0 0.25rem;
}

.secondary .RandomArticlesWrap ol .ArticleImgWrap a {
  color: #1A202C;
  font-size: 0.825rem;
  font-weight: 400;
  text-decoration: none;
}

.secondary .RandomArticlesWrap ol li:hover .ArticleImgWrap a,
.secondary .RandomArticlesWrap .ArticleImgWrap a:focus {
  color: #3FBDF1;
}

.secondary .RandomArticlesWrap .ArticleImgWrap img {
  display: block;
  max-width: 120px;
  min-width: 120px;
  height: 48px;
  border-radius: 4px;
}

@supports (object-fit: cover) {
  .secondary .RandomArticlesWrap .ArticleImgWrap img {
    max-width: 100px;
    min-width: 100px;
    height: 60px;
    object-fit: cover;
  }
}
.secondary .RandomArticlesWrap .ArticleImgWrap h4 {
  margin: 0;
}

/*calc - gloss - credit-basics */
.CalcNavWrap > div:first-child {
  margin-top: 0;
}

.CalcNavWrap {
  margin-bottom: 1rem;
}

.CalcNavWrap h3 {
  margin: 0.25em;
  color: #1A202C;
}

@media (max-width: 47.99em) {
  .intro {
    margin-bottom: 2rem;
  }
}

.OffersPage .main-wrap {
  padding-bottom: 6em;
}
@media (min-width: 64em) {
  .OffersPage .main-wrap {
    padding-bottom: 8em;
  }
}

@media (min-width: 64em) {
  .OffersPage .intro p {
    padding: 0 1.5em;
  }
}

.intro p {
  margin-bottom: 2em;
}

.intro.group {
  text-align: center;
}
@media (max-width: 47.99em) {
  .intro.group {
    margin: 0 0 2rem;
    text-align: center;
  }
}
@media (min-width: 37.5em) {
  .intro.group {
    text-align: left;
  }
}

.OffersWrap > hr {
  display: none;
}

.OfferWrap {
  margin: 0;
  background-color: #FFF;
  position: relative;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

.OfferType.Animate {
  position: relative;
}

.Hidden {
  opacity: 0;
}

@keyframes fade-in {
  from {
    top: 100px;
  }
  to {
    top: 0px;
  }
}
.FadeInOffer {
  animation: fade-in 1.4s;
  opacity: 1;
}

hr + .OfferWrap {
  margin-top: 1.5em;
}

.Offer .OfferMainWrap {
  position: relative;
}

/*.ShowLess .OfferMainWrap {
	padding-top: .75em;
}*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .Offer .OfferMainWrap {
    height: 100%;
  }
}
.OfferHeader {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 48em) {
  .OfferHeader {
    padding: 1em 1.5em 0.25em;
    flex-direction: row;
  }
}

.OfferHeader h2 {
  margin: 0 auto;
  padding: 1rem 0.825rem;
  text-align: center;
  font-size: 1rem;
}
@media (min-width: 48em) {
  .OfferHeader h2 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 1.125rem;
  }
}

.OfferHeader h2 a {
  color: #00499B;
  font-weight: 700;
  text-decoration: none;
}

.OfferHeader h2 a:hover,
.OfferHeader h2 a:focus {
  color: #3FBDF1;
}

.SponsoredAds {
  position: absolute;
  bottom: 0.25em;
  font-size: 0.7em;
}

@media (min-width: 48em) {
  .OfferButton:hover .icon,
  .OfferButton:focus .icon {
    visibility: hidden;
  }
}

.OfferButton.IssuerApplyBtn:hover .icon {
  visibility: visible;
}

.OfferCardWrap {
  /*position: relative;*/
  width: 100%;
  margin: 0 auto;
  padding: 0em 0.625em 1em;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: center;
  text-align: center;
}
@media (min-width: 40.625em) {
  .OfferCardWrap {
    justify-content: space-between;
  }
}
@media (min-width: 48em) {
  .OfferCardWrap {
    display: flex;
    padding: 0.5em 1.5em;
  }
}

.OfferCardWrap.Single {
  flex-flow: row wrap;
}

.OfferCardWrap.Single .OfferImgLink {
  flex: 0.35;
}

.OfferCardWrap.Single .OfferSpecsWrap {
  flex: 1;
}

.OfferCardWrap.Single .OfferDetailsWrap {
  flex: 1 100%;
  margin-top: 1em;
}

.OfferCardHover {
  position: absolute;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 97%;
  border-radius: 0.4em;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  font-size: 1.125rem;
  transition: all 0.4s ease-in-out;
  transform: scale(0);
}

.SingleOffer .OfferCardHover {
  height: 100%;
}

.OfferImgWrap.OfferImgSm .OfferCardHover {
  height: 94%;
}

.OfferCardHover svg {
  margin-left: 0.5rem;
  fill: #FFF;
}

.OfferSpecs strong {
  font-size: 0.85em;
  font-weight: 900;
}

.OfferBullets {
  padding: 0 0.625em;
}
@media (min-width: 37.5em) {
  .OfferBullets {
    text-align: center;
  }
}
@media (min-width: 48em) {
  .OfferBullets {
    padding: 0.5em 1.75em 0;
  }
}

@media (min-width: 37.5em) {
  .OfferBullets ul {
    text-align: left;
  }
}

/*AddContent*/
.AddContent {
  position: relative;
  margin-top: 6rem;
  padding-top: 3rem;
  border-top: 1px solid #718096;
}

.AddContent h2,
.AddContent h3 {
  margin: 2.5rem 0 0;
  padding: 0;
  color: #1A202C;
  font-size: 1rem;
}
@media (min-width: 37.5em) {
  .AddContent h2,
  .AddContent h3 {
    font-size: 1.25rem;
  }
}
@media (min-width: 48em) {
  .AddContent h2,
  .AddContent h3 {
    padding: 0 1rem;
  }
}

.AddContent h2:first-of-type,
.AddContent h3:first-of-type {
  margin: 1rem 0 0;
}
@media (min-width: 48em) {
  .AddContent h2:first-of-type,
  .AddContent h3:first-of-type {
    margin: 0;
  }
}

.AddContent h2 b {
  font-weight: 900;
}

.AddContent p {
  padding: 0;
}
@media (min-width: 48em) {
  .AddContent p {
    padding: 0 1rem;
  }
}

.AddContent ul {
  margin: 0 0 0 1em;
}

.AddContent > a {
  position: absolute;
  top: 0.5rem;
  margin-top: 1rem;
  font-size: 0.8rem;
}
@media (min-width: 48em) {
  .AddContent > a {
    right: 0;
  }
}
@media (max-width: 47.99em) {
  .AddContent > a {
    left: 0;
  }
}

.OffersWrap > .OfferType:first-of-type {
  margin-top: 0;
}

.OfferType {
  margin: 2em 0 1em;
  padding: 0 1.5em;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
}
@media (min-width: 48em) {
  .OfferType {
    margin: 2.5em 0 1em;
    text-align: left;
  }
}

.Offer > *:first-child {
  margin-top: 0;
}

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

.Offer > h3 {
  width: 100%;
  margin: 1rem 0;
  font-size: 1.125rem;
  line-height: 1;
  text-align: center;
}

.Offer > h3 a:link,
.Offer > h3 a:visited {
  color: #1A202C;
}

.Offer > h3 a:link {
  text-decoration: none;
}

.Offer > h3 a:hover,
.Offer > h3 a:focus,
.Offer > h3 a:active {
  color: #3FBDF1;
}

.OfferImgLink {
  display: flex;
  flex-flow: column nowrap;
  min-width: 150px;
  max-width: 185px;
  height: 100px;
  padding: 0;
}
@media (min-width: 48em) {
  .OfferImgLink {
    width: 225px;
  }
}

.OfferImgWrap {
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  /*height: 118px;*/
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 40.625em) {
  .OfferImgWrap {
    margin: 0 0 1rem;
  }
}

.PopularCardsWrap .OfferImgWrap {
  position: initial;
}

.OfferImgWrap.OfferImgSm {
  width: 150px;
  height: auto;
  margin: 0 auto;
}

.OfferImgWrap > br {
  display: none;
}

.OfferImgWrap:hover .OfferCardHover {
  opacity: 1;
  transform: scale(1);
}

.OfferImgLink span {
  display: none;
}
@media (min-width: 40.625em) {
  .OfferImgLink span {
    display: block;
    color: #4A5568;
    font-size: 0.8rem;
    text-align: center;
  }
  .OfferImgLink span b {
    color: #3FBDF1;
  }
}

.Offer .OfferImgLink:link {
  display: inline-block;
  text-decoration: none;
}

.OfferImgLink .OfferImg {
  display: inline-block;
  text-decoration: none;
}

.OfferImgLink:hover .OfferCardHover,
.OfferImgLink:focus .OfferCardHover {
  opacity: 1;
  transform: scale(1);
}

.OfferSpecsWrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0 0.5rem;
}
@media (min-width: 31.25em) {
  .OfferSpecsWrap {
    margin-top: 1em;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 48em) {
  .OfferSpecsWrap {
    width: 75%;
    margin-top: 0;
    padding: 0 1rem;
  }
}

.OfferSpecsWrap.SecondSpecs {
  width: 100%;
  margin-top: 0;
  padding: 0;
  flex-direction: column;
}
@media (min-width: 31.25em) {
  .OfferSpecsWrap.SecondSpecs {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.OfferSpecsWrap:empty {
  padding: 0;
}

.OfferSpecs {
  display: flex;
  align-items: center;
  margin: 0.4em 0;
  font-size: 1rem;
  line-height: 1.1;
  text-align: center;
}
@media (min-width: 31.25em) {
  .OfferSpecs {
    flex-direction: column;
    width: 33.333%;
    margin: 0;
  }
}

.SecondSpecs .OfferSpecs {
  width: 100%;
  margin: 0.5em 0;
  padding: 1rem 0.5rem;
  background-color: #F7FAFC;
}
@media (min-width: 31.25em) {
  .SecondSpecs .OfferSpecs {
    width: 50%;
  }
}
@media (min-width: 48em) {
  .SecondSpecs .OfferSpecs {
    width: 30%;
    margin: 0;
  }
}

.SecondSpecs .OfferSpecs.CreditRecoSpec {
  position: relative;
  width: 100%;
  height: 4.5em;
  padding-bottom: 2em;
  align-items: center;
  background-color: #FFF;
  flex-direction: column;
  justify-content: center;
  order: 1;
}
@media (min-width: 31.25em) {
  .SecondSpecs .OfferSpecs.CreditRecoSpec {
    flex-direction: row;
  }
}
@media (min-width: 48em) {
  .SecondSpecs .OfferSpecs.CreditRecoSpec {
    border: 2px solid #F7FAFC;
    width: 40%;
  }
}

.SecondSpecs .OfferSpecs.CreditRecoSpec.Hide {
  height: auto;
  padding: 1em 0;
  flex-direction: column;
}

#MyDashboard .OfferSpecs.CreditRecoSpec strong,
#MyDashboard .OfferSpecs.CreditRecoSpec dd {
  font-size: 0.75em;
}

.CreditRange {
  position: absolute;
  bottom: 1em;
  width: 15em;
  height: 5px;
  margin: 0 auto;
  background: linear-gradient(to right, #f80900, #c93c00, #a16a00, #29f002, #13d180, #03bed0);
}
@media (min-width: 31.25em) {
  .CreditRange {
    bottom: 1.5em;
  }
}

.Hide .CreditRange {
  display: none;
}

.OfferSpecs dt,
.OfferSpecs dd {
  display: inline-block;
  margin: 0;
  padding: 0;
}
@media (min-width: 31.25em) {
  .OfferSpecs dt,
  .OfferSpecs dd {
    display: block;
  }
}

.OfferSpecs dt {
  flex-shrink: 0;
  width: 40%;
  min-width: 14ex;
  padding-bottom: 0.25em;
  color: #1A202C;
  text-align: left;
}
@media (min-width: 31.25em) {
  .OfferSpecs dt {
    width: 100%;
    /*margin: 0;*/
    margin-bottom: 0.5em;
    padding: 1em 0;
    background-color: #F7FAFC;
    text-align: center;
  }
}

.SecondSpecs .OfferSpecs dt {
  padding: 0;
}

.OfferSpecs.CreditRecoSpec dt {
  width: 100%;
  background-color: #FFF;
  text-align: center;
}
@media (min-width: 31.25em) {
  .OfferSpecs.CreditRecoSpec dt {
    width: auto;
    margin-bottom: 2px;
    padding-right: 0.25em;
  }
}

.OfferSpecs.CreditRecoSpec dd {
  flex-grow: 0;
}

.OfferSpecs dd {
  flex-grow: 1;
  color: #4A5568;
  font-size: 0.9rem;
  font-weight: 300;
  text-align: right;
}
@media (min-width: 31.25em) {
  .OfferSpecs dd {
    padding: 0 0.35em;
    text-align: center;
  }
}

.CreditRecoSpec .RangeValue {
  flex-grow: 0;
}

.OfferSpecs .smallTxt {
  font-size: 0.75em;
  text-align: center;
}

.Excellent .CreditRange:after {
  content: "▲";
  position: absolute;
  top: 0.5em;
  left: 13em;
  display: block;
  width: 2em;
  height: 2em;
  font-size: 14px;
}

.Fair .CreditRange:after {
  content: "▲";
  position: absolute;
  top: 0.5em;
  left: 10em;
  display: block;
  width: 2em;
  height: 2em;
  font-size: 14px;
}

.Poor .CreditRange:after {
  content: "▲";
  position: absolute;
  top: 0.5em;
  left: 6em;
  display: block;
  width: 2em;
  height: 2em;
  font-size: 14px;
}

.OfferSpecLastWrap {
  display: none;
  margin: 1em 0;
  padding: 0;
}
@media (min-width: 48em) {
  .OfferSpecLastWrap {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
    min-width: 20em;
    margin: 0 0 0 auto;
  }
}

.OfferSpecLastWrap.SpecLastMobile {
  display: flex;
  justify-content: center;
}
@media (min-width: 48em) {
  .OfferSpecLastWrap.SpecLastMobile {
    display: none;
  }
}

.OfferSpecLast {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.OfferSpecLast dt {
  color: #4A5568;
  font-size: 0.7rem;
  font-style: italic;
}

.OfferSpecLast dd {
  margin-left: 0.5em;
  color: #2D3748;
  font-size: 0.7rem;
  font-style: italic;
}

.OfferBullets > h4 {
  display: none;
}

@media (max-width: 37.49em) {
  .OfferBullets > ul,
  .OfferBullets span > ul {
    padding: 0 0 0 1em;
  }
}

.OfferBullets li {
  break-inside: avoid;
  width: 100%;
  margin: 1em 0;
  color: #4A5568;
  font-size: 0.875rem;
  font-weight: 400;
}
@media (min-width: 40.625em) {
  .OfferBullets li {
    margin: 0.5em 0;
  }
}

.OfferDescShort,
.OfferDescLong {
  width: 100%;
  font-weight: 400;
}

.main .OfferDescShort p,
.main .OfferDescLong p {
  margin: 0;
  padding: 0.5em 2rem;
  color: #718096;
  font-size: 0.875rem;
}

.OfferMainWrap .OfferDisclaimers > *, .OfferDetailsWrap .OfferDisclaimers > * {
  padding: 0 2rem;
  font-size: 0.75rem;
  font-style: italic;
  text-align: center;
}

.OfferContentWrap .EditorialDisclaimers {
  margin-top: 2rem;
}

.OfferContentWrap .EditorialDisclaimers p,
.OfferContentWrap .EditorialDisclaimers small {
  font-size: 0.75rem;
  font-style: italic;
}

.OfferWrap.ShowLess .OfferBullets,
.OfferWrap.ShowLess .OfferDescShort,
.OfferWrap.ShowLess .OfferDescLong {
  display: none;
}

.OfferInfoToggleBtn.Link1 {
  display: flex;
  align-items: center;
  margin: 0 0 0.025em 0;
  padding: 0.5em 1em;
  background-color: #f7f7f7;
  border-bottom: 0px;
  float: right;
  outline: none;
}

.OfferInfoToggleBtn:link,
.OfferInfoToggleBtn:visited {
  color: #1A202C;
}

.ShowIntroTextBtnWrap {
  margin: 0 0 0.75rem;
}

.ShowIntroTextBtn:link,
.OfferInfoToggleBtn:link {
  font-size: 0.75rem;
  font-weight: 500;
}

.ShowIntroTextBtn:link {
  margin: 0;
}

.OfferInfoToggleBtn:hover,
.OfferInfoToggleBtn:focus,
.ShowLess .OfferInfoToggleBtn:hover,
.ShowLess .OfferInfoToggleBtn:focus {
  color: inherit;
}

.MoreOffersBtnWrap {
  width: 18em;
  margin: 2rem auto;
  text-align: center;
}

.OfferMoreDetails {
  margin-bottom: 1rem;
  padding: 0;
}
@media (min-width: 37.5em) {
  .OfferMoreDetails {
    display: inline-block;
    padding: 0.5rem 2rem;
    background-color: #F7FAFC;
  }
}

.OfferBullets .OfferMoreDetails ul {
  display: flex;
  align-items: center;
  margin: 0.5rem 0 0;
  padding: 0;
}

.OfferBullets .OfferMoreDetails ul li {
  width: auto;
  margin-right: 0.5rem;
  padding: 0;
}

.OfferBullets .OfferMoreDetails ul li:before {
  content: none;
}

.OfferMoreDetails a {
  color: #226BE2;
  font-size: 0.875rem;
  text-decoration: none;
}

.OfferMoreDetails a:hover,
.OfferMoreDetails a:focus {
  color: #1A202C;
}

.OfferMoreDetails span {
  font-size: 0.875rem;
}

.secondary .OfferImgWrap img {
  max-width: 100px;
}

.OfferInline .OfferImgLink {
  padding: 0;
  width: auto;
  margin-bottom: 0;
}

.OfferInline.FloatRight, .OfferInline.FloatLeft {
  z-index: 1;
  position: relative;
  display: flex;
  max-width: 14rem;
  align-items: center;
  clear: inherit;
  flex-direction: column;
  padding: 0.05em;
  background-color: #F7FAFC;
  border: solid 1px #E2E8F0;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.OfferInline.FloatRight {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.OfferInline.FloatLeft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.OfferInline.FloatRight.SingleCard, .OfferInline.FloatLeft.SingleCard {
  display: flex;
  max-width: 14rem;
  align-items: center;
  clear: inherit;
  flex-direction: column;
  background-color: #FFF;
  border: none;
  box-shadow: none;
  text-align: center;
}

.OfferInline.FloatLeft.SingleCard .PopupInner {
  left: 82%;
}

.OfferInline.FloatRight.SingleCard .PopupInner {
  left: 18%;
}

.OfferInline.FloatRight.SingleCard {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.OfferInline.FloatLeft.SingleCard {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.OfferInline.FloatRight.SingleCard a, .OfferInline.FloatLeft.SingleCard a {
  padding: 0;
}

.OfferInline.FloatRight img, .OfferInline.FloatLeft img {
  width: 150px;
  align-self: center;
}

.OfferInlineHead {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 0.5rem 1rem;
  background-color: #FFF;
  border-bottom: solid 1px #E2E8F0;
}

.OfferInline .OfferInlineHead a {
  color: #1A202C;
  font-size: 0.9rem;
  text-decoration: none;
}

.OfferInline .OfferInlineHead a:hover,
.OfferInline .OfferInlineHead a:focus {
  color: #3FBDF1;
}

.OfferInlineBody {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 1rem;
}

.OfferInlineBody .OfferButton {
  margin-top: 0.5rem;
  font-size: 1rem;
}

.SingleArticlePage .FullWidth {
  width: 750px;
  height: auto;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

@supports (object-fit: cover) {
  .SingleArticlePage .FullWidth {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
}
.SingleArticlePage img.FloatLeft, .SingleArticlePage img.FloatRight {
  width: 375px;
  height: 250px;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

.SingleArticlePage img.FloatLeft {
  float: left;
  margin: 1rem 1rem 1rem 0;
}

.SingleArticlePage img.FloatRight {
  float: right;
  margin: 1rem 0 1rem 1rem;
}

.qualify-link {
  display: block;
  margin-top: 0.5rem;
  font-weight: 600;
  text-transform: uppercase;
}
@media (min-width: 48em) {
  .qualify-link {
    margin-top: 0;
  }
}

.applyNow.hideApply {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 0.25em;
}

@media (max-width: 47.99em) {
  .applyNow.hideApply {
    display: none;
  }
  .showApply {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 1rem 0;
  }
}
@media (max-width: 47.99em) {
  .hideApplyNow {
    display: none;
  }
  .showApplyNow {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 1rem 0;
  }
}
@media (min-width: 48em) {
  .showApply {
    display: none;
  }
}
@media (min-width: 48em) {
  .showApplyNow {
    display: none;
  }
}
.applyNow span {
  margin-top: 0.5rem;
  font-size: 0.725em;
}
@media (min-width: 48em) {
  .applyNow span {
    width: 13em;
  }
}

/* EVEN Financial loan offers */
#EvenFinancialApp .intro p {
  text-align: center;
}

.EvenFinWrap {
  margin-bottom: 0;
}

.OfferLoanWrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 1em 0.625em;
  background-color: #FFF;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: center;
}
@media (min-width: 40.625em) {
  .OfferLoanWrap {
    justify-content: space-between;
  }
}
@media (min-width: 48em) {
  .OfferLoanWrap {
    display: flex;
    padding: 1.5em;
  }
}

.OfferLoanWrap div {
  text-align: center;
}

.OfferLoanWrap p {
  margin: 0;
}

.loanBanner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  padding: 0.5em;
}

.loanBanner p {
  width: 9em;
  display: flex;
  align-items: center;
  margin-top: 0.25em;
  color: #DC3545;
  font-size: 0.75em;
  font-weight: bold;
}

.loanBanner svg {
  fill: #DC3545;
  margin-right: 0.25em;
}

.loanApr {
  display: flex;
}

@media (min-width: 48em) {
  .loanPartner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
  }
}

.loanPartner img {
  max-width: 120px;
}

@media (min-width: 48em) {
  .OfferSpecsWrap.EvenFinOfferSpecs {
    width: 75%;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.EvenFinOfferSpecs .OfferSpecs {
  text-align: center;
}
@media (min-width: 31.25em) {
  .EvenFinOfferSpecs .OfferSpecs {
    flex-direction: column;
    width: 33.333333%;
    margin: 0;
  }
}

.EvenFinOfferSpecs .OfferSpecs strong {
  font-size: 0.85em;
  font-weight: 500;
}
@media (min-width: 31.25em) {
  .EvenFinOfferSpecs .OfferSpecs strong {
    font-size: 0.75em;
  }
}

/*.EvenFinApplyNow {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: .25em;
}*/
@media (min-width: 31.25em) {
  .EvenFinOfferSpecs .OfferSpecs dt {
    width: auto;
    margin-bottom: 0.5em;
    padding: 0.8em 0;
    background-color: #F7FAFC;
  }
}

@media (min-width: 31.25em) {
  .EvenFinOfferSpecs .OfferSpecs dd {
    font-size: 1em;
    padding: 0 0.25em;
  }
}

.EvenFinOfferSpecs .OfferSpecs:last-of-type dd {
  color: #4A5568;
}

.EvenFinOfferSpecs h4 {
  margin: 0 auto 0.5em;
  line-height: 1;
}
@media (min-width: 48em) {
  .EvenFinOfferSpecs h4 {
    margin: 0 0 0.25em 0;
    text-align: left;
  }
}

.EvenFinOfferSpecs h4 a {
  color: #226BE2;
  font-weight: 500;
}

.EvenFinOfferSpecs h4 a:hover,
.EvenFinOfferSpecs h4 a:focus {
  color: #3FBDF1;
  text-decoration: none;
}

.EvenFinOfferSpecs .SpecialOfferDesc {
  font-size: 0.9em;
}
@media (min-width: 48em) {
  .EvenFinOfferSpecs .SpecialOfferDesc {
    padding-right: 1em;
    text-align: left;
  }
}

/* show disclaimer asterisk */
.asteriskShowDisclaimer:hover,
.asteriskShowDisclaimer:active,
.asteriskShowDisclaimer:focus {
  text-decoration: none;
}

/* EvenFin annual income helper text */
.evenFinHelper {
  position: absolute;
  top: -0.25em;
  right: -0.85em;
  margin: 0 0 0 0.25rem;
  cursor: help;
}
@media (min-width: 34em) {
  .evenFinHelper {
    top: 0;
    right: -1.5em;
  }
}

.evenFinHelper .evenFinHelperText {
  position: absolute;
  top: 2em;
  right: 0;
  z-index: 1;
  width: 250px;
  margin: 0 auto;
  padding: 0.5rem;
  background-color: #4A5568;
  color: #FFF;
  font-size: 0.825rem;
  opacity: 0;
  display: none;
}
@media (min-width: 48em) {
  .evenFinHelper .evenFinHelperText {
    left: 0;
  }
}
@media (min-width: 34em) {
  .evenFinHelper .evenFinHelperText {
    left: -4em;
    top: 1.5em;
    width: 300px;
  }
}

.evenFinHelper:hover .evenFinHelperText {
  opacity: 1;
  display: block;
}

/* Default Disclaimer text */
.DefaultDisclaimer {
  padding: 0 0.825em 1.5em;
  background-color: #F7FAFC;
  text-align: center;
}
@media (min-width: 48em) {
  .DefaultDisclaimer {
    padding: 0 2em 1.5em;
  }
}

.DefaultDisclaimer p {
  color: #718096;
  font-size: 0.625em;
}

.DisclaimerLink {
  position: relative;
  font-size: 0.75em;
}

/* show/hide disclaimer text */
.LenderDisclaimer {
  color: #3FBDF1;
  font-size: 0.75em;
}

@media (min-width: 48em) {
  .LenderDisclaimer .PopupInner {
    width: 40em;
    left: 10.5em;
  }
}

.CloseWindow:hover {
  cursor: pointer;
}

.enhanced .OfferMainWrap.LenderDisclaimer {
  display: none;
}

.OfferMainWrap.LenderDisclaimer {
  padding: 0 2em 2em;
  color: #718096;
  font-size: 0.625em;
  text-align: center;
}

.asteriskShowDisclaimer {
  color: #3FBDF1;
}

.asteriskShowDisclaimer:hover {
  cursor: pointer;
}

/* End even fin */
/* IsFeatured Offer */
.IsFeatured .OfferWrap:first-child {
  border: 1px solid #FA6E3D;
  border-bottom-width: 5px;
  border-bottom-color: #FFA158;
}

@media (min-width: 48em) {
  .IsFeatured .OfferWrap:first-child .OfferHeader {
    padding-left: 3em;
  }
}

.IsFeatured .OfferWrap:first-child .OfferHeader::before {
  content: "";
  position: absolute;
  top: -31px;
  left: -1px;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' fill='url(%23paint0_linear)'/%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M11.6285 14.8734C11.25 13.9753 10.9615 12.7833 10.9615 11.2502H8.65385V12.1877C8.65385 13.1446 9.85269 14.4728 11.6285 14.8734ZM21.3462 12.1877V11.2502H19.0385C19.0385 12.7833 18.75 13.9746 18.3715 14.8734C20.1473 14.4728 21.3462 13.1446 21.3462 12.1877ZM22.5 10.9376V12.1877C22.5 14.0434 20.4265 16.0941 17.614 16.2404C17.2535 16.7385 16.92 17.0316 16.7579 17.1679C16.2802 17.6367 16.1538 18.1248 16.1538 18.7498C16.1538 19.3749 16.4423 19.9999 17.3077 19.9999C18.1731 19.9999 19.0385 20.6249 19.0385 21.5625V22.1875C19.0385 22.3631 18.9121 22.5 18.75 22.5H11.25C11.0879 22.5 10.9615 22.3631 10.9615 22.1875V21.5625C10.9615 20.6249 11.8269 19.9999 12.6923 19.9999C13.5577 19.9999 13.8462 19.3749 13.8462 18.7498C13.8462 18.1248 13.7198 17.6367 13.2421 17.1679C13.08 17.031 12.7465 16.7379 12.386 16.2404C9.57346 16.0941 7.5 14.0428 7.5 12.1877V10.9376C7.5 10.4201 7.88769 10.0001 8.36538 10.0001H10.9615V9.06257C10.9615 8.20315 11.6106 7.5 12.4038 7.5H17.5962C18.3894 7.5 19.0385 8.20315 19.0385 9.06257V10.0001H21.6346C22.1123 10.0001 22.5 10.4201 22.5 10.9376V10.9376Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='7.5' y='7.5' width='17' height='17' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x1='0' y1='0' x2='30' y2='30' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9300'/%3E%3Cstop offset='1' stop-color='%23FFB100'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
@media (min-width: 48em) {
  .IsFeatured .OfferWrap:first-child .OfferHeader::before {
    top: -1px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='40' height='40' fill='url(%23paint0_linear)'/%3E%3Cg filter='url(%23filter0_d)'%3E%3Cpath d='M15.5046 19.8312C15 18.6337 14.6154 17.0445 14.6154 15.0002H11.5385V16.2503C11.5385 17.5261 13.1369 19.2971 15.5046 19.8312ZM28.4615 16.2503V15.0002H25.3846C25.3846 17.0445 25 18.6329 24.4954 19.8312C26.8631 19.2971 28.4615 17.5261 28.4615 16.2503ZM30 14.5835V16.2503C30 18.7245 27.2354 21.4588 23.4854 21.6538C23.0046 22.318 22.56 22.7089 22.3438 22.8905C21.7069 23.5156 21.5385 24.1664 21.5385 24.9998C21.5385 25.8332 21.9231 26.6665 23.0769 26.6665C24.2308 26.6665 25.3846 27.4999 25.3846 28.7499V29.5833C25.3846 29.8175 25.2162 30 25 30H15C14.7838 30 14.6154 29.8175 14.6154 29.5833V28.7499C14.6154 27.4999 15.7692 26.6665 16.9231 26.6665C18.0769 26.6665 18.4615 25.8332 18.4615 24.9998C18.4615 24.1664 18.2931 23.5156 17.6562 22.8905C17.44 22.708 16.9954 22.3172 16.5146 21.6538C12.7646 21.4588 10 18.7237 10 16.2503V14.5835C10 13.8935 10.5169 13.3335 11.1538 13.3335H14.6154V12.0834C14.6154 10.9375 15.4808 10 16.5385 10H23.4615C24.5192 10 25.3846 10.9375 25.3846 12.0834V13.3335H28.8462C29.4831 13.3335 30 13.8935 30 14.5835V14.5835Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='10' y='10' width='22' height='22' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dx='1' dy='1'/%3E%3CfeGaussianBlur stdDeviation='0.5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear' x1='0' y1='0' x2='40' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF9300'/%3E%3Cstop offset='1' stop-color='%23FFB100'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  }
}

/*Rates and Fees*/
.LinkSmWrap {
  margin-left: 1.75rem;
}

/*Link sizes*/
.LinkSm {
  color: #226BE2;
  font-size: 0.725rem;
}

.main .NavLinks {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
@media (min-width: 37.5em) {
  .main .NavLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

.main .nav-Calc h2 {
  font-weight: 700;
}

.main .nav-Calc h2 {
  margin-top: 0.5em;
}

.main .NavLinks li {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0.25em 2em 2em 0;
  background: #FFF;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media (min-width: 37.5em) {
  .main .NavLinks li {
    width: 40%;
  }
}
@media (min-width: 64em) {
  .main .NavLinks li {
    width: 21%;
  }
}

.main .NavLinks li:last-of-type {
  margin-right: 0;
}

ul.NavLinks > li:before {
  content: none;
}

.main .NavLinks a:link,
.main .NavLinks a:visited {
  color: #1A202C;
}

.main .NavLinks a:link {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 7.375em;
  padding: 0.6em 1em 1.25em;
  border-radius: 8px;
  font-size: 1.125rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

#creditsoup-calculators .main .NavLinks a:link {
  padding: 0.6em 1em;
  line-height: 1.25;
}

.main .NavLinks li a:hover,
.main .NavLinks li a:focus,
.main .NavLinks li a:active {
  color: #226BE2;
}

.main .NavLinks a:link span {
  width: 5em;
}

.csTools li svg {
  margin-bottom: 0.25em;
}

.ico-Basics .st0 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 1.9749;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.ico-Basics .st1 {
  fill: #00bade;
  stroke: #0b4677;
  stroke-width: 1.3702;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.ico-Basics .st2 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 1.3702;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.ico-CS101 .st0 {
  fill: #00bade;
}

.ico-CS101 .st1 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 1.7612;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

.ico-CS101 .st2 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 1.7612;
  stroke-miterlimit: 10;
}

.ico-Glossary .st0 {
  fill: none;
  stroke: #00BADE;
  stroke-width: 1.293;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.ico-Glossary .st1 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 1.293;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.ico-Glossary .st2 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}

.ico-Glossary .st3 {
  fill: #00BADE;
}

.ico-Calculator .st0 {
  fill: #00BADE;
}

.ico-Calculator .st1 {
  fill: none;
  stroke: #0b4677;
  stroke-width: 1.6547;
  stroke-miterlimit: 10;
}

.CreditScoreBtn {
  text-align: center;
}

.Buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 40em;
  margin: 1rem auto;
  padding: 0 1rem;
  text-align: center;
}
@media (min-width: 48em) {
  .Buttons {
    box-sizing: content-box;
  }
}

.Button,
.Button:link,
.Button:visited {
  background-color: #226BE2;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.Button.LearnMore,
.Button.LearnMore:link,
.Button.LearnMore:visited {
  background-color: #20C997;
}

.Button,
.Button:link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding: 0.45em 1.5em 0.45em;
  border: none;
  border-radius: 0.25em;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  transition: all 0.8s;
}
@media (min-width: 20em) {
  .Button,
  .Button:link {
    width: auto;
    box-sizing: content-box;
  }
}

.Button.OfferButton,
.Button.OfferButton :link .Button.OfferButton :visited {
  background-color: #077443;
}

.TopDashOffer .Button,
.TopDashOffer .Button:link {
  position: relative;
  width: 7.5em;
}

.TopDashOffer .EvenFinWrap .Button,
.TopDashOffer .EvenFinWrap .Button:link {
  width: 8em;
}

.Button.ButtonCase {
  font-weight: 400;
  text-transform: none;
}

.Button > .icon {
  visibility: visible;
  width: 11px;
  height: 17px;
  vertical-align: top;
}

.applyNow .Button.ApplyLink > .icon {
  width: 17px;
  height: 17px;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}

.Button.Disabled,
.Button.Disabled:link,
.Button.Disabled:visited,
.UpdateScore .Button.Disabled {
  background-color: #E2E8F0;
  color: #FFF;
}

.Button.Disabled,
.Button.Disabled:link {
  box-shadow: none;
}

.Button.Disabled:hover,
.Button.Disabled:focus,
.Button.Disabled:active {
  box-shadow: none;
}

.wf-active .Button,
.wf-active .Button:link {
  font-family: "filson-pro", sans-serif;
}

.Button.Button1.FormButton:hover,
.Button.FormButton:hover,
.Button.Button1.FormButton:focus,
.Button.Button1.FormButton:active {
  box-shadow: 320px 0 0 0 rgba(0, 0, 0, 0.15) inset, -320px 0 0 0 rgba(0, 0, 0, 0.15) inset;
}

.Button.Button1 > .icon {
  fill: #fff;
  fill: currentColor;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}

.Button.Button2,
.Button.Button2:link,
.Button.Button2:visited {
  background-color: #F7FAFC;
  color: #3FBDF1;
}

.MoreOffersBtn.Button.Button2 {
  margin: 2rem 0;
}

.Button.Button2,
.Button.Button2:link {
  min-width: 7.5rem;
  padding: 0.75em 3rem 0.75em;
  line-height: 1.1;
}

.Button.Button2:hover,
.Button.Button2:focus,
.Button.Button2:active {
  background-color: #3FBDF1;
  box-shadow: none;
  color: #fff;
}

.Button.Button2 > .icon {
  fill: #3FBDF1;
  width: 1em;
  height: 1em;
}

.Button.Button2:hover > .icon,
.Button.Button2:focus > .icon,
.Button.Button2:active > .icon {
  fill: #fff;
}

.Button.Button3,
.Button.Button3:link {
  width: 90%;
  max-width: 24rem;
  padding: 0.55em 0.5rem;
  background-color: #20C997;
  transition: all 0.8s, color 0.2s 0.2s;
}

.Button.Button3:hover,
.Button.Button3:focus,
.Button.Button3:active {
  /*box-shadow: inset 3px 3px 3px 0 rgba(0,0,0,.2);*/
  box-shadow: 0 80px 0 0 rgba(0, 0, 0, 0.25) inset, 0 -80px 0 0 rgba(0, 0, 0, 0.25) inset;
}

.Button.AltColor1 {
  background: #F3B840;
}

.Button.AltColor2 {
  background: #226BE2;
}

.ShowMoreIcon:after,
.OfferInfoToggleBtn.Link1:after,
.ShowIntroTextBtn:after {
  content: "";
  display: block;
  width: 1.25em;
  height: 1em;
  margin: 0 0 0 0.5em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ShowIntroTextBtnWrap .ShowIntroTextBtn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.MoreOffersBtn.Button,
.MoreOffersBtn.Button:link,
.MoreOffersBtn.Button:visited,
.MoreOffersBtn.Button:active {
  background-color: #F7FAFC;
  border: 1px solid #3FBDF1;
  color: #3FBDF1;
  font-weight: 400;
}

.MoreOffersBtn.Button:hover,
.MoreOffersBtn.Button:focus {
  background-color: #3FBDF1;
  box-shadow: 300px 0 0 0 rgba(0, 0, 0, 0.15) inset, -300px 0 0 0 rgba(0, 0, 0, 0.15) inset;
  color: #FFF;
}

.MoreOffersBtn:after {
  content: "";
  display: block;
  float: right;
  width: 1.3em;
  height: 1.2em;
  margin: 0 -0.8em 0 0.5em;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2028%22%20width%3D%2240%22%20height%3D%2240%22%3E%0A%09%3Cpath%20fill%3D%22%2300bade%22%20d%3D%22M16.797%2011.5c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.219-0.156%200.359-0.156%200.125%200%200.266%200.063%200.359%200.156l6.141%206.141%206.141-6.141c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E%0A%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.8s;
}

.MoreOffersBtn:hover:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2028%22%20width%3D%2240%22%20height%3D%2240%22%3E%0A%09%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.797%2011.5c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.219-0.156%200.359-0.156%200.125%200%200.266%200.063%200.359%200.156l6.141%206.141%206.141-6.141c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E%0A");
}

.OfferInfoToggleBtn.Link1:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2026%2028%22%20height%3D%2220%22%20width%3D%2220%22%3E%0A%09%3Cpath%20fill%3D%22%23393939%22%20d%3D%22M25.172%2015.172c0%200.531-0.219%201.031-0.578%201.406l-1.172%201.172c-0.375%200.375-0.891%200.594-1.422%200.594s-1.047-0.219-1.406-0.594l-4.594-4.578v11c0%201.125-0.938%201.828-2%201.828h-2c-1.062%200-2-0.703-2-1.828v-11l-4.594%204.578c-0.359%200.375-0.875%200.594-1.406%200.594s-1.047-0.219-1.406-0.594l-1.172-1.172c-0.375-0.375-0.594-0.875-0.594-1.406s0.219-1.047%200.594-1.422l10.172-10.172c0.359-0.375%200.875-0.578%201.406-0.578s1.047%200.203%201.422%200.578l10.172%2010.172c0.359%200.375%200.578%200.891%200.578%201.422z%22%3E%3C/path%3E%0A%3C/svg%3E");
}

.ShowMoreIcon:before,
.ShowLess .OfferInfoToggleBtn.Link1:after,
.ShowIntroTextBtn:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2026%2028%22%20height%3D%2220%22%20width%3D%2220%22%3E%0A%09%3Cpath%20fill%3D%22393939%22%20d%3D%22M25.172%2013c0%200.531-0.219%201.047-0.578%201.406l-10.172%2010.187c-0.375%200.359-0.891%200.578-1.422%200.578s-1.047-0.219-1.406-0.578l-10.172-10.187c-0.375-0.359-0.594-0.875-0.594-1.406s0.219-1.047%200.594-1.422l1.156-1.172c0.375-0.359%200.891-0.578%201.422-0.578s1.047%200.219%201.406%200.578l4.594%204.594v-11c0-1.094%200.906-2%202-2h2c1.094%200%202%200.906%202%202v11l4.594-4.594c0.359-0.359%200.875-0.578%201.406-0.578s1.047%200.219%201.422%200.578l1.172%201.172c0.359%200.375%200.578%200.891%200.578%201.422z%22%3E%3C/path%3E%0A%3C/svg%3E");
}

.MoreOffersBtn:hover:before,
.MoreOffersBtn:focus:before,
.MoreOffersBtn:active:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2028%2028%22%3E%0A%09%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.797%2011.5c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.219-0.156%200.359-0.156%200.125%200%200.266%200.063%200.359%200.156l6.141%206.141%206.141-6.141c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E");
}

.OfferButton > .icon {
  margin-left: 0.5em;
}

.Button.FilterBtn {
  background-color: #E2E8F0;
  color: #226BE2;
}

.Button.FilterBtn:hover {
  background-color: #226BE2;
  box-shadow: none;
  color: #fff;
}

.Button.FilterBtn.ClickMe {
  background-color: #20C997;
  color: #fff;
}

.Button.FilterBtn.ClickMe:hover,
.Button.FilterBtn.ClickMe:focus,
.Button.FilterBtn.ClickMe:active {
  box-shadow: inset 3px 3px 3px 0 rgba(0, 0, 0, 0.1);
}

/*previous and next button*/
.PrevNextButton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15rem;
  margin: 0 auto;
  padding: 0.75em 2em;
  border: 1px solid #E2E8F0;
  border-radius: 0.25em;
  color: #4A5568;
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.8s, color 0.8s;
}
@media (min-width: 37.5em) {
  .PrevNextButton {
    margin: 0 1em;
    width: auto;
    justify-content: space-around;
  }
}

.PrevNextButton:hover,
.PrevNextButton:focus {
  background-color: #3FBDF1;
  color: #FFF;
  text-decoration: none;
}

.PrevNextButton span:first-of-type {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 1rem;
}

.PrevNextButton span {
  display: block;
  width: 100%;
  font-size: 0.8rem;
}

.PrevNextButton .icon {
  margin: 0 0.25rem;
  stroke: currentColor;
  fill: currentColor;
}

#articles-home .PrevNextButton .icon {
  margin: 0 0.25rem;
}

.ButtonPrev .icon {
  transform: rotate(180deg);
}

.PrevNext .MobileArrow {
  margin: 0 3rem;
}

.PrevNext .MobileArrow .Arrow {
  display: flex;
  margin-left: auto;
  padding: 0.25rem 1rem;
  align-items: center;
  background-color: #E2E8F0;
  border-radius: 0.25em;
}

.PrevNext .MobileArrow .Arrow:hover {
  background-color: #3FBDF1;
}

.PrevNext .MobileArrow .LeftArrow {
  transform: rotate(180deg);
}

/*offer page apply now button*/
.main .applyNow .Button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: inherit;
  width: 10rem;
  height: 100%;
  padding: 0.5em 0.75em;
  border-radius: 0.25em;
  transition: all 0.5s, color 0.3s 0.3s;
}

.EvenFinApplyNow .Button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: inherit;
  width: 10rem;
  padding: 0.5em 0;
  border-radius: 0.25em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  transition: all 0.5s, color 0.3s 0.3s;
}

.main .applyNow .Button:hover,
.main .applyNow .Button:focus {
  background-color: #0aae64;
}

.main .applyNow .Button.LearnMore:hover,
.main .applyNow .Button.LearnMore:focus {
  padding-right: 1em;
}

@media (min-width: 48em) {
  .main .applyNow .Button:after,
  .EvenFinApplyNow .Button:after,
  .offer-ApplyBtn .apply:after,
  .TopDashOffer .Button:after,
  .OfferApiWrap .Button:after {
    visibility: hidden;
    opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2029%2035%22%20width%3D%2217px%22%20height%3D%2217px%22%3E%0A%09%09%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28.75%2018.75c0%200.664-0.254%201.309-0.723%201.777l-12.715%2012.715c-0.469%200.449-1.113%200.723-1.777%200.723s-1.289-0.273-1.758-0.723l-1.465-1.465c-0.469-0.469-0.742-1.113-0.742-1.777s0.273-1.309%200.742-1.777l5.723-5.723h-13.75c-1.406%200-2.285-1.172-2.285-2.5v-2.5c0-1.328%200.879-2.5%202.285-2.5h13.75l-5.723-5.742c-0.469-0.449-0.742-1.094-0.742-1.758s0.273-1.309%200.742-1.758l1.465-1.465c0.469-0.469%201.094-0.742%201.758-0.742s1.309%200.273%201.777%200.742l12.715%2012.715c0.469%200.449%200.723%201.094%200.723%201.758z%22%3E%3C/path%3E%0A%09%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .main .applyNow .Button:hover:after,
  .offer-ApplyBtn .apply:hover:after,
  .main .applyNow .Button:focus:after,
  .offer-ApplyBtn .apply:focus:after,
  .EvenFinApplyNow .Button:hover:after,
  .EvenFinApplyNow .Button:focus:after,
  .TopDashOffer .Button:hover:after,
  .TopDashOffer .Button:focus:after,
  .OfferApiWrap .Button:hover:after,
  .OfferApiWrap .Button:focus:after {
    visibility: visible;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 73%;
    width: 17px;
    height: 17px;
    margin: auto 0 auto 0.5em;
    transition: ease-in 0.3s;
  }
  #article-page .main .applyNow .Button:hover:after {
    margin: auto 0 auto 0.75em;
  }
}
.offer-ApplyBtn .apply:hover:after {
  left: 67%;
}

.main .showApply .Button {
  width: 185px;
  padding: 0.5em 0;
}

@media (min-width: 37.5em) {
  #article-page .PrevNextButton {
    flex-direction: column;
    justify-content: center;
    margin: 0 2rem;
    line-height: 1.5;
  }
}

#article-page .PrevNextButton, #articles-home .PrevNextButton {
  display: none;
}
@media (min-width: 48em) {
  #article-page .PrevNextButton, #articles-home .PrevNextButton {
    display: flex;
  }
}

#articles-home .PrevNextButton .icon, #article-page .PrevNextButton .icon {
  stroke: none;
}

.PrevNext {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 3rem 0 2rem;
  font-size: 0.875em;
  text-align: center;
}
@media (min-width: 92.1875em) {
  .PrevNext {
    margin: 3rem 0 0;
  }
}

@media (min-width: 48em) {
  .MobileArrow {
    display: none;
  }
}
#article-page .PrevNextButton span {
  display: none;
}
@media (min-width: 48em) {
  #article-page .PrevNextButton span {
    display: flex;
    justify-content: center;
  }
}

.PrevNext .Button2 {
  flex: 1 1 auto;
}

.PrevNext .Button2 > .icon {
  margin: 0 0 0 0.3em;
}

.PrevNext .Button2:first-of-type > .icon {
  margin: 0 0.3em 0 0;
}

.PrevNext .Button2 + .Button2 {
  margin-left: 1rem;
}

.animate-btn:hover .DefaultBtn {
  color: #226BE2;
}

.FreeScoreType2 .animate-btn:hover .DefaultBtn {
  color: #226BE2;
}

.animate-btn.cancel:hover .DefaultBtn {
  color: #E2E8F0;
}

.animate-btn {
  position: relative;
  width: 18em;
  height: 3em;
  margin: 0 1rem;
  color: #FFF;
  background-color: #226BE2;
  border-radius: 0.25em;
  font-size: 0.9rem;
  text-decoration: none;
}
@media (min-width: 64em) {
  .animate-btn {
    width: 24em;
  }
}

.FreeScoreType2 .animate-btn {
  width: 18em;
  background-color: #226BE2;
}

.FreeScoreType2 .animate-btn input {
  text-transform: uppercase;
}

.animate-btn.cancel {
  width: 14em;
  background-color: #E2E8F0;
}
@media (min-width: 64em) {
  .animate-btn.cancel {
    width: 18em;
  }
}

.animate-btn:before,
.animate-btn:after {
  z-index: 0;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #226BE2;
  border-radius: inherit;
  pointer-events: none;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transform: scale3d(1.2, 1.2, 1);
}
@media (min-width: 48em) {
  .animate-btn:before,
  .animate-btn:after {
    top: -2px;
  }
}

.FreeScoreType2 .animate-btn:before,
.FreeScoreType2 .animate-btn:after {
  border: 2px solid #226BE2;
}

.animate-btn.cancel:before,
.animate-btn.cancel:after {
  border: 2px solid #E2E8F0;
}

.animate-btn:hover:before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
  z-index: 1;
}

.animate-btn:hover:after {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
  z-index: 1;
}

.animate-btn:after {
  background: #fff;
}

.animate-btn:hover {
  color: #226BE2;
  background-color: transparent;
}

.FreeScoreType2 .animate-btn:hover {
  color: #226BE2;
}

.animate-btn.cancel:hover {
  color: #E2E8F0;
}

.DefaultBtn,
.animate-btn .ButtonSsn {
  /*display: flex;
  justify-content: center;*/
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  background: none;
  border: none;
  color: #FFF;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 500;
  outline: none;
  text-align: center;
  text-decoration: none;
}
@media (min-width: 37.5em) {
  .DefaultBtn,
  .animate-btn .ButtonSsn {
    font-size: 1.125rem;
  }
}

.DefaultBtn:focus,
.animate-btn .ButtonSsn:focus {
  border-radius: 0.25em;
  box-shadow: inset 3px 5px 5px 0 rgba(0, 0, 0, 0.1);
  color: #FFF;
}

.animate-btn:hover .ButtonSsn {
  color: #226BE2;
}

.FieldSetWrapInner .Buttons input {
  margin: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.FieldSetWrapInner .Buttons input:hover {
  text-shadow: none;
}

.TopOfPageLinkWrap {
  position: fixed;
  z-index: 3;
  bottom: 1rem;
  right: 1em;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
@media (min-width: 64em) {
  .TopOfPageLinkWrap {
    right: 1.5em;
  }
}

.ShowLinkToTop .TopOfPageLinkWrap {
  opacity: 1;
  visibility: visible;
}

.TopOfPageLinkWrap .TopOfPageLink {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 48px;
  height: 44px;
  margin: 0;
  padding: 0;
  background-color: #718096;
  border-radius: 4px;
  border: 0px;
  color: #fff;
  font-size: 1.3125rem;
  line-height: 1;
  text-decoration: none;
}

.TopOfPageLinkWrap .TopOfPageLink:hover {
  cursor: pointer;
}

.TopOfPageLinkWrap .TopOfPageLink path {
  fill: #fff;
}

.TopOfPageLinkWrap .TopOfPageLink:hover path,
.TopOfPageLinkWrap .TopOfPageLink:focus path,
.TopOfPageLinkWrap .TopOfPageLink:active path {
  fill: #3FBDF1;
}

@media (max-width: 63.99em) {
  body.nav-open {
    overflow: hidden;
  }
}

.CreditSoupLogo {
  display: flex;
  align-items: center;
}
@media (min-width: 37.5em) {
  .CreditSoupLogo {
    width: 180px;
  }
}

.CreditSoupLogo svg {
  width: 115px;
}
@media (min-width: 37.5em) {
  .CreditSoupLogo svg {
    width: 135px;
  }
}
@media (min-width: 48em) {
  .CreditSoupLogo svg {
    width: 145px;
  }
}

.MastNavWrap {
  position: absolute;
  top: 0;
  width: 100%;
}

.NavWrapInner {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: #FFF;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  /*@include mq($from: csMobileLg) {
      position: fixed;
  }*/
}
@media (min-width: 64em) {
  .NavWrapInner :target:before {
    content: "";
    display: block;
    height: 7rem;
    margin: -7rem 0 0;
  }
}

.NavWrapInner > div {
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100em;
  height: 55px;
  margin: 0 auto;
  padding: 0 0.825rem;
}
@media (min-width: 64em) {
  .NavWrapInner > div {
    height: 70px;
  }
}

.MastNavWrap.CleanMastNav .NavWrapInner,
.MastNavWrap.CleanMastNav .CreditSoupLogo {
  display: flex;
  justify-content: center;
}

label {
  cursor: pointer;
}

label:focus {
  outline: none;
}

@media (max-width: 63.99em) {
  .menu {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
    width: 320px;
    height: 100vh;
    background-color: #F7FAFC;
    transform: translate3d(320px, 0, 0);
    transition: transform 0.35s;
  }
}
@media (min-width: 64em) {
  .menu {
    display: none;
  }
}

@media (min-width: 64em) {
  .MenuWrap {
    display: flex;
    width: 100%;
    height: 100%;
    margin-left: 1em;
  }
}

.menu > ul {
  margin: 0 0 1em;
  padding: 0;
}
@media (min-width: 64em) {
  .menu > ul {
    display: flex;
    height: 100%;
    margin: 0;
  }
}

@media (max-width: 63.99em) {
  .menu ul .menu {
    overflow-y: scroll;
    display: block;
  }
}

.menu li:before {
  content: none;
}

label.MenuToggle {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0px;
  margin-left: 1em;
  padding: 0;
}

.MenuOverlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: rgba(38, 116, 142, 0.5);
  transition: all 0.25s ease;
  display: block;
}
@media (min-width: 64em) {
  .MenuOverlay {
    display: none;
  }
}

.menu ul li > label {
  font-weight: 700;
}

.LinkWrap {
  padding: 0 0.825rem;
}
@media (min-width: 64em) {
  .LinkWrap {
    position: relative;
    display: flex;
    height: 100%;
    padding: 0;
  }
}

.LinkWrap > label,
.LinkWrap > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 50px;
  border-bottom: 1px solid #E2E8F0;
  color: #00144E;
  font-size: 1rem;
  font-weight: 700;
  outline: none;
  text-decoration: none;
}
@media (min-width: 64em) {
  .LinkWrap > label,
  .LinkWrap > a {
    position: relative;
    margin: 0 0.25em;
    padding: 0 0.65em;
    border-bottom: none;
    color: #1A202C;
    font-size: 0.825rem;
    line-height: 40px;
  }
}
@media (min-width: 70.3125em) {
  .LinkWrap > label,
  .LinkWrap > a {
    font-size: 0.8725rem;
  }
}

@media (min-width: 64em) {
  .LinkWrap > label:before,
  .LinkWrap > a:before {
    content: "";
    position: absolute;
    top: 1.5em;
    left: 0;
    width: 100%;
    height: 0.15em;
    background-color: #3FBDF1;
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
  }
  .LinkWrap > label:hover:before,
  .LinkWrap > a:hover:before,
  .LinkWrap > label:focus:before,
  .LinkWrap > a:focus:before {
    visibility: visible;
    transform: scaleX(1);
  }
  .LinkWrap .menu > ul > li {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .LinkWrap.Open .menu,
  .LinkWrap.Open .SubMenu {
    display: block;
  }
}
.LinkWrap:hover .menu,
.LinkWrap:hover .menu .SubMenu {
  display: block;
}

.SubMenu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.55em;
  line-height: 40px;
  color: #4A5568;
  font-size: 0.9rem;
  font-weight: 500;
  outline: none;
  text-decoration: none;
}
@media (min-width: 64em) {
  .SubMenu a {
    padding: 0.25em 0.55em;
    border-radius: 0.375em;
    line-height: normal;
  }
}

/*.menu .SubMenu a:hover {
    @include mq($from: desktop) {
        color: $blue-100
    }
}*/
.menu ul li a:hover,
.menu ul li label:hover {
  color: #3FBDF1;
}

/* hide inputs */
.MenuCheckbox {
  display: none;
}

/* hide navigation icon for sublabels */
.menu .menu label.MenuToggle {
  background: none;
}

/* fade in checked menu */
.MenuCheckbox:checked ~ .MenuOverlay {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.MenuCheckbox:checked ~ .menu {
  transform: translate3d(0, 0, 0);
}
@media (min-width: 64em) {
  .MenuCheckbox:checked ~ .menu {
    display: block;
  }
}

.MobileMenuToggle {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
@media (min-width: 64em) {
  .MobileMenuToggle {
    display: none;
  }
}

.MobileMenuHead {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.825em;
  background-color: #F7FAFC;
}
@media (min-width: 64em) {
  .MobileMenuHead {
    display: none;
  }
}

.MobileMenuHead label {
  color: #20C997;
  font-size: 1rem;
  font-weight: 400;
}

.MobileMenuHead > a {
  color: #00144E;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}

.MobileMenuHead > a:hover,
.MobileMenuHead > a:focus {
  color: #00144E;
}

.MobileMenuHeader label {
  display: flex;
  align-items: center;
  height: 75px;
  padding-left: 2em;
  color: #00144E;
  font-size: 1.25rem;
  text-align: left;
  border-bottom: none;
}

.MobileMenuHeader label:hover {
  color: #3FBDF1;
}

.menu ul .MobileMenuHeader {
  position: relative;
}
@media (min-width: 64em) {
  .menu ul .MobileMenuHeader {
    display: none;
  }
}

.menu ul .MobileMenuHeader label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  width: 1.5em;
  height: 2.5em;
  margin: auto;
  transform: rotate(90deg);
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2018%2028%22%20width%3D%2230%22%20height%3D%2230%22%3E%0A%09%3Cpath%20fill%3D%22%2300144E%22%20d%3D%22M16.797%2011.5c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-7.281-7.281c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.219-0.156%200.359-0.156%200.125%200%200.266%200.063%200.359%200.156l6.141%206.141%206.141-6.141c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l0.781%200.781c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%3C/svg%3E);
}

.CloseMenu {
  z-index: 10;
}

.icon-RightAngle {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
@media (min-width: 64em) {
  .icon-RightAngle {
    display: none;
  }
}

.icon-RightAngle svg {
  fill: #00144E;
}

label:hover .icon-RightAngle svg {
  fill: #3FBDF1;
}

.SubMenu {
  padding: 0 0.825em;
}
@media (min-width: 64em) {
  .SubMenu {
    display: none;
    padding: 0 0.25em;
  }
}

.SubMenu ul {
  margin-top: 0.5em;
}
@media (min-width: 64em) {
  .SubMenu ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    margin-top: 0;
  }
}

.LinkWrap ul ul {
  padding-left: 0;
}
@media (min-width: 64em) {
  .LinkWrap ul ul {
    display: flex;
  }
}

@media (min-width: 64em) {
  .SubMenu ul li {
    display: flex;
    margin: 0.75rem 0 0;
    width: 50%;
  }
}

@media (min-width: 64em) {
  .SubMenu ul li.svg-item {
    display: flex;
    align-items: center;
    width: 100%;
  }
}

@media (min-width: 64em) {
  .SubMenu ul li.card-type-item {
    width: 50%;
  }
}

@media (min-width: 64em) {
  .SubMenu ul li.card-type-item:first-of-type {
    /*position: relative;*/
    width: 100%;
  }
}

/*.card-type-item .ArrowIcon {
	display: none;

	@include mq($from: desktop) {
		position: absolute;
		top: -1.85em;
		left: -2.35em;
		display: block;
		width: 45px;
		height: 45px;
		transform: scaleX(-1);
	}
}*/
.SubMenu h3 {
  margin: 0.5em 0 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #EDF2F7;
  color: #00144E;
  font-size: 1.125rem;
  text-transform: uppercase;
}
@media (min-width: 64em) {
  .SubMenu h3 {
    margin: 0;
    padding: 0 0.5em;
    border-bottom: none;
    font-weight: 700;
    text-transform: none;
  }
}

.svg-item svg,
.svg-item img {
  display: none;
}
@media (min-width: 64em) {
  .svg-item svg,
  .svg-item img {
    display: block;
    margin: 0 0.5em;
  }
}

.svg-item img {
  width: 100%;
  height: auto;
  max-width: 30px;
}

@media (min-width: 64em) {
  .SiteMemberAccount.MobileSiteMember,
  .enhanced .SiteMemberAccount.MobileSiteMember {
    display: none;
  }
}

.enhanced .SiteMemberAccount {
  display: none;
}
@media (min-width: 64em) {
  .enhanced .SiteMemberAccount {
    display: inline-block;
  }
}

.SiteMemberAccount {
  margin: 0;
  background-color: #F7FAFC;
}
@media (min-width: 64em) {
  .SiteMemberAccount {
    position: relative;
    display: inline-block;
    padding: 0 0.55rem;
    align-self: center;
    background-color: transparent;
    overflow: hidden;
  }
}

@media (max-width: 63.99em) {
  .menu .AccountSettings {
    margin: 0;
    padding: 0 0.5em 1em;
  }
}

.member .SiteMemberAccount {
  display: block;
}

.MenuLogin {
  display: none;
  align-items: center;
  margin-left: auto;
}
@media (min-width: 64em) {
  .MenuLogin {
    display: flex;
  }
}

/*.SignInLink {
	align-self: center;
	color: $gray-900;
	font-size: .7rem;
	font-weight: $font-reg;
	text-decoration: none;
	text-transform: uppercase;
}

.SignInLink:hover,
.SignInLink:focus {
	color: $blue-100;
	text-decoration: none;
}*/
.SignUpMobile {
  color: #00144E;
  font-size: 0.7rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media (min-width: 64em) {
  .SignUpMobile {
    display: none;
  }
}

.SignUpMobile:hover {
  color: #3FBDF1;
  text-decoration: none;
}

.CreditScoreSignUp {
  align-self: center;
  color: #00144E;
  font-size: 0.8rem;
  font-weight: 400;
  text-decoration: none;
}
@media (max-width: 70.3025em) {
  .CreditScoreSignUp {
    display: none;
  }
}

.CreditScoreSignUp:hover,
.CreditScoreSignUp:focus {
  color: #3FBDF1;
  text-decoration: none;
}

@media (min-width: 64em) {
  .MenuLogin .welcome {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem 0;
    color: #00144E;
    font-size: 0.9em;
    font-weight: 400;
    text-decoration: none;
  }
}

.MenuLogin .welcome svg {
  margin-left: 0.5rem;
}

@media (min-width: 64em) {
  .SiteMemberAccount:hover {
    min-width: 12rem;
    padding: 0 0.55rem;
    background-color: #00144E;
    border-radius: 0.4em;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: visible;
    text-align: right;
  }
  .AccountSettings {
    position: absolute;
    top: 60%;
    right: 0;
    opacity: 0;
    max-height: 0;
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #EDF2F7;
    background-color: #FFF;
    border-radius: 0.4rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-align: right;
  }
  .SiteMemberAccount:hover .AccountSettings {
    opacity: 1;
    max-height: 11.5rem;
    transition: max-height 0.15s;
    transition-timing-function: ease-out;
  }
  .SiteMemberAccount:hover .AccountSettings li {
    opacity: 1;
    transition: opacity ease-out 0.5s;
  }
  .SiteMemberAccount .AccountSettings li a {
    line-height: 25px;
  }
}
.SiteMemberAccount:hover .welcome {
  color: #FFF;
}

.SiteMemberAccount:hover .welcome svg path {
  fill: #FFF;
}

.AccountSettings.ShowAccount {
  position: static;
  visibility: visible;
  opacity: 1;
  width: 100%;
  max-height: 9rem;
  margin-top: 1rem;
  border: none;
  background-color: transparent;
  text-align: left;
}

.AccountSettings li:before {
  content: none;
}

.AccountSettings li {
  padding: 0.5rem;
}
@media (min-width: 64em) {
  .AccountSettings li {
    opacity: 0;
    padding: 0.25rem 0;
  }
}

.AccountSettings li a {
  color: #00144E;
  font-size: 0.9rem;
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
}

.AccountSettings li a:hover {
  color: #3FBDF1;
}

.sign-in-mobile .AccountSettings.ShowAccount a {
  color: #00144E;
}

.AccountSettings.ShowAccount a:hover {
  color: #3FBDF1;
}

.AccountSettings .SignInLink {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.SignInLink {
  position: relative;
  font-size: 0.875rem;
  font-weight: 700;
  text-decoration: none;
}
@media (min-width: 64em) {
  .SignInLink {
    margin: 0 1rem;
    padding: 0.5em 1em;
    color: #00144E;
    background-color: #EDF2F7;
    border-radius: 0.25em;
  }
}

@media (min-width: 64em) {
  .SignInLink:before, .SignInLink:after {
    border: 2px solid #00499B;
    opacity: 0;
    transform: scale3d(1.2, 1.2, 1);
    content: "";
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.3s, opacity 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  }
  .SignInLink:hover::before,
  .SignInLink:focus::before {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
  .SignInLink:hover::after,
  .SignInLink:focus::after {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
  }
  .SignInLink:after {
    background: #fff;
  }
}
.SignInLink:hover,
.SignInLink:focus {
  color: #00499B;
  background-color: transparent;
  text-decoration: none;
}

.MenuCheckbox:checked ~ .menu .SubMenu {
  display: block;
}

@media (min-width: 64em) {
  .LinkWrap > div {
    position: absolute;
    top: 70px;
    left: -2rem;
    height: auto;
  }
  .LinkWrap .CreditCards {
    width: 52em;
  }
  .LinkWrap .Loans {
    width: 25em;
  }
  .LinkWrap .More {
    width: 30em;
  }
  .LinkWrap .Tools {
    width: 15em;
  }
  .Tools .SubMenu ul li,
  .More .SubMenu ul li {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .LinkWrap > div > ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: auto;
    height: auto;
    margin-top: 0;
    padding: 2rem;
    background-color: #FFF;
    border-radius: 0 0 0.4em 0.4em;
    box-shadow: inset 0 24px 12px -24px rgba(0, 0, 0, 0.2), 0 2px 3px 1px rgba(0, 0, 0, 0.2);
    color: #003673;
  }
}

@media (min-width: 64em) {
  .SubMenu.CardType {
    flex: 1.3;
  }
  .SubMenu {
    flex: 1;
    position: relative;
    width: 100%;
  }
}
@media (min-width: 64em) {
  .Tools h3 {
    display: none;
  }
}

@media (min-width: 64em) {
  .Tools .SubMenu ul li:first-of-type {
    margin: 0;
  }
}

@media (min-width: 64em) {
  .SubMenu ul li.credit-card-finder,
  .SubMenu ul li.loan-finder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 2rem 0 0;
    padding: 0 1em;
  }
}

.SubMenu ul li.credit-card-finder a,
.SubMenu ul li.loan-finder a {
  color: #00499B;
  font-weight: 600;
}
@media (min-width: 64em) {
  .SubMenu ul li.credit-card-finder a,
  .SubMenu ul li.loan-finder a {
    padding: 0.45em 3em;
    background-color: #226BE2;
    border-radius: 0.25em;
    color: #FFF;
    font-weight: 400;
    text-align: center;
    transition: all 0.8s, color 0.3s 0.3s;
  }
}

@media (min-width: 64em) {
  .credit-card-finder a:hover,
  .credit-card-finder a:focus,
  .loan-finder a:hover,
  .loan-finder a:focus {
    padding: 0.45em 3em;
    background-color: #00144E;
    box-shadow: 220px 0 0 0 rgba(0, 0, 0, 0.2) inset;
    border-radius: 0.25em;
    color: #FFF;
  }
}

@media (min-width: 64em) {
  .other {
    padding-left: 3em;
  }
}

.footer-top-wrap {
  background: #4A5568;
}

.footer-bottom-wrap {
  background: #2D3748;
}

.footer-top-inner,
.footer-bottom-inner {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  height: auto;
  max-width: 80em;
  margin: 0 auto;
  padding: 3rem 1rem;
}

@media (min-width: 48em) {
  .footer-top-inner {
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
  }
}
/*Top footer*/
.footer-bottom-inner .footer-main .footer-Text:target {
  color: #20C997;
  font-size: 0.9rem;
}

.footer-nav-item-wrap {
  display: flex;
  flex-grow: 1;
  flex-flow: column nowrap;
}
@media (max-width: 63.99em) {
  .footer-nav-item-wrap {
    width: 100%;
  }
}

.footer-nav-item {
  text-align: center;
}
@media (min-width: 25em) {
  .footer-nav-item {
    width: 48%;
  }
}
@media (min-width: 37.5em) {
  .footer-nav-item {
    width: 23.5%;
  }
}
@media (min-width: 48em) {
  .footer-nav-item {
    text-align: left;
  }
}

.footer-nav-item + .footer-nav-item,
.footer-nav-item li + li {
  margin-top: 10px;
}

@media (min-width: 25em) {
  .footer-nav-item-wrap {
    flex-flow: row wrap;
    justify-content: space-between;
  }
  .footer-nav-item,
  .footer-nav-item + .footer-nav-item {
    margin: 0 0 20px;
  }
}
.footer-nav-item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.footer-nav-item li:before {
  content: none;
}

.footer-nav-item li a[href] {
  display: inline-block;
  padding: 5px 0;
  color: #FFF;
  font-size: 0.875em;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
}

.footer-nav-item li a:hover,
.footer-nav-item li a:focus {
  color: #3FBDF1;
}

/*bottom footer*/
.social-Links {
  order: -1;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 0.75rem 1rem;
  margin: 0 0 1.25rem;
  padding: 1.5rem 0 0;
  list-style: none;
}
@media (min-width: 48em) {
  .social-Links {
    order: 1;
    align-self: flex-start;
    width: 144px;
  }
}

.social-Links li:first-of-type {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0;
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 300;
  transform: translateX(-50%);
}

.social-Links li:first-of-type:before,
.social-Links > .social-Link:before {
  content: none;
}

.social-Link,
.social-Link > a {
  display: block;
}

.social-Link {
  margin: 0;
}

.social-Link > a[href] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  background: #fff;
  border-radius: 50%;
  transition: all ease-out 0.5s;
}

.social-Link > .instagram:hover,
.social-Link > .instagram:focus {
  background: #125688;
}

.social-Link > .facebook:hover,
.social-Link > .facebook:focus {
  background: #3B5998;
}

.social-Link > .twitter:hover,
.social-Link > .twitter:focus {
  background: #00ACED;
}

.social-Link > .google:hover,
.social-Link > .google:focus {
  background: #D34836;
}

.social-Link > .linkedin:hover,
.social-Link > .linkedin:focus {
  background: #0077B5;
}

.social-Link > .pinterest:hover,
.social-Link > .pinterest:focus {
  background: #C92228;
}

.social-Link > .tiktok:hover,
.social-Link > .tiktok:focus {
  background: #ff0050;
}

.social-Link > .youtube:hover,
.social-Link > .youtube:focus {
  background: #ff0000;
}

.social-Link > a[href] path {
  fill: #1A202C;
  transition: all ease-out 0.5s;
}

.social-Link > a:hover path,
.social-Link > a:focus path {
  fill: #fff;
}

.social-Link .text {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  display: none;
}

.footer-main {
  width: 100%;
}

.footer-Text {
  position: relative;
}

.footer-bottom-inner .footer-main p,
.footer-Text small {
  color: #FFF;
  font-size: 0.8em;
  font-weight: 400;
}

.ssl {
  margin: 1rem auto 0;
  padding: 0 4px;
}
@media (min-width: 25em) {
  .ssl {
    margin-top: 0;
  }
}
@media (min-width: 48em) {
  .ssl {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.ssl > a[href] {
  display: block;
  width: 120px;
  height: 80px;
}

.ssl > a:hover path,
.ssl > a:focus path {
  fill: #3FBDF1;
}

.equalHousing {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 1rem auto 0;
  padding: 0 4px;
}
@media (min-width: 48em) {
  .equalHousing {
    position: absolute;
    z-index: 1;
    top: 15rem;
    right: 2rem;
  }
}
@media (min-width: 64em) {
  .equalHousing {
    right: 2.7rem;
  }
}

.equalHousing svg .st0 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: transparent;
}

.equalHousing svg .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}

/*featured on header*/
.FeaturedOn {
  height: 8.25em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 3em;
  background-color: #F7FAFC;
  text-align: center;
}

.FeaturedOn > div {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  margin-top: 1em;
  padding: 0 2em;
}

.FeaturedOn img {
  height: 20px;
  margin-bottom: 0.5em;
  padding: 0.25em;
}

@supports (object-fit: cover) {
  .FeaturedOn img {
    object-fit: contain;
    width: 33.3333%;
  }
}
.FeaturedOn p {
  margin: 0 0 0.5em;
  color: #1A202C;
  font-size: 0.75rem;
  font-weight: 900;
}

/*hide categories on limited - bad - poor pages*/
#creditsoup-poor-credit .CategoryWrap .op-SideNavItem,
#creditsoup-bad-credit .CategoryWrap .op-SideNavItem,
#creditsoup-limited-credit .CategoryWrap .op-SideNavItem {
  display: none;
}

#creditsoup-poor-credit .op-SideNavItem.ShowCategory,
#creditsoup-bad-credit .op-SideNavItem.ShowCategory,
#creditsoup-limited-credit .op-SideNavItem.ShowCategory {
  display: block;
}

.secondary .op-SideNavWrap.cardsNavWrap {
  margin-bottom: 0;
  padding: 0;
}

.cardsHeader {
  padding: 0.25em 1em;
  background-color: #1A202C;
}

.cardsHeader h4 {
  color: #FFF;
  font-size: 0.7rem;
  font-weight: 400;
}

.secondary .SndBlkNav.sideCreditScore:last-of-type {
  margin-bottom: 0;
}

.cardsNavWrap h3:first-of-type {
  padding-top: 0;
}

.cardsNavWrap h3 {
  margin: 0 0 1em;
  font-weight: 700;
  text-align: center;
  font-size: 1rem;
}
@media (min-width: 64em) {
  .cardsNavWrap h3 {
    font-size: 1.125rem;
  }
}

.cardsInner {
  margin-bottom: 2em;
}

.cardsInner ul {
  display: flex;
  flex-flow: wrap;
  margin-top: 0;
  padding: 0;
  /*border-left: 1px solid $gray-300;
  border-right: 1px solid $gray-300;
  border-bottom: 1px solid $gray-300;*/
}

.op-SideNavItem {
  position: relative;
  z-index: 0;
  margin: 0;
  width: 50%;
  background: #FFF;
  text-align: center;
}

.cardsInner ul .op-SideNavItem:nth-child(odd) {
  border-right: 1px solid #E2E8F0;
  border-left: 1px solid #E2E8F0;
  border-top: 1px solid #dcdcdc;
}

.cardsInner ul .op-SideNavItem:nth-child(even) {
  border-right: 1px solid #E2E8F0;
  border-top: 1px solid #dcdcdc;
}

.cardsInner ul .op-SideNavItem:last-child,
.cardsInner ul .op-SideNavItem:nth-last-of-type(-n+2):not(:nth-child(even)),
.cardsInner ul .op-SideNavItem:nth-last-of-type(-n+2):not(:nth-child(odd)) {
  border-bottom: 1px solid #dcdcdc;
}

.op-SideNavItem:before {
  content: none;
}

.op-SideNavItem a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.25em 0;
  width: 100%;
  height: 4em;
  color: #1A202C;
  font-size: 0.825em;
  font-weight: 700;
  text-decoration: none;
}

.op-FullWidth {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4em;
  border-top: 1px solid #E2E8F0;
  border-right: 1px solid #E2E8F0;
  border-left: 1px solid #E2E8F0;
  color: #1A202C;
  font-size: 0.825em;
  font-weight: 700;
  text-decoration: none;
}

.op-FullWidth:hover,
.op-FullWidth:focus {
  color: #226BE2;
  text-decoration: none;
}

.op-SideNavItem svg {
  margin-top: 0.55rem;
}

.op-SideNavItem .cardType {
  display: block;
  margin: 0.55rem 0 0 0;
  color: #226BE2;
  font-size: 0.9em;
  font-weight: 500;
}

.op-SideNavItem .BalanceTransfer .cardType {
  margin: 0.25rem 0 0 0;
}

.op-SideNavItem:hover .cardType,
.op-SideNavItem.op-CurrentPage .cardType {
  color: #3FBDF1;
}

.op-SideNavItem:hover a,
.op-SideNavItem.op-CurrentPage a {
  color: #226BE2;
}

.SndBlkNav ul li.op-SideNavItem.op-CurrentPage a {
  color: #226BE2;
}

.op-SideNavItem.op-CurrentPage {
  background-color: #F7FAFC;
}

@media (max-width: 37.49em) {
  .op-SideNavItem:hover {
    background-color: #F7FAFC;
  }
}

.sideCreditScore .op-SideNavItem.other .op-SideNavLink {
  padding-left: 3em;
}

.SndBlkNav ul .other {
  padding-left: 2.75em;
}

/*credit score*/
.sideCreditScore:first-of-type {
  margin-top: 0;
}

.sideCreditScore {
  margin: 3em 0 1.5em 0;
}

.sideCreditScore ul {
  padding: 1em 0.5em;
}

.sideCreditScore:first-of-type h3 {
  margin-top: 0;
}

.sideCreditScore ul li .op-SideNavLink {
  padding-left: 1em;
}

.op-SideNavLink > span {
  font-size: 0.8rem;
}

.op-SideNavLink:focus,
.op-SideNavLink:focus p {
  color: #3FBDF1;
}

/*credit score btn*/
.CreditScoreBtn {
  margin-top: -1em;
  text-align: center;
}

.cardsNavWrap .CreditScoreBtn a {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  padding: 0.75em 0em;
  background-color: #226BE2;
  border-radius: 0.25em;
  color: #FFF;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  transition: all 0.8s, color 0.3s 0.3s;
}

.cardsNavWrap .CreditScoreBtn a:hover,
.cardsNavWrap .CreditScoreBtn a:focus {
  background-color: #1A202C;
  box-shadow: 300px 0 0 0 rgba(0, 0, 0, 0.2) inset;
}

.op-SideNavItem.UserCreditScore {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3em;
  color: #1A202C;
  font-size: 1em;
}

.op-SideNavItem.UserCreditScore span {
  color: #3FBDF1;
}

.op-SideNavItem.UserCreditScore:before {
  content: none;
}

/*Issuers*/
.sideIssuers ul li {
  align-items: center;
}

.sideIssuers ul li:last-of-type a {
  padding-left: 3em;
}

/*As featured on*/
.FeaturedOnWrap {
  position: absolute;
  bottom: -3em;
  left: 0;
  right: 0;
  max-width: 318px;
  min-width: 14rem;
  margin: 0 auto;
}
@media (min-width: 31.25em) {
  .FeaturedOnWrap {
    bottom: -4em;
  }
}
@media (min-width: 64em) {
  .FeaturedOnWrap {
    bottom: -6em;
  }
}

.FeaturedLogos {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 1em;
}

.FeaturedLogos span {
  font-size: 0.875em;
  font-weight: 700;
}

.LogoWrap {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}
@media (min-width: 31.25em) {
  .LogoWrap {
    justify-content: space-between;
  }
}
@media (min-width: 31.25em) {
  .LogoWrap {
    margin-top: 1em;
  }
}

.Huffpost {
  width: 80px;
}
@media (min-width: 25em) {
  .Huffpost {
    width: 100px;
  }
}

.Nasdaq {
  width: 70px;
}
@media (min-width: 25em) {
  .Nasdaq {
    width: 90px;
  }
}

.Inc {
  width: 35px;
}
@media (min-width: 25em) {
  .Inc {
    width: 45px;
  }
}

.SingleOffer .HeaderWrap,
.SingleOffer .main .DiscloseLink {
  display: none;
}

.SingleOfferHead {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  max-width: 84rem;
  margin: 2em auto 0;
  padding: 0 0.875rem;
}
@media (min-width: 37.5em) {
  .SingleOfferHead {
    justify-content: center;
    padding: 0 2em 2em;
  }
  .SingleOfferHead > * {
    order: 0;
  }
}
@media (min-width: 48em) {
  .SingleOfferHead {
    margin-top: 4em;
    /*flex-flow: row wrap;*/
    border-bottom: 1px solid #E2E8F0;
  }
}
@media (min-width: 64em) {
  .SingleOfferHead {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}

.SingleOfferHead .OfferImgLink {
  flex-shrink: 0;
  width: 185px;
  height: 120px;
  margin: 0;
  padding: 0;
}

.SingleOfferHead .OfferImgWrap,
.SingleOfferHead .OfferImg {
  z-index: 5;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.SingleOfferHead .OfferNameLink {
  position: relative;
  order: -1;
  margin: 0.5rem 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .SingleOfferHead .OfferNameLink {
    order: 0;
    margin: 0 1rem;
  }
}
@media (max-width: 37.49em) {
  .SingleOfferHead .OfferNameLink {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 64em) {
  .SingleOfferHead .OfferNameLink {
    flex-grow: 1;
    text-align: left;
  }
}

.SingleOfferHead .OfferNameLink:hover,
.SingleOfferHead .OfferNameLink:hover .OfferName,
.SingleOfferHead .OfferNameLink:focus,
.SingleOfferHead .OfferNameLink:focus .OfferName {
  color: #3FBDF1;
  text-decoration: none;
}

.SingleOfferHead .OfferName {
  margin: 0;
  max-width: 45rem;
  color: #1A202C;
  padding: 0;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  order: -1;
}
@media (min-width: 37.5em) {
  .SingleOfferHead .OfferName {
    padding: 0.25em 1rem 0.75em;
    font-size: 2rem;
  }
}
@media (min-width: 64em) {
  .SingleOfferHead .OfferName {
    margin-top: 0.25em 0;
    padding: 0 1rem;
    font-size: 2.5rem;
  }
}

.CardOffer {
  display: flex;
  align-items: center;
}
@media (max-width: 37.49em) {
  .CardOffer {
    flex-wrap: wrap-reverse;
    justify-content: center;
    text-align: center;
  }
}

.CardOffer img {
  min-width: 185px;
}

.offer-ApplyBtn {
  width: 15rem;
  margin: 1em 0;
  text-align: center;
}
@media (min-width: 37.5em) {
  .offer-ApplyBtn {
    min-width: 15.75rem;
    margin: 0;
  }
}

@media (max-width: 47.99em) {
  .offer-ApplyBtn .apply:hover .icon,
  .offer-ApplyBtn .apply:focus .icon {
    visibility: visible;
  }
}

.SingleOfferHead .offer-ApplyBtn .apply {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 10em;
  background: #077443;
  font-size: 1rem;
  transition: all 0.5s, color 0.3s 0.3s;
}
@media (min-width: 37.5em) {
  .SingleOfferHead .offer-ApplyBtn .apply {
    font-size: 1.25rem;
  }
}

.Button.apply:hover,
.Button.apply:focus {
  box-shadow: 250px 0 0 0 rgba(0, 0, 0, 0.2) inset;
}

.apply:hover .icon,
.apply:focus .icon {
  visibility: hidden;
}

.SingleOfferHead .offer-ApplyBtn .icon {
  margin: 0 0 0 0.5em;
}

.SingleOfferAccounts {
  max-width: 84rem;
  margin: 2rem auto;
  padding: 0 0.825rem;
}
@media (min-width: 37.5em) {
  .SingleOfferAccounts {
    margin: 2rem auto 3rem;
  }
}
@media (min-width: 48em) {
  .SingleOfferAccounts {
    padding: 0 2rem;
  }
}

.OfferSpecWrap {
  display: flex;
  flex-flow: column nowrap;
  margin: 0 auto;
}
@media (min-width: 37.5em) {
  .OfferSpecWrap {
    flex-flow: row wrap;
    justify-content: center;
  }
}
@media (min-width: 64em) {
  .OfferSpecWrap {
    flex-flow: row wrap;
    justify-content: flex-start;
  }
}

.OfferSpecWrap .OfferSpec {
  display: flex;
  flex-flow: row wrap;
}
@media (min-width: 37.5em) {
  .OfferSpecWrap .OfferSpec {
    /*flex-grow: 1;*/
    flex-flow: column nowrap;
    width: 33%;
    margin: 0 1em 2em 1em;
  }
}
@media (min-width: 48em) {
  .OfferSpecWrap .OfferSpec {
    width: 22%;
  }
}

.OfferSpecWrap .OfferSpec dt {
  flex-shrink: 0;
  width: 16ex;
  margin-right: 1rem;
  color: #1A202C;
  font-size: 1rem;
  font-weight: 700;
}
@media (min-width: 37.5em) {
  .OfferSpecWrap .OfferSpec dt {
    width: auto;
    margin: 0;
    text-align: center;
  }
}

.OfferSpecWrap .OfferSpec dd {
  flex-grow: 1;
  margin: 0;
  color: #4A5568;
  font-size: 1.25rem;
  font-weight: 300;
}
@media (min-width: 37.5em) {
  .OfferSpecWrap .OfferSpec dd {
    flex-grow: 0;
    text-align: center;
  }
}

.SingleOfferWrap h2 {
  color: #00499B;
  line-height: 1;
}

.SingleOfferWrap > h2:first-child {
  margin-top: 0;
}

.SingleOfferWrap .OfferBullets {
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}

#offer-page .main-wrap .sideCreditScore ul li a {
  padding: 0;
}

.SingleOfferWrap {
  margin-bottom: 4rem;
}

.SingleOfferWrap .OfferDisclaimers {
  margin-top: 2rem;
}

/**At a glance**/
.OfferContentWrap h2 {
  clear: both;
  margin: 5rem 0 1rem;
}

.OfferContentInner h2, .OfferContentInner h3 {
  margin: 1em 0 0.25em;
}
.OfferContentInner h2 + p,
.OfferContentInner h3 + p {
  margin: 0 0 1rem;
}

/** Editor's Rating **/
.SingleOffer .OfferNameLink .EditorRatingInner small {
  color: #226BE2;
}

.SingleOffer .DiscloseLink {
  position: absolute;
  top: -2em;
  right: 1em;
}
@media (min-width: 64em) {
  .SingleOffer .DiscloseLink {
    top: -2.5em;
    right: 0;
    margin-bottom: 0;
    text-align: right;
  }
}

.SingleOffer .LinkSmWrap {
  margin-left: 0;
}
@media (min-width: 64em) {
  .SingleOffer .LinkSmWrap {
    position: absolute;
    bottom: 0.5em;
    left: 2.25em;
  }
}

/*social media buttons*/
.SharePage ul {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 1em;
  padding: 0;
  text-align: center;
}
@media (min-width: 25em) {
  .SharePage ul {
    margin-top: 0;
  }
}

.SharePage ul li {
  margin: 0.25rem 0;
  padding: 0.15rem 0.25rem;
  color: #718096;
  font-size: 0.75rem;
  line-height: 1;
}

.SharePage ul li:before {
  content: none;
}

.SharePage svg {
  width: 15px;
  height: 15px;
}
@media (min-width: 92.1875em) {
  .SharePage svg {
    width: 18px;
    height: 18px;
  }
}

.social-share > a[href] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background: #E2E8F0;
  border-radius: 50%;
  transition: all ease-out 0.5s;
}
@media (min-width: 92.1875em) {
  .social-share > a[href] {
    width: 32px;
    height: 32px;
  }
}

.social-share > a[href]:hover {
  transform: scale(1.2);
}

@media (min-width: 92.1875em) {
  .SharePage {
    position: absolute;
    top: -2.5em;
    left: 0.5em;
  }
}
@media (min-width: 92.1875em) {
  .SharePage {
    left: 2em;
  }
}

@media (min-width: 92.1875em) {
  .SharePage {
    top: 0;
    right: -4rem;
    left: auto;
    z-index: 10;
  }
  .SharePage ul {
    flex-flow: column nowrap;
  }
}
@media (max-width: 63.99em) {
  .FreeScoreType2 .SharePage {
    display: none;
  }
}

.FreeScoreType2 .FormsSocialShare {
  display: block;
}
@media (min-width: 64em) {
  .FreeScoreType2 .FormsSocialShare {
    display: none;
  }
}

.FreeScoreType2 .FormsSocialShare .SharePage {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-bottom: 1em;
}

.hide {
  display: none;
}

.OffScreen {
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.emph {
  display: block;
  padding: 1em;
  background-color: #FFF;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center;
}

.emph > * {
  margin: 0.5em 0;
}

.attn {
  color: #DC3545 !important;
}

p.attn {
  margin: 1.5rem 0;
  padding: 1rem;
  background: #F3B840 !important;
  border-radius: 0.4em;
  color: #fff !important;
}

.ca-Title {
  margin-top: 0;
}

.HelloText {
  color: #F5856F;
}

.CreditScorePromoWrap .Media {
  position: relative;
  margin: 0;
  padding-bottom: 3rem;
}

.CreditScorePromoWrap .Media:last-of-type:after {
  content: none;
}

.CreditScorePromoWrap .MediaHead1 {
  color: #1A202C;
  font-weight: 500;
}

.MediaBody p {
  font-weight: 400;
}

.progressWrap {
  position: relative;
  width: 100%;
  height: 12px;
  margin-top: 1em;
  background-color: #F7FAFC;
  border-radius: 0.25em;
  box-shadow: inset 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.ssn-step .progressWrap .ssnStep {
  width: 65%;
  height: 12px;
  background-color: #3FBDF1;
  border-radius: 0.25em;
}

.first-step .progressWrap .firstStep {
  max-width: 75%;
  min-width: 25%;
  height: 12px;
  background-color: #3FBDF1;
  border-radius: 0.25em;
}

.second-step .progressWrap .secondStep {
  width: 85%;
  height: 12px;
  background-color: #3FBDF1;
  border-radius: 0.25em;
}

.final-step .progressWrap .finalStep {
  width: 95%;
  height: 12px;
  background-color: #3FBDF1;
  border-radius: 0.25em;
}

.affWrap {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: 3em 0;
}
@media (min-width: 37.5em) {
  .affWrap {
    margin: 5em 0 3em;
  }
}

.affProgram {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1em;
  background-color: #FFF;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
}
@media (min-width: 37.5em) {
  .affProgram {
    width: 49%;
  }
}
@media (min-width: 48em) {
  .affProgram {
    width: 32.5%;
  }
}
@media (min-width: 64em) {
  .affProgram {
    width: 31%;
  }
}

.affProgram + .affProgram {
  margin-top: 6em;
}
@media (min-width: 37.5em) {
  .affProgram + .affProgram {
    margin-top: 0;
  }
}

@media (min-width: 37.5em) {
  .affProgram:nth-child(3) {
    margin-top: 6em;
  }
}
@media (min-width: 48em) {
  .affProgram:nth-child(3) {
    margin-top: 0;
  }
}

.affProgram div {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  height: 125px;
  background-color: #F7FAFC;
}
@media (min-width: 48em) {
  .affProgram div {
    height: 150px;
  }
}

@supports (-ms-ime-align: auto) {
  .affProgram svg {
    height: 200px;
  }
}
.affProgram:nth-child(1) svg {
  margin-top: -4em;
  margin-bottom: -0.5em;
}
@media (min-width: 48em) {
  .affProgram:nth-child(1) svg {
    margin-top: -5.5em;
  }
}

.affProgram svg {
  margin-top: -3.5em;
}
@media (min-width: 48em) {
  .affProgram svg {
    margin-top: -4.5em;
  }
}

.affProgram h2 {
  margin: 0.25em 0;
  font-size: 1.5rem;
  text-align: center;
}
@media (min-width: 48em) {
  .affProgram h2 {
    font-size: 1.75rem;
  }
}
@media (min-width: 64em) {
  .affProgram h2 {
    font-size: 2rem;
  }
}

.affProgram p {
  padding: 0 0.625em;
  flex-grow: 1;
  font-size: 0.875rem;
}

.affProgram > a {
  position: relative;
  display: flex;
  justify-content: center;
  width: 11em;
  margin: 1em auto 2em;
  padding: 0.5em 1em;
  color: #FFF;
  background-color: #FFA158;
  border-radius: 0.25em;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.affProgram > span {
  position: absolute;
  bottom: 1.5em;
  left: 0;
  right: 0;
  font-size: 0.725rem;
  text-align: center;
}

.affProgram > span a {
  text-decoration: underline;
  text-transform: uppercase;
}

.affProgram > a:before, .affProgram > a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #FFA158;
  border-radius: inherit;
  pointer-events: none;
  transform: scale3d(1.2, 1.2, 1);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.affProgram > a:hover::before,
.affProgram > a:focus::before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.affProgram > a:hover::after,
.affProgram > a:focus::after {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
}

.affProgram > a:after {
  background: #fff;
}

.affProgram > a:hover,
.affProgram > a:focus {
  color: #FFA158;
  background-color: transparent;
  text-decoration: none;
  text-shadow: none;
}

/*.affProgram:nth-child(2):hover {
	.rightArm {
		animation-name: moveRightArm;
		animation-duration: 1000ms;
		animation-fill-mode: forwards;
	}

	.leftArm {
		animation-name: moveLeftArm;
		animation-duration: 1000ms;
		animation-fill-mode: forwards;
	}
}

@keyframes moveRightArm {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-3px);
	}

	100% {
		transform: translateX(0px);
	}
}

@keyframes moveLeftArm {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(3px);
	}

	100% {
		transform: translateX(0px);
	}
}*/
.SndServices ul {
  margin: 1em 0;
  padding: 0;
  background-color: #F7FAFC;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

.SndServices ul li:before {
  content: none;
}

.SndServices ul li {
  position: relative;
  margin: 0 1em;
  padding: 0.5em 0;
  border-bottom: 1px solid #E2E8F0;
}

.SndServices ul li:last-of-type {
  border-bottom: none;
}

.SndServices ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  text-decoration: none;
}

.SndServices ul li a:after {
  content: "";
  display: block;
  float: left;
  width: 1em;
  height: 1.25em;
  margin-top: 0.1em;
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22ico-RightAngle%22%20viewBox%3D%220%200%2010%2030%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23393939%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%20%20%20%20%3C/svg%3E);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.SndServices ul li a:hover:after {
  background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20id%3D%22ico-RightAngle%22%20viewBox%3D%220%200%2010%2030%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%2300bade%22%20d%3D%22M9.297%2015c0%200.125-0.063%200.266-0.156%200.359l-7.281%207.281c-0.094%200.094-0.234%200.156-0.359%200.156s-0.266-0.063-0.359-0.156l-0.781-0.781c-0.094-0.094-0.156-0.219-0.156-0.359%200-0.125%200.063-0.266%200.156-0.359l6.141-6.141-6.141-6.141c-0.094-0.094-0.156-0.234-0.156-0.359s0.063-0.266%200.156-0.359l0.781-0.781c0.094-0.094%200.234-0.156%200.359-0.156s0.266%200.063%200.359%200.156l7.281%207.281c0.094%200.094%200.156%200.234%200.156%200.359z%22%3E%3C/path%3E%0A%20%20%20%20%3C/svg%3E);
}

.SndServices ul li a:focus p,
.SndServices ul li a:hover p {
  color: #3FBDF1;
}

.SndServices ul li:hover a {
  color: #3FBDF1;
}

/*CM LM FCS sidebar*/
.SndServices .MatchWrap a {
  display: flex;
  justify-content: center;
  text-decoration: none;
}

.SndServices .MatchWrap .cardType {
  margin: 0;
  color: #1A202C;
  font-size: 1.25rem;
  font-weight: 700;
}

.SndServices .MatchWrap .cardType:hover,
.SndServices .MatchWrap .cardType:focus {
  color: #3FBDF1;
}

.SndServices .MatchWrap p {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  font-weight: 400;
}

.SndServices .MatchWrap a:last-of-type {
  padding: 0.5rem 0;
  background-color: #3FBDF1;
  border-radius: 0.25em;
  color: #FFF;
  font-weight: 400;
  transition: all 0.8s, color 0.3s 0.3s;
}

.SndServices .MatchWrap a:last-of-type:hover,
.SndServices .MatchWrap a:last-of-type:focus {
  background-color: #226BE2;
  box-shadow: 300px 0 0 0 rgba(0, 0, 0, 0.2) inset;
}

.SndServices .MatchWrap a span {
  margin: 0 auto;
}

.csService {
  display: flex;
  width: 11rem;
  align-items: center;
  clear: inherit;
  flex-direction: column;
  background-color: #FFF;
  border: solid 1px #E2E8F0;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-align: center;
}

.csService.FloatLeft {
  float: left;
  margin: 0.5rem 1rem 0.5rem 0;
}

.csService.FloatRight {
  float: right;
  margin: 0.5rem 0 0.5rem 1rem;
}

.serviceHead {
  width: 100%;
  padding: 0.5rem 0.5rem;
  background-color: #FFF;
  border-bottom: solid 1px #E2E8F0;
}

.serviceHead a {
  color: #1A202C;
  font-size: 0.9rem;
  text-decoration: none;
}

.serviceHead a:hover,
.serviceHead a:focus {
  color: #3FBDF1;
}

.serviceBody {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 1rem;
}

.serviceBody .Button {
  margin-top: 1rem;
  padding: 0.25em 1em 0.25em;
  font-size: 0.9rem;
}

/*full-width services templates*/
.FullWidthService {
  text-align: center;
}

.ServiceInner {
  margin: 1em auto;
  padding: 1em 0.25em;
  border: solid 1px #E2E8F0;
  border-radius: 0.4rem;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media (min-width: 31.25em) {
  .ServiceInner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    min-width: 420px;
    padding: 1em;
  }
}
@media (min-width: 64em) {
  .ServiceInner {
    padding: 1em 4em;
  }
}

.ServiceInner span {
  display: block;
  color: #1A202C;
  font-size: 1rem;
  font-weight: 400;
}
@media (min-width: 31.25em) {
  .ServiceInner span {
    margin: 0 1em 0 0.5em;
  }
}
@media (min-width: 64em) {
  .ServiceInner span {
    font-size: 2rem;
  }
}

.ServiceInner a.Button {
  width: 5em;
  margin: 0 auto;
  margin-top: 0.5em;
}

.ServiceInner a.Button:focus {
  box-shadow: 200px 0 0 0 rgba(0, 0, 0, 0.15) inset, -200px 0 0 0 rgba(0, 0, 0, 0.15) inset;
  color: #F8F8F8;
}

.enhanced .NewsLetterWrap {
  display: block;
}

.NewsLetterWrap {
  z-index: 10;
  display: none;
  border-radius: 8px;
}

.NewsLetterWrap a {
  z-index: 10;
  position: fixed;
  right: 1em;
  bottom: 1em;
  display: flex;
  box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.2);
  transition: all 0.5s ease;
}

.ShowLinkToTop .NewsLetterWrap a {
  bottom: 5em;
}

.NewsLetterWrap a:hover,
.NewsLetterWrap a:focus {
  cursor: pointer;
  box-shadow: inset 3px 3px 3px 0px rgba(0, 0, 0, 0.1);
}

.NewsLetterFormWrap {
  z-index: 101;
  position: fixed;
  right: 1em;
  bottom: -25em;
  left: 1em;
  visibility: hidden;
  max-width: 25em;
  text-align: center;
  transition: all 0.5s ease;
  border-radius: 8px;
  box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.1);
}
@media (min-width: 31.25em) {
  .NewsLetterFormWrap {
    right: 6em;
    left: auto;
  }
}

.ShowLinkToTop .NewsLetterFormWrap {
  bottom: -25em;
  visibility: hidden;
}

.NewsLetterFormWrap.Visible {
  visibility: visible;
  bottom: 5em;
  transition: all 0.5s ease;
}
@media (min-width: 31.25em) {
  .NewsLetterFormWrap.Visible {
    bottom: 1em;
  }
}

.ShowLinkToTop .NewsLetterFormWrap.Visible {
  visibility: visible;
  bottom: 10em;
}
@media (min-width: 31.25em) {
  .ShowLinkToTop .NewsLetterFormWrap.Visible {
    bottom: 5em;
  }
}

.SubscribeWrap {
  padding: 1em 2em 1em;
  background-color: #FFF;
  border-radius: 0 0 8px 8px;
}

.SubscribeWrap .q-wrap {
  margin: 2em 0;
}

.SubscribeWrap .animate-btn {
  width: 12em;
}

.NewsLetterWrap h3 {
  margin: 0;
  padding: 1em 0;
  background-color: #3FBDF1;
  border-radius: 8px 8px 0 0;
  color: #FFF;
}

.NewsLetterBtn {
  padding: 0.75em;
  background-color: #3FBDF1;
  border-radius: 50px;
}

.Close .NewsLetterIcon {
  display: none;
}

.Close .CloseIcon {
  display: block;
}

.CloseIcon {
  display: none;
}

#LoanFinder-A .HeaderWrap,
#CreditCardFinder-A .HeaderWrap,
#Free-Credit-Score-A .HeaderWrap,
.SignUpFormPage .HeaderWrap {
  display: none;
}

.SignUpFormPage .main-wrap {
  max-width: 80em;
}

.SignUpFormPage .main {
  order: 0;
}

.SignUpFormPage .secondary {
  margin: 0 auto;
  padding: 0 1em;
  background-color: #F7FAFC;
  box-shadow: none;
}
@media (min-width: 48em) {
  .SignUpFormPage .secondary {
    width: 26em;
    max-width: 26em;
  }
}
@media (min-width: 64em) {
  .SignUpFormPage .secondary {
    margin-top: 3em;
  }
}

#LoanFinder-A .CreditScorePromoWrap,
#Free-Credit-Score-A .CreditScorePromoWrap,
#CreditCardFinder-A .CreditScorePromoWrap,
.SignUpFormPage .CreditScorePromoWrap {
  padding-top: 1em;
}

.SignUpFormPage .DiscloseWrap {
  max-width: 75em;
}
@media (min-width: 48em) {
  .SignUpFormPage .DiscloseWrap {
    padding-right: 1.75em;
  }
}

.FieldSetWrapInner .SignUpHeader {
  padding: 0.875em;
  align-items: flex-start;
  flex-direction: column;
  background-color: #F7FAFC;
}
@media (min-width: 37.5em) {
  .FieldSetWrapInner .SignUpHeader {
    padding: 1em 2em;
  }
}

.SignUpHeader h1 {
  display: none;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 37.5em) {
  .SignUpHeader h1 {
    display: block;
    font-size: 2rem;
  }
}

.CustAuthWrap .SignUpHeader h1 {
  display: block;
  text-align: center;
}
@media (min-width: 64em) {
  .CustAuthWrap .SignUpHeader h1 {
    text-align: left;
  }
}

.FieldSetButtons {
  flex-direction: column;
}
@media (min-width: 37.5em) {
  .FieldSetButtons {
    flex-direction: row;
    flex-flow: row wrap;
  }
}

.NoCardReq {
  margin: 2em 0 0;
  color: #718096;
  font-size: 0.675rem;
}
@media (min-width: 37.5em) {
  .NoCardReq {
    width: 100%;
    margin: 0 0 0 -3.75em;
  }
}

.p-helper {
  display: none;
}
.p-helper div {
  display: flex;
  flex-direction: column;
  max-width: 20rem;
  padding: 0.5rem 1rem;
  background-color: #FFF;
  border: 1px solid #E2E8F0;
  border-radius: 8px;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
}
@media (min-width: 31.25em) {
  .p-helper div {
    padding: 1rem;
  }
}
.p-helper div:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  height: 1.5rem;
  background: #FFF;
  clip-path: polygon(47% 0, 50% 37%, 53% 0);
}
.p-helper h5 {
  margin: 0 0 0.5rem;
  color: #226BE2;
  font-weight: 500;
}

.p-helper.show {
  position: absolute;
  top: -8rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 31.25em) {
  .p-helper.show {
    top: -9rem;
  }
}

.p-helper span {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #afafaf;
  font-size: 0.725rem;
  font-weight: 400;
}
.p-helper span:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 0.35rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='15' fill='%23afafaf'%3E%3Cpath d='M10.87 11.07c0 .2-.09.42-.24.57L9.5 12.77a.81.81 0 0 1-1.13 0l-2.47-2.46-2.46 2.46a.81.81 0 0 1-1.13 0l-1.14-1.13a.81.81 0 0 1 0-1.14l2.46-2.46-2.46-2.46a.81.81 0 0 1 0-1.14L2.3 3.3a.81.81 0 0 1 1.13 0L5.9 5.76 8.36 3.3a.81.81 0 0 1 1.13 0l1.14 1.14a.81.81 0 0 1 0 1.14L8.17 8.04l2.46 2.46c.15.15.23.36.23.57z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.p-helper span.valid {
  color: #6ee753;
}
.p-helper span.valid:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%236ee753'%3E%3Cpath d='M13.99 4.74c0 .2-.09.42-.24.57l-7.2 7.2a.81.81 0 0 1-1.13 0L1.25 8.34a.81.81 0 0 1 0-1.14l1.14-1.14a.81.81 0 0 1 1.13 0l2.46 2.47 5.5-5.5a.81.81 0 0 1 1.13 0l1.14 1.14c.15.15.23.36.23.57z'/%3E%3C/svg%3E");
}

.view-password,
.view-password-conf {
  z-index: 1;
  position: absolute;
  right: 4px;
  top: 14px;
}
.view-password:before,
.view-password-conf:before {
  content: "";
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ACACAC'%3E%3Cpath d='M4.65 11.18L5.3 10a3.75 3.75 0 0 1-1.04-4.92 8.45 8.45 0 0 0-3.19 2.96 8.43 8.43 0 0 0 3.58 3.14zM7.9 4.82a.4.4 0 0 0-.4-.4 2.55 2.55 0 0 0-2.54 2.54c0 .22.18.4.4.4s.4-.18.4-.4c0-.96.79-1.74 1.74-1.74a.4.4 0 0 0 .4-.4zm3.04-1.6v.08c-1.77 3.15-3.52 6.33-5.29 9.48l-.41.75a.28.28 0 0 1-.23.13c-.15 0-.95-.48-1.13-.59a.27.27 0 0 1-.13-.23c0-.13.29-.59.37-.73a9.34 9.34 0 0 1-3.95-3.5C.06 8.45 0 8.25 0 8.04c0-.2.06-.41.17-.58C1.82 4.9 4.4 3.2 7.5 3.2c.5 0 1.01.05 1.5.15l.46-.82a.27.27 0 0 1 .23-.13c.15 0 .94.48 1.12.59.08.05.13.13.13.22zm.31 3.74c0 1.56-.96 2.95-2.41 3.5l2.34-4.2c.05.24.07.47.07.7zM15 8.04c0 .21-.06.39-.17.57a9.2 9.2 0 0 1-.9 1.22 8.48 8.48 0 0 1-6.43 3.03l.62-1.1c2.44-.22 4.5-1.7 5.8-3.72a8.7 8.7 0 0 0-2.35-2.47l.53-.93a9.56 9.56 0 0 1 2.73 2.82c.11.18.17.36.17.58z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.view-password:hover,
.view-password-conf:hover {
  cursor: pointer;
}

.view-password.show:before,
.view-password-conf.show:before {
  content: "";
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2300BADE'%3E%3Cpath d='M13.93 8.04a8.45 8.45 0 0 0-3.19-2.96 3.75 3.75 0 1 1-6.48 0 8.45 8.45 0 0 0-3.19 2.96c1.43 2.2 3.74 3.75 6.43 3.75s5-1.54 6.43-3.75zM7.9 4.82a.4.4 0 0 0-.4-.4 2.55 2.55 0 0 0-2.54 2.54c0 .22.18.4.4.4s.4-.18.4-.4c0-.95.79-1.74 1.74-1.74a.4.4 0 0 0 .4-.4zM15 8.04c0 .2-.07.4-.17.57-1.54 2.54-4.36 4.25-7.33 4.25S1.7 11.14.17 8.6C.07 8.44 0 8.25 0 8.04s.07-.4.17-.58C1.7 4.93 4.53 3.2 7.5 3.2s5.8 1.72 7.33 4.25c.1.17.17.37.17.58z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.view-password.p-manager,
.view-password-conf.p-manager {
  right: 25px;
}

.UpdateScore .LoadingMsgWrap,
.UpdateScore .LoadingSubmitWrap {
  width: 2.75em;
  height: 2.75em;
}

.LoadingMsgWrap,
.LoadingSubmitWrap {
  width: 48px;
  height: 48px;
  position: relative;
  margin: 1.5rem auto;
}

.LoadingSubmitWrap {
  margin: 0 auto;
}

.LoadingMsgWrap .double-bounce1,
.LoadingMsgWrap .double-bounce2,
.LoadingSubmitWrap .double-bounce1,
.LoadingSubmitWrap .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #226BE2;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}

.LoadingMsgWrap .double-bounce2,
.LoadingSubmitWrap .double-bounce2 {
  animation-delay: -1s;
}

.LoadingMsg {
  font-size: 1px;
  opacity: 0;
  visibility: hidden;
}

@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/*
Original SVG dimensions are 118 x 20. To calculate new values take 
the width x 0.1694915254237288 and round to the nearest pixel.
Preserving the ratio is critical to the accuracy of the displayed stars.
*/
@media (min-width: 48em) {
  .OfferRatingWrap {
    margin-top: 0.5rem;
  }
}

.OfferRatingWrap .EditorRatingInner,
.PopularCardsWrap .EditorRatingInner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
}

.OfferInline.FloatRight .EditorRatingInner,
.OfferInline.FloatLeft .EditorRatingInner,
.home .EditorRatingInner,
.PopularCardsWrap .EditorRatingInner {
  margin-bottom: 0;
}

.EditorRatingWrap.PopupWrap {
  margin: 0;
}

@media (min-width: 48em) {
  .EditorRatingWrap .PopupInner {
    left: -29em;
  }
}

@media (min-width: 48em) {
  .SingleOffer .EditorRatingWrap .PopupInner {
    left: 10em;
  }
}

.OfferInline.FloatRight .EditorRatingWrap .PopupInner {
  left: 30%;
}
@media (min-width: 48em) {
  .OfferInline.FloatRight .EditorRatingWrap .PopupInner {
    left: 50%;
  }
}
@media (min-width: 48em) {
  .OfferInline.FloatRight .EditorRatingWrap .PopupInner {
    left: -21em;
  }
}

.OfferInline.FloatLeft .EditorRatingWrap .PopupInner {
  left: 70%;
}
@media (min-width: 31.25em) {
  .OfferInline.FloatLeft .EditorRatingWrap .PopupInner {
    left: 50%;
  }
}
@media (min-width: 48em) {
  .OfferInline.FloatLeft .EditorRatingWrap .PopupInner {
    left: 10em;
  }
}

@media (min-width: 48em) {
  .SingleOffer .EditorRatingWrap .PopupInner:before,
  .OfferInline.FloatLeft .EditorRatingWrap .PopupInner:before,
  .TopDashOffer .EditorRatingWrap .PopupInner:before {
    content: "";
    position: absolute;
    top: calc(1% - 1px);
    left: -3%;
    width: 12%;
    height: 2.5em;
    clip-path: polygon(0 50%, 28% 83%, 28% 19%);
    background-color: #393939;
  }
}

@media (min-width: 48em) {
  .EditorRatingWrap .PopupInner:before {
    right: -3%;
    left: auto;
    clip-path: polygon(100% 50%, 60% 5%, 60% 90%);
  }
}

.EditorRatingInner small {
  position: relative;
  display: flex;
  align-items: center;
  /*padding-top: .25em;
  padding-left: .25em;*/
  font-size: 0.75rem;
}
.EditorRatingInner small b {
  margin-left: 0.5rem;
}

/*.EditorRatingInner small:after {
	content: "";
	display: block;
	float: left;
	width: 1em;
	height: 1.75em;
	margin-top: -1em;
	background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2028%22%20height%3D%2210%22%20width%3D%2210%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23393939%22%20d%3D%22M16%2021.5v-2.5c0-0.281-0.219-0.5-0.5-0.5h-1.5v-8c0-0.281-0.219-0.5-0.5-0.5h-5c-0.281%200-0.5%200.219-0.5%200.5v2.5c0%200.281%200.219%200.5%200.5%200.5h1.5v5h-1.5c-0.281%200-0.5%200.219-0.5%200.5v2.5c0%200.281%200.219%200.5%200.5%200.5h7c0.281%200%200.5-0.219%200.5-0.5zM14%207.5v-2.5c0-0.281-0.219-0.5-0.5-0.5h-3c-0.281%200-0.5%200.219-0.5%200.5v2.5c0%200.281%200.219%200.5%200.5%200.5h3c0.281%200%200.5-0.219%200.5-0.5zM24%2014c0%206.625-5.375%2012-12%2012s-12-5.375-12-12%205.375-12%2012-12%2012%205.375%2012%2012z%22%3E%3C/path%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C/svg%3E);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.OfferInline.FloatRight .EditorRatingInner small:after,
.OfferInline.FloatLeft .EditorRatingInner small:after {
	margin-top: 0;
}*/
.OfferInline.FloatRight .EditorRatingInner,
.OfferInline.FloatLeft .EditorRatingInner,
.popular-categories .EditorRatingStars,
.PopularCardsWrap .EditorRatingStars {
  display: flex;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
}

.EditorRatingStars {
  position: relative;
}

.EditorRatingAuthor,
.EditorRatingValue .rating-value {
  display: none;
}

.star-ratings-css {
  position: absolute;
  top: -0.25em;
  margin: 0 auto;
  padding: 0;
  height: 15px;
  color: #c5c5c5;
  font-size: 20px;
}

.star-ratings-css-top {
  color: #FF9300;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}

.star-ratings-css-bottom {
  padding: 0;
  display: block;
  z-index: 0;
}

.helper {
  position: absolute;
  visibility: hidden;
  padding: 0.5rem;
  background-color: #4A5568;
  color: #FFF;
  font-size: 0.75rem;
}

.tooltip {
  display: flex;
}
@media (min-width: 37.5em) {
  .tooltip {
    position: relative;
  }
}

.OfferInline.FloatRight .tooltip,
.OfferInline.FloatLeft .tooltip,
.home .tooltip,
.PopularCardsWrap .tooltip {
  order: 2;
  padding: 0.25em 0 0 0.3em;
}

.tooltiptext {
  position: absolute;
  top: auto;
  left: 50%;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  width: 300px;
  margin: 0 auto;
  padding: 0;
  background-color: #F7FAFC;
  border-radius: 0.4rem;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-size: 0.825rem;
  text-align: left;
  transform: translate(-50%, -50%);
}
@media (min-width: 37.5em) {
  .tooltiptext {
    top: -1rem;
    right: 0;
    left: -21em;
    width: 18em;
    transform: none;
  }
}
@media (min-width: 64em) {
  .tooltiptext {
    width: 20em;
  }
}

@media (min-width: 37.5em) {
  .OfferInline.FloatRight .tooltiptext {
    top: -0.75em;
    left: -23em;
  }
}

@supports (clip-path: polygon(100% 44%, 64% 10%, 70% 83%)) {
  @media (min-width: 37.5em) {
    .OfferInline.FloatRight .tooltiptext:before {
      clip-path: polygon(100% 44%, 64% 10%, 70% 83%);
      left: 89%;
    }
  }
}
@supports (clip-path: polygon(0 50%, 28% 83%, 28% 19%)) {
  @media (min-width: 37.5em) {
    .tooltiptext:before {
      content: "";
      position: absolute;
      top: calc(1% - 1px);
      left: -4%;
      width: 15%;
      height: 3em;
      clip-path: polygon(0 50%, 28% 83%, 28% 19%);
      background-color: #226BE2;
    }
  }
}
/*.enhanced .tooltip:hover .tooltiptext {
	@include mq($from: tablet) {
		opacity: 0;
		visibility: hidden;
		z-index: 1;
	}
}

.tooltip:hover .tooltiptext {
	@include mq($from: tablet) {
		opacity: 1;
		visibility: visible;
		z-index: 10;
	}
}*/
.tooltip.Open .tooltiptext {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.tooltiptext .header {
  display: flex;
  align-content: center;
  justify-content: space-between;
  background-color: #226BE2;
  color: #FFF;
  padding: 1em;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.tooltiptext .body {
  padding: 1em;
  color: #226BE2;
  font-size: 0.75rem;
}

.CloseRating {
  display: flex;
}

.CloseRating:hover {
  cursor: pointer;
}

.rating-outer {
  display: block;
  position: relative;
  top: 1px;
  width: 95px;
  height: 25px;
}

.rating-outer:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20117.9%2020.3%22%20style%3D%22enable-background%3Anew%200%200%20117.9%2020.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23C5C5C5%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M59.4%2C0.4l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6L53%2C20.2%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C58.6-0.1%2C59.3-0.1%2C59.4%2C0.4L59.4%2C0.4z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M35.3%2C0.3L38%2C6.7l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1L40%2C12.8l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C34.5-0.1%2C35.1-0.1%2C35.3%2C0.3L35.3%2C0.3z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M107.8%2C0.4l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C106.9-0.1%2C107.6-0.1%2C107.8%2C0.4L107.8%2C0.4z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M83.6%2C0.3l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C82.8-0.1%2C83.4-0.1%2C83.6%2C0.3L83.6%2C0.3z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.1%2C0.3l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8L0.2%2C8.3C-0.2%2C8%2C0%2C7.4%2C0.5%2C7.3l6.9-0.6l2.7-6.4C10.3-0.1%2C10.9-0.1%2C11.1%2C0.3L11.1%2C0.3z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A%0A");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 95px 25px;
}

.rating-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20117.9%2020.3%22%20style%3D%22enable-background%3Anew%200%200%20117.9%2020.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text/css%22%3E%0A%09.st0%7Bfill%3A%23FF9300%3B%7D%0A%3C/style%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M59.4%2C0.4l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6L53%2C20.2%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C58.6-0.1%2C59.3-0.1%2C59.4%2C0.4L59.4%2C0.4z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M35.3%2C0.3L38%2C6.7l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1L40%2C12.8l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C34.5-0.1%2C35.1-0.1%2C35.3%2C0.3L35.3%2C0.3z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M107.8%2C0.4l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C106.9-0.1%2C107.6-0.1%2C107.8%2C0.4L107.8%2C0.4z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M83.6%2C0.3l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8l-5.2-4.5c-0.4-0.3-0.2-0.9%2C0.3-1l6.9-0.6l2.7-6.4C82.8-0.1%2C83.4-0.1%2C83.6%2C0.3L83.6%2C0.3z%22/%3E%0A%3C/g%3E%0A%3Cg%3E%0A%09%3Cpath%20class%3D%22st0%22%20d%3D%22M11.1%2C0.3l2.7%2C6.4l6.9%2C0.6c0.5%2C0%2C0.7%2C0.6%2C0.3%2C1l-5.2%2C4.5l1.6%2C6.8c0.1%2C0.5-0.4%2C0.8-0.8%2C0.6l-5.9-3.6l-5.9%2C3.6%0A%09%09c-0.4%2C0.2-0.9-0.1-0.8-0.6l1.6-6.8L0.2%2C8.3C-0.2%2C8%2C0%2C7.4%2C0.5%2C7.3l6.9-0.6l2.7-6.4C10.3-0.1%2C10.9-0.1%2C11.1%2C0.3L11.1%2C0.3z%22/%3E%0A%3C/g%3E%0A%3C/svg%3E%0A");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 95px 25px;
}

.PopupWrap {
  display: flex;
  justify-content: center;
  margin: 1em 0 2em;
}
@media (min-width: 48em) {
  .PopupWrap {
    position: relative;
  }
}

.ShowPopup:hover {
  cursor: pointer;
}

.EditorRatingWrap .PopupInner {
  width: 250px;
}

.PopupInner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width: 300px;
  margin: 0 auto;
  padding: 0;
  background-color: #F7FAFC;
  border-radius: 0.4rem;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  color: #FFF;
  font-size: 0.825rem;
  text-align: left;
  transform: translate(-50%, -50%);
}
@media (min-width: 37.5em) {
  .PopupInner {
    width: 400px;
  }
}
@media (min-width: 48em) {
  .PopupInner {
    top: -0.5rem;
    right: 0;
    left: 2em;
    transform: none;
  }
}

@supports (clip-path: polygon(0 50%, 28% 83%, 28% 19%)) {
  @media (min-width: 48em) {
    .PopupInner:before {
      content: "";
      position: absolute;
      top: calc(1% - 1px);
      left: -3%;
      width: 12%;
      height: 2.5em;
      clip-path: polygon(0 50%, 28% 83%, 28% 19%);
      background-color: #A0AEC0;
    }
  }
}
.PopupWrap.Open .PopupInner {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.PopupInner .PopupHeader {
  display: flex;
  align-content: center;
  justify-content: space-between;
  background-color: #A0AEC0;
  color: #FFF;
  padding: 0.5em;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.PopupInner .body {
  padding: 1em;
  color: #A0AEC0;
  font-size: 0.75rem;
  text-align: left;
}

.CloseWindow {
  display: flex;
}

.CloseWindow:hover {
  cursor: pointer;
}

.CoBrand.CoBrandNoNav .NavWrapInner > div {
  height: 70px;
}

.CoBrand .NavWrapInner {
  position: relative;
}

.CoBrand .NavWrapInner > div {
  height: 100px;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 48em) {
  .CoBrand .NavWrapInner > div {
    flex-direction: row;
    height: 70px;
    justify-content: flex-start;
  }
}

.CoBrand .wrap {
  padding-top: 100px;
}
@media (min-width: 48em) {
  .CoBrand .wrap {
    padding-top: 70px;
  }
}

.CoBrand.CoBrandNoNav .wrap {
  padding-top: 70px;
}

.CoBrandWrap img {
  height: 30px;
}
@media (min-width: 37.5em) {
  .CoBrandWrap img {
    height: 35px;
  }
}

.NavFloatRight {
  margin-top: 0.5em;
}
@media (min-width: 48em) {
  .NavFloatRight {
    margin-top: 0;
    margin-left: auto;
  }
}

.NavFloatRight a {
  margin: 0 0.35em;
  color: #226BE2;
  font-size: 0.75rem;
  font-weight: 700;
}
@media (min-width: 31.25em) {
  .NavFloatRight a {
    margin: 0 0.5em;
    font-size: 0.875rem;
  }
}
@media (min-width: 48em) {
  .NavFloatRight a {
    margin: 0 0 0 1em;
  }
}

.NavFloatRight a:hover {
  color: #3FBDF1;
  text-decoration: none;
}

.CoBrandHead {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.AltLayout .CoBrandHead {
  flex-direction: row;
}

.CoBrandHead a {
  display: flex;
}

.CoBrandHead span {
  display: flex;
  align-items: center;
  font-size: 0.625rem;
  font-style: italic;
}
@media (min-width: 48em) {
  .CoBrandHead span {
    justify-content: flex-end;
    margin-right: -6em;
  }
}

.AltLayout .CoBrandHead span {
  margin-right: 0;
  margin-left: 1rem;
  align-items: flex-start;
  flex-direction: column;
}

.CoBrandHead a svg {
  width: 90px;
  height: auto;
  margin-left: 0.5em;
}

.CoBrandHead span svg {
  width: 80px;
  height: auto;
  margin-left: 0.5em;
}

.CoBrandHead .CreditLoan svg {
  width: auto;
  height: 23px;
  margin-left: 0;
}
@media (min-width: 25em) {
  .CoBrandHead .CreditLoan svg {
    height: 30px;
  }
}

.CoBrandHead .CreditAndDebt svg {
  width: auto;
  height: 43px;
  margin-left: 0;
}

.CoBrandHead .CardGuru svg {
  width: auto;
  height: 23px;
  margin-left: 0;
}
@media (min-width: 25em) {
  .CoBrandHead .CardGuru svg {
    height: 30px;
  }
}

.CoBrandHead .bestcash svg {
  width: auto;
  height: 34px;
  margin-left: 0;
}
@media (min-width: 48em) {
  .CoBrandHead .bestcash svg {
    margin-bottom: 0.25rem;
  }
}

.CoBrandHead a.TopCards {
  font-size: 1.5rem;
}

.CoBrandHead .moneytime svg {
  width: auto;
  height: 34px;
  margin-left: 0;
}
@media (min-width: 48em) {
  .CoBrandHead .moneytime svg {
    margin-bottom: 0.25rem;
  }
}

.CoBrandHead .CreditOneBank img {
  height: 51px;
}

.CoBrandHead .IdentityIQ img {
  height: 42px;
}

.AltLayout.CreditOneBank .CoBrandHead,
.AltLayout.submark .CoBrandHead,
.AltLayout.YourBestCreditCard .CoBrandHead {
  flex-direction: column;
}
@media (min-width: 48em) {
  .AltLayout.CreditOneBank .CoBrandHead,
  .AltLayout.submark .CoBrandHead,
  .AltLayout.YourBestCreditCard .CoBrandHead {
    flex-direction: row;
  }
}
.AltLayout.CreditOneBank span,
.AltLayout.submark span,
.AltLayout.YourBestCreditCard span {
  margin-left: 0;
}
@media (min-width: 48em) {
  .AltLayout.CreditOneBank span,
  .AltLayout.submark span,
  .AltLayout.YourBestCreditCard span {
    margin-left: 1rem;
  }
}
.AltLayout.CreditOneBank .alt-text,
.AltLayout.submark .alt-text,
.AltLayout.YourBestCreditCard .alt-text {
  font-size: 0.825rem;
  font-style: normal;
}
@media (min-width: 48em) {
  .AltLayout.CreditOneBank .alt-text,
  .AltLayout.submark .alt-text,
  .AltLayout.YourBestCreditCard .alt-text {
    padding-right: 1rem;
    border-right: 1px solid #E2E8F0;
  }
}
.AltLayout.CreditOneBank span + span,
.AltLayout.submark span + span,
.AltLayout.YourBestCreditCard span + span {
  margin-top: 0.5rem;
  align-items: center;
  align-self: center;
  flex-direction: row;
}
@media (min-width: 48em) {
  .AltLayout.CreditOneBank span + span,
  .AltLayout.submark span + span,
  .AltLayout.YourBestCreditCard span + span {
    position: relative;
    top: 0.125rem;
    margin-top: 0;
    align-self: flex-end;
  }
}

.submark .CoBrandHead img {
  height: 50px;
}

.CoBrandHead .CardByCredit svg {
  width: auto;
  height: 40px;
}

.CoBrandHead .MyCreditCardFinder {
  align-items: center;
  color: #B1B1B1;
  font-weight: 200;
  text-decoration: none;
}
.CoBrandHead .MyCreditCardFinder b {
  color: #6200EA;
}
.CoBrandHead .MyCreditCardFinder svg {
  width: auto;
  height: 22px;
  margin-right: 0.5rem;
  margin-left: 0;
}
@media (min-width: 48em) {
  .CoBrandHead .MyCreditCardFinder svg {
    height: 30px;
  }
}

.CoBrandHead .iCashFinder svg {
  width: 185px;
  margin-bottom: 0.25rem;
}

.CoBrandHead .co-link2finance svg {
  width: 185px;
  margin-bottom: 0.25rem;
}

.CoBrandHead .Monevo svg {
  width: 95px;
  margin-bottom: 0.35rem;
}

.CoBrandHead .Float svg {
  width: 85px;
  margin-bottom: 0.25rem;
}

.CoBrandHead .Solvent svg {
  width: 115px;
}