body {font-family:  Helvetica, Arial, sans-serif; 
	padding:0;
	margin:0px;}

p {
	line-height: 1.3;
}

.container {margin:0 auto; max-width:1200px; padding:0px 20px; width: 75%;}
.containerSmall {margin:0 auto; max-width:600px; padding:0px 20px;}

.clearFix {clear: both;}
#topBar {background: #c44b4b; text-align: center;
	color:#d7edff; font-weight: bold; padding:6px 0 7px;}
	
#topBar .pacifico {
	font-family: 'Pacifico', cursive;
	font-weight: normal;
}

#sumoMe {
	width: 150px;
	right: 0;
	position: absolute;
	top: 0;
	background: #0f52ba;
	font-weight: normal;
	padding: 7px 0;
	color: white;
	font-size: 12px;
	height: 18px;
}

#header {
background:url(img/header-graph.png); background-repeat: no-repeat;
background-position: bottom right;
}

#toolsHeadline {
	font-family: courgette;
	font-size:90%;
}
#mainHeadline {
	font-size: 170%;
	text-transform: uppercase;
	font-family: raleway;
	font-weight: 900;
	color:#3e8dd0;
}
#subHeadline {
	font-size: 70%
	text-transform: uppercase;
	font-family: raleway;
	font-weight: 500;
	color:#c0c0c0;
}

#header h1 {text-align: center; font-size: 36px;
	color:#3e8dd0; font-weight: bold;
	padding:70px 0; margin:0 auto; max-width: 1000px;
}

#freeSpan {color:#61a4dc;}

.emailBox {
width: 100%;
background: #c44b4b;
padding: 0px 0 0;
}

.emailBox .container {
max-width: 770px;
}

.emailBox .container form {
	display: inline-block; 
	width: 100%;
}

#emailBox2 {margin-top:;}


input.email {
background: white;
border: none;
width: 63%;
float: left;
font-size: 35px;
text-align: left;
color: #3a85c4;
padding: 10px;
outline: none;
margin: 13px 0;
margin-right: 2%;
border-radius: 5px;
}

input.email::selection {
	background:#d5ca9a;
}
input.email::-moz-selection {
background:#d5ca9a;
}

input.email:hover {
box-shadow: 0px 0px 15px 0px white;
}

input.submit:hover {
box-shadow: 0px 0px 15px 0px white;
color:white;

}


input.submit {
background: #00D1C5;
border: none;
color: white;
font-weight: bold;
font-size: 35px;
width: 30%;
float: left;
cursor: pointer;
margin: 13px 0 0 0px;
padding: 10px;
border-radius: 5px;
-webkit-appearance: none;
border-bottom: 3px solid #00B7AD;
}

/*
input.email {
	background: #f5ce56;
	border: none;
	width: 100%;
	max-width: 500px;
	float: left;
	font-size: 35px;
	text-align: right;
	color: white;
	padding: 10px;
	outline:none;
}
*/
/*
input.submit {background: none; border: none;
		color:#53be4d; font-weight: bold;
		font-size: 45px; width:200px;
		float: left;
		cursor:pointer;}
*/


input::-webkit-input-placeholder { color:#3a85c4; }
input::-moz-placeholder { color:#3a85c4; } /* firefox 19+ */
input:-ms-input-placeholder { color:#3a85c4; } /* ie */
input:-moz-placeholder { color:#3a85c4; }

#quotes, #courseView, #courseListDesc, #courseList {width:100%; float:left;}

#courseListDesc {background: #f9fbfc;}

#countdownBG {
background: #e8e8e8;
font-size: 90%;
padding: 10px 0 0;
color: #3D59A2;
font-weight: bold;
}

#countdownBG .container {
	text-align: center;
	font-size: 16px;
}

#countdownBG .course-open {
	display: inline-block;
	vertical-align: middle;
/*	border-right: 1px solid; */
	text-align: left;
	padding-right: 2%;
	color: #3D59A2;
}

.course-open p {
	margin: 0;
	padding: 0.5em 0;
	font-size: 19px;
	max-width: 65px;
}

.is-countdown {background-color: none;}

.countdownBox {
	margin: 0 auto;
	width: 290px;
	border:none !important;
	font-family: 'Open Sans', sans-serif;
	background: none !important;
	display: inline-block;
	vertical-align: middle;
	padding: 0.5em 0;
}

#countdownLabel {
text-align: center;
width: 100%;
float: left;
font-weight: bold;
background: #e8e8e8;
padding: 5px 0;
color: #6890C3;
font-size: 23px;
}

.countdownBox .countdown-section {
	width: 70px;}

#description {
text-align: center;
font-size: 20px;
padding: 40px 0 80px;
background: white;
}

#description h1 {
	font-size: 32px;
	color: #c44b4b;
}

#descText {
margin: 30px;
padding-top: 25px;
font-size: 18px;
padding-left: 180px;
color:#5B6574;
}

#description .content {
	width: 100%;
	margin: 0 auto;
}

#description .logos-bar {
	margin-top: 2em;
}

#description .logos {
	margin: 0;
	display: inline-block;
	margin: 1%;
	vertical-align: middle;
}

#description img { 
padding: 0 5%;
}

#noahBox {
background: #3a85c4;
color: white;
float: left;
padding-top: 3em;
width: 100%;
}

#noahBox .textBox {float: left; width:60%; font-size:20px; margin-bottom: 30px;}
#noahBox h2 {font-size:32px; margin-top:0px; width:130%}

#MrKagan {
float: right;
width: 40%;
margin-top: 4em;
max-width: 300px;
}

#noah-sig {
	float: right;
	margin-right: 13%;
	margin-top:20px;
}


#learnFromBox {
	background: #f9fbfc;
	float: left;
	width:100%;
	padding: 20px 0 30px;
	margin-bottom: 2em;
}

.row {
	display: block;
	text-align: center;
	width:100%;
}

.writer img {
	width: 100%;
}

.writer {
	max-width: 150px; 
	display: inline-block; 
	margin:20px;
	vertical-align: top;
}

.writerName {
	font-size: 16px; 
	font-weight: bold; 
	text-align: center; 
	margin-top: 0.5em;
}

.writerDescription {
	font-weight: normal; 
}

#quotes {padding: 50px 0 55px; background: #fffcf1;}
#quotes h3 {color:#f0cc51;}
.quote {
text-align: left;
max-width: 360px;
margin: 0 auto;
padding-left: 120px;
}
img.quoteImg {
width: 80px;
float: left;
margin-left: 11%;
}

#QuotesLabel {
text-align: center;
padding: 20px 0 20px;
font-weight: bold;
color: #5990E6;
font-size: 32px;
}

#quotes h3 {
color: #f0cc51;
margin: 5px 0 30px;
}

#courseView {height:450px; background:url(img/SOMcurve.png);
	background-size:cover; background-repeat: no-repeat;
	background-position: center center;
	text-align: center; font-size: 36px;
	margin-bottom: 65px;
}

#SOMcourse {width:330px;margin-top:110px;
	box-shadow: 0px 0px 14px rgba(0,0,0,0.36);
}

#courseListDesc {padding:30px 0 40px; text-align: center;}

#courseListDesc .container {max-width: 550px;}

#courseList .col-half {
	display: inline-block;
	float: left;
	width: 50%;
}

#courseList p {
	text-align: left;
	font-weight: bold;
}

#courseList {
	padding: 0 0 50px; 
	margin-top: 2em;
	font-size: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#courseListDesc h3 {color:#5990E6; font-size: 32px;}

#courseList h4 {color:#6bd951; margin:20px 30px 5px;}

#courseList strong {
width: 20px;
text-align: right;
color: #96bedf;
margin: 0 10px;
}

.courseTitle {
width: 100%;
text-align: left;
margin-left: 3em;
margin-bottom: 10px;
}

.weekLabel {
width: 100px;
float: left;
color: #a2a2a2;
margin-right: 10px;
}

.weekLabel00 {
width: 60px;
float: left;
text-align: right;
margin-left: -50px;
color: #E9E9E9;
margin-right: 10px;
}

#testimonials {margin-top:40px;float: left; width:100%;}
#testimonials h3 {text-align: center; color:#4078a7;}
.testimonial {width:30%;float:left;padding:1.5%; 
	font-size: 14px; color:#646464;}
	
#footer { float: left; width: 100%;
	text-align: center; padding: 50px 0; color: #a2a2a2;}

#footer a {color:#61a4dc;}

.OkDorkLogo {
width: 100px;
margin: 0 0 20px;
}

#footerTitle {
font-size: 30px;
font-weight: bold;
color:#61a4dc;
}

#footerTitleBox {
text-align: center;
float: left;
width: 100%;
padding: 0px 0 40px;
}

#footerTitle .pacifico {
	font-family: 'Pacifico', cursive;
	font-weight: normal;
}

div#footerSumoMe,  #footerSumoMe a {
font-family: 'Open Sans', sans-serif;
color: #61a4dc;
font-size: 16px;
}

/* 
---------------------------  INTERIOR  ---------------------------
*/

#vipLeftBox {
max-width: ;
}
#vipRightBox {
width: 50%;
float: right;
padding-top:25px;
}

#vipRightBox h3 {
margin: 5px 0 20px;
}

#vipRightBox .quote {
padding: 0 5% 0 0;
font-size: 80%;
float: left;
width: 45%;
color: #918C8C;
}

#vipRightBox .quoteImg {
margin: 0 10px 10px 0;
width: 40px;
}

#vipToolkit {
	margin-right: 15px;
	margin-top: 5px;
}

body.vipBody {background: white;}

#vipContent a {
max-width: 320px;
display: block;
margin: 11px auto;
padding: 20px;
background: #3e8dd0;
color: white;
font-size: 20px;
font-weight: 700;
}

#vipContent h2 {
	margin:30px 0 10px;
	font-weight: 400;
}

#vipContent {
padding: 30px 0 70px;
}

.vipBody .container {
text-align: center;
}

#vipPageContent {width:100%; float:left; padding-bottom: 10px;}

#vipPage .container {
max-width: 960px;
}

#vipLeftBox {width: 45%; float:left;}

#vipPage {
padding: 10px 0;
background: #fffcf1;
float: left;
width:100%;
}

.vipIndItem {
padding: 20px 25px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
border-bottom: 2px solid #ECF6FC;
margin: 0 20px;
}

.firstIndItem {font-weight: bold;}

.lastItem {border-bottom: none !important;}

#nextPageButton {
color: #3e8dd0;
font-weight: bold;
text-decoration: none;
font-size: 20px;
width: 100%;
float: right;
text-align: right;
margin-top: 40px;
}

.tweetPerson {
width: 30px;
text-decoration: none;
float: left;
margin: 0 10px;
opacity: .5;
}
#tweet {
padding: 20px;
background: #D5E8FF;
font-size: 18px;
border-radius: 10px;
box-shadow: 2px 2px 13px #DCE4EC;
border: 1px solid white;
margin: 15px 0;
}

#tweet p {float: left; margin:0 0 10px;}

#tweet a {
font-weight: bold;
text-decoration: underline;
color: #3b55a0;;
line-height: 46px;
font-size: 30px;
}

div#joined {
font-size: 10px;
font-weight: bold;
color: #D4C8B8;
}
#joined a {
color: #D4C8B8;
text-decoration: none;
}

.joiner {
float: left;
margin: 7px 15px 7px 0;
}

#comImg {
max-width: 260px;
margin:0;
width:100%;
}

#emailRefer {
padding: 55px 0 20px;
}

#emailRefer h3 {
margin: 15px 0 10px !important;
width:100%;
}

#emailRefer ul {
	padding: 0;
}

#emailRefer li {
	list-style-type: none;
	padding: 5px 0;
	font-size: 18px;
	text-align: left;
}

#emailRefer li strong {
	width: 20px;
	text-align: right;
	color: #96bedf;
	margin: 10px;
}

#emailRefer .referral-question {
	margin-top: 2em;
}

#emailRefer .referral-question h2 {
margin-top: 10px;
}

#yesNoButtons {
width: 300px;
margin: 0 auto;
}

a#yesButton {
font-size: 30px;
text-transform: uppercase;
text-decoration: none;
font-weight: 900;
padding: 10px 20px;
background: #3e8dd0;
color: white;
margin: 10px;
float: left;
width: 80px;
}

a#noButton {
font-size: 30px;
text-transform: uppercase;
text-decoration: none;
font-weight: 900;
padding: 10px 20px;
background: #c44b4b;
color: white;
margin: 10px;
float: left;
width: 80px;
}

#emailReferButton {
font-size: 30px;
text-transform: uppercase;
text-decoration: none;
font-weight: 900;
padding: 15px 0;
background: #3e8dd0;
color: #FFF;
float: left;
width: 100%;
text-align: center;
margin-bottom: 1em;
}


#vipCourseView {
	height: 170px;
	background: url(img/intBG.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	font-size: 36px;
	float: left;
	width: 100%;
}
#vipBox {
width: 100%;
float: right;
background: #f1f5fa;
text-align: center;
}

#vipBox h2 {
background: #e8c654;
color: white;
padding: 10px;
margin: 0;
}

#vipPrice {
font-size: 70px;
color: #3475aa;
line-height: 70px;
padding: 15px 0 0;
}

#vipPriceCents {
font-size: 12px;
font-weight: bold;
margin: 0 0 5px;
color: #437FB6;
}

#vipPriceDesc {
color: #6bd951;
font-weight: bold;
font-size: 22px;
line-height: 23px;
margin-top:10px;
}

#vipItems {
background: #d7e2f0;
margin: 20px 0 0;
padding: 10px 20px;
font-size: 16px;
color: #3475aa;
line-height: 24px;
}

#vipButton {
background: #6bd951;
width: 100%;
float: left;
padding: 15px 0;
color: #FDFFCF;
font-weight: bold;
text-decoration: none;
font-size: 30px;
box-shadow: 0px 0px 12px rgba(108, 112, 158, 0.64);
border-top: 3px solid #9EFC79;
background: -webkit-linear-gradient(#5cd530 0%, #3fb14f 100%);
text-shadow: 2px 2px 0px rgb(53, 148, 77);
letter-spacing: 2px;
}

#vipButton:hover {
background: -webkit-linear-gradient(#3fb14f 0%, #5cd530 100%);
color: #A3FF2D;
box-shadow: 0px 0px 30px rgb(232, 245, 82);
}

#vipPageContent h3 {
margin: 0;
font-size: 25px;
font-weight: normal;
}

div#vipPageContent h2 {
margin: 0;
font-size:38px;
}

div#vipPageContent h2, #vipPageContent h3 {
color: #4391D1;
}

#vipPageContent p {
font-size: 14px;
max-width: 440px;
}

#thanksPage {
width: 100%;
float: left;
background: #fffcf1;
padding: 100px 0;
text-align: center;
font-weight: bold;
font-size: 30px;}

#thanksText {
max-width: 350px;
margin: 0 auto 20px;
color: #50afcf;}

#thanksPage a {
font-size: 19px;
color: #6bd951;
line-height: 32px;
float: left;
width: 100%;
}
div#vipBottomLogos {
width: 100%;
float: left;
margin:0px 0 20px;
}

#vipRightBox h2 {
margin: 0px 0 10px;
font-size: 20px;
color: #e8c654;
float: left;
width: 100%;
}

.logo {
height: 45px;
margin:0 2%;
}

.vipBody #countdownLabel {
background: #e8e8e8;
color:#3e8dd0;
}

.vipBody #countdownBG {
font-size: 100%;
height: 60px;
background: rgb(230, 217, 177);
color:#3e8dd0;
}

.vipBody .countdownBox {
height: 60px;
}

/* 
---------------------------  TWEET  ---------------------------
*/

#tweetPage h3 {
margin: 0;
font-size: 25px;
font-weight: normal;
}

#tweetPage h2 {
margin: -10px 0 10px;
font-size:20px;
}

#tweetPage h2, #tweetPage h3 {
color: #4391D1;
}

#tweetPage{
background: #f9fbfc;
float: left;
width: 100%;
padding:50px 0;
}

#tweetPage .container {
margin: 0 auto;
max-width: 620px;
padding: 0px 20px;
}

#checklist2 {width:160px;}


/* 
---------------------------  RESPONSIVE  ---------------------------
*/

@media only screen 
and (max-width : 850px) {
input.email {font-size:20px;}
input.submit {font-size:20px;padding: 10px;}
#courseList .col-half {width: 100%;}
.emailBox {padding:5px 0;}
#noahBox .textBox {font-size: 80%;margin-bottom: 0;}
.textBox img {height: 13px; width: 67px;}
}


@media only screen 
and (max-width : 350px) {
#header h1 {padding:45px 0 !important;}
#tweet p {font-size: 80%;}
#countdownBG .course-open {border-right:none; padding-right: 0;}
.course-open p {max-width: 100%}
#thanksPage {padding:30px 10%; width:80%;}
.mobileClearFix {clear:both;}
}

@media only screen 
and (max-width : 750px) {	#MrKagan {display: none;} 	#noahBox .textBox {width: 100%;} 

#noahBox h2 { width: 100%;}

#vipLeftBox {
width: 100%;
max-width: none;
margin-bottom: 30px;}

#vipRightBox {
float: none;
margin: 0 auto;
width: 100%;
max-width: none !important;
}

#nextPageButton {
font-size: 24px;
float: left;
margin: 30px 0;
text-align: center;
width: 100%;
}

#vipRightBox {
float: none;
margin: 0 auto;
width: auto;
max-width: 320px;
}

#noah-sig { display: none;}

}

@media only screen 
and (max-width : 550px) {
#header h1 {font-size: 26px; padding:100px 0;}

.emailBox {padding:5px 0;}
.emailBox .container {padding:0; width: 85%;}		
input.submit { width:100%; margin-top: 0; margin-bottom: 0.25em;}
input.email { width: 100%;padding: 10px 0;text-align: center; 
			max-width: none; margin: 0.5em 0;}
#countdownBG { width:100%;float: left;}
#countdownBG .container {
	font-size: 12px;}
.course-open p {font-size: 14px; padding: 0;}
.countdownBox {width: 200px;}
#description { font-size:14px; padding:0px 0 80px;float: left; width:100%;}
#descText {
	margin: 0;
	padding-top: 25px;
	font-size: 18px;
	padding-left: 0;
	color: #5B6574;
	width: 100%;
	float: left;
	text-align: center;}
#graph {
	margin: 1em 0;}
#description img {float:none; margin:0 auto; display:block; width: 75%;}
#noahBox {padding: 2em 0;}
#noahBox h2 { font-size: 23px;}
#quotes { padding: 50px 0 20px;}
#courseView {height: 215px;}
#SOMcourse { width: 220px;margin-top: 10px;}
#courseList {font-size: 14px;}
#sumoMe {float: left; width:100%; text-align: center; 
	position: relative;}
.courseTitle {margin-left: 1em;}
.weekLabel {float: none;}
.quoteImg {margin-left:3% !important;}
}


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


text-align: center;}
.testimonial {width:100%;margin:5px 0;}


}