@charset "utf-8";
/* BASE */
body {
    font-family: 'Lato', sans-serif;
    color:#0a0a0a;
    font-size:18px;
    line-height: 26px;
    text-rendering: optimizeLegibility;
}
@media(max-width:639px) {
    body {
     font-size:16px;
    line-height: 22px;
    }
}
 
/*sup {
    top:-0.3em;
    font-size:65%;
    color:#4F4F4F;
    left:2px;
}
sup.sup-h2 {
    top: -16px;
    font-size: 35%;
    left: -1px;
}
sup.sup-reg {
    top: -7px;
    font-size: 50%;
    left: 0;
}
sup.sup-question {
    top: -8px;
    font-size: 45%;
    left: 0;
    color: #fff;
}
sup.sup-answer {
    top: -7px;
    font-size: 50%;
    left: 0;
    color: #fff;
}
sup.sup-subtitle {
    top: -9px;
    font-size: 45%;
    left: 2px;
}*/
.text-shadow-dark {
    text-shadow:1px 1px 3px rgba(0,0,0,0.5);
}
.lato {
    font-family: 'Lato', sans-serif;
}
.text-outline-thin-white {
    -webkit-text-stroke: 1.25px #FFFFFF;
}
.bg_alt {
    background-color:#f7f8fa;
}
@media(min-width:640px) {
.triangle_white::before {
    content: ' ';
    display: block;
    background-color: #fff;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
}
    .divider_white::after {
    background-image: url("../img/divider_arrow.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 86px;
    height: 45px;
    position: absolute;
    right: 0;
    left: 50%;
    top: 10px;
    content: "";
    margin-left: -43px;
    }
}

.icon_check img {
    width:33px;
    padding:0 5px;
    display: inline-block;
    position: relative;
    top:-2px;
}
/* HEADER */
.video_expand,
.list_expand {
    transition:all 0.4s ease-in-out;
}
#mobMenu {
    cursor: pointer;
}
.mobMenu ul {
    padding-left:0;
}
.mobMenu a {
    color:#444;
}
.mobMenu a:hover {
    color:#444;
    text-decoration: none;
}
@media (min-width:960px) {
    .hero {
        transform: scale(1.3);
    }
}
@media (min-width:768px) and (max-width:959px) {
     .hero {
        right: -280px;
        position: relative;
        top: -190px;
        margin-bottom:-190px;
        transform: scale(1.2);
    }
}
@media (min-width:960px) {
    .divider_menu::after {
        content: "";
        border-right:1px #ccc solid;
        height: 100%;
        width:1.5px;
        box-shadow: 1px 0 2px rgba(0,0,0,0.06);
        right:0;
        transform: rotate(30deg);
        position: absolute;
        display: inline-block;
    }
}
/*.bg_logo {
    background-image: url("../img/bg_logo.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}*/
 
.section_1 .icon img {
    min-width:40px;
    max-width:40px;
    padding-right:8px;
}
.highlight {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
}
.highlight::after {
    content: "";
    position: absolute;
    left:-2px;
    bottom:0;
    background-color:#ab7c3b;
    height:24px;
    width:102%;
}
/* BUTTONS */
.cta {
    letter-spacing: 3px;
    box-shadow: 0 1px 1px #9c9c9c;
}
.cta_alt {
    letter-spacing: 3px;
    box-shadow: 0 1px 1px #000;
    border:3px solid #fff;
}
 
/* SECTION 3 */
@media (min-width:768px) {
    .section_3 {
    background-image:url("../img/bg_section3.jpg");
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
    }
}

.bg_circles span {
    position: relative;
    right:-20px;
    line-height: 24px;
}
.bg_circles::before {
    content: "";
    position: absolute;
    left: -50px;
    top: -38px;
    background-image: url("../img/bg-circles.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 135px;
    height: 130px;
}
.bg_circles_gray::before {
    background-image: url("../img/bg-circles-gray.png");
    left: -10px;
    top:0;
}
.bg_circles_gray span {
    right:-12px;
}
 .bg_circles_text {
        top:40px;
    }
@media(max-width:767px) {
    .bg_circles_gray {
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width:959px) {
    .bg_circles {
        right:-70px;
    }
    .bg_circles_gray {
        right:0;
    }
}
.section_3 .image_list img {
    border:5px solid #fff;
    box-shadow:-4px 0 4px rgba(0,0,0,0.05);
    position: relative;
    z-index: 2;
    border-radius: 100%;
}
.section_3 .white_arrow_right {
    position: relative;
    z-index: 2;
}
.section_3 .white_arrow_right::after {
    content: "";
    position: absolute;
    width:16px;
    height:16px;
    background:#fff;
    transform: rotate(45deg);
    right:-5px;
    bottom:42%;
    z-index: 1;
    box-shadow:0 0 7px rgba(0,0,0,0.08);
}
@media (max-width:639px) {
    .section_3 .white_arrow_right::after {
    width:14px;
    height:14px;
    bottom:40%;
}
}
.white_semi_border {
    border:3px solid #fff;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-left: none;
    padding:30px 20px 30px;
    -webkit-box-shadow: 4px 6px 5px -1px rgba(0,0,0,0.04);
    -moz-box-shadow: 4px 6px 5px -1px rgba(0,0,0,0.04);
    box-shadow: 4px 6px 5px -1px rgba(0,0,0,0.04);
}
@media (max-width:639px) {
    .white_semi_border {
    padding:20px 10px 20px;
}
}
/* SECTION 4 */
@media (max-width:959px) {
.bottle_change_container {
    max-width:400px;
}
}
.ingredient p {
    margin:0;
}
.ingredient [class*='ing'] {
    position: relative;
}
.ingredient [class*="ing"]::before {
    position: absolute;
    height:46px;
    line-height:32px;
    width:46px;
    color:#fff;
    text-shadow:1px 1px 1px rgba(0,0,0,0.2);
    font-weight: bold;
    font-size:26px;
    padding:4px;
    right:65%;
    top:15%;
    background-color:#ab7c3b;
    z-index: 99;
    border-radius: 100%;
    text-align: center;
    border:3px solid #fff; 
}
@media (min-width:1024px) {
    .ingredient .odd::before {
        right:48%;
        top:15%;
    }
}
@media (max-width:767px) {
    .ingredient [class*="ing"]::before {
    height:36px;
    line-height:22px;
    width:36px;
    color:#fff;
    font-size:18px;
    left:4%;
    top:0;
    }
}

.ing-1::before {
    content: "1";
}
.ing-2::before {
    content: "2";
}
.ing-3::before {
    content: "3";
}
.ing-4::before {
    content: "4";
}
.ing-5::before {
    content: "5";
}
.ing-6::before {
    content: "6";
}
.ing-7::before {
    content: "7";
} 
.ing-8::before {
    content: "8";
}
.ing-9::before {
    content: "9";
}
.ing-10::before {
    content: "10";
}
.ingredient img {
    width:100%;
    max-width:180px;
}
.slick-prev, .slick-next {
    transition:all 0.4s ease-in-out;
    position: absolute;
    z-index: 3;
}
.slick-prev:hover, .slick-next:hover {
    cursor: pointer;
    transform: scale(1.25);
}
.slick-prev:hover {
    transform: rotate(-15deg);
}
.slick-next:hover {
    transform: rotate(15deg);
}
.slick-prev {
    top:45px;
    left:20px;
}
.slick-next {
    top:45px;
    right:20px;
} 
/* SECTION 5 */
.testimonial_header {
    border-bottom:thin solid #eaeaea;
    margin-bottom:25px;
    background:#f7f8fa;
}

.testimonial_initial {
    width:58px;
    height:58px;
    min-width:58px;
    min-height:58px;
    background-color:#ff9800;
    border-radius:100%;
    color:#fff;
    font-size:23px;
}
.testimonial_name span {
    display:block;
}
.testimonial_name img {
    width:18px;
    position: relative;
    top:-3px;
    margin-left:3px;
}
.testimonial_name .verified {
    color: rgb(43, 182, 115);
    letter-spacing: 0.5px;
    font-size:13px;
}
.testimonial_text {
    font-size:14px;
}
.testimonial_text p {
    margin:0 0 5px;
}
[class*="showMore"] .showMore_text {
    border:thin solid #ccc;
    border-radius:50px;
    cursor: pointer;
    display: block;
    text-align: center;
    background:#ECECEC;
    text-shadow:1px 1px 0 rgba(255,255,255,0.5);
}
[class*="showMore"] {
    font-size:13px;
    text-align: center;
    margin:25px auto 0;
    max-width:125px;
}
/* SECTION 7 */
.dr_ryan {
    position: relative;
    right:-20px;
}
/* SECTION 7b */
.doctor-card .doctor-image {
    background-color: #cfcfcf;
    border: 1px solid #bbb;
    padding: 4px;
    max-width: 150px;
}
.quote {
    font-size: 30px;
    color: #ccc;
    position: relative;
    display: inline-block;
    top:10px;
}
.quote-beg {
    padding-right:3px; 
}
.quote-end {
   padding-left:3px; 
}
.square1, .square2 {
    position: absolute;
    
}
.square1 {
    content: "";
    width:10px;
    height:10px;
    border-top:1px solid #cbd5e0;
    border-right:1px solid #cbd5e0;
    transform: rotate(-45deg);
    background-color:#f7f8fa;
    top:-5px;
    left:48%;
}
.square2 {
    content: "";
    width:10px;
    height:10px;
    border-left:1px solid #cbd5e0;
    border-bottom:1px solid #cbd5e0;
    transform: rotate(-45deg);
    background-color:#f7f8fa;
    top:-5px;
    left:52.2%;
}
/* SECTION 8 */
.section_8 .uk-accordion-title {
    color:white;
}
.section_8 .uk-accordion-content {
    font-size: 16px;
    margin-bottom:35px;
}
.section_8 .uk-accordion-content p {
    line-height: 24px;
}
.faq_overlay img {
        position: absolute;
        mix-blend-mode: lighten;
    }
@media(min-width:1120px) {
    .faq_overlay img {
        max-width:430px;
        left:0;
        top:260px;
    }
}
@media(min-width:768px) and (max-width:959px) {
    .faq_overlay img {
        max-width:230px;
        left:0;
        top:260px;
    }
}
@media(min-width:960px) and (max-width:1219px) {
    .faq_overlay img {
        max-width:330px;
        left:0;
        top:260px;
    }
}
/* SECTION 10 */
.section_10 img {
    top:25px;
    right:10px;
    max-width:175px;
    transform: rotate(5deg);
}
@media (max-width:639px) {
    .section_10 img {
    max-width:115px;
        top:15px;
    }
}
/* ================================================
VIDEOS
================================================ */
.video1 {
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    padding:4px;
    background-color:#fff;
}
.video-overlay{
	width: 100%;
    height: 100%;
    position: absolute;
    background: radial-gradient(circle,rgba(0,0,0,.1),rgba(0,0,0,.8));
    background: -webkit-radial-gradient(circle,rgba(0,0,0,.1),rgba(0,0,0,.8));
    z-index: 2 !important;
    top: 0;
    left: 0;
}
.video-cover{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1 !important;
}
.coverTap{
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
	
}
.coverTap::after {
	content: "Click or Tap to Play";
	position: relative;
	top: 300px;
	color: #fff;
	font-size:32px;
	display: flex;
	font-style: italic;
	text-shadow:2px 2px 2px rgba(0,0,0,0.4);
	z-index: 1;
	justify-content: center;
	
}
.videoWrapper {
    position: relative;
    padding-top: 25px;
    height: 0;
    background:#fff;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (max-width:639px) {
	.play-button-bg{
    width: 100px;
    height: 60px; 
}
	.coverTap::after {
		display: none;
	}

}

/* RESPONSIVE VIDEO */
/* desktop */
@media (min-width:960px) {
    .videoWrapper {
        padding-bottom: 48%; /* 16:9 */
    }
    .videoWrapper.video_expanded {
        padding-bottom: 52%; /* 16:9 */
    }
}
/* tablet */
@media (min-width:430px) and (max-width:959px) {
    .videoWrapper {
        padding-bottom: 51.9%; /* 16:9 */
    }
}
/* phone */
@media (max-width:429px) {
    .videoWrapper {
        padding-bottom: 50%; /* 16:9 */
    }
}
/* ================================================
PURCHASE BOXES
================================================ */
.purchase_boxes .shipping img {
    max-width:33px;
    display: inline-flex;
    position: relative;
    top:-1px;
}
.purchase_boxes .shipping {
    background:yellow;
    padding:3px;
    display: block;
    font-size: 16px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
}
.purchase_boxes .shipping.shipping_int {
    background:#eaeaea;
}
.purchase_boxes .purchase_box {
    bckground-image: url(../img/bg-bottles.jpg);
    position: relative;
}
.purchase_boxes .hover-grow {
-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.purchase_boxes .hover-grow:hover {
    transform: scale(1.05);
}
.purchase_boxes .purchase_box {
    background-color:white;
    border:thin solid #DDDDDD;
    border-top:none;
    background-image: url("../img/bg-bottles.jpg");
    background-position: top center;
    background-size: 100%;
    background-repeat: no-repeat;
}
.purchase_boxes .popularity {
    border:thin solid #DDDDDD;
    border-bottom:none;
}
.purchase_boxes .guarantee-logo {
    max-width:130px;
    transform: rotate(5deg);
    right:-5px;
}
.purchase_boxes .orderbutton .uk-icon {
    top:3px;
}
.purchase_boxes .orderbutton {
    font-family: Lato,sans-serif;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 900;
    padding: 10px 40px;
    text-align: center;
    text-transform: uppercase;
    background-color: #006400;
    position: relative;
    z-index: 1;
    display: block;
    margin: 20px 0 10px;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
    background-image: linear-gradient(180deg,#f6dda1,#f0c14b);
    border: 1px solid #fff;
    border-color: #a88734 #9c7e31 #846a29;
    border-radius: 5px;
    white-space: nowrap;
}
.purchase_boxes .orderbutton:hover {
    background-image: linear-gradient(180deg,#ffdf28,#ffca11);
}
.purchase_boxes .arr {
    position: relative;
    top:-1px;
}
.purchase_boxes .order-total .uk-icon {
    position: relative;
    bottom:-4px;
}
.purchase_boxes .savings_text {
    color:#C50003;
    font-size:28px;
    margin-top:15px;
    text-shadow:1px 1px 2px rgba(0,0,0,0.1);
    font-weight: bold;
}
.purchase_boxes .regPricePrice s {
    text-decoration: none;
    display: inline-block;
    position: relative;
}
.purchase_boxes .regPrice {
    transform: scale(0.8);
    margin-left: -10px;
}
.purchase_boxes .regPrice {
    top: 45px;
    left: 8px;
}
.purchase_boxes .salePrice {
    top: 45px;
    right: 10px;
}
.purchase_boxes .prices {
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    z-index: 2;
}
.purchase_boxes .regPrice {
    line-height: 27px;
}
.purchase_boxes .salePrice {
    line-height: 37px;
}
.purchase_boxes .textRegular {
    font-size: 12px;
    display: inline-block;
}
.purchase_boxes .regPricePrice {
    font-size: 50px;
    font-weight: bold;
}
.purchase_boxes .pb_image_container {
    padding-top:70px;
}
.purchase_boxes .prices sup {
    color:#fff;
    font-size:22px;
    top:-18px;
    left:0;
    font-weight: bold;
}
.purchase_boxes .prices sup.cents {
    top:-23px;
    font-weight: normal;
}
.purchase_boxes .perBottle span {
    position: relative;
    top: -2px;
}
.purchase_boxes .perBottle {
    line-height: 16px;
}
.purchase_boxes .regPricePrice s::before {
    content: ' ';
    width: 120%;
    left: -10%;
    height: 4px;
    position: absolute;
    background-color: #c76060;
    border: 1px solid #fff;
    top: 50%;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.purchase_boxes .regPrice .perBottle {
    bottom: -8px;
    position: relative;
}
.purchase_boxes .salePricePrice {
    font-size: 55px;
    font-weight: bold;
}
.purchase_boxes .textToday {
    font-size: 20px;
    display: inline-block;
    position: relative;
    bottom:-5px;
}
.purchase_boxes .salePrice .perBottle {
    position: relative;
    top:10px;
    font-size: 16px;
}
.supply_amount {
    background: #000000;
    background: -moz-linear-gradient(top,  #000000 1%, #3a3a3a 100%);
    background: -webkit-linear-gradient(top,  #000000 1%,#3a3a3a 100%);
    background: linear-gradient(to bottom,  #000000 1%,#3a3a3a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3a3a3a',GradientType=0 );
}
@media (min-width:768px) and (max-width:959px) {
    .purchase_boxes .salePrice {
        transform: scale(0.7);
        right:0;
    }
    .purchase_boxes .regPrice {
        transform: scale(0.6);
        left:0;
    }
}
/* SLICK IMAGE SWITCHER */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* VIDEO OVERLAY */
/* click to play text */
    .play-button-text-wrapper {
        height: 100%;
    }
.play-button-text {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
    color:#fff;
    text-shadow:2px 2px 4px rgba(0,0,0,0.4);
    transition: all .2s ease-out;
    cursor: pointer;
    text-transform: uppercase;
    
}
    .coverTap2::after {
        display: none;
    }
    /* volume button */
    @keyframes VOLUME_SMALL_WAVE_FLASH {
          0% { opacity: 0; }
         33% { opacity: 1; }
         66% { opacity: 1; }
        100% { opacity: 0; }
      }

      @keyframes VOLUME_LARGE_WAVE_FLASH {
          0% { opacity: 0; }
         33% { opacity: 1; }
         66% { opacity: 1; }
        100% { opacity: 0; }
      }

      .volume__small-wave {
        animation: VOLUME_SMALL_WAVE_FLASH 2s infinite;
        opacity: 0;
      }

      .volume__large-wave {
        animation: VOLUME_LARGE_WAVE_FLASH 2s infinite .3s;
        opacity: 0;
      }
    .volume_button {
        background: rgba(0, 0, 0, 0.8);
        border: 2px solid transparent;
        border-radius: 50%;
        cursor: pointer;
        height: 40px;
        width: 40px;
        line-height: 40px;
        outline: none;
        padding-right: 0px;
        pointer-events: auto;
        position: absolute;
        right: 15px;
        text-align: left;
        top: 15px;
    }
    /* pause notifier */
    .pause-notifier {
        pointer-events: none;
        opacity: 1;
        transform: scale(1.1);
        width: 30px;
        transition: opacity 0.8s ease 0s, transform 0.8s ease 0s;
    }
    .pause-notifier svg {
        overflow: visible;
    }
    @media(max-width:767px) {
        .pause-notifier {
        width: 30px;
    }
        .play-button-text {
            font-size: 40px;
        }
    }