@charset "utf-8";

body {font-family: 'Montserrat', sans-serif;}

.hero_section {background:url('../images/hero-bg.jpg') no-repeat center center; background-size:cover; min-height: 400px; padding:40px 0;}
.first_section {padding:60px 0;}

h1 {font-size:40px; color:#D81717; font-weight: 700;}
h2 {color: #ed1c24;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -3px;
    line-height: 54px;}
h3 {font-size: 24px; font-weight:700;}
h4 {font-size: 20px; font-weight:700; padding:40px 0;}
.hero_subline {font-size:24px; font-weight: 600;}
.hero_description {font-size:18px; font-weight: 400;}

.first_section p {font-size: 18px;
    letter-spacing: -.4px;
    line-height: 28px;
    margin: 18px 0 0;
    padding: 0 0 20px 0;}

.cta_section_small {background:url('../images/cta-bg.jpg') no-repeat center center; background-size:cover; padding:20px;}
.p1-cta {
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -2px;
    line-height: 34px;
    text-align: left;
    text-transform: uppercase;
}
.p1-cta.yellow {color:#ede73f; font-size:64px;}
.p2-cta {
    color: #fff;
    font-size: 25px;
    letter-spacing: -.03em;
    line-height: 28px;
    margin: 4px 0 0;
    text-align: left;
}

ul.points-bnrhm {
    display: inline-block;
    margin: 20px 0;;
    padding: 0;
    width: auto;
}
li {list-style: none;}

ul.points-bnrhm li {
    background: url('../images/point-check.png') no-repeat 0;
    color: #2d2d2d;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1.4px;
    line-height: 18px;
    margin: 0 auto;
    padding: 10px 0 5px 47px;
    text-align: left;
    width: auto
}

.bt_orange {background: linear-gradient(#ffce06,#ffb400); border: 2px solid #ffce06; border-radius: 5px; color: #212322; font-weight: 800; letter-spacing: -.03em; padding: 14px 41px 14px 41px; text-align: center; font-size:20px; text-transform: uppercase;}
.bt_orange:hover {background:#e2a014}

.ingredients_block {padding:60px 0;}
.ingredients_row {padding:10px 0;}

.testimonial_grid {padding:50px 0;}
.testimonial_section {padding:60px 0;}
.test_in_grid {background: #8d181b;
    border: 1px solid #8d181b;
    border-radius: 10px;
    float: left;
    height: 395px;
    padding-bottom: 45px;
    position: relative;
}
.p3-sec4 {
    background: #fff;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    color: #2d2d2d;
    float: left;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: -.5px;
    line-height: 22px;
    padding: 0 10px 6px;
    width: 100%;
}
.img-testi {
    float: left;
    margin: -20px 10px 0 0;
}
.p4-sec4, .p5-sec4 {
    float: left;
    width: 100%;
}
.p3-sec4 span {
    display: table;
    margin: 23px 0 0;
}
.p4-sec4 {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -.2px;
    line-height: 24px;
    padding: 15px 15px 0;
    text-align: center;
}
.p5-sec4 {
    background: url(../images/bg_testimonial.png) no-repeat 0 0;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    bottom: 0;
    font-style: italic;
    height: 39px;
    left: 0;
    position: absolute;
}
.p5-sec4 span.span1 {
    color: #e39e93;
    float: left;
    font-size: 17px;
    line-height: 17px;
    padding: 11px 0 11px 10px;
    text-align: left;
}
.p5-sec4 span.span2 {
    color: #fff;
    font-weight: 700;
}
.stars-testi {
    float: right;
    margin: 8px 14px 0 0;
}

footer {padding:40px 0;}
.credits_links {text-align: center; }
.credits_links a {color:#222; font-size:14px;}
.medical_links {padding:20px 0;}
.medical_li li {font-size:12px; padding:5px 0;}

@media screen and (max-width: 768px) {
  .hero_section, .first_section {padding:20px}
  .hero_img {max-height:250px}
  h1 {font-size:30px; text-align: center; padding:10px 0}
  h2 {font-size:30px; padding:10px 0; line-height: 30px}
  .hero_subline {font-size:20px; text-align: center;}
  .hero_description {font-size:16px; font-weight: 400; text-align: center;}
  .bt_orange {display: block; width: 100%}
  .p1-cta, .p2-cta {text-align: center; padding:10px 0; font-size:22px}
  .ingredients_block {padding:20px 0}
  .ingredients_row img {max-height:150px; margin:10px 0;}
  .test_in_grid {margin:15px;}
  .p1-cta.yellow {font-size:42px; line-height: 42px;}
  .test_in_grid {height:426px;}
  .p5-sec4 {bottom:-16px;}
  .mobile_img {padding:40px 0;}
}
