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

b {
	font-weight:700;
}
i {
	font-style:italic
}

h1 {
	font-family:'Muli';
	text-align:center;
	color:#3471b8;
	font-weight:700;
	font-size:34px;
	line-height:1.2;
	padding-top:20px;
	position:relative;
	z-index:2;
}
h1 .swirl {
	position:relative;
	left:17px;
	z-index:-1
}
h1 .normal {
	font-weight:300;
	font-size:24px;
	
}
h1 b {
	display:block;
	font-size:44px;
	text-transform:uppercase;
}
.subhead {
	text-align:center;
	font-size:24px;
	font-weight:700;
	color:black;
	font-family:'Muli';
	line-height:1.3;
	margin-bottom:-20px;
}
.box-700 {
	width:700px;
	margin:0 auto;
	max-width:100%;
}

.intro .thank {

    font-weight: 600;
    font-size: 26px;
	font-style:italic;
	text-transform:none;
	font-family:'Libre Baskerville';
    margin-bottom: 20px;
    text-align: center;
    color: black;
}

.box-700.bonuses h2 {
	font-size:30px;
	text-transform:none;
	font-family:'Libre Baskerville';
	text-align:center
	
}
.bonuses h3{
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
	font-family:'Muli';
}



.bonus {
	border-top:1px solid #bbb;
	padding:40px 0;
}

.bonus h3 {
	color:black;
	font-size:30px;
	text-align:center;
}
h3.bonus-h3{
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	font-family:'Muli';
	margin:20px 0 10px;
	text-align:left;
}
.bonus h3 span {
	color:#7b7b7b;
}
.bonus h3 img {
	margin:0 5px;
	vertical-align:middle
}
.bonus-cell .circle {
	border-radius:50%;
}
.bonus-cell {
	display:table-cell;
	box-sizing:border-box;
	padding:0 10px;
	vertical-align:middle;
	font-size:12px;
	line-height:2;
}
.bonus h4 {
	color:#333;
	font-size:16px;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}

.container {
	width:990px;
	margin:0 auto;
	text-align:center;
}
#header .container {
	width:1070px;
}
.container-inner {
	padding:40px 0;
	text-align:left;
}

#cloudy {
	background:url('../images/gray-cloudy-bg.jpg') no-repeat;
	background-size:cover;
}
#cloudy .container-inner {
	padding:0;
}
#table {
	height:112px;
	background:url('../images/table-bg.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-family:'Muli';
	box-sizing:border-box;
	vertical-align:middle;
	
	
}
#header-right-inner {
	background:url('../images/quote-start-blue.png') no-repeat 0px 0px;
	padding-left:35px;
	padding-right:10px;
}
#header-right h2 {
	font-weight:700;
	font-size:22px;
	margin-bottom:10px;
	color:#000
}
#header-right h3 {
	font-weight:400;
	font-size:21px;
	margin-bottom:10px;
	color:#000
}
#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;
	
}

.intro h2 {
	font-family:'Muli';
	font-weight:700;
	font-size:30px;
	margin-bottom:20px;
	text-align:center;
	text-transform:uppercase;
	color:black;
}
#fuzzy-bg {
	background:url('../images/fuzzy-gray-bg.jpg');
}
#fuzzy-bg h2 {
	font-family:'Muli';
	font-weight:700;
	font-size:22px;
	margin-bottom:40px;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}

#step-table {
	width:100%;
	font-family:'Libre Baskerville';
	text-align:center;
}
#step-table h3 {
	font-size:44px;
	text-align:center;
	font-weight:700;
	margin-bottom:20px;
	color:black;
}
#step-left a {
	width:100%;
	margin-bottom:5px;
	color:#fb9d00;
}
#step-left a img {
	display:block;
	max-width:100%;
	margin:0 auto 10px;
}
#step-left h4 {
	display:block;
	margin:40px 0 10px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
	font-family:'Muli';
	
}
#step-left, #step-middle, #step-right {
	display:table-cell;
	vertical-align:top;
	padding:0 20px;
	box-sizing:border-box;
	width:33.3%;
}
#step-left, #step-middle {
	border-right:2px dotted #aaa;
}

#step-right input[type=text] {
	display:block;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #ddd;
	margin-bottom:10px;
	width:100%;
	font-family:inherit;
	font-size:16px;
}

#step-right .orange-button {
	font-size:16px
}
#step-middle {
	padding:0 30px
}

.about h2 {
	font-family:'Muli';
	font-weight:700;
	font-size:26px;
	margin-bottom:40px;
	text-align:center;
	text-transform:uppercase;
	color:#000;
}
.about h3 {
	font-family:'Muli';
	font-weight:700;
	font-size:26px;
	margin-bottom:10px;
	text-transform:uppercase;
	color:#000;
}
.about h4 {
	font-family:'Muli';
	font-weight:700;
	font-size:20px;
	margin-bottom:10px;
	color:#000;
}
.about img {
	display:block;
	margin:20px auto 40px;
	max-width:100%;
}

.blue-gradient {
	background:url('../images/blue-grad.jpg') #081b3d repeat-y top center;
	color:white;
	font-family:'Libre Baskerville';
	font-size:28px;
}
.blue-gradient .swirl {
	display:block;
	margin:0 auto 10px;
}
.blue-gradient .container-inner {
	text-align:center
}

.line {
	background:#bbb;
	height:1px;
	margin:20px 0;
	content:'';
}


.quote .blue-gradient, #header .blue-gradient  {
	content:'';
	height:20px;
	background-position:0px 0px;
}

.quote {
	border:1px solid #ddd;
	box-shadow:1px 1px 5px #666;
	
	font-family:'Muli';
	margin-top:90px;
	text-align:center;
}
.quote-inner {
	padding:0 50px 30px;
}

.quote img {
	margin:-70px auto 20px;
	display:block;
}

.quote h3 {
	line-height:1.2;
	font-size:24px;
	font-weight:700;
	margin-bottom:20px;
	color:#000;
}


.quote h5 {
	text-transform:uppercase;
	margin-top:20px;
	font-weight:600;
}
.quote h6 {
	font-style:italic;
	font-weight:600;
}

.featured {
	color:#aaa;
	text-transform:uppercase;
	font-family:'Muli';
	font-size:14px;
	margin-top:40px;
}
.orange-button {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c366+0,fba006+100 */
background: #f9c366; /* Old browsers */
background: -moz-linear-gradient(top,  #f9c366 0%, #fba006 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9c366 0%,#fba006 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9c366 0%,#fba006 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c366', endColorstr='#fba006',GradientType=0 ); /* IE6-9 */

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;

}

#follow {
	background:#203365;
	color:white;
	font-family:'Muli';
}
.like-box {
	text-align:center;
	display:inline-block;
	vertical-align:top;
	margin:10px;
}

/* FOR RESPONSIVE YOUTUBE VIDEO */
.video-container {
	position:relative;
	padding-bottom:52%;
	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%;
}

.padlock {
	float:left;
	margin:5px 10px 10px 0;
}

#footer .container-inner {
	text-align:center;
	color:#666;
	font-family:'Muli';
}

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


.green-button {
	background-color:#a4cc55;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-left:50px;
	background-image: linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -o-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(130,162,68) 0%, rgb(151,188,79) 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(130,162,68)), color-stop(1, rgb(151,188,79)) );
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #97bd4c, 0px 5px 0px 0px #4a5d24, 0px 10px 5px #999;
}

.green-button:active {
	top:3px;
	/*
	background-image: linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -o-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(151,188,79) 0%, rgb(130,162,68) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(151,188,79)),
	color-stop(1, rgb(130,162,68))
	);
	*/
	-webkit-box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #97bd4c, 0px 2px 0px 0px #4a5d24, 0px 5px 3px #999;

}

.green-button::before {

	background-image:url(https://www.thetappingsolution.com/anxiety/images/audio-icon-20x20.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color:#2591b4;

	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
     */
}

.green-button:active::before {
	top:55%;
	margin-top:-12px;
	/*
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	*/
}

.blue-button, .green-button {
	display:inline-block
}
.blue-button {
    margin-top:10px;
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:10px 20px;
	padding-left:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}

.blue-button:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}

.blue-button::before {

	background-image:url(https://www.thetappingsolution.com/anxiety/images/pdf-icon-20x20.png);
	background-repeat:no-repeat;
	background-position:center center;
	content:"";
	width:20px;
	height:20px;
	position:absolute;
	left:15px;
	top:50%;
	margin-top:-9px;
	/*
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background-color:#2591b4;

	-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
	box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
     */
}

.blue-button:active::before {
	top:55%;
	margin-top:-12px;
	/*
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	*/
}


@media only screen and (max-width:1090px) {
	#header .container {
	width:100%;
	}
	#header-right-inner {
		padding-bottom:45px
	}
	#header-left {
		width:300px;
	}
	
}

@media only screen and (max-width:1010px) {
	.container-inner {
		padding:20px 5px;
	}
	.container {
		width:100%;
	}
}

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

@media only screen and (max-width:700px) {
	#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:0 auto;
	}
	#header-right {
		background-position:10px 50px;
	}
	.intro h2 {
		font-size:24px;
	}
	#step-left, #step-middle, #step-right {
		width:100%;
		border:0;
		padding:20px 0;
		border-bottom:2px dotted #ddd;
		display:block;
	}
	.quote-inner {
		padding:0 20px 10px
	}
	.quote h3 {
		font-size:18px;
	}
	.subhead {
		margin-bottom:10px;
		font-size:18px;
	}
	h1 {
		font-size:28px;
	}
	h1 b {
		font-size:32px;
	}

	
}

@media only screen and (max-width:600px) {
	.blue-gradient {
		font-size:20px;
	}
	
}

@media only screen and (max-width:500px) {
	#header-right h2 {
		font-size:20px;
	}
	#header-right {
		font-size:16px;
	}
	#header-right h5 {
		margin-top:10px;
		font-size:18px
	}
	#header-right h6 {
		font-size:16px;
	}
	.quote-inner {
		padding:0 5px 5px
	}
	
}

@media only screen and (max-width:450px) {
	.bonus-cell {
		display:block;
		text-align:center;
	}
	.bonus-cell img {
		margin-bottom:10px;
	}
	
}