/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    font-size: 1em;
    line-height: 1.4;

    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    padding: 0;
    margin: 1em 0;

    border: 0;
    border-top: 1px solid #ccc;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    padding: 0;
    margin: 0;

    border: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    padding: .2em 0;
    margin: .2em 0;

    color: #000;
    background: #ccc;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 16px/1.4em Helvetica, Helvetica Neue, Arial;
}

.wrapper {
    width: 100%;
    margin: 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    font: 16px/1.2em Raleway, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    font-weight: 400;
    line-height: 1.2em;
}

img, iframe {
    max-width: 100%;
    /*height: auto;*/
}

section {
    width: 90%;
    padding: .01em 0 .04em;
    margin: 0 5%;
}


h1 {
    font-size: 1.6em;
}

h1 small {
    font-size: .5em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.5em;
}

h4 {
    margin: .2em 0;

    font-size: 1.2em;
}

h5 {
    margin: .2em 0;

    font-size: 1.1em;
}

#header {
    background: #eae8e8;
    background:    -moz-linear-gradient(top,  #eae8e8 0%, #f6f4f5 25%, #fff 50%, #f4f4f4 75%, #e1e1e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae8e8), color-stop(25%,#f6f4f5), color-stop(50%,#fff), color-stop(75%,#f4f4f4), color-stop(100%,#e1e1e1));
    background: -webkit-linear-gradient(top,  #eae8e8 0%,#f6f4f5 25%,#fff 50%,#f4f4f4 75%,#e1e1e1 100%);
    background:      -o-linear-gradient(top,  #eae8e8 0%,#f6f4f5 25%,#fff 50%,#f4f4f4 75%,#e1e1e1 100%);
    background:     -ms-linear-gradient(top,  #eae8e8 0%,#f6f4f5 25%,#fff 50%,#f4f4f4 75%,#e1e1e1 100%);
    background:         linear-gradient(to bottom,  #eae8e8 0%,#f6f4f5 25%,#fff 50%,#f4f4f4 75%,#e1e1e1 100%);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#eae8e8", endColorstr="#e1e1e1",GradientType=0 );
}

#header section {
    position: relative;

    padding-top: 2em;
    padding-bottom: .02em;
}

br {
    display: none;
}

br.resp {
    display: block;
}

.slideshow {
    background: #ffd25a;
}

.slideshow h3 {
    margin-top: .6em;
    margin-bottom: .1em;
}

.slideshow ul {
    padding: 0;

    list-style: none;
}


.bx-wrapper .bx-viewport {
    border: none;
    background: transparent;
    box-shadow: 0 0 0 transparent;
}

#sneak-peek-slider .bx-wrapper .bx-viewport {
    height: 290px !important;
}
.bx-wrapper .bx-controls-direction a {
    height: 42px;
}

.bx-wrapper .bx-prev {
    background: url("../img/slideshow-left.png") 0 0 no-repeat;
}

.bx-wrapper .bx-next {
    background: url("../img/slideshow-right.png") 0 0 no-repeat;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

aside {
    width: 100%;

    color: #fff;
    background: #f97f26;
}

aside .bio {
    padding: 1em .5em;

    font-size: .9em;
}

aside .bio h4 {
    font-size: 1.8em;
}

.featured {
    padding-top: 12em;
    padding-bottom: .1em;

    background: url("../img/As-Seen-On-photo.jpg") no-repeat center top  #458f52;
}

.js #karine-letter, .js .left-slide {
    position: relative;
    left: -10em;

    -moz-transition: left 1s ease-out, opacity .5s ease-in;
         transition: left 1s ease-out, opacity .5s ease-in;

    opacity: 0;
}

.js aside, .js .right-slide {
    position: relative;
    right: -13em;

    transition: right 1.8s ease-out, opacity .5s ease-in;

    opacity: 0;
}


.js .top-slide {
    position: relative;
    top: 10em;

    transition: top 1s ease-out, opacity .5s ease-in ;

    opacity: 0;
}

.js .bottom-slide {
    position: relative;
    bottom: 10em;

    transition: bottom 1s ease-out, opacity .5s ease-in;

    opacity: 0;
}

.js .left-slide.slide {
    left: 0;

    opacity: 1;
}

.js .right-slide.slide, .js aside.slide {
    right: 0;

    opacity: 1;
}

.js img.right.right-slide {
    margin: 0;
}

.js img.left.left-slide {
    margin: 0;
}


.js .top-slide.slide {
    top: 0;

    opacity: 1;
}

.js .bottom-slide.slide {
    bottom: 0;

    opacity: 1;
}

.js #top-success-story img:first-of-type {
    left: -15em;
}

.js #top-success-story img.slide:first-of-type {
    left: 0;
}



.featured > .wrapper {
    margin-bottom: 3em;

    background: rgba(255,255,255, .7);
}

.block {
    width: 280px;
    margin: 0 auto 1em;

    transition: transform 1s ease-in-out, opacity .5s ease-in;

    background: #fff;
}

.js .block {
    transform: scale(.5);

    opacity: .3;
}

.js .block.scale-up {
    transform: scale(1);

    opacity: 1.8;
}


.block .title {
    margin-bottom: 1em;

    text-align: center;
}

.block h4 {
    margin: 0;

    font-size: 1.4em;
}

.block .title h4 {
    padding: .4em 0;
}

.block img.aligncenter {
    margin-top: 1em;
}

.block p {
    padding: 0 1em;
}

.solution h3 {
    position: relative;
}

.solution h3:before {
    width: 100%;

    text-align: center;
}

.more-padding p {
    padding: 0 1em;
}

.sneak-peek {
    margin-top: 1.3em;
}

#sneak-peek-slider li {
    position: relative;
}

#sneak-peek-slider #bxslider-carousel li p {
    font-size: .8em;
    line-height: 1.1em;
}

#sneak-peek-slider .bx-wrapper {
    margin-bottom: 1.5em;
}

#sneak-peek-slider .bx-wrapper .bx-controls-direction a {
    height: 52px;
}

#sneak-peek-slider .bx-wrapper .bx-prev {
    left: -25px;

    background: url("../img/sneakpeak-arrow-left.jpg") 0 0 no-repeat;
}

#sneak-peek-slider .bx-wrapper .bx-next {
    right: -30px;

    background: url("../img/sneakpeak-arrow-right.jpg") 0 0 no-repeat;
}

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}

#top-success-story img:nth-of-type(2) {
    display: none;
}

.success-story {
    position: relative;

    margin-top: 1em;
    margin-bottom: .3em;
}

.success-story .wrapper {
    width: 76%;
    padding: 1.5em 2.5em .5em;

    background: #fff;
}

.success-story h3:before {
    position: absolute;
    top: -5px;
    left: -66px;

    display: block;
    width: 60px;

    content: url("../img/quotes.png");
}

.success-story h3 {
    position: relative;
}

.success-story img {
    display: block;
    margin: 0 auto;
}

#pros {
    position: relative;
}

#pros h2 {
    margin-top: 0;
}

.pro-testimonial {
    width: 100%;
    margin-bottom: 1.5em;
}

.pro-testimonial div {
    padding: 1em;

    color: #fff;
    background: #753f87;
}

ul#product-content {
    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;
}

ul#product-content li {
    border-bottom: 1px solid #c6c6c6;
}

ul#product-content li > img {
    display: block;
    margin: 0 auto;
}

ul#product-content li div {
    width: 80%;
    margin: 0 auto;
}

ul#product-content li:last-of-type {
    height: 100px;

    border-bottom: none;
}

ul#product-content li:last-of-type div {
    width: 100%;
    height: 100%;
    padding-top: 2.5em;
}

#products > div:nth-of-type(odd) {
    background: #f2f2f2;
}

#products > div:nth-of-type(even) {
    background: #d6eabe;
}

#products .product {
    padding: 1.5em 0 1.5em 0;
}

#products .product div, #products .product {
    margin-right: 1em;
    margin-left: 1em;
}

#products .product div ul, #products .product ul {
    list-style: none;
}

#products .product div ul li,#products .product ul li {
    margin-bottom: .5em;
}

#products .product div ul.column li,#products .product ul.column li {
    display: inline-block;
    width: 300px;
}

#products .product div li:before,#products .product li:before {
    position: relative;
    top: 4px;

    width: 20px;
    height: 50px;
    margin-right: 10px;

    content: url("../img/orange-check-sm.png");
}


#loader {
    margin-bottom: 2em;
}

#promo-block {
    display: none;
}

.timer {
    height: 50px;

    font-size: 3em;
    font-weight: 600;

    text-align: center;
}

.purchase-button {
    width: 74%;
    padding: .5em 1em;
    margin: 1em auto;

    border: 1px solid #f86f00;
    background: #ffb141;
    background:    -moz-linear-gradient(top,  #ffb141 0%, #fc9021 50%, #f86f00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb141), color-stop(50%,#fc9021), color-stop(100%,#f86f00));
    background: -webkit-linear-gradient(top,  #ffb141 0%,#fc9021 50%,#f86f00 100%);
    background:      -o-linear-gradient(top,  #ffb141 0%,#fc9021 50%,#f86f00 100%);
    background:     -ms-linear-gradient(top,  #ffb141 0%,#fc9021 50%,#f86f00 100%);
    background:         linear-gradient(to bottom,  #ffb141 0%,#fc9021 50%,#f86f00 100%);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#ffb141", endColorstr="#f86f00",GradientType=0 );
}

.purchase-button a:link,
.purchase-button a:hover,
.purchase-button a:visited {
    text-decoration: none;

    color: #fff;
}

.disclaimer {
    font-size: .8em;
}

.footer ul {
    padding: 0;
}
.footer li {
    display: inline-block;
    margin-right: 1em;

    font-size: .8em;
    list-style: none;
}

.clickbank-text {
    font-size: .8em;
}

.js .green-background h2 .white .animate {
    visibility: hidden;
}

.letterfx-smear-before {
    text-shadow: none;
}

.js #header .tlt, .js #header .tlt2,
.js #header .tlt3, .js #header .tlt4,
.js #header .tlt5, .js #header .tlt6,
.js #header .tlt7, .js #header .tlt8,
.js #header .tlt9, .js #header .tlt10 {
    display: none;
}

#view-recipe-wrapper {
    display: none;
}

#view-recipe {
    position: absolute;

    width: 200px;
    height: 200px;

    color: #fff;
    background: rgba(248,82,0,.7);
}

#view-recipe p {
    padding-top: 40px;

    text-align: center;
}

#view-recipe .fa {
    display: block;
    margin: 0 auto;
}

.digital-box {
    width: 72%;
    padding: .5em 2em;
    margin: 0 auto;

    background: #f2f2f2;
}

.v4 #karine-before-after {
    display: none;
}

.v4 .slideshow {
    padding-top: .5em;
    padding-bottom: .5em;
}

.v4 .top-recipes > img {
    display: block;
    margin: 0 auto 1em;
}

.v4 #top-slider .top-recipes img {
    width: 320px;
}

.v4 .bio {
    padding: 0 2em 1em;
}

.v4 .problem {
    width: 84%;
    padding: 1.5em;
    margin: 1em auto;

    background: #fff;
}

.v4 .problem > img {
    display: block;
    margin: 0 auto;
}

.v4 .problem h4 {
    margin-top: .5em;
}

.v4 .sneap-peek-box {
    margin-top: 2em;
}

.v4 ul.thumbs {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: .5em;

    list-style: none;
}

.v4 .thumbs li {
    display: inline-block;
    margin-right: 5px;

    vertical-align: top;
}

.v4 .thumbs li:last-of-type {
    margin-right: 0;
}

.v4 .thumbs-wrapper {
    display: inline-block;
    width: 310px;

    vertical-align: top;
}

.v4 .thumbs-wrapper li {
    margin-bottom: 5px;
}

.v4 .thumbs-wrapper li:nth-of-type(even) {
    margin-right: 0;
}

.v4 .thumbs-wrapper-large {
    position: relative;
    top: -3px;

    display: inline-block;
    width: 320px;

    vertical-align: top;
}

.v4 #view-recipe {
    position: absolute;

    width: 150px;
    height: 150px;

    color: #fff;
    background: rgba(248,82,0,.7);
}

.with-pb {
    padding-bottom: 1em;
}

.with-mt {
    margin-top: 1em;
}

.productBox {
    padding: 15px 25px;
    margin: 50px 0 50px 0;
    margin-bottom: 30px;

    border: 2px solid #d4330d;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    background: #fff;
    background:    -moz-linear-gradient(top, #fff 0%, #fefce0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fefce0));
    background: -webkit-linear-gradient(top, #fff 0%,#fefce0 100%);
    background:      -o-linear-gradient(top, #fff 0%,#fefce0 100%);
    background:     -ms-linear-gradient(top, #fff 0%,#fefce0 100%);
    background:         linear-gradient(to bottom, #fff 0%,#fefce0 100%);
    -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, .25);
       -moz-box-shadow: 0 0 10px rgba(50, 50, 50, .25);
            box-shadow: 0 0 10px rgba(50, 50, 50, .25);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#fefce0",GradientType=0 );
}
.productBox p {
    padding: 0 40px;
}
.productBox h3 {
    margin-top: 0;

    font-weight: 800;

    text-align: center;
}
#products > .productBox:nth-of-type(odd) {
    border-color: #599111;
    background:    -moz-linear-gradient(top, #fff 0%, #f2e7f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#eef4e7));
    background: -webkit-linear-gradient(top, #fff 0%,#eef4e7 100%);
    background:      -o-linear-gradient(top, #fff 0%,#eef4e7 100%);
    background:     -ms-linear-gradient(top, #fff 0%,#eef4e7 100%);
    background:         linear-gradient(to bottom, #fff 0%,#eef4e7 100%);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eef4e7",GradientType=0 );
}
#products > .productBox:nth-of-type(even) {
    border-color: #d9ae22;
    background:    -moz-linear-gradient(top, #fff 0%, #fbf7e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fbf7e8));
    background: -webkit-linear-gradient(top, #fff 0%,#fbf7e8 100%);
    background:      -o-linear-gradient(top, #fff 0%,#fbf7e8 100%);
    background:     -ms-linear-gradient(top, #fff 0%,#fbf7e8 100%);
    background:         linear-gradient(to bottom, #fff 0%,#fbf7e8 100%);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#fbf7e8",GradientType=0 );
}

#products > .productBox.blue3 {
    border-color: #0b447c;
    background:    -moz-linear-gradient(top, #fff 0%, #e6ecf2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e6ecf2));
    background: -webkit-linear-gradient(top, #fff 0%,#e6ecf2 100%);
    background:      -o-linear-gradient(top, #fff 0%,#e6ecf2 100%);
    background:     -ms-linear-gradient(top, #fff 0%,#e6ecf2 100%);
    background:         linear-gradient(to bottom, #fff 0%,#e6ecf2 100%);

    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#e6ecf2",GradientType=0 );
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    position: absolute;

    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);

    border: 0;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;

    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    display: table;

    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.aligncenter {
    text-align: center;
}

img.aligncenter, iframe.aligncenter {
    display: block;
    margin: 0 auto;
}

.relative {
    position: relative;
}

.ucase {
    text-transform: uppercase;
}

strong {
    font-weight: 600;
}

.yellow-background {
    background: #ffd25a;
}

.light-yellow-background {
    background: #ffeb00;
}

.white-background {
    background: #fff;
}

.black-background {
    background: #000;
}

.grey-background {
    background: #262626;
}

.light-grey-background {
    background: #f2f2f2;
}

.red-background {
    background: #ce0000;
}

.green-background {
    background: #458f52;
}
.yellow {
    color: #fff900;
}

.white {
    color: #fff;
}

.green {
    color: #2e823d;
}

.red {
    color: #cf0006;
}

.bright-red {
    color: #f00;
}

.grey {
    color: #a6a6a6;
}

.black {
    color: #000;
}

.orange {
    color: #f85200;
}

.orange-background {
    background: #f97f26;
}

.blue {
    color: #3c6cac;
}

.purple {
    color: #753f87;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;

        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
