a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
ul,
var {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
td,
th {
    font-weight: 400;
    padding: 0.2em 1em;
    text-align: left;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
}
blockquote,
q {
    quotes: "" "";
}
a:focus {
    outline: dotted thin;
}
a:active,
a:hover {
    outline: 0;
}
a img {
    border: 0;
}
@font-face {
    font-family: livingforward;
    src: url(../fonts/livingforward.eot);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: livingforward;
    src: url(../fonts/livingforward.eot);
    src: url(../fonts/livingforward.eot?#iefix) format("embedded-opentype"), url(../fonts/livingforward.woff) format("woff"), url(../fonts/livingforward.ttf) format("truetype"), url(../fonts/livingforward.svg?#livingforward) format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: livingforward2;
    src: url(livingforward2.eot);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: livingforward2;
    src: url(../fonts/livingforward2.eot);
    src: url(../fonts/livingforward2.eot?#iefix) format("embedded-opentype"), url(../fonts/livingforward2.woff) format("woff"), url(../fonts/livingforward2.ttf) format("truetype"),
        url(../fonts/livingforward2.svg?#livingforward2) format("svg");
    font-weight: 400;
    font-style: normal;
}
/* #praise.action .link-next,
#praise.action .link-prev,
.icon:before {
    
    content: ""; 
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
    width: 20px; 
    height: 20px; 
    background-image: url('');
    background-size: contain;
    background-repeat: no-repeat;
    
} */
.icon_actionplan:before {
    content: "\f101";
}
/* .icon_anyone:before {
    content: "\f102";
} */
.icon_audiobook:before {
    content: "\f103";
}
.icon_book:before {
    content: "\f104";
}
.icon_cart:before {
    content: "\f106";
}
.icon_cassette:before {
    content: "\f107";
}
.icon_claim:before {
    content: "\f109";
}
.icon_compass:before {
    content: "\f10a";
}
.icon_download:before {
    content: "\f10b";
}
/* .icon_entrepreneur:before {
    content: url('images/gold.jpg');
}

.icon_heart:before {
    content: "\f10f";
}
.icon_library:before {
    content: "\f110";
}
.icon_medal:before {
    content: "\f112";
}
.icon_next:before {
    content: "\f113";
}
.icon_parents:before {
    content: "\f114";
}
.icon_prev:before {
    content: "\f116";
}
.icon_retirees:before {
    content: "\f117";
}
.icon_students:before {
    content: "\f118";
} */
.icon_ticket:before {
    content: "\f119";
}
.icon_video:before {
    content: "\f11b";
}
.icon_bulb:before {
    font-family: livingforward2;
    content: "\f101";
}
.icon_checkmark:before {
    font-family: livingforward2;
    content: "\f102";
}
.icon_framework:before {
    font-family: livingforward2;
    content: "\f103";
}
.icon_lifeplan:before {
    font-family: livingforward2;
    content: "\f104";
}
.icon_powerful:before {
    font-family: livingforward2;
    content: "\f105";
}
.icon_trifold:before {
    font-family: livingforward2;
    content: "\f106";
}
body {
    font-family: adobe-text-pro, "Adobe Text Pro", serif;
}
.wrap {
    margin: 0 auto;
    max-width: 1000px;
    width: 96%;
}
.button {
    background: #f88e37;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-family: bebas-neue, "Bebas Neue", Arial, sans-serif;
    font-size: 1.5em;
    margin: 1em auto;
    padding: 0.5em 2.5em;
    text-decoration: none;
    text-transform: uppercase;
}
.button:hover {
    background: #3daadd;
}
.preorder {
    margin-bottom: 1.5em;
    text-align: center;
}
.preorder a {
    position: relative;
}
.preorder a:after {
    background: url(../img/stores-gray.png) center center/100% no-repeat;
    content: "";
    display: block;
    height: 0;
    margin-top: 0.5em;
    overflow: hidden;
    padding-top: 11%;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.bonus-details {
    background: url(../img/bonuses.png) left center/60% no-repeat;
    padding-left: 59%;
    padding-top: 5%;
}
.bonus-details li {
    font-family: proxima-nova, sans-serif;
    font-size: 0.85em;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 0.75em;
    padding-left: 2.5em;
    position: relative;
    text-align: left;
    text-transform: uppercase;
}
.bonus-details li.icon:before {
    font-size: 1em;
    left: 0;
    letter-spacing: 0;
    position: absolute;
    vertical-align: baseline;
    width: 2em;
}
.bonus-details li.header {
    font-family: adobe-text-pro;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 400;
    padding-left: 1.42em;
    text-transform: none;
}
.bonus-details .preorder {
    font-size: 1.2em;
    margin-bottom: 3.5em;
    text-align: left;
}
.bonus-details .button {
    margin-top: 0.5em;
    padding: 0.5em;
    text-align: center;
    width: 80%;
}
a {
    color: #3daadd;
}
section {
    padding: 2.8em 0;
}
h3 {
    color: #3daadd;
    font-family: bebas-neue, "Bebas Neue", Arial, sans-serif;
    font-size: 4em;
    font-weight: 400;
    letter-spacing: 3px;
    margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
}
img {
    max-width: 100%;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
header {
    background: #363636;
    text-transform: uppercase;
}
header h1 {
    color: #3eaadd;
    font-family: bebas-neue, "Bebas Neue", Arial, sans-serif;
    font-size: 2em;
    float: left;
    letter-spacing: 3px;
    line-height: 1.4em;
    margin: 0.5em auto 0;
}
header a {
    color: #fff;
}
header nav {
    font-family: proxima-nova, sans-serif;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-align: right;
    text-transform: uppercase;
}
header nav li {
    display: inline;
    margin: 0 0 0 1.5em;
}
header nav a {
    position: relative;
    text-decoration: none;
    top: -2px;
}
header nav a.button {
    top: 0;
}
#compass {
    background: url(/img/compass.png) center center/100% no-repeat;
    display: block;
    height: 0;
    margin-top: -1.5%;
    overflow: hidden;
    padding-top: 8.2%;
    position: absolute;
    left: 46%;
    width: 8%;
}
#splash {
    background: url(../img/splash.jpg) center center/cover no-repeat #ebeae6;
    overflow: hidden;
    padding-bottom: 0;
}
#splash img {
    float: left;
    margin-left: -5%;
    margin-right: -5%;
    width: 60%;
}
#splash h2 {
    background: url(../img/drift-through-your-days.png) center center/contain no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 39.2%;
}
#splash .button {
    box-sizing: border-box;
    display: block;
    padding: 0.5em;
    text-align: center;
    width: 93.2927%;
}
#splash .buttonwrap,
#splash h2 {
    float: right;
    margin-right: 5%;
    width: 41%;
}
#stores {
    background: #cdcdcd;
    padding: 1.5em 0 1em;
}
#stores .wrap {
    max-width: 850px;
    width: 85%;
}
ul.storelinks,
ul.stores {
    overflow: hidden;
}
.storelinks li,
.stores li {
    float: left;
    margin: 0 0 0 8.6%;
    padding: 7% 0 0;
    position: relative;
    text-align: center;
    width: 25%;
}
.storelinks li {
    padding: 0;
}
.storelinks li:first-child,
.stores li:first-child {
    margin-left: 0;
}
.stores a {
    background: url(../img/stores.png) left center/auto 100% no-repeat;
    color: #6c6a6b;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    text-decoration: none;
    text-indent: -999px;
    width: 100%;
}
.storelinks .buy-ibooks,
.stores .buy-ibooks {
    width: 15.5%;
}
.storelinks .buy-amazon,
.stores .buy-amazon {
    width: 18%;
}
.storelinks .buy-bn,
.stores .buy-bn {
    width: 26.6%;
}
.storelinks .buy-bam,
.stores .buy-bam {
    width: 14%;
}
.stores .buy-ibooks a {
    background-position: 0 center;
}
.stores .buy-amazon a {
    background-position: 28.75% center;
}
.stores .buy-bn a {
    background-position: 69.25% center;
}
.stores .buy-bam a {
    background-position: right center;
}
.storelinks .button {
    box-sizing: border-box;
    display: block;
    margin-top: 0.5em;
    padding: 0.5em;
    width: 100%;
}
#bonuses {
    color: #898989;
    text-align: center;
}
#bonuses .banner {
    text-align: center;
}
#bonuses .banner h4 {
    background: #898989;
    color: #fcfcf9;
    display: inline-block;
    font-family: proxima-nova, sans-serif;
    font-size: 1.5em;
    letter-spacing: 5px;
    line-height: 2.5em;
    margin: 0 auto 0.5em;
    padding: 0 1em;
    position: relative;
    text-transform: uppercase;
}
#bonuses .banner h4:after,
#bonuses .banner h4:before {
    border: 1.25em solid #898989;
    content: "";
    position: absolute;
    top: 0;
}
#bonuses .banner h4:before {
    border-right: none;
    border-left-color: transparent;
    left: -1.25em;
}
#bonuses .banner h4:after {
    border-left: none;
    border-right-color: transparent;
    right: -1.25em;
}
#bonuses p {
    font-size: 1.5em;
}
#bonuses .bonus-details .button {
    box-sizing: border-box;
    padding: 0.5em;
    text-align: center;
    width: 100%;
}
#bonuses .callout {
    background: #f2f2f2;
    border-radius: 10px;
    padding: 1em;
    text-align: center;
}
#bonuses .leadership {
    border: 1px solid #e1e1e1;
    color: #7d7d7d;
    margin: 1em auto 2em;
    padding: 1.5em;
    width: 58%;
}
#bonuses .leadership h3 {
    margin-bottom: 0.25em;
}
#bonuses .leadership p {
    margin: 0 0 0.75em;
}
#bonuses .steps {
    overflow: hidden;
}
#bonuses .step {
    box-sizing: border-box;
    color: #636363;
    float: left;
    margin: 5% 0 5% 5%;
    padding-top: 3%;
    width: 30%;
}
#bonuses .step:first-child {
    margin-left: 0;
}
#bonuses .step h4.icon:before {
    color: #3daadd;
    display: block;
    font-size: 3em;
    line-height: 1.2em;
    width: 100%;
}
#bonuses .step h4 {
    font-family: proxima-nova, sans-serif;
    font-size: 1.8em;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}
#bonuses .step h5 {
    font-size: 1.8em;
    font-style: italic;
    margin: 0.2em auto 0.5em;
}
#bonuses .step h5 em {
    color: #3daadd;
    text-decoration: underline;
    text-transform: uppercase;
}
#bonuses .step a,
form .infusion-submit input {
    background: 0 0;
    border: 1px solid #3daadd;
    border-radius: 5px;
    box-sizing: border-box;
    color: #3daadd;
    display: block;
    font-family: bebas-neue, "Bebas Neue", Arial, sans-serif;
    font-size: 0.9em;
    margin: 0.25em 0;
    padding: 0.25em;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}
#bonuses .step a:hover {
    background: #f88e37;
    color: #fff;
    transition: background-color 0.25s, color 0.25s;
}
.step .infusion-submit input {
    font-size: 1.3em;
}
form div {
    margin-bottom: 0.25em;
    position: relative;
}
form label {
    color: #888;
    font-family: proxima-nova, sans-serif;
    font-size: 0.7em;
    left: 0.8em;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 5px;
}
form input,
form select {
    background: #fff;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    padding: 1.25em 0.5em 0.25em;
    width: 100%;
}
form select {
    font-size: 0.9em;
    padding: 0.5em;
}
form .select-field label {
    display: none;
}
.social-sharing {
    font-size: 1.5em;
    overflow: hidden;
}
#bonuses .social-sharing a,
.social-sharing a {
    border: none;
    border-radius: 0;
    color: #fff;
    float: left;
    margin: 0;
    padding: 0.5em 0.25em;
    width: 50%;
    display: table-cell;
    height: 3.25em;
    vertical-align: middle;
}
#bonuses .social-sharing a:hover,
.social-sharing a:hover {
    background: #f88e37;
    transition: background-color 0.5s;
}
#bonuses a.share-fb,
a.share-fb {
    background: #0056a4;
}
#bonuses a.share-tw,
a.share-tw {
    background: #52c9f2;
}
#bonuses a.share-li,
a.share-li {
    background: #0077a1;
}
#bonuses a.share-em,
a.share-em {
    background: #959595;
}
#powerfulguide {
    background: url(../img/mountains3.jpg) center top/cover no-repeat #011926;
    color: #fff;
}
#powerfulguide .wrap {
    max-width: 750px;
    width: 75%;
}
#powerfulguide h3 {
    color: #fff;
    margin: 0 0 1em;
}
#powerfulguide p {
    font-size: 1.4em;
    line-height: 1.5em;
    margin-bottom: 1em;
}
#powerfulguide p.intro {
    padding-left: 1.3em;
    position: relative;
}
#powerfulguide .dropcap {
    font-size: 3.4em;
    line-height: 1em;
    position: absolute;
    top: -6px;
    left: 0;
}
#powerfulguide .preorder a:after {
    background-image: url(../img/shopping.png);
}
#praise {
    background: #f2f2f2;
    color: #636363;
    overflow: hidden;
}
#praise blockquote {
    font-size: 1.2em;
    line-height: 1.5em;
    margin-bottom: 2em;
}
#praise cite {
    color: #3daadd;
    display: block;
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    letter-spacing: 4px;
    margin-top: 1em;
    text-align: center;
    text-transform: uppercase;
}
#praise cite:before {
    content: "\2014";
}
#praise blockquote:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 0;
    margin: 0 auto 0.5em;
    padding-top: 17.5%;
    width: 17.5%;
}
#praise #robbins:before {
    background-image: url(/img/t/tony.png);
}
#praise #godin:before {
    background-image: url(/img/t/seth.png);
}
#praise #chalene:before {
    background-image: url(/img/t/chalene.png);
}
#praise #ramsey:before {
    background-image: url(/img/t/dave.png);
}
#praise #maxwell:before {
    background-image: url(/img/t/john.png);
}
#praise #terkeurst:before {
    background-image: url(/img/t/lysa.png);
}
#praise #dancathy:before {
    background-image: url(/img/t/dan.png);
}
#praise #weaver:before {
    background-image: url(/img/t/fawn.png);
}
#praise #niequist:before {
    background-image: url(/img/t/shawna.png);
}
#praise .link-next,
#praise .link-prev {
    display: none;
}
#praise.action blockquote {
    display: none;
}
#praise.action blockquote.first {
    display: block;
}
#praise.action #praise-quotes {
    overflow: scroll;
    position: relative;
    left: 0;
    transition: left 0.5s ease;
    width: 2000%;
}
#praise.action #praise-quotes blockquote {
    display: block;
    float: left;
    margin-right: 2%;
    width: 5%;
}
#praise.action .wrap {
    position: relative;
}
#praise.action .actionlink {
    color: #bbb;
    display: block;
    font-size: 3em;
    margin-top: -0.5em;
    position: absolute;
    top: 50%;
    width: 1em;
    transition: color 0.25s;
}
#praise.action .actionlink.disabled,
#praise.action .actionlink.disabled:hover {
    color: #eee;
}
#praise.action .link-next:hover,
#praise.action .link-prev:hover {
    color: #3daadd;
}
#praise.action .link-prev {
    left: -1.5em;
}
#praise.action .link-next {
    right: -1.5em;
}
#exclusivecontent {
    color: #636363;
}
x#exclusivecontent .wrap {
    max-width: 800px;
    width: 80%;
}
#exclusivecontent .package {
    overflow: hidden;
}
#exclusivecontent h4 {
    font-family: proxima-nova, sans-serif;
    font-size: 2em;
    letter-spacing: 3px;
    margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
}
#exclusivecontent h4 strong {
    font-weight: 700;
}
#exclusivecontent p {
    font-size: 1.5em;
    margin: 0 auto 1.5em;
    text-align: center;
    width: 85%;
}
#exclusivecontent .bonus-details {
    background-size: 54%;
    padding-left: 52.4%;
    padding-top: 0;
    position: relative;
}
#exclusivecontent .leadership-details {
    background-image: url(../img/bonuses-leadership.jpg);
    background-size: 55%;
}
#exclusivecontent .bonus-details .badge {
    background: url(../img/badge-single-360.png) center center/100% no-repeat;
    height: 0;
    overflow: hidden;
    padding-top: 21%;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
}
#exclusivecontent .leadership-details .badge {
    background-image: url(../img/badge-leadership.png);
}
#exclusivecontent .bulkorder {
    font-size: 1.3em;
    margin-top: 1em;
    text-align: center;
}
#exclusivecontent .bulkorder a {
    text-decoration: none;
}
#teams {
    background: #f7f7f7;
    font-size: 1.4em;
}
#teams h3 {
    color: #636363;
    font-size: 2.85em;
    margin-bottom: 1em;
}
#teams .medals {
    overflow: hidden;
}
#teams .medals div {
    float: left;
    margin-left: 5%;
    text-align: center;
    width: 30%;
}
#teams .medals div:first-child {
    margin-left: 0;
}
#teams .medals .value,
#teams .medals h4 {
    font-family: proxima-nova, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#teams .medals h4:before {
    display: block;
    font-size: 4em;
    line-height: 1.2em;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
#teams .medals h4 strong {
    display: block;
    font-weight: 700;
}
#teams .medals p {
    margin: 1.2em 0;
}
#teams #bronze {
    color: #856127;
}
#teams #silver {
    color: #a8aaad;
}
#teams #gold {
    color: #b59b4b;
}
#authors {
    background: url(../img/authors.jpg) center top/cover no-repeat #201f1a;
    color: #fff;
}
#authors h3 {
    color: #fff;
    margin-bottom: 30%;
}
#authors .overlay {
    background: rgba(0, 0, 0, 0.57);
}
#authors .wrap {
    margin: 2em auto;
    overflow: hidden;
    padding: 2em 0;
}
#authors .author {
    float: left;
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 0 0 0 5%;
    text-align: justify;
    width: 47.5%;
}
#authors .author:first-child {
    margin-left: 0;
}
#authors .author strong {
    display: block;
    font-family: proxima-nova, sans-serif;
    font-size: 1.54em;
    font-weight: 700;
    letter-spacing: 15.75px;
    letter-spacing: 15px;
    line-height: 1.1em;
    text-align: center;
    text-transform: uppercase;
}
#authors .author strong span {
    letter-spacing: 0;
}
#authors #author-michael strong {
    letter-spacing: 19px;
    letter-spacing: 18px;
}
#videos {
    background: url(../img/blueprint-bg.png) center top/96% repeat-y #7b99cf;
    color: #fff;
}
#videos h3 {
    color: #fff;
}
#videos h2 {
    background: url(../img/blueprint-your-life-blue.png) top center/100% no-repeat;
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 26.782%;
    width: 50%;
}
#videos h3.intro {
    margin-bottom: -3%;
}
#videos h2.intro {
    margin-bottom: -4%;
}
#videos h3 u {
    position: relative;
    text-decoration: none;
}
#videos h3 u:after {
    background: url(../img/free-underline.png) center center/contain no-repeat;
    content: "";
    display: block;
    padding-top: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
}
#videos .videowrap {
    background: url(../img/videowrap.png) top center/100% no-repeat;
    padding: 6.75% 12% 1.75%;
}
#videos .callout {
    background: url(../img/calloutframe.png) top center/100% no-repeat;
    box-sizing: border-box;
    margin: 1em auto 0.5em;
    padding: 3.3% 4.85% 0.5%;
    width: 100%;
}
#videos .calloutwrap {
    background: #839fcf;
    position: relative;
    padding: 58.6% 0 0;
}
#videos .callout-content {
    padding: 4.5%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#videos .callout p {
    font-size: 1.5em;
    margin-bottom: 1.2em;
}
#videos .callout p:last-child {
    margin-bottom: 0;
}
#videos .button {
    background: 0 0;
    border: 2px solid #fff;
    border-radius: 10px;
    font-size: 1.7em;
    letter-spacing: 1px;
    padding: 0.6em 1.5em;
    position: relative;
}
#videos .buttonwrap {
    text-align: center;
}
#videos .clickthis:before {
    background: url(../img/arrow-left.png) center center/100% no-repeat;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 19%;
    position: absolute;
    left: -30%;
    bottom: 30%;
    width: 20%;
}
#videos .clickthis:after {
    background: url(../img/click-this-button.png) center center/100% no-repeat;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 13%;
    position: absolute;
    left: 25%;
    top: 110%;
    width: 50%;
}
#videos .rightarrow:after {
    background: url(../img/arrow-right.png) center center/100% no-repeat;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 19%;
    position: absolute;
    right: -25%;
    bottom: 5%;
    width: 20%;
}
#videos .discover {
    font-family: proxima-nova, sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    margin-top: 5em;
}
#videos .discover h3 {
    line-height: 1.2em;
    position: relative;
}
#videos .discover h3:after,
#videos .discover h3:before {
    background: url(../img/line-left.png) center center/auto 100% no-repeat;
    content: " ";
    height: 0;
    margin-top: -2px;
    overflow: hidden;
    padding-top: 4px;
    position: absolute;
    left: 0;
    top: 50%;
    width: 20%;
}
#videos .discover h3:after {
    background-image: url(../img/line-right.png);
    left: auto;
    right: 0;
}
#videos .discover ul {
    overflow: hidden;
}
#videos .discover li {
    display: inline-block;
    letter-spacing: 1px;
    margin: 2% 5%;
    vertical-align: top;
    width: 23%;
}
#videos .discover li:before {
    background: #fff;
    border-radius: 50%;
    color: #7c9acd;
    display: block;
    font-size: 4em;
    height: 1.2em;
    line-height: 1.2em;
    margin: 0 auto 0.25em;
    overflow: hidden;
    padding: 0.2em;
    text-align: center;
    width: 1.2em;
}
#videos .discover li.icon_trifold:before {
    font-size: 3.2em;
    padding: 0.4em;
}
#whofor {
    background: #fff;
    color: #59595b;
}
#whofor .wrap {
    max-width: 800px;
    width: 80%;
}
#whofor ul {
    margin-left: 7%;
}
#whofor li {
    border-left: 1px solid #3daadd;
    font-size: 1.5em;
    margin-bottom: 1em;
    margin-left: 5%;
    padding-left: 0.5em;
    position: relative;
}
#whofor li:before {
    color: #3daadd;
    font-size: 3em;
    left: -1.47em;
    position: absolute;
    top: 0.2em;
    width: 1.3em;
}
#whofor h4 {
    color: #3daadd;
    font-family: proxima-nova, Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 0.25em;
    text-transform: uppercase;
}
#press {
    background: #3daadd;
    color: #fff;
    text-align: center;
}
#press h3 {
    color: #fff;
}
#press p {
    font-size: 1.4em;
    line-height: 1.5em;
}
#press a {
    color: #fff;
}
#press a:hover {
    background: #68bfe7;
}
#press .icon:before {
    margin-right: 0.25em;
    width: 1em;
}
#press .button {
    background: 0 0;
    border: 2px solid #fff;
}
#faq {
    background: #f2f2f2;
    color: #636363;
}
#faq ul {
    font-size: 1.4em;
    margin: 0 auto;
    width: 80%;
}
#faq li {
    margin-bottom: 1.5em;
}
#faq h4 {
    font-weight: 700;
}
#almostdone h3,
#finalpush h3 {
    color: #464646;
    margin: 0 auto;
    width: 75%;
}
#almostdone .preorder,
#finalpush .preorder {
    font-size: 1.2em;
    margin: 1em auto;
    text-align: center;
    width: 75%;
}
#almostdone .preorder a,
#finalpush .preorder a {
    padding: 0.5em;
    width: 80%;
}
#almostdone .preorder a:after,
#finalpush .preorder a:after {
    padding-top: 8%;
}
#almostdone .preorder img,
#finalpush .preorder img {
    display: block;
    margin: 0 auto;
    max-width: 80%;
}
.popup {
    display: none;
    font-size: 0.75em;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.popup_visible .popup {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.popup .wrap {
    text-align: center;
}
.popup .closelink {
    margin-top: 2em;
}
.popup .closelink a {
    color: #777;
    text-decoration: none;
}
.popup p {
    font-size: 1.5em;
    margin-bottom: 1.5em;
}
.popup .infusion-field {
    font-size: 1.3em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 50%;
}
.popup .infusion-submit {
    font-size: 1.8em;
    margin: 0 auto;
    width: 50%;
}
#video-series {
    color: #fff;
}
body {
    padding-top: 4.75em;
}
header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.button {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition: -webkit-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}
.button:hover {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@media (max-width: 960px) {
    .callout-content {
        font-size: 0.9em;
    }
}
@media (max-width: 900px) {
    body {
        padding-top: 8.5em;
    }
    header {
        padding-top: 1px;
    }
    header h1 {
        float: none;
        font-size: 3em;
        line-height: 1.2em;
        margin: 0.3em auto 0;
        text-align: center;
    }
    header nav .button {
        margin-top: 0.5em;
    }
    header nav {
        text-align: center;
    }
    #videos .discover h3:after,
    #videos .discover h3:before {
        width: 20%;
    }
}
@media (max-width: 880px) {
    .callout-content {
        font-size: 0.8em;
    }
}
@media (max-width: 790px) {
    #videos .callout-content h3 {
        font-size: 3em;
    }
    .callout-content {
        font-size: 0.7em;
    }
}
@media (max-width: 700px) {
    h3 {
        font-size: 3em;
    }
    #splash .button {
        margin: 0.5em auto;
        padding: 0.5em;
    }
    #teams h3 {
        font-size: 2.14em;
    }
    #bonuses .step {
        float: none;
        margin: 5% auto;
        width: 90%;
    }
    #bonuses .step:first-child {
        margin-left: auto;
    }
    #praise cite {
        font-size: 0.8em;
        letter-spacing: 3px;
        line-height: 1.4em;
    }
    #exclusivecontent h4 {
        font-size: 1.5em;
    }
    #exclusivecontent .bonus-details .badge {
        padding-top: 42%;
        width: 20%;
    }
    #teams .medals {
        font-size: 0.8em;
    }
    #authors h3 {
        margin-bottom: 35%;
    }
    #authors .wrap {
        margin-bottom: 0;
    }
    #authors .author {
        font-size: 1em;
    }
    #videos .discover {
        font-size: 0.9em;
    }
    #videos .discover li {
        width: 22%;
    }
    #videos .rightarrow:after {
        display: none;
    }
    #whofor {
        font-size: 0.8em;
    }
    #faq ul {
        font-size: 1.3em;
        width: 90%;
    }
    #faq h4 {
        letter-spacing: 0;
    }
    #almostdone .preorder img,
    #finalpush .preorder img {
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width: 610px) {
    .callout-content {
        font-size: 0.6em;
    }
}
@media (max-width: 505px) {
    h3 {
        font-size: 2.5em;
    }
    .callout-content {
        font-size: 0.5em;
    }
    #stores {
        padding-top: 1.2em;
    }
    #bonuses .banner h4,
    #exclusivecontent p {
        font-size: 1.2em;
    }
    #exclusivecontent .bonus-details,
    .bonus-details {
        background-position: center top;
        background-size: 100%;
        margin-top: 4%;
        padding-left: 0;
        padding-top: 55%;
    }
    .bonus-details .preorder {
        text-align: center;
    }
    #authors {
        padding-bottom: 0;
    }
    #authors h3 {
        margin-bottom: 50%;
    }
    #authors .author strong {
        font-size: 1.2em;
        letter-spacing: 10px !important;
    }
    #authors .author strong span {
        letter-spacing: inherit;
    }
    #authors .wrap {
        font-size: 0.9em;
        padding: 1em 0;
        width: 92%;
    }
}
@media (max-width: 440px) {
    h3 {
        font-size: 2em;
    }
    #powerfulguide p {
        font-size: 1.2em;
    }
    #videos .callout {
        background: 0 0;
    }
    #videos .calloutwrap {
        border: 2px solid #fff;
        padding-top: 0;
    }
    #videos .callout-content {
        font-size: 0.7em;
        position: static;
    }
    #videos .discover h3:after,
    #videos .discover h3:before {
        width: 15%;
    }
    #whofor ul {
        margin-left: 15%;
    }
    #authors h3 {
        margin-bottom: 60%;
    }
    #authors .author {
        line-height: 1.3em;
    }
}