body {
    font-family: 'Libre Baskerville';
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

b {
	font-weight:700
}
i {
	font-style:italic
}
.container {
	width:990px;
	margin:0 auto;
	text-align:center;
}

.container-inner {
	padding:40px 0;
	text-align:left;
}

.blue-emphasis {
	color:#3471b8;
	font-weight:700;
	font-size:24px;
	text-align:center;
	margin:40px 10px;
}

#field-bg {
	background:url('../images/field-bg.jpg') 0% 100%;
	background-size:cover;
}

#cloudy {
	background:url('../images/gray-cloudy-bg2.jpg') no-repeat 0% 100%;
	background-size:cover;
}
#cloudy .container-inner {
	padding:20px 10px 0;
}
#table {
	height:52px;
	background:url('../images/table-bg2.jpg') repeat-x;
	content:'';
}
#header-table {
	display:table;
	
}
#header-left, #header-right {
	display:table-cell;
}
#header-left {
	width:335px;
	vertical-align:bottom
}
#header-left img, #header-right-inner {
	width:100%;
	position:relative;
	top:40px;
	box-sizing:border-box;
}
#header-right {
	font-size:22px;
	box-sizing:border-box;
	vertical-align:middle;
	
	
}
#header-right h2 {
	font-weight:700;
	font-size:22px;
	margin-bottom:10px;
	color:#000
}
#header-right h3 {
	font-weight:400;
	font-size:21px;
	color:#000;
	font-style:italic;
}
#header-right h5 {
	margin:20px 0 5px;
	font-weight:600;
	font-size:18px;
	text-transform:uppercase;
	letter-spacing:2px;
	
}
#header-right h6 {
	font-weight:600;
	font-size:18px;
	font-style:italic;
	
}

h1 {
    font-family: 'Muli';
    text-align: left;
    color: #3471b8;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.2;
    position: relative;
    z-index: 2;
}

h1 .swirl {
    position: relative;
    left: 0px;
    z-index: -1;
}

.title-top {
	position:relative;
	left:-10px;
}

h1 .normal {
    font-weight: 300;
    font-size: 24px;
}

h1 b {
    display: block;
    font-size: 36px;
    text-transform: uppercase;
}

.box-700 {
    width: 700px;
    margin: 0 auto;
    max-width: 100%;
}

.subhead {
    text-align: center;
    font-size: 42px;
    font-weight: 400;
    color: black;
    font-family: 'Muli';
    line-height: 1.1;
	margin:0 auto;
}

.subhead span {
	color: #3471b8;
	font-weight:700;
}

#nav {
	background:#3571b9;
	text-align:center;
	width:100%;
	z-index:11;
}
#nav ul {
	list-style:none;
}
#nav li {
	display:inline-block;
	text-align:center;
	border-left:1px solid #97b9dc;
}
#nav li:nth-child(1) {
	border-left:0;
}
#nav li a {
	display:block;
	padding:20px;
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-family:'Muli';
	font-size:18px;
}

#top-left {
	width:550px;
	float:left;
	max-width:100%;
}
#top-right {
	float:right;
	width:410px;
	margin:0 0 20px 20px
}

#top-right-order {
	width:410px;
	box-sizing:border-box;
	background:url('../images/top-right-bg.jpg') no-repeat 100% 0%;
	background-size:contain;
	border:1px solid #ccc;
	padding:20px;
}
#top-right-order a {
	color:#f99c00
}
#top-right-order a img {
	display:block;
	margin:5px 0;
	width:185px;
}
#top-right-order h4 {
	font-size:20px;
	font-weight:600;
}
#top-right-order h5 {
	font-size:14px;
	margin:10px 0;
}
#top-right-order h6 {
	font-size:16px;
	font-weight:600;
}

#top-right-2 {
	background:#fff6af;
	font-family:'Muli';
	padding:20px;
	border:1px solid #ddd;
	box-shadow:1px 1px 5px #bbb
}
#top-right-2-left {
	width:200px;
	float:left;
	box-sizing:border-box;
}
#top-right-2-left img {
	width:100%;
	
}
#top-right-2-left h4 {
	font-size:20px;
	font-weight:bold;
	color:#2c5b92;
	line-height:1.2;
	text-align:center;
}
#top-right-2-right {
	width:150px;
	float:right;
	text-align:center;
	box-sizing:border-box;
	padding:10px;
	line-height:1.2
}
#top-right-2-right img {
	width:100%;
	margin-bottom:20px;
	margin-top:-50px;
}

/* FOR RESPONSIVE YOUTUBE VIDEO */
.video-container {
	position:relative;
	padding-bottom:50.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0%;
	width:100%;
	height:100%;
}


h2.desk, #nick-text h2, #week-top-right, #energy-bg h2 {
	font-size:30px;
	font-family:'Muli';
	text-transform:uppercase;
	font-weight:700;
	margin-bottom:20px;
	line-height:1.3;
}
h2.desk.smaller {
	font-size:22px
}

#nick-bg {
	background:url('../images/nick-bg-pattern.jpg');
	background-size:contain;
	text-align:left;
}
#nick-bg-table, #week-top-table, .weeks-table, .expert-table{
	display:table;
	width:100%;
}
.weeks-table {
	margin-top:20px;
}
#nick-text, #nick-profile, #week-top-left, #week-top-right, .weeks-left, .weeks-right, .expert-quote {
	display:table-cell;
}
#nick-profile {
	width:350px;
	text-align:center;
	padding:20px 20px 0 0;
	vertical-align:bottom;
}
#nick-profile img {
	width:100%;
}
#nick-text {
	vertical-align:middle;
	padding:20px 50px 20px 20px;
}

#week-top-left, #week-top-right {
	vertical-align:middle
}
.weeks-left, .weeks-right {
	vertical-align:top;
	border-top:1px solid #ddd;
	padding:40px 20px;
}
.weeks-left {
	text-align:center;
}
.weeks-row {
	display:table-row;
}
.weeks-right h2 {
	font-size:30px;
	margin-bottom:20px;
	line-height:1.3;
}
.weeks-right h3 {
	text-transform:uppercase;
	font-family:'Muli';
	font-weight:700;
	font-size:20px;
	margin-bottom:10px;
}
.weeks-right ul {
	list-style:disc;
}
.weeks-right li {
	margin-left:30px;
}

#energy-bg {
	background:url('../images/energy-bg.jpg');
	background-size:cover;
	position:relative;
}
#energy-bg h2 {
	position:relative;
	z-index:2
}
.energy-man {
	position:absolute;
	left:50%;
	margin-left:-310px;
	top:0;
	z-index:1;
}
.energy-text, .video-holder {
	position:relative;
	z-index:2;
}

.video-holder {
	width:400px;
	float:left;
	margin:0 20px 20px 0;
	max-width:100%;
	z-index:10;
}

.expert-table {
	border-collapse:separate;
	border-spacing:15px;
	margin-top:50px;
}
.expert-quote {
	width:33%;
	border:1px solid #ddd;
	box-shadow:0px 2px 2px #ccc;
	padding:20px;
	font-family:'Muli';
	font-weight:600;
}
.expert-quote h3 {
	font-size:21px;
	font-weight:700;
	line-height:1.3;
	margin-bottom:20px;
}
.expert-quote h4 {
	font-size:16px;
	font-weight:700;
}
.expert-quote h5 {
	font-size:16px;
	font-style:italic;
	font-family:'Libre Baskerville';
	font-weight:400;
}
.expert-quote img {
	margin:-90px auto 10px;
	display:block;
}

.abs-bg {
    background: url(https://www.thetappingsolution.com/autoimmune/images/abstract-bg.jpg) white no-repeat 50% 50%;
    background-size: cover;
}
.img-left.brain {
    width: 400px;
}

.img-left {
    float: left;
    width: 250px;
    margin: 0 10px 10px 0;
}

.gray {
	color:#666 !important
}

.muli {
	font-family:'Muli' !important;
}
.upper {
	text-transform:uppercase !important
}

#fuzzy-bg {
    background: url('https://thetappingsolution.com/greatest-self/images/fuzzy-gray-bg.jpg');
}
#step-table {
    width: 100%;
    font-family: 'Libre Baskerville';
    text-align: center;
}
.step-cell {
    display: table-cell;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box;
    width: 33.3%;
}
.step-cell input[type=text] {
    display: block;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 0 auto 10px;
    font-family: inherit;
    font-size: 16px;
	
}
.step-cell:nth-child(1) {
	border-right: 2px dotted #aaa;
}
.step-cell a {
    width: 100%;
    margin-bottom: 5px;
    color: #fb9d00;
}
.step-cell a img {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px;
}
#step-table h3, .head3 {
    font-size: 44px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    color: black;
	line-height:1.2;
}
.step-cell h4 {
    display: block;
    margin: 40px 0 10px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Muli';
}

.orange-button {
    background: #f9c366;
    background: -moz-linear-gradient(top, #f9c366 0%, #fba006 100%);
    background: -webkit-linear-gradient(top, #f9c366 0%,#fba006 100%);
    background: linear-gradient(to bottom, #f9c366 0%,#fba006 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c366', endColorstr='#fba006',GradientType=0 );
    border: 0;
    color: white;
    box-sizing: border-box;
    padding: 10px 20px;
    font-family: 'Muli';
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
    white-space: normal;
	cursor:pointer;
}

.blue-bg {
	background:#2e467e;
	color:white;
	text-align:center;
	padding:20px 0;
	font-family:'Muli';
}
.like-box {
	display:inline-block;
	width:300px;
	margin:10px;
}

#form-bottom {
	background:#333;
	color:white;
	font-size:24px;
	text-align:center;
	font-family:'Muli';
}
#form-bottom a {
	color: #fb9d00;
}

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

@media only screen and (max-width:1310px) {
	#nav li a {
		padding:20px 10px;
		font-size:16px
	}
}

@media only screen and (max-width:1060px) {
	.hide-1 {
		display:none !important;
	}	
}
@media only screen and (max-width:936px) {
	.hide-2 {
		display:none !important;
	}	
}
@media only screen and (max-width:842px) {
	.hide-3 {
		display:none !important;
	}	
}
@media only screen and (max-width:680px) {
	.hide-4 {
		display:none !important;
	}	
}
@media only screen and (min-width:521px) {
	.show-5 {
		display:none
	}
}
@media only screen and (max-width:520px) {
	.hide-5{
		display:none !important;
	}	
	.show-5 {
		display:inline !important;
	}
}

@media only screen and (max-width:1010px) {
	.container {
		width:100% !important;
	}
	.container-inner {
		padding:20px 10px
	}
	#top-left, #top-right {
		float:none;
		margin:10px auto 20px;
	}
	#top-right {
		margin-top:40px;
	}
}
@media only screen and (max-width:850px) {
	#nick-profile, #nick-text {
		display:block;
		width:100%;
		box-sizing:border-box;
		padding:20px;
	}

	#nick-profile img {
		width:300px;
	}
	.expert-quote {
		width:100%;
		display:block;
		box-sizing:border-box;
		margin-bottom:85px;
	}
	
	
}
@media only screen and (max-width:800px) {
		.video-holder {
			float:none;
			margin:0 auto 20px;
		}
		.img-left.brain {
			float:none;
			display:block;
			margin:0 auto 20px;
			max-width:100%;
		}
}
@media only screen and (max-width:700px) {
	.weeks-table, .weeks-row, .weeks-left, .weeks-right, #week-top-left, #week-top-right {
		display:block;
		width:100%;
		border-top:0;
		box-sizing:border-box;
	}
	.weeks-left, #week-top-left {
		padding-bottom:0
	}
	#week-top-left, #week-top-right {
		text-align:center
	}
	.weeks-row {
		border-top:1px solid #ddd
	}
	.energy-man {
		display:none
	}
	.step-row .step-cell {
		width:100%;
		display:block;
		border-right:0 !important;
		padding:20px 0;
	}
	.step-cell:nth-child(1) {
		border-bottom:2px dotted #aaa
	}
	#header-table, #header-left, #header-right {
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	#cloudy {
		padding-top:10px
	}
	#header-left img {
		position:static;
		width:300px;
		max-width:100%;
		display:block;
		margin:20px auto;
	}
	.subhead {
		font-size:30px
	}
	#header-right {
		background-position:10px 50px;
	}
	#header-right h1, #header-right {
		text-align:center
	}
}

@media only screen and (max-width:460px) {
	#top-right {
		width:100%;
	}
	#top-right-2-left, #top-right-2-right {
		float:none;
		width:100%;
		text-align:center;
	}
	#top-right-2-right img {
		margin-top:0;
		width:80%;
	}
	#top-right-2-left img {
		width:auto
	}
	#top-right-2 {
		height:auto !important
	}
	
}