﻿ .fnspoploginform{
    width: 320px !important;
    z-index: 9999 !important;
}
.fnspoploginform div{
    box-sizing: border-box;
	 
}






#fnspopuplogin .login-page .returning-wrapper {
    width: 100% !important;
}
#fnspopuplogin .login-page .returning-wrapper {border: 0 !important;}
#fnspopuplogin .form-fields {background-color: #fff !important;}
 .ui-dialog-titlebar .ui-dialog-title{text-align: center !important;}
 #fnspopuplogin .login-page .page-title{display: none !important;}
 
 #fnspopuplogin  .customer-blocks{margin: 0 auto !important ; width: 90%;}

#fnspopuplogin .login-page .title {text-align: center;font-size: 14px !important;margin-top: 15px;}
 #fnspopuplogin .inputs{display: flex !important; flex-direction: column !important;}
#fnspopuplogin .login-page .email, #fnspopuplogin .login-page .username, #fnspopuplogin .login-page .password {width: 100% !important; border: 1px solid #868686 !important;}
#fnspopuplogin .login-page .returning-wrapper label {width: 0 !important;}


#fnspopuplogin .button-1{width: 100%  !important;font-family: "HelveticaNeueETW01-75Bd";}

.RememberMe{text-align: center; margin-bottom:15px;}
.RememberMe label{display: inline! important;}
 
#RememberMe{margin: 0;}
	

 .register-block .text{display: none!important;}

.register-block-in, .password-recovery-page .page-body{width: 80%;margin: 0 auto !important;}

.register-block-in .title strong{text-align:center; !important;display: block; }

.buttons .register-button{background-color: #fff;border: 1px solid #000;color: #000;font-weight: 600;font-size: 11px;}

.buttons .register-button:hover{background-color: #eee;}
.register-block-in .title strong	{font-weight: 600;
    font-family: "HelveticaNeueETW01-75Bd";
    text-transform: unset;}


.fieldset .inputs{display: flex;flex-direction: column;}
.fieldset .email{width:100% !important;}
	
	.page-body .fieldset .inputs label {width: 0;}
	.page-body .fieldset .required {display: none;}

.password-recovery-page .page-body .buttons{text-align: center;}

.buttons .login-button{text-transform: none;}




.login-page .returning-wrapper .form-fields {padding: 0 15px 0;}


  .ui-dialog-titlebar .ui-dialog-title{ display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;padding: 5px 0 5px 50px;text-transform: uppercase;font-family: "HelveticaNeueETW01-75Bd";}
  
    .ui-dialog-titlebar .ui-dialog-title img{width: 27px;margin-bottom: 4px;}














#fnspopuplogin{padding: 0 !important;}
@media all and (min-width: 769px) {
	
 #fnspopuplogin  .customer-blocks{width: 80%;}
 #fnspopuplogin .login-page .title {text-align: left;margin-top: 0;}
 .login-page .returning-wrapper .form-fields {padding: 30px 15px 0;}
 .buttons .register-button{background-color: #fff;border: 1px solid #000;color: #000;font-weight: 600;font-size: 14px;}
 

    .fnspoploginform {
        width: 420px !important;
    }

    #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 {
        float: left;
        min-height: 235px;
        padding: 40px 0;
        width: 100%;
    }

    #fnspopuplogin .login-page .returning-wrapper {
        border: 1px solid #eee;
        float: right;
        margin-bottom: 15px;
        min-height: 235px;
        padding: 10px 10px 0;
        width: 100%;
    }
	
	
	



	



}







 
	
@media all and (min-width: 769px) {
	


    #fnspopuplogin .login-page .new-wrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        min-height: auto;
		background-color: #eee;
		margin: 0;
    }

    #fnspopuplogin .login-page .returning-wrapper {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
        min-height: auto;
    }
}
#fnspopuplogin .login-page .new-wrapper .text {
    line-height: 20px;
}
#fnspopuplogin .login-page .new-wrapper .buttons {
    clear:both;
    text-align:center;
    margin: 10px 30px 5px;
	clear: both;
text-align: center;
 
	
}
#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: 0;
    padding:  0;
}
#fnspopuplogin .login-page .returning-wrapper label {
    display: inline-block;
    font-weight: 700;
    margin-right: 10px;
    vertical-align: middle;
    white-space: nowrap;
    width: 90px;
    text-align: right;
	font-family: "HelveticaNeueETW01-75Bd";
}
#fnspopuplogin .login-page .email, #fnspopuplogin .login-page .username, #fnspopuplogin .login-page .password {
    width: 170px;
    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;
	margin-top: 15px;
}

#fnspopuplogin .login-page .forgot-password  a{
    text-decoration: underline;font-weight: 600;
}
#fnspopuplogin .login-page .field-validation-error {
    display: block;
}
#fnspopuplogin .login-page .customer-blocks {
    margin: 0;
}

.registration-page .page-title{display: none;}

/* 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;
    
   padding: 15px 27px;
    position: relative;
}
#fnspopupregistration .title {
    font-size:16px;
}

#fnspopupregistration .message-error {
    display: block; min-height: 4px;
}

#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: 0px 15px;
}
#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;
}

.form-fields .inputs input{width: 100% !important;}

.buttons #register-button{width: 80%;}

.page-body .buttons{text-align: center;}


@media all and (min-width: 1000px) {
	



    #fnspopupregistration .registration-page .inputs label {
        width: 0;
    }
}
#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 {
 
}
#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: "HelveticaNeueETW01-75Bd";
    font-size: 10px;
    font-weight: 700;
}
#fnspopupforgotpassword .password-recovery-page .buttons {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align:center;
}
