html {
  font-size: 100%;
}
body {
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.3rem;
  margin-top: 0;
  margin-bottom: 20px;
  /*font-size: 22px;*/
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.navbar-nav > li > a {
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.slogan {
  /*font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
  font-family: "Oswald", sans-serif;
  font-weight: 700;
}

/*.wrapper h2, .footer h2 {
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}*/

.btn {
  font-family: "Oswald", sans-serif;
}

legend {
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* TYPOGRAPHY CUSTOM
================================= */
h1,.jumbotron .h1, .jumbotron h1{
  font-family: "Oswald", sans-serif;
  font-size: 63px;
  margin-top: 0px;
  font-weight: 300;
}
h1.headline{
  letter-spacing: -1px;

  text-shadow: 0px 0px 10px rgba(250,250,250,1);
}
h1 span.bio-title-first-line {
    font-size: 34px;
}

h1 span.cut.bio-title-second-line {
    font-weight: 900;
    font-size: 48px;
}

 .orderpage h1.headline {z-index: 9001;position: relative;}
 .orderpage h1 {font-size: 40px;}

h2 {
  font-family: "Oswald", sans-serif;
  font-size: 28px;
  margin-bottom: 30px;
}
h2.headline {
  position: relative;
  padding-top: 20px;
  margin-top: 0;
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  letter-spacing: -.1rem;
}
h2.steps-pages {
  position: relative;

  padding-top: 30px;
  margin-top: 0;

  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;

  letter-spacing: -.1rem;
}
h2.title-boxes {
  font-size: 36px;
  font-weight: 700;
}
h2.title-billing {
  display: inline-block;
}
h2 .bio-title-second-line {
    font-size: 60px;
    font-weight: 900;
}

h2 .bio-title-first-line {
    font-size: 40px;
}
.bio-title {
    margin-bottom: 25px;
    font-size: 43px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #7d8626;
    text-transform: capitalize;
}
.pricing-content h2 {
  margin-bottom: 0;
  margin-top: 5px;
  font-size: 22px;
  text-transform: uppercase;
  font-family: "Lato", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
}
.hcl-package .pricing-content h2 {
  font-size: 19px;
}

/*February 5, 2017 - Matt Male Version */
h3.bio-title{
  letter-spacing: -1.1px;
  font-size: 30px;
  font-weight: 300;
}
.foods-improve h3 {
    margin-top: 0px;
    font-weight: 700;
}
/* January 26, 2017 - P3OM Fat Loss */
p.over-bio-title-text {
    padding-top: 20px;
    margin-top: 20px;
    margin-bottom: 0px;
}
p.package-price {
  margin-bottom: 0;
}
.pricing-cta p.package-price-save {
  font-size: 1.2rem;
}
p.disclaimer-box {
  padding: 15px;

  border: 1px solid #666;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
#disclaimer p,p.navbar-text {
  /*font-size: .8rem;
  line-height: 1.4em;*/
      font-size: 13px;
    font-weight: 300;
    line-height: 1.2em;
    color: rgba(255,255,255,0.4);
}
.copyrights p {
  padding: 10px 0;
}

.caps {
  text-transform: uppercase;
}
.cut {
  display: block;
}
.big {
    font-size: 200%;
    font-weight: 900;
}
.medium{
  font-size: 125%;
}
.quote {
  font-size: 80%;
}
.wht {
  color: #fff;
}
.blck{
  color: #3b3b3b;
}
.green-bio {
  color: rgba(102, 151, 14, 1.0);
}
.yellow{
  color: #ffd200
}
.green-light {
  color: #c3d600;
}
.green-special{
  color: rgba(239, 255, 107, 1.00);
}
.bold {
  font-weight: 600;
}
.underline {
    border-bottom: 2px solid;
}
h2 span.bold {
  font-weight: 400;
}
.testimonial-client-block figcaption span.bold {
  font-weight: 400;
}
.italic{
font-style: italic;
}
.lowercase{
text-transform: lowercase;
}
.thick-underline{
border-bottom: 5px solid #fff;
}
.slim-underline{
border-bottom: 2px solid #fff;
}
.slim{
font-weight: 300;
}
.remark.package-price-retail{
font-size: 1rem!important;
}
h2.headline.special .green-bio,h2.headline.special .bold{
  text-shadow: 0px 0px 4px rgba(250,250,250,1)
}
.strikeout {
  position: relative;

  line-height: 1em;
}
.strikeout::after {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;

  margin-top: calc(.125em / 2 * -1);

  content: "";

  border-bottom: .125em solid red;
}

span.save {
  font-weight: 800;

  color: rgba(221, 74, 97, 1.0);
}
span#clock {
  font-size: 1.3rem;
  font-weight: bold;
}
label span {
  position: absolute;
  top: 0;

  color: rgba(214, 20, 31, 1.00);
}
.remark {
  display: block;
  padding: 10px 20px;

  font-weight: 300;

  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background: #f4e790;
}
.remark-dashed{
    display: inline-flex;
    background: rgba(250,250,250,1);
    border: 3px dashed #f4e790;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
    font-weight: 700
}
.remark-post {
  display: inline;
  padding: 2px 6px;
}
/*
  TY PAGES REMARK
================================= */
.ty-pages .remark{
   margin-top:10px;
}
.ty-pages .remark p{
   font-size:16px;
   line-height:1.5;
}

.medium{
  font-size: 100%;
  font-size: 1rem;
}
.form-small-text {
  font-size: .8rem;
  text-align: center;
}
.form-normal-text {
  font-size: 1rem;
}
.bioptimizers-dropcap {
  display: block;
  float: left;
  margin: -10px 20px 0 0;

  text-align: center;
}

.bioptimizers-dropcap-box {
  width: 200px;
  height: 120px;

  font-size: 120px;
  font-weight: 700;
  line-height: 120px;

  text-transform: uppercase;

  color: #c3d600;
}
@media only screen and (max-width : 1200px)
{
  .bio-title {
    font-size: 42px;}
  .oscar .unhealthy-food-box {
    background-size: 1450px;}
    /*fat-loss-forte-version*/
    #fat-loss.fat-loss-forte-version .bio-headline {font-size: 45px;}
    #fat-loss.fat-loss-forte-version h2.bio-headline.bio-title-light-yellow-text.text-center.small-title.caps {font-size: 26px;}
}
@media only screen and (max-width : 991px) {
  .bio-headline {font-size: 35px;}
  .bio-title,.feature-box .bio-title,.testimonial-featured .testimonial-name,.testimonial-normal h3 {font-size: 33px}
  .faq-block h3, .option-block h3 {font-size: 18px;}
  p,.bio-list li,.bio-blockquote,.fact-list li, .number-list li,.bio-caption {font-size: 1.1rem;}
  .bio-subtitle {font-size: 22px}
  .bio-bigger-text {font-size: 150%;}
  /*fat-loss-forte-version*/
   #fat-loss.fat-loss-forte-version .top-bio-title {margin-top: 35px;}
    #fat-loss.fat-loss-forte-version .bio-headline {font-size: 34px;}
    #fat-loss.fat-loss-forte-version h2.bio-headline.bio-title-light-yellow-text.text-center.small-title.caps {font-size: 20px;}
  }
@media only screen and (max-width : 767px)
{
    h1, .jumbotron .h1, .jumbotron h1{
        font-size: 38px;
            line-height: 46px;
    }
    h3.bio-title { font-size: 26px;}

    .bio-title, .feature-box .bio-title, .testimonial-featured .testimonial-name, .testimonial-normal h3 {
    font-size: 30px;}
#fat-loss.fat-loss-forte-version .top-bio-title {margin-top: 55px;}

}
@media only screen and (max-width : 661px) {
.bio-headline {
    font-size: 36px;
    line-height: 46px;
}
h2.bio-title.bio-centered-text.bio-main-color {
    font-size: 24px;
}
  }
  @media only screen and (max-width : 656px) {
  /*fat-loss-forte-version*/
   #fat-loss.fat-loss-forte-version .top-bio-title {margin-top: 75px;}
    #fat-loss.fat-loss-forte-version .bio-headline {font-size: 30px;}
    #fat-loss.fat-loss-forte-version h2.bio-headline.bio-title-light-yellow-text.text-center.small-title.caps {font-size: 20px;margin-top: 5px;}
  }
@media only screen and (max-width : 600px) {
  p,.bio-list li,.bio-blockquote,.fact-list li, .number-list li,.bio-caption {font-size: 1rem;}
  .bio-title, .feature-box .bio-title, .testimonial-featured .testimonial-name, .testimonial-normal h3 {font-size: 30px;padding-bottom: 15px}
  .bio-subtitle {font-size: 20px;}
  h3.bio-title {font-size: 24px;}
  .faq-block h3, .option-block h3,.testimonial-featured .testimonial-title {font-size: 20px;}
  .bio-headline {font-size: 30px;line-height: 36px;padding-top: 10px;padding-bottom: 10px;margin-bottom: 10px;}
  /*fat-loss-forte-version*/
   #fat-loss.fat-loss-forte-version .top-bio-title {margin-top: 15px;}
   #fat-loss.fat-loss-forte-version .bio-headline{margin-bottom: 20px}
}
/* >400 */
@media only screen and (max-width : 461px) {
  .bioptimizers-dropcap {
      display: block;
      float: none;
      text-align: center;
  }


}

@media only screen and (max-width : 425px) {
    .orderpage h1 {
    font-size: 28px;
    line-height: 1.2;
    }
    h3, .h3 {
    font-size: 20px;
    }

}
@media only screen and (max-width : 415px) {
    .bio-headline {
    font-size: 24px;}
    /*fat-loss-forte-version*/
    #fat-loss#fat-loss.fat-loss-forte-version .bio-headline {font-size: 24px;}
    #fat-loss#fat-loss.fat-loss-forte-version h2.bio-headline.bio-title-light-yellow-text.text-center.small-title.caps {font-size: 14px;margin-top: 5px;}

}
/* END >400 */
@media only screen and (max-width : 375px) {
    .bio-subtitle {
    font-size: 24px;
    margin-top: 0px;
    padding-top: 0px;}
    .bio-title, .feature-box .bio-title, .testimonial-featured .testimonial-name, .testimonial-normal h3 {
    font-size: 24px;
}
#mini-sp .bio-title, #fat-loss .bio-title {
    padding-top: 6px;
}
.bio-title{
  margin-bottom: 0px
}
}

/* >320 */
@media only screen and (max-width : 320px) {
  .bioptimizers-dropcap {
      display: block;
      float: none;
      margin: -10px 20px 0 0;

      text-align: center;
  }
  .orderpage h1 {
    font-size: 24px;
    line-height: 1.2;
    }
    h3, .h3 {
    font-size: 20px;
    }
    /*fat-loss-forte-version*/
    #fat-loss.fat-loss-forte-version .bio-headline {font-size: 21px;  margin-bottom: 3px;}
}
/* END >320 */