@charset "UTF-8";
/* CSS Document */

/* = FONTS
-------------------------------------------------------------- */
@font-face {
    font-family: 'chunkfiveroman';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/chunkfive-webfont.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/chunkfive-webfont.eot?#iefix') format('embedded-opentype'"),
         url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/chunkfive-webfont.woff") format('woff'),
         url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/chunkfive-webfont.ttf") format('truetype'),
         url('/fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'hand_of_seanregular';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/hand_of_sean-webfont.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/hand_of_sean-webfont.eot?#iefix') format('embedded-opentype'"),
         url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/hand_of_sean-webfont.woff") format('woff'),
         url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/hand_of_sean-webfont.ttf") format('truetype'),
         url('/fonts/hand_of_sean-webfont.svg#hand_of_seanregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/OpenSans-Regular-webfont.eot");
    src: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'"),
         url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/OpenSans-Regular-webfont.woff") format('woff'),
         url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/OpenSans-Regular-webfont.ttf") format('truetype'),
         url('/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* = Core Layout
-------------------------------------------------------------- */
body 					{ padding-top:0px; margin:0    }
footer					{ margin:0; color:#999;}
.salescopy				{ font-size:130%; line-height:150%; padding:10px; font-weight:normal }
.content				{ padding:0; border-radius:10px 10px 10px 10px; box-shadow: rgba(46,57,44,1) 0px 2px 6px 0px; background:#FFFFFF; position:relative; z-index:95;}


body  img				{ width:auto; height:auto;}

.noticeFix				{ position:fixed; top:0px; z-index:9999; width:100%;  text-align:center;  }
.alert					{ display:none; font-size:110%}

.center 				{ text-align: center; margin: auto}
.red					{ color: #bc2f26 ;}


.funnel #section_7 , .page #section_7{ display:none}
.funnel .disclamer		{ font-size:100%; display:block; color:#777777}	
.funnel .bottom-footer	{ display:none;}
.home .salescopy		{ padding:15px 0 0;}
.funnel .main-padding 	{ padding: 25px 0;}
.funnel .top-bar .scraped-container	{ position:relative;}
.funnel .social-icons 	{ position:absolute; right:0px;}


/* = HEADER
-------------------------------------------------------------- */
.greyBack 				{ position:fixed; width:100%; height:100%; background:#4c5157; z-index:50; display:none }
.blueBar				{ text-align:center; border-bottom:8px solid #003d60; width:100%; }

#header					{ border-bottom: 1px solid #ececec; position:relative; z-index:2; padding:0 3% ;  }
.headerframe 			{ margin:0 auto; padding:0; max-width:900px; font-size:100%;   box-shadow:none;  position:relative;  }
#mainLogo				{ position:absolute; bottom:0px;  width:300px; height:auto}

.address				{ padding:10px 0 10px 0; text-align:right; color:#424242; min-width:300px; }
.address a				{ text-decoration:none; color:#424242}

.progressFrame			{ clear:both; height:80px; width:100%;}
.progress1				{ position:relative; left:-20px; float:left; z-index:3; margin-right:-8.4% !important; width:40%; min-width:270px; max-width:360px !important }
.progress2				{ position:relative; float:left; z-index:2; margin-right:-6.7% !important; width:40%; min-width:270px; max-width:360px !important}
.progress3				{ position:relative; float:left; z-index:1; margin-right:-300px !important; width:40%; min-width:270px; max-width:360px !important}

.floatLeft				{ float:left;}




/* = Footer
-------------------------------------------------------------- */
.funnel footer, .page footer{
	border-top: 5px solid #00AEEF;
}
.copyright			{ font-size:80%;}
footer address		{ font-size:90% !important; }
.footerNav			{ margin:10px 0px 20px 0px}
.footerNav	a				{ text-decoration:none; color:#dbdbdb; padding:0px 10px}
.footer-nav li a	{color:#dbdbdb;}
.footerNav	a:hover		{ text-decoration:none; color:#FFFFFF; cursor:pointer;}
.footerNav	a + a			{ border-left:1px solid #999}	

.disclamer		{ font-size:80%;}	



/* = Video Player
-------------------------------------------------------------- */
.jwplayerHolder		{ max-width:1000px; margin:0px auto; position:relative; }
.replayLink			{ color:#666; text-align:center; font-size:70%; cursor:pointer; text-decoration:underline}
#VidePlayer7		{ border:1px solid #ececec; position:absolute; top:0; left:0; z-index:10}
#VidePlayerAudio		{ position:absolute; top:-1000px; left:-900px}

.ratio-16-9		{	padding-bottom:56.25%; /* 9/16*100 */	}
.ratio-4-3		{ padding-bottom:75%; /* 3/4*100 */	}
.ratio-1-1		{ padding-bottom:100%; /* ... */  }

.ie6 .ratio-16-9	 { padding-bottom:0px;}
.ie7 .ratio-16-9	 { padding-bottom:0px;}
.ie8 .ratio-16-9	 { padding-bottom:0px;}


/* = Body Class changes
-------------------------------------------------------------- */
.funnel						{}
.funnel .scraped-container			{ max-width:100%; }
.funnel .white				{ padding: 0; background: #FFFFFF; position: relative; z-index: 95; }
.funnel .buyButton			{ display:none}
.content_citations			{ padding:0 40px;}
.funnel .template h3 		{ font-size: 20px;}
.funnel .bottom-bar nav		{display:none;}

			

/* = Sales Letters not presell page
-------------------------------------------------------------- */
.letter .scraped-container					{ max-width:850px}
.letter .salescopy					{ padding:15px 8%;}





/* = Upsell Pages
-------------------------------------------------------------- */

.upsell .salescopy					{ padding:15px 8%;}
.upsell .salescopy p				{ font-size:100%; line-height:150%; font-weight:normal; font-family: "Droid Serif", Calibri, "Times New Roman", serif;  margin-bottom:20px}
.upsell  h1							{ font-weight:bold; line-height:130%;}
.upsell  h2							{ font-weight:bold; line-height:130%; font-size:150%}
.upsell  h3							{ font-weight:bold; line-height:120%;}




/* = Presell Page
-------------------------------------------------------------- */
body.presell 					{ padding-top: 20px; background:#ffffff;  }
body.presell .scraped-container			{ font-size:100%; }
.presell #header				{ display:block; }
.presell	.blueBar			{ }
.presell	.scraped-container			{ max-width:850px; }
.presell	.salescopy p		{ font-size:120%; line-height:150%; font-weight:normal; font-family: "Droid Serif", Calibri, "Times New Roman", serif;  margin-bottom:20px}
.presell .entry-title			{ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; color: #0d7dcf;  display: block; font-weight: 100; margin-bottom:40px;}

.presell .note 					{ padding: 2%; background: #f1f1f1; border: 1px solid #dedede;	margin:20px auto 20px; width:80%}
.presell .blue 					{ padding: 5%; background: #e3f0f2; border: 1px solid #addde6;	margin:20px auto 20px;  width:80%}
.presell .white-frame	 	{ border:1px solid #cdcccc;padding:3px;background-color:#fff;margin:0 20px 0 0;}
.presell .white-frame-nb	 	{ border:0px solid #cdcccc;padding:3px;background-color:#fff;margin:0 20px 0 0;}

.presell ol						{  font-family: "Droid Serif", Calibri, "Times New Roman", serif; }
.presell ol li					{  margin-bottom:10px; font-style:italic; line-height:150%; }

.presell footer				{ margin:40px 0 0 0; background: #fff; color:#7C7C7C; padding:1% 3%; border-radius:0; font-size:80%;box-shadow: 1px 2px 8px 0 #fff; border-top:1px solid #ececec}
.presell footer a				{ color:#7C7C7C !important; text-decoration: none;}
.presell footer a:hover	{ color:#424242; text-decoration: none;}
.presell footer ul				{ list-style-type: none; margin:0; padding:0;} 
.presell footer ul li			{ display:inline-block; margin:0 0 1% 3%;}
.footerlinks						{ width:85%; margin:0  auto; text-align: center; position:relative;/*  left:-30px; */}
.fineprint						{ font-size:70%; color:#7C7C7C; text-align:center; margin:0 auto; position:relative;}
.medicalDisclamer			{ display:block;}




/* = Colors and Effects
-------------------------------------------------------------- */
.orangebtn:hover { 
	background: #f5a101;
	background: -moz-linear-gradient(top,  #fccb0d 0%, #f59704 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccb0d), color-stop(100%,#f59704));
	background: -webkit-linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	background: -o-linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	background: -ms-linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	background: linear-gradient(top,  #fccb0d 0%,#f59704 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccb0d', endColorstr='#f59704',GradientType=0 );
}

.orangebtn { border: 2px solid #f2ae29; color: #054ca4;  cursor:pointer; font-family: 'chunkfiveroman';
	background: #f9be0c;
	background: -moz-linear-gradient(top,  #fedd16 0%, #f5a101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fedd16), color-stop(100%,#f5a101));
	background: -webkit-linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	background: -o-linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	background: -ms-linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	background: linear-gradient(top,  #fedd16 0%,#f5a101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedd16', endColorstr='#f5a101',GradientType=0 );
}


.greyFade { 
	background: #333c45;
	background: -moz-linear-gradient(top,  #333c45 0%, #848383 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333c45), color-stop(100%,#848383));
	background: -webkit-linear-gradient(top,  #333c45 0%,#848383 100%);
	background: -o-linear-gradient(top,  #333c45 0%,#848383 100%);
	background: -ms-linear-gradient(top,  #333c45 0%,#848383 100%);
	background: linear-gradient(top,  #333c45 0%,#848383 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333c45', endColorstr='#848383',GradientType=0 );
}

.bluegrad {
        background: rgba(0,80,126,1);
        background: -webkit-linear-gradient(top,rgba(0,80,126,1) 36%,rgba(23,38,75,1) 100%);
        background: -ms-linear-gradient(top,rgba(0,80,126,1) 36%,rgba(23,38,75,1) 100%);
        background: linear-gradient(to bottom,rgba(0,80,126,1) 36%,rgba(23,38,75,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004e7b',endColorstr='#003353',GradientType=0);
    }



/* = Helpful Notices
-------------------------------------------------------------- */
.hp					{ cursor:pointer;}
.helpfull				{ position:absolute; z-index:99; width:30%; left:20px; top:20px; background:#f5fcfd; display:none; 
								border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.helpfull p			{ padding:0px 0px 10px; margin:0px;}
.helpfullClose		{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}


.checkInfo			{ position:absolute; z-index:50; width:100%; max-width:500px; left:70px;  background:#f5fcfd; display:none; 
							border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.checkInfo p		{ padding:0px 0px 10px; margin:0px;}
.checkInfoClose	{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}

.sendEmail				{ border:3px solid #1a4613; border-radius:7px; background:#298e3e; color:#FFF; text-align:center; 
					font-weight:bold; font-size:170%; padding:5px 0px; width:90%; margin:3px auto;
					background: -webkit-linear-gradient(#59d462, #298e3e); /* For Safari */
					background: -o-linear-gradient(#59d462, #298e3e); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #298e3e); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #298e3e); /* Standard syntax */}
					
.sendEmail:hover	{ background:#166a28; cursor:pointer;
					background: -webkit-linear-gradient(#59d462, #166a28); /* For Safari */
					background: -o-linear-gradient(#59d462, #166a28); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #166a28); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #166a28); /* Standard syntax */
					}
					
					
/* = Checkout
-------------------------------------------------------------- */
.checkout .scraped-container						{ max-width:970px}
.checkout .salescopy						{ padding:15px 5%;}
.guarantee										{ margin-top:20px}
.guarantee	 h3								{ font-size:220%; margin:0; }
.guarantee	 h4								{ font-size:90%;  margin:0;}
.guarantee	 .lock								{ position:relative; max-width:55px}
.guarantee	 .seal								{ position:relative; max-width:95px}
.guarantee	 .cards							{ position:relative; max-width:300px}
.guarantee	 .col-md-8						{ margin-left:-10px;}

.hp					{ cursor:pointer;}
.helpfull				{ position:absolute; z-index:99; width:30%; left:20px; top:20px; background:#f5fcfd; display:none; 
								border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.helpfull p			{ padding:0px 0px 10px; margin:0px;}
.helpfullClose		{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}


.checkInfo			{ position:absolute; z-index:50; width:100%; max-width:500px; left:70px;  background:#f5fcfd; display:none; 
							border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.checkInfo p		{ padding:0px 0px 10px; margin:0px;}
.checkInfoClose	{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}

.sendEmail				{ border:3px solid #1a4613; border-radius:7px; background:#298e3e; color:#FFF; text-align:center; 
					font-weight:bold; font-size:170%; padding:5px 0px; width:90%; margin:3px auto;
					background: -webkit-linear-gradient(#59d462, #298e3e); /* For Safari */
					background: -o-linear-gradient(#59d462, #298e3e); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #298e3e); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #298e3e); /* Standard syntax */}
					
.sendEmail:hover	{ background:#166a28; cursor:pointer;
					background: -webkit-linear-gradient(#59d462, #166a28); /* For Safari */
					background: -o-linear-gradient(#59d462, #166a28); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #166a28); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #166a28); /* Standard syntax */
					}
					
ul.smallchecks { margin:0; padding: 0; line-height:140%; }
ul.smallchecks li {
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/bps-bullet-40.png");
    background-position: 0 0.2em;
    background-repeat: no-repeat;
    font-size: 85%;
    line-height: 130%;
    list-style-type: none;
    margin-bottom: 12px;
    min-height: 3em;
    padding-left: 3.5em;
}



@media all and (max-width: 850px) {
	
	.progressFrame	{ border:3px solid #fff; box-shadow: rgba(46,57,44,1) 0px 2px 6px 0px; overflow:hidden; width:260px; margin:0px auto 20px;; 
									clear:both; -moz-border-radius: 7px; border-radius: 7px; height:auto}
	.progress1	{ position:relative; left:-25px; float:none; z-index:3; margin:-13px 0px -30px 0px !important; width:350px; min-width:350px }
	.progress2	{ position:relative; left:-40px; float:none; z-index:2; margin:0px 0px -30px 0px !important; width:350px; min-width:350px}
	.progress3	{ position:relative; left:-45px;  float:none; z-index:1; margin:0px 0px -20px !important; width:350px; min-width:350px}
	
	.guarantee										{ text-align:center}
	.guarantee	 .secure							{ border-bottom:1px solid #dedede; }
	.guarantee	 .money							{ border-bottom:1px solid #dedede; }
	.guarantee	 .lock								{ margin-top:20px}
	.guarantee	 .cards							{ margin-top:20px}
	
	.address			{ display:none; }
	#header				{ height:70px;}

	
}

@media all and (max-width: 450px) {
	#header				{ height:50px;}
	#mainLogo			{ width:200px; }
	
	footer					{ font-size:90%; padding: 10px 0px 0px; border-radius: 0px 0px 0px 0px; margin:15px 0 -50px;  }
	.popupBorder 			{ margin-top: 20px; }
	.footerNav				{ display:none; }
	.medicalDisclamer		{ font-size:60%}
	
	
}

/* = Popup
-------------------------------------------------------------- */
.popupFrame		{ position:fixed; top:0; left:0px; width:100%; height:100%; background:url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/bg_popup.png") repeat;  
					 		z-index:995; display:none; }
.popupClose		{ position:absolute; right:-10px; top:-10px; z-index:99;}
.popupBorder		{ position:relative; margin:5% auto 10%; text-align:left; padding:1%; border:1px solid #b5b5b5; 
							background:url("https://assets.checkoutchamp.com/Funnel/assets/images/c3140dc0-7fee-4da4-82bd-e4e7f4c943f5/9298fd74-0ed3-476c-bd16-a9533a67a7b5/bg_popup.png") repeat; width:80%; max-width:800px; min-width:200px; height:60%; min-height:300px; }
.popup				{ background:#FFF; padding:15px; position:relative; font-size:90%; overflow-y:scroll; overflow-x:hidden;  height:100%;  position:relative; }