/* /css/common/block_auth.css */

.enter-cont{box-shadow:0 3px 10px rgba(0,0,0,0.3)}
.enter-cont .ui-widget-header{display:none}
.enter-cont .ui-dialog-content{padding:0!important}

.auth-cont .hello-cont{font-size:1.375em;color:#999;text-align:center;margin:20px 0 40px}

.auth-block{width:353px;color:#151515;text-align:center;margin:0 auto 40px;box-shadow:0 1px 3px rgba(0,0,0,0.15);border-radius:5px 5px 0 0;background-color:#ededed}
.auth-block.ajax-cont{margin-bottom:0;box-shadow:none}
.auth-block a{color:#005fb8;outline:none;}
.auth-block a:hover{color:#f45500;}
.auth-block .auth-head{font-size:1.230769231em;padding:20px 15px;text-align:left;border-width:1px;border-style:solid solid none;border-color:#fcfcfc #dbdbdb #dbdbdb;border-radius:5px 5px 0 0;background-color:#ededed}
.auth-block .butt-close{font-size:21px;font-weight:700;color:#000;line-height:1;text-shadow:0 1px 0 #fff;margin-top:-2px;padding:0;border:0 none;background:none repeat scroll 0 0 rgba(0,0,0,0);cursor:pointer;opacity:.2;float:right;display:none;}
.auth-block.ajax-cont .butt-close{display:block;}
.auth-block .butt-close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}
.auth-block .auth-body{padding:20px 35px;border-width:1px;border-style:solid solid none;border-color:#dbdbdb;background-color:#f5f5f5}
.auth-block .alert-info{font-size:0.923076923em;text-align:justify;line-height:1.6;margin:-9px 1px 12px;}
.auth-block .info-cont{color:#bb3a35;margin:0 0 12px;padding:5px 10px;border-radius:4px;background-color:#f7dfdf}
.auth-block .auth-separate{width:282px;margin:0 35px;border-width:1px;border-style:solid none;border-color:#d9d9d9 #fff #fff;float:left}
.auth-block .auth-bott{padding:20px 35px;border-width:1px;border-style:none solid solid;border-color:#dbdbdb;background-color:#f5f5f5}
.auth-block .auth-head,
.auth-block .auth-body,
.auth-block .auth-bott{border:none}
.auth-block .soc-ico{width:16px;height:16px;vertical-align:middle;margin:0 3px 0 6px;background-image:url(//static.nn2.ru/img/2013/soc-sprite.png);background-repeat:no-repeat;display:inline-block;*display:inline;*zoom:1}
.auth-block .vk-ico{background-position:-8px 0}
.auth-block .fb-ico{background-position:-32px 0}
.auth-block .ok-ico{background-position:-56px 0}
.auth-block .tw-ico{background-position:-80px 0}
.auth-block .gp-ico{background-position:-104px 0}
.auth-block input[type="text"],
.auth-block input[type="password"]{width:263px;font-size:1.14286em;color:#525252;margin:0 0 12px;padding:6px 8px;border:1px solid #CCC;border-radius:2px;background-color:white;box-shadow:0 1px 1px rgba(0,0,0,0.07) inset;}
.auth-block .btn{width:100%;font-size:1.14286em;font-weight:400;color:#333;line-height:normal;text-align:center;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;margin:0 0 10px;padding:5px 8px;border:none;background-color:#f5f5f5;background:-moz-linear-gradient(center top,white,#e6e6e6);background:-webkit-gradient(linear,top,white,#e6e6e6);background:-webkit-linear-gradient(top,white,#e6e6e6);background:-o-linear-gradient(top,white,#e6e6e6);background:-ms-linear-gradient(top,white,#e6e6e6);background:-linear-gradient(top,white,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #a2a2a2;border-radius:4px 4px 4px 4px;border-style:solid;border-width:1px;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(0,0,0,0.05);cursor:pointer;display:inline-block}
.auth-block .btn:hover{color:#333;text-decoration:none;-moz-transition:background-position .1s linear 0;-webkit-transition:background-position .1s linear 0;-o-transition:background-position .1s linear 0;-ms-transition:background-position .1s linear 0;background-color:#e6e6e6;background-position:0 -15px}
.auth-block .blueBtn{background-color:#889eb6;background:-moz-linear-gradient(center top,#889eb6,#6d85a4);background:-webkit-gradient(linear,top,#889eb6,#6d85a4);background:-webkit-linear-gradient(top,#889eb6,#6d85a4);background:-o-linear-gradient(top,#889eb6,#6d85a4);background:-ms-linear-gradient(top,#889eb6,#6d85a4);background:-linear-gradient(top,#889eb6,#6d85a4);background-repeat:repeat-x;border-color:#657fa0;color:#fff!important;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}
.auth-block .blueBtn:hover{background-color:#6d85a4;color:#fff}

.auth_exit-block{text-align:center;margin:50px 0;padding:35px;}
.auth_exit-block .error{color:red;}

/* new auth */

.auth {
    font-family: Roboto, sans-serif;
    box-sizing: border-box;
    overflow-y: hidden;
    opacity: 0;
    visibility: hidden;
}

.auth.active {
    opacity: 1;
    visibility: visible;
    overflow-y: hidden;
}

.auth__close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: no-repeat url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7071 1.70711C18.0976 1.31658 18.0976 0.683418 17.7071 0.292893C17.3166 -0.0976311 16.6834 -0.0976311 16.2929 0.292893L9.00003 7.58576L1.70717 0.292895C1.31664 -0.0976295 0.683476 -0.0976295 0.292952 0.292895C-0.0975723 0.683419 -0.0975723 1.31658 0.292952 1.70711L7.58581 8.99997L0.292893 16.2929C-0.0976308 16.6834 -0.0976312 17.3166 0.292893 17.7071C0.683417 18.0976 1.31658 18.0976 1.70711 17.7071L9.00003 10.4142L16.293 17.7071C16.6835 18.0976 17.3166 18.0976 17.7072 17.7071C18.0977 17.3166 18.0977 16.6834 17.7072 16.2929L10.4142 8.99997L17.7071 1.70711Z' fill='%238D96A1'/%3E%3C/svg%3E%0A");
    cursor: pointer;
}

.auth__overlay {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(26,26,26,.7);
    width: 100%;
    min-height: 100vh;
    z-index: 10;
}

.auth__wrapper {
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 506px;
    padding: 60px 105px;
    background: #fff;
    z-index: 100;
}

.auth__title {
    font-weight: bold;
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #37404D;
}

.auth__subtitle {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #77808C;
    margin-top: 24px;
    text-align: center;
}

.auth__socials {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 10px 0;
}

.auth__social {
    display: flex;
    justify-content: center;
    align-self: center;
    background: #EFEFEF;
    border-radius: 2px;
    margin-right: 8px;
    width: 93px;
    height: 48px;
    cursor: pointer;
}

.auth__social > div {
    display: flex;
    justify-content: center;
    align-self: center;
}

.social-ico {
    width: 24px;
    height: 24px;
}

.auth__social.more {
    position: relative;
}

.auth__social-hidden {
    position: absolute;
    top: 48px;
    right: 0;
    background: #fff;
    border: 1px solid #D6D6D6;
    padding: 20px;
}

.auth__social-hidden-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 7px;
    width: 48px;
    height: 48px;
}

.auth__social-hidden-link:hover {
    opacity: .8;
}

.auth__social-hidden-link:last-child {
    margin-right: 0;
}

.auth__social-hidden-link.social-ico-hidden-fb {
    background: #4267B2;
}

.auth__social-hidden-link.social-ico-hidden-tw {
    background: #1DA1F2;
}

.auth__social-hidden-link.social-ico-hidden-odnok {
    background: #EE8208;
}

.social-ico.google-ico {
    background: no-repeat center center url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5256 12.5926C23.5256 11.7726 23.4595 10.9482 23.3184 10.1415H12V14.7867H18.4815C18.2125 16.2849 17.3483 17.6102 16.0829 18.4524V21.4664H19.9498C22.2205 19.3654 23.5256 16.2627 23.5256 12.5926Z' fill='%234285F4'/%3E%3Cpath d='M11.9995 24.3786C15.2358 24.3786 17.9651 23.3103 19.9537 21.4664L16.0868 18.4523C15.011 19.1881 13.6221 19.6048 12.0039 19.6048C8.87339 19.6048 6.21906 17.4816 5.26668 14.6271H1.27637V17.7343C3.31341 21.8077 7.46245 24.3786 11.9995 24.3786Z' fill='%2334A853'/%3E%3Cpath d='M5.26236 14.6269C4.75971 13.1287 4.75971 11.5065 5.26236 10.0083V6.90112H1.27646C-0.425486 10.3097 -0.425486 14.3255 1.27646 17.7341L5.26236 14.6269Z' fill='%23FBBC04'/%3E%3Cpath d='M11.9995 5.0263C13.7103 4.99971 15.3637 5.64685 16.6027 6.83475L20.0286 3.39072C17.8593 1.34291 14.9801 0.217062 11.9995 0.252522C7.46246 0.252522 3.31341 2.82336 1.27637 6.90124L5.26227 10.0084C6.21025 7.14946 8.86899 5.0263 11.9995 5.0263Z' fill='%23EA4335'/%3E%3C/svg%3E%0A");
}

.social-ico.vk-ico {
    background: no-repeat center center url("data:image/svg+xml,%3Csvg width='24' height='15' viewBox='0 0 24 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.452 1.25189C23.6189 0.686299 23.452 0.280956 22.6587 0.280956H20.0293C19.783 0.263257 19.5378 0.327501 19.3314 0.463783C19.125 0.600064 18.9689 0.800814 18.8872 1.03508C18.8872 1.03508 17.5519 4.3061 15.6596 6.43274C15.0483 7.04735 14.7688 7.24342 14.435 7.24342C14.2681 7.24342 14.0262 7.05489 14.0262 6.4893V1.25189C14.0262 0.580721 13.8386 0.280956 13.276 0.280956H9.15198C9.06836 0.276131 8.98461 0.288065 8.90561 0.316067C8.82661 0.344068 8.75394 0.387578 8.69181 0.444065C8.62969 0.500552 8.57936 0.56889 8.54374 0.645106C8.50812 0.721323 8.48793 0.803897 8.48434 0.888027C8.48434 1.52338 9.42204 1.67043 9.52707 3.46148V7.349C9.52707 8.20116 9.37328 8.35576 9.03946 8.35576C8.14864 8.35576 5.98442 5.06965 4.69977 1.30845C4.45222 0.576949 4.19904 0.280956 3.52576 0.280956H0.900195C0.150033 0.280956 1.43082e-07 0.635395 1.43082e-07 1.03508C1.43082e-07 1.73453 0.890818 5.20163 4.14465 9.78671C6.31637 12.9126 9.37328 14.6093 12.1526 14.6093C13.8217 14.6093 14.028 14.2323 14.028 13.5837V11.2158C14.028 10.4617 14.1856 10.3108 14.7144 10.3108C15.1045 10.3108 15.7722 10.4994 17.3288 12.0076C19.1123 13.8062 19.4067 14.6093 20.4044 14.6093H23.03C23.7802 14.6093 24.1552 14.2323 23.9396 13.4876C23.7239 12.7429 22.8537 11.6701 21.7247 10.3938C21.1133 9.66605 20.1944 8.88553 19.9168 8.4915C19.5267 7.98812 19.6393 7.76377 19.9168 7.31695C19.9187 7.31884 23.1181 2.78842 23.452 1.25189Z' fill='%234A76A8'/%3E%3C/svg%3E%0A");
}

.social-ico.fb-ico {
    background: no-repeat center center url("data:image/svg+xml,%3Csvg width='15' height='24' viewBox='0 0 15 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9H0V13.5H4.5V24H9V13.5H13.5L14.25 9H9V6C9 5.045 9.577 4.5 10.5 4.5H15V0H9.692C6.096 0 4.5 1.583 4.5 4.615V9Z' fill='white'/%3E%3C/svg%3E%0A");
}

.social-ico.tw-ico {
    background: no-repeat center center url("data:image/svg+xml,%3Csvg width='22' height='18' viewBox='0 0 22 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5003 2.05244C20.7154 2.40089 19.8719 2.63556 18.9865 2.74133C19.8905 2.2 20.5848 1.34222 20.911 0.32C20.0657 0.821333 19.1288 1.18578 18.1314 1.38222C17.3341 0.531555 16.1954 -8.30756e-08 14.9368 -8.30756e-08C12.111 -8.30756e-08 10.0345 2.63644 10.6728 5.37333C7.03633 5.19111 3.81144 3.44889 1.65233 0.800889C0.505659 2.768 1.05766 5.34133 3.0061 6.64444C2.28966 6.62133 1.6141 6.42489 1.02477 6.09689C0.97677 8.12444 2.4301 10.0213 4.53499 10.4436C3.91899 10.6107 3.24433 10.6498 2.5581 10.5182C3.11455 12.2569 4.73055 13.5218 6.64699 13.5573C4.80699 15 2.48877 15.6444 0.166992 15.3707C2.10388 16.6124 4.40521 17.3369 6.87633 17.3369C15.0025 17.3369 19.5937 10.4738 19.3163 4.31822C20.1714 3.70044 20.9137 2.92978 21.5003 2.05244Z' fill='white'/%3E%3C/svg%3E%0A");
}

.social-ico.odnok-ico {
    background: no-repeat center center url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99951 3.48187C8.35597 3.48187 9.45934 4.58524 9.45934 5.9417C9.45934 7.29703 8.35569 8.40039 6.99951 8.40039C5.6439 8.40039 4.54025 7.29703 4.54025 5.9417C4.53996 4.58495 5.64419 3.48187 6.99951 3.48187ZM6.99951 11.8806C10.2761 11.8806 12.9406 9.21683 12.9406 5.9417C12.9406 2.66486 10.2763 0 6.99951 0C3.72324 0 1.05838 2.66515 1.05838 5.9417C1.05838 9.21683 3.72324 11.8806 6.99951 11.8806ZM9.40304 16.7266C10.6252 16.4482 11.7916 15.9653 12.8528 15.2982C13.2434 15.0524 13.5205 14.6614 13.6229 14.2114C13.7254 13.7613 13.6448 13.289 13.3991 12.8983C13.2775 12.7047 13.1189 12.5369 12.9325 12.4046C12.746 12.2723 12.5353 12.178 12.3124 12.1272C12.0895 12.0764 11.8588 12.07 11.6334 12.1085C11.408 12.1469 11.1924 12.2294 10.9989 12.3512C8.56499 13.8814 5.43233 13.8803 3.00037 12.3512C2.80692 12.2293 2.59135 12.1468 2.36599 12.1084C2.14063 12.0699 1.90989 12.0763 1.68699 12.1271C1.46409 12.1779 1.2534 12.2722 1.06698 12.4045C0.880549 12.5369 0.722046 12.7047 0.600537 12.8983C0.35467 13.2889 0.274009 13.7611 0.376294 14.2112C0.478579 14.6612 0.755433 15.0522 1.14597 15.2982C2.20709 15.965 3.37321 16.448 4.59513 16.7266L1.27393 20.0483C0.947551 20.3748 0.764237 20.8176 0.764317 21.2793C0.764397 21.7409 0.947864 22.1836 1.27436 22.51C1.60086 22.8364 2.04363 23.0197 2.50529 23.0196C2.96694 23.0196 3.40966 22.8361 3.73604 22.5096L6.99894 19.2461L10.2638 22.5099C10.4253 22.6715 10.617 22.7998 10.828 22.8873C11.0391 22.9748 11.2653 23.0198 11.4937 23.0198C11.7222 23.0198 11.9484 22.9748 12.1595 22.8873C12.3705 22.7998 12.5622 22.6715 12.7237 22.5099C12.8856 22.3485 13.014 22.1567 13.1017 21.9455C13.1893 21.7344 13.2344 21.508 13.2344 21.2794C13.2344 21.0508 13.1893 20.8244 13.1017 20.6132C13.014 20.4021 12.8856 20.2103 12.7237 20.0489L9.40304 16.7266Z' fill='white'/%3E%3C/svg%3E%0A");
}

.auth__social-more {
    display: flex;
    justify-content: center;
    align-self: center;
    width: 24px;
    height: 4px;
    background: no-repeat center center url("data:image/svg+xml,%3Csvg width='20' height='4' viewBox='0 0 20 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2C4 3.10457 3.10457 4 2 4C0.89543 4 0 3.10457 0 2C0 0.89543 0.89543 0 2 0C3.10457 0 4 0.89543 4 2Z' fill='%238D96A1'/%3E%3Cpath d='M12 2C12 3.10457 11.1046 4 10 4C8.89543 4 8 3.10457 8 2C8 0.89543 8.89543 0 10 0C11.1046 0 12 0.89543 12 2Z' fill='%238D96A1'/%3E%3Cpath d='M20 2C20 3.10457 19.1046 4 18 4C16.8954 4 16 3.10457 16 2C16 0.89543 16.8954 0 18 0C19.1046 0 20 0.89543 20 2Z' fill='%238D96A1'/%3E%3C/svg%3E%0A");
}

.auth__social-more:hover, .auth__social:hover {
    background-color: #d6d6d6;
}

.auth__social-hidden {
    display: none;
}
.auth__social-hidden.active {
    display: flex;
}

.auth__or {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #77808C;
    text-align: center;
}

.auth__form > form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 12px;
}

.auth__form-input-title {
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #77808C;
    margin-bottom: 5px;
}

input {
    outline: 0 !important;
}

.auth__form-input {
    width: 100% !important;
    background: #FFFFFF;
    border: 1px solid #D6D6D6 !important;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 14px;
    font-weight: normal;
    font-size: 15px !important;
    line-height: 20px;
    color: #37404d;
    margin-bottom: 15px;
}

.auth__form-input::placeholder {
    color: rgba(55, 64, 77, 0.5);
}
.auth__form-input::-webkit-input-placeholder {
    color: rgba(55, 64, 77, 0.5);

}
.auth__form-input::-moz-placeholder {
    color: rgba(55, 64, 77, 0.5);
}
.auth__form-input:-moz-placeholder {
    color: rgba(55, 64, 77, 0.5);
}
.auth__form-input:-ms-input-placeholder {
    color: rgba(55, 64, 77, 0.5);
}

.auth__form-input:active:not(input[disabled]), .auth__form-input:focus:not(input[disabled]) {
    border: 1px solid #9ba0a6;
}

.auth__btn {
    background: #1588E2;
    border-radius: 2px;
    width: 100%;
    padding: 18px 0;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}

.auth__btn,
.auth__btn:active,
.auth__btn:focus {
    outline: none !important;
    border: none !important;
}

.auth__btn:hover {
    background: #73b8ee;
}

.auth__form-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
}

.auth__form-footer > a {
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    line-height: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #1588E2;
}
.auth__form-footer > a:hover {
    color: #1a4480;
}

.auth__footer {
    padding-top: 24px;
    font-weight: normal;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #37404D;
}

.auth__footer > a {
    color: #1588E2;
    text-decoration: none;
}

.auth__footer > a:hover {
    color: #1a4480;
}