.sign-up-sidebar {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 0;
    height: 100%;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

@media only screen and (min-width: 1248px){
    .sign-up-sidebar__inner {
        min-width: 51em;
    }
}

.sign-up-sidebar__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 36vw;
    min-width: 40em;
    max-width: 62em;
    height: 100%;
    overflow: auto;
    background: #3499cc;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.sign-up-sidebar__form {
    padding: 12em 8em 8em;
}

.sign-up-sidebar__form {
    position: relative;
}

.sign-up-sidebar h1 {
    margin-left: -1.5em;
    margin-right: -1em;
    margin-bottom: .4em;
    color: #fff;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
}

.sign-up-sidebar__form fieldset {
    margin-top: 4em;
}
.fields-group {
    position: relative;
}

.sign-up-sidebar__form input {
    border: none;
}
.sign-up-sidebar__form input, .sign-up-sidebar__form label {
    text-align: left;
}

.sign-up-sidebar__form {
    padding: 7.5em 5em 5em;
    text-align: center;
}

.fields-group > input[type=tel], input[type=email], input[type=text], input[type=time], input[type=number], select, textarea {
    font-size: 1.2em;
    background-color: #fff;
    line-height: 2;
    color: #7b848c;
    display: block;
    padding: 1.6em 13em 1.6em 1em;
    height: 50px;
    margin-bottom: 15px;
}

.active-label {
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    margin: 0 0 .3em;
    font-size: 1.2em;
    font-weight: 700;
    opacity: .8;
}

.button--large {
    padding: 1em 2em;
    font-size: 1.4em;
    margin-top: 15px;
}

.button--pill {
    border-radius: 5em;
}

.button-wrapper > .button, button, input[type=button], input[type=submit] {
    background-color: #3499cc;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    outline: none;
    padding: 11px;
    position: relative;
    border: 2px solid #fff;
}

.button--outline:focus, .button--outline:hover {
    background: #fff;
    color: #e7352a;
}

.sign-up-sidebar__form > p {
    line-height: 1.6em;
}

*, :after, :before {
    box-sizing: border-box;
}

.sign-up-sidebar__form input, .sign-up-sidebar__form label {
    text-align: left;
}
.active-label {
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 0;
    z-index: 1;
    margin: 0 0 .3rem;
    font-size: 1.2rem;
    font-weight: 700;
    opacity: .8;
}

.sign-up-sidebar .small, .signup .small {
    margin-top: 3em;
    font-size: 12px;
    line-height: 20px;
    opacity: .6;
}

@media only screen and (min-width: 1088px){
    .sign-up-sidebar__close a {
        font-size: 2rem;
    }
}
@media only screen and (min-width: 560px){
    .sign-up-sidebar__close a {
        padding: .7rem 42px .9rem 2rem;
        font-size: 1.8rem;
    }
}
.sign-up-sidebar__close a {
    display: block;
    padding: .5rem 42px .7rem 1.8rem;
    margin-right: 4em;
    margin-top: 3em;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 400;
    position: relative;
    float: right; z-index:900;
}

.primary-nav__overflow-toggle--active span, .sign-up-sidebar__close span {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}
.primary-nav__overflow-toggle span, .sign-up-sidebar__close span {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    width: 20px;
    height: 16px;
    margin-top: -8px;
    transition: -webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);
    transition: transform .2s cubic-bezier(.175,.885,.32,1.275);
    transition: transform .2s cubic-bezier(.175,.885,.32,1.275), -webkit-transform .2s cubic-bezier(.175,.885,.32,1.275);
}

.sign-up-sidebar {
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    width: 0;
    height: 100%;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media only screen and (max-width: 1000px){
.cd-nav-trigger { display:none}
.logo-icon		{ top:0px}
.sign-up-sidebar	{ width:100%}
.sign-up-sidebar__inner { max-width:100%; min-width:100%; width:100%}
.sign-up-sidebar__form	{ padding:5px; width:100%;}
.sign-up-sidebar h1		{ margin:140px 0px .4em 0px; font-size:2em}
.sign-up-sidebar__close a	{ margin:10px 10px 0px 0px;}
.margin:0px 0px .4em 0px;	{bottom:0px}
.fields-group > input[type=tel], input[type=email], input[type=text], input[type=time], input[type=number], select, textarea {width:100%; padding:5px 0px 5px 5px}
.sign-up-sidebar .small, .signup .small {margin-top: 3em 0px 10px 0px; padding-bottom:20px}
.sign-up-sidebar__form fieldset { margin-top:5px}
}