body {
font-size:16px;
font-family:'Montserrat';
line-height:1.3;
color:#808080;
overflow-x:hidden
}
b {
font-weight:bold;
}
i {
font-style:italic;
}
#header img {
width:100%;
}
.container {
width:990px;
margin:0 auto;
text-align:center;
}
.container-inner {
text-align:left;
padding:40px 0;
}
.left {
float:left;
width:55%;
}
.right {
float:right;
text-align:left;
width:37%;
}

.video-holder {
width:600px;
margin:0 auto;
}

.video-container {
    position: relative;
    padding-bottom: 50%;
    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%;
}

#nav {
background:#2562af;
text-align:center;
width:100%;
z-index:100;
}

#nav ul {
list-style:none;
}


#nav li {
display:inline-block;
}
#nav li a {
border-left:1px solid #56b3db;
color:white;
display:block;
font-size:20px;
padding:10px;
text-decoration:none;
}
#nav li a.last {
border-right:1px solid #56b3db;
}
.top-book {
float:right;
margin:0 0 10px 10px;
width:200px;
}

.white-swirl-bg {
background:url('images/white-swirl-bg.jpg') white no-repeat;
background-size:cover;
padding-top:40px;
}

.block {
display:block;
}
.block-v-10 .block {
margin:10px 0;
}
.block.no-margin {
margin:0;
}
.text1 {
font-size:24px;
}
.text2 {
font-size:32px;
font-weight:bold;
}
.text2, .text5, .text7, .text8, .text13 {
color:#2562af;
}
.text3, .text4 {
color:#68c195;
font-weight:normal
}
.text4 {
font-family:'Patrick Hand';
font-size:22px;
font-weight:bold;
}

.text7 {
font-family:'Patrick Hand';
font-size:22px;
line-height:1.4;
}
.text8 {
font-family:'Patrick Hand';
font-size:28px;
text-align:center;
display:block;
line-height:1.4;
}
.text9 {
font-size:30px;
font-family:'Patrick Hand';
}
.text10 {
font-size:24px;
font-family:'Patrick Hand';
}
.text9, .text10 {
color:#56b3db;
}
.text11 {
color:#112c6f;
font-size:22px;
}
.text11.b {
font-weight:bold;
}
.text12 {
color:#112c6f;
font-weight:bold;
}
.text13 {
font-size:24px;
font-weight:bold;
text-align:center
}
.tan-bg.align-left {
text-align:left
}
.tan-bg.pad-40 {
padding:30px 15px 30px 30px;
}
.tan-bg.align-left.pad-40 {
box-sizing:border-box;
width:90%;
margin:0 auto 20px;
}
.percent-box {
float:right;
width:143px;
margin-left:20px;
}
.percent-box img {
border-bottom:1px solid #999;
width:100%;
}
.percent-box img.last {
border-bottom:0;
}

.bonus-left, .bonus-right {
margin-bottom:20px;
}
.bonus-left {
float:left;
width:200px;
}
.bonus-left img {
width:100%;
border-radius:10px;
}
.bonus-right span {
color:#2864ac;
display:block;
margin-bottom:10px;
}
.bonus-right {
margin-left:250px;
padding-top:10px;
padding-bottom:20px;
}

.sp-book {
position:absolute;
top: -110px;
left: 50%;
margin-left: -120px;
}


.order-box {
border-radius:10px;
background:#56b3db;
color:white;
position:relative;
}
.order-box-padding {
padding:30px;
}
.order-box-padding.mod {
padding-top:130px;
}
.order-row {
display:table-row;
}
.order-box h2 {
font-size:30px;
font-weight:bold;
}
.order-cell {
display:table-cell;
vertical-align:top ;
padding:5px;
}
.order-cell span, .order-box h2 span, .order-box a {
color:#f9c232
}
.step-1-ribbon {
position:relative;
left:-90px;
}
.step-2-ribbon {
position:relative;
right:-90px;
}

.buy-now {
display:block;
margin:10px auto;
text-align:center;
}
.buy-now2 {
margin:5px 20px;
display:inline-block;
}
.buy-now img, .buy-now2 img {
box-shadow:0px 0px 10px #333
}
.green-swirl-bg {
background:url('images/swirl-bg-png.png') #68c195 no-repeat top center;
background-size:cover;
color:white;
padding:60px 0;
text-align:center;
font-size:30px;
font-family:'Patrick Hand';
}
.blue-swirl-bg {
background:url('images/swirl-bg-png.png') #56b3db no-repeat top center;
background-size:cover;
color:white;
padding:60px 0;
text-align:center;
font-size:30px;
font-family:'Patrick Hand';
}
.dark-blue-swirl-bg {
background:url('images/swirl-bg-png.png') #2864ac no-repeat top center;
background-size:cover;
color:white;
padding:60px 0;
text-align:center;
font-size:30px;
font-family:'Patrick Hand';
}
.page-screen {
float:right;
margin:0 0 20px 20px
}

.width-50 {
float:left;
margin:15px 2%;
width:46%;
}

#tree-page-bg {
background:url('images/tree-page-bg.png') no-repeat 50% 50%;
background-size:cover;
padding:40px 0;
}
#tree-text {
float:right;
width:40%;
box-sizing:border-box;
padding:40px;
}

.bottom-0 {
padding-bottom:0 !important;
}
.top-0 {
padding-top:0;
}
.blue-bg {
background:#56b3db;
color:white;
}

.sp-left {
display:inline-block;
width:50%;
vertical-align:top;
box-sizing:border-box;
padding:40px 150px 40px 0;
}
.sp-left h3 {
font-family:'Patrick Hand';
font-size:30px;
display:block;
margin-bottom:20px;
}
.sp-right {
display:inline-block;
vertical-align:bottom;
width:50%;
margin-top:-90px;

}

.tan-bg {
background:#faf4e4;
}
.quote, .quote2 {
display:inline-block;
vertical-align:top;
width:33.3%;
box-sizing:border-box;
padding:20px;
}
.quote h3, .quote2 h3 {
color:#56b3db;
font-size:18px;
display:block;
text-align:center;
}
.quote-text, .quote-text2 {
text-align:center;
display:block;
margin:10px 0;
font-size:13px;
}
.quote-img {
width:50%;
display:block;
margin:0 auto;
}
.quote-sig {
color:#56b3db;
font-size:22px;
text-align:center;
display:block;
}
.quote-smaller {
font-size:16px;
}
.book-page {
width:33.3%;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
padding:10px;
margin:20px 0;
text-align:center
}
.book-page img {
display:block;
margin:0 auto 20px;
}

.white-swirl-bg ul {
margin-left:20px;
list-style:disc;
}

.kids2, .kids2-alt {
margin-top:-58px;
margin-bottom:30px;
}

.bottom-order-left {
float:left;
width:55%;
}
.bottom-order-left h2 {
font-size:36px;
}
.big-cover {
position:absolute;
right:-35px;
top:-60px;
width:300px;
}
.order-box.bottom {
font-size:24px;
width:90%;
margin:0 auto;
}
.order-box.bottom .buy-now {
display:inline;
margin:0 10px;
}
.order-right {
padding-top:20px;
}
.order-table {
display:table;
width:80%;
margin:0 auto;
}

.bio-left, .bio-right {
display:inline-block;
vertical-align:middle;
font-size:24px;
}
.bio-left {
margin-right:50px;
}
.bio-left img {
border-radius:50%;
}
.bio-right span {
color:#2864ac;
font-weight:bold;
}

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

.li-2, .kids2-alt { display:none; }


/*
DEMO 4
*/

.blue-button:hover {
color:#ddd;
}

.blue-button {
    margin:0 10px 10px;
    display:inline-block;
	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(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;
     */
}

.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;
	*/
}



/*
DEMO 4
*/

.green-button:hover {
color:#ddd;
}

.green-button {
margin:0 10px 10px;
    display:inline-block;
	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(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;
     */
}

.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;
	*/
}



.bonus-form {
border:2px dashed darkblue;
width:40%;
margin:2% 2.5%;
padding:10px;
display:inline-block;
vertical-align:top;
box-sizing:border-box;
background:#e7e6eb;
font-family:arial;
color:black;
border-radius:10px;
font-size:14px;
}
.bonus-form span {
font-size:24px;
display:block;
text-align:center;
color:darkblue;
margin-bottom:10px;
}
.bonus-form td {
text-align:right;
padding:3px;
}
.bonus-form input[type=image] {
width:100%;
}


#mobile-header {
display:none;
}
#mobile-header img {
width:100%;
}
#mobile-header h1, #mobile-header h2 {
font-size:24px;
font-weight:bold;
color:#3367b2;
text-align:center;
margin:10px 20px 10px;
}
#mobile-header h3 {
font-size:18px;
color:#293462;
text-align:center;
margin:0 20px 5px;
}


@media only screen and (max-width:1010px) {
    .container {
    width:100%;
    }
    .container-inner {
    padding:20px 10px;
    }
    .sp-left {
    padding-right:40px;
    }
    .kids2 {
    display:none;
    }
    .kids2-alt {
    display:inline;
    }
    .bio-left, .bio-right {
    display:block;
    text-align:center;
    }

}

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

@media only screen and (max-width:940px) {
    #tree-text {
    float:none;
    width:100%;
    color:black;
    }
    #tree-page-bg {
    background: url('images/tree-page-bg-white.jpg') no-repeat 50% 50%;
    background-size: cover;
    }
    .book-page img {
    width:100%;
    }
    .kids2-alt {
    width:100%;
    }
    
}
@media only screen and (max-width:850px) {
    .bonus-form {
    width:100%;
    margin:20px 0;
    }
    .bonus-form table {
    margin:0 auto;
    }
    #header {
    display:none;
    }
    #mobile-header {
    display:block
    }
}
@media only screen and (max-width:810px) {
    #nav li {
    width:33.3%;
    }
    #nav li a{
    border-bottom:1px solid #56b3db
    }
}

@media only screen and (max-width:770px) {
    #nav li a {
    font-size:14px;
    }
    .left, .right {
    width:100%;
    float:none;
    margin-bottom:20px;
    }
    .sp-book {
    display:none;
    }
    .order-box-padding.mod {
    padding-top:30px;
    }
    .sp-right img {
    width:100%;
    }
    .bonus-left, .bonus-right {
    float:none;
    width:100%;
    margin:0;
    }
    .bonus-right {
    margin-bottom:20px;
    padding-top:5px;
    }
    .bonus-left img {
    width:auto;
    margin:0 auto;
    display:block;
    }
    .bonus-right span {
    text-align:center;
    display:block;
    margin:0;
    }

}
@media only screen and (max-width:700px) {
    .big-cover {
    display:none;
    }
    .bottom-order-left {
    width:100%;
    float:none;
    }
    .order-table {
    width:100%;
    }
    .order-cell {
    padding-left:0
    }
    .video-holder {
    width:100%;
    }
    .quote, .quote2 {
    width:100%;
    border-bottom:1px solid #c6ba9a
    }
    .quote h3, .quote-text, .quote2 h3, .quote-text2 {
    height:auto !important;
    }
    .quote-img {
    width:25%;
    }
    .sp-note {
    width:235px !important
    }
}

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

    .sp-left, .sp-right {
    width:100%;
    float:none;
    margin-top:0;
    }
    .sp-right img {
    width:auto;
    margin:0 auto;
    display:block;
    }
    .book-page img {
    width:auto;
    margin-bottom:5px;
    }
    .book-page {
    width:100%;
    margin:10px 0;
    }
    .percent-box {
    float:none;
    width:100%;
    left:0;
    margin-bottom:10px;
    }
    .percent-box img {
    width:33.3%;
    border:0;
    }
    .tan-bg.align-left.pad-40 {
    width:100%;
    padding:10px;
    }
    .order-box.bottom .order-cell img{
    width:75px;
    font-size:18px;
    }
    .order-box.bottom .order-table, .order-box.bottom .order-row, .order-box.bottom .order-cell {
    display:block;
    text-align:center;
    width:100%
    }
    .order-box.bottom .order-right {
    padding-top:0;
    padding-bottom:20px;
    }
    .order-box.bottom .order-cell{
    font-size:18px;
    }

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

}
@media only screen and (max-width:500px) {
    .top-book {
    float:none;
    display:block;
    margin:10px auto;
    }
    .center-when-small {
    text-align:center;
    }
    .width-50 {
    width:100%;
    float:none;
    margin:15px 0;
    }
    .page-screen {
    width:100%;
    }
    .sp-right img {
    width:80%;
    }
    
    
    
}
@media only screen and (max-width:440px) {
    .li-1 { display:none; }
    .li-2 { display:inline; }
    #mobile-header h2 {
    font-size:20px;
    }
    #mobile-header h3 {
    font-size:16px;
    }
    .order-box-padding {
    padding:10px;
    }
    .bottom-order-left h2 {
    font-size:25px;
    }
    .buy-now2 img {
    width:100%;
    }
    .order-box.bottom {
    width:100%;
    font-size:18px;
    }
    .order-box.bottom .step-1-ribbon {
    left:-70px;
    }
    .order-box.bottom .step-2-ribbon {
    right:-70px;
    }

    

}