/*
Cascading Style Sheet for the TSS Course Sales Pages
e.g. https://thesweetsetup.com/things/

Hand-coded by Shawn Blanc. Copyright Blanc Media, LLC

Updated Feb 2020

*/

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */

#navbar { 
	position: fixed;
	 background-image:
    linear-gradient(
    	to left, 
		#D60052, #CA004E );
	text-align: center;
	top: 0px;
	left: 0px;
	z-index: 999;
	width:100%;
	}
	
	#navbar p {
		width: 820px; 
		margin: auto; 
		text-align: center;
		padding: 5px 0 5px 0;
		font-size: 14px;
		color: #fff;
		}
		
		#navbar p strong {color: #fff;}
	
	#navbar a.nav_register {
		font-weight: bold;
		background-color: #800035;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 11px;
		padding: 5px 8px 5px 8px;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-transition:background-color .2s ease-in;
		-o-transition:background-color .2s ease-in;
		-webkit-transition:background-color .2s ease-in;
		}
		
			#navbar a.nav_register:hover {
				background-color: #fff;
				color: #1a1a1a;
				-moz-transition:background-color .2s ease-in;
				-o-transition:background-color .2s ease-in;
				-webkit-transition:background-color .2s ease-in;

			}
			
	#navbar p.mobile {display: none;}

h1 {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 72px; color: white; margin-top: 72px; font-weight: 700; padding: 0; margin-bottom: 8px; }

	h1 a {color: white;}

h2 {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 32px; color: #222; margin-top: 48px; font-weight: 700; padding: 0; margin-bottom: 8px; line-height: 38px;}

	h2 em {font-style: italic; font-weight: 700;}

h3 {
	color: #222;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	}

h4 {
	color: #222;
	text-align: center; font-size: 24px; font-weight: normal; }

strong {font-weight: 700;}

em {font-style: italic;}

audio {width: 600px;}

body {
	margin: 0 auto 0 auto;
	background: #ffffff;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	color: #444;
	}

#header {
	margin: 0 auto;
	display: block;
	background-color: black;
	text-align: center;
	background-image: url(img/all-the-things-masthead-bg.jpg);
    background-size: cover;
	}

#header.ulysses {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/ulysses/learn-ulysses-2-masthead-bg-1a.jpg);
    background-size: cover;
	}

#header.things {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/all-the-things-masthead-bg.jpg);
    background-size: cover;
	}

#header.dayone {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/day-one-masthead-bg.jpg);
    background-size: cover;
	}

#header.goodnotes {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/goodnotes/goodnotes-course-masthead.jpg);
    background-size: cover;
	}

#header.planner {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/digital-planner/2020-planner-masthead.jpg);
    background-size: cover;
	}	



#header.simple-habits {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/simple-habits/simple-habits-masthead.jpg);
    background-size: cover;
	}	


#header.mindmap {
	margin: 0 auto;
	margin-bottom: 0;
	display: block;
	background-color: black;
	text-align: center;
	background-position: center center;
	background-image: url(img/mindmap/mastering-mind-maps-masthead.jpg);
    background-size: cover;
	}		
	
	#header.ulysses h1 {font-size: 60px;}
	
	#header.ulysses a, #header.things a, #header a.buybutton, #header.dayone a, #header.goodnotes a {
		font-weight: bold;
		background-color:#D60052;
		color: #fff;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 14px;
		padding: 10px 16px 10px 16px;
		border-radius: 5px 5px 5px 5px;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		-moz-transition:background-color .2s ease-in;
		-o-transition:background-color .2s ease-in;
		-webkit-transition:background-color .2s ease-in;
		}
		
		#header.things a:hover, #header a.buybutton:hover {
			background-color: #fff;
			color: #1a1a1a;
			-moz-transition:background-color .2s ease-in;
			-o-transition:background-color .2s ease-in;
			-webkit-transition:background-color .2s ease-in;
		}



#title {width: 820px; margin: 0 auto 24px auto; padding: 24px 0 48px 0; }

	#header p {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 22px;
		color: #e4e4e4;
		width: 650px;
		display: block;
		}

	#header p.updated {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		color: #FBDD3A; /* #81e2ff; */
		width: 500px;
		display: block;
		}

#hero {
	display: block;
	text-align: center;
	margin: 24px auto 24px auto;
	max-width: 100%;
	}

#hero img {max-width: 100%;}

.ortheebook p {font-size: 14px; }

#author { width: 640px; margin: 50px auto;}

img.bio {
	max-width: 100%;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


#valuewrapper.valuelist, .valuelist {
	padding-bottom: 75px;
	padding-top: 0;
	width: 820px;
	align-items: center;
	align:center; 
	margin: 0 auto;
	}

#valuewrapper {	
	clear: both;
	display: block;
	background-color: #F2F9F8;
	align:center; 
	margin: 0 auto;
	padding: 0 0 0 0;
	}

#intro_wrapper {

	/*
	background-color: #3f3f3f;
	background: url(i/about_1_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	*/
}

#intro, .intro {
	width: 650px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	}

	#intro p.lede, #success_content p.lede{font-size: 20px; line-height: 30px;}

	#intro img {
		clear: both;
		float: none;
	}

#success_wrapper {}

#success_content {
	width: 600px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	}

	#success_content p {font-size: 20px; line-height: 30px;}

	#success_content h3 {font-size: 24px; line-height: 36px;}

#contents {
	width: 820px;
	margin: 0 auto;

	}

	#contents ul {list-style: none; margin-left: 0; padding-left: 0}

	#contents ul li { display: inline-block; width:200px; margin: 0.5em 0; padding:0 ; vertical-align: top;}

	#contents ul li.left {padding-right: 100px;}

	#contents ul li.right {padding-left: 100px;}

	#contents ul img { text-align: center; margin:0; padding:0; max-width: 200px; border-radius: 10px;}

	#contents ul li p.thing {font-weight: 600; margin-bottom: 7px; font-size: 14px; margin-top: 12px; padding-bottom: 0;}
	
	#contents ul li p.valuetitle {font-weight: 800; margin-bottom: 7px; font-size: 18px; margin-top: 4px; padding-bottom: 0; text-align: center; line-height: 24px;}
	
	.valuemoji {font-size: 30px;}

	#contents ul li p {font-weight: normal; font-size: 12px; line-height: 18px; margin-top: 12px;}

	#contents p.fineprint {font-weight: normal; font-size: 12px; line-height: 18px; margin-top: 12px;}

	#contents .green {
		float: right;
		width: 200px;
		margin: 12px 13px 24px 105px;
		border: 2px solid;
		border-color: rgba(255, 255, 255, 0.25);
		cursor: pointer;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		background: #D60052;
		transition: background 0.5s;
		-moz-transition:background 0.5s; /* Firefox 4 */
		-webkit-transition:background 0.5s; /* Safari and Chrome */
		-o-transition:background 0.5s; /* Opera */
		}

		#contents .green p {
			padding: 12px;
			margin: 0;
			font-weight: 600;
			font-size: 20px;
			color: #fff;
			}
			
			#contents .green p .strikeout {
			font-weight: normal;
			text-decoration: line-through;
			color: rgba(255, 255, 255, 0.9);
			}

	#contents .green:hover {
		background: #13647B;
		transition: background 0.5s;
		-moz-transition:background 0.5s; /* Firefox 4 */
		-webkit-transition:background 0.5s; /* Safari and Chrome */
		-o-transition:background 0.5s; /* Opera */
		}
		
	#contents h2.guarantee, p.guarantee {color: #2B9A2F; text-align: center;}
	
	#contents p.guarantee {font-size: 16px;}

#intro ul li {
		line-height: 28px;
		margin-bottom: 24px;
		font-size: 18px;
		}

ul, ul.faq {margin-left: 36px;}

ul li, ul.faq li {list-style: disc; margin-bottom: 24px; line-height: 24px;}

#learn {
	width: 820px;
	margin: 0 auto 80px auto;
	padding-top: 40px;
	}

#learn ul.interviews_a  {
	width: 360px;
	float: left;
	margin: 0;
	padding: 0;
	}

#learn ul.interviews_b {
	width: 360px;
	float: right;
	margin: 0;
	padding: 0;
	}

#learn li img {
	float: left;
	margin: 5px 10px 15px 0;
	max-width: 50px;
	max-height: 50px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius:25px 25px 25px 25px;
	}


#video {background-color: black; padding-top: 24px; }

	#video p, #video p strong {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		font-size: 18px;
		color: #e4e4e4;
		width: 775px;
		display: block;
		}

	#video p a, #video p a strong {
	color: #426FB1;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	transition: color 0.3s;
	-moz-transition:color 0.3s; /* Firefox 4 */
	-webkit-transition:color 0.3s; /* Safari and Chrome */
	-o-transition:color 0.3s; /* Opera */
	}

	#video p a:hover, #video p a strong:hover {
		color: #11c0fa;
		transition: color 0.3s;
		-moz-transition:color 0.3s; /* Firefox 4 */
		-webkit-transition:color 0.3s; /* Safari and Chrome */
		-o-transition:color 0.3s; /* Opera */
		}

#video_wrapper {}

#vid {
	width: 820px;
	margin: 0 auto 80px auto;
	padding-top: 40px;}

.purchase {
	width: 820px;
	margin: 0 auto;
	padding-bottom: 40px;
	}

	.purchase .normal {font-weight: normal;}

#props-wrapper {
	width: 800px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	}

.props {
	clear: both;
	display: block;
	padding: 12px 48px 24px 48px;
	background-color: #F2F9F8;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	}

	.props_inside {width: 600px; margin: 0 auto;}

		.props p.endorsement {
			font-size: 18px;
			line-height: 26px;
			font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;
			font-style: normal;
			font-weight: 400;
			margin-left: 80px;
			}

			.props p.name {	
				font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
				color: #6d7070; 
				font-size: 11px;
				font-weight: 600;
				margin-left: 80px;
				text-transform: uppercase;
				letter-spacing: 1px;
				}
				
			.props .highlight, p .highlight, p.highlight, p.provideo {background-color: #F7EFA7;}
			
			.highlight_blue, p.highlight_blue, p.screencast {background-color: #E4FDFF;}
			
			p.ulyssesadvanced, p.mindmapworkflow {background-color: #e2ffe6;}

		.props img.endorser {
			float: left;
			margin: 0 0 0 0;
			max-width: 60px;
			max-height: 60px;
			-moz-border-radius: 30px 30px 30px 30px;
			-webkit-border-radius: 30px 30px 30px 30px;
			border-radius: 30px 30px 30px 30px;
			}

		.props h4 {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
			font-size: 24px; color: black; margin-top: 14px; font-weight: 100; padding: 0; margin-bottom: 8px;
			text-align: center;
			 }

		.props_inside ul.faq li {font-size: 16px; line-height: 24px;}


		.props .email form {background-color: #F6F5EA; }

.email-footer {width:100%; background-color: #e9f1f5; padding-bottom: 75px;}

.email_wrapper {
	background-color: white; /* #e9f1f5; */
	margin: 0;
	}

#email, .email {
	width: 820px;
	clear: both;
	display: block;
	padding-top: 48px;
	padding-bottom: 24px;
	margin: 0 auto 36px auto;
	background-color: transparent;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	}

		#email p, .email p {margin: 0 25px 25px 30px;}

		#email input.newsletter, #email input.requiredemail, #email input.required email, #email input.emailaddress, .email input.emailaddress, .email input.newsletter, .email input.requiredemail, .email input.required email  {
			width: 640px;
			font-size: 32px;
			line-height: 56px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
			color: #A1A1A1;
			padding: 0px 0 5px 12px;
			border: 1px solid #ccc;
			border-radius: 5px;
			outline: none;
			font-style: italic;

			}

		#email input.button, .email input.button {
			font-size: 28px;
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
			color: #000;
			padding: 10px 7px 5px 7px;
			border: 1px solid #999;
			border-radius: 5px;
			outline: none;
			transition: background-color 0.35s;
			-moz-transition: background-color 0.35s; /* Firefox 4 */
			-webkit-transition: background-color 0.35s; /* Safari and Chrome */
			-o-transition:background-color 0.35s; /* Opera */
			}

			#email input.button:hover, .email input.button:hover {
				background-color: #fafafa;
				border: 1px solid #cfcfcf;
				transition: background-color 0.35s;
				-moz-transition: background-color 0.35s; /* Firefox 4 */
				-webkit-transition: background-color 0.35s; /* Safari and Chrome */
				-o-transition:background-color 0.35s; /* Opera */
				cursor: pointer;
				}


		#email form, .email form {padding: 0 12px 24px 12px; }

		#email img.sample_icon, .email img.sample_icon {float:left; margin: 35px 25px 0 20px; clear:both; }


#garage { align:center; margin: auto; width: 820px; padding-bottom: 75px;}

#garage.value-stack, .value-stack {background-color: #dadada;}

strong {font-weight: 600; color: black;}

p {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	line-height: 28px;
	margin-bottom: 24px;
	font-size: 18px;
	color: #333333;
	}

ul li,  {
	list-style: disc;
	margin-bottom: 0px;
	margin-top: 0;
	line-height: 24px;
	font-size: 14px;
	}

ul.interviews li, ul.interviews_a li, ul.interviews_b li {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 24px;
	padding-left: 0px; line-height: 24px;
	font-size: 16px;}

ul.interviews {
	margin-left: 0px;
	padding-left: 0px;
	}

a {
	color: #426FB1;
	border-bottom: 1px solid transparent;
	text-decoration: none;
	transition: color 0.3s;
	-moz-transition:color 0.3s; /* Firefox 4 */
	-webkit-transition:color 0.3s; /* Safari and Chrome */
	-o-transition:color 0.3s; /* Opera */
	}

a:hover {
	color: #11c0fa;
	transition: color 0.3s;
	-moz-transition:color 0.3s; /* Firefox 4 */
	-webkit-transition:color 0.3s; /* Safari and Chrome */
	-o-transition:color 0.3s; /* Opera */
	}

strong {font-weight: 600;}

#about_contents ul, #about_video ul, #about_resource ul {margin-left: 8px; padding-left: 8px; }

#about_video, #about_resource {margin-left: 30px;}

#about_contents ul li, #about_video ul li, #about_resource ul li {font-size: 14px; line-height: 18px; margin-bottom: 14px;}

#about_contents {float: left; width: 230px; border-right: 1px solid #dedede; padding-right: 30px;}

#about_video {float: left; width: 230px; }

#about_resource {float: left; width: 230px; border-left: 1px solid #dedede; padding-left: 30px;}

#about_contents p, #about_video p, #about_resource p {margin-bottom: 0; font-size: 14px; }

#interviewees {float: right; width: 520px; }

#social {clear: both; display: block; }

#interviewees li img {
	float: left;
	margin: 5px 10px 15px 0;
	max-width: 50px;
	max-height: 50px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	border-radius:25px 25px 25px 25px;
	}


	.quote {background-color: #0C1016; padding-top: 24px; 
		
		 background-image:
    linear-gradient(
    	to left top, 
		#0C1016, #151F31 );

	}

	.quote p {
		padding: 24px 0 24px 0;
		width: 820px;
		margin: 24px auto;
		font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif; 
		font-size: 36px;
		font-weight: 300;
		text-align: center;
		font-style: italic;
		color: white; 
		padding: 0; 
		letter-spacing: -1px;
		margin-bottom: 8px;
		line-height: 54px;
		}

	.quote img.quotee-headshot {
		margin: 0 auto 0 auto;
		max-width: 100px;
		max-height: 100px;
		display: block;
		-moz-border-radius: 50px 50px 50px 50px;
		-webkit-border-radius: 50px 50px 50px 50px;
		border-radius:  50px 50px 50px 50px;
		}

	.quote p.quoted {
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		text-align: right;
		font-size: 14px;
		margin-top: 0;
		font-weight: 600;
		font-style: normal;
		text-align: center;
		padding-bottom: 12px;
		margin-bottom: 0;

		}

/* Button Styles */

.purchase {width: 820px; margin: 0 auto;}

.purchase .button-main {
	color: #fff;
	float: none;
	margin: 0 auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 20px;
	border: 4px solid transparent;
	
	cursor: pointer;
	}

.title {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	padding: 15px 15px 20px 15px;
	overflow: hidden;
	float: left;
	color:#fff;
	font-weight: bold;
	font-size: 20px;
	border-right: 1px solid rgba(0,0,0,0.13);
	}

	.title .button_desc {font-weight: normal; font-style: italic; font-size: 16px; color:#fff;}

.title_ebook {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	padding: 30px 15px 30px 15px;
	overflow: hidden;
	float: left;
	color:#2D2108;
	font-weight: bold;
	font-size: 20px;
	border-right: 1px solid rgba(0,0,0,0.13);
	}

.price {
	font-family: "Sentinel SSm A", "Sentinel SSm B";
	font-weight: 400;
	padding: 23px 20px 20px 20px;
	float: left;
	color: #fff;
	font-weight: normal;
	font-size: 24px;
	}

.pricenumber { 
	font-family: "Sentinel SSm A", "Sentinel SSm B";
	font-weight: 400;
	} 
	
.strike {text-decoration: line-through;
		color: #f0f0f0;
		opacity: .8;		
}

.yellow { background: #E11665; border: 8px solid transparent; color: #fff; display: block; position: relative; text-decoration: none; -webkit-transition: background 2s ease-in-out, border .2s ease-in-out; -moz-transition: background 2s ease-in-out, border .2s ease-in-out; transition: background 2s ease-in-out, border .2s ease-in-out; }

.yellow:hover, .yellow:focus { background: #0E778E; border-color: rgba(255, 255, 255, 0.25); color: #fff; }

#buybox {
	width: 800px;
	margin: 75px auto;
	}

	#buybox a img {background-color: transparent;}

#bundle {
	float: left;
	width: 325px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #dedede;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	}


	#bundle h2, #ebook h2 {
		background-color: #DDE6EA;
		text-align: center;
		margin: 0;
		-moz-border-radius: 4px 4px 0px 0px;
		-webkit-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		text-align: center;
		font-size: 30px;
		font-weight: 800;
		background-color: #DDE6EA; /* #e9f1f5; */
		padding-top: 24px;
		padding-bottom: 12px;
		text-align: center;
		

		}


	#bundle img, #ebook img {margin-top: 24px; padding-top: 24px;}

	#bundle p, #ebook p {
		margin: 12px 18px 24px 24px; 
		padding-left: 12px; 
		line-height: 32px;
		font-size: 15px;
		font-weight: 500;
	}

	#bundle a {border-bottom: 1px solid transparent;  }

	#ebook {
		margin: 0 auto;
		float: right;
		width: 325px;
		border: 1px solid #dedede;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;
		border-radius: 8px 8px 8px 8px;
	}


a.buy-button p {
	font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
	text-align: center;
	background: #E11665; 
	border: 3px solid transparent; 
	color: #fff; 
	text-decoration: none; 
	font-size: 26px;
	background-color: #E11665;
	padding: 8px 0 8px 0;
	margin: 0;
	cursor: pointer;
	transition: background 1.5s;
	-moz-transition:background 1.5s; /* Firefox 4 */
	-webkit-transition:background 1.5s; /* Safari and Chrome */
	-o-transition:background 1.5s; /* Opera */
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	}

	a.buy-button p .nounderline { border-bottom: 1px solid transparent; border-bottom-color: transparent; text-decoration: none;}

	a.buy-button:hover p {
		background: #0E778E; 
		border-color: rgba(255, 255, 255, 0.25); 
		color: #fff;
		transition: background 1.5s;
		-moz-transition:background 1.5s; /* Firefox 4 */
		-webkit-transition:background 1.5s; /* Safari and Chrome */
		-o-transition:background 1.5s; /* Opera */
		border-bottom-color: transparent;
	}
	

	.jump-to-contents {width: 700px; margin: 0 auto;}
	.jump-to-contents p {font-size: 12px; color: gray; }


.strikeout {
    position: relative;
}
.strikeout::after {
    border-bottom: 3px solid red;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 45%;
}


ul.jp-controls {list-style: none; color: transparent;}

/* iPhone mumbo jumbo */

@media screen and (max-device-width: 480px) {

	#navbar p {	font-size: 32px; padding-top: 20px; padding-bottom: 20px;}
	#navbar a.nav_register { 
		font-size: 28px; padding: 15px 15px 15px 15px; 
		border-radius: 8px 8px 8px 8px;
		-moz-border-radius: 8px 8px 8px 8px;
		-webkit-border-radius: 8px 8px 8px 8px;

		}


	#navbar p.nonmobile {display: none;}

	h1 { font-size: 88px;}

		h1 a {color: white;}

	h2 { font-size: 64px; line-height: 72px; margin-bottom: 72px; margin-top: 128px;}

		#hero h2 {font-size: 60px;}

	h3 {font-size: 48px; padding-top: 56px; margin-top: 56px; margin-bottom: 48px; line-height: 64px;}

	h4 { font-size: 42px;}

	body {margin: 0 auto; }
	
	#header {padding-top: 60px;}

	#header p {font-size: 38px; width: 750px; line-height: 58px;}

	#header p.updated {margin-top: 72px; font-size: 32px; width: 750px; line-height: 58px;}
	
	#header p.updated a {
		font-size: 42px;
		padding: 20px 30px 20px 30px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		}

	.purchase {
		padding: 40px 0 80px 0;
		margin: 10px auto;
		text-align: center;
		width: 800px;
		border-bottom-color: transparent;
		}

		.purchase a { border-bottom-color: transparent; text-decoration: none; margin-bottom: 45px;}

		.purchase .button-main {
			width: 95%;
			float: none;
			clear: both;
			margin: 0 auto;
			padding: 20px 10px 20px 10px;
			-webkit-border-radius: 15px;
			-moz-border-radius: 15px;
			border-radius: 15px;
			border-bottom-color: transparent;
			}

		.purchase .title, purchase .button-2 .title_ebook {
			font-weight: normal;
			text-decoration: none;
			border-bottom-color: transparent;
			float: none;
			font-size: 56px;
			padding: 15px 5px 5px 5px;
			margin: 0 5px 10px 5px;
			font-weight: bold;
			border: transparent;
			text-align: center;
			}

		.purchase .button_desc {font-size: 46px; line-height: 0px; font-style: normal; padding: 10px 10px 0 10px; margin: 0; color: #fff;}

		.purchase .price {
			font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
			padding: 15px 0 10px 0;
			float: none;
			color: #fff;
			text-align: center;
			font-weight: 700;
			font-style: normal;
			font-size: 52px;
			border-left: transparent;
			}

	#ortheebook p {line-height: 58px; font-size: 38px; }

	#contents { width: 800px; margin: 0 auto; border-top: none; border-top-color: transparent; }

	#contents ul li { font-size: 38px; line-height: 58px; }

	p { line-height: 58px; font-size: 38px; margin-bottom: 48px; }
	
	#contents p.guarantee {font-size: 38px; line-height: 58px;}

	.quote p {font-size: 60px; line-height: 72px;}

	.quote p.quoted {font-size: 32px;}

	.quote img.quotee-headshot {
			max-height: 200px;
			max-width: 200px;
			-moz-border-radius: 100px 100px 100px 100px;
			-webkit-border-radius: 100px 100px 100px 100px;
			border-radius: 100px 100px 100px 100px;
			}

	.quote iframe {width: 820px;}

	#about {width: 800px; float: none;}

	#learn {width: 800px; float: none;}

		#learn ul.interviews_a li img, #learn ul.interviews_b li img {
			width: 100px;
			height: 100px;
			max-height: 100%;
			max-width: 100%;
			float: left;
			margin: 0 20px 5px 0;
			-moz-border-radius: 50px 50px 50px 50px;
			-webkit-border-radius: 50px 50px 50px 50px;
			border-radius: 50px 50px 50px 50px;
			}

		#learn ul.interviews_a { margin-top: 72px; }

		#learn ul.interviews_a, #learn ul.interviews_b {
			margin-left: 0px;
			padding-left: 0px;
			float: none;
			}

			#learn ul.interviews_a li, #learn ul.interviews_b li {
				list-style: none;
				margin-left: 0px;
				padding-left: 0px;
				margin-bottom: 56px;
				font-size: 36px;
				line-height: 56px;
				width: 800px;
				}

	#about ul {margin-left: 24px; padding-left: 24px;}

	#about p {font-size: 36px;}

	ul li {list-style: disc; margin-bottom: 24px; line-height: 24px; font-size: 36px; line-height: 56px;}

	#intro {width: 800px;}

	#intro ul {margin-left: 24px; }

		#intro ul li {list-style: disc; margin-bottom: 24px; line-height: 24px; font-size: 36px; line-height: 56px;}

	#intro p.lede, #success_content p {font-size: 42px; line-height: 64px;}

	#video p a.title strong {font-size: 56px;}

	#video p {font-size: 42px; line-height: 72px;}


	#success_content {width: 800px;}

	#success_content h3 {font-size: 48px; padding-top: 56px; margin-top: 56px; margin-bottom: 48px; line-height: 64px;}

	#author {width: 820px;}

	.props {padding-right: 36px;}

	.props_inside {width: 100%; }

	.props p.endorsement {font-size: 34px; line-height: 52px; padding-left: 10px; margin-left: 0; font-family: "Sentinel SSm A", "Sentinel SSm B", Georgia, serif;}

	.props p.name {font-size: 28px; line-height: 56px; padding-left: 10px; margin-left: 0;}

	.props h4 {font-size: 42px; margin-top: 0px; padding-top: 0px;}

	.props img.endorser {
			float: left;
			margin: 10px 25px 25px 0;
			width: 120px;
			height: 120px;
			max-height: 100%;
			max-width: 100%;
			-moz-border-radius: 60px 60px 60px 60px;
			-webkit-border-radius: 60px 60px 60px 60px;
			border-radius: 60px 60px 60px 60px;
			}

	.props_inside ul.faq {margin-left: 36px;}
	.props_inside ul.faq li {list-style: disc; margin-bottom: 24px; line-height: 24px; font-size: 36px; line-height: 56px;}


	#contents ul li {display: block; float: none; text-align: center; margin: 72px auto 48px auto; width:700px; }
	#contents ul li.left {padding: 0; text-align: center;}
	#contents ul li.right {padding: 0; text-align: center;}
	#contents ul li img {min-width: 400px; max-width: 400px; margin-bottom: 18px; text-align: center;}
	#contents ul li p.thing {font-size: 42px; text-align: center;}
	#contents ul li p.valuetitle {font-size: 42px; text-align: center; line-height: 50px;}
	#contents ul li p {font-size: 32px; line-height: 52px; margin-bottom: 36px;}
	#contents p.fineprint {font-size: 32px; line-height: 52px; margin-bottom: 36px;}
	#contents .green {display: block; clear: both; width: 800px; margin: 24px auto 48px auto;}
	#contents .green p {font-size: 48px; text-align: center; padding: 24px;}

	#buybox #bundle, #buybox #ebook {
		display: block;
		clear: both;
		float: none;
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		}
		
	#buybox h2 {
		font-size: 72px;
		font-weight: 900;
		padding-top: 36px;
		padding-bottom: 24px;
		border-radius: 20px 20px 0px 0px;
		-moz-border-radius: 20px 20px 0px 0px;
		-webkit-border-radius: 20px 20px 0px 0px;
		margin-bottom: 50px;
		}
	
	#buybox a.buy-button p {
		margin-top: 100px;
		font-size: 34px; 
		text-transform: uppercase;
		padding: 20px 20px 20px 20px; 	
		border-radius: 20px 20px 20px 20px;
		-moz-border-radius: 20px 20px 20px 20px;
		-webkit-border-radius: 20px 20px 20px 20px;
		}
	
	#buybox p {font-size: 36px; text-align: center; line-height: 72px;}
	#buybox	{margin: 0 auto 96px auto;}
	#ebook { margin-top: 100px; }	
	
	p.save {font-size: 32px; text-align: center; font-weight: 900;}
	
	#buybox #bundle, #buybox #ebook {min-width: 85%; max-width: 90%; margin: 0 auto 96px auto; padding-bottom: 50px;}
		





	.email-footer .email input.requiredemail, .email_wrapper .email input.requiredemail, email input.emailaddress, .email input.emailaddress {
		width:780px;
		font-size: 54px;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		padding: 15px;
		border: 1px solid #ccc;
		padding-right: 0px;
		border-radius: 5px;
		outline: none;
		}

	.email-footer .email input.button, .email_wrapper .email input.button {
		font-size: 56px;
		margin-top: 48px;
		font-family: 'Whitney SSm A', 'Whitney SSm B', Helvetica, Arial, Freesans, sans-serif;
		color: #000;
		padding: 7px;
		border: 1px solid #999;
		-moz-border-radius: 5px 5px 5px 5px;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
		outline: none;
		}

	audio {margin: 48px 0 96px 0; width: 100%; color: #222; border-radius: 5px;}

	.strikeout::after {
	    border-bottom: 6px solid red;
	    content: "";
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 45%;
		}

		.underthebutton {width: 725px; margin: 0 auto;}

	} /* End of the iPhone mumbo jumbo */