#app_signup_style_css {display:none}

.signup-form  { width: 400px; background: #fff; }
.signup-form .form-header,
.login-form .form-header { background: #f1f5f8; padding: 20px 30px; }
.signup-form .label-register {display: block; margin-top: 10px}
.signup-form .label-register.sex-access { width: 270px; float: left; padding-right: 0px; }

.signup-form .gender-select {background: url(../profile/img/gender.png) 0 -131px; width: 23px; height: 22px; margin: 0 5px 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.signup-form .gender-select.gender-w {background-position: 0 -32px}
.signup-form .checked .gender-select.gender-w {background-position: 0 0}
.signup-form .checked .gender-select.gender-m {background-position: 0 -96px}

.signup-form .title-label {display: block; color: #58595b}
.signup-form .description-label { display: block; color: #aaa; font-size: 10px; width: 100%; text-align: center; }
.signup-form .description-label a { color: #aaa; text-decoration: underline; }
.signup-form .description-label a:hover { color: #008BC8; }
.signup-form .btn-registr { margin: 5px 0 0; font-style: normal; font-weight: bold; font-size: 16px; line-height:46px; width: 340px; }

.signup-user-email-or-phone { margin-top: -5px; }
.signup-form .form-content { padding: 20px; }
.signup-form .form-label { width: 75px }
.signup-form .form-input { width: 228px }
.signup-form .form-data { margin-left: 95px; }
.signup-form .form-radiobox { margin-bottom: 0; }
.signup-form .usersex-radio { line-height: 22px; vertical-align: top; }
#userBirthdayDay,
#userBirthdayMonth,
#userBirthdayYear {display: inline-block; *display: inline; *zoom: 1; margin-right: 10px;}
#external-need-form #userBirthdayMonth {width: 89px; }
#userBirthdayDay input { width: 26px; }
#userBirthdayMonth input {width: 56px; }
#userBirthdayYear input {width: 36px; }
#userBirthdayYear {margin-right: 0;}
.login-form .form-content { padding: 20px 30px; }
.login-form { background: #fff; width: 410px; }
.login-form .title-login { background: #F1F5F8; padding: 20px 30px; }
.login-form .fs-login-form-block { float: none; }
.login-form .form-label { width: 100%; float: none; text-align: left; }
.login-form .form-input { width: 322px; }
.login-form .form-data { width: 365px; margin: 0; }
.login-form .register-link { display: inline-block; *display: inline; *zoom: 1; line-height: 16px; padding: 5px 0; }
.login-form #recaptcha_response_field { width: 322px; padding: 3px 8px; }
.login-form .popup-footer .btn { float: none; margin-left: 0; margin-right: 10px;}
.signup-popup-title {font-size:16px; font-weight: bold; line-height: 20px;}
.signup-social-wrap.signup-social-wrap-5 .btn-social, .login-social-wrap.signup-social-wrap-5 .btn-social {
    min-width: 130px;
}
.signup-social-wrap.signup-social-wrap-6 .btn-social, .login-social-wrap.signup-social-wrap-6 .btn-social {
    min-width: 120px;
}

.signup-before-get-rights-tooltip {
    margin: 5px 10px 10px 15px;
    line-height: 1.5em;
    text-align: center;
}
.signup-before-get-rights-tooltip p {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}
.signup-before-get-rights-tooltip p span {
    text-decoration: underline;
    cursor: pointer;
}
.signup-before-get-rights-tooltip div {
    font-size: 14px;
    line-height: 20px;
    margin: 13px 0;
}
.signup-before-get-rights-tooltip a {
    font-size: 14px;
    line-height: 48px;
    background: #629cdc;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    display: block;
    text-decoration: none !important;
    height: 48px;
    width: 334px;
}
.signup-before-get-rights-tooltip a:hover {
    background: #4976bb;
}
.signup-before-get-rights-tooltip a:active {
    background: #2b599f;
}

.signup-form .form-footer,
.login-form .form-footer { background: #F1F5F8; padding: 20px 10px 20px 30px;  }
.signup-form .form-footer .btn,
.login-form .form-footer .btn { margin-right: 10px;}
.signup-form .form-footer .btn.last,
.login-form .form-footer .btn.last { margin-right: 0px;}

.form-footer.signup-social-wrap-5, .form-footer.signup-social-wrap-6 {padding: 20px 10px 20px 30px;}
.form-footer.signup-social-wrap-6 .btn {margin-right: 5px;}
.form-footer.signup-social-wrap-6 .btn.btn-social.btn-ok { padding-left: 32px; padding-right: 8px; }
.form-footer.signup-social-center { padding-left: 0; padding-right: 0; text-align: center; background: none;}

#carousel-items { overflow: hidden; position: relative; width: 100%; height: 365px; }
#carousel-items .item { position: absolute; top: 0px; left: 0px; width: 100%; }
#carousel-items .item.active { display: block; }
#carousel-items .pic-block { width: 100%; text-align: center; height: 267px; margin-top: 15px; position: absolute; top: 75px; left: 0px; }
#carousel-items .pic-block .pic-wrap {height: 100%; width: 1px; margin-left: -1px; display: inline-block; vertical-align: middle; *zoom: 1; *display: inline; }
#carousel-items .pic-block img { vertical-align: middle; display: inline-block; *zoom: 1; *display: inline; max-height: 100%; }
#carousel-pagination { position: relative; overflow: hidden; text-align: center; }
#carousel-pagination .pager { display: inline-block; width: 15px; height: 15px; background: url(fs-signup-carousel-pagers.png) no-repeat -23px 0px; cursor: pointer; *zoom: 1; *display: inline; }
#carousel-pagination .pager.active { background-position: -3px 0; cursor: default; }

/* mobile version logout */

.bg-50-black.mobile-logout-flag {height: auto !important; }
.bg-50-black.mobile-logout-flag .mobile-logout-block {display: block;}
.bg-50-black.mobile-logout-flag #carousel-wrap{display: none;}
.bg-50-black .mobile-logout-block {position: relative;}
.bg-50-black .mobile-logout-block h3{font-size: 18px; font-family: Trebuchet MS}
.bg-50-black .mobile-logout-block h3 a{float: right; color: #008BC8}
.bg-50-black .mobile-logout-block p {font-style: normal; font-size: 13px; margin-top: 10px }
.bg-50-black .mobile-logout-block .wrap-img-and-block {margin-top: 20px; position: relative;}
.bg-50-black .mobile-logout-block ul {margin: 0 0 0 15px; display: block; width: 100%; }
.bg-50-black .mobile-logout-block ul li {list-style: square; margin-top: 8px; width: 100%; list-style-type: disc}
.bg-50-black .mobile-logout-block  #mobile-icons {width: 261px; height: 271px;}
#position-mobile-img {width: 18px; height: 18px; position: absolute; top: 101px; left: 74px;}
#position-mobile-img2 {width: 15px; height: 15px; position: absolute; top: 143px; left: 15px;}
#position-mobile-name {font-size: 6px; color: #58595B; position: absolute; top: 101px; left: 95px; max-width: 68px; overflow: hidden;}
#position-mobile-name2 {font-size: 5px; color: #58595B; position: absolute; top: 149px; left: 33px;}

.terms-agree-container {background: #fff;}
.rule-agree-label {text-align: left !important; width: auto !important; display: block;padding: 6px 33px 16px;}
.rule-agree-label input {vertical-align: bottom; width: 10px !important; height: 10px !important; opacity: 0.4;}
.rule-agree-label, .rule-agree-label a {color: #aaa; font-size: 10px;}
.rule-agree-label a {text-decoration: none !important;}
.rule-agree-label a:hover {text-decoration: underline !important;}
#login-signup-popup_info .rule-agree-label {text-align: center !important;}
#btnRegister:focus { -moz-box-shadow: 0px 0px 4px #f30; box-shadow: 0px 0px 4px #f30;}
.gender-select:focus { -webkit-box-shadow: 0px 0px 4px #3A86C2; -moz-box-shadow: 0px 0px 4px #3A86C2; -ms-box-shadow: 0px 0px 4px #3A86C2; box-shadow: 0px 0px 4px #3A86C2; }
#mobile-logout-form {margin-right: 15px; margin-top: 25px; background: #f1f1f1; padding: 26px; float: right; width: 220px; -moz-box-shadow: 0 0 1px #C5C5C5; box-shadow: 0 0 1px #C5C5C5; clear: both;}
#mobile-logout-form input {background: #fff; font-size: 22px;
    border:solid 1px #d1d0d0; padding: 6px; margin: 17px 0; width: 206px; text-align: center; color: #7b7b7b;
    }
#mobile-logout-form span{font-size: 17px; color: #58595b;}
#mobile-logout-form .btn-b{font-size: 21px; display: block; padding-top: 7px; padding-bottom: 7px; }

#userExistsPopup { margin-bottom: 20px;}
#userExistsPopup .form-message { padding: 8px 12px; margin: 0 0 20px; background: #DFE6EB; color: #50616D; }
#userExistsPopup .form-user-img { width: 48px; height: 48px; float: left; }
#userExistsPopup .form-user-name { margin: 0 0 5px 60px; display: block; max-height: 28px; max-width: 320px; overflow: hidden; }
#userExistsPopup .form-user-info { color: #AAAAAA; margin: 0 0 0 60px; }
#userExistsPopup .popup-footer .btn { width: 50px;}

#login-signup-popup { overflow: inherit; height: auto; }
#login-signup-popup.onAnimate { overflow: hidden; }
#login-signup-popup .form-message { padding: 8px 12px; margin: 0 0 20px; background: #DFE6EB; color: #50616D; }
#login-signup-popup .form-user-img { width: 48px; height: 48px; float: left; }
#login-signup-popup .form-user-name { margin: 0 0 5px 60px; display: block; max-height: 28px; max-width: 320px; overflow: hidden; }
#login-signup-popup .form-user-info { color: #AAAAAA; margin: 0 0 5px 60px; }
#login-signup-popup .form-user-notme { margin: 0 0 0 60px; }
#login-signup-popup #register-form .btn-registr {width: 354px}
#login-signup-popup .usersex-radio input {position: absolute}
#login-signup-popup #register-form .form-data {margin-left: 95px;}
#login-signup-popup .signup-form, #login-signup-popup .login-form {
    width: auto;
    -webkit-transition: top 0.3s ease-in-out; -moz-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out;
}
.signup-form.social-prior { width: auto; }
.with-second-main-button #signup-popup-info-btn, .with-second-main-button #signup-popup-info-btn-2 {width: 166px !important;}
.with-second-main-button #form-login-popup-buttons .second-main-button-separator {margin: 7px 0;}
#iPopup.bigPopup .with-second-main-button .signup__main-buttons--inline #signup-popup-info-btn,
#iPopup.bigPopup .with-second-main-button .signup__main-buttons--inline #signup-popup-info-btn-2 {
    display: inline-block;
    width: 178px !important;
}

.with-second-main-button .signup__main-buttons--inline .second-main-button-separator {
    display: inline-block;
    padding: 0 10px;
}

#iPopup.bigPopup .with-second-main-button .signup__main-buttons--inline #signup-popup-info-btn-2.btn-ok {
    font-size: 12px !important;
    padding-left: 35px;
    padding-right: 15px;
}

#signup-form-captcha {margin-left: 39px;}

.fs-signup-tooltip {
    background: rgba(20, 33, 63, 0.9) !important;
    color: #fff !important;
    margin-left: -153px !important;
    border: none !important;
    border-radius: 12px !important;
    z-index: 9999 !important;
}

.fs-signup-tooltip .arrow {
    bottom: -19px !important;
    left: 50% !important;
    width: 42px !important;
    height: 19px !important;
    background: url(image/tooltip.png) no-repeat !important;
    margin-left: -21px !important;
}

.fs-signup-tooltip .arrow.onTop {
    top: -19px !important;
    background-position: -42px 0 !important;
}

.fs-signup-tooltip .icn-cross.icn-gray {
    width: 26px !important;
    height: 26px !important;
    background: url(image/tooltip.png) no-repeat -84px 0 !important;
    margin: -5px -10px 0 0 !important;
}

.fs-signup-tooltip .fs-loader-32 {
    display: none !important;
}

.fs-signup-tooltip .unviz {
    visibility: hidden;
}

/*------------recoverpassword--------------*/
.fs-login-form-block .fs-login-form-title { background: #f1f5f8; padding: 20px 30px; }
.fs-login-form-block { background: #fff; width: 400px; }
.fs-login-form-block .title-login { background: #F1F5F8; padding: 20px 30px; }
.fs-login-form-block .fs-login-form-info  { width: 100%; float: none; text-align: left; margin: 10px 0 10px 0;}
.fs-login-form-block .fs-login-form-label { width: 100%; float: none; text-align: left; margin: 10px 0 10px 0;}
.fs-login-form-block .input-txt { width: 328px; }
.fs-login-form-block #recaptcha_response_field { width: 322px; padding: 3px 8px; }
.fs-login-form-body { padding: 20px 30px; }


/*New signup popup SPLITTER*/
#signup-container-signup-split .form-field {
    background: #e9ecee;
    padding: 17px 0 0 0;
}
#signup-container-login-split .grey-border-first {
    background: #e9ecee;
    padding: 10px 15px 5px 15px;
}
#signup-container-login-split .grey-border-last {
    background: #e9ecee;
    padding: 5px 15px 20px 15px;
}
#signup-container-login-split .login-form .form-content {
    padding: 20px;
}
#signup-container-signup-split #btnRegister {
    height: 40px;
    width: 230px;
    float: right;
    font-size: 18px;
}
#signup-container-login-split #loginPopupSubmitButton, #signup-container-signup-split #btnRegister {
    border-color: #1279b4;
    background: linear-gradient(to bottom, #228cc8 0%,#1279b4 100%);
}
#signup-container-signup-split #signup-label-authorize-text {
    display: none !important;
}
#signup-container-signup-split #label-user-btn a, #signup-container-login-split .register-link a {
    color: #747d83;
    text-decoration: #a2abb1;
    text-decoration: underline;
}
#signup-container-signup-split #label-user-btn,
#signup-container-login-split .login-button {
    display: none !important;
}
#signup-container-signup-split span.description-label{
    display: block;
    color: #aaa;
    font-size: 10px;
    width: 100%;
    text-align: center;
}
#signup-container-signup-split #signup-additional-block a{
    color: #747d83;
    text-decoration: #a2abb1;
    text-decoration: underline;
}
#signup-container-signup-split #signup-additional-login {
    margin-top: 15px;
    text-align: center;
    font-size: 12px;
    margin-bottom: -10px;
}
#signup-container-signup-split button {
    margin-top: -20px;
    margin-right: 20px;
}
#signup-container-signup-split .signup-form,
#signup-container-login-split .login-form {
    width: inherit !important;
}
#signup-container-login-split #user_password,
#signup-container-login-split #user_email
{
    width: 365px;
}
#signup-container-signup-split #userName,
#signup-container-signup-split #userEmail
{
    width: 273px !important;
}
#signup-container-signup-split #userBirthdayDay input,
#signup-container-signup-split #userBirthdayMonth input,
#signup-container-signup-split #userBirthdayYear input {
    width: 50px;
}
#signup-container-signup-split #userBirthdayDay .form-select-header,
#signup-container-signup-split #userBirthdayMonth .form-select-header,
#signup-container-signup-split #userBirthdayYear .form-select-header {
    width: 70px;
}
#signup-container-signup-split .form-radiobox.usersex-radio {
    margin-right: 30px !important;
}
#signup-container-login-split .register-link {
    font-size: 12px;
}

.users-quotes{font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;padding:20px;width:576px;height:130px;float:left;background:#fff;background:rgba(255, 255, 255, 0.9);position:relative;overflow:hidden}
.users-quotes__quote{display:inline-block;position:relative;width:340px;height:58px;margin:0;color:#343d4c;font-size:15px;line-height:19px;padding:30px 0 0 40px}
.users-quotes-fulltext .users-quotes__quote{font-size:13px;line-height:15px;height:auto !important}
.users-quotes-fulltext .users-quotes__quote::after{bottom:-33px !important}
.users-quotes-fulltext .users-quotes__quote-wrapper::after{display:none !important}
.users-quotes__quote::before{color:#acb4ba;font-size:60px;content:'“';position:absolute;left:5px;top:20px;box-sizing:inherit}
.users-quotes__quote::after{color:#acb4ba;font-size:60px;content:'”';position:absolute;right:-15px;bottom:-40px;box-sizing:inherit}
.users-quotes__user{float:left;width:100px;height:140px;margin:0;padding:0}
.users-quotes__user-photo{background-repeat:no-repeat;background-position:center center;background-size:cover;width:95px;height:95px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;margin:5px 0}
.users-quotes__user-info{text-align:center}
.users-quotes__user-fullname{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;color:#078ec9}
.users-quotes__user-city{color:#9aa3aa}
.users-quotes__quote-wrapper::after{content:'...';position:absolute;bottom:0;right:0}
.users-quotes__quote-wrapper{width:100%;height:100%;overflow:hidden}
.users-quotes__wrapper{width:490px;height:150px;display:block;position:absolute;top:18px}
.users-quotes__wrapper{left:1090px}
.users-quotes__gradient{background:-moz-linear-gradient(left, rgba(230,233,236,0.1) 0%, rgba(230,233,236,0.78) 82%, rgba(230,233,236,0.8) 85%);background:-webkit-linear-gradient(left, rgba(230,233,236,0.1) 0%,rgba(230,233,236,0.78) 82%,rgba(230,233,236,0.8) 85%);background:linear-gradient(to right, rgba(230,233,236,0.1) 0%,rgba(230,233,236,0.78) 82%,rgba(230,233,236,0.8) 85%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ae6e9ec', endColorstr='#cce6e9ec',GradientType=1 );position:absolute;top:0;right:0;width:130px;height:170px;z-index:1;cursor:pointer;display:block}
/*--------------------------------------------------------*/

.signup-provider-block-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.4);
    z-index: 900;
}

.signup-provider-block {
    position: fixed;
    top: 170px;
    left: 5%;
    right: 5%;
    background: #fff;
    padding: 50px;
    border-radius: 8px;
    z-index: 901;
    font-size: 13px;
    box-shadow: rgba(0, 0, 0, 0.35) 0 2px 8px;
}

.signup-provider-block--title {
    font-size: 15px;
    text-align: center;
    line-height: 25px;
}

.signup-provider-block--options {
    margin: 40px 0;
}

.signup-provider-block--option {
    float: left;
    width: 33%;
    height: 225px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    border-left: #e4e4e4 1px solid;
    text-align: center;
}

.signup-provider-block--option:first-child {
    border-left: none;
}

.signup-login-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.signup-login-mask--el {
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
}