html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

article, section, aside, nav, hgroup, footer, header {
    display: block;
    margin: 0;
    padding: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

html {
    overflow-y: scroll
}

body {
    background: #232323;
    color: #fdfdfd;
    margin: 0;
    padding: 0;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-size: 14pt
}

#viewport {
    margin: 0;
    width: 100%;
    overflow: hidden
}

#container {
    margin: 0;
    padding: 0 50px 0 0;
    width: 950px;
    position: relative;
    background: #232323;
    border-left: 0 solid #1c1c1c;
    -webkit-transition: border-left-color 500ms
}

#results div.clearfix > div {
    float: left;
    width: 313px;
    height: 404px;
    overflow: hidden
}

#intro header {
    text-align: center;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif;
    line-height: 50pt;
    padding: 0 0 20px 0;
    border-bottom: 10px solid #FFF;
    margin: 0 315px;
    width: 318px
}

#intro header h1 {
    margin: 0 -321px;
    font-size: 64pt;
    text-transform: uppercase
}

#intro header h1 span {
    display: block;
    font-size: 20pt;
    line-height: 20pt;
    padding: 0;
    margin: 20px 0
}

#intro #howlong {
    margin: 40px 0;
    text-align: center;
    line-height: 1.3
}

#intro #yoursalary {
    position: relative;
    width: 296px;
    height: 28px;
    padding: 16px;
    margin: 0 auto;
    border: 2px solid #272727;
    border-radius: 3px;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-size: 20pt;
    line-height: 28px
}

#intro #yoursalary input {
    position: absolute;
    top: 6px;
    left: 42px;
    width: 237px;
    padding: 0;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-size: 28pt;
    background: 0;
    border: 0;
    letter-spacing: 0;
    z-index: 10;
    color: #fff
}

#intro #yoursalary .tip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    line-height: 60px;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 12pt;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    color: #444
}

#intro #yoursalary .submit {
    position: absolute;
    top: 11px;
    right: 12px;
    display: block;
    background: url('https://mahimarkets.com/john-paulson/media/submit-sprite.png?6ba06bdc0d1d') no-repeat -6px -4px;
    border: 0;
    width: 38px;
    height: 38px;
    cursor: pointer;
    z-index: 100
}

#intro #yoursalary .submit:hover {
    display: block;
    background: url('https://mahimarkets.com/john-paulson/media/submit-sprite.png?6ba06bdc0d1d') no-repeat -6px -47px
}

body.intro #container {
    border-left-color: #232323
}

body.results #container {
    border-left-color: #1c1c1c
}

#results {
    padding-top: 110px;
    padding-bottom: 500px;
    position: relative
}

#results header {
    padding-top: 120px;
    height: 360px;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif;
    font-weight: normal;
    position: relative
}

#results header h1 {
    font-size: 200pt;
    line-height: 225pt;
    position: absolute;
    top: 70px;
    right: 390px;
    letter-spacing: -3px;
    text-align: right
}

#results header h2 {
    padding: 0;
    position: absolute;
    left: 580px;
    top: 236px;
    line-height: 72pt;
    font-size: 72pt;
    font-weight: normal;
    letter-spacing: -1px
}

#results header h3 {
    position: absolute;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-weight: normal;
    font-size: 22pt;
    left: 585px;
    top: 340px;
    letter-spacing: 0;
    margin-right: -10px
}

#results header div.share {
    position: absolute;
    top: 425px;
    left: 585px;
    color: #b43b33;
    font-size: 10pt;
    line-height: 17px
}

#results nav.back {
    position: absolute;
    top: 40px;
    right: 0;
    display: none
}

#results nav.back a {
    display: block;
    width: 38px;
    height: 38px;
    background: url('https://mahimarkets.com/john-paulson/media/up_sprite.png?c484626efd12') no-repeat -6px -2px;
    cursor: pointer
}

#results nav.back a:hover {
    background-position: -6px -50px
}

#results div.howmuch {
    margin-top: 140px;
    position: relative;
    font-size: .9em
}

#results div.howmuch h1 {
    color: #b0392e;
    position: absolute;
    top: -58px;
    font-size: 32pt;
    left: 20px
}

#results div.howmuch div {
    background: #b0392e;
    color: #1a1a1a;
    position: relative
}

#results div.howmuch div + div + div {
    border-left: 1px solid #0d0000
}

#results div.howmuch div.redbar {
    position: absolute;
    left: -8px;
    width: 8px;
    height: 606px;
    background: #47201b
}

#results div.howmuch div h2 {
    margin: 60px 45px 10px 45px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #0d0000
}

#results div.howmuch div > div {
    overflow: hidden;
    margin: -9px 0 0 0;
    height: 199px
}

#results div.howmuch div h3 {
    color: #1b1b1b;
    font-size: 115pt;
    line-height: 130pt;
    letter-spacing: -3px;
    padding: 0;
    text-align: center;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif
}

#results div.howmuch div h3 sup, #results div.howmuch div h3 sub {
    font-size: .30em;
    line-height: 1.9;
    padding-left: 5px;
    letter-spacing: 0
}

#results div.howmuch div h3 sub {
    margin-right: -36px
}

#results div.howmuch div h3 sup {
    vertical-align: top;
    margin-right: -52px
}

#results div.howmuch div.rotten h3 {
    font-size: 60pt;
    letter-spacing: 0;
    position: relative
}

#results div.howmuch div.rotten h3 .unit {
    font-size: 28pt;
    position: absolute;
    top: 40pt;
    left: 40px;
    background: transparent
}

#results div.howmuch div p {
    position: absolute;
    margin: 0 45px;
    border-top: 1px solid #0d0000;
    line-height: 1.2;
    bottom: 0;
    text-align: center;
    color: #171c0f;
    height: 115px;
    overflow: hidden
}

#results div.howmuch div p span {
    display: block;
    padding: 15px 0 0 0
}

#results div.time > div {
    background: #232323
}

#results div.time > div + div {
    border-left: 1px solid #020202
}

#results div.time div.clock h2 {
    margin: 52px 20px;
    position: relative
}

#results div.time div.clock h2 span {
    position: relative
}

#results div.time div.clock canvas {
    width: 250px;
    height: 250px;
    margin: -20px 30px;
    background: url('https://mahimarkets.com/john-paulson/media/clockback.png?6ba06bdc0d1d') no-repeat
}

#results div.time div.time h2 {
    margin: 80px 40px 20px 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #fdfdfd;
    line-height: 1.3
}

#results div.time div.time h3 {
    margin: 0 40px;
    font-size: 3.2em;
    text-align: center
}

#results div.time div.time h3 .unit {
    font-size: .6em;
    line-height: 1.4;
    vertical-align: top;
    padding: 0 5px 0 0;
    width: 30px;
    margin-left: -25px
}

#results div.time div.time h4 {
    margin: 10px 40px;
    text-align: right
}

#results div.time div.time + div h2 {
    margin: 80px 20px 20px 40px;
    color: #b43b33;
    font-size: 1.75em;
    line-height: 1.2
}

#results div.time div.share {
    color: #b43b33;
    font-size: 10pt;
    line-height: 17px;
    margin: 10px 20px 0 40px
}

#results div.could_buy {
    background: #171717;
    position: relative;
    padding-bottom: 45px
}

#results div.could_buy h1 {
    position: absolute;
    top: 100px;
    left: 20px;
    font-size: 2em
}

#results div.could_buy > div {
    padding-top: 30px;
    color: #b43b33
}

#results div.could_buy > div + div {
    border-left: 1px solid #202020
}

#results div.could_buy div.man_u p {
    margin: 155px 20px 0 20px;
    font-size: 1.75em;
    line-height: 1.1
}

#results div.could_buy div.demi_moore h2 {
    margin: 180px 20px 10px 20px;
    font-size: 3.5em;
    line-height: 1.1
}

#results div.could_buy div.demi_moore h3 {
    margin: 0 50px 10px 20px;
    font-size: 1.25em
}

#results div.could_buy div.demi_moore p {
    margin: 30px 70px 00px 20px;
    font-size: .6em;
    line-height: 1.5
}

#results div.could_buy div.fiji p {
    margin: 180px 70px 00px 20px;
    font-size: 2.2em
}

#results div.relatively {
    height: 303px;
    background: #532c27;
    position: relative
}

#results div.relatively > div.view {
    overflow: hidden;
    height: 301px
}

#results div.relatively > div h2 {
    padding: 70px 0 0 45px;
    color: #131416;
    font-size: 1.2em
}

#results div.relatively > div h1 {
    margin: 20px 45px;
    font-size: 2.5em;
    color: #b43b33
}

#results div.relatively > div.bar {
    position: absolute;
    height: 67px;
    width: 100%;
    bottom: -33px;
    background: url('https://mahimarkets.com/john-paulson/media/numbers-sprite.png?6ba06bdc0d1d') no-repeat 0 0
}

#results div.relatively > div.bar div.highlight {
    position: absolute;
    height: 67px;
    width: 119px;
    background: url('https://mahimarkets.com/john-paulson/media/numbers-sprite.png?6ba06bdc0d1d') no-repeat 0 -99px;
    z-index: 1
}

#results div.relatively > div.bar .pin {
    position: absolute;
    width: 119px;
    height: 21px;
    top: 16px;
    background: url('https://mahimarkets.com/john-paulson/media/pin.png?6ba06bdc0d1d') no-repeat;
    z-index: 10
}

#results div.relatively .dropping, #results div.relatively .equivalent {
    position: relative
}

#results div.relatively > div.bar ul.dollars li {
    float: left;
    width: 118px;
    text-align: center;
    font-size: 9pt;
    color: #232323
}

#results div.relatively > div.bar ul.dollars li.highlight {
    color: #b43b33
}

#results > div.view {
    overflow: hidden;
    height: 340px
}

#results div.start {
    padding-top: 0;
    padding-left: 40px;
    background: url('https://mahimarkets.com/john-paulson/media/mahifx-logo.png?c484626efd12') no-repeat bottom right
}

#results div.start h1 {
    font-size: 1.5em;
    width: 564px;
    line-height: .98;
    margin-bottom: 10px
}

#results div.start h2 {
    color: #b43b33;
    margin: 10px 0;
    font-size: 1.5em
}

#results div.start .email {
    position: relative;
    width: 500px;
    height: 28px;
    padding: 16px;
    margin: 20px 0;
    border: 2px solid #333;
    border-radius: 3px;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-size: 20pt;
    line-height: 28px
}

#results div.start .email input {
    position: absolute;
    top: 6px;
    left: 20px;
    width: 450px;
    padding: 0;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-size: 28pt;
    background: 0;
    border: 0;
    letter-spacing: 0;
    z-index: 10;
    color: #fff
}

#results div.start .email .tip {
    position: absolute;
    top: 0;
    left: 40px;
    z-index: 5;
    line-height: 60px;
    width: 100%;
    height: 100%;
    text-align: left;
    font-size: 14pt;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    color: #444
}

#results div.start .submit {
    position: absolute;
    top: 11px;
    right: 12px;
    display: block;
    background: url('https://mahimarkets.com/john-paulson/media/submit-sprite.png?6ba06bdc0d1d') no-repeat -6px -4px;
    border: 0;
    width: 38px;
    height: 38px;
    cursor: pointer;
    z-index: 100
}

#results div.start .submit:hover {
    display: block;
    background: url('https://mahimarkets.com/john-paulson/media/submit-sprite.png?6ba06bdc0d1d') no-repeat -6px -47px
}

#results > div > div.whoisjohn {
    width: 333px
}

#results div.whoisjohn h1 {
    margin: 40px 40px 10px 40px;
    color: #474747;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif;
    font-size: 12pt
}

#results div.whoisjohn p {
    margin: 0 20px 0 40px;
    line-height: 1.5;
    color: #474747;
    font-size: 10pt
}

#results div.share {
    height: 204px !important;
    margin-top: 60px
}

#results div.share p {
    color: #b43b33;
    font-size: 10pt;
    line-height: 1.5;
    margin: 64px 20px 0 40px
}

#results div.share > div {
    color: #b43b33;
    font-size: 10pt;
    line-height: 17px;
    width: 400px;
    margin: 10px -200px 0 40px
}

header .share a, .time .share a, #thanks .share a {
    float: left;
    display: block;
    width: 17px;
    height: 17px;
    margin: 0 2px 0 0;
    background: url('https://mahimarkets.com/john-paulson/media/tootface.png?c484626efd12') no-repeat
}

header .share a:hover, .time .share a:hover, #thanks .share a:hover {
    opacity: .65
}

header .share a.toot, .time .share a.toot, #thanks .share a.toot {
    background-position: -17px 0
}

header .share a.face, .time .share a.face, #thanks .share a.face {
    background-position: 2px 0
}

header .mrmurdoch, .mrmurdoch header .normal, .mrmurdoch .howmuch, .mrmurdoch .time, .mrmurdoch .could_buy, .mrmurdoch .relatively {
    display: none
}

.mrmurdoch #results {
    padding-top: 110px;
    padding-bottom: 500px;
    position: relative
}

.mrmurdoch #results header {
    height: 280px;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif;
    font-weight: normal;
    position: relative
}

.mrmurdoch #results header .mrmurdoch {
    display: block
}

.mrmurdoch #results header .mrmurdoch h1 {
    font-size: 50pt;
    right: 0;
    left: 0;
    text-align: center
}

.mrmurdoch #results header .mrmurdoch p {
    position: absolute;
    top: 300px;
    font-size: 13pt;
    text-align: center;
    line-height: 1.2;
    right: 0;
    left: 0;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif
}

.thanks #container {
    margin: 0 auto
}

#thanks {
    width: 616px
}

#thanks h1 {
    font-size: 60pt;
    margin: 100px 0 0 0;
    width: 100%
}

#thanks h1 a {
    color: inherit;
    text-decoration: none
}

#thanks h1 a:hover {
    color: #b43b33
}

#thanks h2 {
    font-size: 28pt;
    margin: 5px 0
}

#thanks h3 {
    font-size: 20pt;
    color: #b43b33;
    margin: 5px 0
}

#thanks img {
    float: right;
    margin: 40px 0 0 0
}

#thanks div.share p {
    margin: 0 20px 20px 0;
    width: 250px
}

#thanks div.share {
    color: #b43b33;
    font-size: 10pt;
    line-height: 1.5;
    margin: 64px 20px 20px 0
}

#results .disclaimer {
    padding: 60px 40px;
    font-size: 70%;
    font-weight: normal
}

#results .disclaimer h1 {
    color: #b43b33;
    font-weight: normal
}

#results .disclaimer p {
    margin: 20px 0;
    line-height: 1.3
}

#results .disclaimer a {
    text-decoration: underline;
    color: #fff
}


@font-face {
    font-family: "HelveticaNeueW01-65Medi";
    src: url("//db.onlinewebfonts.com/t/c3b88026e2cf7467a4c72fadfa99831b.eot");
    src: url("//db.onlinewebfonts.com/t/c3b88026e2cf7467a4c72fadfa99831b.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/c3b88026e2cf7467a4c72fadfa99831b.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/c3b88026e2cf7467a4c72fadfa99831b.woff") format("woff"), url("//db.onlinewebfonts.com/t/c3b88026e2cf7467a4c72fadfa99831b.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/c3b88026e2cf7467a4c72fadfa99831b.svg#Neue Helvetica eText") format("svg");
}

@font-face {
    font-family: "HelveticaNeueW01-75Bold";
    src: url("//db.onlinewebfonts.com/t/0c96daa6c25910a00efd1f0ea3c5c02d.eot");
    src: url("//db.onlinewebfonts.com/t/0c96daa6c25910a00efd1f0ea3c5c02d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0c96daa6c25910a00efd1f0ea3c5c02d.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/0c96daa6c25910a00efd1f0ea3c5c02d.woff") format("woff"), url("//db.onlinewebfonts.com/t/0c96daa6c25910a00efd1f0ea3c5c02d.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/0c96daa6c25910a00efd1f0ea3c5c02d.svg#HelveticaNeueW02-75Bold") format("svg");
}