/* 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:
================================================================================= */

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

/* anchors */

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

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

/* images */

.cmg img {
	display: block;
	box-shadow: 6px 6px rgba(0,0,0,0.1);
	max-width: none;
	margin-bottom: 1em;
}

.cmg img:last-child {
	margin-bottom: 0;
}

.cmg .noshadow {
	box-shadow: none;
}

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

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

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

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

/* paragraph */

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

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

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

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

/* android fix */

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

/* tips */

.cmg .tip,
.cmg .tip-1,
.cmg .tip-2 {
	min-height: 64px;
	background: left center no-repeat;
	margin: 10px 0 20px 0;
	display: table;
	padding: 0 0 0 60px;
}

.cmg .tip span,
.cmg .tip-1 span,
.cmg .tip-2 span {
	display: table-cell;
	vertical-align: middle;
}

.cmg .tip-1 {
	background-image: url('../images/tip-1.png');
}

.cmg .tip-2 {
	background-image: url('../images/tip-2.png');
}

.cmg .tip-b {
	background-image: url('../images/tip-b.png');
}

.cmg .tip-bg {
	background-image: url('../images/tip-bg.png');
}

.cmg .tip-g {
	background-image: url('../images/tip-g.png');
}


/* lists */

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

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

.cmg .overflow > li {
	overflow: hidden;
}

.cmg .margin li {
	padding-top: 1.45em;
}

.cmg .margin li:first-child {
	padding-top: 0;
}

.cmg ol.default {
	padding-left: 25px;
}

.cmg ol.default > li {
	list-style: decimal;
	clear: both;
	padding: 35px 0 0 0;
}

.cmg ol.default > li:first-child {
	padding-top: 0;
}
.cmg ol.default > li:last-child {
	padding-bottom: 25px;
}

.cmg ol.default ul {
	font-family: 'georgia';
	font-size: 15px;
	line-height: 1.45em;
	color: #fff;
	font-style: italic;
	text-transform: none;
	letter-spacing: 0;
}

.cmg ol.default ul li {
	padding-top: 7px;
}

.cmg ol.default ul li:first-child {
	padding-top: 0;
}

/* tables */

.cmg table {
	background: #554a47;
	border-spacing: 4px;
	border-collapse: separate;
	font-family: 'nevis';
	font-size: 15px;
	line-height: 1.25em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.cmg table td,
.cmg table th {
	background: #faf9d4;
	padding: 5px;
}

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

/*   */

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

.cmg .steps-b h3,
.cmg .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* steps-s */

.cmg .steps-s {
	margin: 5px 0 0 0;
	padding: 0 0 25px 0;
	clear: both;
}

.cmg .steps-s:last-child {
	padding-bottom: 0;
}

.cmg .steps-s h4 {
	padding-top: 2px;
}

.cmg .steps-s > li {
	background: left 4px no-repeat;
	padding: 0 0 17px 35px;
	min-height: 20px;
	clear: both;
	overflow: hidden;
}

.cmg .steps-s > li:last-child {
	padding-bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.cmg .steps-s > li:nth-child(12) {
	background-image: url('../images/12-s.png');
}

.cmg .steps-s-w > li:nth-child(1) {
	background-image: url('../images/1-s-w.png') !important;
}

.cmg .steps-s-w > li:nth-child(2) {
	background-image: url('../images/2-s-w.png') !important;
}

.cmg .steps-s-w > li:nth-child(3) {
	background-image: url('../images/3-s-w.png') !important;
}

.cmg .steps-s-w > li:nth-child(4) {
	background-image: url('../images/4-s-w.png') !important;
}

.cmg .steps-s-w > li:nth-child(5) {
	background-image: url('../images/5-s-w.png') !important;
}

/* steps-m */

.cmg .steps-m {
	margin: 5px 0 0 0;
	padding: 0 0 25px 0;
	clear: both;
}

.cmg .steps-m:last-child {
	padding-bottom: 0;
}

.cmg .steps-b li .steps-m {
	margin-top: 25px;
}

.cmg .steps-m .h,
.cmg .steps-m h4,
.cmg .steps-m h5 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'nevis';
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	color: #5ead46;
	border-bottom: dotted 2px rgba(0,0,0,0.1);
	display: block;	
}

.cmg .steps-m > li {
	background: left 4px no-repeat;
	padding: 0 0 35px 45px;
	min-height: 20px;
	clear: both;
}

.cmg .steps-m > li:last-child {
	padding-bottom: 0;
}

.cmg .steps-m > li.padding-t {
	background-position: left 34px;
}

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

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

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

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

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

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

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

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

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

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

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

/* note */

.cmg .note {
	font-family: 'nevis';
	font-size: 15px;
	line-height: 1.2em;
	border-radius: 15px;
	background: #faf7d4;
	padding: 7px;
	position: relative;
	width: 530px;
	overflow: visible;
}

.cmg .steps-b .note {
	width: 600px;
	position: relative;
	left: 9px;
}

.cmg .steps-m .note {
	width: 595px;
	position: relative;
	left: 9px;
}

.cmg .steps-b .steps-m .note {
	width: 555px;
	position: relative;
	left: 9px;
}

.cmg .note:before,
.cmg .note:after {
	content: '';
	display: block;
	width: 515px;
	height: 7px;
	position: absolute;
	left: 14px;
	background: #80b85b;
}

.cmg .steps-b .note:before,
.cmg .steps-b .note:after {
	width: 587px;
}

.cmg .steps-m .note:before,
.cmg .steps-m .note:after {
	width: 582px;
}

.cmg .steps-b .steps-m .note:before,
.cmg .steps-b .steps-m .note:after {
	width: 542px;
}

.cmg .note:before {
	top: 0;
}

.cmg .note:after {
	bottom: 0;
}

.cmg .note div {
	background: #80b85b;
	border-radius: 7px;
	padding: 5px 15px;
	position: realtive;
}

.cmg .note div:before,
.cmg .note div:after {
	content: '';
	display: block;
	width: 18px;
	height: 100%;
	position: absolute;
	top: 0;
	background: center no-repeat;
}

.cmg .note div:before {
	left: -11px;
	background-image: url('../images/note-left-bg.png');
}

.cmg .note div:after {
	right: -11px;
	background-image: url('../images/note-right-bg.png');
}

.cmg .note p {
	padding-bottom: 0.5em;
}

.cmg .note p:last-child {
	padding-bottom: 0;
}

.cmg .note .title {
	font-weight: normal;
	text-transform: uppercase;
	padding-bottom: 0;
}

.cmg .note .title-r {
	color: #eb583c !important;
}

/* definitions */

.cmg .definitions {
	overflow: hidden;
}

.cmg .definitions dl {
	width: 50%;
	float: left;
}

.cmg .definitions dt {
	font-weight: bold;
	margin-bottom: 10px;
	width: 95px;
}

.cmg .definitions dt:after {
	content: ':';
}

.cmg .definitions dd {
	font-style: italic;
}

.cmg .definitions li {
	padding-bottom: 10px;
}

.cmg .definitions li:last-child {
	padding-bottom: 0;
}

/* dots */

.cmg .dots {
	overflow: hidden;
}

.cmg h4+.dots {
	padding-top: 5px;
}

.cmg .dots dt {
	font-weight: bold;
	clear: both;
	margin: 0 0 10px 0;
	padding-left: 25px;
	background: url('../images/dot.png') left 4px no-repeat;
	width: 45px;
}

.cmg .dots dt:after {
	content: ':';
}

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

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

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

/* examples */

.cmg .examples {
	margin: 25px 0;
	box-shadow: 6px 6px rgba(0,0,0,0.1);
}

.cmg .examples h5 {
	color: #fff;
	padding-bottom: 10px;
}

.cmg .examples h6 {
	border-bottom: solid #554a47 1px;
	padding-bottom: 2px;
}

.cmg .examples ul {
	background: #faf7d4;
	padding: 10px 15px;
	color: #554a47;
}

.cmg .examples dl {
	background: #fdfce9;
	padding: 5px 10px 25px 10px;
	margin: 0 10px;
}

.cmg .examples dt {
	font-weight: bold;
	display: inline;
	float: none;
	clear: both;
}

.cmg .examples dt:after {
	content: ':';
}

.cmg .examples dt:before {
	content: '';
	display: block;
	clear: both;
	padding-top: 10px;
}

.cmg .examples dd {
	display: inline;
	float: none;
}

.cmg .examples li {
	padding-bottom: 10px;
}

.cmg .examples li:last-child {
	padding-bottom: 0;
}

/* blockquote */

.cmg blockquote {
	font-family: 'nevis';
	font-size: 18px;
	line-height: 1.2em;	
	border: none;
	margin: 25px 0;
	width: 550px;
	min-height: 110px;
	padding: 0 0 0 6px;
}

.cmg blockquote:last-child {
	margin-bottom: 0;
}

.cmg blockquote.b-right {
	float: right;
}

.cmg .b-text {
	padding: 20px 10px !important;
	font-family: 'nevis';
	font-size: 18px;
	line-height: 1.2em;
	color: #554a47;	
	background: #faf9d4;
	border: solid #564a47 4px;
	box-shadow: -6px -6px rgba(0,0,0,0.1);
	border-radius: 3px;
	position: relative;
}

.cmg blockquote.b-left .b-text {
	box-shadow: 6px -6px rgba(0,0,0,0.1);
}

.cmg .b-text:after {
	content: '';
	display: block;
	width: 40px;
	height: 45px;
	background: url('../images/blockquote-bg.png') center no-repeat;
	position: absolute;
	right: 35px;
	bottom: -45px;
}

.cmg blockquote.b-left .b-text:after {
	left: 35px;
	background-image: url('../images/blockquote-l-bg.png');
}

.cmg .b-author {
	color: #5ead46;
	text-align: right;
	padding: 20px 90px 0 0;
}

.cmg blockquote.b-left .b-author {
	text-align: left;
	padding: 20px 0 0 90px;
}

.cmg .b-author span {
	display: block;
	color: #a49f9d;
	font: italic 15px/1.45em 'georgia';
}

/* headers */

.cmg h2,
.cmg .h2 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'geared';
	font-size: 45px;
	line-height: 1em;
	margin: 0;
	width: 748px;
	padding: 0 0 0.25em 0;
	position: relative;
}

.cmg h2 span,
.cmg .h2 span {
	font-size: 38px;
	line-height: inherit;
}

.cmg h3,
.cmg .h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'nevis';
	font-size: 18px;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin: 0;
}

.cmg h4,
.cmg .h4,
.cmg h5,
.cmg h6 {
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'nevis';
	font-size: 15px;
	line-height: 1.25em;
	letter-spacing: 1px;
	margin: 0;
	font-style: normal;
}

.cmg h4 a,
.cmg .h4 a {
	font-style: normal;
}

.cmg h4 a:hover {
	font: inherit;
}

.cmg .h4 li {
	padding-top: 3px;
}

.cmg .h4 li .text li {
	padding-top: 0;
}

.cmg .text {
	text-transform: none;
	font-family: 'georgia';
	font-size: 15px;
	line-height: 1.45em;
	letter-spacing: 0;
	margin: 0;
}

.cmg h4.text {
	font-weight: bold;
}

.cmg .h4 p {
	padding-bottom: 0.25em;
}

.cmg .h4 p.text,
.cmg .h4 .text p {
	padding-bottom: 0.85em;
}

.cmg .h4 p:last-child {
	padding-bottom: 0;
}

.cmg .h4 p+img {
	margin-top: 5px;
}

/* dl */

.cmg dl {
	overflow: hidden;
}

.cmg dt,
.cmg dd {
	float: left;
}

.cmg dt {
	clear: both;
}

/* steps */

.cmg .step {
	padding: 5px 25px 65px 25px;
	border-top: solid #564a47 4px;
	position: relative;
}

.cmg .step:before {
	content: '';
	display: block;
	width: 101px;
	height: 101px;	
	position: absolute;
	top: -23px;
	left: -9px;	
	background: center no-repeat;
}

.cmg .step:after {
	content: '';
	display: block;
	position: absolute;
	background: center no-repeat;
}

.cmg .step-0 {
	border-top: solid #564a47 4px;
}

.cmg .step-0:before {
	content: '';
	display: block;
	position: absolute;
	background: center no-repeat;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmg .step-9-r:before {
	background-image: url('../images/9-r-bg.png');
}

.cmg .step-10:before {
	background-image: url('../images/10-bg.png');
}

.cmg .step-11-r:before {
	background-image: url('../images/11-r-bg.png');
}

.cmg .step-12-g:before {
	background-image: url('../images/12-g-bg.png');
}

.cmg .step-bonus:before {
	background-image: url('../images/bonus-bg.png');
}

/* step-y */

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

.cmg .step-b+.step-y {
	border-color: #5ead46;
}

.cmg .step-y h3,
.cmg .step-y .h3 {
	color: #5ead46;
}

.cmg .step-y h4,
.cmg .step-y .h4 {
	color: #eb583c;
}

.cmg .step-y .note {
	background: #5ead46;
}

.cmg .step-y .note:before,
.cmg .step-y .note:after {
	background-color: #fcfbe4;
}

.cmg .step-y .note div {
	background: #fcfbe4;
}

.cmg .step-y .note div:before {
	background-image: url('../images/note-left-y-bg.png');
}

.cmg .step-y .note div:after {
	background-image: url('../images/note-right-y-bg.png');
}

.cmg .step-y .note .title {
	color: #5ead46;
}

.cmg .step-y .text {
	color: #554a47;
}

.cmg .step-y .label {
	color: #5ead46;
}

/* step-g */

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

.cmg .step-y+.step-g {
	border-color: #564a47;
}

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

.cmg .step-g a:hover {
	color: #554a47;
}

.cmg .step-g .note {
	background: #554a47;
	color: #554a47;
}

.cmg .step-g .note:before,
.cmg .step-g .note:after {
	background: #9dc687;
}

.cmg .step-g .note div {
	background: #9dc687;
}

.cmg .step-g .note div:before {
	background-image: url('../images/note-left-g-bg.png');
}

.cmg .step-g .note div:after {
	background-image: url('../images/note-right-g-bg.png');
}

.cmg .step-g .note .title {
	color: #eb583c;
}

.cmg .step-g .note span {
	color: #eb583c;
}

.cmg .step-g .note .title,
.cmg .step-g .text {
	color: #fff;
}

.cmg .step-g h4,
.cmg .step-g .h4 {
	color: #554a47;
}

.cmg .step-g .b-author {
	color: #fff;
}

/* step-b */

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

.cmg .step-g+.step-b {
	border-color: #fff;
}

.cmg .step-bg+.step-b {
	border-color: #5ead46;
}

.cmg .step-b h2,
.cmg .step-b .h2,
.cmg .step-b h3,
.cmg .step-b .h3,
.cmg .step-b h4,
.cmg .step-b .h4,
.cmg .step-b h6 {
	color: #5ead46;
}

.cmg .h3-r h3 {
	color: #eb583c !important;
}

.cmg .h3-g h3,
.cmg .h4-g h4 {
	color: #5ead46 !important;
}

.cmg .h3-y h3 {
	color: #faf9d4 !important;
}

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

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

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

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

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

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

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

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

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

.cmg .step-b .steps-m h4,
.cmg .step-b .steps-m h5 {
	color: #fff;
	border-color: rgba(255,255,255,0.2);	
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cmg .step-b .note {
	color: #fff;
	background: #5ead46;
}

.cmg .step-b .note:before,
.cmg .step-b .note:after {
	background-color: #6d625b;
}

.cmg .step-b .note div {
	background: #6d625b;
}

.cmg .step-b .note div:before {
	background-image: url('../images/note-left-b-bg.png');
}

.cmg .step-b .note div:after {
	background-image: url('../images/note-right-b-bg.png');
}

.cmg .step-b .note .title {
	color: #5ead46;
}

.cmg .step-b .text {
	color: #fff;
}

.cmg .step-b .label {
	color: #5ead46;
}

/* step-bg */

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

.cmg .step-b+.step-bg {
	border-color: #5ead46;
}

.cmg .step-bg h3,
.cmg .step-bg .h3 {
	color: #eb583c;
}

.cmg .step-bg h4,
.cmg .step-bg .h4 {
	color: #faf8d3;
}

.cmg .step-bg .text {
	color: #554a47;
}

.cmg .step-bg .note {
	background: #5ead46;
}

.cmg .step-bg .note:before,
.cmg .step-bg .note:after {
	background-color: #d7dfc0;
}

.cmg .step-bg .note div {
	background: #d7dfc0;
}

.cmg .step-bg .note div:before {
	background-image: url('../images/note-left-bg-bg.png');
}

.cmg .step-bg .note div:after {
	background-image: url('../images/note-right-bg-bg.png');
}

.cmg .step-bg .note .title {
	color: #eb583c;
}

.cmg .step-bg .note span {
	color: #eb583c;
}

/* others */

.cmg .intro {
	padding-left: 75px;
	padding-bottom: 35px;
	position: relative;
	z-index: 3;
}


/* cmg-header:
================================================================================= */ 

#cmg-header {
	width: 814px;
	padding-top: 537px;
	background: url('../images/header-bg.png') center top no-repeat;
	position: relative;
	left: -8px;
}

#cmg-header:before {
	content: '';
	display: block;
	position: absolute;
	top: 457px;
	left: 374px;	
	width: 70px;
	height: 70px;
}

#cmg-header h1 {
	background: #d7dfc0;
	font-family: 'geared';
	font-size: 65px;
	line-height: 65px;
	text-transform: uppercase;
	text-align: center;
	width: 798px;
	margin: 0 auto;
	color: #faf9d4;
	text-shadow: -3px -2px rgba(0,0,0,0.2);
	letter-spacing: 1px;
	border-bottom: solid #564a47 4px;
	padding: 5px 0 2px 0;
	position: relative;
	z-index: 1;
	font-weight: normal;
}

#cmg-header h1 .b,
#cmg-header h1 .c {
	font-size: 80px;
	line-height: 65px;
	position: relative;
	top: 5px;
}

#cmg-header h1 .c {
	color: #554a47;
}

#cmg-header h1 .nl {
	display: block;
	font-family: 'nevis';
	text-transform: uppercase;
	font-size: 27px;
	line-height: 1em;
	text-shadow: none;
	letter-spacing: 5px;
	color: #554a47;
	padding: 0 0 3px 0;
}

#cmg-header p {
	position: absolute;
	top: -9999px;
}

#cmg-header a {
	display: block;
	width: 104px;
	height: 105px;
	text-indent: -9999px;
	position: absolute;
	top: 446px;
	right: 8px;
	background: url('../images/pdf-bg.png') center no-repeat;
	z-index: 2;
}


/* cmg-decription:
================================================================================= */

#cmg-description {
	background: #d7dfc0;
	padding: 15px 200px 15px 25px;
	position: relative;
}


/* cmg-summary:
================================================================================= */

#cmg-summary {
	background: #5c4d47;
	padding-bottom: 25px;
}

#cmg-summary a {
	font-style: normal;
	font-weight: bold;
}

#cmg-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;
}

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

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

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

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

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

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

.step-y+#cmg-summary {
	border-color: #5ead46;
}

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


/* cmg-share:
================================================================================= */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#cmg-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;
}

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