/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
colors {
    background:
    #f03c3c #d83636
    #f0753c #d86936
    #00aaf0 #009cdd
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    display: block;
    font-size: 70%;
}

body {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 200;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #1a1a1a;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0rem;
    margin-bottom: 0rem;
}

h1 {
    font-size: 3.4rem;
    line-height: 1.2;
    margin: 0.67em 0;
    font-weight: 100;
}

h2 {
    font-size: 3.2rem;
    line-height: 1.25;
    margin-top: 5rem
}

blockquote h2 {
    margin-top: 0
}

h3 {
    font-size: 2.9rem;
    line-height: 1.3
}

h4 {
    font-size: 2.4rem;
    line-height: 1.35
}

h5 {
    font-size: 2.0rem;
    line-height: 1.5
}

h6 {
    font-size: 1.8rem;
    line-height: 1.6
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

ol {
    list-style: decimal outside
}

ol, ul {
    padding-left: 0;
    margin-top: 0
}

ul ul, ul ol, ol ol, ol ul {
    margin: 1.5rem 0 1.5rem 1rem;
    font-size: 90%
}

li {
    list-style-position: inside;
    margin-bottom: 0rem;
    margin-left: 2.25rem;
    line-height: 2.5rem;
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

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

td, th {
    padding: 0
}





.subhead {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 4rem;
    margin-top: -4rem
}

p {
    margin-top: 0
}

a, a:link {
    color: #009cdd;
    text-decoration: none
}

a:hover {
    color: #00aaf0;
    text-decoration: underline
}

p a[name] {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden
}

.container {
    position: relative;
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
    padding: 0 1.6em;
    box-sizing: border-box
}

.column, .columns {
    width: 100%;
    float: left;
    box-sizing: border-box
}

@media (min-width: 720px) {
    .column, .columns {
        margin-left: 4%
    }
    .column:first-child, .columns:first-child {
        margin-left: 0
    }
    .one.column, .one.columns {
        width: 4.66666666667%
    }
    .two.columns {
        width: 13.3333333333%
    }
    .three.columns {
        width: 22%
    }
    .four.columns {
        width: 30.6666666667%
    }
    .five.columns {
        width: 39.3333333333%
    }
    .six.columns {
        width: 48%
    }
    .seven.columns {
        width: 56.6666666667%
    }
    .eight.columns {
        width: 65.3333333333%
    }
    .nine.columns {
        width: 74.0%
    }
    .ten.columns {
        width: 82.6666666667%
    }
    .eleven.columns {
        width: 91.3333333333%
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0
    }
    .one-third.column {
        width: 30.6666666667%
    }
    .two-thirds.column {
        width: 65.3333333333%
    }
    .one-half.column {
        width: 48%
    }
    .offset-by-one.column, .offset-by-one.columns {
        margin-left: 8.66666666667%
    }
    .offset-by-two.column, .offset-by-two.columns {
        margin-left: 17.3333333333%
    }
    .offset-by-three.column, .offset-by-three.columns {
        margin-left: 26%
    }
    .offset-by-four.column, .offset-by-four.columns {
        margin-left: 34.6666666667%
    }
    .offset-by-five.column, .offset-by-five.columns {
        margin-left: 43.3333333333%
    }
    .offset-by-six.column, .offset-by-six.columns {
        margin-left: 52%
    }
    .offset-by-seven.column, .offset-by-seven.columns {
        margin-left: 60.6666666667%
    }
    .offset-by-eight.column, .offset-by-eight.columns {
        margin-left: 69.3333333333%
    }
    .offset-by-nine.column, .offset-by-nine.columns {
        margin-left: 78.0%
    }
    .offset-by-ten.column, .offset-by-ten.columns {
        margin-left: 86.6666666667%
    }
    .offset-by-eleven.column, .offset-by-eleven.columns {
        margin-left: 95.3333333333%
    }
    .offset-by-one-third.column, .offset-by-one-third.columns {
        margin-left: 34.6666666667%
    }
    .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%
    }
    .offset-by-one-half.column, .offset-by-one-half.columns {
        margin-left: 52%
    }
}

.button, button, .button-blue, input[type="submit"], input[type="reset"], input[type="button"] {
    display: inline-block;
    height: 42px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0.1s
}

.button:hover, button:hover, .button-blue, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, .button-blue:focus input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
    color: #333;
    border-color: #888;
    outline: 0;
    text-decoration: none
}

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
    color: #FFF;
    background-color: #00aaf0;
    border-color: #00aaf0;
}

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
    color: #FFF;
    background-color: #009cdd;
    border-color: #009cdd;
    text-decoration: none
}

a.button-blue, button.button-blue, .postSection input[type="submit"] {
    background-color: #00aaf0;
    border-color: #00aaf0;
    color: #fff
}

a.button-blue:hover, button.button-blue:hover, .button-blue:focus, .postSection input[type="submit"]:hover {
    color: #fff;
    border-color: #009cdd;
    background-color: #009cdd;
    outline: 0;
    text-decoration: none
}

.button-blue {
    height: auto;
    line-height: 20px;
    min-height: 42px;
    padding: 14px 30px 12px;
    white-space: normal
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box
}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

textarea {
    min-height: 65px;
    padding-top: 6px;
    padding-bottom: 6px
}

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    border: 1px solid #33C3F0;
    outline: 0
}

label, legend {
    display: block;
    margin-bottom: .5rem;
    font-weight: 600
}

fieldset {
    padding: 0;
    border-width: 0
}

input[type="checkbox"], input[type="radio"] {
    display: inline
}

label>.label-body {
    display: inline-block;
    margin-left: .5rem;
    font-weight: normal
}

code {
    padding: .2rem .5rem;
    margin: 0 .2rem;
    font-size: 90%;
    white-space: nowrap;
    background: #F1F1F1;
    border: 1px solid #E1E1E1;
    border-radius: 4px
}

pre>code {
    display: block;
    padding: 1rem 1.5rem;
    white-space: pre
}

button, .button {
    margin-bottom: 1rem
}

input, textarea, select, fieldset {
    margin-bottom: 1.5rem
}

pre, blockquote, dl, figure, table, p, ul, ol, form {
    margin-bottom: 1.0rem
}

.u-full-width {
    width: 100%;
    box-sizing: border-box
}

.u-max-full-width {
    max-width: 100%;
    box-sizing: border-box
}

.u-pull-right {
    float: right
}

.u-pull-left {
    float: left
}

hr {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
    border-width: 0;
    border-top: 1px solid #E1E1E1
}

.container:after, .row:after, .u-cf {
    content: "";
    display: table;
    clear: both
}

img, object, embed {
    max-width: 100%
}

img {
    height: auto;
    -ms-interpolation-mode: bicubic
}

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

.container img.nocenter {
    display: inline-block
}

figure {
    margin: 0 0 2em
}

figcaption {
    font-size: 1.5rem;
    max-width: 600px
}

.videofit {
    margin: 6rem 0
}

.img-caption-box .videofit {
    margin-bottom: 0
}

.fluid-width-video-wrapper {
    padding-top: 56.25% !important
}

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
    font-size: inherit
}

*, form, input, input.AddressBookButtons, input.Advocacy, input.btn, input.btnLg, input.btnMed, input.btnMini, input.btnSm, select, select.Advocacy, textarea, legend, ul, ol, li, option, table, tr, th, th.rfl_infoStatus, td, td.AlertListDescription, td.cstmBack, p, p.cstmBtnText, p.cstmFrame, p.cstmHeading, p.cstmText, p.cstmTitle, p.dividerHeading, p.scrollingText, span.cstmHeading, a, a.btn, a.btn:visited, a.cstmBtnText:hover, a.cstmBtnText:link, a.cstmBtnText:visited, #navList, .AdvocacyInstructions, .AdvocacyNSFix, .BlogHeader, .Button, .Divider, .FieldLabels, .FormBox, .FormBox06, .FormBoxHeader, .Hint, .Instructions, .Instructions, .ListItem0, .ListItem1, .NetscapeFix, .NoteText, .ObjTitle, .PhotoLinks, .Premiums, .ProgressBox, .ProgressBoxCurrent, .SectionHead, .SmallButton, .Smaller, .SmallerC, .TribBtnText1, .Upgrades, .WhatNext, .alphacube_content, .dialog_content, .dialog_title, .Explicit, .fr_register_another, .paraBlueSansSmall, .smallBlack, .smallSans, .smallSansBold, .smallWhiteBoldSans, .smallWhiteSans, .smallestBlackSans {
    font-family: inherit
}

header.topheader {
    background-color: #333;
    background-color: rgba(51, 51, 51, 0.97);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    height: 70px;
    transition: all 0.5s ease-in-out
}

header.topheader:hover, header.topheader:focus, header.headerMobileOpen {
    background-color: #333
}

.site-logo {
    position: absolute;
    width: 203px;
    height: 50px;
    margin-left: 1.4rem;
    margin-top: 1.6rem;
    float: left;
    z-index: 100;
    transition: all 0.5s ease-in-out
}

.logomark {
    width: 43px;
    height: 50px;
    position: absolute;
    top: 10px;
    margin-left: 1.4em
}

.logomarkhero {
    width: 31px;
    height: 36px
}

.footer-logo {
    height: 59px;
    width: 203px;
    margin: 0 auto 1em;
    display: block
}

a.site-logo:hover, a.logomark:hover, a.footer-logo:hover {
    border-bottom: none
}

.logo {
    width: 100%;
    transition: all 0.125s ease-in-out
}

.logo:hover {
    width: 95%;
    margin-top: 2px
}

.container.main {
    padding: 0
}

.container.wide {
    max-width: 1100px
}

.wide h3 {
    margin-bottom: 5rem
}

.wide .row {
    margin-top: 8rem
}

.maincontent {
    padding: 3rem 2rem 4rem
}

.mainpadding {
    padding: 0 2rem
}

.mainpadding.fullmobile {
    padding: 0
}

.hero {
    text-align: center;
    z-index: 200;
    margin-top: 0;
    margin-bottom: 8rem;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 3rem 0;
    min-height: 440px;
    z-index: 100
}

.hero.advocacytk {
    margin-bottom: 2rem
}

.heronew {
    text-align: center;
    z-index: 200;
    margin-top: 0;
    margin-bottom: 8rem;
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 3rem 0;
    min-height: 440px;
    z-index: 100
}

.nohero {
    margin-top: 140px
}

.herowrapper {
    display: table;
    margin: 0 auto;
    width: 100%;
    max-width: 730px;
    position: relative;
    height: 700px
}

.searchresults .herowrapper, .membercenter .herowrapper {
    height: 200px
}

.renewmembership .herowrapper {
    height: 500px
}

.smallhero .herowrapper {
    height: 100px
}

.subfooter .herowrapper {
    height: 600px
}

.subfooter a.button {
    border: none;
    background-color: #fff;
    padding: 0 1.6rem;
    margin: 14px 0 0 14px;
    min-width: 260px;
    color: #333;
    margin: 1rem 0 2rem
}

.subfooter a.button:hover {
    background-color: #f0783c;
    border: none;
    color: #ffffff
}

.subfooter .centered {
    padding-top: 0
}

.centered {
    padding-top: 70px;
    display: table-cell;
    vertical-align: middle
}

.hero h1 {
    margin-top: 5rem;
    line-height: 1
}

.hero.advocacytk h1 {
    margin-top: 15rem
}

.heronew h1 {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1rem;
    line-height: 1.4;
    letter-spacing: 0.8rem;
    text-transform: uppercase
}

.heronew hr {
    color: #fff;
    max-width: 620px;
    margin-bottom: 3rem
}

.subfooter hr {
    max-width: 560px
}

.smallcircle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid #fff;
    margin-top: 2rem
}

.nametitle {
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1.4rem;
    letter-spacing: 0.5rem;
    margin-bottom: 0
}

.nametitle span {
    color: #c6c6c6
}

.hero h2 {
    font-size: 2rem;
    font-weight: 200;
    margin-top: 3rem;
    margin-bottom: 6rem
}

.heronew h2 {
    font-size: 2rem;
    font-weight: 200;
    margin-top: 3rem;
    margin-bottom: 6rem
}

h1.bmil {
    margin-bottom: 0;
    font-size: 6rem;
    text-transform: uppercase !important;
    letter-spacing: normal;
    line-height: 1
}

h2.bmil {
    margin: 0;
    font-size: 2.8rem
}

.filterpage h1 {
    margin-bottom: 0
}

.filterpage p {
    font-size: 24px;
    margin-bottom: 0
}

.libraryfilters {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 4px 2px -2px #e6e6e6;
    color: #333;
    line-height: 1rem;
    margin: 0 auto 3rem 0;
    padding: 0;
    text-align: center;
    width: 100%;
    font-size: 0
}

.filteritem:last-of-type {
    border-right: 1px solid #e6e6e6
}

.filteritem {
    border-left: 1px solid #e6e6e6;
    display: inline-block;
    margin: 10px 0;
    padding: 0 20px;
    width: 60px;
    line-height: 1.4rem
}

.filteritem:hover, .filteritem.current {
    margin: 0;
    padding: 10px 20px;
    background-color: #33c2ff;
    border-color: transparent;
    border-left-color: #fff;
    cursor: pointer
}

.filteritem:hover .filtername, filteritem:hover .currentfilter, .filteritem.current .filtername {
    color: #fff
}

.filteritem:hover+.filteritem, .filteritem.current+.filteritem {
    border-left-color: #fff
}

.filtername {
    color: #00aff0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.8rem;
    margin: 0;
    text-transform: uppercase
}

.currentfilter {
    color: #333;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1rem;
    margin: 0;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.libraryfilters ul li {
    margin: 0
}

.bmilsub {
    display: none
}

.bmilsub ul a {
    text-decoration: none;
    color: #666
}

.bmilsub ul a.subheading {
    color: #1a1a1a;
    font-weight: 600
}

.bmilsub ul li {
    margin: 0;
    line-height: 4rem
}

.bmilsub ul a:hover {
    text-decoration: none;
    color: #00aff0
}

.bmilsub {
    position: relative;
    top: -3rem;
    border-bottom: 2px solid #e6e6e6;
    text-align: center;
    margin-bottom: 3rem;
    padding: 3rem 0 2.8rem;
    background-color: rgba(246, 246, 246, 0.4);
    color: #666;
    font-size: 1.4rem;
    font-weight: 400
}

.bmilsub h4 {
    text-align: center;
    margin-left: 0
}

.bmilsub ul {
    margin: 0 auto;
    list-style: none;
    -webkit-columns: 1 auto;
    -moz-columns: 1 auto;
    columns: 1 auto;
    text-align: center;
    padding-left: 0
}

.bmilsub.filterkeyword {
    padding: 5rem 0 2.8rem
}

.keywordSection {
    display: inline;
    text-align: left;
    /* margin-bottom: 3rem */
}

.keywordSection ul {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    list-style: none;
    columns: 2 200px;
    -moz-columns: 2 200px;
    -webkit-columns: 2 200px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666;
    padding-left: 0
}

.keywordSection ul.solsys {
    text-align: left;
    padding-left: 40%
}

.bmilsub h4 {
    text-transform: uppercase;
    margin-left: 0;
    font-weight: 800;
    font-size: 1.4rem;
    color: #333;
    padding-bottom: 0;
    margin-bottom: 2rem;
    border-bottom: none
}

.bmilsub.filtersubject ul, .bmilsub.filtercontributor ul, .bmilsub.filterdate ul {
    -webkit-columns: 1 130px;
    -moz-columns: 1 130px;
    columns: 1 130px;
    text-align: left;
    padding-left: 0;
    max-width: 140px
}

.bmilsub.filterdate ul {
    text-align: center
}

.subjectIcon {
    width: 20px;
    margin-right: 6px;
    vertical-align: middle;
    padding-bottom: 3px
}

.bmilsubCurrent {
    font-weight: 800;
    color: #333
}

.bmilsub div:nth-of-type(n+2) h4 {
    padding-top: 4rem
}

.bmilsub i {
    font-size: 1.9rem;
    margin-right: 4px;
    margin-left: 2px;
    vertical-align: middle;
    padding-bottom: 3px;
    width: 20px
}

i.blue {
    color: #00aaf0
}

i.orange {
    color: #f0783c
}

@media screen and (min-width: 500px) {
    .keywordSection {
        display: inline-block;
        text-align: left;
        vertical-align: top
    }
    .keywordSection ul {
        text-align: left;
        padding-left: 60px
    }
    .keywordSection ul.solsys {
        text-align: left;
        padding-left: 60px
    }
    .bmilsub h4 {
        text-align: left;
        margin-left: 60px
    }
}

@media screen and (min-width: 554px) {
    .filteritem {
        width: 140px;
        line-height: initial
    }
    .currentfilter {
        font-size: 1.2rem;
        line-height: 1.6rem
    }
    .bmilsub.filtersubject ul, .bmilsub.filterdate ul {
        max-width: 480px;
        -webkit-columns: 3 130px;
        -moz-columns: 3 130px;
        columns: 3 130px;
        padding-left: 50px
    }
    .bmilsub.filterdate ul {
        padding-left: 0;
        text-align: center
    }
    .bmilsub.filtercontributor ul {
        max-width: 520px;
        -webkit-columns: 3 160px;
        -moz-columns: 3 160px;
        columns: 3 160px;
        padding-left: 50px
    }
}

@media (min-width: 952px) {
    .bmilsub.filtercontributor ul {
        max-width: 900px;
        -webkit-columns: 4 160px;
        -moz-columns: 4 160px;
        columns: 4 160px;
        padding-left: 50px
    }
    .bmilsub.filterdate ul {
        max-width: 500px;
        -webkit-columns: 4 90px;
        -moz-columns: 4 90px;
        columns: 4 90px;
        padding-left: 0;
        text-align: center
    }
    .bmilsub h4 {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 1rem
    }
    .bmilsub div:nth-of-type(n+2) h4 {
        padding-top: 0
    }
}

.videofit.ptv {
    margin: 0 0 2rem
}

.fitVidThumb-wrapper {
    width: 100%;
    height: 0;
    padding-bottom: 56.1%;
    position: relative
}

.fitVidThumb {
    width: 100%;
    position: absolute
}

.recentVideo .six.columns {
    margin-bottom: 4%
}

.recentVideo .six.columns:nth-of-type(odd) {
    margin-left: 0
}

.ptvChannels img {
    width: 100%;
    margin-bottom: 2rem
}

.ptvChannels .four.columns {
    margin-bottom: 3rem;
    text-align: center
}

.recentVideo .six.columns.sdRatio img {
    margin: -9.4% 0;
    width: 100%
}

.recentVideo .six.columns.sdRatio {
    overflow: hidden;
    margin-bottom: 4%
}

.videoOverlay {
    position: relative
}

.videoOverlay .playButton {
    position: absolute;
    top: 0;
    color: #fff;
    padding: 1.4rem 2rem 1.4rem;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2)
}

.videoOverlay .videoDetails {
    position: absolute;
    bottom: 0;
    color: #fff;
    padding: 2rem 2rem 1.4rem;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
    text-align: left
}

.videoOverlay .playButton:hover, .videoOverlay .videoDetails:hover {
    cursor: pointer
}

.videoDetails {
    width: 92%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%)
}

.advocacy {
    background-image: url("https://planetary.s3.amazonaws.com/sites/planetary/images/hero-pluto.jpg")
}

.neocampaign {
    background-image: url("https://planetary.s3.amazonaws.com/assets/background/hero/bg-home-neo.jpg");
    max-height: 470px
}

.advocacytk {
    background-image: url("https://planetary.s3.amazonaws.com/sites/planetary/images/hero-saturn.jpg")
}

.welcome {
    background-image: url("https://planetary.s3.amazonaws.com/sites/planetary/images/hero-rhea.jpg");
    max-height: 700px;
    margin-bottom: 0
}

.welcomefooter {
    background-image: url("https://planetary.s3.amazonaws.com/sites/planetary/images/hero-viking-mars.jpg");
    min-height: 600px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}

.memberships {
    background-image: url("https://planetary.s3.amazonaws.com/sites/planetary/images/hero-titan.jpg");
    min-height: 700px;
    margin-bottom: 12rem
}

.membershipsfooter {
    background-image: url("https://planetary.s3.amazonaws.com/sites/planetary/images/hero-mars-swirls.jpg");
    max-height: 600px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0
}


p.tagline {
    font-size: 3.6rem;
    font-weight: 400;
    max-width: 500px;
    margin: 0 auto 2rem;
    line-height: 1.2
}

p.renew {
    font-size: 1.4rem;
    margin-bottom: 0
}

.renew a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.renew a:hover {
    border-bottom: none;
    text-decoration: none;
    color: #fff
}

.titlecaption {
    position: absolute;
    width: 90%;
    color: #ffffff;
    padding: 0 0 8rem 2rem;
    bottom: 0
}

article.videohero p.postedBy, article.videohero h1, article.videohero p.postedBy a {
    color: #ffffff
}

article.videohero h1, article.videohero p.postedBy {
    margin: 0
}

article.videohero h1 {
    font-size: 3.6rem
}

article.videohero {
    height: 100vh;
    left: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

article.videohero video {
    display: none
}

article.videohero video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

div.videohero p.postedBy, div.videohero h1, div.videohero p.postedBy a {
    color: #ffffff
}

div.videohero h1, div.videohero p.postedBy {
    margin: 0
}

div.videohero h1 {
    font-size: 3.6rem
}

div.videohero {
    height: 100vh;
    left: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

div.videohero video {
    display: none
}

div.videohero video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none
}

@media screen and (min-width: 870px) {
    .titlecaption {
        padding: 0 0 10rem 5rem
    }
}

@media screen and (min-width: 1020px) {
    article.videohero video {
        height: 100%;
        min-height: 56.25vw;
        min-width: 100%;
        width: 177.778vh;
        display: inherit
    }
    div.videohero video {
        height: 100%;
        min-height: 56.25vw;
        min-width: 100%;
        width: 177.778vh;
        display: inherit
    }
}

@media screen and (min-width: 1070px) {
    article.videohero h1 {
        font-size: 4.4rem;
        max-width: 700px
    }
    div.videohero h1 {
        font-size: 4.4rem;
        max-width: 700px
    }
}

@media screen and (min-width: 1300px) {
    article.videohero h1 {
        font-size: 5rem;
        max-width: 100%
    }
    div.videohero h1 {
        font-size: 5rem;
        max-width: 100%
    }
}

.socialshare {
    font-size: 2rem;
    background-color: #333;
    text-align: center;
    color: #fff;
    margin-bottom: 8rem
}

.socialshare p {
    padding: 1rem
}

.socialshare span {
    margin: 1rem 0;
    display: inline-block
}

.socialshare a {
    font-size: 1.6rem;
    vertical-align: middle;
    margin-left: 1.2rem;
    border-radius: 10px;
    border: 1px solid #fff;
    padding: 10px 10px 8px;
    margin-top: 1rem;
    transition: all 0.3s ease-in-out 0s
}

.socialshare a.fb:hover {
    border-color: #3c599f
}

.socialshare a.twitter:hover {
    border-color: #32ccfe
}

.socialshare a i {
    width: 18px;
    color: #fff
}

.joinmain {
    margin-top: 70px;
    margin-bottom: 8rem;
    color: #333;
    padding-top: 3rem;
    padding-bottom: 0;
    min-height: 440px;
    z-index: 100;
    border-bottom: 1px solid #333;
    max-width: 1400px
}

.joinmain img.logomarkhero {
    display: block;
    margin: 0 auto
}

.joinmain h1 {
    font-size: 1.4rem;
    font-weight: 400;
    margin-top: 1rem;
    line-height: 1.4;
    letter-spacing: 0.8rem;
    text-transform: uppercase;
    text-align: center
}

.joinmain hr {
    border-top: 1px solid #333;
    margin-bottom: 3rem
}

.joinmain .nametitle {
    color: #333;
    margin-bottom: 3rem
}

.joinmain p.renew {
    margin: 0 0 4rem
}

.joinmain .renew a {
    border-bottom: 1px solid #f0783c;
    color: #f0783c;
    cursor: pointer
}

.joinmain .renew a:hover {
    border-bottom: none;
    text-decoration: none
}

.nye-join {
    margin: 0 auto;
    display: block;
    max-height: 500px
}

.otherbutton {
    height: 290px;
    border: 1px solid #00aaf0;
    border-radius: 10px;
    border-bottom: 10px solid #00aaf0;
    margin-bottom: 3.6rem;
    overflow: hidden
}

.otherbutton h4 {
    line-height: 1
}

.otherbutton:hover {
    background-color: #333333;
    border: 1px solid #333333
}

.otherwrapper {
    position: relative;
    height: 100%
}

@keyframes showButton {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.otherwrapper.buttonreveal {
    display: none;
    padding: 0 3rem;
    color: #fff
}

.otherbutton:hover .otherwrapper.mainbuttoncontent {
    display: none
}

.otherbutton:hover .otherwrapper.buttonreveal {
    display: inline-block;
    animation: showButton 300ms ease-in-out both
}

.otherwrapper.buttonreveal .button {
    text-align: center;
    display: block;
    max-width: 200px;
    margin: 0 auto
}

.buttonreveal h4 {
    font-size: 2rem
}

.wide.rowzero .row {
    margin-top: 0
}

img.joinbadges {
    max-width: 160px;
    margin: 0 auto 1.6rem auto;
    display: block
}

p.bottomsmall {
    bottom: 0.8rem;
    left: 0;
    color: #00aaf0;
    font-size: 1.4rem;
    font-weight: 400;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.stats {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    color: #5b5b5b;
    margin: 3rem 0
}

.stats p {
    margin: 0;
    line-height: 2rem
}

.bigstat {
    font-size: 3rem
}

.currency::before {
    content: "$"
}

.stats .three.columns {
    margin-bottom: 2rem;
    padding: 2rem 0 1.6rem 0;
    border-radius: 6px
}

.faqs h3 {
    background-color: #2a2a2a;
    border-radius: 10px 10px 0 0;
    color: #fff;
    margin-bottom: 0;
    margin-top: 0.6em;
    padding: 1.6rem 2rem;
    font-size: 2.2rem
}

.faqs h4.reveal {
    background-color: #00aaf0;
    border-radius: 1rem;
    color: #fff;
    font-size: 2rem;
    padding: 12px 16px;
    margin: 2rem auto 0 auto;
    text-align: center;
    max-width: 400px;
    transition: all 0.4s ease-in-out
}

.faqs h4.reveal:hover, .faqs h4.reveal.active:hover {
    background-color: #009cdd;
    cursor: pointer
}

.faqs h4.reveal.active {
    border-radius: 1rem 1rem 0 0;
    background-color: #1ab3f2;
    max-width: 100%
}

.faqs div.reveal {
    background-color: #fff
}

.faqs div {
    background-color: #f8f8f8;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 7rem;
    padding: 1.6rem 2rem;
    position: relative
}

.faqs p {
    margin: 1rem 0 1rem
}

.faqs table {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    table-layout: fixed;
    margin-top: 3rem;
    font-size: 1.4rem
}

.faqs th, .faqs td {
    padding: 1.4rem 1.8rem
}

.faqs th {
    text-align: left;
    padding-left: 1.4rem;
    color: #fff
}

.faqs tr:first-child {
    background-color: #1ab3f2
}

.faqs tr.memtype {
    background-color: #66ccf6;
    color: #fff
}

.faqs td {
    padding-left: 1.4rem
}

.faqs td:first-child {
    font-weight: 400
}

#uberfooter {
    background-color: #333;
    margin-top: 0;
    padding: 4rem 2rem 2rem;
    text-align: center;
    color: #fff
}

.missiontext {
    max-width: 270px;
    font-size: 1.6rem;
    display: inline-block
}

.catchphrase {
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 400;
    margin-top: 3rem;
    margin-bottom: 2rem;
    text-align: center
}

.iconWrapper {
    text-align: center
}

.socialicons {
    display: inline-block
}

.socialicons a {
    text-align: center;
    float: left;
    width: 36px;
    height: 36px;
    border: 2px solid #fff;
    border-radius: 100%;
    margin-right: 1rem;
    transition: all 0.3s ease-in-out 0s;
    box-sizing: content-box
}

.socialicons a i {
    font-size: 20px;
    line-height: 38px;
    color: #fff
}

.socialicons a:hover {
    transform: scale(1.1)
}

.socialicons a.fb:hover {
    border-color: #3c599f
}

.socialicons a.twitter:hover {
    border-color: #32ccfe
}

.socialicons a.rss:hover {
    border-color: #a5c63b
}

.socialicons a.yt:hover {
    border-color: #c52f30
}

.socialicons a.flickr:hover {
    border-color: #ff0084
}

.socialicons a.instagram:hover {
    border-color: #a1755c
}

.last, .socialicons a.last {
    margin-right: 0;
    padding-right: 0
}

.copyright {
    margin-top: 6rem
}

.copyright p {
    font-size: 1.2rem;
    line-height: 2rem
}

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

.copyright a:hover {
    text-decoration: none;
    border-bottom: none
}

.login {
    font-size: 1.6rem;
    line-height: 3;
    font-weight: 400
}

.login a {
    text-decoration: none;
    transition: all 0.2s ease-in-out
}

.login a:hover {
    color: #00aaf0
}

.social, .socialcustom {
    padding-top: 6rem;
    clear: both;
    text-align: center
}

.social .fa, .socialcustom .fa {
    color: #ffffff;
    font-size: 24px;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center
}

.social a, .socialcustom a {
    text-decoration: none;
    color: #ffffff;
    transition: all 0.5s ease-in-out
}

.fa-fw {
    margin-right: 3px
}

.social .fa-facebook, .socialcustom .fa-facebook {
    background-color: #3b5998;
    margin-right: 14px
}

.social .fa-google-plus, .socialcustom .fa-google-plus {
    background-color: #d34836;
    margin-right: 14px
}

.social .fa-linkedin, .socialcustom .fa-linkedin {
    background-color: #4875b4
}

.social .fa-twitter, .socialcustom .fa-twitter {
    background-color: #4099ff;
    margin-right: 14px
}

.social .fa-twitter:hover, .social .fa-google-plus:hover, .social .fa-facebook:hover, .social .fa-linkedin:hover, .socialcustom .fa-twitter:hover, .socialcustom .fa-google-plus:hover, .socialcustom .fa-facebook:hover, .socialcustom .fa-linkedin:hover {
    background-color: #000000;
    transition: all 0.5s ease-in-out
}

#signinform thead {
    font-size: 2.8rem;
    text-align: left;
    line-height: 8rem
}

#signinform table {
    width: 100%
}

#signinform td {
    vertical-align: top
}

#signinform label {
    margin-top: 0.4rem;
    display: inline-block
}

#signinform input {
    margin-bottom: 2rem;
    width: 100%
}

#signinform input.RememberMe {
    width: auto;
    margin-bottom: 4rem
}

LABEL {
    white-space: normal
}

#lightbox-for-long-load_c {
    display: none
}

.appAreaNoWidth, .appArea, #appAreaNoWidthClearFix, #intro_html .appArea, #outro_html .appArea {
    width: 100% !important;
    margin: 0 !important
}

.appArea h2, .cons-pers p {
    margin-bottom: 0
}

.cons-pers h4 {
    color: #333;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 0
}

h2#user_email_pref_page_title, #email_address_text, #user_email_pref_view_page, #user_email_pref_interest_edit h3, #user_email_pref_interest_edit h2 {
    margin-bottom: 1.2rem
}

#user_email_pref_interest_edit h3 {
    padding-top: 3rem
}

.cons-nav {
    padding: 0
}

.cons-nav li {
    padding: 0 1rem;
    margin: 0
}

.cons-nav li:first-child {
    padding-left: 0;
    margin-left: 0
}

.cons-nav li a:hover {
    border-bottom: 1px solid #00aaf0;
    text-decoration: none
}

.cons-prof h3 {
    color: #333;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
    padding: 6rem 0 2rem
}

.cons-prof .line {
    display: none
}

#EditCons table {
    margin-bottom: 0
}

#EditCons>fieldset:first-of-type>table.grid:first-of-type tr td:nth-of-type(1) {
    display: normal;
    width: 30%
}

#EditCons>fieldset:first-of-type>table.grid:first-of-type tr td.NetscapeFix:nth-of-type(1) {
    width: 100%
}

#EditCons>fieldset:first-of-type>table.grid:first-of-type tr td.ROValue:nth-of-type(1) {
    width: auto
}

table.cons-name:first-of-type tr td:nth-of-type(1) {
    display: inline-block !important
}

#EditCons>fieldset:nth-of-type(1)>fieldset:nth-of-type(2)>table.grid:first-of-type tr:nth-of-type(1) {
    display: none
}

.cons-pers td, .cons-pers p, .cons-pers label, .cons-pers .label, .cons-pers label, .cons-pers fieldset, .cons-pers .Explicit, .serv-cent p, .serv-cent td {
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    color: #333;
    text-align: left
}

.cons-pers .label {
    margin-bottom: 0
}

td.label {
    padding-right: 1rem
}

.cons-pers p, .serv-cent p {
    font-size: 1.6rem
}

.cons-pers td {
    padding: 2rem 2rem;
    vertical-align: middle
}

.cons-pers tr {
    background-color: #f8f8f9
}

.cons-pers td.spacer {
    display: none
}

.cons-pers fieldset {
    margin: 0
}

#EditCons input[type="submit"], input[type="submit"].Button, input[type="submit"]#site_email\.save, input[type="submit"]#email_interest\.save, input#op\.cnclAddCons, #login-div-content input.uc-button, #SCSustainerModifyDate>input[type="submit"], #SCSustainerCancel>input[type="submit"], #SCSustainerModifyAmount>input[type="submit"], .formFooter input[type="submit"], .formFooter input[type="reset"], #signinform input.login {
    margin-top: 5rem;
    margin-right: 0;
    background: #00aaf0;
    background-color: #00aaf0;
    border: none;
    color: #ffffff;
    padding: 0 30px;
    border-radius: 4px;
    font-weight: 400
}

input[type="submit"].Button, #login-div-content input.uc-button {
    margin-top: 1rem
}

#signinform input.login {
    max-width: 140px;
    margin-top: 0
}

#EditCons input[type="submit"]:hover, input[type="submit"].Button:hover, input[type="submit"]#site_email\.save:hover, input[type="submit"]#email_interest\.save:hover, #login-div-content input.uc-button:hover, #SCSustainerModifyDate>input[type="submit"]:hover, #SCSustainerCancel>input[type="submit"]:hover, #SCSustainerModifyAmount>input[type="submit"]:hover, .formFooter input[type="submit"]:hover, .formFooter input[type="reset"]:hover, #signinform input.login:hover {
    background-color: #009cdd
}

.cons-pers td:nth-of-type(2) {
    width: 100%
}

.cons-pers td:nth-of-type(3), .cons-pers td:nth-of-type(4) {
    display: none
}

table.cons-name tr:first-child {
    display: none
}

table.cons-name td {
    display: inline-block
}

table.cons-name td.ROValue {
    display: inline;
    margin-right: 1rem
}

table.cons-name td.NetscapeFix {
    margin-bottom: 2rem !important;
    width: 100%
}

table.cons-name td.NetscapeFix:first-child:before, table.cons-name td.ROValue:first-child:before {
    content: "Title: ";
    float: left;
    line-height: 2rem;
    font-weight: 600;
    margin-top: 0.6rem
}

table.cons-name td.ROValue:first-child:before {
    margin-right: 0.3rem;
    line-height: 1rem
}

table.cons-name td.NetscapeFix:nth-child(2):before, table.cons-name td.ROValue:nth-child(2):before {
    content: "First Name:";
    font-weight: 600
}

table.cons-name td:nth-child(3), table.cons-name td:nth-child(4) {
    display: inline-block
}

table.cons-name td.NetscapeFix:nth-child(3):before, table.cons-name td.ROValue:nth-child(3):before {
    content: "Last Name:";
    font-weight: 600
}

table.cons-name td.NetscapeFix:nth-child(4):before, table.cons-name td.ROValue:nth-child(4):before {
    content: "Suffix:";
    font-weight: 600
}

.cons-pers input[type="text"], .cons-pers input[type="password"], .cons-pers select {
    width: 100% !important;
    margin-bottom: 0
}

.cons-pers label.radio {
    display: inline;
    margin-right: 1rem
}

table.cons-name select {
    margin-bottom: 0
}

#accepts_email, #accepts_postal_mail {
    float: left;
    margin-right: 1rem;
    margin-top: 0.4rem
}

#preferred_email_format {
    margin-left: 0.4rem
}

#primary_email_req_field_indicator {
    float: left;
    margin-right: 0.4rem
}

.cons-pers label[for='user_name'], .cons-pers label[for='user_password'], .cons-pers label[for='rePass'], .cons-pers label[for='reminder_hint'] {
    display: inline
}

form[name="ChangePassword"] p.Hint {
    font-size: 1.4rem
}

form[name="ChangePassword"] table {
    display: block;
    width: 100%
}

form[name="ChangePassword"] table td {
    display: inline-block;
    border: none;
    width: 100%;
    padding: 0
}

form[name="ChangePassword"] table td:nth-of-type(3) {
    padding-bottom: 3rem
}

form[name="ChangePassword"] table tr:nth-of-type(3) tr:nth-of-type(3) {
    padding: 0
}

form[name="ChangePassword"] p {
    margin: 0
}

form[name="ChangePassword"] input[type="password"], form[name="ChangePassword"] input[type="text"] {
    width: 100%
}

#user_email_pref_site_edit h2 {
    margin-bottom: 2rem
}

input#site_email_opt_in, input#site_email_opt_out, input#email_opt_in_0, #interest_edit_other_subscriptions input[type="checkbox"], #interest_edit_current_subscriptions input[type="checkbox"] {
    float: left;
    margin-right: 1rem;
    margin-top: 0.6rem;
    clear: both
}

#interest_edit_other_subscriptions .interest-description.hint {
    display: block;
    font-size: 1.4rem;
    padding-bottom: 2rem;
    /* vertical-align: top */
}

#interest_edit_other_subscription_hint {
    margin-bottom: 2rem
}

input#site_email_primary_email {
    width: 100%;
    max-width: 600px;
    margin-top: 1rem
}

select#preferred_email_format {
    margin: 2rem 0 2rem
}

.cons-pers div.Hint {
    font-size: 1.4rem;
    margin: 1rem 0
}

.subscribed_interest img {
    display: none
}

#login-div-content {
    padding: 0
}

#login-div-content .login-form {
    padding-bottom: 2rem
}

#login-div-content .outer-border {
    border: none
}

#login-div-content .banner-header {
    background-color: transparent;
    font-size: 3rem;
    padding: 0;
    margin-bottom: 2rem
}

#login-div-content .input-border {
    border: none;
    padding: 1.4rem 2rem
}

#login-div-content table:nth-of-type(1) {
    width: 100%;
    margin-top: 1rem
}

#login-div-content table:nth-of-type(1) td {
    display: inline-block;
    width: 100%
}

.login-form table tr:nth-of-type(3) td:first-child, .login-form table tr:nth-of-type(4) td:first-child, .login-form table tr:nth-of-type(5) td:first-child {
    visibility: hidden
}

#login-div-content table table td input {
    width: 100%
}

#login-div-content table:nth-of-type(1) td p {
    margin: 0
}

#login-div-content div.right-block {
    float: none;
    padding: 0
}

#login-div-content .footer-block, #login-div-content table .Hint {
    display: none
}

#login-div-content a {
    color: #009cdd
}

#login-div-content a:hover {
    color: #00aaf0
}

.serv-cent {
    padding: 0
}

.serv-cent table {
    margin-top: 4rem
}

.serv-cent table h3 {
    padding: 2rem 0 2rem 2rem
}

.serv-cent td {
    white-space: normal !important
}

.serv-cent .heading td {
    padding: 0;
    background-color: #e6e6e6
}

.serv-cent td a {
    display: inline-block;
    margin: 0
}

.serv-cent td a:nth-of-type(2), .serv-cent td a:nth-of-type(3) {
    margin-top: 1rem
}

#SCSustainerModifyDate tr {
    padding-top: 2rem;
    display: block
}

#SCSustainerCancel table {
    width: 100%;
    margin: 0
}

#SCSustainerCancel td {
    display: block;
    width: 100%
}

#SCSustainerCancel td strong {
    background-color: #404040;
    border: medium none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 12px 14px;
    text-transform: uppercase;
    width: 100%;
    max-width: 500px;
    margin-top: 5rem
}

#SCSustainerCancel input[type="text"], #SCSustainerCancel select {
    font-size: 2.2rem;
    height: 52px;
    padding: 8px 12px;
    margin-bottom: 2rem
}

#SCSustainerCancel input[type="text"], #SCSustainerCancel select#home_country {
    width: 100%;
    max-width: 500px
}

#SCSustainerCancel colgroup {
    display: none
}

#SCSustainerCancel .FormInput fieldset td {
    display: inline
}

#SCSustainerCancel label[for="payment_typecc_typename"], #SCSustainerCancel input#TENDER_INSTANCE_LIST_CTRL, #SCSustainerCancel tr#payment_typecc_type_Row td.FormLabel, #SCSustainerCancel tr#payment_typecc_type_Row td.requiredIndicator {
    display: none
}

#SCSustainerCancel p {
    padding: 0;
    margin: 0
}

#SCSustainerCancel label.wrapable {
    min-width: auto
}

#SCSustainerCancel td.FormInput table {
    margin: 2rem 0 0
}

#SCSustainerCancel input[type="text"]#TENDER_CVV {
    max-width: 180px;
    margin-right: 1rem
}

#SCSustainerCancel .cardExpGroup {
    margin-left: 0
}

#SCSustainerCancel input#cancel.FriendRaiserButtons {
    max-width: 504px;
    width: 100%;
    white-space: normal;
    min-height: 52px;
    height: auto;
    line-height: 2rem;
    padding: 14px 30px
}

#ProcessForm .form-error select {
    background-color: #feeaeb;
    border: 1px solid #990000
}

div.progress-bar-step-text-container {
    margin-top: -6px
}

#tribute_honoree_namename, #tribute_notify_recip_namename, #tribute_notify_recip_street1name, #tribute_notify_recip_street2name, #tribute_notify_recip_cityname, #tribute_message_bodyname {
    width: 100% !important
}

#tribute_message_bodyname {
    min-height: 160px
}

#tribute_notify_recip_zipname, #tribute_notify_recip_title, #honoree_title, #level_standardname {
    width: 100%;
    max-width: 400px
}

#pstep_next, #pstep_previous, #pstep_finish {
    margin-right: 1rem
}

.transaction-summary-entry span.entry-label {
    vertical-align: top
}

.captchaContainer img {
    margin: 2rem 0 0
}

.captchaLink img {
    display: inline;
    margin: 0.4rem
}

.captchaContainer input {
    margin-bottom: 3rem
}

form[name="IUnsubscribeCategory"], #IUnsubscribeEmail, #IChangeEmailFormat {
    padding-top: 3rem
}

form[name="IUnsubscribeCategory"] table.FormBox, #IUnsubscribeEmail table.FormBox, #IChangeEmailFormat table.FormBox {
    border: none;
    background-color: transparent;
    font-size: inherit;
    background-image: none
}

form[name="IUnsubscribeCategory"] table.FormBox td.TableHeadings, #IUnsubscribeEmail table.FormBox td.TableHeadings, #IChangeEmailFormat table.FormBox td.TableHeadings {
    background-color: #404040;
    color: #fff
}

form[name="IUnsubscribeCategory"] table.FormBox td, #IUnsubscribeEmail table.FormBox td, #IChangeEmailFormat table.FormBox td {
    text-align: left !important
}

form[name="IUnsubscribeCategory"] table.FormBox td p.PaddedListHeadings, #IUnsubscribeEmail table.FormBox td p.PaddedListHeadings, #IChangeEmailFormat table.FormBox td p.PaddedListHeadings {
    color: #fff;
    margin: 1rem 2rem
}

#IUnsubscribeEmail table.FormBox td p, #IUnsubscribeEmail table.FormBox label, #IChangeEmailFormat table.FormBox label {
    margin-bottom: 0
}

#IUnsubscribeEmail table.FormBox tr:nth-child(2) td {
    padding: 4rem 0 3rem 0
}

#IUnsubscribeEmail table.FormBox tr:nth-child(3) td {
    padding: 0 0 3rem
}

#IUnsubscribeEmail table.FormBox tr:nth-child(2) td p, #IUnsubscribeEmail table.FormBox tr:nth-child(3) td p {
    padding-left: 1rem
}

form[name="IUnsubscribeCategory"] table.FormBox td p.wrapable, form[name="IUnsubscribeCategory"] table.FormBox tr:nth-child(2) td p, #IChangeEmailFormat table.FormBox td p.wrapable {
    margin-top: 2rem
}

#IChangeEmailFormat table.FormBox label.wrapable {
    display: inline;
    margin-right: 2rem
}

#IChangeEmailFormat table.FormBox fieldset {
    margin-bottom: 3rem
}

.familydual p {
    margin-top: 3rem;
    margin-bottom: 0
}

.gsc-table-result {
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 200 !important
}

.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important
}

.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic {
    border: none !important;
    margin-bottom: 3rem !important;
    padding: 0 !important
}

.gsc-table-result {
    margin-bottom: 2rem
}

.gsc-table-result th, .gsc-table-result td {
    border: none;
    padding: 0
}

.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic {
    border: none
}

.gsc-results .gsc-cursor-box {
    margin: 0 !important;
    padding: 2rem 0 1rem;
    text-align: center
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
    background-color: #00aaf0 !important;
    border: none;
    border-radius: 5px;
    color: #fff !important;
    float: left;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-right: 1rem !important;
    text-align: center;
    text-decoration: none !important;
    width: 2rem;
    display: block !important;
    font-size: 1.6rem;
    padding: 1rem
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:last-child {
    margin-right: 0
}

.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
    background-color: #0081b6 !important
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: #333 !important;
    font-weight: 200 !important
}

.gsc-results .gsc-cursor {
    display: inline-block !important
}

.gsc-result-info {
    display: none
}

.gs-result .gs-title, .gs-result .gs-title * {
    font-size: 2.2rem !important;
    text-decoration: none !important;
    color: #009cdd !important
}

.gs-result .gs-title {
    height: auto !important;
    overflow: visible !important
}

.gs-result a.gs-title:hover {
    text-decoration: underline !important;
    color: #00aaf0
}

table.gsc-search-box, table.gsc-resultsHeader, .gsc-above-wrapper-area {
    display: none
}

.gs-snippet {
    font-size: 1.8rem
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
    color: #888888 !important
}

table.gsc-branding, table.gcsc-branding {
    margin: 0 0 4rem !important;
    width: 190px !important
}

.gcsc-branding-img-noclear {
    max-width: inherit
}

.gsc-branding, .gcsc-branding {
    display: block !important;
    text-align: center !important
}

.clearboth {
    clear: both
}

#breadcrumb {
    display: inline-block;
    overflow: hidden;
    margin: 3rem 0 3rem
}

#breadcrumb a {
    text-decoration: none;
    outline: none;
    display: block;
    float: left;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: white;
    text-transform: uppercase;
    padding: 0 20px 0 30px;
    background: #9f9f9f;
    position: relative;
    border: 2px solid #fff;
    border-radius: 6px;
    border-color: transparent;
    margin-left: -16px;
    margin-right: 4px;
    margin-bottom: 2px
}

#breadcrumb a:after {
    content: " ";
    display: inline-block;
    height: 26px;
    width: 14px;
    -moz-border-radius: 0 26px 26px 0;
    border-radius: 0 26px 26px 0;
    border: 2px solid #fff;
    border-left: none;
    background-color: #9f9f9f;
    z-index: 3;
    position: absolute;
    top: -4px;
    margin-left: 10px
}

#breadcrumb a:first-child {
    border-radius: 6px 2rem 2rem 6px;
    margin-left: 0;
    padding-left: 20px
}

#breadcrumb a.active, #breadcrumb a:hover {
    background: #00aaf0
}

#breadcrumb a.active:after, #breadcrumb a:hover:after {
    background: #00aaf0
}

.breadcrumbseparator {
    display: none
}

.postSection {
    background-color: #f6f6f6;
    margin-top: 4rem;
    overflow: auto;
    padding: 2rem
}

.postSection h5 {
    font-size: 2.4rem
}

.postSection.moreimages {
    padding: 2rem 0 0
}

.postSection.centerheading>h5, .postSection.centerheading .social {
    text-align: center
}

.postSection.centerheading>div h5 {
    text-align: inherit
}

.postSection .comment-form {
    padding-top: 2rem
}

.postSection .comment-form input, textarea {
    width: 100%
}

.postSection .comment-form textarea {
    min-height: 300px
}

.postSection .comment-form table {
    border-collapse: separate;
    border-spacing: 0 1em;
    margin-top: 1em;
    width: 100%
}

.postSection .comment-form td {
    box-sizing: border-box;
    display: block;
    width: 100%
}

.postSection input[name="captcha"] {
    max-width: 300px
}

.postSection input[type="submit"] {
    width: auto
}

.postSection .social {
    padding-top: 0;
    text-align: left
}

.postSection.related, .postSection.related h6 {
    font-size: 1.6rem
}

.postSection.related h6, .postSection.related p {
    margin: 0
}

.postSection.related ul {
    margin-bottom: 1rem;
    list-style-type: none
}

.postSection.related li {
    margin: 3rem 0 3rem;
    overflow: hidden
}

.postSection.related li:last-child {
    margin-bottom: 0
}

img.relatedThumb {
    display: block;
    float: left;
    margin-right: 2rem;
    width: 80px
}

.postedBy {
    margin-top: 0;
    margin-bottom: 0
}

h2.postedBy {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.8rem;
    font-weight: 200
}

.postedBy.blog a:nth-of-type(2)::before, .postedBy.blog a:nth-of-type(3)::before {
    content: " & "
}

.authorDetails .group:nth-of-type(2), .authorDetails .group:nth-of-type(3) {
    margin-top: 2rem
}

.authorDetails h5 {
    margin-bottom: 0;
    margin-top: 0.2rem
}

.authorDetails h5 a {
    color: inherit
}

.authorDetails h5 a:hover {
    color: #009cdd
}

.authorDetails p {
    margin-bottom: 0;
    overflow: hidden
}

img.authorThumb {
    border-radius: 50%;
    display: block;
    float: left;
    margin-right: 2rem;
    width: 100px
}

.moreinfo {
    border-top: 1px solid #e6e6e6;
    font-size: 1.5rem;
    padding-top: 2rem;
    margin-bottom: 5rem;
    margin-top: 5rem;
    padding-left: 2.6rem;
    text-indent: -1.4rem
}

.moreinfo p {
    margin-bottom: 1.2rem
}

.moreinfo .fa {
    text-align: center;
    width: 1rem
}

.topics {
    border-top: 1px solid #e6e6e6;
    font-size: 1.5rem;
    padding-top: 2rem;
    margin-bottom: 0.4rem;
    margin-top: 3rem
}

.postBreadcrumbs .breadcrumbseparator {
    display: inherit
}

.social .fa-comments {
    background-color: #666666;
    margin-right: 14px;
    cursor: pointer
}

.social .fa-comments:hover {
    background-color: #000
}

.comment-block h5.comments {
    border-top: 1px solid #e6e6e6;
    margin-top: 4rem;
    padding-top: 4rem
}

.comment-block p {
    margin-bottom: 1rem
}

.comment-block .comment {
    margin-bottom: 4rem;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.listDetails span.fa-stack {
    font-size: 2rem;
    padding-bottom: 0.6rem;
    height: 2rem;
    width: 2.6rem;
    line-height: 2rem
}

.listDetails a span.fa-stack {
    color: #888
}

.listDetails a span.fa-stack:hover {
    color: #009cdd
}

i.numComments {
    font-size: 1rem;
    font-weight: 600;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.social i.reveal {
    position: relative
}

.social i.reveal span {
    font-size: 2rem;
    padding-bottom: 0.6rem;
    height: 2rem;
    line-height: 2rem;
    position: absolute;
    left: 18px;
    margin-top: -16px
}

.social i.reveal .fa-circle {
    color: red
}

.social i.reveal i.numComments {
    font-size: 1.2rem
}

img.relatedThumb {
    display: block;
    float: left;
    margin-right: 2rem;
    width: 80px
}

.postSection.related ul.hlist, .postSection.related ul.hlist li {
    margin: 0
}

.hlist li {
    display: inline;
    list-style: none
}

.hlist li::after {
    content: " ·"
}

.hlist li:last-child::after, .hlist li:first-child::after {
    content: none
}

.twitter-tweet {
    margin-right: auto;
    margin-left: auto
}

.twitter-tweet:last-of-type, .twitter-video {
    margin-bottom: 3rem !important
}

.img-caption-box {
    font-size: 1.5rem;
    margin: 6rem auto;
    width: auto !important
}

.img-caption-box.prettypic {
    font-size: 1.8rem
}

.photo_credit {
    font-size: 1.1rem;
    margin: 0.6rem 0 0.4rem;
    color: #a6a6a6
}

.img-caption-box h5 {
    font-size: 1.4rem;
    margin: 0.6rem 0 0;
    padding: 0;
    text-transform: uppercase
}

.img-caption-box h5.titleNoCaption {
    margin: 1rem 0 0
}

.img-caption-box.prettypic h5 {
    font-size: 1.8rem
}

.img-caption-box.medium-233 h5 {
    margin: 0.6rem 0 0
}

.ba-slider {
    position: relative;
    overflow: hidden
}

.ba-slider img {
    width: 100%;
    display: block;
    max-width: inherit !important
}

.resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden
}

.handle {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: rgba(0, 0, 0, 0.5);
    cursor: ew-resize
}

.handle:after {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: '\21d4';
    color: white;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
    background: #ffb800;
    border: 1px solid #e6a600;
    border-radius: 50%;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #ffd466
}

.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height: 48px;
    font-size: 30px
}

iframe, twitterwidget {
    margin-right: auto !important;
    margin-left: auto !important
}

table.paginator {
    margin: 4rem auto 0;
    max-width: 900px;
    width: auto
}

table.paginator td.pg-items {
    background-color: transparent;
    color: #000;
    float: none;
    margin: 0 auto;
    width: 100%
}

table.paginator td.pg-items:hover {
    background-color: transparent;
    color: #000
}

table.paginator td.pg-curr {
    background-color: #333
}

table.paginator td.pg-curr:hover {
    background-color: #333
}

table.paginator td {
    background-color: #00aaf0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
    margin-bottom: 8px;
    text-align: center;
    width: 40px
}

table.paginator td:last-child {
    margin-right: 0
}

table.paginator td.pg-next, table.paginator td.pg-last, table.paginator td.pg-next a, table.paginator td.pg-last a, table.paginator td.pg-prev, table.paginator td.pg-prev a, table.paginator td.pg-first, table.paginator td.pg-first a {
    width: 88px
}

table.paginator td.pg-last {
    margin-right: 0
}

table.paginator td:hover {
    background-color: #0081b6;
}

table.paginator td a {
    display: block;
    height: 40px;
    text-align: center;
    width: 40px;
    color: #fff
}

table.paginator td a:hover {
    text-decoration: none
}

div[id^="pagination-"] {
    text-align: center;
    display: inherit !important
}

table.paginator {
    max-width: none !important
}

.subscribeButton {
    border: 1px solid transparent;
    border-radius: 6px;
    padding: 1.2rem 0.8rem
}

a .subscribeButton {
    color: #fff;
    margin-bottom: 2rem
}

.iTunes, .stitcher, .soundcloud {
    background-color: #000;
    color: #fff
}

a .subscribeButton.iTunes:hover {
    background-color: #00aaf0
}

a .subscribeButton.stitcher:hover {
    background-color: #c4d052
}

a .subscribeButton.soundcloud:hover {
    background-color: #ff3a00
}

.radioSubscribe {
    margin-bottom: 5rem
}

.radioSubscribe a:hover {
    text-decoration: none
}

.thumbList {
    text-align: center
}

.thumbList h5, .thumbList h4, .thumbList h3 {
    margin-top: 2rem;
    margin-bottom: 0
}

.thumbList h5 {
    margin-bottom: 2rem
}

.thumbList .four a, .thumbList .three a {
    max-width: 233px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.thumbList img {
    transition: all 0.2s ease-in-out 0.1s
}

.thumbList a:hover img {
    opacity: 0.95;
    transform: scale(1.02)
}

.thumbList a i.playLow {
    position: absolute;
    bottom: 0;
    right: 0;
    border: none;
    width: 42px;
    padding: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #fff;
    font-size: 42px
}

.thumbList .row {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 0;
    padding: 5rem 0
}

.thumbList .featured .row:first-child {
    padding-top: 2rem
}

.thumbList .featured.noFeatureHeading .row:first-child {
    padding-top: 5rem
}

.thumbList .featured .row:last-child {
    border: none
}

.thumbList .featured.callout .row:first-child {
    padding-top: 5rem
}

.featured {
    background-color: #f6f6f6;
    padding: 0 5rem;
    margin: 6rem 0
}

.featured h2 {
    margin: 0;
    padding: 4rem 0 0
}

.listDetails {
    color: #888;
    font-size: 1.8rem;
    margin-bottom: 0
}

.listDesc {
    margin: 2rem 0 0
}

.listDefault .item {
    margin: 2rem 0;
    padding: 2rem 0;
    border-bottom: 1px solid #e6e6e6
}

.homeAbout {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://planetary.s3.us-east-1.amazonaws.com/assets/background/hero/hero-lightsail-2-sun-sails.jpg") repeat scroll 50% 50%/cover;
    color: #fff;
    margin-bottom: 6rem;
    min-height: 450px
}

.homeAbout .centered, .homeCampaign .centered {
    margin-bottom: 6rem
}

.homeAbout h2, .homeCampaign h2 {
    line-height: 1;
    margin-bottom: 0;
    font-size: 4rem
}

h2.topfine {
    font-size: 3.16rem;
    font-weight: 200;
    margin-bottom: 36px;
    margin-top: 0;
    padding-top: 0
}

.homeAbout p, .homeCampaign p {
    font-size: 24px
}

.homeAbout .videofit.mobileview, .lslegacy .videofit.mobileview {
    display: inherit
}

.homeAbout .videofit.wideview, .lslegacy .videofit.wideview {
    display: none;
    position: relative;
    top: 50%;
    transform: translateY(50%);
    margin: inherit
}

.container.extrawide {
    max-width: 1280px
}

.homeFeatures {
    margin-bottom: 4rem
}

.homeFeatures h2 {
    font-size: 4.8rem;
    font-weight: 200;
    margin: 6rem 0
}

.homeFeatures h3 {
    font-size: 2.6rem;
    font-weight: 200
}

.homeFeatures h3 a {
    color: #1a1a1a
}

.homeFeatures h3 a:hover, .featureLinks a {
    color: #00aff0
}

.homeFeatures h3 a:hover {
    text-decoration: none
}

.homeFeatures .columns {
    margin-bottom: 4rem
}

.homefeature-wrapper {
    min-height: 260px;
    background-size: cover;
    background-position: 50% 50%;
    opacity: 1;
    transition: opacity 1s ease-in-out
}

.homefeature-wrapper:hover {
    opacity: 0.85
}

.featureLinks {
    font-size: 16px;
    margin: 2rem 0 1rem
}

.homeCampaign {
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(https://planetary.s3.amazonaws.com/assets/background/hero/hero-neo-earth-landscape.jpg) 50% 50%/cover;
    min-height: 500px;
    color: #fff;
    text-align: center
}

.homeCampaign h2 {
    margin-bottom: 5rem;
    margin-top: 0
}

.homeAbout .centered {
    margin-bottom: 6rem
}

.homeCampaign .container {
    max-width: 500px
}

.homeCampaign .centered {
    margin: 12rem 0;
    padding-top: 0
}

.homeTPS {
    margin-bottom: -1rem;
    text-align: center
}

.homeTPS h2 {
    font-size: 3.6rem;
    font-weight: 200;
    margin: 6rem 0
}

.homeTPS h3 {
    font-size: 1.8rem;
    margin: 2rem 0 4rem;
    text-transform: uppercase
}

.homeTPS a.button-primary {
    margin: 2rem 0 8rem
}

.subtitleTPS {
    margin: 0 auto
}

img.noMax {
    max-width: none;
    width: 100%
}

img.homeIcon {
    width: 40px;
    margin: 0;
    display: inline-block
}

.homeSubscribe {
    background-color: #000;
    position: relative;
    text-align: center
}

.homeSubscribe .container {
    padding: 8rem 4rem 6rem;
    max-width: 1100px
}

.homeSubscribe h3 {
    color: #fff;
    font-size: 2.6rem
}

.homeSubscribe #survey_1162 table, .homeSubscribe #survey_3181 table {
    width: 100%
}

.homeSubscribe tr {
    display: inline-block
}

.homeSubscribe input#cons_email {
    margin-bottom: 1rem
}

.homeSubscribe .req, .homeSubscribe .Explicit {
    display: none
}

.homeSubscribe .old-school table tr td:nth-of-type(1), .homeSubscribe .old-school table tr td:nth-of-type(2), .inpageSubscribe .old-school table tr td:nth-of-type(1), .inpageSubscribe .old-school table tr td:nth-of-type(2) {
    display: none
}

.homeSubscribe .old-school br {
    display: none
}

.homeSubscribe input[type=submit] {
    -webkit-appearance: none
}

.homeSubscribe #ACTION_SUBMIT_SURVEY_RESPONSE {
    margin-top: 0
}

.homeSubscribe .old-school input {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    color: #636363;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 42px;
    padding: 8px 12px;
    max-width: 320px;
    width: 100%
}

.homeSubscribe .old-school label.error, .inpageSubscribe .old-school label.error {
    color: #a72f2e;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.homeSubscribe .old-school input.error, .inpageSubscribe .old-school input.error {
    border: 1px solid #a72f2e
}

.homeSubscribe .signupLabel {
    color: #c6c6c6;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: -3rem;
    text-transform: uppercase
}

.homeSubscribe .old-school table {
    margin: 0
}

.homeSubscribe.interior .container {
    display: block;
    margin: 0 auto;
    padding: 6rem 2rem;
    background-image: url(https://planetary.s3.amazonaws.com/assets/background/lightsail-newsletter.jpg);
    background-repeat: no-repeat;
    background-size: 420px 420px;
    background-position: 90px 50%
}

.homeSubscribe.interior.eclipse .container {
    background-image: url("https://planetary.s3.amazonaws.com/assets/images/z-misc/2017/eclipse-nasa.gif");
    background-position: 0 50%
}

.inpageSubscribe blockquote ol {
    margin-bottom: 0
}

.inpageSubscribe .old-school td p, .inpageSubscribe tr.old-school td.req {
    display: none
}

.inpageSubscribe form table, .inpageSubscribe form thead, .inpageSubscribe form tbody, .inpageSubscribe form tr, .inpageSubscribe form th, .inpageSubscribe form td {
    display: block
}

.inpageSubscribe form td {
    float: left
}

.inpageSubscribe .old-school input#cons_email {
    max-width: 500px;
    width: 100%;
    height: 42px
}

.inpageSubscribe input#ACTION_SUBMIT_SURVEY_RESPONSE {
    margin-top: 1rem
}

.inpageSubscribe .ErrorMessage {
    display: inline !important
}

@media (min-width: 682px) {
    .inpageSubscribe input#ACTION_SUBMIT_SURVEY_RESPONSE {
        margin-top: 2.8rem;
        margin-left: 1rem
    }
}

@media (min-width: 820px) {
    .inpageSubscribe form {
        padding-left: 55px
    }
}

@media screen and (min-width: 400px) {
    .homeAbout h2, .homeCampaign h2 {
        font-size: 5rem
    }
    h2.topfine {
        font-size: 3.96rem
    }
    .homeFeatures h2 {
        margin: 10rem 0
    }
    .homeTPS h2 {
        margin: 6rem 0
    }
    .homeSubscribe input#cons_email {
        margin-right: 1rem
    }
}

@media screen and (min-width: 720px) {
    .homeAbout .columns, .lslegacy .columns {
        width: 100%;
        float: left;
        box-sizing: border-box;
        margin-left: 0
    }
    .homeCampaign h2 {
        font-size: 6rem
    }
    .homeCampaign .centered {
        margin: 14rem 0;
        padding-top: 0
    }
    .homeFeatures {
        margin-bottom: 10rem
    }
    .homeFeatures .columns:first-of-type, .homeTPS .columns:nth-of-type(2) {
        margin-left: 0
    }
    .homeTPS h2 {
        font-size: 4.8rem
    }
    .subtitleTPS {
        max-width: 800px;
        padding: 6rem 0
    }
    .homeTPS a.button-primary {
        margin: 2rem 0 4rem
    }
    .homeSubscribe {
        text-align: inherit
    }
    .homeSubscribe .container {
        padding: 8rem 5rem 6rem
    }
}

@media screen and (min-width: 990px) {
    .homeAbout {
        text-align: left
    }
    .homeAbout .columns, .lslegacy .columns {
        margin-left: 4%
    }
    .homeAbout .columns:first-child, .lslegacy .columns:first-child {
        margin-left: 0
    }
    .homeAbout .six.columns, .lslegacy .six.columns {
        width: 48%
    }
    .homeAbout .videofit.mobileview, .lslegacy .videofit.mobileview {
        display: none
    }
    .homeAbout .videofit.wideview, .lslegacy .videofit.wideview {
        display: inherit
    }
}

@media screen and (min-width: 1130px) {
    .homeAbout {
        padding: 8rem 0
    }
    .homeAbout h2, .homeCampaign h2 {
        font-size: 8rem
    }
    h2.topfine {
        font-size: 6.36rem
    }
}

.tpr h2 {
    margin-bottom: 0
}

.topTPR {
    text-align: center;
    color: #ffffff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh
}

.topTPR p {
    margin-bottom: 0;
    font-size: 2rem
}

.topTPR h2, .topTPR p {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

.topTPR h2 {
    font-weight: 400;
    margin-top: 8rem;
    margin-bottom: 0;
    font-size: 4.6rem
}

.topTPR .centered {
    padding-top: 80px
}

.moreArrow {
    margin-top: 40px
}

.tocEntry {
    margin-bottom: 4rem
}

.tocEntry .articleType {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #002364
}

.tocEntry h3 {
    margin-bottom: 0
}

.tprCaption {
    background-color: #e6e6e6;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 4rem
}

.tprCaption p {
    font-size: 14px;
    margin-bottom: 0
}

#tprTOC h2 {
    margin-bottom: 4rem
}

.tocScroll {
    font-size: 14px
}

.container.tprBanner {
    background-color: #0aaff0;
    max-width: 100%;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 6rem;
    margin-top: -6rem;
    padding: 1.4rem 2.4rem
}

.tprBanner .columns {
    text-align: center
}

@media screen and (min-width: 720px) {
    .tprBanner .columns {
        text-align: left
    }
    .tprBanner .columns:nth-of-type(2) {
        text-align: right
    }
}

@media screen and (min-width: 700px) {
    .topTPR p {
        font-size: 2.4rem
    }
    .topTPR h2, .topTPR p {
        max-width: 500px
    }
    .topTPR .centered {
        padding-top: 120px
    }
    .moreArrow {
        margin-top: 100px
    }
}

@media screen and (min-width: 1000px) {
    .topTPR h2 {
        font-size: 6.8rem
    }
    .topTPR h2, .topTPR p {
        max-width: 700px
    }
}

@media screen and (min-width: 1130px) {
    .topTPR {
        padding: 0
    }
}

@keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0, 40px, 0)
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    animation-delay: 0.8s
}

.button.animated {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.moreArrow.animated {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s
}

.animatedFadeInUp {
    opacity: 0
}

.fadeInUp {
    opacity: 0;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp
}

.moreArrow span {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: -8px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: ma01 1.5s infinite;
    animation: ma01 1.5s infinite;
    box-sizing: border-box
}

@-webkit-keyframes ma01 {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0
    }
}

@keyframes ma01 {
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0
    }
}

.row.card {
    margin-top: 4rem
}

.card .column {
    background-color: #f6f6f6;
    text-align: center;
    margin-bottom: 4rem
}

.card h5 {
    margin-top: 3rem;
    font-size: 2.4rem
}

.card p {
    padding: 0 2rem
}

.needJS {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #00aaf0;
    color: white
}

.needJS p {
    padding: 10px;
    margin: 0;
    text-align: center
}

.needJS a {
    color: white;
    text-decoration: underline
}

#support-planetaryfund, #support-lightsail, #support-exoplanets, #support-deepdrill, #support-planetaryradio, #support-neos, #support-planetvac, #support-advocacy {
    margin-top: 0;
    padding-top: 8rem
}

.textcenter {
    text-align: center
}

.verticalc {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.extrabottom {
    margin-bottom: 10rem
}

.nobottom {
    margin-bottom: 0
}

.notop {
    margin-top: 0 !important
}

.group:after {
    content: "";
    display: table;
    clear: both
}

.enlargeImage {
    position: relative;
    overflow: hidden
}

.enlargeImage:hover .enlargeIcon p {
    display: block
}

.enlargeIcon p {
    position: absolute;
    display: none;
    top: 0;
    padding: 20px;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.3)
}

blockquote, .box {
    background-color: #f6f6f6;
    margin: 0 0 3rem;
    padding: 3rem
}

blockquote p:last-child, .box p:last-child {
    margin-bottom: 0
}

.highlight {
    border-bottom: 2px solid;
    border-top: 2px solid;
    font-weight: 600;
    margin-bottom: 3rem;
    padding: 3rem 0;
    font-style: italic;
    font-size: 2.4rem;
    text-align: center
}

hr.sectionbreak {
    border: 0;
    height: 1px;
    position: relative;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 70%);
    background: -webkit-gradient(radial, center center, 0px, center center, 70%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(70%, rgba(0, 0, 0, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 70%);
    margin: 60px 0
}

table.data {
    width: 100%
}

table.data td, table.data th {
    border: 1px solid #c6c6c6;
    font-size: 1.2rem;
    padding: 1rem
}

table.data.blue td, table.data.blue th {
    border: 1px solid #333
}

table.data.left {
    text-align: left
}

table.data.center {
    text-align: center
}

table.data.c1bold td:first-child {
    font-weight: 400
}

table.data th {
    background-color: #f6f6f6
}

table.data.blue th {
    background-color: #1ab3f2;
    color: #fff
}

table.data.blue tr.bluebg {
    background-color: #66ccf6;
    color: #fff
}

table.data.blue tr.light {
    background-color: #66ccf6;
    color: #fff
}

table.data.nogrid {
    background-color: #f9f9f9
}

table.data.nogrid td, table.data.nogrid th {
    border: none
}

div.scrolltable {
    overflow-x: scroll
}

@media screen and (min-width: 560px) {
    table.data td, table.data th {
        font-size: 1.6rem
    }
}

.thumbsFour .grid-item, .thumbsSix .grid-item {
    float: left;
    margin-right: 3%;
    width: 48.4%
}

.thumbsFour .grid-item:last-child, .thumbsFour .grid-item:nth-child(2), .thumbsSix .grid-item:nth-child(2n+2) {
    margin-right: 0
}

@media screen and (min-width: 640px) {
    .thumbsFour .grid-item {
        float: left;
        margin-right: 2.6%;
        width: 23%
    }
    .thumbsFour .grid-item:nth-child(2) {
        margin-right: 2.6%
    }
    .thumbsSix .grid-item, .thumbsSix .grid-item:nth-child(2n+2) {
        float: left;
        margin-right: 2%;
        width: 32%
    }
    .thumbsSix .grid-item:nth-child(3n+3) {
        margin-right: 0
    }
}

.imgcrop {
    width: 100%;
    height: 0;
    padding: 100% 0 0 0;
    overflow: hidden;
    margin-bottom: 6%;
    display: inline-block;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.imgcrop img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.imgcrop .mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    resize: both;
    width: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.4s ease-in-out;
    opacity: 0
}

.imgcrop:hover .mask {
    opacity: 1
}

.imgcrop .mask p {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
    margin-bottom: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
    overflow: hidden
}

.imgcrop img.landscape {
    max-width: none;
    max-height: 100%
}

.imagezoom {
    overflow: hidden;
    margin-bottom: 1rem
}

.imagezoom img {
    max-width: 100%;
    display: block;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s
}

.imagezoom:hover img {
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

a.button.small-ghost {
    border: 1px solid #fff;
    background-color: transparent;
    padding: 0 0.4rem;
    margin: 14px 0 0 14px;
    line-height: 30px;
    height: 30px;
    min-width: 100px;
    color: #fff;
    margin: 0 0 4rem;
    font-weight: 400
}

a.button.small-ghost:hover {
    border: 1px solid #00aaf0;
    background-color: #00aaf0;
    color: #fff
}

.contribute {
    max-width: 300px;
    display: block
}

.contribute p {
    float: left;
    font-size: 3rem;
    font-weight: 400;
    line-height: 4rem
}

.contribute a {
    float: right
}

option {
    font-size: inherit
}

select.contribution {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    height: 42px;
    padding: 6px 10px;
    color: #333;
    margin-right: 1rem;
    font-size: 1.8rem
}

.button.button-primary.contributeButton {
    border: none
}

.medwidth {
    max-width: 605px;
    margin-left: auto;
    margin-right: auto
}

.onemargin {
    margin-bottom: 1rem
}

.pertext {
    font-size: 1.7rem;
    font-weight: 200
}

@media screen and (max-width: 720px) {
    .heronew.noTitleOverlay {
        min-height: 150px !important
    }
}

@media screen and (min-width: 625px) {
    .stats .three.columns {
        width: 22%;
        margin-left: 4%;
        margin-bottom: 0
    }
    .stats .three.columns:first-child {
        margin-left: 0
    }
    .faqs table {
        font-size: 1.8rem
    }
    .img-caption-box.medium-233.right {
        float: right;
        margin: 0.6rem 0 3rem 4rem
    }
    .img-caption-box.medium-233.left, .img-caption-box.left {
        float: left;
        margin: 0.6rem 4rem 3rem 0
    }
}

@media screen and (min-width: 720px) {
    .mainpadding.fullmobile {
        padding: 0 1.6rem
    }
    .catchphrase {
        text-align: right;
        margin-top: 0.4rem
    }
    .socialicons {
        float: right
    }
    .social, .socialcustom {
        text-align: initial
    }
    #uberfooter {
        text-align: left;
        padding: 4rem 5rem 2rem
    }
    .footer-logo {
        margin: 0 0 1em
    }
    .copyright {
        margin-top: 4rem
    }
    .nohero {
        margin-top: 170px
    }
    .hero h1 {
        font-size: 6.0rem;
        margin-top: 7rem
    }
    .heronew h2 {
        font-size: 2.4rem
    }
    .hero h2 {
        font-size: 2.4rem
    }
    .campaignInfo {
        float: left;
        max-width: 600px
    }
    .nye-join {
        display: inline-block;
        bottom: 0;
        position: absolute;
        width: 48%;
        max-height: none
    }
    .mars2020 {
        min-height: 350px
    }
    .thumbList {
        text-align: inherit
    }
    .thumbList h5, .thumbList h4, .thumbList .featured h4, .thumbList h3, .thumbList .featured h3 {
        margin-top: 0
    }
}

@media screen and (min-width: 1070px) {
    header.topheader {
        background-color: #333;
        background-color: rgba(51, 51, 51, 0.92)
    }
    header.topheader.scrolledmenu {
        background-color: #333;
        background-color: rgba(51, 51, 51, 0.97)
    }
    header.topheader.scrolledmenu:focus, header.topheader.scrolledmenu:hover {
        background-color: #333
    }
    .joinmain {
        margin-top: 140px
    }
    .smallhero .herowrapper, .giving {
        min-height: 200px
    }
    .postedBy {
        margin-top: 190px
    }
}

@media screen and (min-width: 1130px) {
    header.topheader {
        height: 100px
    }
    header.topheader.scrolledmenu {
        height: 70px
    }
    .centered {
        padding-top: 100px
    }
    .scrolledmenu .centered {
        padding-top: 70px
    }
    .site-logo {
        margin-top: 2.9rem;
        margin-left: 2.4rem
    }
    .scrolledmenu .site-logo {
        margin-top: 1.6rem;
        margin-left: 1.4rem
    }
}

@media print {
    .noprint {
        display: none !important
    }
    .authorDetails {
        page-break-inside: avoid
    }
}

.advocacy2017 {
    background-image: url("http://planetary.s3.amazonaws.com/assets/background/hero/hero-mars-valles-marineris-2x.jpg");
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 3rem 0;
    min-height: 420px;
    z-index: 100;
    position: relative
}

div.responsive {
    width: 100%;
    font-family: inherit
}

div.form-row {
    width: 100%
}

div.form-row div.form-content {
    width: 100%
}

div.responsive .donation-levels div.form-content {
    width: auto
}

div.donation-form-container.responsive input {
    width: auto;
    box-sizing: border-box
}

div.donation-form-container.responsive {
    padding: 0;
    border-radius: 0;
    width: 100%;
    background-color: #ffffff;
    border: none
}

#main-content {
    background-color: #ffffff;
    line-height: 1.5
}

.form-row hr {
    display: none
}

div.responsive label, #SCSustainerCancel label, #SCSustainerCancel td {
    font-size: 12px;
    text-transform: uppercase;
    color: #636363;
    font-weight: 400;
    display: inline-block
}

div.donation-level-container label {
    display: block
}

.FormLabel {
    vertical-align: baseline
}

input#billing_first_namename, input#billing_last_namename, input#billing_addr_street1name, input#billing_addr_street2name, input#billing_addr_cityname, input#billing_addr_state, input#billing_addr_zipname, select#billing_addr_country, input#donor_email_addressname, input#payment_typecc_numbername, div.payment-field-container #responsive_payment_typecc_number_row input, input#payment_typecc_cvvname, div.payment-field-container #responsive_payment_typecc_cvv_row input, input#joint_donor_last_namename, input#joint_donor_first_namename, input#tribute_honoree_first_namename, input#tribute_honoree_last_namename, input#tribute_notify_recip_street1name, input#tribute_notify_recip_street2name, input#tribute_notify_recip_countryname, input#tribute_notify_recip_zipname, input#tribute_notify_recip_cityname, input#tribute_notify_recip_street3name, input#member_email_address_input, input#tribute_signaturename, textarea#tribute_message_bodyname, input#gift_recipient_first_name_input, input#gift_recipient_last_name_input, input#gift_recipient_street_1_input, input#gift_recipient_street_2_input, select#gift_recipient_country_dropdown, input#gift_recipient_zip_postal_code_input, input#gift_recipient_city_input, select#gift_recipient_state_province_dropdown, input#gift_recipient_email_address_input, input#gift_message_to_recipient_input {
    width: 100%
}

#billing_first_name_row, #billing_addr_country_row, #billing_last_name_row, #billing_addr_street2_row, #billing_addr_state_row, #payment_typecc_cvv_row, #responsive_payment_typecc_cvv_row, #billing_addr_zip_row, #joint_donor_first_name_row, #joint_donor_last_name_row, #tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_country_row, #tribute_notify_recip_zip_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_street3_row, #tribute_message_body_row, #member_email_address_input_row, #tribute_signaturename_row, .mobile #billing_addr_street1_row input, .mobile #billing_addr_street2_row input, .giftform .custom-field-container {
    width: 100%
}

.giftform .custom-field-container select {
    max-width: 100% !important
}

.mobile div.responsive div.form-checkbox label, label.custom-element-checkbox-label, .mobile #billing_addr_state_row select, .mobile #billing_addr_country_row select {
    max-width: 100%
}

#payment_typecc_type_row {
    width: 100%;
    margin-top: 40px
}

#responsive_payment_typecc_type_row {
    width: 100%;
    margin-top: 38px
}

#responsive_payment_typecc_type_row li, #payment_typecc_type_row li {
    margin: 0
}

#payment_typecc_number_row, #responsive_payment_typecc_number_row {
    width: 100%
}

#billing_addr_street1_row, #billing_addr_city_row, #donor_email_address_row, #payment_typecc_exp_date_row, #responsive_payment_typecc_exp_date_row {
    width: 100%
}

#ProcessForm select, #SCSustainerModifyDate select {
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 6px;
    color: #636363;
    font-size: 24px;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    height: 52px;
    padding: 8px 12px;
    width: 100%
}

div.responsive textarea, div.responsive input, div.responsive select, div.responsive option {
    font-size: 24px;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    vertical-align: top
}

div.responsive input[type="text"], div.responsive input[type="number"], div.responsive input[type="password"], div.responsive textarea {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    border-radius: 6px;
    box-shadow: none;
    padding: 8px 12px;
    height: 52px;
    font-size: 24px;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #636363
}

#donor_email_opt_in_Row {
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    background-color: #f3f3f3;
    margin-bottom: 0;
    margin-top: 46px;
    padding: 0 0 5px 12px;
    max-height: 45px;
    width: 98%
}

#donor_email_opt_in_Row .form-content {
    margin-top: 8px
}

#donor_email_opt_in_Row label {
    text-transform: none;
    font-size: 16px
}

label[for=donor_email_opt_inname]:hover {
    cursor: pointer
}

div.form-row.form-checkbox div.form-content>input {
    display: none
}

div.responsive div.form-checkbox label, label.custom-element-checkbox-label {
    font-size: 16px;
    color: #636363
}

#donor_email_opt_in_Row input[type=checkbox] {
    display: none;
    width: 10px
}

#donor_email_opt_in_Row input[type=checkbox]+label:before {
    font-family: FontAwesome;
    display: inline-block;
    color: #636363;
    font-size: 24px;
    margin-left: 4px
}

#donor_email_opt_in_Row input[type=checkbox]+label:before {
    content: "\f096";
    vertical-align: middle
}

#donor_email_opt_in_Row input[type=checkbox]+label:before {
    letter-spacing: 10px;
    vertical-align: middle
}

#donor_email_opt_in_Row input[type=checkbox]:checked+label:before {
    content: "\f046"
}

#donor_email_opt_in_Row input[type=checkbox]:checked+label:before {
    letter-spacing: 7px;
    vertical-align: middle
}

input#custom_boolean1[type=checkbox] {
    display: inline
}

.FormLabelText, h2.section-header-container {
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    padding: 12px 14px;
    width: 100%;
    background-color: #404040;
    display: block;
    border: none;
    border-radius: 6px;
    text-transform: uppercase;
    margin-bottom: 20px;
    box-sizing: border-box
}

h2.section-header-container {
    clear: both;
    float: none;
    display: inline-block;
    margin-top: 60px
}

div.responsive span.field-required {
    display: none
}

.donation-levels div {
    display: inline-block;
    margin-top: -20px
}

.donation-level-container {
    margin-right: 12px;
    border: none !important
}

.donation-level-container:last-child {
    margin-right: 0
}

.donation-levels label div, .donation-levels input[type="text"] {
    background-color: #f3f3f3;
    border: 1px solid #cccccc;
    border-radius: 6px;
    color: #636363;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    font-weight: 300;
    height: 52px;
    line-height: 52px;
    margin: 0 0 12px 0;
    text-align: center;
    transition: background 0.2s ease-out 0.1s, border 0.2s ease-out 0.1s;
    white-space: normal;
    width: 120px
}

.donation-levels label.active div, .donation-levels label:hover div, div.payment-field-container span.internal-payment span.payment-type-option.selected, div.payment-field-container span.external-payment span.payment-type-option.selected, div.payment-field-container span.internal-payment span.payment-type-option:hover, div.payment-field-container span.external-payment span.payment-type-option:hover {
    background: #effbff;
    border: 1px solid #00aeef
}

div.donation-level-user-entered input:hover, div.donation-level-user-entered input:focus {
    border: 1px solid #00aeef
}

div.payment-field-container span.internal-payment span.payment-type-option, div.payment-field-container span.external-payment span.payment-type-option {
    border: 1px solid #cccccc;
    border-radius: 6px;
    padding: 0
}

div.payment-field-container span.external-payment span.payment-type-option {
    margin-right: 0;
    margin-bottom: 1rem
}

div.payment-field-container span.internal-payment {
    margin-bottom: 1rem
}

div.payment-field-container span.internal-payment, div.payment-field-container span.external-payment {
    border: none;
    background: none
}

.payment-type-selection-container h3 {
    display: none
}

#payment_cc_container h3, #payment_cc_container legend {
    display: none
}

div.donation-level-user-entered {
    clear: left;
    display: block;
    padding: 0;
    width: 100%;
    margin-top: -3px;
    margin-left: 0 !important
}

.donation-levels div.donation-level-user-entered input[type="text"] {
    width: 205px;
    height: 54px;
    margin-top: -6px;
    margin-right: 0;
    cursor: text;
    font-weight: 400
}

.donation-level-user-entered label div {
    background: transparent none repeat scroll 0 0 !important;
    border-color: transparent;
    color: #838078;
    float: left;
    font-size: 17px;
    font-weight: normal;
    text-align: right
}

.donation-level-user-entered label:active div, .donation-level-user-entered label:hover div {
    background: transparent none repeat scroll 0 0
}

.donation-levels input[type="radio"] {
    display: none
}

.donation-levels {
    text-align: center
}

div.payment-field-container span.payment-type-option {
    background: #f3f3f3 none;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    color: #636363;
    cursor: text;
    height: 52px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 5px;
    vertical-align: middle;
    width: 187px !important;
    text-align: center
}

div.payment-field-container span.payment-type-option label a, div.payment-field-container span.payment-type-option.selected a:link {
    color: #636363;
    font-size: 18px;
    margin: 0 auto
}

a.payment-type-label:hover {
    text-decoration: none
}

.payment-type-option label {
    display: block;
    margin-top: 1em
}

span.external-payment label img {
    display: none
}

span.external-payment label a:before {
    content: "PayPal"
}

.donbuttonstyle .donation-levels .donation-level-label-container, .donbuttonstyle .donation-levels label.active .donation-level-label-container, .donbuttonstyle .donation-levels label.selected .donation-level-label-container {
    background-color: transparent;
    border: medium none;
    margin: 0;
    font-size: 1.6rem;
    width: 100%;
    margin: 0 auto !important
}

.donbuttonstyle .donation-levels label:hover .donation-level-label-container, .donbuttonstyle .donation-levels .donation-level-label-container:hover {
    background-color: transparent;
    border: none
}

.donbuttonstyle .donation-level-amount-container {
    margin-right: 0 !important
}

#payment_typecc_type_MasterCard, #responsive_payment_typecc_type_MasterCard, #payment_typecc_type_Visa, #responsive_payment_typecc_type_Visa, #payment_typecc_type_Discover, #responsive_payment_typecc_type_Discover, #payment_typecc_type_American_Express, #responsive_payment_typecc_type_American_Express, #SCSustainerCancel #Visa, #SCSustainerCancel #MasterCard, #SCSustainerCancel #American_Express, #SCSustainerCancel #Discover {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 66px;
    height: 40px;
    padding-left: 66px;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    opacity: 0.3
}

#SCSustainerCancel #Visa, #SCSustainerCancel #MasterCard, #SCSustainerCancel #American_Express, #SCSustainerCancel #Discover {
    margin-right: 0.4rem
}

#payment_typecc_type_MasterCard, #responsive_payment_typecc_type_MasterCard, #SCSustainerCancel #MasterCard {
    background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/mastercard1.jpg) no-repeat scroll center center
}

#payment_typecc_type_Visa, #responsive_payment_typecc_type_Visa, #SCSustainerCancel #Visa {
    background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/visa1.jpg) no-repeat scroll center center
}

#payment_typecc_type_Discover, #responsive_payment_typecc_type_Discover, #SCSustainerCancel #Discover {
    background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/discover1.jpg) no-repeat scroll center center
}

#payment_typecc_type_American_Express, #responsive_payment_typecc_type_American_Express, #SCSustainerCancel #American_Express {
    background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/amex1.jpg) no-repeat scroll center center
}

.is_mastercard #payment_typecc_type_MasterCard, .is_mastercard #responsive_payment_typecc_type_MasterCard, #SCSustainerCancel .is_mastercard #MasterCard {
    opacity: 1.0
}

.is_visa #payment_typecc_type_Visa, .is_visa #responsive_payment_typecc_type_Visa, #SCSustainerCancel .is_visa #Visa {
    opacity: 1.0
}

.is_discover #payment_typecc_type_Discover, .is_discover #responsive_payment_typecc_type_Discover, #SCSustainerCancel .is_discover #Discover {
    opacity: 1.0
}

.is_amex #payment_typecc_type_American_Express, .is_amex #responsive_payment_typecc_type_American_Express, #SCSustainerCancel .is_amex #American_Express {
    opacity: 1.0
}

.cardExpGroup>select#payment_typecc_exp_date_MONTH, .cardExpGroup>select#responsive_payment_typecc_exp_date_MONTH {
    width: 48%;
    margin-right: 1%
}

.cardExpGroup>select#payment_typecc_exp_date_YEAR, .cardExpGroup>select#responsive_payment_typecc_exp_date_YEAR {
    width: 48%
}

span.label-text {
    color: #636363;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 26px
}

#payment_typecc_cvv_row span.FormLabelText, #responsive_payment_typecc_cvv_row span.FormLabelText, .donation-section-label span.FormLabelText {
    background-color: transparent;
    border: none;
    color: #636363;
    display: inline;
    /* width: auto; */
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    padding: 0
}

.payment-type-element-container::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden
}

.payment-type-element-container {
    display: inline-block
}

* html .payment-type-element-container {
    height: 1%
}

.payment-type-element-container {
    display: block
}

a.HelpLink {
    font-size: 12px
}

div.responsive a.next-step, div.responsive button.next-step, div.responsive button.finish-step {
    float: left
}

div.button-container {
    border-top: none
}

div.responsive button.step-button {
    display: inline-block;
    max-width: 220px;
    height: 42px;
    padding: 0 16px;
    color: #555;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 42px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: #FFF;
    background-color: #f0783c;
    background-image: none;
    border-color: #f0783c;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out 0.1s;
    font-family: "proxima-nova", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}

div.responsive button.step-button:hover {
    color: #FFF;
    background-color: #d36731;
    border-color: #d36731;
    background-image: none
}

.ErrorMessage {
    display: none
}

.login-form .ErrorMessage, .appArea .ErrorMessage {
    display: inline
}

div.responsive div.ErrorMessage.page-error {
    display: block;
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0 0 2rem
}

div.responsive div.ErrorMessage.page-error>span.field-error-indicator {
    display: none
}

div.responsive div.ErrorMessage.page-error>span.field-error-text {
    border: 1px solid #990000;
    border-radius: 6px;
    background-color: #feeaeb;
    width: auto;
    padding: 1em 1.4em;
    font-size: 16px;
    margin: 30px 30px 0
}

div.responsive div.ErrorMessage.page-error>span.field-error-text:after {
    content: "Please review the red highlighted fields below."
}

div.responsive div.form-error {
    background-color: #ffffff;
    border: none;
    margin: 4px 0;
    padding: 0
}

.form-error div.form-content input, .form-error select {
    border: 1px solid #990000;
    background-color: #feeaeb
}

.form-error .donation-levels div.donation-level-user-entered input[type="text"] {
    border: 1px solid #990000;
    background-color: #feeaeb
}

div.responsive input.error[type="text"], #SCSustainerCancel input.error[type="text"], div.responsive textarea.error {
    border: 1px solid #b94a48
}

#SCSustainerCancel input.error[type="text"] {
    margin-bottom: 0.4rem;
    display: block
}

div.responsive input.valid[type="text"], #SCSustainerCancel input.valid[type="text"], div.responsive textarea.valid {
    border: 1px solid #089e00
}

input#billing_addr_street2name.valid, input#level_standardexpanded5639amount.valid {
    border: 1px solid #cccccc;
    background-color: #ffffff
}

div.responsive label.error, #SCSustainerCancel label.error {
    font-size: 12px;
    text-transform: none;
    color: #b94a48
}

#SCSustainerCancel label.error {
    margin-bottom: 2rem
}

select.error, #ProcessForm select.error {
    border: 1px solid #b94a48
}

#SCSustainerCancel select.error {
    margin-bottom: 0.4rem;
    display: block
}

select.valid, #ProcessForm select.valid {
    border: 1px solid #089e00;
    background-color: inherit
}

input, textarea, select, fieldset {
    margin-bottom: 0
}

td.FormSectionHeader {
    padding-left: 15px
}

@media screen and (min-width: 440px) {
    div.payment-field-container span.external-payment span.payment-type-option, div.payment-field-container span.internal-payment {
        margin-bottom: 0
    }
    .cardExpGroup>select#payment_typecc_exp_date_MONTH, .cardExpGroup>select#payment_typecc_exp_date_YEAR, .cardExpGroup>select#responsive_payment_typecc_exp_date_MONTH, .cardExpGroup>select#responsive_payment_typecc_exp_date_YEAR {
        width: 48.6%
    }
    #payment_typecc_type_MasterCard, #payment_typecc_type_Visa, #payment_typecc_type_Discover, #payment_typecc_type_American_Express, #responsive_payment_typecc_type_MasterCard, #responsive_payment_typecc_type_Visa, #responsive_payment_typecc_type_Discover, #responsive_payment_typecc_type_American_Express {
        width: 88px;
        height: 52px;
        padding-left: 88px
    }
    #payment_typecc_type_MasterCard, #responsive_payment_typecc_type_MasterCard {
        background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/mastercard.jpg) no-repeat scroll center center
    }
    #payment_typecc_type_Visa, #responsive_payment_typecc_type_Visa {
        background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/visa.jpg) no-repeat scroll center center
    }
    #payment_typecc_type_Discover, #responsive_payment_typecc_type_Discover {
        background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/discover.jpg) no-repeat scroll center center
    }
    #payment_typecc_type_American_Express, #responsive_payment_typecc_type_American_Express {
        background: url(https://planetary.s3.amazonaws.com/sites/planetary/images/amex.jpg) no-repeat scroll center center
    }
}

@media screen and (min-width: 826px) {
    #billing_first_name_row, #billing_addr_country_row, #joint_donor_first_name_row, #tribute_honoree_first_name_row, #tribute_notify_recip_country_row, .giftform .custom-field-container:nth-of-type(odd) {
        float: left;
        margin-right: 2%;
        width: 49%
    }
    #billing_last_name_row, #billing_addr_street2_row, #billing_addr_state_row, #payment_typecc_cvv_row, #responsive_payment_typecc_cvv_row, #billing_addr_zip_row, #joint_donor_last_name_row, #tribute_honoree_last_name_row, #tribute_notify_recip_street2_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, .giftform .custom-field-container:nth-of-type(even) {
        float: left;
        width: 49%
    }
    #payment_typecc_type_row, #responsive_payment_typecc_type_row {
        float: right;
        width: 49%
    }
    #payment_typecc_number_row, #responsive_payment_typecc_number_row {
        float: left;
        margin-right: 2%;
        width: 49%
    }
    #billing_addr_street1_row, #billing_addr_city_row, #donor_email_address_row, #payment_typecc_exp_date_row, #responsive_payment_typecc_exp_date_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_city_row {
        clear: both;
        float: left;
        margin-right: 2%;
        width: 49%
    }
    #donor_email_opt_in_Row {
        width: 47.1%;
        float: left
    }
    .giftform .custom-field-container:nth-of-type(17), .giftform .custom-field-container:nth-of-type(18) {
        margin: 0;
        width: 100%
    }
}