/* Responsive IE/Edge Viewport */
@-ms-viewport {
	width: device-width;
}

/* Offer Expired Reset */
.offer-expired {
	background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px, linear-gradient(#d00, #800);
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
	padding: 80px 1em 1em;
	text-align: center;
	width: auto;
	min-height: 0;
}

/* General Rules */

body {
    font-size: 100%;
    font-family: Raleway, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
}

@media(min-width: 30em) {
    body {
        font-size: 110%;
    }
}

@media(min-width: 40em) {
    body {
        font-size: 120%;
    }
} 

h1,
h2,
h3,
.h1,
.h2,
.h3 {
    font-family: Raleway, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: 900;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

h1,
.h1 {
    margin: .5em auto;
    color: #fff;
    font-size: 2.2em;
	line-height: 1.2;
    text-shadow: .8px 1.12px #111;
    text-shadow: .05rem .07rem #111;
}

@media(min-width: 30em) {
    h1 {
        font-size: 3.2em;
    }
}

 ul li,
ol li { margin-bottom: 0.8em; }

ul.fa-ul li { list-style-image: none; }

ul {
    margin: 0 auto;
}

.fa-li {
    color: #e83b0b;
}

strong,
b {
	font-weight: 900;
}

/* Images */

img {
	height:auto;
	max-width: 100%;
}

.image {
    box-shadow: .3em .4em .8em 0 #eee, .2em .3em .6em #ccc;
}

.image__right img {
    margin: 0 auto;
    display: block;
}

.image-box__writer {
    display: block;
    text-align: center;
    font-weight: 700;
}

@media(min-width: 30em) {
    .image__right {
        float: right;
        margin: 0 0 .7em 1.1em;
    }
}

/* Layout Rules */

.content {
	margin:0;
	padding:0;
}

.wrap {
    margin: 0 auto;
    max-width: 32em;
    padding: .7em 1.2em;
}

/* Header Rules */

.pre-header {
    background: #ff3c00;
    background: linear-gradient(230deg,#ff0000, #ff3c00, #ff5900, #ff8c00);
    padding: .6em 1.2em .7em;
}

header {
    background: #65adff;
    background: linear-gradient(210deg,#60caff, #65adff, #6d9bff, #6d6dff);
}

header .wrap {
    max-width: 66em;
}

.header__headline-split {
    display: block;
    margin-top: 1.2em;
	margin-left: auto;
	margin-right: auto;
    font-size: 27px;
    font-size: 1.7rem;
}

.header__headline-split + .header__headline-split {
    font-size: 22px;
    font-size: 1.4rem;
    margin-top: 1.2em;
}

.s2 h1 {
	max-width: 15.25em;
}

@media (min-width: 30em) {
    .header__headline-split {
        font-size: 41px;
        font-size: 2.2rem;
    }

    .header__headline-split + .header__headline-split {
        font-size: 33px;
        font-size: 1.75rem;
    }
}

@media (min-width:60em) {
	.s1 h1 {
		background: url(/_img/photos/portraits/gordon_graham-150.jpg) no-repeat 0.5em bottom;
	}
		
	.s1 h1 .header__headline-split {
		text-align: left;
		padding-left: 57px;
		padding-left: 13rem;
	}
}

@media (min-width:62.5em) {
	.s2 h1 {
		background: url(/_img/photos/portraits/gordon_graham-150.jpg) no-repeat 0.5em bottom;
	}
		
	.s2 h1 .header__headline-split {
		text-align: left;
		padding-left: 57px;
		padding-left: 13rem;
	}
}

@media (min-width:80em) {
	.s2 h1 {
		max-width: none;
		padding-bottom: 0.2em;
	}
}

/* Main Rules */

main {
    display: block;
}

.transformed-background {
    background: #d4e8ff;
    background: linear-gradient(210deg,#c6ecff, #d4e8ff, #d8e4ff, #e0e0ff);
    transform: skewY(-5deg);
}

.transformed-background .wrap {
    transform: skewY(5deg);
}

main .outsource {
    padding: 0 1.2em;
    margin: 4.5em auto 0;
    max-width: 63em;
}

main .outsource__graph {
    border-right: none;
    padding: 0 .5em;
	text-align: center;
}

main .outsource__copy {
	margin: 0 auto;
	max-width: 32em;
	padding: 0 .5em;
}

@media(min-width: 77.5em) {
    main .outsource {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

    main .outsource__graph,
	main .outsource__copy {
		display: inline-block;
        max-width: 30em;
		vertical-align: top;
    }
}

/* Quote Rules */

main .quote .wrap{
    max-width: 70em;
}

blockquote {
    background: #fcfeff;
    padding: .2em 1em;
    border-radius: 2em;
    width: 90%;
    margin: 0 auto;
}

blockquote:before,
blockquote:after {
    font-family: FontAwesome;
    font-size: 38.4px;
    font-size: 2.4rem;
    color: #eee;
	display: block;
}

blockquote:before {
    content: '\f10d';
	text-align: left;
}

blockquote:after {
    content: '\f10e';
	text-align: right;
}

blockquote .blockquote__header {
    text-align: center;
    margin: 0 auto;
    font-weight: 700;
    font-size: 1.9em;
	line-height: 1.3;
}

blockquote .blockquote__copy {
    font-size: 1.2em;
}

blockquote .blockquote__citation {
    font-size: 1em
}

blockquote .blockquote__image img{
    border-radius: 100%;
    margin: .75em auto 1em;
    display: block;
}

@media (min-width: 48.75em) {
    blockquote .blockquote__message {
		margin: 0 auto;
		max-width: 58em;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
    }

    blockquote .blockquote__image,
    blockquote .blockquote__copy {
        display: inline-block;
		vertical-align: middle;
    }

    blockquote .blockquote__image {
		margin: 0;
        min-width: 10em;
		width: 10em;
    }

    blockquote .blockquote__copy {
		padding-left: 0.75em;
    }

    blockquote .blockquote__header {
        font-size: 1.7em;
		margin-bottom: 0.75em;
    }

    blockquote:before,
	blockquote:after {
        font-size: 76.8px;
        font-size: 4.8rem;
    }
}

/* Content Rules */

#content-types {
    max-width: 60em;
    padding: 0 1.2em;
    margin: 0 auto;
    background: #e8c0b4;
    border-radius: 2.5em;
    box-shadow: .3em .4em .8em 0 #eee, .2em .3em .6em #ccc;
}

#content-types .content {
	margin: 0 auto;
	max-width: 55em;
	text-align: center;
	
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.content__item {
	display: inline-block;
    width: 10em;
    text-align: center;
    margin: 1em 1.5em;
}

.content__item .item__description {
    display: block;
    font-weight: 700;
}

/* Testimonials Rules */

.testimonials .wrap {
    max-width: 45em;
}

.testimonials blockquote {
    background: #fff9f9;
    box-shadow: .3em .4em .8em 0 #eee, .2em .3em .6em #ccc;
}

.testimonials blockquote:before,
.testimonials blockquote:after {
    color: #444;
}

/* Modules Rules */

.modules {
    max-width: 60em;
    margin: 0 auto;
    padding: 0 1.2em;
}

.modules .module__header,
.modules .module__copy {
    max-width: 30em;
    margin: 0 auto;
}

.modules .module__chart {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.module__chart table {
    width: 100%;
    box-shadow: none;
	box-sizing: border-box;
    border: none;
}

.module__chart table * {
	box-sizing: inherit;
}

.module__chart thead,
.module__chart tbody {
	float: left;
	width: 50%;
}

.module__chart .table-header,
.module__chart .table-data,
.module__chart .table-header th,
.module__chart .table-data td {
	display: block;
}

.module__chart .table-header th,
.module__chart .table-data td {
    /*min-height: 17em;*/
	padding: 0 0.5em;
}

.module:nth-of-type(1) .module__chart table .table-header th,
.module:nth-of-type(1) .module__chart table .table-data td,
.module:nth-of-type(2) .module__chart table .table-header th,
.module:nth-of-type(2) .module__chart table .table-data td,
.module:nth-of-type(7) .module__chart table .table-header th,
.module:nth-of-type(7) .module__chart table .table-data td {
    min-height: 11em;
}

.module:nth-of-type(3) .module__chart table .table-header th,
.module:nth-of-type(3) .module__chart table .table-data td,
.module:nth-of-type(4) .module__chart table .table-header th,
.module:nth-of-type(4) .module__chart table .table-data td,
.module:nth-of-type(6) .module__chart table .table-header th,
.module:nth-of-type(6) .module__chart table .table-data td {
    min-height: 17em;
}

.module:nth-of-type(5) .module__chart table .table-header th,
.module:nth-of-type(5) .module__chart table .table-data td,
.module:nth-of-type(10) .module__chart table .table-header th,
.module:nth-of-type(10) .module__chart table .table-data td {
    min-height: 20em;
}

.module:nth-of-type(11) .module__chart table .table-header th,
.module:nth-of-type(11) .module__chart table .table-data td,
.module:nth-of-type(12) .module__chart table .table-header th,
.module:nth-of-type(12) .module__chart table .table-data td {
    min-height: 22em;
}

.module:nth-of-type(9) .module__chart table .table-header th,
.module:nth-of-type(9) .module__chart table .table-data td {
    min-height: 24em;
}

.module:nth-of-type(8) .module__chart table .table-header th,
.module:nth-of-type(8) .module__chart table .table-data td {
    min-height: 31em;
}

.module__chart .table-header th p,
.module__chart .table-data td p {
    font-size: 1.3em;
}

.module__chart .table-header th {
    background: #e7f7ff;
    background: linear-gradient(160deg,#e7f7ff, #e7efff, #e7ebff);
}

@media (min-width: 47.5em) {
    .module__chart table {
        width: 100%;
        box-shadow: .3em .4em .8em 0 #eee, .2em .3em .6em #ccc;
        border: none;
    }
	
	.module__chart thead,
	.module__chart tbody {
		float: none;
		width: auto;
	}
	
	.module__chart .table-header,
	.module__chart .table-data {
		display: table-row;
	}

    .module .module__chart .table-header th,
	.module .module__chart .table-data td {
        display: table-cell;
		min-height: 0 !important;
    }

    .module__chart .table-header th {
		vertical-align: middle;
	}
	
	.module__chart .table-data td {
		vertical-align: top;
	}

    .module__chart .table-header th p,
	.module__chart .table-data td p {
        font-size: 1.1em;
    }
}


/* Buttons */

.order-button {
	background: #ff811b;
	background: -webkit-linear-gradient(top,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	background: linear-gradient(to bottom,  #ff9a43 0%,#ff9640 49%,#ff811b 50%,#ff6c06 100%);
	border-radius: .6em;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	margin:1.25em auto;
	max-width: 14em;
	padding: .4em;
    text-align:center;
    box-shadow: .06em .1em .3em 0 #bbb, .02em .08em .1em 0 #ddd;
}

.order-button:hover {
    box-shadow: .2em .3em .5em 0 #bbb, .1em .2em .4em 0 #ccc;
    transition: .32222s;
}

.order-button span {
	color:#fff;
}

.order-button:hover span, 
.order-button:focus span, 
.order-button:active span {
	color:#ff3;
}

.order-button:active {
	background: #d36b18;
	background: -webkit-linear-gradient(top,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
    background: linear-gradient(to bottom,  #d18945 0%,#d67e34 49%,#d36b18 50%,#d25a06 100%);
}

footer .wrap {
    max-width: 45em;
}

/* Artificial Breaks */

#know-this {
    max-width: 11em;
}

#ch-quote {
	max-width: 20em;
}

#what-content {
	max-width: 10em;
}

#how-know {
	max-width: 10em;
}

#hh-quote {
	max-width: 20em;
}

#future {
	max-width: 13em;	
}

#perfect-match {
    max-width: 13em;
}

#incentives {
    max-width: 13em;
}

#bonus-1 {
    max-width: 19.5em;
}

#bonus-2 {
    max-width: 17em;
}

#bonus-4 {
    max-width: 17.5em;
}