body {
	font-family: 'Fauna One', serif;
    background-color: #fff;
}

header {
    background: #fff;
    padding: 0 0 20px;
}

a {
	color:#e95436;
}
a:hover {
	color:#05b8e4;
}

a:link,a:visited,a:active {
	outline:0;
}

p {
	font-size:16px;
	line-height:32px;
	font-weight:400;
	color:#4c4c4c;
}

.no-padding {
	padding:0;
}

.space10 {
	margin-bottom:10px;
}

.space15 {
	margin-bottom:15px;
}

.space20 {
	margin-bottom:20px;
}

.space25 {
	margin-bottom:25px;
}

.space30 {
	margin-bottom:30px;
}

.space35 {
	margin-bottom:35px;
}

.space40 {
	margin-bottom:40px;
}

.space50 {
	margin-bottom:50px;
}

.space60 {
	margin-bottom:60px;
}

.space70 {
	margin-bottom:70px;
}

.space80 {
	margin-bottom:80px;
}

.space90 {
	margin-bottom:90px;
}

.centerimg {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#block-1 {
	background: #05b8e4;
	padding: 24px 0 0;
}

#block-1 h1 {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 48px;
    line-height: 72px;
    padding: 130px 0 112px;
    font-weight: 400;
}

#block-1 h1 em span {
    color: #b4eaf7;
}

#block-1 .top-book {
    position: absolute;
    z-index: 10000;
}

#top-stores {
    background: #04a0c6;
    padding: 16px 0;
}

#top-stores p {
    color: #fff;
    position: absolute;
    top: -50px;
}

#top-stores ul {
    margin-bottom: 0;
}

#top-stores ul li {
    display: inline;
    margin-right: 14px;
}

#top-stores ul li:last-child {
    margin-right: 0;
}

#top-stores ul li a {
    opacity: 1;
    transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

#top-stores ul li a:hover {
    opacity: 0.6;
}

#block-2 {
	background: transparent;
	padding: 80px 0 100px;
}

#block-2 p {
    margin-bottom: 60px;
}

#block-2 .b2-p1 {
    max-width: 640px;
}

#block-2 .b2-p2 {
    max-width: 800px;
}

#block-2 h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 60px;
    color: #4c4c4c;
    text-align: left;
}

#block-2 .six.columns {padding: 0;}
#block-2 .six.columns p, #block-2 .six.columns h3 {padding-right: 15px;}

#block-3 {
	background: #e95436;
    min-height: 640px;
    width: 100%;
    display: table;
}

#block-3 .red-table {
    display: table-row;
}

#block-3 .photo-table {
	 display: table;
	 width: 100%;
	height: 100%;
	min-height: 640px;
}

#block-3 .res-row{
    display: none;
}



#block-3 .marshall, #block-3 .alan {
    width: 50%;
    display: table-cell;
    vertical-align: bottom;
}

#block-3 .marshall {
    background-image: url('../images/mashall_large.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
}

#block-3 .alan {
    background-image: url('../images/alan_large.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
}

#block-3 .nametag {
    background: rgba(0,0,0,0.5);
    padding: 20px 40px;
    color: #fff;
    font-size: 24px;
    line-height: 24px;
}

#block-3 .text-block {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 4%;
}

#block-3 .text-block h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 32px;
    color: #fff;
    text-align: left;
}

#block-3 .text-block p {
    color: #ffffff;
    margin-bottom: 32px;
}

#block-4 {
    background-image: url(../images/textblock2_bg.jpg);
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 100px 0;
}

#block-4 h2 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 60px;
    color: #4c4c4c;
}

#block-4 p {
    margin-bottom: 32px;
}

#block-4 h4 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 60px;
    color: #4c4c4c;
    margin-top: 80px;
}

#block-4 .six.columns {padding: 0;}

#block-4 ul {
    margin-bottom: 60px;
    list-style-position: outside;
    padding-left: 32px;
}

#block-4 ul li {
    font-size: 16px;
    line-height: 32px;
    padding-left: 32px;
}

#block-4 .left-list {
    margin-right: 15px;
}

#block-4 .left-right {
    margin-left: 15px;
}

#block-4 .left-list li:first-child {
    list-style-image: url(../images/list_blue.png);
    margin-bottom: 30px;
}

#block-4 .left-list li:last-child {
    list-style-image: url(../images/list_yellow.png);
}

#block-4 .right-list li:first-child {
    list-style-image: url(../images/list_green.png);
    margin-bottom: 30px;
}

#block-4 .right-list li:last-child {
    list-style-image: url(../images/list_red.png);
}

#block-5 {
    background: #acd03c;
}

#block-5 .eight.columns, #green-stores .eight.columns {padding: 0;}

#block-5 .green-book {
    position: absolute;
    z-index: 10000;
    top: -62px;
    left: -15px;
}

#block-5 h1 {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 48px;
    line-height: 60px;
    padding: 44px 0 70px;
    font-weight: 400;
}

#block-5 h1 em span {
    color: #e6f1c5;
}

#green-stores {
    background: #9abb36;
    padding: 16px 0;
}

#green-stores p {
    color: #fff;
    position: absolute;
    top: -50px;
}

#green-stores ul {
    margin-bottom: 0;
}

#green-stores ul li {
    display: inline;
    margin-right: 44px;
}

#green-stores ul li:last-child {
    margin-right: 0;
}

#green-stores ul li a {
    opacity: 1;
    transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

#green-stores ul li a:hover {
    opacity: 0.6;
}

#block-6 {
    background: #f2f2f2;
    padding: 140px 0 60px;
}

#block-1 .twelve.columns, #block-6 .twelve.columns, #top-stores .twelve.columns {padding: 0;}

#block-6 h1 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    line-height: 72px;
    font-weight: 400;
    color: #4c4c4c;
    margin-bottom: 60px;
}

#block-6 h1 em {
    color: #000;
}

#block-6 h1 em span {
    color: #727272;
}

.bonus {
    background: #fff;
    box-shadow: rgba(0,0,0,0.12) 0 4px 10px;
    margin-bottom: 64px;
    padding: 30px;
    position: relative;
}

.bonus h3 {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 700;
}

.bonus.one-book h3 {
    color: #cb55a1;
}

.bonus.ten-books h3 {
    color: #05b8e4;
}

.bonus.twentyfive-books h3 {
    color: #e95436;
}

.value {
    position: absolute;
    top: -24px;
    right: -24px;
    box-shadow: rgba(0,0,0,0.12) 0 4px 10px;
    padding: 20px 12px 10px;
    text-align: right;
}

.bonus.one-book .value {
    background: #cb55a1;
}

.bonus.ten-books .value {
    background: #05b8e4;
}

.bonus.twentyfive-books .value {
    background: #e95436;
}

.value p {
    margin-bottom: 0;
    line-height: 16px;
    color: #fff;
}

#block-6 .value h1 {
    font-family: 'Fauna One', serif;
    margin-bottom: 0;
    line-height: 48px;
    font-size: 48px;
    font-weight: bold;
    margin-top: -2px;
    color: #fff;
}

#block-6 .value h1 span {
    font-size: 30px;
    top: -16px;
    position: relative;
}

#block-7 {
    padding: 100px 0;
}

#block-7 h1 {
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    line-height: 72px;
    font-weight: 400;
    color: #4c4c4c;
    margin-bottom: 60px;
}

#block-7 .step-number {
    height: 120px;
    width: 120px;
    font-size: 72px;
    line-height: 120px;
    display: inline-block;
    box-shadow: rgba(0,0,0,0.12) 0 4px 10px;
    text-align: center;
    color: #fff;
}

#block-7 .step-one .step-number {
    background: #f2cf1a;
}

#block-7 .step-two .step-number {
    background: #acd03c;
}

.step-text p {
   padding-top: 24px;
}

.step-text p em {
    font-weight: bold;
}

#block-7 .twelve.columns, #block-7 .two.columns, #block-7 .ten.columns {padding: 0;}

.steps {
    margin-bottom: 60px;
}

#block-7 form {
    margin-bottom: 60px;
}

#block-7 .mc-field-item-1, #block-7 .mc-field-item-2, #block-7 .mc-field-item-3 {
    display: inline-block;
    width: 31%;
}

#block-7 .mc-field-item-2 {
    margin: 0 30px;
}

#block-7 .mc-field-item-1 input, #block-7 .mc-field-item-2 input, #block-7 .mc-field-item-3 input {
    border: none;
    background: #f2f2f2;
    width: 100%;
    height: 60px;
    
}

#block-7 .mc-webform-item button {
    -webkit-appearance: none;
    background: #e95436;
    width: 270px;
    height: 80px;
    display: block;
    border: none;
    margin: 20px auto 0;
    box-shadow: rgba(0,0,0,0.12) 0 4px 10px;
    color: #fff;
    font-family: 'Fauna One', serif;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

#block-7 .mc-webform-item button:hover {
    cursor: pointer;
    color: #ccc;
    background: #b5412a;
    box-shadow: rgba(0,0,0,0.4) 0 1px 4px;
}

#block-8 {
    background: #333333;
    padding-top: 50px;
}

#block-8 .about-img {
    position: absolute;
    z-index: 10000;
    max-width: 627px;
}

#block-8 h1 {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-size: 48px;
    line-height: 48px;
    font-weight: 400;
    margin-bottom: 32px;
    padding-top: 100px;
}

#block-8 p {
    color: #fff;
    margin-bottom: 0;
    padding-bottom: 135px;
}

#bottom-stores {
    background: #262626;
    padding: 16px 0;
}

#bottom-stores p {
    color: #fff;
    position: absolute;
    top: -50px;
}

#bottom-stores ul {
    margin-bottom: 0;
}

#bottom-stores ul li {
    display: inline;
    margin-right: 44px;
}

#bottom-stores ul li:last-child {
    margin-right: 0;
}

#bottom-stores ul li a {
    opacity: 1;
    transition: 0.25s ease-in-out;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
}

#bottom-stores ul li a:hover {
    opacity: 0.6;
}



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

#block-8 {
    overflow-x: hidden;
    overflow-y: visible;
}

/*-------------------------------- Landscape Tablet Styles --------------------------------*/

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

#block-1 .twelve.columns, #block-6 .twelve.columns, #top-stores .twelve.columns, #block-7 .twelve.columns, #block-7 .two.columns, #block-7 .ten.columns {padding: 0 15px;}
#top-stores ul li {margin-right: 17px;}
#top-stores ul li a img {width: 120px;}
#block-3 {min-height: 1px;}
#block-3 .text-block h3 {font-size: 24px; line-height: 30px; margin-bottom: 24px;}
#block-3 .text-block p {margin-bottom: 24px;}
#block-3 .nametag {padding: 20px 20px; font-size: 16px;}
#block-4 {padding: 80px 0; background-size: 140%;}
#block-5 .green-book {top: -25px;}
#green-stores ul li {margin-right: 14px;}
#block-6 {padding: 100px 0 40px;}
.value {right: -10px;}
.step-text p {padding-top: 14px;}
#block-7 form {margin-top: -40px;}
#block-8 .four, #block-8 .row .four, #block-8 .eight, #block-8 .row .eight {width: 50%;}
#block-8 .about-img {position: relative; bottom: -17px;}
#bottom-stores .eight, #bottom-stores .row .eight {width: 100%;}
}



/*-------------------------------- Portrait Tablet Styles --------------------------------*/

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

#block-1 h1 {line-height: 60px; padding: 50px 0 72px;}
#top-stores .seven, #top-stores .row .seven, #green-stores .eight, #green-stores .row .eight {width: 100%;}
#block-2 {padding: 80px 0 40px;}
#block-3 .red-table .text-block {display: none;}
#block-3 .marshall, #block-3 .alan {width: 50%;}
#block-3 .res-row{display: table-row;}
#block-3 .text-block {padding: 40px;}
#block-5 h1 {font-size: 36px; line-height: 48px; padding: 44px 0 90px;}
#green-stores ul li {margin-right: 44px;}
#block-6 {padding: 60px 0 40px;}
#block-6 h1 {font-size: 36px; line-height: 48px; margin-bottom: 80px;}
#block-7 {padding: 60px 0;}
#block-7 h1 {font-size: 36px; line-height: 48px;}
#block-7 .step-number {height: 100px; width: 100px; font-size: 60px; line-height: 100px;}
.step-text p {padding-top: 0;}
#block-7 .mc-field-item-2 {margin: 0 20px;}
#block-8 {overflow-y: hidden;}
#block-8 .four, #block-8 .row .four, #block-8 .eight, #block-8 .row .eight {width: 100%;}
#block-8 h1 {padding-top: 20px; font-size: 36px;}
#block-8 p {padding-bottom: 20px;}
#block-8 .about-img {right: -190px;}
#bottom-stores ul li {margin-right: 34px;}
}


/*-------------------------------- LANDSCAPE PHONE STYLES --------------------------------*/

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

#block-1 {padding: 0;}
#block-1 h1 {font-size: 36px; line-height: 48px; padding: 60px 0 0;}
#block-1 .top-book {position: relative; padding-bottom: 10px;} 
#top-stores ul li {margin-right: 56px;}
#top-stores ul li:nth-child(2), #green-stores ul li:nth-child(2), #bottom-stores ul li:nth-child(2) {margin-right: 0;}
#block-2 {padding: 60px 0 40px;}
#block-2 h3 {line-height: 42px; margin-bottom: 48px;}
#block-2 p {margin-bottom: 48px;}
#block-3 .photo-table {min-height: 360px;}
#block-3 .nametag {padding: 20px 10px; font-size: 14px; text-align: center;}
#block-3 .text-block {padding: 40px 20px;}
#block-3 .text-block h3 {font-size: 30px; line-height: 36px;}
#block-5 .green-book {top: -55px; position: relative; left: 0;}
#block-5 h1 {padding: 0 0 60px;}
#green-stores ul li {margin-right: 44px;}
.value {top: -44px;}
#block-6 .value h1 {line-height: 36px; font-size: 36px;}
#block-6 .value h1 span {font-size: 24px; top: -10px;}
.value p {line-height: 18px; font-size: 14px;}
#block-7 h1 {margin-bottom: 40px; font-size: 48px; line-height: 60px;}
.step-one, .step-two {text-align: center;}
#block-7 .step-number {height: 120px; width: 120px; font-size: 72px; line-height: 120px; margin: 0 auto 20px;}
#block-7 form {margin-top: -80px; margin-bottom: 40px;}
#block-7 .mc-field-item-1, #block-7 .mc-field-item-2, #block-7 .mc-field-item-3 {width: 100%;}
#block-7 .mc-field-item-2 {margin: 0;}
#block-7 .mc-webform-item button {width: 100%;}
#block-8 .about-img {right: 0; max-width: 110%}
#bottom-stores p {position: relative; top: 0;}
#bottom-stores ul li {margin-right: 20px;}
}



/* PORTRAIT PHONE STYLES */ 

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




}

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



}