.fnspoploginform{
    width: 420px !important;
    z-index: 9999 !important;
}
.fnspoploginform div{
    box-sizing: border-box;
}
@media all and (min-width: 769px) {
    .fnspoploginform {
    }

    #fnspopuplogin .login-page {
        text-align: left;
        font-size: 14px;
    }

        #fnspopuplogin .login-page .returning-wrapper .form-fields {
            padding: 5px 0 0;
        }

    #fnspopuplogin .login-page .page-title {
        margin-bottom: 10px;
        text-align: center;
    }

    #fnspopuplogin .login-page .page-body {
        color: #555;
    }

    #fnspopuplogin .login-page .title {
        color: #444;
        font-size: 20px;
        margin: 0;
        text-align: center;
    }

    #fnspopuplogin .login-page .title h1 {
        line-height: 1.1em;
    }

    #fnspopuplogin .login-page .customer-blocks:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        line-height: 0;
        visibility: hidden;
    }

    #fnspopuplogin .login-page .new-wrapper {
        border: 1px solid #eee;
        float: left;
        margin-bottom: 15px;
        min-height: 235px;
        padding: 10px;
        width: 100%;
    }

    #fnspopuplogin .login-page .returning-wrapper {
        border: 1px solid #eee;
        float: right;
        margin-bottom: 15px;
        min-height: 235px;
        padding: 10px;
        width: 100%;
    }
}
@media all and (min-width: 769px) {
    #fnspopuplogin .login-page .new-wrapper {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
        min-height: 295px;
    }

    #fnspopuplogin .login-page .returning-wrapper {
        margin-left: 0;
        margin-right: 0;
        min-height: 295px;
    }
}
#fnspopuplogin .login-page .new-wrapper .text {
    line-height: 20px;
}
#fnspopuplogin .login-page .new-wrapper .buttons {
    clear:both;
    text-align:center;
    margin: 30px 30px 5px;
}
#fnspopuplogin .login-page .checkout-as-guest-or-register-block ul {
    padding-left: 30px;
}
#fnspopuplogin .login-page .returning-wrapper .form-fields {
    min-height: 175px;
}
#fnspopuplogin .login-page .new-wrapper .text {
    min-height: 175px;
}
#fnspopuplogin .login-page .returning-wrapper .inputs {
    margin: 0 0 10px;
}
#fnspopuplogin .login-page .returning-wrapper .message-error {
    padding: 0;
}
#fnspopuplogin .login-page .returning-wrapper .buttons {
    clear:both;
    text-align:center;
    margin: 0px 30px;
    padding: 10px 0;
}
#fnspopuplogin .login-page .returning-wrapper label {
    font: normal 400 .875rem/1.43 Swiss721BT-Regular;
    margin: 0 0 .375rem;
    color: #000;
    display: inline-block;
    width: auto;
    text-align: left;
    background: none;
    padding: 0;
}
#fnspopuplogin .login-page .email, #fnspopuplogin .login-page .username, #fnspopuplogin .login-page .password {
    font-size: 14px;
}
#fnspopuplogin .login-page .returning-customer .reversed label {
    font-weight: 400;
    width: auto;
}
#fnspopuplogin .login-page .forgot-password {
    display: block;
    font-weight: 700;
    color: #000;
}
#fnspopuplogin .login-page .field-validation-error {
    display: block;
}
#fnspopuplogin .login-page .customer-blocks {
    margin: 0;
}

/* External */
#fnspopuplogin .external-authentication, #fnspopupregistration .external-authentication {
    margin: 0;
}

#fnspopuplogin fieldset.social-login-block > legend, #fnspopupregistration fieldset.social-login-block > legend {
    display: none;
}

#fnspopuplogin fieldset.social-login-block, #fnspopupregistration fieldset.social-login-block {
    display: inline;
    float: left;
    margin: 0px;
    padding: 5px;
}
#fnspopuplogin .social-login-block, #fnspopupregistration .social-login-block {
    border: medium none !important;
}

#fnspopuplogin .social-facebook-btn, #fnspopupregistration .social-facebook-btn {
    background-image: url("images/facebook-account-logo.png");
    background-repeat: no-repeat;
}

#fnspopuplogin .social-yahoo-btn {
    background-image: url('images/yahoo-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-google-btn {
    background-image: url('images/google-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-linkedin-btn {
    background-image: url('images/linkedin-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-mailru-btn {
    background-image: url('images/mailru-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-twitter-btn {
    background-image: url('images/twitter-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-vk-btn {
    background-image: url('images/vk-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-yandex-btn {
    background-image: url('images/yandex-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-amazon-btn {
    background-image: url('images/amazon-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-microsoft-btn {
    background-image: url('images/microsoft-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-paypal-btn {
    background-image: url('images/paypal-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-instagram-btn {
    background-image: url('images/instagram-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-foursquare-btn {
    background-image: url('images/foursquare-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-pinterest-btn {
    background-image: url('images/pinterest-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-github-btn {
    background-image: url('images/github-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-accountkit-btn-email {
    background-image: url('images/accountkit-email-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .social-accountkit-btn-phone {
    background-image: url('images/accountkit-phone-account-logo.png');
    background-repeat: no-repeat;
}
#fnspopuplogin .exoauth_btn, #fnspopupregistration .exoauth_btn {
    float: left;
    height: 35px;
    width: 230px;
}

/* registration page */
#fnspopupregistration .registration-page {
    text-align: left;
}
#fnspopupregistration .registration-page .form-fields {
    background-color: #f9f9f9;
    border-top: 1px solid #e6e6e6;
    padding: 30px 15px;
    position: relative;
}
#fnspopupregistration .registration-page .page-title, #fnspopupregistration .registration-page .title {
    text-align: center;
}
#fnspopupregistration .registration-page .page-body {
    background-color: inherit;
    color: #555;
    margin: 0;
    padding: 0;
}
#fnspopupregistration .inputs input[type="text"],
#fnspopupregistration .inputs input[type="password"],
#fnspopupregistration .inputs input[type="email"],
#fnspopupregistration .inputs select,
#fnspopupregistration .inputs textarea {
    background-color: #fff;
    max-width: 100%;
    width: 400px;
    display: inline;
    font-size: 14px;
}

@media all and (min-width: 1000px) {
    #fnspopupregistration .registration-page .inputs label {
        width: 110px;
    }
}
#fnspopupregistration .registration-page .gender {
    display: inline-block;
}
#fnspopupregistration .registration-page .gender span {
    display: inline-block;
    margin: 0 5px;
}
#fnspopupregistration .registration-page .gender span > * {
    display: inline !important;
    line-height: 32px;
    margin: 0 5px;
}
#fnspopupregistration .registration-page .date-of-birth select {
    max-width: 126px;
    width: 31%;
}
#fnspopupregistration .registration-page ul.option-list {
    display: inline-block;
}
#fnspopupregistration .registration-page ul.option-list li {
    display: inline-block;
    list-style: none outside none;
}
#fnspopupregistration .registration-page ul.option-list li label {
    margin-left: 0;
    width: auto;
}
#fnspopupregistration .registration-page .vat-note {
    display: block;
}
#fnspopupregistration .registration-page .accept-privacy-policy {
    clear: both;
    float: left;
    margin-bottom: 5px;
    margin-top: 5px;
}
#fnspopupregistration .registration-page .accept-privacy-policy .read {
    text-decoration: underline;
}
#fnspopupregistration .registration-page .accept-privacy-policy .read:hover {
    cursor: pointer;
}
#fnspopupregistration .registration-page .buttons {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align:center;
}

#fnspopupregistration .registration-page .message-error {
    margin-bottom: 20px;
}
#fnspopupregistration .registration-page textarea {
    border: 1px solid #e3e3e3;
    height: 100px;
    vertical-align: top;
    width: 500px;
}
/*registration result page*/
#fnspopupregistrationresult .registration-result-page {
}
#fnspopupregistrationresult .registration-result-page .page-title {
}
#fnspopupregistrationresult .registration-result-page .page-body {
    background-color: inherit;
    color: #555;
    margin: 0;
    padding: 0;
}
#fnspopupregistrationresult .registration-result-page .buttons {
    clear: both;
    margin-bottom: 5px;
    margin-top: 15px;
    width: 100%;
}

/*password recovery page*/
#fnspopupforgotpassword .password-recovery-page {
    text-align: left;
}
#fnspopupforgotpassword .password-recovery-page .page-title {
}
#fnspopupforgotpassword .password-recovery-page .page-title h1 {
    text-align:center;
}
#fnspopupforgotpassword .password-recovery-page .page-body {
    background-color: inherit;
    color: #555;
    margin: 0;
    padding: 0;
}
#fnspopupforgotpassword .password-recovery-page .email {
    width: 250px;
    font-size: 14px;
}
#fnspopupforgotpassword .password-recovery-page .result {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    font-weight: 700;
}
#fnspopupforgotpassword .password-recovery-page .buttons {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align:center;
}

#fnspopuplogin .login-page .returning-wrapper {
    border: 0 !important;
    background: none !important;
    padding: 0 !important;
}

#fnspopuplogin .fieldset { width: 100%; }

#fnspopuplogin .returning-wrapper .buttons .button {
    margin-right: .625rem;
    margin-left: .625rem;
}

#fnspopuplogin .register-info { text-align: center; color: #000; }
#fnspopuplogin .register-info a {
    color: #a5191e;
    text-decoration: underline;
}