.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.hidden {
    display: none;
}
.header {
    font-size: 100px;
    font-family: Oswald, sans-serif;
}

.footer {
    color: black;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    background: white;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.current {
    color: darkgreen;
    font-weight: bold;
    background: white !important;
}

.nocurrent {
    color: gray;
    text-decoration: underline !important;
    font-weight: normal !important;
    background: white !important;
}
.forgot-password-form, .signup-callout {
    display: block;
    padding: 20px;
    position: relative;
    background: #2d303a;
    border-radius: 6px;
    margin: 0 0 20px 0;
    overflow: hidden;
}

    .forgot-password-form p, .signup-callout p, .forgot-password-form li, .signup-callout li, .forgot-password-form .item-content, .signup-callout .item-content {
        color: #9ca0b1;
    }

    .forgot-password-form .item-content, .signup-callout .item-content {
        margin: 0 0 1em 0;
    }

    .forgot-password-form:not(.single-collection) > h1, .signup-callout:not(.single-collection) > h1, .forgot-password-form:not(.single-collection) > h2, .signup-callout:not(.single-collection) > h2, .forgot-password-form:not(.single-collection) > h3, .signup-callout:not(.single-collection) > h3, .forgot-password-form:not(.single-collection) > h4, .signup-callout:not(.single-collection) > h4, .forgot-password-form:not(.single-post) > h1, .signup-callout:not(.single-post) > h1, .forgot-password-form:not(.single-post) > h2, .signup-callout:not(.single-post) > h2, .forgot-password-form:not(.single-post) > h3, .signup-callout:not(.single-post) > h3, .forgot-password-form:not(.single-post) > h4, .signup-callout:not(.single-post) > h4 {
        border-bottom: 3px solid rgba(255,255,255,0.1);
        padding-bottom: 10px;
        position: relative;
    }

.error .forgot-password-form, .error .signup-callout {
    background: rgba(0,0,0,0.8);
}

.forgot-password-form .module, .signup-callout .module {
    background: #2d303a;
}

.login-modal .main-sidebar, .login-modal .login-header, .login-modal .signup-callout, .login-modal .forgot-password-link, .login-job_posting .main-sidebar, .login-job_posting .login-header, .login-job_posting .signup-callout, .login-job_posting .forgot-password-link {
    display: none;
}

.login-modal .login-header, .login-job_posting .login-header {
    margin: 0 0 20px 0;
}

.login-modal .login-half.left, .login-job_posting .login-half.left {
    width: 50%;
}

.login-modal .github-button, .login-job_posting .github-button {
    text-align: left;
    padding-left: 60px;
}

.login-modal.body-login {
    background: #d5d7de;
    padding-top: 28px;
    color: #444857;
}

.login-modal .login-or {
    color: #9ca0b1;
    border-color: #b8bbc8;
}

.login-modal .login-divider .bar {
    background: #b8bbc8;
}

.login-modal .login-wrap {
    padding: 0;
}

.login-job_posting.body-login {
    background: #2d303a;
}

.login-job_posting .login-wrap {
    padding-bottom: 0;
}

.body-login {
    background: #2d303a url(https://static.codepen.io/assets/logos/codepen-logo-pattern-b477875ac66ffc21e4485a989358c220fac283caf17e602346a50d4250970254.png);
}

    .body-login .login-button {
        display: none;
    }

.login-header {
    margin: 50px 0 50px 0;
}

.login-logo {
    margin: 0 0 0 -6px;
    font: 0/0 a;
    background: url(https://static.codepen.io/assets/logos/codepen-logo-eccd67a3067908687f74b7725787a321b0a13ce18601ba839aaab2bd8df9d772.svg) no-repeat;
    background-size: 176px 31px;
    width: 220px;
    height: 31px;
    opacity: 0.5;
}

@media (max-width: 550px) {
    .login-logo {
        margin: 15px 0 5px 0;
        background-size: 110px 24px;
        width: 220px;
        height: 24px;
    }
}

.login-wrap {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    padding: 20px 20px 150px 20px;
    position: relative;
}

.login-half {
    width: 50%;
}

    .login-half.left {
        padding-right: 5%;
        width: 55%;
    }

    .login-half.right {
        padding-left: 5%;
        width: 45%;
    }

.login-divider {
    width: 0%;
    position: relative;
}

    .login-divider .bar {
        width: 2px;
        height: 41%;
        width: 2px;
        position: absolute;
        background: #9ca0b1;
        left: -1px;
    }

    .login-divider .bar-top {
        top: 0;
    }

    .login-divider .bar-bottom {
        bottom: 0;
    }

.login-or {
    position: absolute;
    display: block;
    width: 46px;
    height: 18%;
    left: -23px;
    border: 2px solid #9ca0b1;
    top: 41%;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    line-height: 30px;
    color: #b8bbc8;
}

.linked-account-info {
    margin-bottom: 20px;
}

    .linked-account-info .help-flyout-link {
        position: relative;
        display: inline-block;
        vertical-align: top;
        top: 5px;
        left: 5px;
    }

.login-form .field {
    padding-right: 0;
}

.forgot-password-form {
    display: none;
    margin-top: 40px;
    padding: 20px 20px 0 20px;
}

    .forgot-password-form > h3 {
        font-size: 1.75rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 5px;
    }

    .forgot-password-form > #sent-message {
        padding-bottom: 20px;
    }

.signup-callout {
    margin-top: 40px;
    text-align: center;
}

html.ie8 .signup-callout, html.ie9 .signup-callout, html.ie10 .signup-callout, html.ie11 .signup-callout {
    display: none;
}

@media (max-width: 550px) {
    .login-half.left, .login-half.right, .login-header {
        padding: 2%;
    }

    .login-header {
        margin-top: 10px;
    }

    .login-divider {
        width: 100%;
        position: relative;
        height: 40px;
        margin-top: 20px;
    }

        .login-divider .bar {
            width: 41%;
            height: 2px;
            position: absolute;
            background: #9ca0b1;
        }

        .login-divider .bar-top {
            left: 0;
        }

        .login-divider .bar-bottom {
            right: 0;
            left: auto;
            top: 0;
        }

    .login-or {
        width: 18%;
        height: 30px;
        left: 41%;
        top: -15px;
    }
}

.social-auth-errors {
    display: none;
}

.login-error-message {
    border: 2px solid #ffdd40;
    padding: 20px;
    margin: 0 0 20px 0;
}

    .login-error-message :last-child {
        margin: 0;
    }

.account-submit-button {
    color: white;
    display: inline-block;
    font-size: 1.2em;
    padding: 0.5rem 2.8rem;
    font-weight: bold !important;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    background: #47cf73;
    -webkit-box-shadow: 0 1px 0 1px #34c864;
    box-shadow: 0 1px 0 1px #34c864;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-size: 1.6em;
    padding: 0.8rem 2.8rem;
}

    .account-submit-button:hover, .account-submit-button:focus {
        -webkit-box-shadow: 0 0 0 1px #34c864;
        box-shadow: 0 0 0 1px #34c864;
        -webkit-transform: translateY(1px) translateZ(0);
        transform: translateY(1px) translateZ(0);
    }

.plan-button.plan-0 {
    color: white;
    display: inline-block;
    font-size: 1.2em;
    padding: 0.5rem 2.8rem;
    font-weight: bold !important;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    background: #5a5f73;
    -webkit-box-shadow: 0 1px 0 1px #4f5365;
    box-shadow: 0 1px 0 1px #4f5365;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .plan-button.plan-0:hover, .plan-button.plan-0:focus {
        -webkit-box-shadow: 0 0 0 1px #4f5365;
        box-shadow: 0 0 0 1px #4f5365;
        -webkit-transform: translateY(1px) translateZ(0);
        transform: translateY(1px) translateZ(0);
    }

.plan-button.plan-1 {
    color: white;
    display: inline-block;
    font-size: 1.2em;
    padding: 0.5rem 2.8rem;
    font-weight: bold !important;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    background: #0ebeff;
    -webkit-box-shadow: 0 1px 0 1px #00b2f4;
    box-shadow: 0 1px 0 1px #00b2f4;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .plan-button.plan-1:hover, .plan-button.plan-1:focus {
        -webkit-box-shadow: 0 0 0 1px #00b2f4;
        box-shadow: 0 0 0 1px #00b2f4;
        -webkit-transform: translateY(1px) translateZ(0);
        transform: translateY(1px) translateZ(0);
    }

.plan-button.plan-2 {
    color: white;
    display: inline-block;
    font-size: 1.2em;
    padding: 0.5rem 2.8rem;
    font-weight: bold !important;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    background: #ae63e4;
    -webkit-box-shadow: 0 1px 0 1px #a34de0;
    box-shadow: 0 1px 0 1px #a34de0;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .plan-button.plan-2:hover, .plan-button.plan-2:focus {
        -webkit-box-shadow: 0 0 0 1px #a34de0;
        box-shadow: 0 0 0 1px #a34de0;
        -webkit-transform: translateY(1px) translateZ(0);
        transform: translateY(1px) translateZ(0);
    }

.plan-button.plan-3 {
    color: white;
    display: inline-block;
    font-size: 1.2em;
    padding: 0.5rem 2.8rem;
    font-weight: bold !important;
    line-height: 1;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    background: #47cf73;
    -webkit-box-shadow: 0 1px 0 1px #34c864;
    box-shadow: 0 1px 0 1px #34c864;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

    .plan-button.plan-3:hover, .plan-button.plan-3:focus {
        -webkit-box-shadow: 0 0 0 1px #34c864;
        box-shadow: 0 0 0 1px #34c864;
        -webkit-transform: translateY(1px) translateZ(0);
        transform: translateY(1px) translateZ(0);
    }

.terms-acknowledgment {
    font-size: 0.82rem;
    color: #868ca0;
    margin-top: 1.3em;
}

    .terms-acknowledgment a {
        color: #868ca0;
        text-decoration: underline;
    }

    .terms-acknowledgment.upgrade {
        margin-top: -0.2em;
        margin-bottom: 1.2em;
    }

.signup-feature-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    border-left: 6px solid #868ca0;
    background: #444857;
}

@media (max-width: 550px) {
    .signup-feature-list {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        border-top: 6px solid #868ca0;
        border-left: none;
    }
}

.signup-feature-list dt {
    font-weight: normal;
    color: #aaaebc;
}

.signup-feature-list h3 {
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-size: 1rem;
    border-bottom: 2px solid #9ca0b1;
    margin-bottom: 0.5rem;
    padding-bottom: .5rem;
    color: #fff;
}

    .signup-feature-list h3:not(:first-of-type) {
        margin-top: 1.25rem;
    }

.signup-feature-list dt, .signup-feature-list dd {
    font-size: 0.9rem;
}

.signup-feature-list dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .signup-feature-list dl dt {
        -webkit-flex-basis: 65%;
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
    }

    .signup-feature-list dl dd {
        -webkit-flex-basis: 35%;
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    }

    .signup-feature-list dl dd {
        color: #aaaebc;
        text-align: right;
        font-weight: bold;
    }

.payment-type-wrapper {
    margin-right: 20px;
}

.payment-type.radio-group {
    margin-bottom: 15px;
    margin-top: 15px;
}

    .payment-type.radio-group span, .payment-type.radio-group label {
        display: inline-block;
    }

.cc-form-fields .fields > div .select {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.field {
    margin: 0 0 20px 0;
}

    .field small {
        font-weight: 100;
    }

    .field > label {
        color: white;
    }

    .field .select select {
        width: 100%;
    }

    .field .select select, .field input {
        font-size: 1.3rem;
    }

    .field input {
        padding: 8px 12px;
    }

    .field .select select {
        padding: 8px 24px 8px 12px;
    }

    .field .select::after {
        right: 10px;
    }

.fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 830px) {
    .fields > div#billing-card-cvc {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }
}

.fields > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .fields > div.no-flex {
        display: block;
    }

    .fields > div.flex-1 {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .fields > div.flex-2 {
        -webkit-box-flex: 2;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2;
    }

    .fields > div.flex-3 {
        -webkit-box-flex: 3;
        -webkit-flex: 3;
        -ms-flex: 3;
        flex: 3;
    }

    .fields > div + div {
        margin-left: 0.5rem;
    }

    .fields > div label {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .fields > div input, .fields > div .select {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: inline-block;
    }

        .fields > div input + *, .fields > div .select + * {
            margin-left: 0.5rem;
        }

.radio-group-interval .pricing-show-monthly {
    font-size: 0.7em;
    text-align: right;
    color: #aaaebc;
}

    .radio-group-interval .pricing-show-monthly:hover, .radio-group-interval .pricing-show-monthly:active {
        color: #9ca0b1;
    }

.radio-group-interval .pricing-radio-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}

    .radio-group-interval .pricing-radio-wrapper + .pricing-radio-wrapper {
        margin-top: 0.25rem;
    }

    .radio-group-interval .pricing-radio-wrapper label {
        display: block;
        padding: 0.8rem 0.5rem 0.8rem 2.25rem;
        background: #b8bbc8;
        border-radius: 2px;
        border: 3px solid #aaaebc;
        margin: 0;
        line-height: 1;
    }

        .radio-group-interval .pricing-radio-wrapper label .total-wrap {
            float: right;
            color: #717790;
            font-weight: bold;
        }

    .radio-group-interval .pricing-radio-wrapper input {
        position: absolute;
        top: 48%;
        left: 1rem;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        .radio-group-interval .pricing-radio-wrapper input:checked + label {
            background: white;
        }

.radio-group-interval.primary-interval-year .interval-month {
    display: none;
}

body {
    background: #252527 url(https://static.codepen.io/assets/logos/codepen-logo-pattern-b477875ac66ffc21e4485a989358c220fac283caf17e602346a50d4250970254.png);
    background-position: center;
}

.selected {
    color: #2d303a;
    font-weight: bold;
}

.signup-header {
    text-align: center;
    padding: 60px 0 30px;
    position: relative;
}

    .signup-header > h1 {
        font-size: 4rem;
    }

    .signup-header > h2 {
        font-size: 3rem;
    }

.signup-byline {
    text-align: center;
    padding-bottom: 35px;
    padding-top: 10px;
}

.signup-form {
    color: #9ca0b1;
}

body.plan-type-user-0 .signup-header {
    background: #5a5f73;
    color: white;
    text-align: center;
}

    body.plan-type-user-0 .signup-header h1, body.plan-type-user-0 .signup-header h3 {
        text-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    }

    body.plan-type-user-0 .signup-header p {
        text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    }

body.plan-type-user-1 .signup-header {
    background: #0ebeff;
    color: black;
    text-align: center;
}

    body.plan-type-user-1 .signup-header h1, body.plan-type-user-1 .signup-header h3 {
        text-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    }

    body.plan-type-user-1 .signup-header p {
        text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    }

body.plan-type-user-2 .signup-header {
    background: #ae63e4;
    color: white;
    text-align: center;
}

    body.plan-type-user-2 .signup-header h1, body.plan-type-user-2 .signup-header h3 {
        text-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    }

    body.plan-type-user-2 .signup-header p {
        text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    }

body.plan-type-user-3 .signup-header {
    background: #47cf73;
    color: black;
    text-align: center;
}

    body.plan-type-user-3 .signup-header h1, body.plan-type-user-3 .signup-header h3 {
        text-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    }

    body.plan-type-user-3 .signup-header p {
        text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    }

body.plan-type-user-0 .signup-header::after {
    content: '';
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#47cf73), color-stop(25%, #47cf73), color-stop(25%, #ffdd40), color-stop(50%, #ffdd40), color-stop(50%, #ae63e4), color-stop(75%, #ae63e4), color-stop(75%, #76daff), to(#76daff));
    background: linear-gradient(to right, #47cf73, #47cf73 25%, #ffdd40 25%, #ffdd40 50%, #ae63e4 50%, #ae63e4 75%, #76daff 75%, #76daff);
}

body.plan-type-team-3 .signup-header {
    background: #ffdd40;
    color: black;
    text-align: center;
}

    body.plan-type-team-3 .signup-header h1, body.plan-type-team-3 .signup-header h3 {
        text-shadow: 3px 3px 0 rgba(0,0,0,0.05);
    }

    body.plan-type-team-3 .signup-header p {
        text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    }

.form-wrap {
    width: 95%;
    max-width: 720px;
    margin: 20px auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
}

@media (min-width: 551px) {
    .form-wrap {
        margin-top: 40px;
    }
}

.form-wrap .signup-header {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.form-wrap .signup-form {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 20px;
}

body.plan-type-user-0 #user-new-form {
    padding-top: 1rem;
    display: none;
}

body.plan-type-user-0 #login-with-email:checked ~ #user-new-form {
    display: block;
}

.form-processing {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 300;
    color: #fff;
    text-align: center;
    display: none;
}

    .form-processing.active {
        display: block;
    }

    .form-processing .loading-spinner-wrap {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -130px;
        margin-left: -40px;
    }

    .form-processing .loading-spinner {
        background: #fff;
    }

.braintree-form-fields {
    display: none;
}

.signup-form {
    margin: 0;
}

    .signup-form input[type='range'] {
        width: calc(100% - 40px);
    }

    .signup-form .small-text {
        margin-top: 0.5rem;
    }

        .signup-form .small-text a {
            color: #30a9f4;
        }

            .signup-form .small-text a:hover, .signup-form .small-text a:focus {
                color: #0a73b4;
            }

    .signup-form #total-charge span {
        font-weight: bold;
        color: #717790;
        letter-spacing: 0;
    }

    .signup-form .radio-group-interval {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .signup-form .braintree-only-description {
        display: none;
    }

    .signup-form.braintree-only .cc-form-fields, .signup-form.braintree-only .payment-type.radio-group, .signup-form.braintree-only #total-charge, .signup-form.braintree-only .cc-payment-submit {
        display: none;
    }

    .signup-form.braintree-only .braintree-only-description, .signup-form.braintree-only .braintree-form-fields {
        display: block;
    }

    .signup-form.stripe-only .payment-type.radio-group {
        display: none;
    }

#signup-provider-card small {
    display: inline-block;
    float: right;
}

    #signup-provider-card small a:hover {
        color: currentColor;
    }

#signup-provider-card.hidden, #signup-billing-details.hidden {
    display: none;
}

.signup-form-plan-choice {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    list-style: none;
    border: 1px solid white;
    margin: 0 0 2rem 0;
    position: relative;
}

    .signup-form-plan-choice > li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

        .signup-form-plan-choice > li:not(:last-child) {
            border-right: 1px solid white;
        }

        .signup-form-plan-choice > li > a {
            display: block;
            padding: 1rem 0.5rem;
            text-align: center;
            font-weight: bold;
            color: white;
            font-size: 1.4rem;
            position: relative;
        }

.signup-form input[type='text'], .signup-form input[type='tel'], .signup-form input[type='email'], .signup-form input[type='password'], .signup-form textarea {
    width: 100%;
    font-size: 1.3rem;
    padding: 8px 12px;
}

.signup-form .field {
    position: relative;
}

.signup-form .error-message {
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9;
}

.signup-form .error-general div {
    position: relative;
}

.radio-group > div {
    margin: 0 0 5px 0;
}

.radio-group label {
    margin-left: 4px;
}

.radio-group-interval label {
    display: inline-block;
    text-transform: none;
}

.top-label-form .g-recaptcha {
    margin: 0 0 25px 0;
}

    .top-label-form .g-recaptcha .error-message {
        width: 302px;
        margin-top: -3px;
    }