body {
font-family:"Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, sans-serif;
font-size:18px;
line-height:1.5;
}

.dark-teal {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#072f39+1,104e5d+51,072f39+100 */
background: #072f39; /* Old browsers */
background: -moz-linear-gradient(left,  #072f39 1%, #104e5d 51%, #072f39 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #072f39 1%,#104e5d 51%,#072f39 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #072f39 1%,#104e5d 51%,#072f39 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#072f39', endColorstr='#072f39',GradientType=1 ); /* IE6-9 */

color:white;
}
.dark-teal .container-inner {
padding:20px 0;
}
.dark-teal h1 {
font-size:32px;
text-align:center;
font-weight:bold;
margin:40px 0;
}
.dark-teal .h1-1 {
font-style:italic;
display:block;
}
.dark-teal .h1-2 {
font-size:36px;
display:block;
}

#video-left {
width:690px;
float:left;
}
#video-right {
float:right;
text-align:left;
width:267px;
}
#video-right a {
display:block;
margin-bottom:10px
}
#video-right img {
width:100%;
box-shadow:0px 0px 5px #fff
}


.ch1 {
color:red;
display:block;
font-size:24px;
font-weight:bold;
}
.ch2 {
color:#5e5be6;
display:block;
font-size:20px;
font-weight:bold;
}
.top-pack.last {
text-align:center;
}
.top-pack .point {
float:right;
width:35px;
margin-right:10px;
}
.point-link {
text-decoration:none;
}

.top-pack {
background:white;
border-radius:10px;
padding:5px;
margin-bottom:10px;
line-height:1;
}
.top-pack img {
vertical-align:middle;
width:35%;
}
.top-pack-head {
color:red;
font-size:28px;
display:block;
border-bottom:1px solid black;
padding:0;
margin-bottom:5px;
font-weight:bold;
text-align:center;
}
.top-pack-text {
display:inline-block;
vertical-align:middle;
width:65%;
text-align:center;
font-style:italic;
}
.top-pack-text a {
color:#5e5be6;
display:block;
text-align:center;
text-transform:uppercase;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
.top-pack-text-name {
color:#253e43;
font-size:16px;
display:block;
font-weight:bold;
}

#social-top {
font-size:30px;
font-style:italic;
margin-top:10px;
}

#nav {
width:100%;
z-index:999;
background:#fff;
text-align:center;
box-shadow:0px 0px 10px #000
}
#nav a {
font-size:22px;
color:#17343a;
display:inline-block;
padding:10px 20px;
text-decoration:none;
font-weight:bold;
}

.gray-bg {
background:#eeeee6;
}
.gray-bg h2, #nick2 h2 {
font-size:36px;
font-weight:bold;
margin-bottom:10px;
}
.dark {
color:#223a46;
font-size:30px;
font-weight:800;
margin:20px 0;
}
.gray-bg h3 {
font-size:20px;
font-weight:bold;
font-style:italic
}
.gray-bg h2, .gray-bg h3 {
color:#1d3c41;
text-align:center;
}

.gray-bg .container-inner  {
padding:20px 0;
}

#nick-bg {
background:url('images/nick-sitting.jpg') 0% 0% no-repeat;
background-size:cover
}
#nick-quote {
float:right;
width:50%;
text-align:left;
box-sizing:border-box;
padding:20px;
font-size:18px;
background:url('images/trans-gray-bg.png');
}

#atom-section {
background:#133a4b;
padding:20px 0;
position:relative;
}
.atom {
width:10%;
display:inline-block;
vertical-align:middle;
}
.atom img {
width:100%;
}
.atom-text {
width:80%;
color:white;
vertical-align:middle;
text-align:center;
font-size:36px;
box-sizing:border-box;
padding:0 10px;
font-weight:bold;
display:inline-block;
}
.blue-tri {
position:absolute;
left:50%;
bottom:-42px;
margin-left:-87px;
}

.brain {
float:right;
margin:0 0 20px 20px;
}

#section-a {
border:1px solid #666;
}
#sec-a-left, #sec-a-right {
display:table-cell;
}
#sec-a-left {
width:33%;
font-weight:bold;
font-style:italic;
color:#666;
box-sizing:border-box;
padding:20px;
vertical-align:top;
background:white;
}
#sec-a-left a {
color:#59b0c4;
font-style:normal;
text-transform:uppercase;
display:block;
margin-top:20px;
text-decoration:none;
}
#sec-a-right {
width:67%;
}

.v-50 {
padding-top:50px !important;
padding-bottom:50px !important;
}

.video-holder {
width:500px;
float:left;
margin:0 20px 20px 0;
}
.video-holder2 {
width:500px;
margin:20px auto;
}

#nick2 {
background:url('images/nick-stage-full.jpg') 100% 0% no-repeat;
background-size:cover;
min-height:500px;
position:relative;
}
#nick2 h2 {
font-size:48px;
line-height:1.5;
}
#nick2 .fade {
position:absolute;
bottom:0;
left:0;
width:100%;
height:203px;
background:url('images/bottom-fade-white.png') repeat-x;
content:'';
}
.nick-stage-talk {
font-size:20px;
}
#nick2-text {
text-align:left;
box-sizing:border-box;
font-size:20px;
line-height:1.3;
text-align:center;
color:white;
text-shadow:1px 1px 1px #000;
}
.dark-blue-heading {
background:#133a4b;
}
.dark-blue-heading .container-inner {
padding:20px 0;
}
.dark-blue-heading h2, .dark-blue-heading h3 {
color:white;
text-align:center;
}
.dark-blue-heading h2 {
font-size:48px;
margin-bottom:20px;
font-weight:bold;
}
.dark-blue-heading h3 {
font-size:28px;
}
.more-v-margin {
margin:40px 0
}
.package {
padding:20px;
font-size:18px;
border:1px solid #bbb;
margin-top:60px;
}
.package h3 {
color:#2a4c58;
text-align:center;
font-size:28px;
font-weight:bold;

}
.package h4 {
color:#2a4c58;
text-align:center;
font-size:20px;
margin-bottom:20px;
}
.package-info {
width:500px;
float:right;
text-align:center;
margin:0 0 10px 10px;
}
.package-info1 {
border:1px solid #bbb;
padding:15px 5px 5px;
line-height:1;
}
.package-info1 .head1 {
color:red;
font-size:48px;
font-weight:bold;
display:block;
}
.package-info1 .head2 {
font-style:italic;
font-size:20px;
display:block;
}
.package-info1 .head2 sup {
font-size:12px;
}
.package-info1 img {
width:100%;

}
.package-info2 {
font-size:30px;
font-weight:bold;
}
.package-info2 .price {
color:red;
}
.package-info2 .price sup {
font-size:16px;
}
.package-info2 img {
border-radius:10px;
vertical-align:middle;
}


.top-40 {
padding-top:40px !important;
}
.bottom-40 {
padding-bottom:40px !important;
}
.top-100 {
padding-top:100px !important;
}
.bottom-80 {
padding-bottom:80px !important;
}
#super {
background:#f5f0ea;
border-radius:20px;
border:1px solid #6badb2;
color:black;
line-height:1.2;
margin-bottom:20px;
}
#super-inner {
padding:40px;
}
#super-left, #super-right {
width:50%;
float:left;
}
#super-left .bundle {
width:100%;
}
#super-left a {
display:block;
}
#super-left {
text-align:center;
}
#super h2 {
color:#1a3c40;
text-align:center;
font-weight:bold;
font-size:50px;
margin-bottom:40px;
}
#super h3 {

font-weight:bold;
color:black;
font-size:26px;
margin-bottom:40px;
text-align:center;
}
#super .cart {
border-radius:10px;
display:block;
margin:0 auto;
}

#super .big-bullet {
list-style:none;
}
#super .big-bullet li {
background:url('images/super-bullet.jpg') 0px 2px no-repeat;
margin-top:20px;
padding-left:30px;
line-height:1.3;
}
#super .little-bullet {
list-style:disc;
}
#super .little-bullet li {
margin-left:70px;
line-height:1.3;
margin-bottom:10px;
}
.payments-super {
display:block;
margin:10px auto 0;
}
.price1 {
font-size:40px;
text-decoration:line-through;
margin-right:10px;
}
.price2 {
font-size:60px;
color:darkred;
margin-left:10px;
}

#bonus-section {
background:#133a4b;
color:white;
position:relative;
}
#bonus-section h2 {
font-size:30px;
margin-bottom:20px;
text-align:center;
line-height:1.2;
font-weight:bold;
}
#bonus-section .bonus ul {
list-style:none;
}
#bonus-section .bonus li {
margin-left:50px;
margin-bottom:20px;
background:url('images/double-arrow.jpg') 0px 8px no-repeat;
padding-left:17px;
}
.bonus-med {
float:right;
width:400px;
margin:0 0 20px 20px;
}
#bonus-section .container-inner {
padding-top:20px;
padding-bottom:20px;
}
.blue-tri-up {
position:absolute;
top:-76px;
left:50%;
margin-left:-485px;
}
.dl-left {
margin-right:420px;
}
.dl-right {
float:right;
width:400px;
}
.dl-left a {
text-align:center;
display:block;
}

.guarantee {
padding-top:20px;
}
b {
font-weight:bold;
}
i {
font-style:italic;
}
.guar-outer {
border-bottom:3px solid #133a4b;
}
.guar-left {
width:25%;
display:inline-block;
vertical-align:top
}
.guar-left img {
width:100%;
}
.guar-right {
width:75%;
display:inline-block;
vertical-align:middle;
box-sizing:border-box;
padding-left:20px;
line-height:1.4;
}
.guar-right h3 {
font-size:28px;
margin-bottom:20px;
}

.guar-text-1, .guar-text-2 {
display:table-cell
}
.guar-text-2 {
vertical-align:bottom;
}

.nick-sig {
text-align:right;
margin-right:20px;
font-style:italic
}

.footer a {
color:white;
margin:0 20px;
text-decoration:none;
}
.footer {
color:#ddd;
font-size:20px;
line-height:1.5;
}
.footer .container-inner {
text-align:center;
}

.container {
width:990px;
margin:0 auto;
text-align:center;
}
.container-inner {
text-align:left;
}


.white-glow {
box-shadow:0px 0px 40px #fff;
}
.video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container.top {
padding-bottom:52%;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
}

.clear {
content:'';
height:0;
clear:both;
}

.arrow-ul {
list-style:none;
}
.arrow-ul li {
margin-left:20px;
}
.arrow-ul li:before{
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -15px;
    top: 18px;
    position: relative;
}
.dot-ul {
list-style:disc;
margin-left:40px;
margin-top:10px;
}




.tan-bg {
background:#f5f0ea;
padding:20px 0;
}
.quote {
width:30%;
margin:0 1%;
float:left;
font-size:16px;
}
.quote img {
width:200px;
display:block;
border-radius:50%;
border:1px solid black;
box-shadow:1px 1px 5px #666;
margin:0 auto 10px;
}

.what-happens {
float:left;
width:22%;
margin:1.5%;
font-size:16px;
line-height:1.2;
}
.what-happens span {
display:block;
font-size:18px;
text-align:center;
margin-bottom:10px;
height:40px;
}
.what-happens img {
width:90%;
display:block;
margin:0 auto;
}
.happens-number {
float:left;
padding:4px 12px;
text-align:center;
background:#3a969c;
font-weight:bold;

border-radius:50%;
color:white;
}
.happens-text {
margin-left:40px;
}

.question {
display:block;
border-bottom:1px solid #3a969c;
padding:15px 0;
font-size:22px;
font-weight:bold;
}
.question img {
float:right;
}
.answer {
display:none;
font-weight:normal !important;
}
.qa {
cursor:pointer;
}

.testimonial {
font-size:30px;
margin:0px 70px;
}

.testimonial img.person {
margin-right:20px;
box-shadow:1px 1px 1px #000;
border-radius:50%;
width:100px;
vertical-align:middle
}
.testimonial .arrow-left, .testimonial .arrow-right {
position:absolute;
top:50%;
margin-top:-28px;
}
.testimonial .arrow-left {
left:-85px;
}
.testimonial .arrow-right {
right:-85px;
}
.quote-text {
padding:0 20px;
font-size:22px;
line-height:1.2;
}
.quote-by {
font-size:20px;
padding:0 20px;
}

.quote-by img {
float:left;
margin-right:20px;
border-radius:50%;
box-shadow:1px 1px 5px #666;
width:100px;
}
.quote-by-person {
padding-top:20px;
}

.teal {
color:#3a969c
}
h2.bigger {
font-size:30px;
}
h2.bold {
font-weight:bold;

}

.success-headline {
font-weight:bold;
font-size:24px;
margin-bottom:20px;
}
.success {
background:#f5f0ea;
padding:40px;
margin-bottom:40px;
}
.success-quote {
font-style:italic;
padding:20px;
}
.success-line, .quote-line {
background: #1b6e73;
height:1px;
margin:20px auto;
}
.success-bottom {
text-align:right;
font-weight:bold;
}
.success-pic {
width:200px;
float:right;
text-align:center;
font-weight:bold;
margin-left:20px
}
.success-bottom img, .success img {
border-radius:50%;
width:200px;
box-shadow:1px 1px 5px #666;
vertical-align:middle;
}
.success-name {
font-weight:bold;
}
.button-break {
display:none;
}
.sp-vid-block {

float:left;
box-sizing:border-box;
padding:10px;
}
.block-left {
width:60%;
padding-right:30px;
}
.block-right {
width:40%;
}
.block-right span {
margin-top:45px;
}
.sp-vid-block h2 {
font-size:30px;
color:#036;
font-weight:bold;
}
.sp-vid-block span {
display:block;
font-size:20px;
margin-bottom:20px;
color:#036
}
.sp-vid-block ul {
list-style:disc;
}
.sp-vid-block li {
margin-left:20px;
margin-bottom:10px;
}


@media only screen and (max-width:1010px) {
   .container {
   width:100%;
   }
   .container .container-inner {
   padding:10px;
   }
   .guar-outer .container-inner {
   padding:20px 10px 0;
   }
   #video-left, #video-right {
   width:100%;
   float:none;
   }
   #video-right a {
   display:inline-block;
   margin:0 1%;
   width:22%;
   vertical-align:middle;
   }
   #video-left {
   margin-bottom:10px;
   }

   #social-top {
   padding:20px 0;
   }

}

@media only screen and (max-width:950px) {
   .top-pack img {
   display:block;
   margin:0 auto
   }
   .top-pack-text {
   display:block;
   width:100%;
   text-align:center;
   }
   .blue-tri-up {
   margin-left:0;
   left:0;
   }
}

@media only screen and (max-width:900px) {
   #nick-quote {
   float:none;
   width:100%;
   }
   .package-info {
   float:none;
   margin:10px auto;
   }

}

@media only screen and (max-width:850px) {
    .video-holder {
    float:none;
    display:block;
    margin:10px auto;
    }

}
.below-text { display:none; }
@media only screen and (max-width:820px) {
    #nick2 {
    background-image:url('images/nick-stage-full.jpg');
    }

    #nick2-text {
    width:100%;
    float:none;
    
    }
    #sec-a-left, #sec-a-right {
    display:block;
    width:100%;
    }
    .button-break {
    display:block;
    content:'';
    height:0;
    }
    #video-right a {
    width:45%;
    margin:20px 1%;
    }
    .dl-right, .dl-left {
    float:none;
    width:100%;
    }
    .right-text { display:none }
    .below-text {display:inline}
    
}



@media only screen and (max-width:800px) {
   .quote-text {
   margin-bottom:20px;

   }
   .quote img {
   width:80px;
   float:left;
   margin-right:20px;
   }
   .quote {
   font-size:16px;
   line-height:1.5;
   width:100%;
   }
   
   .what-happens {
   float:none;
   margin-bottom:30px;
   width:100%;
   }
   .what-happens img {
   width:auto;
   }
   .what-happens span {
   height:auto;
   }
   
}
@media only screen and (max-width:760px) {
    .brain {
    float:none;
    display:block;
    margin:10px auto;
    }
    .bonus-med {
    float:none;
    margin:0 auto 20px;
    display:block;
    }
    #bonus-section .bonus li {
    margin-left:0;
    }
    .container-inner .sp-vid-block {
    width:100%;
    }

    
}
@media only screen and (max-width:720px) {
   .success, .success-quote {
   padding:10px;
   }
   
}

@media only screen and (max-width:700px) {


   .testimonial.unslider-horizontal {
   margin:0;
   }

   .arrow-left, .arrow-right {
   display:none;
   }
   .testimonial {
   margin:0 10px;
   }
   .unslider-arrow.next, .unslider-arrow.prev {
   display:none;
   }
   .quote-line {
   width:90%;
   margin:20px auto;
   }
   #super-left, #super-right {
   width:100%;
   float:none;
   }
   #super-inner {
   padding:20px;
   }
}


@media only screen and (max-width:650px) {
   .blue-tri-up {
   left:50%;
   margin-left:-160px;
   }
   .payments {
   margin-bottom:50px;
   }
   .top-pack-text-name {
   font-size:22px;
   }
   .top-pack-head {
   font-size:24px;
   }
   .atom, .atom-text {
   width:100%;
   text-align:center;
   float:none;
   padding:0;
   display:block;
   }
   .atom img {
   width:auto;
   }
   .atom.last {
   display:none;
   }
   .prod-left h3 {
   margin:0;
   }
   .guar-left, .guar-right {
   width:100%;
   display:block;
   text-align:center
   }
   .guar-right {
   padding:0;
   }
   .guar-left img {
   width:150px;
   }
   .guar-text-1, .guar-text-2 {
   display:block;
   }
   .nick-sig {
   text-align:center;
   }
}

@media only screen and (max-width:600px) {
    .package-info {
    width:100%;
    }
    .package {
    padding:5px
    }
}

@media only screen and (max-width:550px) {
   .success-pic {
    width:200px;
    float:none;
    text-align:center;
    font-weight:bold;
    margin:0 auto
    }

    .top-pack {
    display:block;
    width:100%;
    margin-bottom:5px;
    }
    
    .video-holder {
    width:100%;
    }
    .atom-text {
    font-size:28px;
    }
    .gray-bg h2, #nick2 h2 {
    font-size:30px;
    }
    #bonus-section #super h2 {
    font-size:38px;
    }
    .video-holder2 {
    width:100%;
    }
}

@media only screen and (max-width:450px) {
    .brain {
    width:100%;
    }
    #video-right a {
    display:block;
    width:95%;
    margin:10px auto;
    }
    .bonus-med {
    width:100%;
    }
    #bonus-section h2 {
    font-size:22px;
    }
    .pts {
    width:100%;
    }
}
@media only screen and (max-width:400px) {
    #super .cart, #super .payments-super {
    width:100%;
    }
}

@media only screen and (max-width:370px) {
    .payments {
    width:100%;
    }
}







