/* fonts:
================================================================================= */

@font-face {
    font-family: 'nevis';
    src: url('../../fonts/nevis.eot');
    src: url('../../fonts/nevis.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/nevis.woff') format('woff'),
         url('../../fonts/nevis.ttf') format('truetype'),
         url('../../fonts/nevis.svg#nevisbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'geared';
    src: url('../../fonts/geared.eot');
    src: url('../../fonts/geared.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/geared.woff') format('woff'),
         url('../../fonts/geared.ttf') format('truetype'),
         url('../../fonts/geared.svg#geared_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* group:
================================================================================= */

.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: "";
	clear: both;
	height: 0;
}

.group {
	display: inline-block;
}

/* \*/

* html .group {
	height: 1%;
}

.group {
	display: block;
}

/* */


/* general:
================================================================================= */

.lbg {
	width: 798px;
	margin: 0 auto;
	position: relative;
	padding: 81px 0 15px 0;
	font-size: 15px;
	line-height: 1.45em;
	color: #554a47;
}

/* anchors */

.lbg a,
.lbg .a {
	color: #5ead46;
	text-decoration: underline;
	font-style: italic;
}

.lbg a:hover {
	color: #eb583c;
}

/* images */

.lbg img {
	display: block;
	border: solid #564a47 6px;
	box-shadow: 6px 6px rgba(0,0,0,0.15);
	max-width: none;
	margin-bottom: 1.2em;
}

.lbg img.border-w {
	border-color: #fff;
}

.lbg img.inline {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.lbg img:last-child {
	margin-bottom: 6px;
}

.lbg .noshadow {
	box-shadow: none;
	border: 0;
	margin-bottom: 1em;
}

.lbg .alignright {
	margin: 5px 0 0.85em 0.85em;
}

.lbg .alignleft {
	margin: 5px 1.2em 0.85em 0;
}

.lbg .alignnone {
	margin: 5px 0 0.85em 0;
}

.lbg .nomargin-b {
	margin-bottom: 0 !important;
}

/* paragraph */

.lbg p {
	padding-bottom: 0.85em;
	margin: 0;
}

.lbg p.margin-t {
	margin-top: 25px;
}

.lbg p.aligncenter {
	text-align: center;
	font-style: italic;
}

.lbg img.margin-t  {
	margin-top: 30px !important;
}

/* android fix */

.lbg p,
.lbg h2,
.lbg li {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=);
}

/* lists */

.lbg ol,
.lbg ul {
	list-style: none;
	padding-bottom: 0.85em;
	margin: 0;
}

.lbg ol li,
.lbg ul li {
	list-style: none;
}

.lbg table th {
	color: #5ead46;
}

/* steps-b */

.lbg .steps-b {
	position: relative;
	left: -10px;
	width: 758px;
	margin: 0;
	clear: both;
}

.lbg .steps-b p,
.lbg .steps-b .dots {
	padding-right: 75px !important;
}

.lbg .steps-b h3,
.lbg .steps-b .h3 {
	color: #554a47;
	border-bottom: dotted 2px rgba(0,0,0,0.1);
	padding: 0 0 3px 10px;
	margin: 0 0 10px 0;
	position: relative;
	left: -10px;
	width: 633px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'nevis';
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-align: left;
}

.lbg .steps-b h3.margin-r {
	width: 400px;
	padding-right: 230px;
}

.lbg .steps-b > li {
	background: left top no-repeat;
	padding: 5px 0 45px 125px;
	min-height: 51px;
	clear: both;
}

.lbg .padding-t {
	padding-top: 30px !important;
}

.lbg .steps-b > li.padding-t {
	background-position: left 25px;
}

.lbg .steps-b > li:last-child {
	padding-bottom: 0;
}

.lbg .steps-b > li:nth-child(1) {
	background-image: url('../images/step-1-b.png');
}

.lbg .steps-b > li:nth-child(2) {
	background-image: url('../images/step-2-b.png');
}

.lbg .steps-b > li:nth-child(3) {
	background-image: url('../images/step-3-b.png');
}

.lbg .steps-b > li:nth-child(4) {
	background-image: url('../images/step-4-b.png');
}

.lbg .steps-b > li:nth-child(5) {
	background-image: url('../images/step-5-b.png');
}

.lbg .steps-b > li:nth-child(6) {
	background-image: url('../images/step-6-b.png');
}

.lbg .steps-b > li:nth-child(7) {
	background-image: url('../images/step-7-b.png');
}

.lbg .steps-b > li:nth-child(8) {
	background-image: url('../images/step-8-b.png');
}

.lbg .steps-b > li:nth-child(9) {
	background-image: url('../images/step-9-b.png');
}

.lbg .steps-b > li:nth-child(10) {
	background-image: url('../images/step-10-b.png');
}

.lbg .steps-b > li:nth-child(11) {
	background-image: url('../images/step-11-b.png');
}

.lbg .steps-b li.bonus {
	background-image: url('../images/step-bonus-b.png');
}

.lbg .steps-b li.tip {
	background-image: url('../images/step-tip-b.png');
}

.lbg p:last-child,
.lbg ol:last-child,
.lbg ul:last-child,
.lbg li:last-child {
	padding-bottom: 0;
}

/* dots */

.lbg .dots {
	overflow: hidden;
}

.lbg .dots li {
	margin: 0 0 5px 0;
	padding-left: 25px;
	background: url('../images/dot.png') left 4px no-repeat;
	font-style: italic;
	font-size: 14px;
	line-height: 1.45em;
}

.lbg .dots-b li {
	background-image: url('../images/dot.png') !important;
}

.lbg .dots-g li {
	background-image: url('../images/dot-g.png') !important;
}


.lbg .dots li:last-child {
	margin-bottom: 0;
}

/* headers */

.lbg h1,
.lbg h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'geared';
	margin: 0 0 15px 0;
	border-bottom: solid 4px;
	width: 748px;
	position: relative;
	z-index: 3;
	left: -25px;
	padding: 0 25px;
}

.lbg h1 {
	font-size: 50px;
	border-color: #faf9d4;
	padding: 57px 25px 57px 223px;
	width: 550px;
	position: relative;
}

.lbg h1:before,
.lbg h1:after {
	content: '';
	display: block;
	background: center no-repeat;
	position: absolute;
}

.lbg h1:before {
	width: 220px;
	height: 151px;
	top: 0;
	left: -10px;
}

.lbg h2 {
	font-size: 45px;
	position: relative;
}

.lbg .step h2 span {
	display: block;
	font-family: 'nevis';
	font-size: 15px;
	line-height: 1.2em;
	letter-spacing: 1px;
	position: absolute;
	left: 140px;
	bottom: -25px;
}

.lbg .h2-step {
	padding-left: 140px;
	width: 633px;
	margin-bottom: 30px;
	font-size: 41px;
	line-height: 1em;
}

.lbg .h2-step:before {
	content: '';
	display: block;
	width: 137px;
	height: 93px;
	background: center no-repeat;
	position: absolute;
	left: -6px;
	bottom: -24px;
}

.lbg h1,
.lbg h2 {
	line-height: 1em;
}

.lbg h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'nevis';
	letter-spacing: 1px;
	width: 748px;
	text-align: center;
	color: #5ead46;
	font-size: 24px;
	line-height: 1.2em;
	background: center top no-repeat;
	padding: 50px 0 0.5em 0;
	margin: 0;
	clear: both;
}

.lbg h3:before,
.lbg .h3:before {
	display: block;
	margin: 0 0 10px 0;
}

.lbg pre {
	font-size: 13px;
	line-height: 1.35em;
	color: #5FA830;
	padding: 0 0 1.65em 0;
	background: none;
	border: none;
	clear: none;
	margin: 0;
	overflow: visible;
	font-family: 'courier new', courier, monospace;
}

/* blockquote mail */

.lbg .mail {
	border: 0;
	margin: 0 auto 0.85em auto;
	background: #fff;
	color: #554a47;
	font-style: italic;
	padding: 15px 15px 205px 15px;
	font-size: 13px;
	line-height: 1.65em;
	width: 309px;
	position: relative;
}

.lbg .mail:last-child {
	margin-bottom: 0;
}

.lbg .mail:before {
	content: '';
	display: block;
	width: 374px;
	height: 188px;
	background: url('../images/bg-mail.png') center no-repeat;
	position: absolute;
	left: -17px;
	bottom: -2px;
}

.lbg .mail p {
	padding-right: 0 !important;
}

.lbg .mail .title {
	text-transform: uppercase;
	font-style: normal;
	color: #eb583c;
	font-family: 'nevis';
	font-size: 12px;
	line-height: 1.2em;
	margin: 0;
	padding: 5px 0 15px 0;
}

.lbg .mails .mail {
	float: right;
}

.lbg .mails .mail:first-child {
	float: left;
}

/* list */

.lbg .list {
	padding: 25px 0 0;
}

.lbg .list:last-child {
	padding-bottom: 0;
}

.lbg .list h4,
.lbg .list h5 {
	font-style: normal;
	text-transform: uppercase;
	font-family: 'nevis';
	font-size: 15px;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 3px 0;
}

.lbg .list > li {
	padding-bottom: 25px;
	position: relative;
	min-height: 42px;
}

.lbg .list > li:before {
	content: '';
	display: block;
	width: 80px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -90px;
	background: center top no-repeat;
}

.lbg .list > li:last-child {
	padding-bottom: 0;
}

/* next */

.lbg .next {
	display: inline-block;
	text-indent: -9999px;
	background: center 3px no-repeat;
	width: 16px;
	height: 22px;
	margin: 0 3px;
}

/* steps */

.lbg .step {
	padding: 0 25px 75px 25px;
	position: relative;
}

.lbg .step:before,
.lbg .step:after {
	content: '';
	display: block;
	position: absolute;
}

.lbg .step p,
.lbg .step .dots {
	padding-right: 175px;
}

.lbg .h2-step-1:before {
	background-image: url('../images/bg-step-1.png');
}

.lbg .h2-step-2:before {
	background-image: url('../images/bg-step-2.png');
}

.lbg .h2-step-3:before {
	background-image: url('../images/bg-step-3.png');
}

.lbg .h2-step-4:before {
	background-image: url('../images/bg-step-4.png');
}

.lbg .h2-step-5:before {
	background-image: url('../images/bg-step-5.png');
}

.lbg .h2-step-6:before {
	background-image: url('../images/bg-step-6.png');
}

.lbg .h2-step-7:before {
	background-image: url('../images/bg-step-7.png');
}

.lbg .h2-step-8:before {
	background-image: url('../images/bg-step-8.png');
}

/* step-y */

.lbg .step-y {
	background: #faf9d4;
}

.lbg .step-y h3 {
	color: #eb583c;
}

#lbg-description + .step-y h2 {
	background: #d7dfc0;
	border-color: #564a47;
}

.step-b + .step-y h2 {
	background: #554b47;
	border-color: #5ead46;
	color: #5ead46;
}

.step-g + .step-y h2 {
	background: #5ead46;
	border-color: #564a47;
}

.lbg .step-y .next {
	background-image: url('../images/bg-next-b.png');
}

/* step-g */

.lbg .step-g {
	background: #5ead46;
	color: #fff;
}

.step-y + .step-g h2 {
	background: #faf9d4;
	border-color: #564a47;
	color: #564a47;
}

.step-bg + .step-g h2 {
	background: #d7dfc0;
	border-color: #564a47;
	color: #564a47;
}

.lbg .step-g h3 {
	color: #564a47;
}

.lbg .step-g h4,
.lbg .step-g h5 {
	color: #564a47;
}

.lbg .step-g a {
	color: #fff;
}

.lbg .step-g a:hover {
	color: #564a47;
}

.lbg .step-g .next {
	background-image: url('../images/bg-next-w.png');
}

/* step-b */

.lbg .step-b {
	background: #554b47;
	color: #fff;
}

.step-g + .step-b h2 {
	background: #5ead46;
	border-color: #fff;
	color: #554b47;
}

.step-y + .step-b h2 {
	background: #faf9d4;
	border-color: #5ead46;
	color: #554b47;
}

.lbg .step-b img {
	border-color: #fff;
}

.lbg .step-b h4,
.lbg .step-b h5 {
	color: #5ead46;
}

.lbg .step-b .steps-b h3,
.lbg .step-b .steps-b .h3 {
	border-color: rgba(255,255,255,0.2);
}

.lbg .step-b .steps-b > li:nth-child(1) {
	background-image: url('../images/step-1-w.png');
}

.lbg .step-b .steps-b > li:nth-child(2) {
	background-image: url('../images/step-2-w.png');
}

.lbg .step-b .steps-b > li:nth-child(3) {
	background-image: url('../images/step-3-w.png');
}

.lbg .step-b .steps-b > li:nth-child(4) {
	background-image: url('../images/step-4-w.png');
}

.lbg .step-b .steps-b > li:nth-child(5) {
	background-image: url('../images/step-5-w.png');
}

.lbg .step-b .steps-b > li:nth-child(6) {
	background-image: url('../images/step-6-w.png');
}

.lbg .step-b .steps-b > li:nth-child(7) {
	background-image: url('../images/step-7-w.png');
}

.lbg .step-b .steps-b > li:nth-child(8) {
	background-image: url('../images/step-8-w.png');
}

.lbg .step-b .dots li {
	background-image: url('../images/dot-g.png');
}

/* step-bg */

.lbg .step-bg {
	background: #d7dfc0;
}

.step-y + .step-bg h2 {
	background: #faf9d4;
	border-color: #564a47;
}

.step-b + .step-bg h2 {
	background: #554b47;
	border-color: #5ead46;
	color: #5ead46;
}

.step-g + .step-bg h2 {
	background: #5ead46;
	border-color: #fff;
	color: #554a47;
}

.lbg .step-bg .dots li {
	background-image: url('../images/dot-g.png');
}

.lbg .step-bg .mail,
.lbg .step-y .mail,
.lbg .step-g .mail {
	border: solid #554a47 4px;
	padding-bottom: 201px;
}

.lbg .step-bg .mail:before,
.lbg .step-y .mail:before,
.lbg .step-g .mail:before {
	bottom: -6px;
}

.lbg .step-bg .next {
	background-image: url('../images/bg-next-b.png');
}


/* lbg-header:
================================================================================= */ 

#lbg-header {
	height: 395px;
	position: relative;
	background: #d7dfc0;
}

#lbg-header h1,
#lbg-header p {
	text-indent: -9999px;
}

#lbg-header img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	box-shadow: none;
}

#lbg-header a {
	display: block;
	width: 84px;
	height: 83px;
	text-indent: -9999px;
	position: absolute;
	top: 119px;
	right: 3px;
	background: url('../images/bg-pdf.png') center no-repeat;
	z-index: 3;
}


/* lbg-decription:
================================================================================= */

#lbg-description {
	background: #d7dfc0;
	padding: 15px 25px 75px 25px;
	position: relative;
}


/* lbg-summary:
================================================================================= */

#lbg-summary {
	background: #554b47;
	color: #fff;
	padding: 0 25px 25px 25px;
	position: relative;
}

#lbg-summary h2 {
	text-align: center;
	padding-top: 25px;
}

#lbg-summary h2:before {
	display: block;
	margin: 0 0 10px 0;
}

.step-y + #lbg-summary h2 {
	background-color: #faf9d4;
	border-color: #5ead46;
	color: #5ead46;
}

.step-bg + #lbg-summary h2 {
	background-color: #d7dfc0;
	border-color: #5ead46;
	color: #5ead46;
}

.step-g + #lbg-summary h2 {
	background-color: #5ead46;
	border-color: #fff;
	color: #554b47;
}

#lbg-summary .nav {
	overflow: hidden;
	text-align: center;
	font-family: 'nevis';
	text-transform: uppercase;
	font-size: 22px;
	line-height: 1em;
	letter-spacing: 1px;
	padding: 20px 0 10px 0;
}

#lbg-summary .nav li {
	width: 230px;
	height: 69px;
	text-align: center;
	background: url('../images/bg-button.png') center no-repeat;
	text-indent: 0;
}

#lbg-summary .nav li a {
	color: #fff;
	display: block;
	height: 59px;
	padding: 10px 0 0 0;	
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
}

#lbg-summary .nav li.prev {
	float: left;
}

#lbg-summary .nav li.next {
	float: right;
}

#lbg-summary .nav li.center {
	display: inline-block;
	float: none;
}

#lbg-summary .dots {
	margin-left: 25px;
}

#lbg-summary .url {
	text-align: center;
	font-family: 'nevis';
	font-size: 18px;
	line-height: 1.2em;
	text-transform: uppercase;
	padding-top: 15px;
	color: #5ead46;
}


/* lbg-share:
================================================================================= */

#lbg-share {
	position: absolute;
	top: 0;
	left: 1px;
	overflow: hidden;
	z-index: 2;
	font-family: 'nevis';
	color: #5C4C47;
	text-transform: uppercase;	
}

#lbg-share p {
	float: right;
	text-align: left;
	font-size: 20px;
	line-height: 1.2em;
	letter-spacing: 1px;
	padding: 40px 0 0 0;
}

#lbg-share ul {
	overflow: hidden;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#lbg-share li {
	float: left;
	margin: 0 10px 0 0;
	background: url('../images/bg-share.png') right bottom no-repeat;
	padding: 0 5px 5px 0;
	list-style: none;
}

#lbg-share .download {
	background-color: #5fa830;
}

#lbg-share .download a {
	border-color: #5fa830;
	background-position: 0 0;
}

#lbg-share .facebook {
	background-color: #316197;
}

#lbg-share .facebook a {
	border-color: #316197;
	background-position: -56px 0;
}

#lbg-share .linkedin {
	background-color: #2f8cbd;
}

#lbg-share .linkedin a {
	border-color: #2f8cbd;
	background-position: -111px 0;
}

#lbg-share .twitter {
	background-color: #2aa9e1;
}

#lbg-share .twitter a {
	border-color: #2aa9e1;
	background-position: -166px 0;
}

#lbg-share .google {
	background-color: #e0583a;
}

#lbg-share .google a {
	border-color: #e0583a;
	background-position: -222px 0;
}

#lbg-share a {
	display: block;
	text-indent: -9999px;
	width: 55px;
	height: 55px;
	border-top: solid 5px;
	border-left: solid 5px;
	background: url('../images/share-icons.png') no-repeat;
}

#lbg-share a:hover {
	background-color: inherit;
	border-color: rgba(0,0,0,0.1);
}