.signup-page {
    display: flex;
}

.signup-wrp > div{
    margin-bottom: 10px;
}

.signup-image {
    background: url("../images/login.jpg") no-repeat ;
    background-size: cover;
    height: 100%;
}

.signup-page .modal-footer p {
    margin: 0;
    line-height: 32px;
}

.signup-page .modal-footer p a {
    color: #545454;
    text-decoration: underline;
}

.signup-page .relative-container {
    /*height: 370px;*/
}

.signup-page .password-conditions ul {
    margin: 0 0 10px 20px;
    padding: 0;
    list-style: none;
}

.signup-page .password-conditions ul li {
    line-height: 21px;
}

.signup-page .password-conditions ul li, .signup-page .password-conditions ul li i {
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    -o-transition: color 300ms linear;
    transition: color 300ms linear;
    color: #a8b6bb;
}

.signup-page .password-conditions ul li i {
    display: inline-block;
    margin-right: 5px;
    font-size: 9px;
    position: relative;
    top: -1px;
}

.signup-page .password-conditions ul li.active, .signup-page .password-conditions ul li.active i {
    color: #525252;
}

.signup-page .error-summary {
    background: #a1bdd0;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 130px;
}

.signup-page .error-summary .error-title {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 20px;
    max-height: 240px;
}

.signup-page .error-summary ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.signup-page .error-summary ul li {
    color: #FBFBFB;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .signup-page input[type=password] {
        /*font: large Verdana,sans-serif;*/
        letter-spacing: 0px;
        font-size: 14px;
        line-height: 34px;
    }

    .signup-page input[type=password]::-webkit-input-placeholder {
        font-size: 14px;
        letter-spacing: 0px;
    }

    .signup-page input[type=password]::-moz-placeholder {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 34px;
    }

    .signup-page input[type=password]:-moz-placeholder { /* Older versions of Firefox */
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 34px;
    }

    .signup-page input[type=password]:-ms-input-placeholder {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 34px;
    }
}

/* Safari 9.0+ (iOS Only) */
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true))
and (not (-moz-appearance:none)) {
    .signup-page input[type=password] {
        font-family: "proxima-nova", Helvetica, Arial, sans-serif;
    }

}

@media screen and (max-width: 480px) {
    .signup-wrp {
        width: 100%;
    }

    .signup-page .relative-container {
        height: auto;
    }

    .signup-page .error-summary {
        margin-bottom: 20px;
    }

    .relative-container .password-conditions {
        position: relative;
    }

    .auth-wrp p {
        text-align: left;
    }
}

@media screen and (max-width: 600px) {
    .signup-options {
        clear: both;
        text-align: center;
    }

    .auth-wrp .modal-above div {
        width: 100%;
        text-align: center;
    }

    .auth-wrp .modal-footer p {
        width: 100%;
        text-align: center;
    }
}

.signup-form {
    width: 80%;
}

@media screen and (max-width: 340px) {
    .signup-form {
        width: 85%;
    }
}

/*@media screen and (min-width: 450px) {*/
    /*.signup-form {*/
        /*width: 60%;*/
    /*}*/
/*}*/

/*@media screen and (max-width: 630px) {*/
    /*.signup-form {*/
        /*width: 60%;*/
    /*}*/
/*}*/

/*@media screen and (max-width: 991px) {*/
    /*.signup-form {*/
        /*width: 50%;*/
    /*}*/
/*}*/

.auth-logo-wrp img {
    height: 50px;
}

.signup-page .auth-wrp {
    margin-bottom: 100px !important;
}

.signup-success{
    font-size: 15px;
}

.section-separator {
    display: block;
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #96989a;
    margin-bottom: 8px;
    text-align: center;
}

.partitioned {
    margin-left: 20px;
    padding-left: 15px;
    letter-spacing: 42px;
    border: 0;
    background-image: linear-gradient(to left, black 70%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 50px 1px;
    background-repeat: repeat-x;
    background-position-x: 35px;
    width: 185px;
}