@charset "UTF-8";
/*links - headers*/
/*articles header - home page */
/* headers - upper footer */
/*lower footer */
/*backgrounds */
/*borders*/
/*small text - disclaimer text*/
/*paragraph text*/
/*btns*/
/**
 * 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.
 */
.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: #2fdd08;
  color: #fff;
}

.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, color 0.3s 0.3s;
}
@media (min-width: 20em) {
  .Button,
  .Button:link {
    width: auto;
    box-sizing: content-box;
  }
}

.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 {
  background-color: #DCDCDC;
  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:hover,
.Button:hover,
.Button.Button1:focus,
.Button.Button1:active {
  /*box-shadow: inset 3px 3px 3px 0 rgba(0,0,0,.1);*/
  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: #F7F7F7;
}

.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: #F7F7F7;
  color: #00bade;
}

.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: #00bade;
  box-shadow: none;
  color: #fff;
}

.Button.Button2 > .icon {
  fill: #00bade;
  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: #2fdd08;
  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: #00bade;
}

.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: #F7F7F7;
  color: #00bade;
}

.MoreOffersBtn.Button:hover,
.MoreOffersBtn.Button:focus {
  background-color: #00bade;
  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%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%231DB3c6%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");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.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: #DCDCDC;
  color: #0b4677;
}

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

.Button.FilterBtn.ClickMe {
  background-color: #2fdd08;
  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 #DCDCDC;
  border-radius: 0.25em;
  color: #8A8A8A;
  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: #00bade;
  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: #DCDCDC;
  border-radius: 0.25em;
}

.PrevNext .MobileArrow .Arrow:hover {
  background-color: #00bade;
}

.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;
  border-radius: 0.25em;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
  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: #2fdd08;
  box-shadow: 200px 0 0 0 rgba(0, 0, 0, 0.2) inset;
}

.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 {
    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 {
    visibility: visible;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 70%;
    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;
  align-items: center;
  width: 100%;
  margin: 3rem 0 0;
  font-size: 0.875em;
  text-align: center;
}
.PrevNext .PrevButton,
.PrevNext .NextButton {
  padding: 0.2em 1.2em;
  border: solid 1px #333;
  border-radius: 0.2em;
  background-color: blue;
  color: white;
  text-decoration: none;
}

@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: #2fdd08;
}

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

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

/*.FreeScoreType2 .animate-btn {
	margin-right: 2em;
	margin-left: -1em;
}*/
.animate-btn.cancel {
  width: 14em;
  background-color: #F3B840;
}
@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 #2fdd08;
  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;
  }
}

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

.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: #2fdd08;
  background-color: transparent;
}

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

.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: 400;
  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: #393939;
}

.animate-btn:hover .ButtonSsn {
  color: #2fdd08;
}

.FieldSetWrapInner .Buttons input {
  margin: 0;
}

.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: 15em;
  left: 50%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  width: 300px;
  margin: 0 auto;
  padding: 0;
  background-color: #F7F7F7;
  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 {
    top: 9em;
    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: #393939;
    }
  }
}
.PopupWrap.Open .PopupInner {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}

.PopupInner .PopupHeader {
  display: flex;
  align-content: center;
  justify-content: space-between;
  background-color: #393939;
  color: #FFF;
  padding: 0.5em;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.PopupInner .body {
  padding: 1em;
  color: #393939;
  font-size: 0.625rem;
  text-align: left;
}

.CloseWindow {
  display: flex;
}

.CloseWindow:hover {
  cursor: pointer;
}

/* ====================================
  jQuery UI Date Picker Widget Styles
  ==================================== */
.ui-datepicker {
  position: absolute;
  left: -9999px;
  background-color: #eee;
  border: solid 2px #777;
  font-size: 0.8em;
  padding: 2px;
}

.ui-datepicker-header {
  margin: 4px 0;
  text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
  cursor: pointer;
  float: left;
  line-height: 1.75;
  margin: 0 4px;
}

.ui-datepicker-next {
  float: right;
}

.ui-state-disabled {
  color: #ccc;
}

.ui-datepicker-title span {
  font-size: 1.3em;
}

.ui-datepicker-title select {
  font-size: 1.2em;
}

.ui-datepicker-title option {
  padding-right: 1em;
}

.ui-datepicker-calendar {
  margin: 0;
}

.ui-datepicker-calendar th {
  padding: 1px;
  text-align: center;
}

.ui-datepicker-calendar td {
  padding: 1px;
  text-align: right;
}

.ui-datepicker-calendar td a {
  background-color: #fff;
  border: solid 1px #ccc;
  color: #087ED1;
  display: block;
  padding: 2px 2px 2px 8px;
  text-decoration: none;
}

.ui-datepicker-calendar td span {
  border: solid 1px #eee;
  display: block;
  padding: 2px 2px 2px 8px;
}

.ui-datepicker-calendar td a:hover {
  background-color: #fea;
  border: solid 1px #F59D20;
  color: #333;
  text-decoration: none;
}

.ui-datepicker-calendar .ui-datepicker-other-month a {
  color: #aaa;
}

.ui-datepicker-calendar .ui-datepicker-today a {
  border: solid 1px #777;
  color: #333;
}

.ui-datepicker-calendar td .ui-state-active {
  background-color: #fea;
  border: solid 1px #F59D20;
  color: #333;
  font-weight: bold;
}

img.ui-datepicker-trigger {
  padding: 0 2px;
  vertical-align: text-bottom;
}

/* Modal Styles */
.ModalWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
  overflow: auto;
  background: rgba(102, 102, 102, 0.8);
}

.ModalInner {
  width: 40em;
  padding: 2em;
  background-color: #fff;
}

.ModalInner h3 {
  margin: 0 0 1em;
}

.ModalInner input {
  margin-top: 1em;
}

.ModalInner textarea {
  margin-bottom: 2em;
}

.ModalInner input[type=submit] {
  margin-top: 2em;
}

/* Modal used for tables */
.tbl-ModalWrap {
  display: none;
}

.open .tbl-ModalWrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4rem 1rem;
  overflow: auto;
  background: rgba(102, 102, 102, 0.8);
}

.tbl-ModalWrap .ModalInner {
  position: relative;
  width: auto;
}

.tbl-ModalWrap .close {
  /*position: absolute;
  right: 0;
  bottom: 1em;
  left: 0;*/
}

.tbl-ModalWrap textarea {
  min-width: 50em;
}

.ModalInner h3 {
  margin: 0 0 1em;
}

/* BASE STYLES*/
html {
  box-sizing: border-box;
}

/* Global Margin and Padding Reset */
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

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

svg {
  max-width: 100%;
}

/* Links */
a:link, a:visited {
  color: #26748E;
  text-decoration: underline;
}

a:hover, a:focus, a:active {
  color: #00bade;
  text-decoration: none;
}

/* Generic Selectors */
body {
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 100%;
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.5em 0;
  font-family: Arial, sans-serif;
}

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.4em;
}

h3 {
  font-size: 1.2em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.95em;
}

h6 {
  font-size: 0.9em;
}

a img, fieldset {
  border: none;
}

p, table, ol, ul, dl, fieldset {
  margin: 1em 0;
}

ul, ol {
  margin-left: 3ex;
}

li + li {
  margin-top: 0.5em;
}

ul ul {
  margin-top: 0;
  margin-bottom: 0;
}

table {
  border-collapse: collapse;
}

td, th {
  padding: 2px 4px;
}

input,
select,
textarea {
  padding: 1px 4px;
  font: 1.1em Arial, sans-serif;
  line-height: 1.4;
}

abbr {
  border-bottom: dotted 1px #e0e0d5;
  cursor: help;
}

/* MAIN STYLES*/
body {
  margin-top: 1rem;
  font-size: 80%;
}

.main {
  margin: 0 1rem 1rem;
}

.limit-width .main {
  max-width: 60em;
}

.HelpInfo {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  padding: 0.125rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: bold;
  background: #999;
  border-radius: 50%;
  cursor: help;
}

/* Login Status */
.LoginStatusWrap {
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-size: 0.75rem;
}

.LoginStatusLink[href] {
  display: inline-block;
  padding: 0.5rem 1rem;
  color: #333;
  text-decoration: none;
}

.LoginStatusLink[href]:hover {
  color: #155D83;
}

/* Nav */
.admin-nav {
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: flex-start;
  margin: 0 1rem 1.5rem;
  list-style: none;
}

.admin-nav > li {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  margin: 0;
}

.admin-nav > li + li {
  margin-left: 1em;
}

.admin-nav > li a {
  display: block;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  margin: 0; /*1em 1em 0;*/
  padding: 0.5em 1em;
  border: solid 1px #777;
  border-color: #777 #ccc #ccc #777;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
}

.admin-nav > li:last-of-type a,
.admin-nav > li:last-of-type > ul a {
  margin-right: 0;
}

.admin-nav li a:link, .admin-nav li a:visited {
  color: #333;
  text-decoration: none;
}

.admin-nav li a:hover {
  color: #fff;
  background-color: #155D83;
}

.admin-nav li > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  list-style: none;
  background-color: #fff;
  font-size: 0.6875rem;
}

.admin-nav > li:hover > ul,
.admin-nav > li.active > ul {
  display: block;
}

.admin-nav li > ul > li {
  margin: 1em 0 0;
}

/* FAQ */
.shortcuts h2 {
  margin-left: 2ex;
}

.qa h2 {
  margin-left: 4.33em;
}

.qa ol {
  margin: 0;
  padding: 0;
}

.qa li {
  position: relative;
  z-index: 1;
  margin-left: 6em;
  padding-left: 0;
}

.qa li li {
  position: static;
  margin: 0;
  padding: 0;
}

.editme, .deleteme {
  position: absolute;
  z-index: 1;
  top: 0.3em;
  left: -6em;
  width: 3.3em;
  text-align: center;
}

.deleteme {
  top: 2em;
}

/* Forms */
label[for] {
  cursor: pointer;
}

fieldset li {
  padding-bottom: 0.5em;
}

fieldset li li {
  padding-bottom: 0;
}

.checkbox label {
  padding-left: 0.5em;
}

#preview-box {
  position: absolute;
  top: 85px;
  left: 600px;
  width: 36em;
  padding: 1em;
  background-color: #efefef;
}

#preview-box h3 {
  font-size: 1.4em;
  margin-bottom: 0.1em;
}

#preview-box .wmd-preview {
  max-height: 280px;
  padding-right: 0.5em;
  overflow: auto;
}

.btns {
  margin-left: 3ex;
}

.btn, input[type=submit], button {
  background-color: #ddd;
  border: solid 1px #bbb;
  border-radius: 5px;
  cursor: pointer;
  padding: 2px 8px;
}

.btn:hover, .btn:focus, .btn:active,
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active {
  background-color: yellow;
}

.btn.btn--delete {
  background-color: #700;
  color: #fff;
}

.btn.btn--delete:hover,
.btn.btn--delete:focus,
.btn.btn--delete:active {
  background-color: #c00;
  color: #fff;
}

.form-type1 {
  max-width: 60em;
}

.q-wrap {
  margin-bottom: 1em;
}

.form-type1 .q-wrap input,
.form-type1 .q-wrap textarea {
  width: 100%;
}

.form-type1 .checkbox input,
.form-type1 .q-wrap input.datepicker {
  width: auto;
}

.form-type1 .q-wrap input[type=date] {
  width: 21ex;
}

/* Misc */
.hide,
legend {
  display: none;
}

.attn {
  color: #c00;
}

.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.qa {
  max-width: 60em;
}

.qa :target {
  padding: 3px;
  background: yellow;
  background: rgba(255, 255, 0, 0.4);
}

.AlertBox,
.NotifyBox,
.InfoBox {
  margin: 1em 0;
  padding: 1px 1em;
  color: #fff;
  font-weight: bold;
}

.AlertBox {
  background-color: #155D83;
}

.NotifyBox {
  background-color: green;
}

.InfoBox {
  background-color: yellow;
  color: #000;
}

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

.SideWrap .q-wrap > * {
  flex-grow: 1;
  margin-bottom: 1ex;
}

.SideWrap input,
.SideWrap select {
  font-size: 0.6875rem;
}

.Table1 {
  table-layout: fixed;
  width: 100%;
  border: solid 1px #ccc;
}

/*.AdminNotes {
    margin-top: 2rem;
    width: 700px;
}

.AdminNotes > div {
    display: flex;
    flex-direction: column;
}

.AdminNotes input,
.AdminNotes textarea {
    margin-bottom: 1rem;
}

.AdminNotes input[type="submit"] {
    width: 10rem;
}
*/
.AdminNotes .btn,
.AdminNotes .btn:link {
  display: inline-block;
  margin: 0.25rem 0;
  text-decoration: none;
}

.LoadingMsg {
  margin: 0 auto;
  padding: 3rem 0;
  font-size: 1.5rem;
  text-align: center;
}

.ReportTable {
  position: relative;
}

.Table1 tr:first-child,
.ReportTable tr:first-child {
  position: sticky;
  top: 0;
  border: solid 1px #ccc;
}

.Table1 tr:first-child th,
.Table1 tr:first-child td,
.ReportTable tr:first-child th,
.ReportTable tr:first-child td {
  position: sticky;
  top: -1px;
  background: #DCDCDC;
  border: solid 1px #ccc;
}

.Table1 th,
.Table1 td,
.ReportTable th,
.ReportTable td {
  border: solid 1px #ccc;
}

.ReportTable th,
.ReportTable td {
  font-size: 0.75rem;
}

.ReportTable table {
  margin-block: 4px;
}

.ReportTable table th,
.ReportTable table td {
  font-size: 0.6875rem;
}

.ReportTableFoot td {
  background: #cfcfcf;
}

.Pager1 table tr:first-child {
  position: static;
  border: none;
}

.Pager1 table th,
.Pager1 table td,
.Pager1 table tr:first-child th,
.Pager1 table tr:first-child td {
  background: transparent;
  border: none;
}

.Pager1 a[href],
.Pager1 td > span {
  margin: 0 0.25em;
  padding: 0.5em;
  font-size: 1rem;
}

.Pager1 a[href] {
  color: #5A5A5A;
  text-decoration: none;
}

.Pager1 a[href]:hover {
  color: #00bade;
}

.Pager1 td > span {
  font-weight: bold;
  color: #00bade;
}

.EditWrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

.EditWrapA {
  margin-right: 3%;
}

.EditWrapB > * + * {
  margin-top: 2rem;
}

.Removers > span {
  display: inline-block;
  padding: 0.25em;
}

.FilterOptionsWrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin: 0 0 -1.5rem -1.5rem;
}

.FilterOptions {
  margin: 0 0 1.5rem 1.5rem;
}

.OptionsList {
  display: block;
  max-height: 16rem;
  line-height: 1.7;
  overflow: auto;
}

.OptionsList label {
  padding-left: 0.5em;
}

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

.RankWrap > * + * {
  margin-left: 0.25rem;
}

.Rank {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #444;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.Moves {
  width: 2em;
  text-align: center;
}

.MovesImg {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
}

.MovesImg-Down,
.MovesImg-Up {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: green;
  border-radius: 50%;
  color: #fff;
  font-size: 0.1px;
  overflow: hidden;
  text-indent: -999em;
}

.MovesImg-Down:before,
.MovesImg-Up:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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(255%2C255%2C255%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 center;
  background-repeat: no-repeat;
  background-size: contain;
}

.MovesImg-Up:before {
  transform: rotate(180deg);
}

.MovesImg--IsDisabled .MovesImg-Down,
.MovesImg--IsDisabled .MovesImg-Up {
  background-color: #ccc;
}

/* REPORT FILTERS */
.FiltersWrap label,
.FiltersWrap input {
  font-size: 0.75rem;
}

.FiltersWrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.FiltersWrap.PreferenceCenterLogs,
.PreferenceCenterLogs .FiltersWrap {
  align-items: flex-end;
}

.FiltersWrap.FreeScoreMemWrap {
  margin-bottom: 5em;
}

.FiltersWrap > * + *,
.FiltersWrapInner > * {
  margin-left: 1ex;
  margin-bottom: 0.5em;
}

.col .FiltersWrap > * + *,
.col .FiltersWrapInner > * {
  width: 100%;
  margin-left: 0;
}

.FiltersWrap.FreeScoreMemWrap > * + *,
.PreferenceCenterLogs.FiltersWrap > *,
.PreferenceCenterLogs .FiltersWrap > * {
  margin-bottom: 0;
}

.FiltersWrapInner {
  display: flex;
  align-items: flex-end;
}

.FiltersWrap > select {
  margin-bottom: 0.5em;
}

.FilterItem {
  display: flex;
  align-items: center;
}

.FilterItem > input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5ex;
}

.col .FiltersWrap {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

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

.Filter input + input {
  margin-top: 4px;
}

.FilterArticles {
  display: flex;
  flex-flow: wrap;
}

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

.ExportWrap {
  position: absolute;
  top: 5rem;
  right: 1rem;
}

.ReportsWrap {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 1.5rem 0 -1rem -2rem;
}

.ReportsItem {
  margin: 0 0 1rem 2rem;
}

.ReportsItem > ul {
  margin: 1em 0;
  list-style: none;
}

.DateRangeWrap {
  display: flex;
}

.DateRangeWrap .Filter {
  margin-right: 1em;
}

.DateRangeWrap .Filter > *,
.DateRangeWrap.col .FiltersWrap > * {
  margin-bottom: 0.25em;
}

/* Offers */
/*hide show more button single offers*/
/*#article-page .OfferMainWrap .OfferInfoToggleBtn:last-of-type {
	display: none;
}*/
@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 {
  clear: both;
  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: 0.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;
  }
}

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

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

.OfferHeader h4 a {
  color: #393939;
  font-weight: 700;
  text-decoration: none;
}

.OfferHeader h4 a:hover,
.OfferHeader h4 a:focus {
  color: #00bade;
}

.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 {
    margin-top: 1.5em;
    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 h2 {
  margin-top: 3rem;
  padding: 0 1rem;
  color: #393939;
  font-size: 1rem;
}
@media (min-width: 37.5em) {
  .AddContent h2 {
    font-size: 1.25rem;
  }
}

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

.AddContent p {
  padding: 0 1rem;
}

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

.OfferType {
  margin: 2em 0 1em;
  padding: 0 1.5em;
  color: #0b4677;
  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: #393939;
}

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

.Offer > h3 a:hover,
.Offer > h3 a:focus,
.Offer > h3 a:active {
  color: #00bade;
}

.OfferImgLink {
  display: flex;
  flex-flow: column nowrap;
  min-width: 150px;
  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: #5A5A5A;
    font-size: 0.8rem;
    text-align: center;
  }
  .OfferImgLink span b {
    color: #00bade;
  }
}

.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;
}
@media (min-width: 31.25em) {
  .OfferSpecsWrap {
    margin-top: 1em;
    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;
  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: 1em 0.25em;
  background-color: #F7F7F7;
}
@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 #F7F7F7;
    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: #393939;
}
@media (min-width: 31.25em) {
  .OfferSpecs dt {
    width: auto;
    /*margin: 0;*/
    margin-bottom: 0.5em;
    padding: 1em 0;
    background-color: #F7F7F7;
  }
}

.SecondSpecs .OfferSpecs dt {
  padding: 0;
}

.OfferSpecs.CreditRecoSpec dt {
  width: 100%;
  background-color: #FFF;
}
@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: #5A5A5A;
  font-size: 0.9rem;
  font-weight: 300;
}
@media (min-width: 31.25em) {
  .OfferSpecs dd {
    padding: 0 0.35em;
  }
}

.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;
    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: row;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.OfferSpecLast dt {
  color: #8A8A8A;
  font-size: 0.75rem;
  font-style: italic;
}

.OfferSpecLast dd {
  margin-left: 0.5em;
  color: #00bade;
  font-size: 0.75rem;
  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%;
  padding: 1em 1em 1em 0;
  color: #5A5A5A;
  font-size: 0.875rem;
  font-weight: 400;
}
@media (min-width: 40.625em) {
  .OfferBullets li {
    padding: 0.5em 0;
  }
}

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

.main .OfferDescShort p,
.main .OfferDescLong p {
  margin: 0;
  padding: 0.5em 2rem;
  color: #8A8A8A;
  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;
  padding: 0.5em 1em;
  background-color: #f7f7f7;
  border-bottom: 0px;
  float: right;
  outline: none;
  text-decoration: none;
}

.OfferInfoToggleBtn:link,
.OfferInfoToggleBtn:visited {
  color: #393939;
}

.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: #F7F7F7;
  }
}

.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: #00bade;
  font-size: 0.875rem;
  text-decoration: none;
}

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

.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 {
  position: relative;
  display: flex;
  max-width: 14rem;
  align-items: center;
  clear: inherit;
  flex-direction: column;
  padding: 0.05em;
  background-color: #F7F7F7;
  border: solid 1px #DCDCDC;
  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 #DCDCDC;
}

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

.OfferInline .OfferInlineHead a:hover,
.OfferInline .OfferInlineHead a:focus {
  color: #00bade;
}

.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;
}

.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;
    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 {
  width: 13em;
  margin-top: 0.5em;
  font-size: 0.725em;
}

/* 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: #FF5A4E;
  font-size: 0.75em;
  font-weight: bold;
}

.loanBanner svg {
  fill: #FF5A4E;
  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: #F7F7F7;
  }
}

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

.EvenFinOfferSpecs .OfferSpecs:last-of-type dd {
  color: #5A5A5A;
}

.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: #393939;
  font-weight: 500;
}

.EvenFinOfferSpecs h4 a:hover,
.EvenFinOfferSpecs h4 a:focus {
  color: #00bade;
  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: #5A5A5A;
  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: #F7F7F7;
  text-align: center;
}
@media (min-width: 48em) {
  .DefaultDisclaimer {
    padding: 0 2em 1.5em;
  }
}

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

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

/* show/hide disclaimer text */
.LenderDisclaimer {
  color: #00bade;
  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: #8A8A8A;
  font-size: 0.625em;
  text-align: center;
}

.asteriskShowDisclaimer {
  color: #00bade;
}

.asteriskShowDisclaimer:hover {
  cursor: pointer;
}

/* End even fin */
/* IsFeatured Offer */
.IsFeatured {
  border: 1px solid #FF9300;
  border-bottom-width: 5px;
  border-bottom-color: #FFB100;
}

.TrophyWrap {
  position: absolute;
  top: -31px;
  left: -1px;
  background: linear-gradient(#FF9300, #FFB100);
}
@media (min-width: 48em) {
  .TrophyWrap {
    top: -1px;
  }
}

.IsFeatured #icon-trophy {
  width: 30px;
  height: 30px;
  display: block;
  padding: 0.15em;
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
@media (min-width: 48em) {
  .IsFeatured #icon-trophy {
    width: 40px;
    height: 40px;
    padding: 0.35em;
  }
}

#icon-trophy {
  display: none;
}

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

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

.OffersWrap.AdminOffersWrap .OfferWrap {
  padding: 0.5rem 1rem;
}

.OffersWrap.AdminOffersWrap .Offer {
  flex-flow: row wrap;
  column-gap: 1rem;
}

.OffersWrap.AdminOffersWrap .Offer > h3 {
  width: 100%;
  text-align: left;
}

.OffersWrap.AdminOffersWrap .OfferImgWrap {
  width: 120px;
  height: auto;
}

.OffersWrap.AdminOffersWrap .OfferButton {
  font-size: 0.9rem;
}

.OffersWrap.AdminOffersWrap .OfferMainWrap {
  width: calc(100% - 136px);
}

.OffersWrap.AdminOffersWrap .OfferSpecsWrap {
  width: 100%;
  padding: 0;
}

.OffersWrap.AdminOffersWrap .OfferSpecs {
  flex: 0 1 30%;
  width: auto;
}

.OffersWrap.AdminOffersWrap .OfferSpecs dt {
  font-size: 0.9rem;
}

.OffersWrap.AdminOffersWrap .OfferSpecs dd {
  font-size: 0.75rem;
}

/*Blog preview*/
/*Single article offers*/
#article-page .SecondSpecs .OfferSpecs {
  width: 100%;
}
@media (min-width: 31.25em) {
  #article-page .SecondSpecs .OfferSpecs {
    width: 50%;
  }
}
@media (min-width: 48em) {
  #article-page .SecondSpecs .OfferSpecs {
    width: 33.333%;
  }
}

#article-page .OfferMoreDetails {
  margin: 1em 0;
}

@media screen and (max-width: 1235px) and (min-width: 1020px) {
  #article-page .OfferCardWrap {
    align-items: center;
    flex-direction: column;
  }
  #article-page .OfferSpecsWrap {
    width: 100%;
    margin: 2em 0 1em;
  }
  #article-page .OfferBullets {
    margin-top: 0;
    padding: 0 2em;
  }
}
#article-page .OfferWrap {
  border: 1px solid #DCDCDC;
  margin: 2em 0;
}

#article-page .HeaderWrap {
  display: none;
}

#article-page .BreadCrumb {
  margin-bottom: 1em;
}

.SingleArticlePage {
  background-color: #FFF;
  padding: 1em 0.875em;
}
@media (min-width: 31.25em) {
  .SingleArticlePage {
    padding: 2em;
  }
}

@media (max-width: 37.49em) {
  .SingleArticlePage {
    margin-top: 1rem;
  }
}
.HeaderImg .SingleArticlePage .ArticleHeaderImage {
  width: 100%;
  height: auto;
}
@media (min-width: 37.5em) {
  .HeaderImg .SingleArticlePage .ArticleHeaderImage {
    height: 250px;
  }
}
@media (min-width: 20em) {
  @supports (object-fit: cover) {
    .HeaderImg .SingleArticlePage .ArticleHeaderImage {
      width: 100%;
      object-fit: cover;
    }
  }
}

.SingleArticlePage h1 {
  margin: 0.25rem 0;
  font-weight: 700;
  line-height: 1em;
  text-align: center;
}
@media (min-width: 37.5em) {
  .SingleArticlePage h1 {
    font-size: 2.5rem;
    text-align: left;
  }
}

.SingleArticlePage h2 {
  font-weight: 700;
}
@media (min-width: 48em) {
  .SingleArticlePage h2 {
    font-size: 2rem;
  }
}

.SingleArticlePage h2,
.SingleArticlePage h3,
.SingleArticlePage h4,
.SingleArticlePage h5 {
  clear: both;
}

.HeaderImg .SingleArticlePage .ArticleHead {
  margin-top: 1em;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 37.5em) {
  .HeaderImg .SingleArticlePage .ArticleHead {
    align-items: inherit;
    width: 100%;
    padding: 0;
    text-align: left;
  }
}

.SingleArticlePage .BlogDisclaimer {
  margin: 0 0 3rem;
  border-bottom: 1px solid #DCDCDC;
  line-height: 1;
}

.SingleArticlePage .BlogDisclaimer p {
  margin: 1rem 0;
}

.ArticleCategories a {
  font-style: italic;
}

#article-page .ArticleAuthors .AuthorName {
  font-size: 1.25rem;
}

.ArticleAuthors {
  display: flex;
  margin: 0.5rem 0;
  align-items: center;
}

.SingleArticlePage .ArticleAuthors .AuthorName {
  display: block;
  color: #00bade;
  font-size: 1.2em;
  font-weight: 400;
  text-decoration: none;
}

.SingleArticlePage .ArticleAuthors .AuthorName:hover {
  color: #00bade;
}

.ArticleAuthors img {
  width: 75px;
  height: 75px;
  margin-right: 1em;
  border-radius: 100px;
}

.SingleArticlePage footer {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 37.5em) {
  .SingleArticlePage footer {
    flex-direction: row;
    flex-flow: wrap;
  }
}

.SingleArticlePage .ArticleHead .ArticleTags {
  padding: 0.5em 1em;
  background-color: #F7F7F7;
  border-radius: 0.25em;
}

.SingleArticlePage .ArticleHead .ArticleTags a {
  color: #00bade;
  font-size: 1.2em;
  font-weight: 400;
  text-decoration: none;
}

.SingleArticlePage .ArticleHead .ArticleTags a:hover {
  color: #393939;
}

.SingleArticlePage ul li a {
  color: #00bade;
  text-decoration: none;
}

/*single article categories*/
.SingleArticlePage .ArticleHead .ArticleCategories a {
  margin-bottom: 1rem;
  color: #393939;
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
}

.SingleArticlePage .ArticleHead .ArticleCategories a:hover {
  color: #00bade;
}

/**************************/
/*Single article Share btns*/
.ArticleHeadInner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 48em) {
  .ShareArticle {
    display: none;
  }
}

@media (max-width: 47.99em) {
  #article-page .SharePage {
    display: none;
  }
  #article-page .ShareArticle .SharePage {
    display: block;
  }
}
.ShareArticle ul {
  margin: 0.5rem 0;
  padding: 0;
  justify-content: center;
}
@media (min-width: 37.5em) {
  .ShareArticle ul {
    justify-content: flex-start;
  }
}

.ShareArticle ul li:first-of-type {
  margin-left: 0;
}

.ShareArticle ul li {
  display: inline;
  margin: 0 0.15rem;
}

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

.SingleArticlePage .OffersWrap {
  margin: 1em 0;
}

/* Markdown Editor */
.md-Editor textarea {
  width: 100%;
  height: 32em;
  padding: 4px;
  background: #333;
  color: #eee;
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
}

.md-PreviewWrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  overflow: auto;
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.5);
}

.md-Preview {
  width: 100%;
  max-width: 56.25em;
  margin: 0 auto;
  padding: 1em;
  background: #fff;
  color: #5A5A5A;
  font-size: 16px;
  font-family: "filson-soft", sans-serif;
  font-weight: 300;
  line-height: 1.2;
}

.md-Preview p {
  color: #5A5A5A;
  font-weight: 300;
  line-height: 1.4;
}

.md-Preview h1, .md-Preview h2 {
  color: #393939;
  font-weight: 400;
}

.md-Preview h3, .md-Preview h4, .md-Preview h5 {
  color: #393939;
  font-weight: 300;
}

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

.md-PreviewWrap .btn-Wrap {
  max-width: 42em;
  margin: 1em auto;
  text-align: center;
}

.md-SyntaxWrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  padding: 0 0.777em;
  background: #ddd;
}

.md-SyntaxWrap a {
  display: inline-block;
  padding: 0.333em;
}

/* Articles */
.SndServices ul {
  padding: 0;
  margin: 0;
}

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

.SndServices ul li {
  position: relative;
  margin: 0.25em 0em;
  padding: 0.5em 0em;
  border-bottom: 1px solid #DCDCDC;
}

.SndServices ul li:last-of-type {
  border-bottom: none;
}

.SndServices ul li a {
  display: flex;
  height: 4em;
  align-items: center;
  justify-content: space-between;
  color: #8A8A8A;
  font-size: 1rem;
  text-decoration: none;
}

.SndServices ul li:hover a {
  color: #00bade;
}

.SndServices ul li:hover a .RightArrow {
  background-color: #00bade;
}

.SndServices ul li p {
  margin: 0 0 0 1rem;
  font-weight: 400;
}

.SndServices ul li .RightArrow {
  display: flex;
  margin-left: auto;
  padding: 0.25rem 1rem;
  align-items: center;
  background-color: #DCDCDC;
  border-radius: 1em;
}

/*CM LM FCS sidebar*/
.SndServices .MatchWrap a {
  display: flex;
  align-items: flex-end;
  max-width: 20em;
  text-decoration: none;
}

.SndServices .MatchWrap .cardType {
  margin: 0 0 0.25rem 1rem;
  color: #393939;
  font-size: 1.25rem;
  font-weight: 400;
}

.SndServices .MatchWrap p {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  font-weight: 300;
}

.SndServices .MatchWrap a:last-of-type {
  padding: 0.5rem 0;
  background-color: #00bade;
  border-radius: 30px;
  color: #FFF;
  font-weight: 400;
}

.SndServices .MatchWrap a:last-of-type:hover {
  background-color: #26748E;
}

.SndServices .MatchWrap a span {
  margin: 0 auto;
}

.csService {
  display: flex;
  width: 11rem;
  align-items: center;
  clear: inherit;
  flex-direction: column;
  background-color: #F7F7F7;
  border: solid 1px #DCDCDC;
  border-radius: 0.4rem;
  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 #DCDCDC;
}

.serviceHead a {
  color: #393939;
  font-size: 0.9rem;
  text-decoration: none;
}

.serviceHead a:hover {
  color: #00bade;
}

.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 #DCDCDC;
  border-radius: 0.4rem;
  box-shadow: 2px 2px 7px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}
@media screen and (min-width: 480px) {
  .ServiceInner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    min-width: 420px;
    padding: 1em;
  }
}
@media screen and (min-width: 998px) {
  .ServiceInner {
    padding: 1em 4em;
  }
}

.ServiceInner span {
  display: block;
  color: #393939;
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .ServiceInner span {
    margin: 0 1em 0 0.5em;
  }
}
@media screen and (min-width: 998px) {
  .ServiceInner span {
    font-size: 2rem;
  }
}

@media screen and (max-width: 480px) {
  .ServiceInner a.Button {
    width: 5em;
    margin: 0 auto;
    margin-top: 0.5em;
  }
}

.ArticleViewList {
  margin-left: 0;
  padding: 1px 0;
  list-style: none;
}

@media screen and (min-width: 43em) {
  .ArticleViewList .ArticleWrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .ArticleViewList .ArticleWrapA {
    width: 40em;
    margin-right: 2rem;
  }
}
.SideWrapArticles .ArticleViewList {
  list-style: decimal;
}

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

.ArticleViewList article {
  margin-bottom: 4em;
}

.ArticleViewList .ArticleTitle {
  font-size: 1.125rem;
}

.ArticleSummary {
  max-width: 50em;
  padding: 1px 10px;
  background-color: #f1f1f1;
  border: solid 1px #ccc;
  border-radius: 7px;
}

.ArticleSummary h3,
.ArticleSummary p {
  font-size: 0.8125rem;
}

.ArticleSummary h3 {
  margin: 1em 0 0.5em;
}

.ArticleSummary h3 + p {
  margin-top: 0;
}

.DatePublished,
.NotPublished {
  font-style: italic;
}

.FeaturedArticle {
  display: inline-block;
  padding: 0.3em 0.7em;
  background-color: green;
  color: #fff;
}

/*Control templates*/
.controlTemplates {
  display: flex;
}

.controlInner {
  margin-left: 5rem;
}

.controlInner:first-of-type {
  margin-left: 0;
}

/* Article Header Image */
.ArticleHeaderImage {
  width: 100%;
  height: auto;
  max-width: 868px;
}

/*@media (min-width: 550px) {
    .ArticleHeaderImage {
        border-radius: 8px 200px 200px 8px;
    }
}*/
@supports (object-fit: cover) {
  .ArticleHeaderImage {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
}
.p1 {
  display: inline-block;
}

/*
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: 1rem;
}
@media (min-width: 48em) {
  .OfferRatingWrap .EditorRatingInner,
  .PopularCardsWrap .EditorRatingInner {
    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: #5A5A5A;
  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: #F7F7F7;
  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: #393939;
    }
  }
}
/*.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: #393939;
  color: #FFF;
  padding: 1em;
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
}

.tooltiptext .body {
  padding: 1em;
  color: #393939;
  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;
}