:root {
  --color-white: hsl(0, 0%, 100%);
  --color-red: hsl(8, 100%, 51%);
  --color-yellow: hsl(45, 100%, 50%);
  --color-blue: hsl(236, 55%, 25%);
  --color-button: hsl(169, 52%, 61%);
  --color-button-hover: hsl(168, 52%, 71%);
  --color-drkblue: hsl(236, 62%, 20%);
  --color-purple: 	hsl(270, 51%, 49%)

}

body {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}
aside {
  max-width: 99%;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
}

h1,
.h1 {
  font-size: 1.375rem;
}
h2,
.h2 {
  font-size: 1.25rem;
}
h3,
.h3 {
  font-size: 1.125rem;
}
h4,
.h4 {
  font-size: 1rem;
}

.navbar {
  box-shadow: 0px 5px 5px 0px rgba(161, 159, 161, 0.25);
}

.navbar-brand {
  max-width: 40%;
}
.navbar-text {
  font-size: 0.75rem;
}

p {
  margin-bottom: 1.125rem;
}

.csheader {
  color: #333;
}

.standout {
  color: var(--color-red);
}

.standout-yellow-bg {
  background-color: var(--color-yellow);
}

.standout-bg,
.formsteps {
  background-color: var(--color-red);
  color: white;
}

.formsteps {
  background-color: var(--color-red);
  color: white;
}

.activated {
  color: #019c10;
}

.list-with-badge {
  font-size: 0.75rem;
  letter-spacing: -0.03125rem;
}

h1,
h2,
.h4 {
  font-weight: 700;
}

.cta {
  background-color: var(--color-button) !important;
  border: none !important;
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
}

.cta:hover {
  background-color: var(--color-button-hover) !important;
  color: white;
}

.cta2 {
  background-color: #db0332;
  color: white;
  font-size: 1.25rem;
  font-weight: 700;
}

.cta2:hover {
  background-color: #c20019;
  color: white;
}

.no-thanks {
  text-decoration: underline;
  color: #0023d7;
}

.nav-link {
  color: #666;
}

.list-with-badge li {
  list-style: none;
}

/******** Join ****************/

body.joinpage,
body.thanks {
  font-size: 1rem;
}

#reg {
  outline-width: 0;
}

.jst-hours {
  display: none;
}
.jst-minutes {
  display: inline-block;
  width: 23px;
}
.jst-seconds {
  display: inline-block;
  width: 25px;
}

.jst-timeout {
  color: white;
}

form .cards {
  overflow: hidden;
  /*margin: 10px auto;*/
  list-style: none;
}

form .cards li {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: url("https://d1g5i1zyas6sdc.cloudfront.net/kon/cards-curved-32px.png");
  background-position: 0 0;
  /*float: left;*/
  height: 32px;
  /*  margin-right: 8px;*/
  text-indent: -9999px;
  width: 51px;
  padding: 0;
  margin: 0 8px 0 0;
}
form .cards li:last-child {
  margin-right: 0;
}
form .cards .visa.off {
  background-position: 0 32px;
}
form .cards .visa_electron {
  background-position: 255px 0;
}
form .cards .visa_electron.off {
  background-position: 255px 32px;
}
form .cards .mastercard {
  background-position: 204px 0;
}
form .cards .mastercard.off {
  background-position: 204px 32px;
}
form .cards .maestro {
  background-position: 153px 0;
}
form .cards .maestro.off {
  background-position: 153px 32px;
}
form .cards .discover {
  background-position: 102px 0;
}
form .cards .discover.off {
  background-position: 102px 32px;
}
form .cards .amex {
  background-position: 51px 0;
}
form .cards .amex.off {
  background-position: 51px 32px;
}

.kform_submitBtn {
  font-size: 1.5em !important;
  height: inherit !important;
}

@media only screen and (min-width: 980px) {
  .kform_layout2Col #kform_paySourceCard input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"] {
    width: 100% !important;
  }

  .jst-minutes {
    display: inline-block;
    width: 42px;
  }
  .jst-seconds {
    display: inline-block;
    width: 35px;
  }
}

@media only screen and (max-width: 979px) and (min-width: 1px) {
  #kform select {
    font-size: 14px !important;
    width: 100% !important;
  }
  .form-group {
    margin-bottom: 0.5rem;
  }
}

@media (max-width: 1100px) {
  .kform_submitBtn {
    font-size: 1.25em !important;
  }
}

.lha {
  line-height: 1.25;
  font-size: 0.875rem;
}

.light-standout {
  background-color: #f9ddde;
}

.light-blue-standout {
  background-color: #edf2f7;
}

.joinform fieldset,
.vsl-subscribe-form fieldset {
  background-color: #eff0f2;
}

.joinform .form-control-lg,
.vsl-subscribe-form .form-control-lg {
  height: calc(2em + 2rem + 2px);
  /*padding: 1.5rem 1rem;*/
  font-size: 1rem;
}

.has-icon .form-control {
  padding-left: 2.375rem;
}

.has-icon .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 3.2rem;
  text-align: center;
  pointer-events: none;
  color: #aaa;
}

.darkboxed {
  background-color: #292929;
}

.textadj {
  font-size: 14px;
}

/******* ml downsell *****/
.upsell-yes {
  background-color: #f56a3f;
  color: white;
  font-size: 1.125rem;
  font-weight: 700;
}

.upsell-yes:hover {
  background-color: #dc5126;
  color: white;
}

.upsell-no {
  background-color: #a2a2a2;
  color: white;
  font-size: 1.125rem;
  font-weight: 700;
}

.upsell-no:hover {
  background-color: #747474;
  color: white;
}

/***********************/

.dashedbox {
  border-width: 0.3rem;
  border-style: dashed;
  border-color: var(--color-red);
  background-color: var(--color-white);
}

@media (min-width: 576px) {
  .navbar-brand {
    max-width: 50%;
  }
  .rwd-break {
    display: none;
  }
  .list-with-badge {
    font-size: 0.8775rem;
    letter-spacing: inherit;
  }

  .list-with-badge li {
    list-style: disc;
  }

  .cta,
  .cta2 {
    font-size: 1.375rem;
  }
}

@media (min-width: 768px) {
  body {
    background: url(img/lgt_bg.png) no-repeat;
  }

  .navbar-text {
    font-size: 1rem;
  }
  .list-with-badge {
    font-size: 1rem;
  }
  header h4 {
    font-size: 1rem;
    line-height: 1rem;
  }
}

@media (min-width: 992px) {
  body {
    font-size: 1.125rem;
  }
  h1,
  .h1 {
    font-size: 1.75rem;
  }
  h2,
  .h2 {
    font-size: 1.5rem;
  }
  h3,
  .h3 {
    font-size: 1.375rem;
  }
  h4,
  .h4 {
    font-size: 1.25rem;
  }

  .textadj {
    font-size: 1rem;
  }

  .cta,
  .cta2 {
    font-size: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cta,
  .cta2 {
    font-size: 2rem;
  }

  h1,
  .h1 {
    font-size: 2.5rem;
  }
  h2,
  .h2 {
    font-size: 2rem;
  }
  h3,
  .h3 {
    font-size: 1.75rem;
  }
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767.98px) {
}

.hasError {
  border: 1.5px solid #ff2b2b !important;
}