7399@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*------------------------------------*\
  $RESET
\*------------------------------------*/
/*
A more considered reset; more of a restart...
*/
html,body,div,span,applet,object,ibtn-unmute,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,
a,abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strong,sub,sup,tt,var,
b,u,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend
,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
  margin: 0;
  padding: 0;
}

article,aside,details,figcaption,figure,footer,
header,hgroup,menu,nav,section {
  display: block;
}

h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  text-wrap: pretty
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

strong,b,mark {
  font-weight: 700;
  font-style: inherit;
}

em,i,cite,q,address,dfn,var {
  font-style: italic;
  font-weight: inherit;
}

abbr[title],dfn[title] {
  cursor: help;
  border-bottom: 1px dotted;
}

ins {
  border-bottom: 1px solid;
}

a,u,ins {
  text-decoration: none;
}

del,s {
  text-decoration: line-through;
}

pre,code,samp,kbd {
  font-family: monospace;
}

small {
  font-size: 0.75em;
}

input,
select,option,optgroup,
textarea {
  font: inherit;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

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

.ಠ_ಠ {
 /*custom class identifier for preloading images. W3C won't verify */
  display: none !important;
}

/*------------------------------------*\
  $CLEARFIX
\*------------------------------------*/
/* http://nicolasgallagher.com/micro-clearfix-hack/ */
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}

/*------------------------------------*\
  $SHARED
\*------------------------------------*/
/*
Rather than writing properties over and over and repeating code we can simply tether selectors to one rule. This is pretty much having variables in CSS (update the colour once and everything gets the changes).
*/
h1,
h2,
h3,
h4,
h5,
h6,
article,
p,
ul,
ol,
dl {
  margin-bottom: 1.5rem;
}

b,
strong,
dt {
  font-weight: 700;
}

.tag-list,
.images,
.social,
.projects {
  list-style: none;
}

.tag-list,
.images,
.projects {
  margin-left: 0;
}

/*------------------------------------*\
  $MAIN
\*------------------------------------*/
:root {
  --accent-color-values: 40, 85%, 63%;
  --content-bg: hsl(264, 4%, 94%) url('../img/paper-texture-light.jpg');
  --text-color: hsl(264, 27%, 11%);
  --text-color--200: hsl(264, 27%, 21%);
  --text-color--850: hsl(264, 27%, 86%);
  --border-color: hsl(264, 27%, 75%);
  --gold-border: url('../img/gold-texture.jpg');
  --gold-underline: url('../img/gold-texture-thin.jpg');
  --text-box-bg: hsl(213, 5%, 27%);
  --text-box-border: hsl(45, 96%, 71%);
  --text-box-text: hsl(264, 27%, 90%);
  --polished-metal: #fcd738 url('../img/polished-gold.jpg');
  --floral-pattern: #454545 url('../img/damask-pattern.jpg');
  --dark-border: #060505;
  --underline-color: linear-gradient(180deg, hsla(0, 0%, 0%, 0) 0%,
      hsla(0, 0%, 0%, 0) 82%,
      hsla(40, 85%, 63%, 1) 82.1%,
      hsla(40, 85%, 63%, 1) 90%,
      hsla(0, 0%, 0%, 0) 91%,
      hsla(0, 0%, 0%, 0) 100%);
}

@media screen and (prefers-color-scheme: dark) {
  :root {
    --accent-color-values: 40, 80%, 53%;
    --content-bg: hsl(264, 4%, 14%) url('../img/paper-texture.jpg');
    --text-color: hsl(264, 27%, 100%);
    --text-color--200: hsl(264, 27%, 81%);
    --text-color--850: hsl(264, 17%, 31%);
    --text-color--900: hsl(264, 27%, 90%);
    --border-color: hsl(264, 7%, 28%);
    --gold-border: url('../img/gold-texture.jpg');
    --gold-underline: url('../img/gold-texture-thin.jpg');
    --text-box-bg: hsl(300, 4%, 17%);
    --text-box-border: hsl(45, 96%, 40%);
    --text-box-text: hsl(264, 27%, 90%);
    --polished-metal: #313131 url('../img/polished-steel.jpg');
    --dark-border: hsl(264, 4%, 31%);
    --underline-color: linear-gradient(180deg, hsla(0, 0%, 0%, 0) 0%,
        hsla(0, 0%, 0%, 0) 83%,
        hsla(40, 85%, 43%, 1) 84%,
        hsla(40, 85%, 43%, 1) 90%,
        hsla(0, 0%, 0%, 0) 91%,
        hsla(0, 0%, 0%, 0) 100%);
  }

  .title .title__txt {
    filter: drop-shadow(2px 2px 0px #1f1f20);
  }
}

html {
  box-sizing: border-box;
}

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

html,
body {
  width: 100%;
  height: 100%;
}

html {
  font: normal 112.5%/1.5 'Jost', sans-serif;
  color: var(--text-color);
  min-height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}

body {
  min-height: 100%;
  width: 100%;
  background: hsl(180, 6%, 4%) url('../img/bg-d.jpg') no-repeat fixed center top;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  body {
    background-image: url('../img/bg-m.jpg');
  }

}

@media screen and (max-width: 480px) {
  body {
    background-image: url('../img/bg-t.jpg');
  }

}

.page-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  z-index: -20;
}

.full-page {
  display: block;
  position: relative;
  height: 100vh;
  opacity: 0;
}

.txt-md {
  font-size: 1.166666666667rem;
}

.txt-md strong {
  font-weight: 500;
}

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

.centered-item {
  margin: auto;
}

article.content {
  margin-bottom: 0;
}

@media all and (min-width: 48.056rem) {
  .page-bg {
    background-image: url('../img/bg.jpg');
    background-position: -500px -100px;
  }

  .page-optin .page-bg {
    background-image: url('../img/optin/bg.jpg');
  }
}

@media all and (max-width: 54em) {
  html {
    font-size: 106.25%;
  }

  .txt-md {
    font-size: 1.17647rem;
  }
}

@media all and (max-width: 48em) {
  html {
    font-size: 100.0%;
  }

  .txt-md {
    font-size: 1.1875rem;
  }

  .page-bg {
    background-image: url('../img/bg-md.jpg');
    background-position: -100px -150px;
  }

  .page-optin .page-bg {
    background-image: url('../img/optin/bg-md.jpg');
  }
}

@media all and (max-width: 32em) {
  .home .txt-md {
    font-size: 1rem;
  }
}

@media all and (max-width: 30em) {
  html {
    font-size: 93.75%;
  }

  .txt-md {
    font-size: 1.2rem;
  }

  .page-bg {
    background-image: url('../img/bg-sm.jpg');
    background-position: -150px -90px;
  }

  .page-optin .page-bg {
    background-image: url('../img/optin/bg-sm.jpg');
  }
}

@media all and (max-width: 24em) {
  .txt-md {
    font-size: 1.133333rem;
  }
}

@media all and (max-width: 20em) {
  .txt-md {
    font-size: 1.06666667rem;
  }
}

/*------------------------------------*\
  $TYPE
\*------------------------------------*/
/*--- HEADINGS ---*/
h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
}

h1 {
  font-size: 2.333335rem;
  font-weight: 650;
  color: var(--text-color);
  line-height: 1.25;
  font-family: Jost;
}

.title .title__txt {
  fill: var(--text-color);
}

h1 strong {
  font-weight: 700;
  letter-spacing: -.012em;
}

h2 {
  color: var(--text-color);
  font-family: 'Jost', sans-serif;
  font-size: 2.111111rem;
  line-height: 1.25;
  letter-spacing: .012em;
  font-weight: 400;

  text-align: center;
  letter-spacing: 0;
}

h2 strong {
  letter-spacing: -0.02em;
  font-weight: 600;
}

h3 {

  font-size: 1.7777777778rem;
  color: var(--text-color);
  line-height: 1.11111;
  letter-spacing: -.0125em;
  font-weight: 700;
}

h4 {
  color: var(--text-color);
  font-size: 1.5rem;
  line-height: 1.35;
  font-weight: 300;
}

h4 strong {
  font-weight: 700;
}

h5 {
  color: var(--text-color);
  font-size: 1.3333333333rem;
  line-height: 1.25;
  font-weight: 400;

}

h5 strong {
  font-weight: 600;
}

h6 {
  color: var(--text-color);
  font-size: 1.1666666666666rem;
}


/*--- LINKS ---*/
a {
  outline: none;
  text-decoration: none;
  font-weight: 500;
  transition: 0.2s all linear;
}

a:visited {
  color: #999;
  border-color: #eee;
}

a:hover,
a:active,
a:focus {
  border-bottom: 0;
}

a:active,
a:focus {
  position: relative;
  border-bottom: 0;
  top: 1px;
}

/*--- SCREEN READER ACCEESS ---*/
a:hover,
a:active {
  outline: none;
}

a,
a:active,
a:visited {
  color: var(--text-color);
  font-weight: 500;
  border-bottom: .15em solid #ffb500;
}

a:focus,
a:hover {
  color: #ffb500;
  border-bottom: .15em solid #ffb500;
  transition: none;
}

a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--- SCREEN READER ACCEESS ---*/

p {
  text-wrap: pretty;
}

/*--- PARAGRAPHS ---*/
.tagline {
  font: 0.625em/2.4 "Helvetica Neue", Arial, sans-serif;

  text-transform: uppercase;
  color: #fff;
  line-height: 100px;
  /* Same height as the logo. */
  white-space: nowrap;
}

/*--- LISTS ---*/
ul,
ol,
dd {
  margin-left: 1.5rem;
}

li>ul,
li>ol {
  /*margin-bottom:0;*/
  padding-bottom: 0;
}

/* Tags */


/* Social links */


/*--- OTHER ---*/

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


/*------------------------------------*\
  $IMAGES
\*------------------------------------*/

/* Image Caption Adjustments // http://demosthenes.info/blog/662/Design-From-the-Inside-Out-With-CSS-MinContent */
figure {
  /* border: 2px solid black;
  background: #cae9b8; */
  margin: 0;
  /* width: -moz-min-content;
  width: -webkit-min-content;
  width: min-content; */
}

figcaption p {
  text-align: center;
  margin: 1rem;
}

figcaption {
  font-weight: bolder;
  font-size: 1.2rem;
}

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

/* bicubic resizing for non-native sized IMG:
code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}


/*------------------------------------*\
  $MISC
\*------------------------------------*/

.highlight {
  color: #fff;
  font-weight: 600;
  letter-spacing: .05em;
  background-color: #DA1111;
  line-height: 1;
  display: inline;
  text-transform: uppercase;
  padding: .2em .3em;

}

.page--upsell-nlph .highlight {
  text-transform: none;
  /* font-weight: 500; */
}

.underline {
  position: relative;
  transform-style: preserve-3d;
  display: inline;

  background: var(--underline-color)
    /* background: var(--gold-border) no-repeat;
  background-size: 100% 200%;
  background-position: center 90%;*/
}

/* .underline:after{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  top: 0;
  left: 0;
  right: 100%;
  bottom: -0.025em;
  border-bottom: .125em solid #ffb500;
  border-image: var(--gold-border-thin) 20;

  transform: translateZ(-1em);
} 
.underline::after {
  position: absolute;
  width: 100%;
  left: 0;
  height: .15em;
  bottom: .1em;
  content: '';
  background:  #ff0000;
}*/
.hide-text {
  display: block;
  overflow: hidden;
  text-indent: -9999999999em;
}

.blink-it {
  -webkit-animation: .8s blinker linear infinite;
  animation: .8s blinker linear infinite;
}

.special {
  color: #ffb500;
}

.line-block {
  display: block;
}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.error-txt {
  color: red;
  font-style: italic;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid var(--border-color);
}

form hr {
  height: 1.5rem;
  width: 97%;
  margin-top: .75rem;
}

hr.divider--gold {
  border: 0;
  height: 1rem;
  background: url(../img/divider.png) no-repeat center center;
  margin-bottom: 2.5rem;
}

.divider {
  position: relative;
  display: block;
  width: 100%;
  height: 2rem;
  margin-bottom: 2rem;
}

.divider::before {
  position: absolute;
  width: 100%;
  text-align: center;
  content: ".........................................................";
  font-size: 1.25rem;
  font-weight: 400;
  color: hsla(var(--accent-color-values), 1);
  line-height: 1;
  letter-spacing: -2px;
}

.v-divider {
  display: block;
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
}


hr.dot {
  width: 100%;
  height: 2rem;
  border: none;
  content: '.';
  color: #ffb500;
  font-size: 2rem;
}

.icon-plus {
  position: relative;
  display: block;
  font-family: 'Barlow', sans-serif;
  font-size: 4rem;
  line-height: 0.1;
  font-weight: 600;
  font-style: normal;
  color: #ffb500;
  margin-top: 2rem;
  margin-bottom: 3rem;
}

.wrapper {
  position: relative;
  display: block;
  width: 96%;
  /* max-width: 780px;
  padding-top: 1vh; */
  margin-left: auto;
  margin-right: auto;
}

.page-has-badge .js-center-align {
  padding-top: 5rem;
  padding-bottom: 2rem;
}

.page--checkout .hero .wrapper {
  text-align: center;
}

.cursor-pointer {
  cursor: pointer;
}

.tooltip_templates {
  display: none;
}

.cursor-default {
  cursor: default;
}

.box {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.box--white {
  background-color: #fff;
}

.box--yellow {
  background-color: #f5ee9e;
}

.box--celadon {
  background-color: #abe3bb
}

.box--gold {
  background-color: #fad161
}

.box--green {
  background-color: #c2eacd
}

.box--red {
  background-color: #DD3A2E;
}

.box--papaya {
  background-color: #fef4d7
}

.box--gray {
  background-color: #f2f2f2;
}

.box--light-gray {
  background-color: #f8f9fa;
}

.box--dark-gray {
  background-color: #eaecec
}

.box--navy {
  background-color: #090c9b;
  background-color: hsl(254, 82%, 32%);
  /*background-color: hsl(226, 60%, 32%);*/
}

.box--blue {
  background-color: #4f20e9;
  background-color: hsl(254, 82%, 52%);
}

.box--skyblue {
  background: #c8e9f5;
}

.box--lightblue {
  background-color: #ecf5fe;
}

.box--dark {
  background-color: #4d5652;
}

.box--teal {
  background-color: hsl(173, 63%, 46%);
}

.box--purple {
  color: #fff;
  background-color: hsl(266, 100%, 50%)
}

.box--purple .title {
  color: #ede4f1
}

.box--skyblue .title {
  color: #305c78
}

.box--navy .title {
  color: #fff;
}

.box--navy p {
  color: #a3d1ff;
}

.box--skyblue.box--border {
  border-width: 1px;
  border-color: #99c0ce;
}

.box--offset-top {
  margin-top: 5rem;
}

.box--border {
  border: 0.4rem solid #000;
}

.box--border-light {
  border-color: var(--border-color)
}

.box--border-sm {
  border-width: 1px;
  border-style: solid;
}

.box--rounded-p2 {
  border-radius: .2em;
}

.box--rounded-p5 {
  border-radius: .5em;
}

.box--rounded-p8 {
  border-radius: .8em;
}

.box--rounded-p10 {
  border-radius: 1em;
}

.box--rounded-p20 {
  border-radius: 2em;
}

.box--rounded-25pc {
  border-radius: 5em;
}

.box--shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.box--shadow-1:not(select):hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.box--shadow-1-5 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.box--shadow-2 {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.box--shadow-2-5 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.125);
}

.box--shadow-2-5:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.12);
}

.box--shadow-3 {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.1);
}

.btn.box--shadow-3 {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0, 0, 0, 0.2);
}

.card--product.box--shadow-3:hover,
.card--bundle.box--shadow-3:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.15);
}

.box--shadow-3-5 {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.075);
}

.box--shadow-4 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.box--shadow-5 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.box--shadow-6 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.box--border {
  border-color: hsl(0, 0%, 0%);
}

.margin--xs {
  margin: .5rem
}

.margin--sm {
  margin: 1rem
}

.margin--md {
  margin: 2rem;
}

.margin--lg {
  margin: 4rem;
}

.margin--xl {
  margin: 5rem;
}

.padding--xs {
  padding: .5rem
}

.padding--sm {
  padding: 1rem
}

.padding--md {
  padding: 2rem;
}

.padding--lg {
  padding: 4rem;
}

.padding--xl {
  padding: 5rem;
}

.padding--xxl {
  padding: 7rem;
}

.margin--vr-xs {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.margin--vr-sm {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.margin--vr-md {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.margin--vr-lg {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.margin--vr-xl {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.padding--vr-xs {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.padding--vr-sm {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.padding--vr-md {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding--vr-lg {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.padding--vr-xl {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding--vr-xxl {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.margin--top-xs {
  margin-top: .5rem;
}

.margin--top-sm {
  margin-top: 1rem;
}

.margin--top-md {
  margin-top: 2rem;
}

.margin--top-lg {
  margin-top: 4rem;
}

.margin--top-xl {
  margin-top: 5rem;
}

.margin--bottom-xs {
  margin-bottom: .5rem
}

.margin--bottom-sm {
  margin-bottom: 1rem
}

.margin--bottom-md {
  margin-bottom: 2rem;
}

.margin--bottom-lg {
  margin-bottom: 4rem;
}

.margin--bottom-xl {
  margin-bottom: 5rem;
}

.padding--top-xs {
  padding-top: .5rem;
}

.padding--top-sm {
  padding-top: 1rem;
}

.padding--top-md {
  padding-top: 2rem;
}

.padding--top-lg {
  padding-top: 4rem;
}

.padding--top-xl {
  padding-top: 5rem;
}

.padding--bottom-xs {
  padding-bottom: .5rem
}

.padding--bottom-sm {
  padding-bottom: 1rem
}

.padding--bottom-md {
  padding-bottom: 2rem;
}

.padding--bottom-lg {
  padding-bottom: 4rem;
}

.padding--bottom-xl {
  padding-bottom: 5rem;
}

.alert {
  width: 100%;
  background-color: #ddd;
  margin-bottom: 1.5rem;
  border-radius: 0;
  overflow: hidden;
}

.alert__icon {
  align-content: center;
  margin-right: .5em;
  margin-left: .75em;
}

.alert__body {
  padding: .9rem 0;
  flex: 1 1 auto;
  text-align: left;
}

.alert__copy {
  margin-right: .75em;
  line-height: 1.2;
}

.alert--success {
  color: hsl(129, 83%, 21%);
  background-color: hsl(92, 86%, 91%);
}

.alert--success .alert__cta {
  color: hsl(105, 46%, 61%);
  background-color: hsl(96, 88%, 83%);
}

.alert--success .alert__cta:hover,
.alert--success .alert__cta:focus {
  background-color: hsl(91, 81%, 77%);
}

.alert--success .alert__cta:active {
  color: hsl(105, 46%, 61%);
  background-color: hsl(96, 88%, 75%);
}

.alert--info {
  color: hsl(216, 100%, 24%);
  background-color: hsl(185, 100%, 93%);
}

.alert--info .alert__cta {
  color: hsl(196, 58%, 59%);
  background-color: hsl(188, 98%, 80%)
}

.alert--info .alert__cta:hover,
.alert--info .alert__cta:focus {
  background-color: hsl(189, 81%, 77%);
}

.alert--info .alert__cta:active {
  color: hsl(196, 58%, 59%);
  background-color: hsl(188, 98%, 72%)
}

.alert--warning {
  color: hsl(26, 95%, 36%);
  background-color: hsl(44, 96%, 90%);
}

.alert--warning .alert__cta {
  color: hsl(43, 68%, 54%);
  background-color: hsl(48, 98%, 80%);
}

.alert--warning .alert__cta:hover,
.alert--warning .alert__cta:focus {
  background-color: hsl(51, 94%, 78%);
}

.alert--warning .alert__cta:active {
  color: hsl(43, 68%, 54%);
  background-color: hsl(48, 98%, 72%);
}

.alert--error {
  color: hsl(359, 70%, 44%);
  background-color: hsl(24, 91%, 91%);
}

.alert--error .alert__cta {
  color: hsl(4, 60%, 61%);
  background-color: hsl(20, 91%, 83%);
}

.alert--error .alert__cta:hover,
.alert--error .alert__cta:focus {
  background-color: hsl(7, 97%, 85%);
}

.alert--error .alert__cta:active {
  color: hsl(4, 60%, 61%);
  background-color: hsl(7, 97%, 75%);
}

.alert__cta:focus {
  box-shadow: none;
}

.alert p {
  color: inherit;
  margin-bottom: .5rem;
  line-height: 1.25;
}

.alert--lg {
  font-size: 1rem;
  line-height: 1.35;
  margin-bottom: 0;
  padding: 1.5rem 1.25rem;
}

.alert--lg .alert__icon {
  font-size: 1.5em;
}

.alert--lg .alert__copy {
  line-height: 1.35;
}

.alert--paypal {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: #F1BD52;
}

::selection {
  color: white;
  background: #F1BD52;
}

@-webkit-keyframes blinker {

  0% {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  100% {
    opacity: 1.0;
  }
}

@keyframes blinker {

  0% {
    opacity: 0.0;
  }

  30% {
    opacity: 0;
  }

  31% {
    opacity: 1.0;
  }
}


/*Doodles*/
.ddl-wrap {
  position: relative;
  display: inline-block;
  width: auto;
  margin-bottom: .25rem;
}

.ddl {
  position: absolute;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.btn-wrap {
  position: relative;
  display: inline-block;
}

.btn-wrap .ddl {
  top: 50%;
  transform: translateY(-80%);
}

.ddl__wrap {
  position: relative;
}

.btn-wrap .ddl__wrap .ddl--arr {
  height: 4.7777777rem;
  width: 4.555556rem;
  -webkit-background-size: contain;
  background-size: contain;
}

.btn-wrap .ddl__wrap .ddl--left {
  left: -5.5rem;

}

.btn-wrap .ddl__wrap .ddl--right {
  right: -5.5rem;
  transform: translateY(-80%) scaleX(-1);
}

.ddl--arr-br-y,
.ddl--arr-bl-y {
  background: url('../img/ddl/ddl_arr-br-y.svg') 0 0 no-repeat;

}

.ddl-3dots {
  width: 5.625rem;
  height: 6.90319rem;
  background-image: url('../img/ddl/ddl-3-dots.png');
  left: -2rem;
  top: -4.25rem;
}

.ddl-5dots {
  width: 9.34319rem;
  height: 11.63288rem;
  background-image: url('../img/ddl/ddl-5-dots.png');
  right: -3.75rem;
  bottom: -6rem;
}

.home .ddl-3dots {
  top: 0;
}

.home .ddl-5dots {
  bottom: 6rem
}

@media all and (max-width: 58em) {
  .ddl-3dots {
    left: 1rem;
    width: 4rem;
    height: 5rem;
    top: -3rem
  }

  .ddl-5dots {
    right: 1rem;
    bottom: -4rem;

    width: 6rem;
    height: 9rem;
  }

  .home .ddl-3dots {
    top: 1rem;
  }
}

@media all and (max-width: 45em) {
  .ddl-3dots {
    width: 3.5rem;
    left: .5rem;
  }

  .ddl-5dots {
    width: 5rem;
    right: .5rem;
  }

  .home .ddl-5dots {
    bottom: 7.5rem;
  }

  .home .ddl-3dots {
    top: 1.5em;
  }
}

@media all and (max-width: 41em) {
  .btn-wrap .ddl {
    display: none;
  }
}

@media all and (max-width: 26.875em) {
  .ddl-3dots {
    left: -.75rem;
  }

  .ddl-5dots {
    right: -.1rem;
    bottom: -4.5rem;
    width: 4rem;
  }
}

/*------------------------------------*\
  $HEADER
\*------------------------------------*/

.home .wrapper {
  width: 96%;
  max-width: 672px;
}

.page .wrapper {
  max-width: 780px;
}

@media all and (max-width: 30em) {
  .home .hero {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .page-has-badge .js-center-align {
    padding-top: 4rem;
    padding-bottom: 1.5rem;
  }

}

@media all and (max-width: 26.611em) {

  .home .wrapper,
  .js-center-align {
    width: 98%;
  }

  .home .hero {
    padding-left: .5rem;
    padding-right: .5rem;
  }
}

@media all and (max-width: 20em) {

  .wrapper,
  .js-center-align {
    width: 100%;
  }
}

a {
  text-decoration: none;
}


.masthead {
  padding: 1rem 1rem;
  width: 100%;
  overflow: hidden;
  text-align: center;
}

.page-boxed .masthead {
  padding: 2rem 0;
}

.site-logo-wrap,
.site-logo-wrap:focus,
.site-logo-wrap:hover {
  display: flex;

  width: fit-content;
  /* justify-content: center; */
  /* align-items: center; */
  /* text-align: center; */
  margin: 0 auto;
  border-bottom: 0;
}

.site-logo {
  display: inline-block;
}

.header nav {
  -webkit-flex: 0 1 4.5rem;
  flex: 0 1 4.5rem;
}

.top-nav {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  width: 100%;


}

.banner--alert {
  background-color: #FFE835;
  gap: .5rem;
  width: fit-content;
  margin: 0 auto;
  padding: .5rem 3% .75rem;
}

.page--vsl .content:has(.banner--offset) {
  margin-top: 1.25rem;
}

.banner--offset {
  position: relative;
  bottom: -1.25rem;
  /* top: -2.25rem; */
  /* z-index: -1; */
  /* left: 50%;
  transform: translateX(-50%); */
}

.banner__img {
  display: block
}

.banner__txt {
  text-align: left;
  color: hsl(264, 27%, 11%);
  line-height: 1.1;
}

#users-online {
  display: none;
}

.cycle-slideshow {

  margin-bottom: 1rem;
}

.icon-online {
  display: block;
  height: .5rem;
  width: .5rem;
  background-color: #42DA81;
  border-radius: 100%;
}

#users-online {
  display: none;
}

.cycle-slideshow {

  margin-bottom: 1rem;
}

ul.top-nav {
  list-style: none;
}

.top-nav .icon {
  display: block;
  border-radius: 50%;
  height: 1.77777778rem;
  width: 1.77777778rem;
  font-size: 1rem;
  border: 2px solid hsl(0, 0%, 20%);
  color: #ffb500;
  text-align: center;
  padding-top: .2em;
}

.top-nav .support .icon {
  font-size: .85rem;
  padding-top: .35em;
}

.top-nav .icon:hover,
.top-nav .icon:focus {
  background-color: #ffb500;
  color: #fff;
  border-color: #ffb500;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.page-boxed .top-nav {
  margin-right: 0;
}


@media all and (max-width: 26em) {
  .masthead {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

/*------------------------------------*\
  $HEADER
\*------------------------------------*/
.gold-texture-border {
  border: 6px solid transparent;
  border-image: var(--gold-border) 10 repeat;
}

.content {
  position: relative;
  display: block;
  text-align: center;
  margin-bottom: 1rem;
  background: var(--content-bg);
  background-size: 100% auto;
  background-repeat: repeat-y;
  padding: 2.25rem 6%;
  box-shadow: 2px 9px 10px 1px rgba(0, 0, 0, 0.85)
}

.modal-body {
  background: var(--content-bg) !important;
}

.page .content {
  box-shadow: 0 10px 20px rgba(0, 0, 0, .5);
}

.remodal {
  background: var(--content-bg) !important
}

.section-padded-sm {
  padding: 1.5rem 2.5% .125rem;
}

.section-padded {
  padding: 1.75rem 5% .25rem;
}

.section-padded-lg {
  padding: 2rem 7% .5rem;
}

.section-padded-topbottom {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.section-padded-top {
  padding-top: 1.75rem;
}

.section-padded-bottom {
  padding-bottom: 1.75rem;
}

.section-padded-top-xl {
  padding-top: 3rem;
}

.section-padded-bottom-xl {
  padding-bottom: 3rem;
}

.section-padded-top-lg {
  padding-top: 2rem;
}

.section-padded-bottom-lg {
  padding-bottom: 2rem;
}

.section-padded-top-sm {
  padding-top: 1rem;
}

.section-padded-bottom-sm {
  padding-bottom: 1rem;
}

@media all and (max-height: 51em) {

  .section-padded-topbottom {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .section-padded-top {
    padding-top: 1.5rem;
  }

  .section-padded-bottom {
    padding-bottom: 1.5rem;
  }

  .section-padded-top-xl {
    padding-top: 2.5rem;
  }

  .section-padded-bottom-xl {
    padding-bottom: 2.5rem;
  }

  .section-padded-top-lg {
    padding-top: 1.5rem;
  }

  .section-padded-bottom-lg {
    padding-bottom: 1.5rem;
  }

  .section-padded-top-sm {
    padding-top: .75rem;
  }

  .section-padded-bottom-sm {
    padding-bottom: .75rem;
  }
}

@media all and (max-height: 36em) {

  .section-padded:last-child {
    padding-bottom: .75rem;
  }

  .section-padded-topbottom {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .section-padded-top {
    padding-top: 1.5rem;
  }

  .section-padded-bottom {
    padding-bottom: 1.5rem;
  }

  .section-padded-top-xl {
    padding-top: 2.5rem;
  }

  .section-padded-bottom-xl {
    padding-bottom: 2.5rem;
  }

  .section-padded-top-lg {
    padding-top: 1.5rem;
  }

  .section-padded-bottom-lg {
    padding-bottom: 1.5rem;
  }

  .section-padded-top-sm {
    padding-top: .75rem;
  }

  .section-padded-bottom-sm {
    padding-bottom: .75rem;
  }
}

@media screen and (max-width: 26em) {
  .content {
    padding-top: 1.5em;
    padding-left: 5%;
    padding-right: 5%;
  }

}

.home .title {
  margin-bottom: 2rem;
}

.home .title,
.page--vsl .title {
  text-transform: uppercase;
  letter-spacing: .035em;
}



.section-titles {
  position: relative;
}

.page .section-titles {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 3.5rem;
}

.page--upsell-2 .section-titles {
  gap: 1rem
}

.page--upsell-limitless .section-titles {
  gap: .75rem;
}

.page--checkout .section-titles {
  margin-bottom: 1.5rem;
  gap: .75rem
}

.page__title,
.page__subtitle {
  margin-bottom: 0rem;
}

.page--vsl .page__title {
  text-transform: uppercase;
  letter-spacing: .025em;
  line-height: 1.3;
}
.page--vsl .page__title--3,
.page--vsl .page__title--4,
.page--vsl .page__title--5{
  text-transform: none;
  letter-spacing: 0;
}
.page--vsl .page__title--3{
  font-size: 1.9rem;
}
.page--vsl .page__title--4{
  font-size: 2.65rem;
  line-height: 1.2;
}
.page--vsl .page__title--5{
  font-size: 2.35rem;
  line-height: 1.2;
}

.page--upsell .page__title {
  font-weight: 400;
  line-height: 1.35;
}

.page--upsell-nlph .page__title {
  font-size: 2.6rem;
}

.page--upsell-rpm .page__title {
  font-size: 2rem;
}

.page--upsell-hbc .page__title {
  font-size: 1.78rem;
}

.page--upsell-raikov .page__title {
  font-size: 1.95rem;
}

.page--upsell .page__title strong {
  font-weight: 670;
}

.page--upsell-nlph .detail__title {
  font-size: 2.055555556rem;
  max-width: 10em;
}

.page--upsell-hbc .detail__title {
  font-size: 2.25rem;
  max-width: 11.5em;
}

.page--upsell-raikov .detail__title {
  max-width: 13em;
}

.page--upsell-rpm .detail__title {
  max-width: 14em;
}

.subtitle {
  gap: .35em;
  /* margin-bottom: 2rem; */
}

.page__subtitle {
  /* margin-bottom: 1.5rem; */
}

.page--upsell .page__subtitle {
  font-style: italic;
  font-weight: 600;
}

.page--upsell .page__subtitle {
  font-size: 1.7rem
}

.page--upsell-rpm .page__subtitle .highlight {
  text-transform: none;
}

.page--upsell .page__subtitle span {
  letter-spacing: .05em;
}

.subtitle__1,
.subtitle__2 {
  display: block;
}

.subtitle__2 {
  font-weight: 600;
}

.page--vsl .title {
  font-size: 2.3333333333333335rem;
}

.page--vsl .page__subhead {
  max-width: 18.583333em;
  margin-bottom: 0;
  line-height: 1.5
}
.page--vsl .page__subhead--2{
  max-width: 16em;
}
.page--vsl .page__subhead--4{
  max-width: 17em;
}
.page--vsl .page__subhead--5{
  display: flex;
  max-width: 25em;
  gap: 3%;
  flex-wrap: wrap;
}
.badge {
  position: absolute;
  display: block;
}

.price-badge {
  top: -90px;
  right: -83px;
}

.content .inner-wrapper {
  padding-top: 3rem;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 0rem;
  background-color: #fff;
}


.section-bundle .pointers-wrap {
  margin-top: .75rem;
}

.pointers {
  list-style: none;
  margin-bottom: 2rem;
  text-align: left;

  font-weight: 400;
  width: fit-content;
  /* max-width: fit-content; */
  display: block;
  /* max-width: 29em; */
  margin-left: auto;
  margin-right: auto;
}

.home ul.pointers {
  margin-bottom: .7rem;
  margin-left: 0rem;
}

.pointers li {
  position: relative;
  margin-bottom: .35rem;
}

.pointers--checkmark {
  padding-left: 2rem;
}

.page--upsell-raikov .pointers-container {
  max-width: 28em;
}

.page--upsell-rpm .pointers-container {
  max-width: 32em;
}

.page--upsell-hbc .pointers-container {
  max-width: 32em;
  text-align: center;
}

.pointers--checkmark li {
  margin-bottom: .5rem;
}

.pointers li:before {
  position: absolute;
  content: '\2022';
  line-height: .7;
  left: 0;
  color: #ffb500;
}

.pointers--checkmark li::before {
  /* font-family: "rpm-icon-font";*/
  content: "";
  background: url('../img/checkmark.png') no-repeat;
  top: -.1em;
  height: 1.333333rem;
  width: 1.333333rem;
  left: -1.75em;
  margin-right: 1rem;
}

.pointers-checkmark.pointers-md li::before {
  top: -.15em;
}

.pointer--icon {
  display: flex;
  align-items: center;
}

.pointer--icon::before {
  width: 2.25rem;
  height: 2.25rem;
}

.pointer--icon::before {
  content: '' !important;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(1);

}

.icon-box::before {
  background-image: url('../img/icons/icon-box.png');
}

.icon-mic::before {
  background-image: url('../img/icons/icon-mic.png');
}

.icon-book::before {
  background-image: url('../img/icons/icon-book.png');
}

.icon-certificate::before {
  background-image: url('../img/icons/icon-certificate.png');
}

.icon-chatbot::before {
  background-image: url('../img/icons/icon-chatbot.png');
}

.icon-tv::before {
  background-image: url('../img/icons/icon-tv.png');
}

.icon-support::before {
  background-image: url('../img/icons/icon-support.png');
}

.icon-guarantee::before {
  background-image: url('../img/icons/icon-guarantee.png');
}

.icon-video::before {
  background-image: url('../img/icons/icon-video.png');
}

.icon-brain-hack::before {
  background-image: url('../img/icons/icon-brain-hack.png');
}

.icon-body-language::before {
  background-image: url('../img/icons/icon-body-language.png');
}

.icon-secure-mind::before {
  background-image: url('../img/icons/icon-secure-mind.png');
}

.pointers-intro {

  line-height: 1.25;
  letter-spacing: 0.01em;
}

.pointers-lg {
  font-size: 1.2222222rem;
}

.pointers-md {
  font-size: 1.1111111rem;
}

.pointers-lg li {
  margin-bottom: 1rem;
}

.pointers-md li {
  margin-bottom: .75rem;
}

.pointers-hd {
  display: inline-block;
  position: relative;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  font-style: italic;
  letter-spacing: -0.01em;
  text-transform: none;
}

.pointers-subhd {
  position: relative;
  display: inline-block;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 1.333333rem;
  line-height: 1.25;
  color: #474350;
  margin-bottom: 2.5rem;
}

.underline-hd {
  position: relative;
}

.pointers-subhd::after,
.underline-hd::after {
  display: block;
  position: absolute;

  width: 7.5rem;
  content: '';
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1.5px solid #ffb500;
  bottom: -1rem;
}

.section-bundle .pointers-hd {
  margin-bottom: 1.25rem;
}

.divider-circular {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 2rem;
  height: 2rem;
}

.divider-circular::after,
.pointers-hd::before,
.pointers-hd::after {
  position: absolute;
  content: '';
  height: .45rem;
  width: .45rem;
  border-radius: 50%;
  background-color: #ffb500;

  line-height: 0;
  font-style: normal;
}

.divider-circular::after {
  top: .25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pointers-hd::before,
.pointers-hd::after {
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pointers-hd::before {
  left: -1.25rem;
}

.pointers-hd::after {
  right: -1.25rem;
}

.pointers-bundle {
  font-family: 'Barlow', sans-serif;
  font-size: 1.16666667rem;
  font-weight: 600;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto;
}

.page-upsell-3 .pointers-bundle {
  font-weight: 500;
  max-width: 37rem;
}

.page-upsell-3 .pointers-bundle strong {
  font-weight: 700;
}

.pointers-bonus {
  font-weight: 500;
}

.pointers-bundle li {
  margin-bottom: 1rem;
  line-height: 1.25;
}

.pointers-bundle li::before {
  top: -.075em;
}

.pointers-intro {
  position: relative;
  display: inline-block;
}

.page-optin-1c .pointers-intro {
  margin-left: 0;
  margin-bottom: 0.5rem;
}

.site-closed {
  position: relative;
  margin: 0 auto;
  padding-top: 1.666666667rem;

  max-width: 21.1111rem;
  box-sizing: content-box;
  text-align: center;
  background: var(--floral-pattern);
  background-size: cover;
  outline: .25em dashed var(--dark-border);
}

.site-closed__body {
  margin-bottom: 1rem;
}

.site-closed__title {
  color: #fff;
  font-size: 1.6666667rem;
  letter-spacing: .02em;
  font-weight: 500;
  margin-bottom: 0rem;
}

.icon-information-black {
  color: #000;
  font-size: 2.75rem;
  line-height: 0.5;
}

.icon-closed-red {
  color: #BB0606;
  font-size: 2.5rem;
  line-height: 0.5;
}

.down-arrow:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  margin-left: -20px;
  border-top: 18px solid #e4e2e2;
  z-index: 10000;
}

.site-closed__alert {
  gap: .5rem;
  margin-bottom: 1rem;
}

.closed-title {
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
}

.video-container {
  position: relative;
  padding: 57.65% 0 0 0;
  background-color: black;
  transform: scale(1.157);
  margin-top: 3rem;
  margin-bottom: 4rem;

}
.page--members .video-container{
  padding-top: 100%;
  transform: scale(1);
  margin-top: 0;
  margin-bottom: 2rem;
}
.video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: .6em solid yellow;
  border-image: var(--gold-border) 10 repeat;
  box-shadow: 0px 2.435px 4.871px 0px rgba(0, 0, 0, 0.75), 0px 6.088px 30.442px 0px rgba(0, 0, 0, 0.24);


}

.vid-boxed {
  background-color: #171404;
  border: 7px solid #141100;
  box-shadow: 0 10px 20px 0px rgba(0, 0, 0, .5);
}

.video-frame {
  border-width: .4em;
}

.vid-internal {
  padding-top: 55%;
}


.vid {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  top: 0em;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 30em) {
  .video-container {
    /*square video on mobile*/
    padding-top: 100%
  }
}

.bundle {
  display: none;
  margin-bottom: 2rem;
}

.features-container {
  display: none;
}

.features-container--desktop .features {
  display: flex;
  flex-direction: row;
  gap: 5%;
  justify-content: space-between;
}

@media screen and (min-width: 30.0625em) {
  .bundle--desktop {
    display: block;
  }
}

@media screen and (max-width: 30em) {
  .bundle--mobile {
    display: block;
  }
}

@media screen and (min-width: 40.3125em) {

  .features-container--desktop {
    display: block;
  }
}

@media screen and (max-width: 40.25em) {

  .features-container--mobile {
    display: block;
  }
}

.bundle-graphics {
  position: relative;
  padding-bottom: 1.5rem
}

.page--vsl .bundle-graphics {
  margin-bottom: 2rem;
}

.page--checkout .bundle-graphics {
  margin-bottom: 3rem;
  padding-bottom: .5rem;
}

.features {
  margin-bottom: 2rem;
}

.features__points {
  margin-bottom: .5rem;
  width: 100%;
}

.features__points.points-slide-1 {
  max-width: 23em;
}

.features__points.points-slide-2 {
  max-width: 28em;
}

.features__points .pointer {
  margin-bottom: 1rem;
  min-height: 2.66444rem;
}

.banner-vip-price {
  max-width: fit-content;
  padding: 1rem 5%;
  margin-bottom: 1.5rem;
}

.banner-vip-price__title {
  margin-bottom: .25rem;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.banner-vip-price__subtitle {
  margin-bottom: 0;
  color: #fff;
  font-weight: 400;
}

.purchase-note {
  max-width: 24em;
  margin-bottom: 2rem;
}

.product {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.page--upsell .product {
  gap: 3%;
}

.product:nth-of-type(even) {
  flex-direction: row-reverse;
}

.products__list-title {
  font-style: italic;
}

.product__subtitle {
  font-style: italic;
  font-weight: 500;
}

.product__figure {
  flex: 0 0 225px;
  position: relative;
}

.product__img {
  max-width: 10rem;
  /* transform: translateZ(1px); */
  
}

.product__intro {
  flex: 1 1 auto;
  text-align: left;
  /* transform: translateZ(2px); */
}

.soundwaves {
  position: absolute;
  height: auto;
  width: 93%;
  height: 100%;
  top: -2rem;
  left: 50%;
  transform: translateZ(-2px) translateX(-50%);
  background: url('../img/soundwaves.png') no-repeat center;
  background-size: contain;
}

.product--guarantee {
  display: flex;
  flex-direction: column;
}

.product--guarantee .product__subhead {
  font-weight: 600;
  margin-bottom: 1rem;
}

.product--guarantee .product__intro {
  max-width: 25.66666667rem;
}

.product--guarantee .product__subhead,
.product--guarantee .product__intro {
  text-align: center;
}

.product--guarantee .product__figure {
  flex: 1;
  margin-bottom: 1rem;
  max-width: 25.66666667em;
}

@media screen and (max-width:36em) {

  .product,
  .product:nth-of-type(even) {
    flex-direction: column;
  }

  .product__img {
    max-width: 16rem;
  }

  .product__intro {
    text-align: center;
  }

  .product__figure {
    flex-basis: auto;
  }

  /* .soundwaves{
    width: 250%;
   
  } */
  .product--support .product__figure,
  .product--tv .product__figure {
    margin-bottom: 1rem;
  }

  .btn--xxl {
    font-size: 1.25rem;
  }

}

@media screen and (max-width:29em) {
  /* .soundwaves{
    width: 150%; 
  } */
}

@media screen and (max-width:21em) {
  /* .soundwaves{
    width: 130%; 
  } */
}

/*Comments Section*/
.px500table {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.px500table td {
  padding: 10px !important;
}

table {
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.table-striped {
  background-color: #f6f7f8;
  border-radius: 0 0 3px 3px;
  color: #141823;
  overflow: visible;
  width: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}

.responsive-comments-table {
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  color: #141823;
  font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
  display: table;
  font-size: 12px;
  line-height: 16px;
}

.responsive-comments-table a:hover {
  background-color: transparent;
}

.responsive-comments-avatar {
  margin-bottom: 11px;
}

.img-responsive {
  display: block;
  max-width: 40px;
  border: 1px solid #ccc !important;
  width: 100% !important;
  height: auto;
}

.main-hd,
.sub-hd {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.col-sm-2 {
  width: 16.6667%;
}

.col-sm-2,
.col-xs-3 {
  padding-right: 1%;
  padding-left: 1%;
  position: relative;
  min-height: 1px;
  display: inline;
  vertical-align: top;
  overflow: auto;
}

.col-sm-10 {
  width: 88%;
  float: left;
}

.col-xs-9,
.col-sm-10 {
  padding-right: 0%;
  padding-left: 3%;
  position: relative;
  min-height: 1px;
}

.recent-comments-title {
  border-bottom: 1px solid #dfe0e4;
}

.comment-name,
a.comment-name {
  color: #3b5998 !important;
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
  margin-bottom: 7px !important;
  text-decoration: none;
  border-bottom: 0;
  cursor: pointer;
  display: inline;
}

.comments-section p {
  display: inline;
}

.comments-date {
  color: #898f9c !important;
  font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
  margin-top: 7px;
  margin-bottom: 7px;
  border-bottom: 0;
  cursor: pointer;
  display: block !important;
}

.comments-date a {
  color: #3b5998 !important;
  border-bottom: 0;
}

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

.like-active {
  font-weight: 700;
}

/*Members Section*/

.members-section {
  position: relative;
  max-width: 640px;
  display: block;
  margin: 3rem auto;
}

.members-section .section-hd {
  font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0;
  color: #333;
  text-transform: none;
  text-align: left;
  background-color: #F9F9F9;
  border-top: 1px solid #E9EAED;
  border-bottom: 1px solid #E9EAED;
  border-left: 1px solid #E9EAED;
  border-right: 1px solid #E9EAED;
  padding: 1em;
  margin-bottom: 0;
  height: auto;
}

.time-stamp {
  text-align: right;
  font-weight: 400;
  color: #9197A3;
  float: right;
}

marquee {
  height: 250px;
}

.members-list_wrap {
  position: relative;
  display: block;
  margin: 0 auto;
  height: 250px;
  width: 100%;
  overflow: hidden;
  border: 1px solid #E9EAED;
  border-top: 0;
}

ul.members-list {
  display: block;
  list-style: none;
  height: auto;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
}

.member-name {
  display: inline-block;
  color: #3B5998 !important;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700;
  font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
  width: 18%;
  margin: 0 2% .5em;
  text-align: left;
  white-space: nowrap;
}

.newstape-drag {
  cursor: ns-resize;
}

.members-section .verified-seal {
  bottom: -2rem;
  right: 1rem;
}

.verified-seal {
  position: absolute;
  display: block;
  height: 5rem;
  width: 5.556rem;
  background: url(../img/verified-seal.png) no-repeat center center;
  -webkit-background-size: cover;
  background-size: cover;
}

iframe {
  margin: 0;
  padding: 0;
}

a.btn-unmute,
a.btn-unmute:hover,
a.btn-unmute:focus {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  border-bottom: 0 !important;
}

.cta-info {
  font-family: "Jost", sans-serif;
  font-size: .8em;
  line-height: 1.35;
  margin-top: 1rem;
  color: #616161;
}

.cta-info__includes {
  display: block;
  font-weight: 600;
  margin-bottom: .25rem;
}

.cta-info__includes+.cta-info__includes {
  margin-bottom: .5rem;
}

.cta-info__voucher {
  padding: .25em .35em;
  text-transform: uppercase;
}

.cta-info .price__older {
  color: #A7A7A7;
  text-decoration: line-through;
  vertical-align: middle;
}

.cta-info .price__old {
  font-size: 1.25em;
  color: #616161;
  text-decoration: line-through;
  vertical-align: middle;
}

.cta-info .price__new {
  color: #DD3A2E;
  font-size: 1.66667em;
  font-weight: 600;
  letter-spacing: -.05em;
  vertical-align: middle;
}

.cta-info .price__new-val {
  font-weight: 700;
  color: #DD3A2E;
}

.cta-info .price__was,
.cta-info .price__taxes {
  color: #A7A7A7;
}

.unmute-icon-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  text-shadow: 0 6px 4px rgba(0, 0, 0, .5);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-unmute:hover,
.btn-unmute:focus {
  border: 0;
}

.btn-unmute .icon {
  color: #ffb500;
  font-size: 5rem;
  line-height: .75;
  display: block;
  transition: all 200ms ease-in-out;
}

.btn-unmute:hover .icon,
.btn-unmute:focus .icon {
  color: #fff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.unmute-lbl {
  position: relative;
  top: -.5em;
  font-size: 18px;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-style: italic;
  text-transform: uppercase;
  color: #bbb;
  letter-spacing: 0.05em;
}


.signup-modal-hd {
  font-size: 2.3333335rem;
  line-height: 1.5;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 1.25rem;
}

.page .signup-modal-hd {
  text-transform: none;
  line-height: 1.3;
}

.page--hack .signup-modal-hd {
  max-width: 16em;
}

.signup-modal-hd .underline:after {
  bottom: .1em;
  border-bottom-width: .125em;
}

.btn-modal-cta::after {
  z-index: 10001;
}

.signup-modal-hd b,
.signup-modal-hd strong {
  font-weight: 600;
}

.home .signup-modal-hd {
  font-size: 2.3333333rem;
  max-width: 33rem;
}

.prod-img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-nlphero {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.remodal .prod-img {
  position: relative;
  width: 110%;
  max-width: 20rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*----RESPONSIVE-----*/

@media all and (max-width: 84em) {
  .masthead {
    position: relative;
  }

  .hero {
    padding-top: 0;
  }
}

@media all and (max-width: 48em) {
  .divider-circular {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 44.5em) {
  .page--vsl .page__title--4 {
    font-size: 2.25rem;
  }
}
@media all and (max-width: 44em) {
  .page--vsl .title {
    font-size: 2.125rem;
  }

  .page--upsell-rpm .page__title {
    font-size: 2.25rem;
  }
}

@media all and (max-width: 43em) {
  .page .section-titles {
    gap: 1rem
  }

  .page--vsl .page__title{
    font-size: 2.125rem;
  }
}

@media all and (max-width: 42em) {

  .content .inner-wrapper {
    padding-top: 2rem;
  }

  .pointers {
    margin-bottom: 1.5rem;
  }

  .page-optin .signup-modal-hd {
    font-size: 2.25rem;
  }

  .products__title {
    font-size: 1.8rem;
    line-height: 1.35;
  }
  .page--vsl .page__title--3{
    font-size: 2rem
  }
  .page--vsl .page__subhead--5{
    font-size: 1.25rem
  }
}

@media all and (max-width: 40em) {
  .site-closed-content {
    border-left-width: 3rem;
    border-right-width: 3rem;
    border-bottom-width: 3.5rem;
  }

  .page--vsl .page__title {
    font-size: 2rem;
  }
}
@media all and (max-width: 39em) {
  .page--vsl .page__title--3{
    font-size: 1.9rem
  }
}
@media all and (max-width: 38em) {
  .page--vsl .page__title {
    font-size: 1.8rem;
  }
  .page--vsl .page__title--5 {
    font-size: 2rem;
  }
  .products__title {
    font-size: 1.6rem;
  }
  .page--vsl .page__subhead--5{
    font-size: 1.125rem
  }
}

@media all and (max-width: 36em) {
  .home .subtitle {
    font-size: 1.75rem
  }
  .page--vsl .page__title--3{
    font-size: 1.75rem
  }
  .page--vsl .page__title--5 {
    font-size: 1.8rem;
  }
  .page--vsl .page__subhead--5 {
    font-size: 1rem;
}
}

@media all and (max-width: 35em) {

  .home .signup-modal-hd {
    font-size: 2.1rem;
    margin-bottom: .75rem;
  }

  .member-name {
    width: 22%
  }

  .page--vsl .page__title {
    font-size: 2.5rem;
    line-height: 1.4;
  }
  .page--vsl .page__title--2{
    font-size: 2rem
  }
  .page--vsl .page__title--4 {
    font-size: 1.8rem;
    line-height: 1.2;
    max-width: 14em;
  }
}

@media all and (max-width: 34em) {
  .site-closed-content {
    border-left-width: 2rem;
    border-right-width: 2rem;
  }

  .page--vsl .title {
    font-size: 2.25rem;
    max-width: 11em;
  }
  .page--vsl .page__title--3{
    font-size: 1.65rem
  }
  .page--vsl .page__title--5 {
    font-size: 1.8rem;
  }
  .products__title {
    font-size: 2rem;
  }

  .col-sm-10 {
    width: 84%
  }

  .cta-info {
    margin-top: .75rem;
  }
}

@media screen and (max-width: 33.1875em) {
  .page--vsl .page__title {
    font-size: 2.25rem;
  }
  .page--vsl .page__title--2{
    font-size: 2rem
  }
  .page--vsl .page__title--3{
    font-size: 1.5rem
  }
  .page--vsl .page__title--5 {
    font-size: 1.8rem;
  }
  /* .page--vsl .page__title--4 {
    font-size: 1.8rem;
   
  } */

}

@media all and (max-width: 32em) {
  .page-optin .signup-modal-hd {
    font-size: 2rem;
  }

  .subtitle {
    font-size: 1.5rem
  }

  .home .signup-modal-hd {
    font-size: 2rem;
  }
  .page--vsl .page__title--2{
    font-size: 1.8rem
  }
  .page--vsl .page__title--5{
    font-size: 1.6rem
  }
  .page--vsl .page__subhead--5 {
    font-size: .9rem;
  }
}

@media all and (max-width: 30em) {
  .underline {
    border-bottom-width: 2px;
  }

  .page .section-padded {
    padding-top: 2rem;
  }

  .page-optin .prod-img {
    width: 100%;
    max-width: 17rem;
  }

  .divider-circular {
    font-size: 1.25rem;
  }
}

@media all and (max-width: 28em) {
  .page-optin .signup-modal-hd {
    font-size: 2rem;
    max-width: 17rem;
  }

  .page-optin-2 .signup-modal-hd {
    max-width: 15.5rem;
  }

  .page-optin .signup-modal-hd .line-block {
    display: inline;
  }

  .page-optin .signup-modal-hd .line-block-m {
    display: block;
  }

  .page--vsl .title {
    font-size: 2rem;
    max-width: 11em;
  }

  .member-name {
    width: 38%
  }
  .page--vsl .page__title--3{
    font-size: 1.35rem
  }
}

@media all and (max-width: 27.1em) {
  .page--vsl .subhead {
    max-width: 14em;
    line-height: 1.25;
    font-size: 1.5rem
  }

  .products__title {
    font-size: 1.75rem;
  }

  .page--vsl .page__title {
    font-size: 2.125rem;
    max-width: 10.5em;
    line-height: 1.2;
  }
  .page--vsl .page__title--2{
    font-size: 1.8rem
  }
  .page--vsl .page__title--3{
    font-size: 1.35rem
  }
}
@media all and (max-width: 26em) {
  .home .hero-hd {
    font-size: 4rem;
  }

  .site-logo {
    max-width: 15rem;
  }

  .page--vsl .title {
    font-size: 1.8rem;
  }
  .page--vsl .page__title--2{
    font-size: 1.6rem
  }

  .page--vsl .subtitle {
    font-size: 1.3rem;
  }
  .page--vsl .page__subhead {
    max-width: 14em;
    line-height: 1.35;
  }
  .page--vsl .page__subhead--2 {
    max-width: 16em;   
  }
  .page--vsl .page__subhead--4 {
    max-width: 15em;   
  }
  .page--vsl .page__subhead--5 {
    max-width: 25em;
  }  
}

@media all and (max-width: 25em) {

  .page--vsl .page__subhead {
    max-width: 14em;
  }
  .page--vsl .page__subhead--2 {
    max-width: 16em;   
  }
  .page--vsl .page__subhead--4 {
    max-width: 15em;   
  }
  .page--vsl .page__subhead--5 {
    font-size: 1rem;
    flex-direction: column;
    gap: .25em;
  }
  .page--vsl .page__title {
    font-size: 2rem;
  }
  .page--vsl .page__title--2{
    font-size: 1.6rem
  }
  .page--vsl .page__title--3{
    font-size: 1.3rem
  }
  .page-vsl .page-hd {
    font-size: 2rem;
  }

  .page-vsl .page-subhd {
    font-size: 1.5rem;
    max-width: 20rem;
  }

}

@media all and (max-width: 24em) {
  .home .signup-modal-hd {
    font-size: 2rem;
  }

  .subtitle__2 {
    font-size: 1.1em;
  }

  .products__title {
    font-size: 1.6rem;
  }

  .col-sm-10 {
    width: 82%
  }

  .page .section-titles {
    gap: .5rem;
  }
}

@media all and (max-width: 23.25em) {
  .page--vsl .page__title {
    font-size: 1.8rem;
  }
  .page--vsl .page__title--2{
    font-size: 1.6rem
  }
  .page--vsl .page__title--3{
    font-size: 1.6rem
  }
}

@media screen and (max-width: 23em) {
  .subtitle__2 {
    font-size: 1em;
  }
  .page--vsl .page__title--2{
    font-size: 1.5rem
  }
  .page--vsl .page__subhead--2 {
    font-size: 1.25rem;
  }
}

@media all and (max-width: 22.5em) {
  .home .signup-modal-hd {
    font-size: 1.75rem;
  }

  .banner--users {
    max-width: 13.25rem;
    gap: .75rem
  }
  .page--vsl .page__subhead--4{
    font-size: 1.125em;
  }
}

@media all and (max-width: 22em) {
  .col-sm-10 {
    width: 80%
  }

  .home .hero-hd {
    font-size: 3.5rem;
  }

  .home .hero-subhd {
    font-size: 1.25rem;
  }


  .site-closed-content {
    border-left-width: 1rem;
    border-right-width: 1rem;
    border-bottom-width: 3.5rem;
  }

  .page--vsl .title {
    font-size: 1.7rem;
  }

  .cta-info {
    max-width: 12rem;
  }

  .page--upsell-rpm .cta-info {
    max-width: 9rem;
  }

  .page--vsl .subhead {
    font-size: 1.25rem;
  }
  .page--vsl .page__subhead--2 {
    font-size: 1.125rem;
  }
  .section-padded-top {
    padding-top: 1rem;
  }

  .section-padded-bottom {
    padding-bottom: 1rem;
  }

  .section-padded-top-xl {
    padding-top: 2.5rem;
  }

  .section-padded-bottom-xl {
    padding-bottom: 2.5rem;
  }

  .section-padded-top-lg {
    padding-top: 1.5rem;
  }

  .section-padded-bottom-lg {
    padding-bottom: 1.5rem;
  }

  .section-padded-top-sm {
    padding-top: .5rem;
  }

  .section-padded-bottom-sm {
    padding-bottom: .5rem;
  }

  .page-vsl .page-hd {
    font-size: 1.75rem;
  }

  .page-vsl .page-subhd {
    font-size: 1.35rem;
    line-height: 1.35;
    max-width: 18rem;
  }

  .page-vsl .comments-hd {
    max-width: 15rem;
  }
}
@media all and (max-width: 21.5em) {
  .products__title {
    font-size: 1.4rem;
  }

  .products__list-title {
    max-width: 11em;
  }
  .page--vsl .page__title--2{
    font-size: 1.4rem
  }

}


@media all and (max-width: 21em) {
  .subtitle__2 {
    font-size: .9em;
  }
  .page--vsl .page__title {
    font-size: 1.6rem;
  }
  .page--vsl .page__title--2{
    font-size: 1.3rem
  }
  .page--vsl .page__title--3{
    font-size: 1.4rem
  }
}

@media all and (max-width: 20.625em) {

  .ddl-5dots {
    width: 4rem;
    bottom: -3rem;
    right: 6px;
  }

  .page--vsl .title {
    font-size: 1.6rem;
  }
}

/* CHECKOUT */
.trustpilot-wrap {
  display: inline-block;
  text-align: center;
}

.page--checkout .icon-down-arrow {
  font-size: 2rem;
}

.page-checkout .cart__total {
  padding-top: 2.5rem;
}

.cart__cta .btn__lbl {
  display: inline-block;
  vertical-align: middle;
}

.cart__cta .btn__line1 {
  display: block;
  margin-bottom: .1rem
}

.cart__total .voucher-code__body {
  max-width: 256px;
}

.cart__total .voucher-code,
.cart__total .order-total {
  margin-bottom: 1rem;
  padding-right: .5rem;
}

.page-checkout .cart__total .voucher-code {
  margin-bottom: 1.25rem
}

.cart__total .cart__actions {
  margin-bottom: .5rem
}

.cart__cta {
  text-transform: uppercase;
  font-weight: 500 !important;
  letter-spacing: .05em;
}

.cart__cta .btn__line--lg {
  font-size: 2.133333em;
  letter-spacing: -0.01em;
  font-weight: 500 !important;
  text-transform: uppercase;
}

.order-total__lbl {
  font-size: .888889rem;
  font-weight: 600;
  margin-right: .75rem;
  text-align: right;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.order-total__val {
  font-size: 1.777778em;
  font-weight: 600;
  letter-spacing: -.05em;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
}

.order-total {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.cart__total .order-total {
  margin-bottom: 1.5rem;
}

.section-form {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

.form__title {
  font-style: italic;
  font-weight: 600;
  line-height: 1.125;
  margin-bottom: 1.5rem;
}

.form__subtitle {
  font-style: italic
}

.order-info__title,
.order-review__title {
  margin-bottom: 0;
  padding: .25rem 0 .5rem;
  border-bottom: 1px solid var(--border-color);
  /*color: hsl(244, 75%, 47%);*/
  /*font-size: 1.6666667rem;*/
  font-weight: 600;
  font-style: normal;
  text-align: left;
  text-transform: none;
}

.page-boxed .order-info__title,
.page-boxed .order-review__title {
  font-size: 1.6666667rem;
}

.fieldset {
  vertical-align: top;
}

.form-checkout .fieldset {
  margin-bottom: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}

.fieldset__title {
  position: relative;
  border-bottom: 0;
  padding: 1em 3% 0em;
  margin-bottom: 1rem;
}

.fieldset__title .order-info__title + .icon {
  position: absolute;
  display: block;
  right: 5%;
  top: 32%;
  font-size: 1.66666667rem;
  color: hsl((var(--accent-color-values)));
}

.fieldset__title .order-info__title+.icon {
  font-size: 1.25rem;
}

.paymodes {
  position: relative;
  overflow: hidden;
  vertical-align: top;
  padding-top: 0;
}

.paymodes__info {
  margin-bottom: 0;
}

.paymodes__title,
.paymodes {
  vertical-align: middle;
  margin-left: .25rem;
  margin-right: .25rem;
}

.paymodes__title {
  margin-bottom: 1rem;
  text-transform: none;
  font-weight: 700;
}

.paymodes_wrap.fieldset-wrap {
  margin-bottom: 1em;
}

.paymodes__wrap .fieldset__title {
  padding-bottom: 1em;
}

.paymodes__wrap .fieldset__title {
  padding-bottom: 1em;
}

.order-review .fieldset__title {
  margin-bottom: 1.5rem;
  padding-top: 0
}

.paymodes-info {
  text-align: center;
}

.payment__title,
.for-cardno {
  position: relative;
}

.payment__title {
  margin-right: 50px;
  white-space: nowrap;
}

.for-card {
  position: relative;
  display: inline-block;
  padding-right: 103px;
  margin-right: 1rem;
}

.payment__title:after {
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  top: -40px;
  height: 31px;
  width: 24px;
}

.for-card:after {
  content: attr(data-label);
  font-size: 12px;
  font-weight: 400;
  line-height: 2;
  padding-left: 102px;
  margin-left: 4px;
  vertical-align: baseline;
  display: block;
  position: absolute;
  background-image: url(../../img/pay-icon-cc.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  right: 0;
  top: -6px;
  height: 24px;
  width: 84px;
  -webkit-background-size: contain;
  background-size: contain;
}

.for-card_wrap {
  white-space: nowrap;
}

.paymodes__wrap .fieldset__title {
  padding-bottom: 1em;
}

.paymodes__wrap {
  text-align: left;
  padding: 1rem 3%;
}

.paymodes__wrap .fieldset__title {
  padding-bottom: 1em;
}

.paymodes__wrap {
  text-align: center;
  padding: 1rem 3%;
  margin-bottom: 1rem;

}

.paymodes,
.paymodes__title {
  display: inline-block;
  text-align: center;
}

.paymodes__title {
  padding: 0 .25rem;
  margin-bottom: 0;
}

label[for="pp"],
label[for="cc"] {
  position: relative;
  display: inline-block !important;
  width: auto !important;
  text-align: center;
  margin-left: .35rem;
  margin-right: .35rem;
}

.paymode__img {
  display: block;
  vertical-align: middle;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .5rem;
  pointer-events: none !important;
}

.paymode__lbl {
  display: block;
  position: relative;
  color: #3d3a3a;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .075em;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
  pointer-events: none
}

.custom-radio:checked+label .paymode__lbl {
  font-weight: 700;
}

.custom-radio,
.custom-checkbox {
  display: none !important;
  position: absolute;
  margin-bottom: 0 !important;
}

.option-content {
  display: inline-block;
  position: relative;
  margin-left: 0;
  margin-top: -1rem;
  vertical-align: top;
  width: 100%;
}

.custom-checkbox+label,
.custom-radio+label,
.custom-checkbox+input+label,
.custom-radio+input+label {
  padding-left: 1.5rem;
}

.custom-checkbox+label.buy-option-box,
.custom-radio+label.buy-option-box {
  padding-left: 2.35rem;
}

.custom-checkbox+label:before,
.custom-radio+label:before,
.custom-checkbox+input+label:before,
.custom-radio+input+label:before {
  position: absolute;
  display: block;
  top: .25rem;
  left: 0;
  content: '';
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-image: url(../../img/check-n-radio.png);
  transition: none;
}

.form-checkout .custom-checkbox+label:before,
.form-checkout .custom-radio+label:before,
.form-checkout .custom-checkbox+input+label:before,
.form-checkout .custom-radio+input+label:before {
  top: 44%;
  left: .5rem;
}

.paymodes .custom-radio+label,
.paymodes .custom-radio+input+label {
  padding: 2rem 1rem .5rem;
  margin-bottom: 0;
}

.paymodes .custom-checkbox+label:before,
.paymodes .custom-radio+label:before,
.paymodes .custom-checkbox+input+label:before,
.paymodes .custom-radio+input+label:before {
  top: 7.5%;
  left: 50%;
}

.custom-checkbox+label:before,
.custom-checkbox+input+label:before {
  background-position: 0 -21px;
}

.custom-checkbox:checked+label:before,
.custom-checkbox:checked+input+label:before {
  background-position: 0 0;
}

.custom-radio+label:before,
.custom-radio+input+label:before {
  background-position: -21px -21px;
}

.custom-radio:checked+label,
.custom-radio:checked+input+label {
  border-color: #ffc539;
  background-color: #fffadd;
}

.custom-radio:checked+label .offer-label,
.custom-radio:checked+input+label .offer-label {
  font-weight: 900;
  letter-spacing: -.014em;
}

.custom-radio:checked+label:before,
.custom-radio:checked+input+label:before {
  background-position: -21px 0px;
}

.ie8 .custom-checkbox+label:before,
.ie8 .custom-radio+label:before,
.ie8 .custom-checkbox+input+label:before,
.ie8 .custom-radio+input+label:before {
  display: none;
  content: none;
}

.ie8 .custom-checkbox,
.ie8 .custom-radio {
  position: static;
  left: 0;
}

.ie8 .custom-checkbox,
.ie8 .custom-radio {
  position: relative;
  top: 15px;
  margin-right: .35em;
}

.menu--footer {
  margin-left: 0;
  margin-bottom: 1.5rem;
}

.order-info {
  margin-bottom: 1rem;
}

.order-info__fieldset {
  padding: 1.5em .5em 1em;
  text-align: left;
  width: 97%;
  margin-left: auto;
  margin-right: auto;
}

.order-info .form-group {
  vertical-align: top;
  text-align: left;
  display: unset;
  width: 50%;
  padding-left: .75rem;
  padding-right: .75rem;
}

.fieldset--full {
  position: relative;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
}

.form-group>.form-group {
  margin-bottom: 0;
}

.form-group__payment {
  width: 100%;
}

.form-group__cardtype {
  display: inline-block;
  width: auto;
}

.form-group__cvc,
.form-group__expiry {
  position: relative;
  -webkit-flex: 0 1 46%;
  flex: 0 1 46%;
}

.tooltip_templates {
  display: none;
}

.tooltipster-sidetip .tooltipster-box {
  border-radius: 5px !important;
  /* color: #fff;
  border-radius: 0;*/
  /*background-color: #111;
  box-shadow: 0 4px 10px 6px rgba(0, 0, 0, .1)*/
}

.tooltipster-sidetip .tooltipster-content {
  padding: 10px 6px 12px 12px !important;
  line-height: 1 !important;
}

.my_tooltip_content {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 2.15;
  margin-bottom: 1.125em !important;
}

.my_tooltip_content .cc {
  float: right;
  clear: right;
  margin-left: .5em;
}

.my_tooltip_content p+p {
  margin-bottom: 1.125em !important;
}

.order-review {
  margin-bottom: 0;
  padding-top: 1rem !important;
}

hr.last-hr {
  height: 0;
}

.order-review__body {
  margin: 0 1.125rem 1.125rem;
  padding-bottom: 2.5rem;
  font-size: .9em;
  border-radius: .6em;
}

.promo__lbl-txt {
  margin-right: 1rem;
}

.promo__fieldest {
  display: inline-block;
  padding-left: 0;
  width: 100%;
  max-width: 12.5rem;
}

.purchase-option .price {
  margin: .5rem auto 1.5rem;
}

.order-price {
  margin-bottom: 1.5rem;
  font-size: .9em;
  border-radius: .6em;
  text-align: left;
  /*display: table;*/
  border-collapse: collapse;
  width: 100%;
}

.order-price .voucher-code {
  max-width: 300px;
}

.promo__fieldest .voucher-code {
  max-width: 0;
}

.order-price__item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.3333333rem;
  background: none;
  margin: 0;
  border-bottom: 1px solid #BFBFBF;
  list-style: none;
}

.order-price__item:nth-last-child(2),
.order-price__item:nth-last-child(3) {
  border-bottom: 0
}

.order-price__total {
  border-top: 1px solid var(--border-color)
}

.order-price__lbl,
.order-price__val {
  padding: .75rem 2%;
  vertical-align: middle;
}

.order-review__actions,
.order-review__footer {
  padding-left: 1em;
  padding-right: 1em;
}

.order-price__total {
  color: #fff;
  background: #080808 url('../img/black-leather-dark.jpg');
  background-size: cover;
  font-weight: 400;
}

.savings__val {
  color: hsl(4, 72%, 52%);
}

.order-price__detail .promo-code {
  display: block;
  position: relative;
  height: 100%;
}

.order-price__lc {
  display: block;
  color: hsl(240, 7%, 76%);
  margin-top: .35rem;
  font-size: .475em;
  letter-spacing: .01em;
  font-style: normal;
  font-weight: 400;
}

.promo-code__lbl {
  display: inline-block;
  margin-right: .5rem;
  margin-bottom: 0;
}

.order-review .order-price__lbl {
  font-size: 1.33333rem;
  font-weight: 500;
  letter-spacing: .02em;
}

#form-buynow .promo-code__lbl {
  margin-bottom: 0;
}

.order-price__val {
  font-size: 1.33333rem;
  font-weight: 500;
  text-align: right;
}

.order-review .minus-val {
  color: hsl(4, 67%, 53%);
}

.price__val--reg {
  color: #A7A7A7 !important;
  text-decoration: line-through;
}

.worth__val {
  /*text-decoration: line-through;*/
}

.total__lbl {
  font-weight: 400;
}

.total__val {
  color: hsl(var(--accent-color-values));
  font-weight: 500;
  font-size: 2rem
}

.promo__lbl {
  width: 100%;
}

.agree-terms-wrap {
  position: relative;
  width: auto;
  /* max-width: 30rem; */
  padding: .5rem 1rem !important;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 1rem; */
}

.order-price__item .voucher-code__input {
  font-size: 13px;
  padding: 10px 20px;
  height: 40px;
  border-width: 2px;
  margin-bottom: 0;
}

.order-price__item .voucher-code__cta {
  /* right: 4px;
  top: 4px;
  bottom: 4px; */
  height: 34px;
  padding: 12px 21px;
  right: 70px;
  margin-right: -70px;
  margin-bottom: 0;
}

label[for="agreeterms"],
label[for="agreeriskbox"] {
  position: relative;
  display: inline-block !important;
  font-size: 16px;
  line-height: 1.7;
  vertical-align: middle;
  text-align: left;
  max-width: 27rem;
}

.order-secure {
  display: block;
  position: relative;
  margin: 0 auto 0;
  overflow: visible;
}

.order-secure__icons {
  display: block;
  width: 96%;
  max-width: 390px;
  height: 0;
  padding-bottom: 14%;
  margin: 0 auto .5rem;
  background-image: url('../img/security-icons.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.order-secure__title {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2.25;
  padding-left: 1.5rem;
  color: var(--text-color--200)
}

.order-review .order-secure__title {
  margin-bottom: 0;
}

.order-secure__icon {
  content: "";
  position: absolute;
  left: 0em;
  top: 0.4em;
  font-size: 1.25em;
  line-height: 1;
  color: hsl(var(--accent-color-values));
}

.order-review .order-secure__copy {
  text-align: center;
  line-height: 1.5;
}

.order-secure__copy {
  display: inline-block;
  max-width: 21rem;
  width: 100%;

}

.order-secure__txt {
  display: block;
  font-size: 0.833333rem;
  color: var(--text-color--200)
}

@media screen and (-ms-high-contrast: active),
screen and (-ms-high-contrast: none) {
  .offer__subtitle svg {
    height: 80px;
  }

  .order-total__lbl {
    width: 70%;
  }
}

@media screen and (-ms-high-contrast: active) and (max-width: 60em),
screen and (-ms-high-contrast: none) and (max-width: 60em) {
  .order-total__lbl {
    width: 50%;
  }
}

@media screen and (max-width: 59em) {
  .item__figure {
    margin-right: 4%;
  }

  .checkout__title {
    font-size: 2.25rem;
  }

  .order-review .order-price__lbl {
    font-size: 1.1666666666666667rem;
    font-weight: 400;
  }

  .checkout__copy {
    max-width: 40rem;
  }
}

@media screen and (max-width: 56em) {
  .col-info {
    width: 50%;
  }

  .sessions-download .item__figure {
    max-width: 120px;
  }
}

@media screen and (max-width: 57.25em) and (min-width: 48em) {
  .offer-cta {
    font-size: 12px;
    padding-left: 1.75em;
    padding-right: 1.75em
  }

  .cart__cta {
    font-size: 12px
  }
}

@media screen and (max-width: 53em) {
  .checkout__title {
    font-size: 2rem;
  }

  .sessions-download .item__title {
    font-size: 1rem;
  }
}

@media screen and (max-width: 50em) {
  /* .col-info {
    width: 45%;
  }*/
}

@media screen and (max-width: 48em) {
  .btn-download-album {
    font-size: 10px;
  }

  .btn-download-all {
    padding-top: .6em;
    padding-bottom: .6em;
  }
}

@media all and (max-width: 47.9375em) {
  .shopping-cart__footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .cart__total {
    padding: 2rem 4% .5rem;
  }

  .cart__offer,
  .cart__total {
    -webkit-flex-basis: auto;
    flex-basis: auto;
    width: 100%;
  }

  .cart__total .voucher-code {
    margin-bottom: 1.125rem
  }

  .page-cart:not(.page-checkout) .cart__total .order-total {
    margin-bottom: 2rem;
  }

  .cart__total .cart__actions {
    margin-bottom: 1rem;
  }

  .order-total__lbl {
    width: 70%;
  }

  .cart__offer {
    background-position: left center;
    background-size: 120% auto;
  }

  .order-info .form-group {
    padding-left: 0;
    padding-right: 0;
    width: 48%;
  }

  .form-group__cvc,
  .form-group__expiry {
    flex-basis: 47%;
    flex-basis: 47%;
  }

  .page-boxed .paymodes__info {
    text-align: center
  }

  .page-boxed .paymodes__title {
    margin-bottom: 0.5rem;
  }

  .btn-order__wrap {
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 44.5em) {
  /*  .col-info {
    width: 34%;
  } */
}

@media screen and (max-width: 44.25em) {
  /*  .table-cart thead th {
    padding-top: .35rem;
    padding-bottom: .35rem
  }*/
}

@media screen and (max-width: 44.5em) and (min-width: 36.0625em),
(max-width: 29.0560em) {
  .item__info-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (max-width: 42em) {
  .hero__title-segment {
    display: block;
  }

  .form__title {
    font-size: 1.4rem;
  }

  .paymodes__info {
    text-align: center;
  }

  .paymodes__title {
    margin-bottom: .5rem;
  }

  .order-info__title,
  .order-review__title {
    font-size: 1.666667rem;
  }

  .fieldset__title .order-info__title+.icon {
    font-size: 1.35rem;
    top: 38%;
  }
}

@media screen and (max-width: 40em) {
  .hero__title {
    font-size: 2rem;
  }

  .table-cart td {
    padding-top: .5rem;
    padding-bottom: .5rem;

  }

  .table-cart .item__info {
    height: 7rem;
  }

  .shopping-cart__footer,
  .item__link {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .item__figure {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
  }

  .item__copy {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
  }

  .item__title {
    font-size: 1.17647rem;
    margin-bottom: .2em;
  }

  .item__subtitle {
    font-size: .8235rem;
  }

  .sessions-download .item__title {
    font-size: 1rem
  }

  .cart__offer,
  .cart__total {
    width: 100%;
  }

  .cart__offer {
    min-height: 0;
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .form-group label {
    font-size: 16px;
    padding-left: 1.125rem;
  }
}

@media screen and (max-width: 40.125em) {
  .checkout__title {
    font-size: 1.75rem;
    line-height: 1.25;
  }
}

@media screen and (max-width: 39.6875em) {
  .checkout__title {

    margin-bottom: .25em;
  }

  .trust-guard-seal {
    -webkit-flex-basis: 100px;
    flex-basis: 100px;
  }

  .order-price__lbl,
  .order-price__val {
    padding-left: .5em;
    padding-right: .5em;
  }

  /*  .order-review .order-price__lbl {
    float: left;
  }
  .promo__fieldest {
    margin-left: 0;
    float: left;
    clear: left;
  }*/
  .downloads__title {
    font-size: .7rem;
  }

  /*  .col-info {
    width: 30%;
  }*/
  .btn-download-all {
    width: 92%
  }

  .form__title {
    font-size: 1.25rem;
  }

  /* .col-info {
    width: 28%;
  }*/
}

@media screen and (max-width: 36em) {
  .cart__title {
    margin-bottom: 1.5rem;
  }

  .table-cart td {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .form-elments-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .order-info .form-group {
    flex-basis: 100%;
  }

  .sessions-download .col-info,
  .sessions-download .item__info,
  .sessions-download .item__links {
    display: block;
    width: 100%;
  }

  .sessions-download .col-download {
    display: none;
  }

  .sessions-download .item__title {
    font-size: 1.1666667rem;
  }

  .item__copy {
    padding-top: 0;
  }

  .downloads {
    max-width: 20rem
  }

  .downloads__title {
    font-size: .8rem;
  }

  .btn-download-album {
    font-size: 11px;
  }

  .downloads__links {
    max-width: 8.25rem;
  }

  .table-cart td {
    padding-top: 1rem;
  }

  .sessions-download .item__links {
    padding-top: 0
  }

  .guides-download .item__subtitle {
    display: none;
  }

  .order-secure__icons {
    padding-bottom: 18%;
  }
}

@media screen and (max-width: 33.125em) {
  .checkout__title {
    font-size: 1.75rem;
    max-width: 13em;
    margin-bottom: 1rem
  }

  .checkout__title .line-block {
    display: inline;
  }
}

@media screen and (max-width: 33em) {
  .promo__lbl-txt {
    display: none
  }

  .promo__fieldest {
    max-width: 15rem;
  }

  .btn-order__wrap .ddl {
    display: none;
  }
}

@media screen and (max-width: 32em) {


  .fieldset__title .order-info__title+.icon {
    top: 42%;
  }

  .form__title {
    max-width: 13em;
  }
}

@media screen and (max-width: 31em) {
  .offer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .offer__left {
    width: 100%;
  }

  .offer__right {
    width: 100%
  }

  .offer__subtitle,
  .offer__title-ornaments {
    margin-left: auto;
    margin-right: auto;
  }

  .offer__title-ornaments {
    max-width: 260px;
  }

  .offer__subtitle-content {
    max-width: 220px;
  }

  .offer-cta {
    margin-top: .5rem;
    margin-bottom: 1rem;
    font-size: .9rem
  }

  .cart__offer {
    background-size: cover;
  }

  .cart__actions,
  .cart__cta {
    width: 100%
  }

  .cart__cta {
    font-size: 0.875rem
  }

  .cart__total {
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .cart__total .voucher-code,
  .cart__total .order-total {
    padding-right: 0
  }

  .trust-guard-seals {
    max-width: 14.5rem;
    margin-bottom: .5rem;
  }

  .trust-guard-seal {
    margin-bottom: 1rem;
  }

  .form__subtitle {
    max-width: 13em;
  }
}

@media screen and (max-width: 30em) {
  .table-cart td {
    padding-left: 1%;
    padding-right: 1%
  }

  .col-info {
    width: 66%;
  }

  .col-price {
    width: 25%;
  }

  .col-remove {
    width: 9%;
  }

  .table-cart thead th {
    font-size: 1em;
  }

  th.col-price--reg {
    display: none;
  }

  .field-price {
    width: 100%;
    display: block;
  }

  .table-cart td.field-price--reg {
    font-size: .9em;
    padding-top: 40%;
    padding-bottom: 0;
  }

  .table-cart td.field-price--new {
    font-size: 1.125em;
    padding-top: .25rem;
  }

  th.col-remove {
    font-size: 0 !important;
  }

  .item__title {
    font-size: 1.125em;
  }

  .checkout__cta {
    font-size: 1.25rem;
  }

  .order-price__item .voucher-code__cta {
    height: 35px;
    right: 68px;
  }
}

@media screen and (max-width: 29em) {
  .page-checkout .item__subtitle {
    margin-bottom: 0;
  }

  .sessions-download .item__figure {
    margin-right: auto;
    max-width: 140px;
    margin-bottom: .75rem;
    margin-left: auto;
  }

  .sessions-download .item__title {
    text-align: center;
    margin-bottom: 0
  }

  .item__info {
    padding-bottom: .5rem;
  }

  .offer__cta {
    font-size: .75rem;
  }
}

@media screen and (max-width: 27em) {
  .offer__cta {
    margin-top: -2.75rem;
  }
}

@media screen and (max-width: 26em) {
  .promo__fieldest {
    max-width: none;
  }

  .order-review__body {
    margin: 0 .75rem .75rem;
  }

  .btn-order__wrap,
  .btn-order__wrap .ddl__wrap {
    width: 100%;
  }

  .checkout__cta {
    width: 100%;
  }

  .order-price__promo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .order-price__item .voucher-code__input {
    height: 3em;
  }

  .shopping-cart--empty .shopping-cart__title {
    font-size: 2rem;
  }

  .order-info__title,
  .order-review__title {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .promo-fields-visible {
    padding-top: 1rem;
  }

  .promo-fields-visible .promo__lbl {
    padding-bottom: .5em;
  }

  .order-price__item .voucher-code__input,
  .order-price__item .voucher-code__cta {
    font-size: 1rem;
    /* height: 40px; */
    padding-top: 0;
    padding-bottom: 0;
  }
}

.promo-fields-visible {
  opacity: 0;
  visibility: visible;
  height: auto;
}

@media screen and (max-width: 25em) {
  .page-boxed .order-secure__txt .line-block {
    display: inline;
  }
}

@media screen and (max-width: 24em) {
  .item__title {
    font-size: 15px;
  }

  .price__val {
    font-size: 1em;
  }

  .btn--remove {
    font-size: 1.5rem
  }

  .table-cart thead th {
    font-size: 13px;
  }

  .col-info {
    width: 68%;
  }

  .col-price {
    width: 32%;
  }

  .table-cart .item__info {
    height: 6rem;
  }

  .table-cart td.field-price--reg {
    padding-top: 50%;
  }

  .order-info__title,
  .order-review__title {
    font-size: 1.35rem;
  }

  .page-boxed .order-info__title,
  .page-boxed .order-review__title {
    font-size: 1.35rem;
  }

  .term-check {
    max-width: 14em;
  }

  .form-group.divider {
    margin-top: .2rem;
  }

  .checkout__title {
    font-size: 1.5rem;
  }

  .sessions-download .item__figure {
    max-width: 100px;
  }

  .item__subtitle {
    height: 0;
    opacity: 0;
    overflow: hidden;
    margin: 0;
  }

  .col-info {
    width: 75%;
  }

  .col-price {
    width: 20%;
  }

  .item__copy {
    /* -webkit-flex-basis: 60%;
    flex-basis: 60%;*/
  }

  .offer__cta {
    font-size: .6875rem;
    margin-top: -2rem;
  }

  .order-review .order-price__lbl,
  .order-price__val {
    font-size: 1.125rem;
  }

  .total__val {
    font-size: 1.5rem
  }

  .checkout__cta {
    font-size: 1.125rem;
  }

  /* .order-price__item .voucher-code__input {
    height: 2.5em;
  } */
}

@media screen and (max-width: 22.7em) {
  .cart__title {
    /*max-width: 10em;*/
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
  }
}

@media all and (max-width: 22.5em) {
  .order-total__lbl {
    max-width: 110px;
  }

  .order-total__val {
    max-width: 150px;
  }

  .offer-cta {
    font-size: .888889rem;
  }

  .item__figure {
    -webkit-flex-basis: 27%;
    flex-basis: 27%;
    margin-right: 5%;
  }

  .item__copy {
    -webkit-flex-basis: 68%;
    flex-basis: 68%;
  }

  .checkout__title {
    font-size: 1.45rem;
  }

  .order-secure__txt .line-block {
    display: inline;
  }

  .order-info .form-group {
    padding-left: .2rem;
    padding-right: .2rem;
  }

  .form-group.divider {
    margin-top: 0;
    margin-bottom: 2.5rem;
  }

  .form-group.counter-divider {
    margin-bottom: .5rem;
  }

  fieldset+hr {
    margin-bottom: .35rem;
  }

  .order-review .order-price__lbl,
  .order-price__val {
    font-size: 1rem;
  }

  .total__val {
    font-size: 1.5rem
  }
}

@media screen and (max-width: 21.5em) {
  .checkout__cta {
    font-size: 1rem;
  }
}

@media screen and (max-width: 21em) {
  .btn--remove {
    height: 40px;
    width: 40px;
  }

  .downloads__links {
    max-width: 7.5rem;
  }

  .btn-download-album {
    font-size: 10px;
  }

  .checkout__cta {
    font-size: 1rem;
  }

  label[for="pp"],
  label[for="cc"] {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }

  .shopping-cart--empty .shopping-cart__title {
    font-size: 1.75rem;
  }

  .shopping-cart__img {
    max-width: 10rem;
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 20em) {
  .paymodes {
    margin-left: auto;
    margin-right: auto;
  }

  .paymodes__title {
    font-size: 1.125rem;
  }
}

.order-price__total {
  border-bottom: 0;
}

@media (prefers-color-scheme: dark) {

  .cart__title,
  .checkout__title {
    color: hsl(222, 20%, 100%);
  }

  .checkout__title {
    font-weight: 600;
  }

  .thead-default th {
    background-color: hsl(222, 20%, 15%);
  }

  .table-cart thead th {
    color: hsl(222, 20%, 90%);
  }

  .order-price__item {
    border-bottom-color: hsl(264, 10%, 23%);
  }

  .fieldset__title,
  .table-cart {
    border-bottom-color: hsl(222, 20%, 20%);
  }

  .table-cart tr+tr {
    border-top-color: hsl(222, 20%, 20%);
  }

  .sessions-download .item__title,
  .guides-download .item__title {
    color: #a5ad86;
    font-weight: 500;
  }

  a .item__title {
    color: hsl(222, 20%, 100%);
    font-weight: 600;
  }

  .item__subtitle {
    color: hsl(222, 20%, 70%);
  }

  .price__val--reg {
    color: #A7A7A7 !important;
  }

  .price__val--new {
    color: hsl(222, 20%, 100%);
    font-weight: 600;
  }

  .btn--remove {
    color: hsl(222, 20%, 85%);
  }

  .btn--remove:hover,
  .btn--remove:focus,
  .btn--remove:active {
    color: hsl(5, 100%, 90%);
    background-color: hsl(5, 95%, 56%);
    border: hsl(5, 95%, 56%);
  }

  .shopping-cart__footer {
    /*    border-bottom: 1px solid hsl(222, 20%, 8%);*/
  }

  .order-total__lbl,
  .order-total__val {
    color: hsl(222, 20%, 95%);
    font-weight: 500;
  }

  .offer__subtitle-content {
    filter: brightness(1) contrast(1);
  }

  .shopping-cart__actions {
    filter: blur(0);
  }

  .offer-box {
    stroke: #fff;
  }

  .paymodes__title {
    color: var(--text-color);
    font-weight: 500
  }

  .paymode__lbl {
    color: #9292A0;
  }

  .order-review__body {
    background-color: transparent;
  }

  .order-info__title,
  .order-review__title {
    /* color: hsl(239, 100%, 75%); */
  }

  .order-price {
    background-color: transparent;
  }

  .order-review .order-price__lbl,
  .order-review .order-price__val:not('.total-val') {
    color: hsl(240, 7%, 95%);
    font-weight: 500
  }


  .order-review .minus-val {
    color: hsl(4, 67%, 53%);
  }

  .order-secure__title,
  .order-secure__txt {
    color: var(--text-color--900)
  }

  .offer__subtitle {
    background-image: url('../../img/rectangle-gray.svg');
  }

  .offer__subtitle-txt {
    stroke: #252525;
    stroke-width: 1;
  }

  .offer__subtitle-txt2 {
    stroke-width: 1.5;
  }

  .offer__subtitle-txt .special {
    fill: hsl(240, 6%, 76%);
    stroke-width: 1.25;
  }

  .cart__offer,
  .order-secure__icons {
    filter: brightness(1) contrast(1);
  }

  .fieldset__title .order-info__title+.icon,
  .order-secure__icon {
    color: #FFDA85;
  }

  .special-offer__svg {
    filter: brightness(1) contrast(1);
  }
}

/*------------------------------------*\
    $OPTIN
\*------------------------------------*/
.page-optin .txt-centered {
  max-width: 31.111rem;
}

.page-hd {
  color: #070600;
  line-height: 1.15;
}

.page-optin-1c .hgroup {
  margin-bottom: 1rem;
}

.hgroup .page-hd {
  margin-bottom: .75rem;
  font-size: 2.25rem;
}

.hgroup .page-hd strong {
  font-weight: 700;
}

.page-subhd {
  margin-bottom: 1.75rem;
  font-family: 'Barlow', sans-serif;
  font-size: 2.1rem;
  line-height: 1.25;
  color: #070600;
  font-weight: 400;
  font-style: italic;
}

.page-member .page-subhd {
  font-size: 1.5rem;
}

.page-subhd strong {
  font-weight: 700;
}

.page-optin-1a .page-hd {
  font-size: 2.7777777778rem;
}

.page-optin-1b .page-hd {
  font-size: 2.222222rem;
}

.page-optin-1c .page-hd {
  font-size: 2.55rem;
}

.page-optin-1c .page-subhd {
  max-width: 36rem;
}

.page-optin-2 .page-hd {
  font-size: 2.9rem;
}

.page-optin-2b .page-hd {
  max-width: 37rem;
}

.page-optin-3 .page-hd {
  font-size: 2.9rem;
  line-height: 1.3;
  max-width: 10em;
}

.page-optin-3 .page-subhd {
  font-size: 1.83333333rem;
}

.page-optin-4 .page-hd,
.page-optin-5 .page-hd {
  font-size: 2.222222rem;
  line-height: 1.25;
}

.badge-value-wrap {
  position: absolute;
  display: block;
  font-size: 1rem;
  right: -1.5em;
  top: -4.5em;
  z-index: 100;
}

.badge-value {
  height: 5.75em;
  width: 8em;
  background-color: hsla(20, 100%, 50%, 1);
  z-index: 100;
}

.value {
  position: relative;
  display: block;
  top: .5em;
  left: .5em;
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

.value-price,
.value-label {
  position: relative;
  display: block;
  width: 100%;
}

.value-price {
  font-family: 'Oswald', sans-serif;
  font-size: 2.777777777778em;
  line-height: 1;
  color: #fff;
  font-weight: 500;
  vertical-align: top;
  letter-spacing: -.01em;
}

.value-price .cents {
  font-size: .55em;
  line-height: 1.35;
  vertical-align: top;
}

.value-label {
  position: relative;
  font-family: 'Oswald', sans-serif;
  color: hsla(20, 100%, 25%, 1);
  font-weight: 500;
  font-size: 1.3333em;
  letter-spacing: .05em;
  top: -.075em;
}

.value-offer {
  position: absolute;
  display: block;
  top: 2.5em;
  left: -1.85em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.166666666666667em;
  line-height: 1.1111;
  font-weight: 400;
  color: hsla(179, 95%, 97%, 1);
  text-transform: uppercase;
  border-radius: 50%;
  padding-top: .8em;
  height: 3.75em;
  width: 3.75em;
  background-color: hsla(179, 95%, 37%, 1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
}

.supports-clippath .badge-value-wrap {
  right: -5em;
  top: -5em;
}

.supports-clippath .badge-value {
  height: 11.6666666667em;
  width: 11.55555555556em;
  -webkit-clip-path: polygon(14% 2%, 97% 12%, 78% 63%, 5% 52%);
  clip-path: polygon(14% 2%, 97% 12%, 78% 63%, 5% 52%);
}

.supports-clippath .badge-value-back {
  position: absolute;
  display: block;
  bottom: 2.5em;
  right: 2.5em;
  height: 2.222222222em;
  width: 2.5em;
  background-color: hsla(20, 100%, 35%, 1);
  -webkit-clip-path: polygon(0 0, 0 45%, 100% 16%);
  clip-path: polygon(0 0, 0 45%, 100% 16%);
  z-index: -1;
}

.supports-clippath .value {
  top: 1.45em;
  left: .65em;
}

.supports-clippath .value-offer {
  top: 2.5rem;
  left: -1.25rem;
}

.prod-img-wrap {
  display: inline-block;
}

.page-optin-1c .prod-img-wrap {
  width: 35%;
}

.page-optin .prod-img-wrap .prod-img {
  max-width: 107.5%;
  position: relative;
  top: 1rem;
}

.page-optin-1c .prod-img-wrap .prod-img {
  top: 0.25rem;
  position: relative;
}

.img-vid-preview {
  margin-top: 1rem;
}

.page-optin-1c .prod-intro {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

@media all and (max-width: 61em) {
  .supports-clippath .badge-value-wrap {
    right: 0em;
    top: -5.5em;
  }

  .supports-clippath .badge-value-back {
    bottom: auto;
    top: 1.35em;
    right: .3em;
    height: 6.2em;
    width: 2.5em;
    -webkit-clip-path: polygon(100% 0%, -8% 68%, 72% 67%);
    clip-path: polygon(100% 0%, -8% 68%, 72% 67%);
    z-index: -10;
  }
}

@media all and (max-width: 54em) {
  .page-optin-2 .page-hd {
    max-width: 38.25rem;
  }
}

@media all and (max-width: 48em) {
  .page-optin-2 .prod-intro .line-block {
    display: inline;
  }
}

@media all and (max-width: 45em) {
  .page-optin-4 .page-hd {
    max-width: 31rem;
  }

  .page-optin-4 .page-hd .line-block {
    display: inline;
  }
}

@media all and (max-width: 44em) {
  .page-optin-1b .page-hd {
    max-width: 30rem;
    line-height: 1.25;
  }

  .page-optin-1c .page-hd {
    font-size: 2.25rem;
  }

  .page-optin-1c .page-subhd {
    font-size: 1.85rem;
    max-width: 32rem;
  }

  .page-optin-2b .page-hd {
    font-size: 2.7rem;
  }

  .page-optin-5 .page-hd {
    max-width: 29rem;
  }
}

@media all and (max-width: 43em) {
  .page-optin-3 .page-hd {
    font-size: 2.75rem;
    line-height: 1.2;
    max-width: 27rem;
  }

  .page-optin-3 .page-subhd {
    max-width: 25rem;
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 42em) {
  .page-optin-1a .page-hd {
    font-size: 2.25rem;
    line-height: 1.2;
  }
}

@media all and (max-width: 41em) {
  .prod-intro.v-center {
    align-items: flex-start;
  }

  .page-optin-2 .page-hd {
    max-width: 28rem;
    font-size: 2.3333333rem;
    line-height: 1.25;
  }

  .page-optin-2b .page-hd {
    max-width: 30rem;
  }
}

@media all and (max-width: 38em) {
  .page-optin-1c .page-hd {
    font-size: 2.5rem;
    line-height: 1.25;
    max-width: 24rem;
    margin-bottom: .25rem;
  }

  .page-optin-1c .page-subhd {
    max-width: 23rem;
    line-height: 1.3;
    margin-bottom: .75rem;
  }

  .prod-img-wrap,
  .prod-txt-wrap {
    text-align: center;
    width: 100%;
  }

  .page-optin .prod-img-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 20rem;
  }

  .prod-intro.flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media all and (max-width: 37em) {
  .page-optin-4 .page-hd {
    font-size: 2rem;
    max-width: 28rem;
  }
}

@media all and (max-width: 35em) {
  .page-optin-1a .page-hd {
    font-size: 2em;
  }

  .page-optin-1b .page-hd {
    font-size: 1.8rem;
    line-height: 1.35;
    max-width: 25rem;
  }

  .page-optin-2b .page-hd {
    max-width: 23rem;
    line-height: 1.2;
  }
}

@media all and (max-width: 33em) {
  .page-optin-2 .page-hd {
    max-width: 23rem;
    font-size: 2.3333333rem;
    line-height: 1.3;
  }

  .page-optin-2b .page-hd {
    line-height: 1.2;
  }

  .page .section-padded:first-child {
    padding-top: 1.5rem;
  }

  .page-optin-4 .page-hd,
  .page-optin-5 .page-hd {
    font-size: 2rem;
    line-height: 1.35;
    margin-bottom: 1rem;
  }

  .page-optin-4 .page-hd {
    max-width: 21.5rem;
  }

  .page-optin-5 .page-hd {
    max-width: 21.5rem;
  }
}

@media all and (max-width: 32em) {
  .page-optin-1a .page-hd {
    font-size: 2rem;
    max-width: 24rem;
    line-height: 1.2;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
  }

  .page-optin-1a .page-hd .line-block {
    display: inline;
  }
}

@media all and (max-width: 30em) {
  .badge-value-wrap {
    font-size: .85rem;
  }

  .hgroup .page-optin .page-hd {
    margin-bottom: 1rem;
  }
}

@media all and (max-height: 40em) {
  .page-optin .page-hd {
    margin-bottom: .5rem;
  }
}

@media all and (max-width: 28em) {
  .page-optin-3 .page-hd {
    font-size: 2.35rem;
    max-width: 22rem;
  }

  .page-optin-3 .page-subhd {
    font-size: 1.5rem;
    max-width: 20rem;
  }

  .page-optin-3 .prod-intro .line-block {
    display: inline;
  }
}

@media all and (max-width: 27em) {

  .page-optin-1b .page-hd {
    font-size: 1.5rem;
    line-height: 1.5;
    max-width: 21rem;
  }
}

@media all and (max-width: 26em) {
  .page-optin-1a .page-hd {
    font-size: 1.75rem;
    max-width: 20rem;
  }

  .page-optin-1c .page-subhd {
    font-size: 1.5rem;
    max-width: 20rem;
  }

  .page-optin-2 .page-hd {
    max-width: 19.5rem;
    font-size: 2rem;
    line-height: 1.3;
  }

  .page-optin-2b .page-hd {
    max-width: 20rem;
  }
}

@media all and (max-width: 24em) {

  .page-optin-4 .page-hd,
  .page-optin-5 .page-hd {
    font-size: 1.75rem;
    max-width: 18.75rem;
  }
}

@media all and (max-width: 23.5em) {
  .page-optin-3 .page-hd {
    font-size: 2.125rem;
    max-width: 19rem;
  }

  .page-optin-3 .page-subhd {
    font-size: 1.4rem;
    max-width: 19rem;
  }
}

@media all and (max-width: 22.25em) {
  .page-optin-1a .page-hd {
    max-width: 17rem;
  }
}

@media all and (max-width: 22em) {
  .page-optin-1b .page-hd {
    line-height: 1.35;
    max-width: 17rem;
    margin-bottom: 1rem;
  }

  .page-optin-2 .page-hd {
    max-width: 17.5rem;
    font-size: 1.73333333rem;
  }
}

@media all and (max-width: 21em) {

  .page-optin-1c .page-hd {
    font-size: 1.8rem;
  }

  .page-optin-3 .page-hd {
    font-size: 2rem;
  }

  .page-optin-1c .page-subhd {
    font-size: 1.4rem;
  }

  .page-optin-4 .page-hd,
  .page-optin-5 .page-hd {
    font-size: 1.5rem;
    max-width: 17rem;
  }
}

/*------------------------------------*\
    $VSL
\*------------------------------------*/
/*.page-vsl .section-titles{
  padding-bottom: 1rem;
}*/
.page-vsl .page-hd {
  font-size: 3rem;
}

.page-vsl .page-hd,
.page--checkout .page-hd,
.page-upsell .page-hd,
.page-members .page-hd,
.page-testimonials .page-hd {
  text-transform: uppercase;
}

.page-vsl .page-subhd {
  font-size: 2.2222222222rem;
}

.users-online {
  display: block;
  font-size: 15px;
}

.users-online_content,
.btn-users-online {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: auto;
}

.users-online_graphic {
  position: relative;
  height: 1.33333rem;
  margin-right: .25rem;
}

.users-online_icon {
  position: relative;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%;
  background-color: hsl(280, 30%, 32%);
  overflow: hidden;
  text-align: center;
  border: 1px solid #271F30;
}

.users-online_icon .icon {
  position: absolute;
  font-size: 1.35em;
  line-height: 1;
  top: .1em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: hsl(54, 88%, 64%);
}

.users-online_count {
  width: 1.75rem;
  font-family: 'Barlow', sans-serif;
  font-weight: 600;
  font-size: 1.333334rem;
  line-height: 1.25;
  letter-spacing: -.005em;
  vertical-align: middle;
  color: #F71735;
  top: -.025em;
  flex-shrink: 0;
}

.users-online_indication {
  position: absolute;
  top: -.1em;
  right: -0.2em;
  background: rgb(66, 183, 42);
  border-radius: 50%;
  height: 6px;
  width: 6px;
}

/* .users-online,
.footer{
  display: none!important
} */
.users-online_txt {
  line-height: 1.25;
  text-align: left;

}


.users-online .btn-wrap {
  display: inline-block;
}

.btn-users-online {
  margin-left: .35rem;
}

.main-download {
  position: relative;
  max-width: 34.44444444rem;
  margin-top: 2rem;
}

.main-download .prod-info-col {
  padding-bottom: 0
}

.main-download .table,
.main-download .cell {
  border: 0;
}

.main-download-img {
  position: absolute;
  ;
  left: 0;
  bottom: 0;
  width: 45%;
  max-width: 15.5555556rem;
}

.main-download-info {
  margin-left: 25%;
  flex: 0 1 300px;
}

.main-download-hd {
  text-align: left;
}

.counter-wrap {
  display: inline-block;
  border-radius: .85rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-bottom: .125rem;
  margin-bottom: 1.5rem;
  width: auto;
}

.page-upsell .counter-wrap {
  margin-bottom: 1rem;
}

.bundle-price {
  color: hsl(216, 7%, 35%);
}

.bundle-price .taxes {
  color: hsl(216, 7%, 55%);
}

.recent-comments-content {
  margin-bottom: 1.5rem;
}

.content-sub-hd {
  font-weight: 500;
}

@media all and (max-width: 48em) {
  .users-online_icon .icon {
    top: .05em;
  }

  .main-download-info {
    margin-left: 42.5%;
  }
}

@media all and (max-width: 42.5em) {
  .page-vsl .page-subhd {
    line-height: 1.25;
    max-width: 30rem;
  }
}

@media all and (max-width: 41.5em) {
  .users-online {
    padding-bottom: .5rem;
  }

  .users-online_icon {
    top: -.125em;
  }
}

@media all and (max-width: 38em) {
  .main-download-hd {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }

  .main-download-img {
    top: 50%;
    -webkit-transform: translateY(-47%);
    transform: translateY(-47%);
  }
}

@media all and (max-width: 36em) {}

@media all and (max-width: 34.25em) {
  .page-vsl .page-hd {
    font-size: 2.25rem;
  }

  .page-vsl .page-subhd {
    font-size: 1.75rem;
    max-width: 24rem;
    margin-bottom: 1rem;
  }

  .counter-wrap {
    margin-bottom: 1.5rem;
  }

  .users-online .btn-wrap {

    margin-left: 0;
  }

  .btn-users-online {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  /* .users-online_content{  
    margin-bottom: .5rem;
  } */
}

@media all and (max-width: 33em) {

  .page-vsl .btn-wrap .ddl,
  .page-testimonials .btn-wrap .ddl {
    display: none;
  }

  .page-vsl .pointers-hd {
    max-width: 16rem;
    outline: 0px solid #0f0;
  }

  .pointers-hd::before,
  .pointers-hd::after {
    top: 50%;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
  }

}

@media all and (max-width: 30em) {
  .users-online_txt {
    text-align: left;
  }


  .users-online_content .v-center {
    align-items: flex-start;
  }

  .users-online_graphic {
    top: .35em;
  }


}

@media all and (max-width: 29em) {

  .users-online_count {
    font-size: 2rem;
    line-height: 1;
    width: 2.75rem;
  }

  .btn-users-online-wrap,
  .btn-users-online {
    width: 100%;
    margin-left: 0;
  }

  .users-online .btn-wrap {
    display: block;
    margin-left: 0rem;
  }
}

@media all and (max-width: 25em) {


  .comments-hd,
  .members-hd {
    font-size: 1.3rem
  }
}

@media all and (max-width: 24em) {
  .main-download .flex-row {
    flex-direction: column;
  }

  .main-download {
    margin-top: 4rem;
  }

  .main-download .flex-row {
    flex-direction: column;
  }

  .main-download .one-quarter-to-two .cell,
  .main-download .one-quarter-to-two .cell:first-child {
    flex-basis: 100%;
  }

  .main-download-img-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .main-download-img {
    position: relative;
    width: 100%;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: -50%
  }

  .main-download-hd {
    font-size: 1.35rem;
  }

  .main-download-info {
    margin-left: 0;
    flex: 0;
  }

  .main-download .prod-info {
    text-align: center;
  }

  .main-download-hd {
    text-align: center;
  }

  .btn-main-download {
    font-size: 1rem !important;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-bundle-download.btn-xl {
    font-size: 1.5rem;
  }

  .testimonials-hd {
    font-size: 1.75rem;
  }
}

@media all and (max-width: 22em) {
  

  .testimonials-hd {
    font-size: 1.5rem;
  }
}


/*-----TESTIMONIALS-------*/

.page-testimonials .page-hd {
  font-size: 2.3333333rem;
}

.testimonials-content {
  margin-bottom: 1rem;
}

.testimonials {
  max-width: 33.8888889rem;
}

.testimonials-hd {
  margin-bottom: 0;
}

.testimonial {
  position: relative;
  width: 81.75%;
  border-width: 0;
  border-color: #ffb600;
  border-style: solid;
  text-align: left;
  margin-top: 4.5rem;
  margin-bottom: 3.5rem;
  clear: both;
}

.testimonial:first-child {
  margin-top: 3.5rem;
}

.testimonial .user-pic-wrap {
  position: absolute;
  width: 27%;
  top: -1rem;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.testimonial .text {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-style: italic;
  font-weight: 500;
  line-height: 1.3;
  color: hsl(210, 13%, 14%);
  margin-bottom: 1rem;
}

.testimonial .text::before {
  position: absolute;
  display: block;
  top: -1.25rem;
  content: "“";
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 7rem;
  font-style: italic;
  color: #ffb500;
}

.testimonial:nth-child(odd) .text::before {
  left: 7%;
}

.testimonial:nth-child(even) .text::before {
  left: 3%;
}

.testimonial .credit,
.testimonial .user-link a {
  color: hsl(210, 13%, 49%);
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}

.testimonial .user-link a {
  border-bottom-width: 1px;
}

.testimonial .user-name {
  font-weight: 500;
}

.testimonial .user-link {
  display: block;
}

.testimonial:nth-child(odd) {
  padding-left: 14%;
  border-right-width: 2px;
  left: 9%;
}

.testimonial:nth-child(even) {
  padding-right: 7%;
  padding-left: 12%;
  border-left-width: 2px;
  right: 9%;
}

.testimonial:nth-child(odd) .user-pic-wrap {
  left: -22.5%;
}

.testimonial:nth-child(even) .user-pic-wrap {
  right: -22.5%;
}

@media all and (max-width: 39em) {
  .testimonial .user-bio {
    display: block;
  }
}

@media all and (max-width: 30em) {
  .testimonial .text {
    font-size: 16px;
  }

  .testimonial:nth-child(odd) {
    padding-left: 12%;
    border-right-width: 2px;
    float: none;
  }

  .testimonial:nth-child(odd),
  .testimonial:nth-child(even) {
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 3rem;
    clear: both;
    left: 0;
    right: 0;
  }

  .testimonial:first-child {
    margin-top: 4rem;
  }

  .testimonial .user-pic-wrap {
    width: 40%;
  }

  .testimonial:nth-child(odd) .user-pic-wrap,
  .testimonial:nth-child(even) .user-pic-wrap {
    position: relative;
    left: 50%;
    top: -3rem;
    margin-bottom: -2rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    right: 0;
  }

  .testimonial .text {
    font-size: 17px;
  }

  .testimonial:nth-child(odd) .text::before,
  .testimonial:nth-child(even) .text::before {
    left: .25rem;
    top: 4.5rem;
  }

  .page-testimonials .section-testimonials {
    padding-top: 1rem !important;
  }
}

@media all and (max-width: 27em) {
  .page-testimonials .page-hd {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }

  .page-testimonials .section-testimonials {
    padding-top: 0.5rem !important;
  }
}

@media all and (max-width: 24em) {

  .testimonial:nth-child(odd) .text::before,
  .testimonial:nth-child(even) .text::before {
    top: 2.5rem;
    left: .75rem;
    font-size: 6rem;
  }

  .testimonial:nth-child(odd),
  .testimonial:nth-child(even) {
    padding-left: 5%;
  }
}

@media all and (max-width: 21em) {
  .page-testimonials .page-hd {
    font-size: 1.5rem;
  }
}

@media all and (max-width: 20em) {
  .testimonial:first-child {
    margin-top: 3rem;
  }
}


/*------------------------------------*\
    $UPSELL
\*------------------------------------*/
.page-upsell .page-hd {
  font-size: 2.777777778rem;
}

.page-upsell .page-subhd {
  font-size: 2rem;
  line-height: 1.5;
}

.page-upsell-2 .page-hd {
  font-size: 2.75rem;
}

.page-upsell-2 .page-subhd,
.page-upsell-3 .page-subhd {
  line-height: 1.35;
}

.page-upsell-3 .page-hd,
.page-upsell-4 .page-hd {
  font-size: 2.35rem;
  margin-bottom: 1.25rem;
}

.page-upsell-3 .page-subhd {
  font-size: 2rem;
}

.page-upsell-4 .page-subhd {
  font-size: 2.35rem;
  max-width: 31rem;
  margin-bottom: 1.5rem;
}

.page-upsell-4 .page-subsubhd {
  font-weight: 400;
}

.section-bnr-mindset .intro-txt {
  max-width: 27rem;
}

.section-sub360 .intro-txt {
  max-width: 32rem;
}

.section-hbc .intro-txt {
  max-width: 34rem;
}

.img-sub360 {
  margin-bottom: 1rem;
}

.img-hbc-plus {
  margin-bottom: 1rem;
}

.pointers-sub360 {
  max-width: 34.167rem;
}

@media all and (max-height: 45em) {

  .page-upsell .wrapper {
    padding-top: 1.5rem;
  }
}

@media all and (max-width: 54em) {
  .page-upsell .page-subhd {
    max-width: 38rem;
  }
}

@media all and (max-width: 47em) {
  .section-hbc .intro-txt {
    max-width: 30rem;
  }
}

@media all and (max-width: 45em) {

  .page-upsell .page-subhd {
    max-width: 34rem;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
  }

  .page-upsell-3 .page-hd {
    font-size: 2rem;
  }
}

@media all and (max-width: 41em) {
  .page--upsell .page__title {
    font-size: 2.5rem;
  }

  .page--upsell .page__title .line-block {
    display: inline;
  }

  .page--upsell .page__title .line-block-m {
    display: block;
  }
}

@media all and (max-width: 40em) {
  .page-upsell .page-hd {
    font-size: 2.25rem;
  }

  .page-upsell .page-subhd {
    font-size: 1.5rem;
    line-height: 1.65;
    max-width: 29rem;
  }

  .page-upsell-3 .page-hd {
    font-size: 1.85rem;
  }

  .page-upsell .pointers-hd {
    max-width: 20rem;
  }

  .page-upsell-2 .pointers-hd {
    max-width: 16rem;
  }

  .page-upsell-3 .pointers-hd {
    max-width: 18rem;
  }

  .page-upsell .pointers-hd::before {
    left: -.5rem;
  }

  .page-upsell .pointers-hd::after {
    right: -.5rem;
  }
}

@media all and (max-height: 38em) {

  .page-upsell .wrapper {
    padding-top: .5rem;
  }
}

@media all and (max-width: 36em) {
  .page--upsell .products__list-grid .product__title {
    text-align: center;
  }
}

@media all and (max-height: 35em) {

  .page-upsell .wrapper {
    padding-top: 0rem;
  }

  .page-upsell .page-subhd {
    font-size: 1.5rem;
    max-width: 17rem;
    line-height: 1.5;
  }
}

.page-upsell-1b .page-hd {
  font-size: 3.3333333rem;
}

.page-upsell-1b .page-subhd {
  font-size: 2.6666667rem;
  margin-bottom: 1.5rem;
}

@media all and (max-width: 35em) {

  .page-upsell-1b .page-hd {
    font-size: 3rem;
  }

  .page-upsell-1b .page-subhd {
    font-size: 2.25rem;
  }
}

@media all and (max-width: 35em) {

  .page-upsell-1b .page-hd {
    font-size: 2.6666667rem;
    margin-bottom: 1rem;
  }

  .page-upsell-1b .page-subhd {
    font-size: 2rem;
  }
}

@media (max-width: 34.25em) {
  .page-upsell .counter-wrap {
    margin-bottom: .5rem;
  }
}

@media all and (max-width: 34em) {
  .page-upsell .page-hd {
    font-size: 2rem;
  }

  .page-upsell-3 .page-hd {
    max-width: 17rem;
  }

  .page-upsell .page-subhd {
    font-size: 1.65rem;
    line-height: 1.35;
    max-width: 25rem;
  }

  .page-upsell-2 .page-subhd,
  .page-upsell-3 .page-subhd {
    max-width: 22.7rem;
    line-height: 1.4;
  }

  .page-upsell-2 .page-subhd .line-block-m {
    display: block;
  }
}

@media all and (max-width: 33em) {

  .page-upsell .pointers-hd::before,
  .page-upsell .pointers-hd::after {
    top: 50%;
  }
}

@media all and (max-height: 30em) {

  .page-upsell .wrapper {
    padding-top: .1rem;
  }
}

@media all and (max-width: 30em) {
  .btn-buy-now.btn-multiline {
    font-size: 1.75rem;
  }

  .section-bnr-mindset .intro-txt {
    margin-bottom: 0;
  }
}

@media all and (max-width: 28em) {
  .page-upsell .btn-wrap .ddl {
    display: none;
  }

  .page-upsell-2 .page-hd {
    font-size: 1.75rem;
  }

  .page-upsell-3 .img-hbc-plus {
    max-width: 17rem;
  }
}

@media all and (max-width: 26.25em) {
  .page-upsell .page-hd {
    font-size: 2.5rem;
    line-height: 1.05;
  }

  .page-upsell .page-subhd {
    font-size: 1.75rem;
    max-width: 20rem;
  }

  .page-upsell-2 .page-hd {
    font-size: 2.25rem;
    max-width: 16rem;
  }

  .page-upsell-3 .page-hd {
    font-size: 2rem;
    max-width: 17rem;
  }

  .page-upsell-2 .page-subhd {
    font-size: 1.6rem;
    max-width: 18.75rem;
  }

  .page-upsell-3 .page-subhd {
    font-size: 1.4rem;
    max-width: 19.25rem;
  }
}

@media all and (max-width: 25.25em) {
  .section-hbc .intro-txt {
    max-width: 21rem;
  }
}

@media all and (max-width: 21em) {

  .page-upsell-1b .page-hd {
    font-size: 2.6666667rem;
  }

  .page-upsell-1b .page-subhd {
    font-size: 1.85rem;
  }
}

@media all and (max-width: 20.5em) {
  .page-upsell-3 .page-subhd {
    font-size: 1.35rem;
    max-width: 19.25rem;
  }
}


/*------------------------------------*\
  $MEMBERS
\*------------------------------------*/
.section-letter{
  padding: 2rem 7%;
  font-family: 'Courier Prime', Courier, monospace;
  text-align: left;
  margin-bottom: 2rem;
}
.section-letter li{
  margin-bottom: 1rem;
}
.script-font{
  
  font-family: "Dancing Script", serif;
  font-optical-sizing: auto;
  font-size: 1.75em;
  line-height: 1.25;
  font-weight: 400;
  font-style: normal;
}
.paper-khaki{
  background: #EDD9B8 url('../img/paper-texture-khaki.png') repeat-y center top;
  background-size: 100% auto;
  
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.31);
}
.invitation-banner{
  display: block;
}
.letter__action{
  text-align: center;
}
.page--members .section-titles{
  margin-bottom: 2rem;
}
.page--members .page__title{
    max-width: 13em;
    font-size: 2.75rem;
    line-height: 1.4;
}

.page--members .upgrade__title{
  font-weight: 700;
}

.letter-hd {
  font-weight: 700;
  font-style: italic;
  margin-bottom: 2.5rem;
}

.letter-subhd {
  text-align: left;
}

.box-letter {
  margin: 3.5% 1%;
  border: 6px solid #ffb500;
  text-align: left;
}

.page-members .section-wrap {
  max-width: 35.833rem;
}

.section-downloads .prod-item {
  margin-bottom: 1rem;
}

.section-stuart-hypnos .prod-item {
  margin-bottom: 0;
}

.box-border {
  border: 1px solid hsl(58, 13%, 84%);
}

.prod-img-col {
  padding-bottom: 0;
  padding-top: .25rem;
}

.prod-info-col {
  padding-bottom: .75rem;
  text-align: left;
}

.prod-week .prod-img-col {
  flex: 35% 0 0;
  outline: 0px dashed #f0f;
}

.prod-week .prod-info-col {
  flex: 58% 0 0;
  padding-bottom: 1.5rem;
  outline: 0px dashed #f0f;
}

.prod-img-col.item-col {
  border-right: 0;
}

.prod-user-manual .prod-img-wrap {
  position: relative;
  display: block;
  width: 100%;
}

.prod-user-manual .prod-img {
  width: 100%;
  max-width: 81px;
}

/* .img-sub360,
.img-hbc,
.img-nlphero {
  width: 100%;
} */

.prod-user-manual .prod-info {
  width: 100%;
}

.prod-info-col,
.prod-img-col {
  width: 100%;
}

.prod-hd {
  padding-left: 1%;
  line-height: 1.25;
  margin-bottom: 1rem;
}

.prod-user-manual .prod-hd {
  max-width: 15em;
}

.prod-week .prod-hd {
  line-height: 1.125;
  padding-left: 2%;
  margin-bottom: .35rem;
}

.prod-special .prod-hd {
  padding-left: 0;
  margin-bottom: .5rem;
  font-family: 'Barlow', sans-serif;
  font-size: 1.6666667rem;
  font-style: italic;
  font-weight: 500;
  text-align: left;
  color: #ffb500;
  text-transform: none;
  letter-spacing: -0.0125em;
}

.prod-special .prod-txt {
  font-size: 0.88888888889rem;
}

.prod-hd strong {
  font-weight: 600;
}

.prod-th {
  margin-bottom: 0;
  font-style: italic;
}

.prod-special .prod-txt {
  margin-bottom: 1rem;
}

.box-gray-grad .prod-txt {
  color: hsl(60, 4%, 90%);
}

.prod-txt p {
  margin-bottom: .5rem;
}

.prod-th.box-border {
  border-bottom: 0;
}

.table {
  /* border: 1px solid hsl(58, 13%, 88%); */
}

.row {
  -webkit-flex: 1;
  flex: 1;
}

.row:first-of-type {
  -webkit-flex-flow: wrap row;
  flex-flow: wrap row;
}

.row .rowspan2 {
  -webkit-flex: 1 100%;
  flex: 1 100%;
}

.cell {
  padding: 0;
  -webkit-flex: 1;
  flex: 1;
}

.box-invert .table,
.box-invert .cell {
  border: none;
}

.prod-week .cell,
.prod-special .cell {
  padding-left: 3%;
  padding-right: 3%;
}

.prod-special .cell:first-child {
  border-right: 1px solid hsla(60, 4%, 60%, .35);
}

.prod-stuart-hypno .cell {
  padding: 1rem 3% 0;
}

.prod-hbc .cell {
  padding-bottom: .5rem;
}

.row,
.one-three,
.one-five {
  width: 100%;
  outline: 0px dashed #f0f;
}
.one-five{
  justify-content: space-between;
  gap: 5%
}
.one-three .cell:first-child {
 
  flex: 1;
}

.one-three .cell {
  flex: 2;
}

.one-quarter-to-two .cell:first-child {
  flex: 1;
}

.one-quarter-to-two .cell {

  flex: 1.75;
}

.one-five .cell:first-child {
 
  flex: 2;
}

.one-five .cell {
  flex: 3;
}

.main-download .cell {
  padding-top: 0;
}

.row>.th {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.prod-item .icon-wrap {
  position: relative;
  margin-bottom: .5rem;
}

.prod-item .icon-file-wrap,
.prod-item .icon-time-wrap {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.prod-item .icon-file-wrap {
  margin-right: .4rem;
}

.prod-item .icon-file {
  position: relative;
  left: .1em;
  font-size: 1.555556em;
  line-height: 0;
  color: #ffb500;
  padding-bottom: 0;
}

.prod-item .icon-mp3 {
  position: absolute;
  font-size: 1.3em;
  line-height: 0;
  color: hsl(36, 3%, 44%);
  left: .05em;
  top: .275em;
}

.prod-item .icon-mp32 {
  position: absolute;
  display: block;
  left: 4px;
  top: 13px;
  font-family: 'Verdana', sans-serif;
  letter-spacing: 0.05em;
  font-size: 7px;
  font-weight: 500;
  border-radius: 1px;
  line-height: 1;
  padding: .125em .25em .1em;
  font-style: normal;
  background-color: hsl(36, 3%, 44%);
  color: hsl(36, 3%, 100%);
}

.prod-item .icon-wrap {
  position: relative;
  display: block;
}

.prod-item .icon-time-wrap .icon-clock,
.prod-item .icon-time-wrap .icon-time-lbl {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: -2px;
  margin-right: -2px;
}

.prod-item .icon-clock {
  position: relative;
  display: block;
  height: 1.2222222em;
  width: 1.2222222em;
  line-height: 1;
  border-radius: 50%;
  border: 2px solid hsl(36, 3%, 69%);
  margin-left: 0;
}

.box-gray-grad .icon-clock,
.box-gray-grad .icon-time-lbl {
  border-color: hsl(60, 4%, 60%);
}

.box-gray-grad .icon-file {
  color: hsl(60, 4%, 60%);
}

.box-gray-grad .icon-mp3 {
  color: #ffb500;
}

.prod-item .icon-time {
  position: absolute;
  top: 60%;
  left: 48%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.prod-item .icon-time-wrap .icon-time-lbl {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: hsl(36, 3%, 64%);
  margin-left: 0em;
  top: .05em;
}

.icon-time-lbl {
  font-size: 1rem;
}

.icon-time {
  color: #ffb500;
}

.note {
  text-align: left;
}

.box-invert .cell {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.prod-special .item-col {
  padding-bottom: 2%;
}

.prod-special .row {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.prod-special .cell {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.prod-bnr-mindset .prod-img {
  position: relative;
  max-width: 140%;
  left: 51%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


.prod-darker .prod-hd,
.prod-sub360 .prod-hd,
.prod-nlphero .prod-hd {
  text-align: left;
  padding-left: 0;
  margin-bottom: .5rem;
  margin-top: 0;
}

.txt-sm {
  font-size: .8888889rem;
  line-height: 1.5;
}
.prod-darker .prod-txt,
.prod-sub360 .prod-txt,
.prod-nlphero .prod-txt {
  margin-bottom: 1.5rem;
}
.prod-darker .prod-hd,
.prod-darker .prod-txt,
.prod-nlphero .prod-hd,
.prod-nlphero .prod-txt,
.prod-sub360 .prod-hd,
.prod-sub360 .prod-txt {
  padding-left: .125rem;
}

.prod-sub360 .prod-img .prod-sub360 .prod-img {
  width: 100%;
}

.prod-hbc .prod-info-col {
  max-width: 27rem;
  text-align: center;
}


.prod-hbc .prod-hd {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  margin-top: 0
}

.prod-hbc .prod-txt {
  max-width: 22rem;
  margin-bottom: 1rem;
  text-align: center;
}
/* .prod-darker .prod-txt {
  max-width: 26rem;
  margin-bottom: 1rem;
  text-align: center;
} */

@media all and (max-width: 48em) {
  .page-members .section-wrap {
    max-width: 100%;
  }

  .section-wrap>.section-padded-sm {
    padding-left: 0;
    padding-right: 0;
  }

  .box-letter {
    border-width: 5px;
    margin-top: 2.5%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media all and (max-width: 38.2em) {

  .prod-nlphero .prod-txt,
  .prod-sub360 .prod-txt {
    margin-bottom: 1rem;
  }
}

@media all and (max-width: 37em) {
  .page-members .letter-hd {
    font-size: 1.75rem;
  }

  .box-letter {
    margin-top: 1.5%;
  }

  .box-letter.section-padded-lg {
    padding-top: 1.25rem;
  }

  .prod-week .cell {
    padding-top: .5rem;
  }

  .prod-week .prod-img-col {
    -webkit-flex: 0 0 30%;
    flex: 0 0 30%;
  }

  .prod-week .prod-info-col {
    -webkit-flex: 0 0 60%;
    flex: 0 0 60%;
    padding-top: .5rem;
    padding-bottom: .25rem;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
  }

  .prod-item .icon-wrap {
    position: relative;
    margin-bottom: .25rem;
  }
}

@media all and (max-width: 34em) {

  .stuart-hypno-hd {
    max-width: 16rem;
  }
}

.cell {
  outline: 0px dashed #c5f;
}

@media all and (max-width: 33.25em) {
  .prod-bnr-mindset .cell {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
  }

  .prod-bnr-mindset .prod-img {
    position: relative;
    max-width: 210px;
    width: 90%;
    left: auto;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .prod-special .cell:first-child {
    border-right: 0;
  }

  .prod-special .row {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .prod-special .cell {
    padding: 0 7.5%;
  }

  .prod-bnr-mindset .prod-hd,
  .prod-bnr-mindset .prod-info {
    text-align: center;
  }

  .prod-bnr-mindset .prod-txt {
    max-width: 19.55rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (max-width: 33em) {
  .page-members .letter-hd {
    font-size: 1.5rem;
  }

  .prod-user-manual .prod-hd {
    margin-bottom: .75rem;
  }

  .box-letter {
    border-width: 4px;
  }
}

@media all and (max-width: 32em) {
  .prod-user-manual .prod-img {
    max-width: 65%;
  }

  .btn-download-week.btn-sm2 {
    font-size: 12px;
  }

  .btn-download-week .icon {
    display: none;
  }

  .btn-download-week.btn-icon-left.btn-sm2 {
    padding: .35em .75em;
  }

  .prod-item .icon-wrap {
    margin-bottom: .25rem;
  }

  .prod-week .icon-wrap {
    font-size: .75rem;
  }

  .prod-week .prod-info-col {
    padding-top: .5rem;
    padding-bottom: .125rem;
  }

  .prod-week .prod-img-col {
    -webkit-flex: 0 0 40%;
    flex: 0 0 40%;
  }

  .prod-week .prod-info-col {
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .prod-stuart-hypno .prod-hd.txt-md {
    font-size: 1rem;
    margin-bottom: .75rem;
  }

  .prod-stuart-hypno .prod-info-col {
    padding-bottom: .35rem;
  }

  .prod-stuart-hypno .cell {
    padding-top: .75rem;
  }

}

@media all and (max-width: 28em) {

  .prod-user-manual .prod-hd.txt-md {
    font-size: 1rem;
  }

  .btn-download.btn-sm {
    font-size: .8333333rem;
  }

  .prod-item .icon-time-wrap .icon-time-lbl {
    font-size: 10px;
  }
}

@media all and (max-width: 26em) {
  .page-members .content>.section-padded-lg {
    padding: .5rem 2% .5rem;
  }

  .page-members .section-padded-lg {
    padding: 1.5rem 5% .5rem;
  }

  .box-letter {
    margin-top: 0;
  }
}

@media all and (max-width: 24em) {
  .section-extra-downloads .section-hd {
    max-width: 14rem;
  }
}

@media all and (max-width: 22.75em) {
  .prod-bnr-mindset .prod-txt {
    max-width: 16rem;
  }
}

@media all and (max-width: 22em) {
  .page-members .page-hd {
    font-size: 2.5rem;
  }

  .page-members .page-subhd {
    font-size: 1.75rem;
    margin-bottom: 1.25rem;
  }

  .prod-special .row {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .prod-bnr-mindset .prod-hd {
    line-height: 1;
  }
}

@media all and (max-width: 21.25em) {
  .page-members .letter-hd {
    font-size: 1.35rem;
  }
}

@media all and (max-width: 20em) {
  .prod-week .prod-img-col {
    -webkit-flex: 0 0 37%;
    flex: 0 0 37%;
  }

  .prod-week .prod-info-col {
    -webkit-flex: 0 0 55%;
    flex: 0 0 55%;
  }
}

/*------------------------------------*\
    $CHECKOUT
\*------------------------------------*/
.page--checkout .page__title {
  font-size: 2.5rem;
  max-width: 9em;
  line-height: 1.3;
}

.page--checkout .page__subtitle {
  max-width: 16.25em;
  line-height: 1.35;
}

.page--checkout .pointers-bundle {
  max-width: 100%;
  margin-bottom: 0;
}

.page--checkout .pointers-subhd {
  max-width: 25rem;
}

.features {
  position: relative;
}

.features .cycle-pager {
  position: relative;
  bottom: 0
}

.features__points .pointer {
  /* font-size: 1.1666666666666667rem; */
  font-weight: 500;
  line-height: 1.1;
  padding-left: calc(2.25rem + 3%);
}

.order-form-hd {
  font-size: 1.77777778rem;
}

.banner-trustguard {
  margin-bottom: 2rem;
}

.bundle-wrap {
  text-align: center;
}

.stuart-wrap .bundle-wrap {
  padding-top: 1rem
}


@media all and (max-width: 45em) {
  .page--checkout .section-titles {
    gap: 1rem;
  }

  .page--checkout .page-subhd {
    max-width: 30rem;
  }

  .page--checkout .page__title {
    font-size: 2.75rem;
    max-width: 10em;
  }

}

@media all and (max-width: 43em) {
  .page--checkout .page-hd {
    font-size: 2.25rem;
  }
}

@media all and (max-width: 42em) {
  .order-form-hd {
    max-width: 24rem;
  }

  .page--checkout .btn-wrap .ddl {
    display: none;
  }
}

img;not([alt]) {
  outline: 5px dashed #c00
}

@media all and (max-width: 36em){ 
  .upgrades .one-five{
    flex-direction: column;
  }
  .upgrades .prod-info{
    text-align: center;
  }
  .upgrades .prod-hd{
    text-align: center;
    font-size: 1.5rem
  }
  .prod-nlphero .prod-img-wrap{
    margin-bottom: 1rem;
  }
  .upgrades__cta{
    margin-top: 1rem
  }
}

@media all and (max-width: 35em) {
  .page--checkout .page-hd {
    font-size: 2rem;
  }

  .page--checkout .page-subhd {
    font-size: 1.75rem;
    max-width: 13em;
  }
}

@media all and (max-width: 31em) {
  .page--checkout .page-hd {
    font-size: 2rem;
    max-width: 20rem;
  }

  .page--checkout .page-subhd {
    font-size: 1.5rem;
    line-height: 1.35;

  }
}

@media screen and (max-width:28.125em) {
  .page--checkout .page__title {
    font-size: 2.5rem;
  }

  .subtitle {
    font-size: 1.35rem;
  }
}

@media all and (max-width: 26em) {
  .page--checkout .pointers-subhd {
    max-width: 17rem;
  }

  .page--checkout .page__title {
    font-size: 2.25rem;
  }

  .subtitle {
    font-size: 1.25rem;
  }
}

@media all and (max-width: 25em) {
  .btn-view-list.btn-link {
    max-width: 14rem;
    line-height: 1.25;
    padding-top: .35em;
    padding-bottom: .35em;
  }
}

@media screen and (max-width:24em) {
  .page--checkout .page__title {
    font-size: 2.25rem;
  }

  .page--checkout .subtitle {
    font-size: 1.125rem;
  }
}

@media screen and (max-width:22.6875em) {
  .page--checkout .section-titles {
    gap: .5rem;
  }

  .page--checkout .page__title {
    font-size: 2.125rem;
  }

  .page--checkout .subtitle {
    font-size: 1.125rem;
  }
}

@media all and (max-width: 21.5em) {
  .page--checkout .page__title {
    font-size: 1.9rem;
  }

  .page--checkout .subtitle {
    font-size: 1.1111rem;
  }
}

/*------------------------------------*\
    $PROTECT
\*------------------------------------*/
.page--protect .page__title {
  font-size: 2.222222rem;
}

.page--hack .page__title--1 {
  max-width: 16em;
}
.page--hack .page__title--3 {
  font-size: 2.1rem
}
.protect-img {
  cursor: pointer;
}

.page--protect .features__title {
  line-height: 1.4;
  font-weight: 600;
  max-width: 21em;
}

.page--protect .features__points {
  max-width: 29em;
}

.protect-modal__cta.btn--xl {
  width: 100%;
  font-size: 1.35rem;
}

@media screen and (max-width: 48.8125em) {
  .page--protect .signup-modal-hd {
    font-size: 2.25rem
  }
}

@media screen and (max-width: 48.8125em) {
  .page--protect .modal-txt {
    max-width: 17em;
  }
}

@media screen and (max-width: 45em) {
  .page--protect .page__title {
    font-size: 2.5rem;
    max-width: 14.2em;
  }

  .page--protect .page__title {
    font-size: 2.25rem;
  }

  .page--protect .signup-modal-hd {
    font-size: 2.125rem;
    max-width: 15em;
  }

  .page--protect .page__title,
  .page--protect .signup-modal-hd {
    max-width: 12.25em;
  }
  .page--protect .page__title--2 {
    max-width: 14em;
  }

  .page--protect .page__title--3 {
    max-width: 15em;
  }
  
  .page--protect .page__title--2 .line-block{
    display: inline;
  }
}

@media screen and (max-width: 42em) {
  .page--protect .signup-modal-hd {
    font-size: 2.25rem
  }

  .page--protect .page__title--3 {
      font-size: 2.125rem;
  }
}

@media screen and (max-width: 39em) {
  .page--protect .page__title {
    font-size: 2.125rem;
  }
}

@media screen and (max-width: 38em) {
  .page--protect .signup-modal-hd {
    font-size: 2rem;
  }

  .page--protect .page__title--3 {
    font-size: 2rem;
  }

  .page--protect .features__title--3{
    max-width: 16em;
  }
}

@media screen and (max-width: 37em) {
  .page--protect .page__title {
    font-size: 2rem;
  }
  .page--protect .features__title {
    font-size: 1.75rem;
    max-width: 15em;
  }
  .page--protect .features__title--3{
    font-size: 1.65rem;
    max-width: 16em;
  }
  .page--protect .page__title--3 {
    font-size: 1.8rem;
  }
  .page .section-titles {
    margin-bottom: 2.5rem;
  }
  .page--members .section-titles{
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 35em){
  .page--members .page__title{
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 34.5em) {
  .page--protect .page__title {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 34em) {

  .page--protect .signup-modal-hd {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 32em) {
.page--members .page__title {
  font-size: 2.25rem;
}
}
@media screen and (max-width: 31.1em) {
  .page--protect .page__title {
    font-size: 1.65rem;
  }
 

  .page--protect .page__title--3 {
    font-size: 1.6rem;
  }
  .page--protect .features__title {
    font-size: 1.65rem;
  }
  .page--protect .features__title--2 {
    font-size: 1.5rem;
  }
  .page--protect .features__title--3 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 28em) {

  .page--protect .signup-modal-hd {
    font-size: 1.65rem;
  }

  .protect-modal__cta.btn--xl {
    font-size: 1.25rem;
  }
  .page--protect .page__title--3 {
    font-size: 1.5rem;
  }
  .page--protect .features__title {
    font-size: 1.5rem;
  }
  
}

@media screen and (max-width: 27em) {
  .page--protect .features__title {
    font-size: 1.5rem;
  }

  .page--protect .signup-modal-hd {
    font-size: 1.5rem;
  }
  .page--members .page__title {
    font-size: 2.125rem;
  }
}
}

@media screen and (max-width: 26.9em) {
  .page--protect .page__title {
    font-size: 1.6rem;
    max-width: 15em;
  }

  .page--hack .page__title {
    max-width: 13em;
  }

}
@media screen and (max-width: 26.3125em) {
  .page--protect .features__title {
    font-size: 1.45rem;
  }
}
@media screen and (max-width: 25.5em) {
  .page--protect .page__title {
    font-size: 1.5rem;
  }
  .page--protect .page__title {
    font-size: 1.35rem;
  }
  .page--protect .features__title {
    font-size: 1.35rem;
  }

  .protect-modal__cta.btn--xl {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 25em){
  .page--members .section-titles{
    margin-bottom: 1rem;
  }
  .page--members .page__title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 24em) {
  .page--protect .page__title {
    font-size: 1.35rem;
  }
  .page--protect .page__title {
    font-size: 1.25rem;
  }
  .page--protect .signup-modal-hd {
    font-size: 1.4rem;
  }
  .page--members .page__title {
    font-size: 1.75rem;
  }
  .page--protect .features__title--3 {
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 23.0625em) {
  .page--protect .signup-modal-hd {
    font-size: 1.3rem;
  }

  .protect-modal__cta.btn--xl {
    font-size: 1.065rem;
  }
}
@media screen and (max-width: 22.5em){
  .page--protect .features__title--3 {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 22.125em) {
  .page--protect .features__title {
    font-size: 1.25rem;
  }

  .protect-modal__cta.btn--xl {
    font-size: 1rem;
  }
}

@media screen and (max-width: 21.625em) {

  .page--protect .signup-modal-hd,
  .page--protect .page__title {
    font-size: 1.25rem;
  }
  .page--protect .page__title {
    font-size: 1.125rem;
  }
  .page--protect .features__title--3 {
    font-size: 1.2rem;
  }
  .protect__cta {
    font-size: .9rem !important
  }

  .page--protect .modal-txt {
    max-width: 13em;
  }

  .protect-modal__cta.btn--xl {
    font-size: .95rem;
  }
}
@media screen and (max-width: 20.75em) {
  .page--protect .features__title--3 {
    font-size: 1.15rem;
  }
}
@media screen and (max-width: 20.5625em) {
  .page--protect .features__title {
    font-size: 1.125rem;
  }
 
  .page--protect .signup-modal-hd {
    font-size: 1.125rem;
  }
  .page--members .page__title{
    font-size: 1.5rem
  }
}

@media screen and (max-width: 20.0625em) {
  .page--protect .page__title {
    font-size: 1.2rem;
  }
  .page--protect .page__title--3   {
    font-size: 1.11111rem;
  }
}

/*------------------------------------*\
    $UPSELL
\*------------------------------------*/
.page--upsell .products__title-2 {
  letter-spacing: .05em;
  margin-bottom: 1rem;
}

.page--upsell .products__subtitle {
  max-width: 17.125em;
  font-weight: 400;
  line-height: 1.4;
}

.page--upsell-2 .page__subtitle {
  font-size: 2.35rem;
}

.page--upsell-2 .page__subtitle {
  font-size: 2.35rem;
}

.page--upsell-2 .page__subtitle--2 {
  font-size: 1.85rem;

}

.page--upsell-2 .page__subtitle--2 .highlight,
.page--upsell-raikov .page__subtitle .highlight {
  text-transform: none;
  letter-spacing: 0;
}

.page--upsell .products__subtitle-2 {
  max-width: 16em;
}

.page--upsell .products__subtitle strong {
  font-weight: 650;
}

.page--upsell .products__list-title {
  font-style: normal;
  margin-bottom: .75rem;
  line-height: 1.2;
}

.page--upsell .product__intro--bundle {
  max-width: 24em;
  text-align: center;
}

.page--upsell .products__list-title strong {
  font-weight: 600;
}

.page--upsell .product__img {
  max-width: 100%;
  margin-bottom: .75rem;
  text-align: center;
}

.products__list-subtitle {
  font-weight: 700;
  font-style: italic
}

.product__title {
  text-align: left;
  margin-bottom: .25rem;
}

.page--upsell .products__list-grid .product__title {
  margin-bottom: .75rem;
  line-height: 1.25;
}

.page--upsell .upsell-icon {
  width: 100%;
  max-width: 9rem;
}

.page--upsell .products__list-grid {
  max-width: 35rem;
}

.page--upsell .products__list-grid .product__txt,
.page--upsell .products__list-grid .upsell-icon {
  margin-bottom: 0;
}

.page--upsell .products__list-grid .v-divider--s,
.page--upsell .products__list-grid .product {
  margin-bottom: 2rem;
}

.bonus {
  padding-top: 1rem;
}

.bonus__title {
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
}

.bonus__item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.bonus--col-txt {
  width: 49%;
  text-align: left;
}

.bonus__item--support .bonus--col-txt,
.bonus__item--guarantee .bonus--col-txt,
.bonus__item--future-pills .bonus--col-txt {
  width: 56%;
}

.bonus__item--stuart .bonus--col-img {
  width: 50%;
  padding-top: 1.5rem;
}

.bonus__item--stuart .bonus--col-txt {
  width: 49%;
  padding-top: 1.5rem;
}

.bonus__item--support .bonus--col-img,
.bonus__item--guarantee .bonus--col-img,
.bonus__item--future-pills .bonus--col-img {
  width: 40%;
}

.bundle-rpm__figure {
  margin-bottom: 1rem;
}

.bundle-stuart__bundle-img {
  max-width: 220px;
  width: 66%;
}

.guarantee__figure {
  max-width: 155px;
}

.future-pills__figure,
.support__figure {
  max-width: 185px;
}

.bundle-stuart__stuart-img {
  width: 29%;
}

.bonus__item--lola .bonus--col-img {
  margin-bottom: 1.5rem;
}

.bundle-lola__figure {
  position: relative;
  padding: 2em 0;
  z-index: 1;
}

.bundle-lola__bundle-bg {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  transform: translateY(-50%);
}

.bundle-lola__bundle-img {
  width: 100%;
  max-width: 640px;
}

.bonus--col-txt {
  text-align: left;
}

.bonus--col-txt p {
  margin-bottom: .5rem;
  line-height: 1.3;
}

.bonus__item--lola .bonus--col-txt {
  max-width: 33rem;
  width: 100%;
}

.product__figure-wrap {
  position: relative;
}

.badge-vip-access {
  display: block;
  width: 4.5em;
  height: auto;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  font-size: 1.16666666667rem;
}

.badge--txt-lg {
  font-size: 1.6em;
}

.product__figure-wrap .badge {
  position: absolute;
  right: 3%;
  top: 1%;
}

.btn-order__wrap--last {
  /* margin-top: 2rem*/
  padding-top: .5rem;
}

.pointers--plus .flex-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.pointers--plus .prod__figure {
  -webkit-flex: 0 1 35%;
  flex: 0 1 35%;
}

.pointers--plus .pointers__list {
  -webkit-flex: 0 1 59%;
  flex: 0 1 59%;
  margin-bottom: 1.5rem;
}

.pointers__list--manifesting-2 li {
  margin-bottom: 1rem
}

.pointers__list--raikov {
  padding-top: .5rem
}

.product__figure {
  max-width: 100%;
  text-align: center;
}

.brand-mint {
  fill: hsl(165, 100%, 90%);
  color: hsl(165, 100%, 90%);
}

.brand-red {
  fill: hsl(4, 72%, 52%);
  color: hsl(4, 72%, 52%);
}

.page--upsell-limitless .pointers__title p {
  text-align: center;
}

.page--upsell-nlph .pointers__title,
.page--upsell-hbc .pointers__title,
.page--upsell-raikov .pointers__title {
  text-align: center;
}

.page--upsell-nlph .pointers__title {
  max-width: 27em;
}

.page--upsell-hbc .pointers__title {
  max-width: 28em;
}

.page--upsell-rpm .pointers__title {
  max-width: 22.5em;
  text-align: center;
}

.page--upsell-raikov .pointers__title {
  max-width: 31em;
}

.bonus__item--lola .product__title,
.bonus__item--lola .product__txt {
  text-align: center;

}

.page--upsell-limitless .product__title {
  font-weight: 600;
}

.bonus__item--lola .product__txt {
  max-width: 22em;
}

.brand-box {
  fill: #000
}

@media screen and (max-width: 54em) {
  .page--upsell .products__list-gird {
    max-width: 37rem;
  }
}

@media screen and (max-width: 45.125em) {
  .page--upsell-hbc .page__title {
    font-size: 1.725rem
  }
}

@media screen and (max-width: 43.75em) {
  .page--upsell-hbc .page__title {
    font-size: 2.25rem;
    max-width: 16em;
  }

  .page--upsell-hbc .page__title .line-block {
    display: inline;
  }

  .page--upsell-hbc .page__subtitle {
    font-size: 1.9rem;
    max-width: 11em;
  }

  .page--upsell-hbc .page__subtitle .highlight {
    line-height: 1.125;
  }
}

@media screen and (max-width: 42.4375em) {
  .page--upsell-hbc .page__title {
    font-size: 2.125rem
  }
}

@media screen and (max-width: 41em) {
  .page--upsell .page__title {
    font-size: 2.5rem;
  }

  .product__figure {
    flex-basis: 175px;
    width: 100%
  }

  .page--upsell-rpm .page__title {
    font-size: 2.25rem
  }

  .page--upsell-hbc .page__title {
    font-size: 2rem
  }

  .page--upsell-rpm .page__subtitle {
    max-width: 21rem;
  }

}

@media screen and (max-width: 40em) {
  .page--upsell-rpm .page__title {
    font-size: 2.125rem
  }
}

@media screen and (max-width: 38em) {
  .page--upsell .products__title {
    font-size: 2.25rem;
  }

  .page--upsell .products__subtitle {
    font-size: 2rem;
  }

  .page--upsell .products__subtitle-2 {
    max-width: 13em;
  }

  .page--upsell-rpm .page__title {
    font-size: 2rem
  }

  .page--upsell-hbc .page__title {
    font-size: 1.8rem
  }
}

@media screen and (max-width: 36em) {
  .page--upsell .product__figure {
    flex-basis: auto;
    margin-bottom: 1.25rem;
  }

  .page--upsell .products__list-grid .upsell-icon {

    max-width: 7.5rem;
  }

  .page--upsell-rpm .page__title {
    font-size: 1.85rem
  }

  .pointers--plus .flex-row {
    flex-direction: column;
  }
}

@media screen and (max-width: 35em) {
  .page--upsell .page__title {
    font-size: 2.25rem;
  }

  .page--upsell-hbc .page__title {
    font-size: 1.75rem;
  }

  .page--upsell .products__subtitle {
    font-size: 1.8rem;
  }

  .page--upsell-rpm .page__title {
    max-width: 10em;
  }

  .page--upsell-rpm .page__subtitle {
    max-width: 21rem;
  }
}

@media screen and (max-width: 32.75em) {
  .page--upsell-hbc .page__title {
    font-size: 1.65rem;
  }
}

@media screen and (max-width: 32em) {
  .page--upsell-rpm .page__subtitle {
    max-width: 11.5em;
  }

  .page--upsell-rpm .detail__title {
    max-width: 9em;
  }
}

@media screen and (max-width: 31.5em) {
  .page--upsell .page__title {
    font-size: 2.125rem;
    margin-bottom: 1.5rem;
  }

  .page--upsell .products__subtitle {
    font-size: 1.6rem;
    max-width: 15em;
  }

  .page--upsell .products__title-2 {
    font-size: 2rem;
  }

  .page--upsell .products__subtitle-2 {
    max-width: 13em;
  }

  .page--upsell-rpm .page__title {
    margin-bottom: 0;
  }

  .page--upsell-hbc .page__title {
    font-size: 1.5rem;
    margin-bottom: 0;
  }

}

@media screen and (max-width: 30.2em) {
  .page--upsell-hbc .detail__title {
    font-size: 2.125rem;
    max-width: 11.5em;
  }
}

@media screen and (max-width: 28em) {
  .page--upsell .page__title {
    font-size: 2rem;
  }

  .page--upsell-hbc .page__title {
    font-size: 2.125rem
  }
}

@media screen and (max-width: 27em) {
  .page--upsell-hbc .detail__title {
    font-size: 2.125rem;
    max-width: 8em;
  }
}

@media screen and (max-width: 26.7rem) {
  .page--upsell-hbc .page__title {
    font-size: 2rem
  }
}

@media screen and (max-width: 26.375em) {
  .page--upsell .page__title {
    font-size: 1.8rem;

  }
}

@media screen and (max-width: 25.1875em) {
  .page--upsell .page__title {
    font-size: 1.8rem;
  }

  .page--upsell .products__subtitle {
    font-size: 1.5rem;
  }

  .page--upsell-hbc .page__title {
    font-size: 2rem;
  }

  /* .page--upsell .products__subtitle {
    font-size: 1.5rem;    
  }
  .page--upsell .products__title-2 {
    font-size: 1.75rem;
  } */
}

@media screen and (max-width: 25.1875em) {
  .page--upsell-hbc .page__title {
    font-size: 1.9rem;
  }
}

@media screen and (max-width: 23.5625em) {
  .page--upsell .products__title {
    font-size: 1.85rem;
  }

  .page--upsell .products__subtitle {
    font-size: 1.35rem;
  }

  .page--upsell-hbc .page__title {
    font-size: 1.8rem;
  }

  .page--upsell-hbc .page__subtitle {
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 23.3125em) {
  .page--upsell .page__title {
    font-size: 1.65rem;
    margin-bottom: .5rem;
  }

  .page--upsell-rpm .page__title {
    margin-bottom: 0;
  }

  .page--upsell-hbc .page__title {
    font-size: 1.7rem;
    max-width: 11em;
  }
}

@media screen and (max-width: 23.3125em) {
  .page--upsell .products__list-grid .upsell-icon {
    max-width: 7rem;
  }
}

@media screen and (max-width: 21.5em) {
  .page--upsell .page__title {
    font-size: 1.5rem;
  }

  .page--upsell-hbc .page__subtitle {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 21.3235em) {}

@media screen and (max-width: 21em) {
  .page--upsell .page__subtitle {
    font-size: 1.125rem;
  }

  .page--upsell-2 .page__subtitle {
    font-size: 1.75rem
  }

  .page--upsell-hbc .page__subtitle {
    font-size: 1.5rem;
  }

  .page--upsell .products__subtitle {
    font-size: 1.25rem;
  }

  .page--upsell .products__title {
    /* font-size: 1.6rem; */
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 20.5em) {

  .page--upsell-rpm .detail__title {
    font-size: 2rem
  }
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/
form,
fieldset {
  margin: 0 !important;
  padding: 0 !important;
  border: 0;
  /* Safari/Chrome, other WebKit */
  box-sizing: border-box;
  /* Opera/IE 8+ */

}

fieldset {
  width: 100%;
}

/* align checkboxes,radios,text inputs with their label */
input[type=radio] {
  vertical-align: text-bottom;
}

input {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

/*  Remove Webkit Search Input Styles*/
input[type=search],
input[type=input],
input[type=email],
input {
  -webkit-appearance: none;
  outline: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  display: none;
}

/* hand cursor on clickable input elements */
label,
input[type=button],
input[type=submit],
button {
  cursor: pointer;
}

input.error,
input.error:focus {
  /* border: 1px solid #ef100b;
  border-color: rgba(239,16,11,0.5); */
}

label.error {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  color: rgba(255, 0, 0, .7);
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  padding-top: .25em;
  padding-left: 1rem;
  padding-right: 1rem;
}

.form-checkout label {
  font-size: 1rem;
  padding-left: .75em;
  font-weight: 600;
}

.form-checkout label.error {
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
  font-style: normal;
  margin-top: 0;
  margin-bottom: 0;
}

input,
select {
  height: 3.33333333rem;
}

.smaller-elmnts input,
.smaller-elmnts select {
  height: 2.35rem;
  border-radius: 4px;
}

.smaller-elmnts input,
.smaller-elmnts textarea,
.smaller-elmnts select {
  font-weight: 400;
}

.smaller-elmnts .form-control {
  font-size: 16px
}

.select-wrap {
  padding: 0 !important;
}

input,
textarea,
select {
  width: 100%;
  font-family: 'Jost', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  color: var(--text-box-text);
  background-color: var(--text-box-bg);
  border: .25em solid var(--text-box-border);
  -webkit-transition: box-shadow .3s ease-out, border .1s ease-out;
  transition: box-shadow .3s ease-out, border .1s ease-out;

  outline: none;
}

input:-webkit-autofull {
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.85) inset
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--text-box-text);
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 10em var(--text-box-bg) !important;
}

.form-checkout input,
.form-checkout textarea,
.form-checkout select {
  margin-bottom: .1em;
}

.signup-slide .form-box {
  margin-bottom: 1rem;
  padding-bottom: 0;
}

.signup-slide .form-control {
  margin-bottom: .75rem;
}

.ie8 input,
.ie8 textarea,
.ie8 .select-wrap {
  border-color: #303343 !important;
}

input:disabled,
textarea:disabled,
select:disabled {
  background-color: #f5f2f2;
}

input,
textarea,
select {
  padding: .6em 1.38888888em;
}

select {
  /* padding-top: .7em; */
}

.ie8 input,
.ie8 textarea {
  padding-top: 0.75em;
}

select {
  /* color: hsl(216, 7%, 25%);
  line-height: 1;
  background-color: #f7f7f2;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, .25);
  border-color: #efefef #fff #fff #efefef;
  padding: .8em 2em .5em 1em; */
}

.form-light-theme select {
  color: #03010e;
  background-color: #fff;
}

select:focus option,
select:hover option {
  background-color: #fff;
  color: #5c564a;
  font-style: normal !important;
}

select::-ms-expand {
  /*Remove default arrow style in IE10*/
  display: none;
}

select option {
  font-style: normal !important;
}

.form-light-theme input,
.form-light-theme textarea {
  /* Size and position */
  color: #03010e;
  background-color: #fff;
  border: 0;
  box-shadow: inset 1px 3px 1px 0px rgba(0, 0, 0, .15);
}

label {

  padding: 0;

  text-align: left;
}

label {
  position: relative;
  display: inline-block;
  color: #333333;
  margin-bottom: .25em;
  padding-left: .2em;
  max-width: 100%;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

#form-buynow label {
  display: inline-block;
  color: hsl(58, 13%, 25%);
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: .125rem;
}

.promo-code .lbl,
.saving .lbl {
  font-size: 1.22222rem !important;
  font-weight: 400 !important;
}

.saving .lbl {

  font-weight: 600 !important;
}

input,
select,
textarea,
button {
  border-radius: 1000px;
}

select.form-control {


  background: url(../img/down-arrow.png) no-repeat right 1rem center, linear-gradient(0deg, rgba(0, 0, 0, 0.8) 5.17%, #505050 92.24%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.hero-controls-wrap {
  margin-bottom: 0;
}

.sales-vid-2 .hero-controls-wrap {
  margin-bottom: 2rem;
}

.page--checkout .hero-controls-wrap {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

select.form-control option {
  font-style: normal !important;
  color: #333;
  background-color: #fff;
}

select.hero-dropdown {
  font-size: 1.5rem;
  display: inline-block;
  font-style: normal;
  position: relative;
  padding: .45em .7em;
  color: #fff;
  font-weight: 400;
  line-height: 1;
  height: 60px;
  top: -3px;
  z-index: 0;
}

select {
  position: relative;
  background-color: #fff;
}

select option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.transparent-control {
  border: 1px solid #fff;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: .2em;
  background-color: transparent;
  box-shadow: none;
  padding-right: 2rem !important;
  background-image: url(../img/down-arrow-w.svg);
  background-position: right 13px center;
}

select.hero-dropdown:hover,
select.hero-dropdown:focus,
select.hero-dropdown:active {
  border: 1px solid rgba(255, 255, 255, .75);
}

input.form-control.gray {
  background: #f6f6f6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
}

textarea.form-control {
  background: #fff;
  color: #000;
  border: solid 1px #ddd;
  padding: 15px 30px;
  margin-bottom: 40px;
  outline: none;
  height: 200px;
  border-radius: 0;
}

.lbl-block {
  display: block;
  margin-bottom: .5rem;
}

/* BUTTON */

.btn {
  display: inline-block;
  position: relative;
  padding: 1.35em 2.2222222em;
  margin-bottom: .75rem;
  color: #fff;
  font-family: 'Jost', sans-serif;
  font-size: 1rem;
  line-height: 1;
  font-weight: 600;
  text-shadow: -.0555em -.05555em 0px #000;
  -webkit-transition: 200ms all ease-out;
  transition: 200ms all ease-out;
  top: .27em;
  border: 0;
  border-radius: 1000px;
  background: linear-gradient(180deg, #EBEBEB -37.8%, #A7A7A7 13.68%, #000 65.16%, #000 107.22%), url('../img/black-leather-dark.jpg');
  background-blend-mode: color-dodge, luminosity;
  background-size: cover;
  box-shadow: 0px .222em .222em 0px rgba(0, 0, 0, .75) inset;
  transform-style: preserve-3d;
}

.btn::after {
  /* Gold border and dropshadow for the button */
  content: '';
  position: absolute;

  left: -.27em;
  top: -.27em;
  bottom: -.27em;
  right: -.27em;
  border-radius: 1000px;
  background: linear-gradient(-168deg, #8C421D -14.91%, #FBE67B 27.3%, #FCFBE7 54.59%, #F7D14E 85.02%, #D4A041 114.88%);
  box-shadow: 00px .05em .1em 0em rgba(0, 0, 0, 0.60), 0px .222em .555em 0px rgba(0, 0, 0, 0.35);

  transform: translateZ(-1em);
  -webkit-transition: 200ms background ease-out;
  transition: 200ms background ease-out;
}

.btn:hover::after {
  /* Gold border and dropshadow for the button */

  background: linear-gradient(-68deg, #8C421D -14.91%, #FBE67B 27.3%, #FCFBE7 54.59%, #F7D14E 85.02%, #D4A041 114.88%);


}

.btn--xxl {
  font-size: 1.55555556rem;
  padding: 1em 1.5em;
}

.btn--xl {
  font-size: 1.111111rem;
}

.btn--l {
  font-size: 1rem;
}

.btn--m {
  font-size: .88889rem;
}

.btn--s {
  font-size: .7778rem;
}

.btn--xs {
  font-size: .5556rem;
}

.btn--multiline {
  padding: .71428em 1.785em
}

.btn--multiline .btn__line {
  display: block;
}

.btn--multiline .btn__line+.btn__line {
  margin-top: .35em;
}

.btn--multiline .btn__line-s {
  font-size: .675em;
  font-weight: normal;
  color: hsl(0, 0%, 68%);
}

.hero .btn {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, .6);
}

.btn--xxl::after {
  left: -.23em;
  top: -.23em;
  right: -.23em;
  bottom: -.23em;
}

.btn-training-vid {
  top: -1px;
  white-space: nowrap;
}

.btn:hover,
.btn:active,
.btn:active:hover button:hover,
button:active,
button:active:hover {
  outline: 0;
  -webkit-transition: 200ms all ease-in;
  transition: 200ms all ease-in;
}

.btn-hyperlink:hover {
  border-bottom: 0;
}

button:disabled {
  opacity: .7;
}

.btn.running {
  padding-right: 5rem !important;
}

.modal-cta {
  width: 100%;
  font-size: 1.25rem;
}

input.voucher-code {
  position: relative;
  font-family: 'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospa;
  font-size: 1.2222222rem;
  font-weight: 900;
  padding: .075em .5em;
  width: 140px !important;
  letter-spacing: .075em;
  border: 0;
  background-color: #ffee77;
  text-align: center;
}

.btn-sm.voucher-code-cta {
  position: relative;
  text-transform: uppercase;
  font-size: .7778rem;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0.075em;
}

.input--inline,
.btn--inline {
  display: inline-block;
  vertical-align: top;
  /* height: 44px; */
  margin-left: auto;
  margin-right: auto !important;
}

.input--inline {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn--inline {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.ld-ext-right>.ld {
  right: 20% !important;
}

.ld-ring:after {
  border: .1em solid;
}

.btn--link {
  color: var(--text-color--900);
  padding: 0;
  background: 0;
  text-shadow: none;
  box-shadow: none;

  padding-bottom: .1em;
  border-bottom: 2px solid #f7ba1f;
  border-radius: 0;
  margin-bottom: 0;
}

.btn--link.btn--m {
  font-weight: 500;
  border-bottom: 0;
}

.btn--link.btn--append {
  padding-right: 3em
}

.btn--link .btn__append {
  position: relative;
  right: -3.5rem;
  transition: all 200ms ease-in-out;
}

.btn--link:hover .btn__append,
.btn--link:focus .btn__append {
  position: relative;
  right: -4rem
}

.promo-trigger {
  letter-spacing: 0;
  top: 0px;
  margin-top: .324em;
  margin-bottom: .324em;
}

.btn--sm {
  font-size: 14px;
  font-weight: 500;
}

.remodal p.privacy-info {
  font-size: 14px;
  margin-top: .5rem;
  margin-bottom: 0;
}

.btn--link::after {
  display: none;
}

@-webkit-keyframes glare-thru {

  0% {
    height: 250%;
    width: 0%;
    background-color: rgba(255, 255, 255, .3);
  }

  20% {
    width: 300%;
    background-color: rgba(255, 255, 255, 0);
  }

  21% {
    height: 350%;
    width: 0%;
    background-color: rgba(255, 255, 255, .3);
    opacity: 0;
  }

  22% {
    opacity: 1;
  }

  40% {
    width: 300%;
    background-color: rgba(255, 255, 255, 0);
  }
}

.glare-thru {
  position: relative;
  transition: all 400ms ease-in-out;
  background-position: left top;
  /*   background: rgba(255,204,2,.9) ;
   */
  background-size: 200%;
  overflow: hidden !important;
}

.glare-thru::after {
  content: "";
  position: absolute;
  top: -4em;
  left: -1em;
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
  -webkit-animation-name: glare-thru;
  animation-name: glare-thru;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index: 2;
}

.btn-training-vid .icon {
  position: relative;
  top: 1px;
  margin-right: .35em;
  line-height: 1;
  font-size: 1em;
  color: #ffb500;
}

.glare-thru:hover::after {
  -webkit-animation: none;
  animation: none;
}

.page-affiliate .hero-hd {
  margin-bottom: 1.75rem;
}


.home .btn-modal-cta {
  font-size: 1.125rem;
}


.form-control-sm {
  font-size: 1rem !important;
}


.btn-inline {
  margin-right: 1rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-outline.btn-inv {
  background-color: transparent;
  color: #fff !important;
}

.btn-outline-inv {
  color: #fff;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, .35);
}

.btn-outline-inv:hover,
.btn-outline-inv:focus {
  color: #ffb500 !important;
  background-color: #fff;
}

.btn-outline {
  color: #070600;
  background-color: transparent;
  border: 2px solid hsl(44, 100%, 50%);
  box-shadow: none;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  background-color: hsl(44, 100%, 50%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .65);
}

.btn-xs.btn-outline:hover,
.btn-xs.btn-outline:focus,
.btn-xs.btn-outline:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
}

.btn-users-online {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase;
}

.box-green .btn-outline {
  border-color: hsla(40, 100%, 100%, .6);
  color: hsl(157, 84%, 08%);
}

.box-green .btn-outline:hover,
.box-green .btn-outline:focus {
  background-color: #fff;
}

.box-yellow .btn-outline {
  border-color: hsl(54, 88%, 44%);
  color: hsl(54, 88%, 14%);
}

.box-yellow .btn-outline:hover,
.box-yellow .btn-outline:focus {
  background-color: hsl(54, 88%, 14%);
  border-color: hsl(54, 88%, 14%);
  color: hsl(54, 88%, 94%);
}

.btn-xs {
  padding: .45em .85em .5em;
  font-size: 13px;
  line-height: 1;
}

.btn-link {
  background-color: transparent;
  border: 2px solid transparent;
  box-shadow: none;
  font-style: normal;
  line-height: 1;
  font-weight: 600;
  padding-top: .65em;
  padding-bottom: .75em;
}

.btn-link:hover,
.btn-link:focus {
  background-color: transparent;
  border-color: hsl(44, 100%, 50%);
}

button:focus {
  outline: none;
}

.btn-link .icon {
  height: 1em;
  width: 1em;
  border-radius: 50%;
  background-color: #ffb500;
}

.btn-multiline {
  padding-top: .35em;
  padding-bottom: .35em;
}

.btn .line-1 {
  margin-bottom: .125em;
  letter-spacing: .01em;
}

.btn .line-2 {
  font-weight: 300;
  font-size: 0.88888889em;
  letter-spacing: .1em;
}

.btn-multiline .line-1 {
  line-height: .9;
}

.btn-multiline .line {
  display: block;
}

.btn-multiline .line-2 {
  font-size: .69em;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: hsl(44, 100%, 5%);
}

.btn-buy-now.btn-multiline {
  padding: .25em 1.125em .4em;
  line-height: .75;
}


.page-upsell .btn-multiline {

  padding-top: .35em;
  padding-bottom: .475em;
}

.page-upsell .btn-multiline .line-1 {
  font-size: 1.5em;
}

.page-upsell .btn-multiline .line-1 {
  font-size: 1em;
  letter-spacing: -.01em;
  text-transform: none;
  margin-bottom: .3em;
}

/* .page-upsell-3 .btn-multiline .line-1 {
    font-size: 1em;
    letter-spacing: -.025;
    letter-spacing: 0;
    text-transform: none;
}
 */
/* .page-upsell .btn-multiline .line-2 {
  font-size: .6em;
}
 */
.page-upsell .btn-multiline .line-2 {
  font-size: 0.6666666667em;
  letter-spacing: .01em;
  font-weight: 500;
  color: hsl(44, 100%, 15%);
}


.btn-icon {
  position: relative;
}

.btn .icon {
  color: #FFC833;
  position: absolute;
  top: 52%;
  font-size: 1.125em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 100ms all ease-in;
  transition: 100ms all ease-in;
}

.btn-lg .icon {
  font-size: 1.125em;
  top: 53%;
}

.btn-xl .icon {
  font-size: 1.11111111111em;
  top: 54%;
}

.btn-sm .icon {
  font-size: 1em;
  top: 52%;
}

.btn-multiline .icon {
  font-size: .85em;
  top: 55%;
}

.btn-buy-now.btn-multiline .icon {
  top: 50%;
}

.btn-learnmore .icon-arrow-right {
  display: inline-block;
  font-size: .75em;
  height: 1.5em;
  width: 1.5em;
  padding-top: .275em;
  margin-left: .35em;
}

.btn-icon-left {
  padding-left: 3em;
}

.btn-sm.btn-icon-left {
  padding-left: 2.125em;
  padding-right: 1.11111em;
}

.btn-download.btn-icon-left {
  padding-right: 1em;
}

.btn-download .icon {
  font-size: .85em;
}

.btn-sm.btn-icon-left.btn-download .icon {
  left: 1em;
}

.btn-md.btn-icon-left {
  padding-left: 3em;
  padding-right: 1.5em;
}

.btn-lg.btn-icon-left {
  padding-left: 3.5em;
}

.btn-icon-left .icon {
  left: .85em;
}

.btn-training-vid {
  position: relative;
}

.btn-training-vid .icon {
  top: 48%;
  left: .6em;
  font-size: 1em;
}

.btn-training-vid.btn-icon-left {
  padding-left: 2em;
}

.btn-sm.btn-icon-left .icon {
  left: .75em;
}

.btn-md.btn-icon-left .icon {
  left: 1em;
}

.btn-lg.btn-icon-left .icon {
  left: 1em;
}

.btn-sm2.btn-icon-left .icon {
  left: .7em;
}

.btn-sm3.btn-icon-left .icon {
  left: .9em;
}

.btn-sm3.btn--append .icon {
  right: 1em;
}

.btn-icon-left.btn-sm2 {
  padding-left: 1.75em;
  padding-right: .75em;
}

.btn-icon-left.btn-sm3 {
  padding-left: 2em;
  padding-right: .8em;
}

.btn--append.btn-sm3 {
  padding-right: 2.25em;
}

.btn--link.btn--append {
  border-bottom: 0;
}

.btn--link .btn--append {
  color: hsl(var(--accent-color-values));
}

.section.manifesting-movie .btn-play-movie .icon {
  font-size: 1.125em;
  left: 1.125em;
  top: 51%;
}


.btn--l .icon-lock {
  top: 52%;
  font-size: 1.5em;
}

:not('.btn--append-hidden').btn-lg.btn--append {
  padding-right: 3.5em;
}

.btn-sm.btn--append {
  padding-right: 2.35em;
}

.btn--append.btn--append-hidden {
  padding-right: 1.25em;
}

.btn-buy-now.btn-multiline.btn--append.btn--append-hidden {
  padding-right: 1em;
}

.btn-md.btn--append {
  padding-right: 3.5em;
}

.btn--append-hidden .icon {
  opacity: 0;
  transition: all 400ms ease-in-out;
}

.btn--append-mb .icon {
  opacity: 1;
}

.btn--append .icon {
  right: 2em;
}

.btn-md.btn--append .icon {
  right: .75em;
}

.btn-rg.btn--append .icon {
  top: 52.5%;
  right: 0.75em;
  font-size: 16px;
  text-align: center;
  transition: all 200ms ease-in-out;
}

.flip-direction {
  top: 32.5% !important;
  -webkit-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

.btn-xl.btn--append .icon {
  right: 1.1em;
}

.btn--append.btn--append-hidden {
  padding-right: 2.2222222em;
}

.btn--multiline.btn--append-hidden {
  padding-right: 1.785em;
}

.btn-icon-left.btn--append-hidden {
  padding-left: 1.5em;
}

.btn--append,
.btn--append.btn--append-hidden:hover,
.btn--append.btn--append-hidden:focus,
.btn--append-mb,
.btn--multiline.btn--append-mb,
.btn--l.btn--append:hover,
.btn--l.btn--append:focus,
.btn--l.btn--append-mb {
  padding-right: 3.5em;
}

.btn-buy-now.btn-multiline.btn--append-mb,
.btn-buy-now.btn-multiline.btn--append.btn--append-hidden:hover,
.btn-buy-now.btn-multiline.btn--append.btn--append-hidden:focus {
  padding-right: 2em;
}

.btn--append.btn--append-hidden:hover .icon,
.btn--append.btn--append-hidden:focus .icon,
.btn--append-mb .icon {
  opacity: 1;
  right: 1.25em;
}

.btn-buy-now.btn-multiline.btn--append.btn--append-hidden:hover .icon,
.btn-buy-now.btn-multiline.btn--append.btn--append-hidden:focus .icon {
  right: .75em;
}

.btn--l.btn--append {
  padding-right: 2.5em;
}

/* .btn--xl.btn--append {
  padding-right: 3.25em;
}
.btn--xl.btn--append-hidden{
  padding-right: 2.2222222rem;
}  */
.btn-users-online {
  margin-bottom: 0;
}

.link-signup-classic {
  position: relative;
  display: inline-block;
}

::-webkit-input-placeholder {
  padding-top: 2px;
  color: #bcbdc9;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #9396b8;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #9396b8;
}

:-ms-input-placeholder {
  color: #7d7e92 !important;
  padding-top: 2px;
}

.box-dark-opaque .form-control-w::-webkit-input-placeholder {
  color: #7c7e99 !important;
}

.box-dark-opaque .form-control-w:-moz-placeholder {
  color: #3d416a !important;
}

.box-dark-opaque .form-control-w::-moz-placeholder {
  color: #3d416a !important;
}

.btn-modal-cta {
  margin-top: .2rem;
  margin-bottom: 1.5rem;
}

.btn-view-list .icon {
  font-size: 1em;
  font-style: normal;
}

.help-link,
.help-link:hover,
.help-link:active,
.help-link:visited,
.help-link:focus {
  /* position: absolute; */
  display: inline-block !important;
  vertical-align: middle;
  margin-bottom: .3rem;
  padding: .175em .35em .1em;
  width: 1.25em;
  height: 1.25em;
  border-bottom: 0;

  right: -5px;
  top: -2px
}

.help-link,
.help-link:hover,
.help-link:focus {
  color: hsl(44, 100%, 5%);
  font-family: 'Lato';
  font-size: 14px;
  font-weight: 700;
  line-height: .9 !important;
  border-radius: 50%;
  background-color: hsl(var(--accent-color-values));
  box-shadow: 0.1em 0.1em 0 hsla(280, 30%, 16%, .75);
}

/*input:hover,textarea:hover,select:hover {
  border-color: #ffb500 !important;
  border-width: 2px;
  outline: 0;
}*/
/*
.smaller-elmnts input:hover, 
.smaller-elmnts textarea:hover, 
.smaller-elmnts select:hover {
  border-width: 1px;
}*/

option:not(:first-child) {
  font-size: .9em;
  white-space: normal;
  word-break: break-all;
}

.fieldset {
  vertical-align: top;
}

.fieldset-hd {
  position: relative;
  border-bottom: 2px solid #fff;
  padding: 1em .65em 0;
  margin-bottom: 0;
  background-color: hsl(216, 7%, 15%);
}

.fieldset-hd .info-hd+.icon {
  position: absolute;
  display: block;
  right: 5%;
  top: 25%;
  font-size: 2rem;
  color: #ffb600;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.paymodes_wrap .fieldset-hd {
  padding-bottom: 1em;
}

.wf-button {
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  margin-bottom: 1rem;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, .6);
}

.squeeze-cheat-3 .wf-button {
  font-size: 1.333333rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.btn-icon .btn-lbl {
  display: block;
}

.btn--append-hidden .btn-lbl {
  padding-right: 0;
}

.wf-button .icon {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  font-size: .85em;
  line-height: .5;
}

.wf-privacy {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
  color: #03010e;
  margin-left: auto;
  margin-right: auto;
}

.modal-col-inline .wf-privacy {
  margin-left: .5rem;
  text-align: left;
}

.icon-privacy {
  display: inline-block;
  width: 1rem;
  color: #ffb500;
  position: relative;
  font-size: 1.5em;
  line-height: 0;
  margin-right: .5rem;
  top: -.05em;
  vertical-align: top;
}

.privacy-txt {
  display: inline-block;
  width: 90%;
  color: var(--text-color--900)
}

.btn-wrap {
  margin-bottom: 2.5rem;
  text-align: center;
}

.btn-wrap--last {
  margin-bottom: 0;
}

.page-vsl .btn-wrap:last-child {
  margin-bottom: 0;
}

.start-intro-img .btn-wrap {
  margin-bottom: 0;
}

.course-bundle-img+.btn-wrap {
  margin-top: 0;
}

.btn-pop {
  position: relative;
  display: block;
  margin-bottom: 1rem;
}

.btn-pop .icon {
  position: relative;
  font-size: 1.5rem;
  left: .5em;
  top: .2em;
  transition: all .25s ease-in-out;
}

.btn-order.btn-sm {
  font-size: 1.125rem;
  max-width: 16rem;
}

.btn-pop:hover .icon,
.btn-pop:focus .icon {
  left: 1em;
}

.btn-link.btn-skip .icon {
  font-size: 1.125em !important;
  line-height: .55;
  font-style: normal;
  right: .65em !important;
  height: .8em;
  width: .8em;
}

:last-child .btn-skip {
  margin-bottom: 0;
}

.btn-stuart-hypno {
  display: block;
}

.upsell-skip-cta {
  margin-bottom: 1rem;
}

@media all and (max-width: 57em) {
  .page-optin-2 .btn-modal-cta {
    font-size: 1.1111111rem;
  }

  .page-optin-3 .btn-modal-cta {
    font-size: 1.1111111rem;
  }
}

@media all and (max-width: 53em) {
  .page-optin-2 .btn-modal-cta {
    font-size: 1.125rem;
  }
}

@media all and (max-width: 52em) {
  .page-optin-3 .btn-modal-cta {
    font-size: 1.05rem;
  }
}

@media all and (max-width: 48em) {
  .page-optin-2 .btn-modal-cta {
    font-size: 1.25rem;
  }

  .page-optin-3 .btn-modal-cta {
    font-size: 1.222222rem;
  }

  .page-optin-4 .btn-modal-cta {
    font-size: 1.35rem;
  }
}

@media all and (max-width: 44em) {
  .page-optin-2 .btn-modal-cta {
    font-size: 1.175rem;
  }
}

@media all and (max-width: 43em) {
  .page-optin-3 .btn-modal-cta {
    font-size: 1.1111111111rem;
  }
}

@media all and (max-width: 42em) {
  .page-optin-2 .btn-modal-cta {
    font-size: 1.3rem;
  }

  .page-optin-3 .btn-modal-cta {
    font-size: 1.3rem;
  }
}

@media all and (max-width: 41em) and (min-width: 32em),
(max-width: 24em) {
  .btn-bnr-mindset {
    max-width: 13.5rem;
    padding-top: .5em;
    padding-bottom: .5em;
    line-height: 1.125;
  }
}

@media all and (max-width: 35em) {
  .page-optin-2 .btn-wealth-cta {
    max-width: 20rem;
    line-height: 1.125;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .btn--xxl {
    font-size: 1.35rem;
  }
}

@media all and (max-width: 33.1em) {
  .modal-txt .line-block {
    display: inline;
  }
}

@media all and (max-width: 33em) {
  body:not('.home') .btn-wrap {
    margin-bottom: 1rem;
  }

  .btn-wealth-cta {
    max-width: 20rem;
    line-height: 1.125;
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .page-optin-3 .btn-wealth-cta .line-block-m {
    display: block;
  }

  .page-optin-2 .btn-modal-cta,
  .page-optin-3 .btn-modal-cta {
    font-size: 1.2222222222rem;
  }
}

@media all and (max-width: 32em) {
  .btn-download-stuart.btn-sm2 {
    font-size: 12px;
  }

  .btn-access-nlphero.btn-sm3,
  .btn-access-sub360.btn-sm3 {
    padding-top: .4em;
    padding-bottom: .4em;
    max-width: 10rem;
    line-height: 1.125;
  }

}

@media all and (max-width: 31em) {

  .page-optin-2 .btn-modal-cta,
  .page-optin-3 .btn-modal-cta {
    font-size: 1.333333rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .page-optin-2 .btn-modal-cta .btn-lbl,
  .page-optin-3 .btn-modal-cta .btn-lbl {
    max-width: 15rem;
    line-height: 1.125;
    margin-left: auto;
    margin-right: auto;
  }

  .btn--xxl {
    font-size: 1.25rem;
  }
}

@media all and (max-width: 30em) {
  .btn--xxl {
    font-size: 1.25rem;
  }

  .page--upsell-2 .btn--xxl,
  .page--upsell-rpm .btn--xxl {
    font-size: 1.235rem;
    padding-top: 1.25em;
    padding-bottom: 1.25em
  }
}

@media all and (max-width: 28em) {
  .page-optin-4 .btn-modal-cta {
    font-size: 1.333333rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .page-optin-4 .btn-modal-cta .btn-lbl {
    max-width: 10.25rem;
    line-height: 1.125;
    margin-left: auto;
    margin-right: auto;
  }
}

@media all and (max-width: 27em) {
  .page-optin-2 .btn-modal-cta {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .page-optin-2 .btn-modal-cta .btn-lbl {
    max-width: 14rem;
    line-height: 1.125;
    margin-left: auto;
    margin-right: auto;
  }

  .page-optin .btn-vid-cta {
    padding-top: .75rem;
    padding-bottom: .75rem;
    max-width: 16rem;
    line-height: 1.125;
  }
}

@media screen and (max-width: 26.25em) {

  body:not(.page--upsell) .btn--xxl {
    font-size: 1.125rem;
  }


}

@media all and (max-width: 26em) {

  .btn--multiline {
    padding-top: 1em;
    padding-bottom: 1em;
  }

  .btn__lbl {
    line-height: 1.1;
  }
}

@media all and (max-width: 25em) {
  .page-optin-1 .btn-modal-cta {
    padding-top: .5em;
    padding-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .page-optin-1 .btn-modal-cta .btn-lbl {
    max-width: 14rem;
    line-height: 1.125;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-modal-cta {
    font-size: 1.35rem;
  }

  .home .btn-modal-cta {
    /* font-size: 1.25em; */
  }
}

@media screen and (max-width: 25em) {
  .btn-modal-ty {
    line-height: 1.125;
    max-width: 15rem;
    padding-top: .5em;
    padding-bottom: .5em;
  }
}

@media screen and (max-width: 24em) {
  body:not(.page--upsell) .btn--xxl {
    font-size: 1.1111rem;
  }
}

@media screen and (max-width: 24em) {
  body:not(.page--upsell) .btn--xxl {
    font-size: 1rem;
  }

  .checkout__cta {
    font-size: 1.111111rem
  }

  .modal-cta {
    font-size: 1.125rem;
  }

}

@media screen and (max-width: 23em) {
  .home .btn-modal-cta {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 22.7em) {
  .upsell__cta {
    font-size: 1.2rem
  }
}

@media screen and (max-width: 22.4375em) {

  .page--upsell-2 .btn--xxl,
  .page--upsell-rpm .btn--xxl {
    font-size: 1.125rem;
  }
}

@media all and (max-width: 22em) {
  .page-optin-3 .btn-modal-cta {
    font-size: 1.111111111rem;
  }

  .modal-cta {
    font-size: 1.1111111rem;
  }
}

@media screen and (max-width: 21em) {

  .btn-wealth-cta,
  .btn-modal-cta {
    font-size: 1.25rem;
  }

  .home .btn-modal-cta {
    font-size: 1rem;
  }

  .page--checkout .bundle__cta {
    padding-left: 1.5em;
    padding-right: 3em
  }

  .page--checkout .bundle__cta.btn--append.btn--append-hidden:hover .icon,
  .page--checkout .bundle__cta.btn--append.btn--append-hidden:focus .icon,
  .page--checkout .bundle__cta.btn--append-mb .icon {
    right: .75em
  }

  .page--upsell .btn--xxl {
    font-size: 1rem;
  }

  .modal-cta {
    font-size: 1rem
  }
}

@media screen and (max-width: 20.75em) {
  body:not(.page--upsell) .btn--xxl {
    font-size: .9rem;
  }
}

@media screen and (max-width: 20.5em) {

  .checkout__cta.btn--append.btn--append-hidden:hover .icon,
  .checkout__cta.btn--append.btn--append-hidden:focus .icon,
  .checkout__cta.btn--append-mb .icon {
    right: 1em;
  }

  .checkout__cta {
    padding-left: 1.75em;
    padding-right: 3.25em;
  }
}

/*------------------------------------*\
$Order Form
\*------------------------------------*/
input:not([type=checkbox]),
textarea {
  box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.85) inset;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.box-dark input,
.box-dark textarea {
  background-color: #fff;
  border-color: #b7b7b7 #fff #fff #b7b7b7;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-control {}


.signup-modal .form-control {
  /* margin-bottom: 1rem; */
}

select {
  background: transparent url(../img/down-arrow.svg) no-repeat right 5px center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 1rem;
}

.modal-form {
  display: block;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.page .modal-form {
  max-width: 440px;
}

.form-group {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: .75rem;
}

.remodal .form-group {
  margin-bottom: 1rem;
}

.form-group--inline {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 46%;
  margin: 0 1.5% .5rem !important;
  outline: 0 dashed #0cf;
}

.form-group.expand {
  width: 95%;
  margin: 0 1.5% 1rem !important;
}

.form-group-country {}

#formcheckout .form-control {
  margin-bottom: 0;
  width: 100%;
  display: block;
}

label {
  font-size: 1rem;
  cursor: pointer;
  position: relative;
}

input:focus,
textarea:focus,
select:focus {
  /* border-color: #ffb500;
  background-color: #fff;
   */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 .5em .2em rgba(255, 181, 0, .35);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 .5em .2em rgba(255, 181, 0, .35);
  font-style: normal;
  outline: none;
  -webkit-appearance: none !important;
}

input[type=text].code {
  border: 0 !important;
  border-bottom: 2px solid #191919 !important;
  background-color: transparent !important;
  display: inline !important;
  width: 90px;
  height: 20px;
  font-size: 1em;
  color: #333;
  line-height: 0.5;
  padding: 0;
  vertical-align: middle;
  border-radius: 0;
}

input[type=text].code:focus {
  box-shadow: none !important;
}

#form-buynow .form-control,
#form-buynow label {
  font-size: 16px;
}

.cc-expiry-cvc {
  gap: 4%
}

.form-group__cvc,
.form-group__expiry {
  position: relative;
  /* -webkit-flex: 0 1 114px;
          flex: 0 1 114px; */
}

.form-group__cv-ex+.form-group__cv-ex {
  /* margin-left: 1rem */
}


.form-control.error,
.form-control.error:focus {
  border-color: rgba(255, 0, 0, 1);

}

.form-control.error:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 .3em .1em rgba(255, 0, 0, .2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 .3em .1em rgba(255, 0, 0, .2);
}

.form-control.valid,
.form-control.valid:focus {
  border-color: rgba(52, 209, 163, 1);
}

.form-control.valid:focus {
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 .3em .1em rgba(52, 209, 163, .3);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075), 0 0 .3em .1em rgba(52, 209, 163, .3);
}

.form-checkout .form-control.error,
.form-checkout .form-control.valid {
  /* border-width: 0.0952em; */
}

.form-control:focus {
  outline: 0;
  /* border-width: .1em; */
}

.tooltip_templates {
  display: none;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-box {
  border-radius: 10px;
  box-shadow: 0 4px 10px 6px rgba(0, 0, 0, .1)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-shadow-customized .tooltipster-content {
  padding: 10px 9px 10px 12px;
}

.my_tooltip_content {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

.my_tooltip_content .cc {
  float: right;
  clear: right;
  margin-left: .5em;
}

.my_tooltip_content p+p {
  margin-bottom: 1.125em !important;
}

.order-info {
  margin-bottom: 0;
  padding-bottom: 0;
}

.order-review {
  margin-top: 0;
}

.btn-order-wrap {
  margin-bottom: 1rem;
}

.trust-guards {
  max-width: 32rem;
  height: auto;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1rem;
  margin-bottom: .2rem;
  text-align: center;
  outline: 0px dashed #0cf;
}

a.trust-guard {
  display: inline-block;
  margin-left: 2%;
  margin-right: 2%;
  padding-bottom: 0;

  border-bottom: 0;
}

a.trust-guard img {
  display: block;
}


.paymodes_wrap.fieldset-wrap {
  margin-bottom: 1em;
}

.fieldset {
  vertical-align: top;
}

.fieldset-hd {
  position: relative;
  border-bottom: 2px solid #fff;
  padding: 1em .65em 0;
  margin-bottom: 0;
}

.fieldset-hd .order-info-hd+.icon {
  position: absolute;
  display: block;
  right: 5%;
  top: 32%;
  font-size: 1.66666667rem;
  color: #ffb500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
}

.paymodes_wrap .fieldset-hd {
  padding-bottom: 1em;
}

.paymodes {
  position: relative;
  overflow: hidden;
  vertical-align: top;
  padding-top: 0;
}

.paymodes-hd,
.paymodes {
  vertical-align: middle;
  margin-left: .25rem;
  margin-right: .25rem;
}

.paymodes-hd {
  margin-bottom: 1rem;
  text-transform: none;
  font-weight: 500;
}

.payment-hd,
.for_cardno {
  position: relative;
}

.payment-hd {
  margin-right: 50px;
  white-space: nowrap;
}

.for_card {
  position: relative;
  display: inline-block;
  padding-right: 110px;
  margin-right: 1rem;
}

.payment-hd:after {
  content: "";
  display: block;
  position: absolute;
  right: -40px;
  top: -40px;
  height: 31px;
  width: 24px;
}

.for_card:after {
  content: "";
  display: block;
  position: absolute;
  background-image: url(../img/pay-icon-cc.png);
  background-repeat: no-repeat;
  right: 0;
  top: -1px;
  height: 34px;
  width: 100px;
  background-size: contain;
}

.for_card_wrap {
  white-space: nowrap;
}

.paymodes_wrap .fieldset-hd {
  padding-bottom: 1em;
}

.paymodes_wrap {
  text-align: left;
  padding: 1rem 3%;
}

.paymodes,
.paymodes-hd {
  display: inline-block;
  text-align: center;
}

.paymodes-hd {
  padding: 0 .25rem;
  margin-bottom: 0;
  color: #454545;
}

label[for="pp"],
label[for="cc"] {
  display: inline-block !important;
  width: auto !important;
  text-align: center;
  margin-left: .2rem;
  margin-right: .2rem;
}

.paymode_img {
  display: block;
  vertical-align: middle;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: .5rem;
}

.paymode-lbl {
  display: block;
  position: relative;
  color: hsl(58, 13%, 25%);
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .075em;
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0;
}

input[type="radio"]:checked+label .paymode-lbl {
  font-weight: 700;
}

.form-elmnts {
  display: block;
  width: 96%;
  margin: 1em auto 0em;
}

.order-info-hd,
.order-review-hd {
  font-family: 'Barlow Semi Condensed', sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  font-style: italic;
  font-weight: 500;
  margin-bottom: 1rem;
  padding: .25rem 1rem;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  color: hsl(216, 7%, 90%);
}

.expiry-group {
  text-align: left !important;
}

.month,
.year,
.divider {
  display: inline-block;
  text-align: center !important;
}

.divider {
  width: .5rem;
}

.month,
.year {
  width: 80px !important;
  text-align: left !important;
}

.expiry {}

.order-price_wrap {
  padding: 0 1rem 1rem;
  width: 100%;
}

.form-control#cvc-code {
  width: 120px !important;
}

.order-price {
  margin: 0;
  padding-bottom: 2rem;
  font-size: .9em;
}

.promo-code .lbl {
  display: inline-block !important;
  margin-right: 1rem;
}

.form-code {
  display: inline-block;
  padding-left: 0;
}

.form-code .form-control {
  height: 44px !important;
  margin-left: 0 !important;
  font-size: .88889rem !important;
}

.form-code input.form-control {
  width: auto !important;
}

.btn-apply-code {
  height: 44px !important;
}

.form-code .input-code {
  font-size: .85em;
  width: 150px;
  margin-left: 10px;
  vertical-align: middle;
  padding-left: .75em !important;
}

.form-code .btn {
  position: relative;
  top: -2px;
  left: -9px;
  font-size: 16px;
  margin-bottom: 0;
  padding-left: .75em;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.form-control.inline,
#formcheckout .form-control.inline {
  display: inline-block;
}

.form-control.inline-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.form-control.inline-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.agree-terms-wrap {
  width: auto;
  max-width: 30rem;
  text-align: left;
  padding: .5rem 1rem !important;
}

label[for="agreetermsbox"],
label[for="agreeriskbox"] {
  position: relative;
  display: inline-block !important;
  font-size: 1em;
  vertical-align: middle;
  text-align: left;
  max-width: 27rem;
}

#form-buynow .form-control,
#form-buynow label {
  font-size: 16px;
}

label[for="agreetermsbox"] p,
label[for="agreeriskbox"] p {
  margin-bottom: 0rem;
}

label[for="agreetermsbox"] {
  margin-top: .5rem;
}

.security-seals {
  display: block;
  position: relative;
  margin: 0 auto 0;
  overflow: visible;
}

.security-icons {
  display: block;
  width: 90%;
  max-width: 370px;
  height: 83px;
  margin: 0 auto .5rem;
  background-image: url(../img/security-icons.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media all and (max-width:46em) {
  .security-icons {
    max-width: 300px !important;
  }
}

@media screen and (max-width: 38em) {
  label[for="termscheck[]"].error {
    max-width: 17rem;
  }
}

@media screen and (max-width: 36em) {
  .trust-guards {
    max-width: 21rem;
  }
}

@media all and (max-width:30em) {
  .security-icons {
    max-width: 200px !important;
    height: 50px;
  }
}

@media all and (max-width:28em) {
  .form-code {
    display: block;
    width: 100%;
  }
}

@media all and (max-width:22.5em) {
  .cc-expiry-cvc {
    gap: 8%;
  }
}

@media all and (max-width:22em) {
  .form-code .input-code {
    width: 110px !important;
  }
}

.secure-title {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.25;
}

.secure-title .icon {
  content: "";
  position: absolute;
  left: -1.25em;
  top: 0.275em;
  font-size: 1.25em;
  line-height: 1;
  color: #ffb600;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}

.seal.secure {
  display: inline-block;
  max-width: 20rem;
  width: 100%;
  padding-left: .5rem;
  padding-right: .5rem;
  color: hsl(216, 7%, 35%);
}

.order-review .seal.secure {
  text-align: center;
  line-height: 1.5;
}

.order-review .secure-title {
  margin-bottom: 0;
}

.order-review .terms-check__fieldset {
  margin-bottom: 2rem !important;
}

/* Custom Radio and Checkbox*/

input[type="checkbox"].form-control,
input[type="radio"].form-control {
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  outline: none;
}

input[type="checkbox"].form-control+label,
input[type="radio"].form-control+label {
  display: inline-block;
  padding-left: 1.8rem;
}

input[type="checkbox"].form-control+label::before,
input[type="radio"].form-control+label::before {
  position: absolute;
  cursor: pointer;
  border-style: solid;
  border-color: var(--dark-border);
  content: '';
  padding-left: .05em;
  padding-right: 0;
  padding-bottom: 0;
  line-height: 1.125;
}

input[type="checkbox"].form-control+label::before {
  /* padding-top: .035em; */
  border-width: .225em;
  border-radius: 0px;
  left: 0;
  top: 48%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

input[type="radio"].form-control+label::before {
  border-width: 1px;
}

input[type="radio"]+label::before {
  height: 0.76923em;
  width: 0.76923em;
  font-size: 22px;
}

input[type="checkbox"]+label::before {
  height: 1rem;
  width: 1rem;
  font-size: 14px;
  line-height: 1.02;
}

select option.divider {
  font-size: 1rem;
  letter-spacing: -.05em;
  color: rgba(38, 42, 40, .2);
}

input[type="checkbox"].form-control,
input[type="radio"].form-control {
  position: absolute;
  display: inline-block;
  opacity: 0;
  vertical-align: middle;

}

@keyframes shakeIt {

  from,
  70% {
    transform: translate3d(0, -50%, 0)
  }

  10%,
  30%,
  50% {
    transform: translate3d(-5px, -50%, 0)
  }

  20%,
  40% {
    transform: translate3d(5px, -50%, 0)
  }
}

input.error+label::before {
  border-color: rgba(255, 0, 0, .5);
}

input[type="checkbox"]:not(.main-menu__btn):checked+label::before {
  font-family: "dp" !important;
  font-size: .65rem;
  content: "\63";
  color: #000;
  background-color: hsl(var(--accent-color-values));
  border-color: hsl(var(--accent-color-values));
}

input[type="radio"]:checked+label {
  position: relative;
}

input[type="radio"]+label::before {
  border-radius: 50%;
  border: solid 1px var(--border-color);
  background-clip: content-box;
  /* support: IE9+ */
  background-color: transparent;
}

input[type="radio"]:checked+label::before {
  background-color: hsl(var(--accent-color-values));
  padding: .13em;
}

.js-errors {
  background: #f93337;
  border-radius: 4px;
  color: #FFF;
  font-size: .8em;
  list-style-type: square;
  display: none;
  margin-left: 1em;
  margin-bottom: .5em;
  padding: 1em;
  padding-left: 0;
}

input.error+label::before,
input[type="checkbox"].error+label::before,
input[type="radio"].error+label::before {
  border-color: hsl(4, 72%, 52%);
}

.error input[type="checkbox"]+label,
.error input[type="radio"]+label {
  /* color:#F93337; */
}

.paymodes input[type="checkbox"].form-control+label,
.paymodes input[type="radio"].form-control+label {
  padding: 1.75rem .75rem .5rem;
  margin-bottom: 0;
  border-color: var(--border-color)
}

.paymodes input[type="radio"]:checked+label,
.paymodes input[type="radio"]:checked+input+label {
  border-color: hsl(var(--accent-color-values));
  border-width: .22rem !important;
}

.paymodes input[type="checkbox"].form-control+label::before,
.paymodes input[type="radio"].form-control+label::before {
  left: 50%;
  top: 7%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.terms-check {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.terms-check__fieldset {
  display: block;
}

.order-review__actions .form-group.terms-check__fieldset {
  margin-bottom: .25rem;
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

label[for="terms-check-input"] {
  text-align: left;
  font-weight: 400;
  line-height: 1.35;
}

.terms-check-group {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.terms-check-group .form-group {
  margin-bottom: .25rem;
  text-align: center;
  width: 100%;
  max-width: 21rem;
}

label[for="terms-check"] {
  text-align: left;
  font-weight: 400;
  line-height: 1.5;

}


label[for="termscheck[]"].error {
  display: inline-block !important;
  text-align: center;
}

.terms-check__txt {
  line-height: 1.75;
}

/* .price {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -.04em;
  margin-left: 1rem; */
}

.purchase-option .price {
  margin: .5rem auto 1.5rem;
}

/* .form-control#cvc-code,
.form-control#expiry {
  width: 120px!important;
} */


ul.pricing-detail {
  margin-left: 0;
  padding-left: 0;
  text-align: left;
}

ul.pricing-detail li {
  display: block;
  position: relative;
  font-size: 1.22222rem;
  background: none;
  margin: 0;
  padding: .75em 1em;
  border-bottom: 2px solid #f3f3f3;
  list-style: none;
}

.pricing-detail .total {
  color: #fff;
  background-color: #ea526f;
}

.pricing-detail .promo-code {
  display: block;
  position: relative;
  height: 100%;
}

.promo-code label.lbl {
  display: inline-block !important;
  margin-right: 1rem;
  margin-bottom: 0;
}

#form-buynow .promo-code label.lbl {
  margin-bottom: 0;
}

.pricing-detail .price {
  font-size: 2rem;
  float: right;
  font-style: italic;
}

.pricing-detail .total-price {
  font-weight: 400;
}

/* ul.pricing-detail li.post-pp-msg{
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  color: #407ea6;
  background-color: #CDEBF5;

}

ul.pricing-detail li.post-pp-msg .icon{
  font-size: 1.5rem;
  color: #356888;
} */

ul.pricing-detail li.post-pp-msg p {
  margin-bottom: 0;
}

ul.pricing-detail li.post-pp-info p {
  font-size: .9rem;
  max-width: 20rem;
  margin-bottom: 0;
}

ul.pricing-detail li.post-pp-msg {
  font-size: 1rem;

}

ul.pricing-detail li.post-pp-msg .icon {
  font-size: 1.5rem;
}

.box--info {
  color: #407ea6;
  background-color: #CDEBF5;
}

.box--info .icon {
  color: #356888;
}

ul.pricing-detail li.post-pp-msg,
.box--warning {
  color: #392909;
  background-color: #fffac4;
}

ul.pricing-detail li.post-pp-msg .icon {
  color: #392909;
  color: #FFaF00;
}

.box--error {}

.box--success {}

.box--info,
.box--warning,
.box--error,
.box--success {
  font-weight: 500;
  text-align: center;
}

@media all and (min-width:48em) {
  #form-buynow .form-group {
    margin-bottom: 1.5rem;
  }

  .sales-vid-2 .hero-controls-wrap {
    margin-bottom: .5rem;
  }
}

@media all and (max-width: 47em) {
  .paymodes-hd {
    margin-bottom: .75rem;
  }

  .order-cta-wrap {
    padding-top: 0rem;
  }
}


@media all and (max-width:42em) {
  .paymodes-info {
    text-align: center !important;
  }

  .paymodes-hd {
    margin-bottom: 1rem;
    display: block;
  }

  label[for="pp"] {
    margin-left: .5em;
    margin-right: 0;
  }

  label[for="cc"] {
    margin-left: 0;
    margin-right: .5em;
  }
}

@media all and (max-width: 40em) {

  .form-group {
    margin-left: 1% !important;
    margin-right: 1% !important;
  }

  .promo-code .lbl {
    display: block;
    width: 100%;
  }

  .promo-code .lbl,
  .promo-code .form-code {
    padding-bottom: .5rem;
  }

  .form-group,
  .form-group.expand {
    display: block;
    width: auto;
    margin: 0 1.5% .75rem;
  }


  .terms-check-group .form-group {
    display: inline-block;
  }

  /* .expiry-group,
  .cvc-group {
    vertical-align: top;
    display: inline-block;
    width: 46%;
    margin: 0 1.5% 1rem!important;
    float: left;
  } */

  .form-group__cv-ex+.form-group__cv-ex {
    /* margin-left: 1rem; */
  }

  .smaller-elmnts input,
  .smaller-elmnts select {
    height: 2.6rem
  }

}

@media all and (max-width: 39em) {
  .security-icons {
    width: 70%;
  }

  .page-start .btn-order-wrap {
    margin-bottom: 0;
  }
}


@media all and (max-width: 31.5em) {
  .btn-order-cta {
    font-size: 1.562499rem;
  }
}

@media all and (max-width:30em) {
  select.hero-dropdown {
    font-size: .85rem;
    padding: .25em 1.75em .25em .7em;
    height: 44px;
  }

  .form-code input.form-control {
    width: 65% !important;
  }

  .terms-check-group .form-group {
    max-width: 14rem;
    margin-bottom: .5rem;
  }

  input[type="checkbox"].form-control+label,
  input[type="radio"].form-control+label {
    display: inline-block;
    padding-left: 2rem;
  }
}

@media all and (max-width: 27.6em) {
  .btn-order-cta {
    max-width: 16rem;
    padding-top: .5em;
    padding-bottom: .5em;
  }
}

@media all and (max-width:24em) {
  .form-code input.form-control {
    max-width: 65% !important;
  }

  label[for="cc"] {
    margin-right: .25em;
  }

  label[for="pp"] {
    margin-left: .25em;
  }

  .fieldset-hd {
    padding-top: .75em;
  }

  .order-info-hd,
  .order-review-hd {
    padding: 0rem .25rem;
  }

  .fieldset-hd .order-info-hd+.icon {
    top: 30%;
  }
}

@media all and (max-width: 23em) {
  .paymodes-hd {
    font-size: 1rem;
  }
}

@media screen and (max-width: 22.5em) {

  .form-group__cvc,
  .form-group__expiry {
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
  }
}

/*------------------------------------*\
    $FOOTER
\*------------------------------------*/

.footer {
  position: relative;
  display: block;
  margin-top: 0rem;
  padding: 2rem 0;
  font-size: 15px;
  font-weight: 400;
  color: hsl(180, 0%, 60%);
  text-align: center;
}


.footer__col {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  outline: 0px dashed #0cf;
}

.footer--left {
  text-align: left;
  width: 30%;
}

.footer--right {
  width: 65%;
}

.footer a {
  font-weight: 500;
  color: hsl(180, 0%, 70%);
}

ul.bottom-nav {
  margin-left: 0;
  margin-bottom: 0rem;
}

.bottom-nav .menu-item {
  padding-left: .5rem;
  padding-right: .5rem;
  margin-bottom: 1rem;

}

.bottom-nav .menu-item+.menu-item {
  border-left: 1px solid hsl(180, 0%, 20%);
}

.bottom-nav a {
  font-size: 15px;
  line-height: 1;
  border-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: .5rem;
  padding-right: .5rem;
}


.footer__logo {
  display: block;
  position: relative;
  width: 6.1111111rem;
  height: 2.55555556rem;
  margin-bottom: .5rem;
  border-bottom: 0;
}

.footer__logo-img {

  fill: hsl(180, 0%, 70%);

  -webkit-transition: fill .3s ease-in-out;
  transition: fill .3s ease-in-out;
}

.footer__logo:hover {
  border-bottom: 0;
}


.support-email a:link,
.support-email a:hover,
.support-email a:active,
.support-email a:visited,
.logo-inspire3:link,
.logo-inspire3:hover,
.logo-inspire3:active,
.logo-inspire3:focus,
.logo-inspire3:visited {
  background-color: transparent;
  border-bottom: 0;

}

.inspire3-add {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: .75rem;
}

.support-email {
  display: block;
  padding-top: .3rem;
}

.copyright {
  font-size: 14px;
  padding-left: 0;
  border-top: 1px solid hsl(180, 0%, 20%);
  padding-top: 1rem;
}

ul.copyright {
  margin-left: 0;
  margin-bottom: 0;
}

.copyright li {
  display: inline-block;
  margin-left: .2rem;
  margin-right: .2rem;
}

.copyright ul.terms-widget li {
  margin-bottom: .5rem !important;
  padding-left: .1em !important;
  padding-right: .1em !important;
}

.copyright a {
  border-bottom: 0;
}

.hide-text {
  display: block;
  text-indent: -100000rem;
  /* white-space: nowrap; */
  overflow: hidden;
}

ul.bottom-nav {
  list-style: none;
  text-align: center;
}

.menu-footer__social {
  opacity: .75;
}

.bttom-nav .menu-item a {
  color: hsla(0, 0%, 0%, .35);
  font-weight: 600;
}

.icon-circle {
  position: relative;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  height: 2.125rem;
  width: 2.125rem;
  padding: 2em;
  text-align: center;
}

.top-nav .icon-circle .icon {
  position: relative;
  display: block;
  color: #000;
  font-size: 1em;
  line-height: .5;
  outline: 0px dashed #0f0;
}

@media all and (max-width: 28.5em) {

  /* .copyright{
    padding-top: 0rem
  } */
  .copyright li {
    display: block;
    margin-bottom: .5rem;
  }
}

.icon-play-wrap {
  position: relative;
  display: block;
  width: 2.125em;
  height: 2.125em;
  margin: 1.25rem auto;
  font-size: 4.5rem;
  color: rgba(12, 1, 16, 1);
  z-index: 0;
  padding-top: .475em;
  padding-left: .15em;
  display: inline-block;
  border-radius: 50%;
  background-color: gold;
  background-color: rgba(255, 187, 2, .9);
  box-shadow: 0 10px 10px rgba(0, 0, 0, .85);
  background-image: none;
  transition: all 400ms ease-in-out;
  overflow: hidden;
  background-position: left center;
  background-size: 120%;
}

.icon-play-wrap::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url('../img/vid-banner.jpg') center center no-repeat;
  background-size: 150%;
  opacity: 0;
  transition: all 300ms ease-in-out;
  z-index: -1;
}

.icon-play-wrap:hover::before {
  background-size: 100%;
  opacity: 1;
}

.icon-play-wrap:hover {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  color: rgba(55, 44, 1, .6);
}

.icon-play-wrap::after {
  content: "";
  position: absolute;
  top: -1em;
  left: -1em;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  -webkit-animation-name: flash-thru;
  animation-name: flash-thru;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  z-index: 2;
}

.icon-play-wrap:hover::after {
  -webkit-animation: none;
  animation: none;
}

.icon-down-open-big {
  position: relative;
  margin-top: 5rem;
  color: #fff;
  font-size: 2rem;
  opacity: .75;
}

.btn-mailinglist-wrap {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  z-index: 1;
  margin-bottom: 1.5rem;
}

.btn-mailinglist {
  margin-bottom: 0;
}

.js-center-align {

  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;

  opacity: 0;

  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}


.js-center-align.relative {
  left: auto;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.js-hidden {
  display: none;
  opacity: 0;
  height: 0;
  transition: all 300ms ease-in-out;
}

.js-visible {
  display: block;
  opacity: 1;
  height: auto;
}

.js-reveal-content {

  display: block;
  display: none;
}

.order-price__lc {
  display: block;
  color: #fff;
  margin-top: .35rem;
  font-size: .45em;
  letter-spacing: 0;
  font-style: normal;
  font-weight: 400;
  opacity: .75
}


@media screen and (prefers-color-scheme: dark) {
  .paper-khaki{
   
    background-color: #EDD9B8;
    background-image: url('../img/paper-texture-khaki-dark.png');
  } 

  hr,
  .divider,
  .v-divider {
    opacity: .7;
  }

  .form-control.error,
  .form-control.error:focus {
    border-color: rgba(255, 0, 0, .4);

  }

  .form-control.valid,
  .form-control.valid:focus {
    border-color: rgba(52, 209, 163, .5);
  }

  label {
    color: white
  }

  input[type="checkbox"].form-control+label::before,
  input[type="radio"].form-control+label::before {
    position: absolute;
    cursor: pointer;
    border-style: solid;
    border-color: hsl(264, 7%, 51%);
  }

  .cta-info,
  .cta-info .price__old {
    color: #aaa;
  }

  .cta-info .price__new {
    color: #DD3A2E;
  }

  .cta-info .price__new-val {
    color: #DD3A2E;
  }

  .cta-info .price__older,
  .cta-info .price__was,
  .cta-info .price__taxes {
    color: #616161;
  }

  .responsive-comments-table,
  .table-striped,
  .members-section .section-hd {
    color: hsl(285, 4%, 85%);
    background: hsl(285, 4%, 15%);
    border-color: hsl(285, 4%, 25%);
  }

  .recent-comments-title,
  .members-list_wrap,
  .img-responsive {
    border-color: hsl(285, 4%, 25%) !important;
  }

  .comments-date a,
  .comment-name,
  a.comment-name,
  .member-name {
    color:
      hsl(221, 44%, 56%) !important;
  }

  .trustpilot-box {
    background-color: hsla(40, 60%, 99%, .75);
  }

  .paymodes input[type="radio"]:checked+label,
  .paymodes input[type="radio"]:checked+input+label {

    background-color: hsla(264, 4%, 19%, 1);

  }

  .brand-box {
    fill: #fff
  }
}