@font-face {
    font-family: 'Montserrat-regular';
    src: url('font/montserrat-regular.eot');
    src: url('font/montserrat-regular.eot?#iefix') format('embedded-opentype'),
    url('font/montserrat-regular.woff2') format('woff2'),
    url('font/montserrat-regular.woff') format('woff'),
    url('font/montserrat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-regular';
    src: url('font/montserrat-medium.eot');
    src: url('font/montserrat-medium.eot?#iefix') format('embedded-opentype'),
    url('font/montserrat-medium.woff2') format('woff2'),
    url('font/montserrat-medium.woff') format('woff'),
    url('font/montserrat-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat-regular';
    src: url('font/montserrat-semibold.eot');
    src: url('font/montserrat-semibold.eot?#iefix') format('embedded-opentype'),
    url('font/montserrat-semibold.woff2') format('woff2'),
    url('font/montserrat-semibold.woff') format('woff'),
    url('font/montserrat-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

:root {
    --intranet-pub-font-family-montserrat: 'Montserrat-regular', var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    --intranet-pub-font-family-primary: var(--ui-font-family-montserrat, var(--intranet-pub-font-family-montserrat));
}

html {
    height: 100%;
}

body {
    background: #2fc6f7;
    box-sizing: border-box;
    height: 100%;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
    min-height: 650px;
    margin: 0;
    /*min-width: 1024px;*/
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.main-logo {
    display: inline-block;
    height: 153px;
    text-decoration: none;
    width: 276px;
    position: relative;
}

.main-logo-ru {
    background: url(images/IGS-1.png) no-repeat center;
}


.main-logo-ua {
    background: url(images/IGS-1.png) no-repeat center;
}

.main-logo--line {
    width: 272px;
    height: 1px;
    background-color: #FFC100;
    opacity: 0.5;
    margin: 10px auto;
}

.main-logo--text {
    color: #FFC100;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    letter-spacing: -0.052px;
    position: relative;
    text-align: center;
    display: inline;
}

.b_line_gray {
    padding-top: 23px;
    min-width: 100%;
    margin-bottom: 32px;
    border: none;
    border-bottom: 1px solid rgba(106, 106, 106, 0.57);
}

.log-main-table {
    padding: 0 15px;
    border-spacing: 0;
    height: 100%;
    overflow: hidden;
    width: 100%;
    background: url(images/bg-IGS.jpg) center;
}

.log-bottom-cell,
.log-top-cell {
    height: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 30px 0;
    /*padding: 0;*/
}

.log-main-cell {
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.log-bottom-cap {
    display: inline-block;
    height: 70px;
    width: 50px;
}

.log-popup-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
}

.log-popup {
    display: block;
    overflow: hidden;
    background-color: #FFBE00;
    border-radius: 18px;
    border: 8px solid #FFBE00;
    max-width: 705px;
    position: relative;
    padding: 26px 45px;
    box-sizing: border-box;
}

.log-popup form {
    width: 100%;
}

.log-popup-wrap .log-popup {
    display: flex;
    margin: 0 auto;
    /*flex-direction: column;*/
}

.log-popup-text {
    padding: 0;
}

.log-popup-form {
    position: relative;
    z-index: 1;
}

.log-popup-form-area {
    width: 75%;
    margin: auto;
}

.log-popup a {
    font-size: 14px;
    color: #2fc6f7;
}

.log-popup a:hover {
    color: #1ab8eb;
    border-color: #1ab8eb;
}

.log-header-box {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}

.log-popup-header {
    font-size: 27px;
    line-height: 33px;
    color: #333;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
}

.log-popup-content {
    background-color: #f5f1d6;
    border-radius: 6px;
    padding: 13px 23px 15px;
}

.login-item {
    margin-bottom: 17px;
}

.login-item.--auth {
    margin-bottom: 29px;
}

.login-item.--auth:last-child {
    margin-bottom: 0;
}

.login-item.--user-remember {
    margin-bottom: 35px;
}

.login-item.--flex-align-center {
    display: flex;
    align-items: center;
}

.login-item.--flex-align-center .login-label {
    margin-right: 5px;
}

.login-forgotpass-item-box .login-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-label {
    color: #7d9199;
    vertical-align: middle;
    font-size: 19px;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
}

.login-item .login-label {
    display: block;
    margin-bottom: 5px;
}

.login-email-text {
    color: #555;
    display: inline-block;
    font-weight: 600;
    font-size: 19px;
    height: 40px;
    line-height: 37px;
    text-shadow: 0 1px #fff;
    vertical-align: top;
}

.login-label-thin {
    font-size: 13px;
    font-weight: 400;
}

.login-captcha-img {
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
}

.login-captcha-img img {
    display: block;
}

.login-inp {
    display: block;
    width: 100%;
    height: 47px;
    padding: 0 13px;
    background: #fff;
    border: 2px solid #c8ccd1;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    font-size: 15px;
    color: #333;
    outline: none;
}

.login-inp:focus,
.login-inp:focus-visible {
    border-color: #00c7f9;
}

.login-inp-error {
    border: 3px solid #f2cbcb;
    border-radius: 4px;
    margin-top: -2px;
    margin-bottom: -2px;
}

.inp-error-text {
    color: #c40000;
    display: inline-block;
    font: italic 12px Georgia;
    vertical-align: middle;
}

.login-pass-complex {
    background-color: #e3ebed;
    border: 1px solid;
    border-color: #d9e0e1 #e0e7e9 #dde5e7;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #e0e7e9;
    height: 4px;
    margin: 8px 0 2px 199px;
    position: relative;
    width: 249px;
}

.login-pass-complex-bar {
    border-radius: 3px;
    height: 6px;
    left: 0;
    top: -1px;
    position: absolute;
}

.login-pass-complex-bar-red {
    background-image: linear-gradient(top, #e15a5a, #c73838);
    box-shadow: inset 0 2px 0 #f07e7e, inset 0 -1px 0 #c12222;
}

.login-pass-complex-bar-yellow {
    background-image: linear-gradient(top, #ecb822, #dc7a15);
    box-shadow: inset 0 1px 0 #efa615, inset 0 2px 0 #efc428, inset -1px 0 0 #da860d;
}

.login-pass-complex-bar-green {
    background-image: linear-gradient(top, #a4c31e, #7eaa16);
    box-shadow: inset 0 -1px 0 #7ca116, inset 0 1px 0 #a0c624, inset 0 2px 0 #bdd426;
}

.login-item-domain {
    display: inline-block;
    border: 2px solid #c4c9bb;
    border-left: none;
    border-radius: 0 2px 2px 0;
    color: #555;
    height: 36px;
    margin-left: -1px;
    font-weight: 600;
    font-size: 17px;
    line-height: 35px;
    text-shadow: 0 1px #fff;
    text-align: center;
    vertical-align: top;
    padding: 0 8px;
}

.login-item-description,
.login-item-description-pas {
    color: #555;
    font-size: 12px;
    text-shadow: 0 1px #fff;
    padding: 6px 0 0 200px;
}

.login-item-description-pas {
    font-family: Georgia, var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    font-style: italic;
}

.login-user-photo {
    background: url(images/bx24-login-sprite5.png) no-repeat 0 -679px;
    display: none;
    height: 111px;
    top: 76px;
    left: 85px;
    position: absolute;
    width: 112px;
}

.login-user-photo-text {
    bottom: 7px;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    position: absolute;
    width: 100%;
}

.login-create-profile-soc-net .login-user-photo {
    display: block;
}

.login-create-profile-soc-net .login-label-name,
.login-create-profile-soc-net .login-label-surname {
    opacity: 0;
}

a.login-item-link {
    display: inline-block;
    border-bottom: 2px solid #cdf0ff;
    color: #2fc6f7;
    vertical-align: bottom;
    text-decoration: none;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
    line-height: 20px;
    position: relative;
    bottom: 3px;
    transition: border-color ease-in-out .1s;
    text-transform: uppercase;
}

a.login-item-link:hover {
    border-bottom: 2px solid #2fc6f7;
}

.login-item-description .login-item-link {
    margin-top: 6px;
}

.login-intranet-logo-review {
    padding: 6px 37px 12px 12px;
    min-width: 467px;
}

.login-intranet-logo-rev-table {
    border: none;
    border-spacing: 0;
    height: 55px;
    width: 100%;
}

.login-intranet-logo-rev-cell {
    padding: 0 20px 0 0;
    width: 192px;
}

.login-intranet-logo-rev-text {
    color: #4f5866;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
    white-space: nowrap;
}

.login-intranet-logo-rev-logo {
    background: url(images/bx24-login-sprite5.png) 0 -597px repeat-x;
    font-size: 30px;
    font-weight: 600;
    vertical-align: top;
    padding: 0 10px;
    text-align: center;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
}

.login-intranet-logo-rev-logo-text {
    color: #fff;
    display: inline-block;
    margin-right: 7px;
    max-width: 235px;
    line-height: 55px;
    overflow: hidden;
    vertical-align: top;
}

.login-intranet-logo-rev-logo-24 {
    color: #42c3ea;
    display: inline-block;
    line-height: 55px;
    vertical-align: top;
}

.login-inp-captcha {
    margin-left: 11px;
    vertical-align: middle;
    width: 115px;
}

.login-inp-active {
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .25), 0 0 0 2px #cdd2d5;
}

.login-file-block {
    display: inline-block;
    vertical-align: middle;
}

.login-file-name-field {
    background-color: #fff;
    border: 1px solid;
    border-color: #b9bcbe #bdc1c3 #c1c5c8;
    border-radius: 2px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .25);
    display: block;
    height: 39px;
    overflow: hidden;
}

.login-file-btn-wrap {
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding-bottom: 1px;
    position: relative;
}

.login-file-btn {
    background-color: #ecf1f3;
    background-image: linear-gradient(top, #f9f9fa, #dee9ec);
    border: 1px solid;
    border-color: #e8e4ca #d0ccb5 #a3a08e;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(255, 255, 255, .4), 0 1px 0 #dcd8c0;
    color: #7a808c;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 39px;
    line-height: 39px;
    min-width: 70px;
    max-width: 250px;
    overflow: hidden;
    padding: 0 12px;
    text-align: center;
    text-overflow: ellipsis;
    text-shadow: 0 1px rgba(255, 255, 255, .7);
    vertical-align: top;
    white-space: nowrap;
}

.login-file-btn-wrap:hover .login-file-btn {
    background-color: #f5f7f8;
    background-image: linear-gradient(top, #fafafa, #f1f6f7);
}

.login-file-btn-wrap:active .login-file-btn {
    background-color: #c5d4cc;
    background-image: linear-gradient(top, #bbccc3, #cddad2);
    box-shadow: inset 0 1px 1px 1px rgba(122, 128, 141, .78);
    border-color: #f5f1d6;
    border-radius: 2px;
}

.login-file-inp {
    cursor: pointer;
    font-size: 50px;
    top: -10px;
    right: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

.login-item-checkbox {
    margin-bottom: 11px;
    overflow: hidden;
    padding: 6px 0 0 192px;
}

.log-popup-content .login-item-checkbox {
    padding-left: 200px;
}

.login-alignment-checkbox {
    display: inline-block;
    height: 17px;
    margin-left: -1px;
    vertical-align: middle;
    width: 1px;
}

.login-item-checkbox input[type="checkbox"] {
    margin: 0 7px 0 2px;
    vertical-align: middle;
}

.login-item-checkbox-label {
    color: #5e5d5d;
    font-size: 14px;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    line-height: normal;
}

.login-links {
    margin: 14px 0;
}

.login-inp-wrap {
    padding-top: 7px;
}

.login-item-checkbox .login-links {
    margin: 11px 0 0;
    font-size: 14px;
}

.login-item-checkbox .login-links a {
    font-size: 14px;
    text-decoration: none;
}

.login-item-checkbox .login-links a:hover {
    text-decoration: underline;
}

.login-links a {
    font-size: 16px;
    color: #222;
}

.login-link-forgot-pass {
    display: inline-block;
    border-bottom: 2px solid #222;
    color: #222 !important;
    text-decoration: none;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 600;
    line-height: 20px;
    position: relative;
    margin-left: 15px;
    text-transform: uppercase;
    transition: .1s;
}

.login-link-forgot-pass:hover {
    transition: none;
    color: #222 !important;
    border-color: #222 !important;
}

.login-social-networks {
    border-top: 1px solid #ecedee;
    margin: 27px -24px 0;
    padding: 19px 24px 0;
    text-align: left;
}

.login-social-networks-block {
    background-color: #ecf1f5;
    border-radius: 6px;
    border: 1px solid;
    border-color: #c0d8e5 #d6e4ed #e5edf2;
    box-shadow: inset 0 1px 1px #d6e4ed;
    min-height: 39px;
    padding: 18px 17px 0;
}

.login-social-net-yellow {
    padding: 16px 18px 15px;
}

.login-social-networks-text {
    color: #555;
    display: inline-block;
    font-size: 24px;
    min-width: 202px;
    margin-top: -4px;
    vertical-align: middle;
}

.bx-auth-serv-icons {
    display: inline-block;
    vertical-align: middle;
}

.bx-auth-serv-icons a {
    display: inline-block;
    vertical-align: middle;
}

.bx-auth-serv-icons a:hover {
    border: none !important;
    margin: 1px !important;
}

.bx-auth-serv-icons .bx-auth-serv-icon,
.bx-ss-selected span {
    background: url('images/soc6.png?v=3') no-repeat 100px 100px;
    display: inline-block;
    width: 37px;
    height: 37px;
    margin: 0 8px 0 0;
    padding: 0;
    vertical-align: top;
}


.bx-auth-serv-icons .facebook {
    background-position: -166px -15px;
}

.bx-auth-serv-icons .yandex {
    background-position: -116px -15px;
}

.bx-auth-serv-icons .twitter {
    background-position: -216px -15px;
}

.bx-auth-serv-icons .openid-mail-ru {
    background-position: -69px -15px;
}

.bx-auth-serv-icons .liveid {
    background-position: -362px -15px;
}

.bx-auth-serv-icons .vkontakte {
    background-position: -314px -15px;
}

.bx-auth-serv-icons .apple {
    background-position: -1276px -15px;
}

.bx-auth-serv-icons .zoom {
    background-position: -1322px -15px;
}

.bx-auth-serv-icons .google,
.bx-auth-serv-icons .google-plus {
    background-position: -691px -15px;
}

.bx-auth-serv-icons .openid {
    background-position: -553px -15px;
}

.bx-auth-serv-icons .livejournal {
    background-position: -459px -15px;
}

.bx-auth-serv-icons .liveinternet {
    background-position: -506px -15px;
}

.bx-auth-serv-icons .blogger {
    background-position: -598px -15px;
}

.bx-auth-serv-icons .mymailru {
    background-position: -265px -15px;
}

.bx-auth-serv-icons .mailru2 {
    background-position: -265px -15px;
}

.bx-auth-serv-icons .odnoklassniki {
    background-position: -644px -15px;
}

.bx-auth-serv-icons .dropbox {
    background-position: -738px -15px;
}

.bx-auth-serv-icons .box {
    background-position: -785px -15px;
}

.bx-auth-serv-icons .office365 {
    background-position: -832px -15px;
}

.bx-auth-serv-icons .bitrix24 {
    background-position: -1151px -15px;
    width: 115px;
}

.bx-auth-serv-icons .bitrix24-ru {
    background-position: -879px -15px;
    width: 129px;
}

.bx-auth-serv-icons .bitrix24-ua {
    background-position: -1018px -15px;
    width: 123px;
}

.login-social-networks-popup-more {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 6px 11px rgba(0, 0, 0, .17);
    border: 1px solid;
    border-color: #e1e1e1 #d1d1d1 #d1d1d1 #d1d1d1;
    left: 547px;
    position: absolute;
    width: 39px;
    min-height: 24px;
    z-index: 1000;
    padding: 5px;
}

.login-social-networks-popup-more a {
    padding-bottom: 4px;
}

.login-social-networks-popup-hidden {
    display: none;
}

.login-social-networks-link-more {
    color: #7a808c;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 21px;
    line-height: 20px;
    vertical-align: middle;
    min-width: 32px;
    text-shadow: 0 1px #fff;
    text-align: center;
    padding: 0 17px 0 9px;
    position: relative;
}

.login-social-networks-link-more:before {
    background: url(images/bx24-login-sprite5.png) no-repeat right -575px;
    content: '';
    height: 5px;
    top: 9px;
    right: 6px;
    position: absolute;
    width: 7px;
}

.login-create-profile {
    padding-bottom: 28px;
    position: relative;
}

.login-create-profile .login-item {
    padding-left: 23px;
}

.login-create-profile-title {
    color: #555;
    font-size: 24px;
    padding: 13px 0 16px 19px;
}

.login-forget-pass {
    padding: 12px 0 0 224px;
}

.login-create-promo-cod {
    padding-left: 225px;
}

a.login-create-promo-cod-link {
    display: inline-block;
    color: #2067b0;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px dashed #2067b0;
    text-decoration: none;
}

.login-create-checkbox-agreement {
    margin-top: 18px;
    padding-left: 224px;
}

.login-create-checkbox {
    display: inline-block;
    margin: 0 7px 0 0;
    vertical-align: middle;
}

.login-create-checkbox-label {
    color: #000;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
}

.login-create-agreement-link {
    display: inline-block;
    vertical-align: middle;
}


.login-social-networks-title {
    color: #a9b6c9;
    display: inline-block;
    font-size: 11px;
    height: 22px;
    line-height: 21px;
    text-align: right;
    vertical-align: middle;
    width: 180px;
}

.login-social-link {
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 3px;
    display: inline-block;
    height: 22px;
    margin: 0 7px;
    vertical-align: middle;
    width: 22px;
}

.login-social-link:hover {
    border-color: #ccc;
}

.login-social-link img {
    display: block;
    margin: 0;
    border: none;
}

.log-popup-footer {
    height: 45px;
    padding-top: 17px;
    position: relative;
    text-align: center;
}

.log-popup-footer.--auth {
    padding-top: 20px;
}

.log-popup-footer:before {
    background: #13b1e3 url(images/ld_blue.gif) center no-repeat;
    content: "";
    height: 0;
    width: 0;
}

.login-btn {
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 80%;
    letter-spacing: -0.032px;
    border-radius: 40px;
    display: inline-flex;
    height: 43px;
    padding: 15px 33px 16px 27px;
    align-items: center;
    flex-shrink: 0;
}

.login-btn-transparent {
    background: #fff;
    border: 1px solid #e0eaed;
    color: #545c68;
}

/*.login-btn-transparent:hover {*/
/*    border-color: #1ab8eb;*/
/*}*/

/*.login-btn-transparent:active {*/
/*    border-color: #1a83bf;*/
/*}*/

/*a.login-btn {*/
/*    height: 38px;*/
/*    min-width: 110px;*/
/*    line-height: 37px;*/
/*    padding: 0 20px;*/
/*}*/

.login-btn:hover {
    background: #FFEFC2;
    color: #222;
}

.login-btn:active {
    background: #D19800;
    color: #222;
}

/*.login-btn.wait {*/
/*    background: #e3c013 url(images/ld_blue.gif) center no-repeat;*/
/*    background-size: auto 70% !important;*/
/*    color: rgba(0, 0, 0, 0);*/
/*}*/

.language-box {
    box-sizing: border-box;
    margin-left: 20px;
    padding-right: 20px;
    width: 63px;
    height: 40px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 19px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.language-flag {
    background: url(images/bx24-login-sprite5.png) no-repeat 100px;
    display: inline-block;
    margin-right: 10px;
    width: 46px;
    height: 12px;
    vertical-align: middle;
}

.language-box:hover {
    border-color: #d6d6d6;
}

.language-box.ru .language-flag {
    background-position: right -464px;
}

.language-box.en .language-flag {
    background-position: right -505px;
}

.language-box.de .language-flag {
    background-position: right -485px;
}

.language-box.ua .language-flag {
    background-position: right -540px;
}

.language-box.la .language-flag {
    background-position: right -685px;
}

.language-arrow {
    background: url(images/bx24-login-sprite5.png) no-repeat -307px -528px;
    height: 3px;
    top: 11px;
    right: 5px;
    position: absolute;
    width: 5px;
}

.language-box-item .menu-popup-item-icon {
    display: none;
}

.language-box-item .menu-popup-item-text {
    margin-right: 2px;
    color: #727a87;
}

.language-box-item {
    padding-right: 25px;
}

.language-box-item .menu-popup-item-right {
    background: url("images/bx24-login-sprite5.png") no-repeat 100px;
    right: 5px;
    width: 17px;
}

.language-box-item.ru .menu-popup-item-right {
    background-position: -311px -459px;
}

.language-box-item.en .menu-popup-item-right {
    background-position: -311px -500px;
}

.language-box-item.de .menu-popup-item-right {
    background-position: -311px -480px;
}

.language-box-item.ua .menu-popup-item-right {
    background-position: -311px -536px;
}

.language-box-item.la .menu-popup-item-right {
    background-position: -311px -681px;
}

.language-box-item.ru:hover .menu-popup-item-right {
    background: url("images/bx24-login-sprite5.png") no-repeat -311px -459px #f0f0f0 !important;
}

.language-box-item.en:hover .menu-popup-item-right {
    background: url("images/bx24-login-sprite5.png") no-repeat -311px -500px #f0f0f0 !important;
}

.language-box-item.de:hover .menu-popup-item-right {
    background: url("images/bx24-login-sprite5.png") no-repeat -311px -480px #f0f0f0 !important;
}

.language-box-item.ua:hover .menu-popup-item-right {
    background: url("images/bx24-login-sprite5.png") no-repeat -311px -536px #f0f0f0 !important;
}

.language-box-item.la:hover .menu-popup-item-right {
    background: url("images/bx24-login-sprite5.png") no-repeat -311px -681px #f0f0f0 !important;
}

.language-value {
    color: #727a87;
    display: inline-block;
    font-size: 12px;
    line-height: 11px;
    margin-top: 5px;
    vertical-align: top;
}

.errortext,
.notetext {
    background: #f9ebee;
    border-radius: 6px;
    font-weight: 600;
    color: #bb404c;
    font-size: 14px;
    min-height: 16px;
    margin: 0 0 12px;
    padding: 10px 0 10px 42px;
    position: relative;
}

.notetext {
    background-color: #d6eecd;
    color: #33823d;
    padding: 10px 0 10px 16px;
}

.errortext:before {
    background: url(images/bx24-login-sprite5.png) no-repeat -293px -416px;
    content: "";
    height: 17px;
    left: 12px;
    margin-top: -9px;
    top: 50%;
    position: absolute;
    width: 19px;
}

.login-text-title {
    color: #505a6a;
    border-bottom: 1px solid #ecedee;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.login-text {
    white-space: normal;
    color: #727a87;
    font-size: 14px;
    line-height: 22px;
}

.login-text-padding {
    padding: 0 46px;
}

.login-text-img {
    text-align: center;
}

.log-popup-caption-wrap {
    bottom: -1px;
    left: 0;
    height: 1px;
    position: absolute;
    width: 100%;
}

.log-popup-caption {
    box-sizing: border-box;
    color: #005e94;
    font-size: 15px;
    left: 0;
    padding: 0 15px;
    position: absolute;
    top: 25px;
    text-align: center;
    width: 100%;
}

.log-popup-caption a {
    color: #005e94;
    transition: color 190ms ease;
}

.log-popup-caption a:hover {
    color: #fff;
}

.log-creation-title {
    padding: 30px 0 37px;
    text-align: center;
}

.log-creation-title-text {
    color: #21619a;
    font-size: 38px;
}

.log-creation-title-descript {
    color: #555;
    font-size: 24px;
}

.log-status-bar {
    margin-bottom: 12px;
    text-align: center;
}

.log-status-bar-block {
    background-color: #766c51;
    border-top: 1px solid #5c543f;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 #766c51;
    display: inline-block;
    margin-top: 28px;
    height: 23px;
    padding: 0 2px;
    width: 580px;
}

.log-status-bar-stripe-wrap {
    height: 20px;
    position: relative;
}

.log-status-bar-stripe {
    background: url(images/bx24-login-sprite5.png) repeat-x 0 -817px;
    border-radius: 12px;
    height: 20px;
    left: 0;
    top: 1px;
    position: absolute;
}

.log-status-bar-descript {
    color: #555;
    font-size: 17px;
    text-align: center;
    text-shadow: 0 1px #fff;
    padding: 6px 0 3px;
}

.log-popup-finish-text {
    color: #555;
    font-size: 24px;
    text-align: center;
}

.log-popup-finish-text .login-item-link {
    border: none;
    font-size: 24px;
    text-decoration: underline;
}

.log-finish-btn-wrap {
    padding: 16px 0 0;
    text-align: center;
}

.log-creation-finish-title {
    padding-bottom: 18px;
}

.log-header-additional-wrap {
    display: inline-block;
    text-align: right;
}

.log-header-additional-text {
    border-bottom: 2px solid #cdf0ff;
    color: #2fc6f7;
    vertical-align: bottom;
    text-decoration: none;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
    line-height: 20px;
    position: relative;
    bottom: 3px;
    transition: border-color ease-in-out .1s;
    font-size: 14px;
    text-transform: uppercase;
}

.login-tr-btn {
    color: #2fc6f7;
    border: 2px solid #2fc6f7;
    display: inline-block;
    outline: none !important;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
    border-radius: 20px;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    font-size: 21px !important;
}

.login-tr-btn:hover {
    color: #1ab8eb !important;
    border: 2px solid #1ab8eb;
}

.login-tr-btn.login-btn:active {
    color: #1ab8eb !important;
    border: 2px solid #1ab8eb;
}

.login-wrapper {
    display: flex;
    margin-bottom: 19px;
}

.login-wrapper-inputs {
    flex: 1;
    margin: 10px 0 0;
}

.login-wrapper-qr {
    display: flex;
    margin: 10px 0 0 18px;
}

.login-wrapper-qr-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 148px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13);
    cursor: pointer;
    transition: .1s;
}

.login-wrapper-qr-text {
    padding: 0 15px;
    font-size: 11px;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
    color: #545c68;
}

.login-wrapper-qr-icon {
    display: block;
    width: 49px;
    height: 49px;
    margin-bottom: 15px;
    background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1886 8.90239C10.0189 8.73328 9.78492 8.63633 9.54558 8.63633C9.30621 8.63633 9.07219 8.73328 8.90254 8.90239C8.73344 9.07207 8.63648 9.30602 8.63648 9.54543C8.63648 9.78484 8.73344 10.0187 8.90254 10.1885C9.07164 10.3576 9.30617 10.4545 9.54558 10.4545C9.78492 10.4545 10.0189 10.3576 10.1886 10.1885C10.3577 10.0188 10.4547 9.78484 10.4547 9.54543C10.4547 9.30602 10.3577 9.07207 10.1886 8.90239Z' fill='%23545C68'/%3E%3Cpath d='M13.1818 5H5.9091C5.40703 5 5 5.40703 5 5.9091V13.1818C5 13.6839 5.40703 14.0909 5.9091 14.0909H13.1818C13.6839 14.0909 14.0909 13.6839 14.0909 13.1818V5.9091C14.0909 5.40703 13.6839 5 13.1818 5ZM12.2727 12.2727H6.81816V6.81816H12.2727L12.2727 12.2727Z' fill='%23545C68'/%3E%3Cpath d='M21.0969 8.90239C20.9278 8.73328 20.6939 8.63633 20.4545 8.63633C20.2151 8.63633 19.9805 8.73328 19.8114 8.90239C19.6423 9.07207 19.5454 9.30602 19.5454 9.54543C19.5454 9.78484 19.6423 10.0187 19.8114 10.1885C19.9805 10.3576 20.2151 10.4545 20.4545 10.4545C20.6938 10.4545 20.9278 10.3576 21.0969 10.1885C21.2666 10.0188 21.3636 9.78484 21.3636 9.54543C21.3636 9.30602 21.2666 9.07207 21.0969 8.90239Z' fill='%23545C68'/%3E%3Cpath d='M24.0909 5H16.8182C16.3161 5 15.9091 5.40703 15.9091 5.9091V13.1818C15.9091 13.6839 16.3161 14.0909 16.8182 14.0909H24.0909C24.593 14.0909 25 13.6839 25 13.1818V5.9091C25 5.40703 24.593 5 24.0909 5ZM23.1818 12.2727H17.7273V6.81816H23.1818L23.1818 12.2727Z' fill='%23545C68'/%3E%3Cpath d='M10.1886 19.8115C10.0189 19.6424 9.78492 19.5454 9.54558 19.5454C9.30621 19.5454 9.07219 19.6424 8.90254 19.8115C8.73344 19.9812 8.63648 20.2151 8.63648 20.4545C8.63648 20.6939 8.73344 20.9278 8.90254 21.0976C9.07164 21.2667 9.30617 21.3636 9.54558 21.3636C9.78492 21.3636 10.0189 21.2667 10.1886 21.0976C10.3577 20.9279 10.4547 20.6939 10.4547 20.4545C10.4547 20.2151 10.3577 19.9812 10.1886 19.8115Z' fill='%23545C68'/%3E%3Cpath d='M13.1818 15.9091H5.9091C5.40703 15.9091 5 16.3161 5 16.8182V24.0909C5 24.5929 5.40703 25 5.9091 25H13.1818C13.6839 25 14.0909 24.5929 14.0909 24.0909V16.8182C14.0909 16.3161 13.6839 15.9091 13.1818 15.9091ZM12.2727 23.1818H6.81816V17.7273H12.2727L12.2727 23.1818Z' fill='%23545C68'/%3E%3Cpath d='M21.0606 19.5454H20.4546C19.9525 19.5454 19.5455 19.9525 19.5455 20.4545C19.5455 20.9566 19.9525 21.3636 20.4546 21.3636H21.0606C21.5627 21.3636 21.9697 20.9566 21.9697 20.4545C21.9697 19.9525 21.5627 19.5454 21.0606 19.5454Z' fill='%23545C68'/%3E%3Cpath d='M24.0909 21.3636C23.5888 21.3636 23.1818 21.7706 23.1818 22.2727V23.1818H21.0606C20.5585 23.1818 20.1515 23.5888 20.1515 24.0909C20.1515 24.593 20.5585 25 21.0606 25H24.0909C24.593 25 25 24.5929 25 24.0909V22.2727C25 21.7706 24.593 21.3636 24.0909 21.3636Z' fill='%23545C68'/%3E%3Cpath d='M16.8182 19.5454C16.3161 19.5454 15.9091 19.9525 15.9091 20.4545V21.6666C15.9091 22.1687 16.3161 22.5757 16.8182 22.5757C17.3202 22.5757 17.7273 22.1687 17.7273 21.6666V20.4545C17.7273 19.9525 17.3202 19.5454 16.8182 19.5454Z' fill='%23545C68'/%3E%3Cpath d='M21.0606 15.9091H19.2424C18.7403 15.9091 18.3333 16.3161 18.3333 16.8182C18.3333 17.3203 18.7403 17.7273 19.2424 17.7273H21.0606C21.5626 17.7273 21.9697 17.3203 21.9697 16.8182C21.9697 16.3161 21.5626 15.9091 21.0606 15.9091Z' fill='%23545C68'/%3E%3Cpath d='M8.1671e-05 1C8.1671e-05 0.447715 0.447797 2.11272e-07 1.00008 2.11272e-07H4.83341C5.3857 2.11272e-07 5.83342 0.447715 5.83342 1C5.83342 1.55229 5.3857 2 4.83341 2H1.00008C0.447797 2 8.1671e-05 1.55229 8.1671e-05 1Z' fill='%23545C68'/%3E%3Cpath d='M1.00008 2.11272e-07C1.55237 2.35413e-07 2 0.447716 2 1L2 4.83333C2 5.38562 1.55228 5.83333 1 5.83333C0.447715 5.83333 -2.41411e-08 5.38562 0 4.83333L8.1671e-05 1C8.1671e-05 0.447715 0.447797 2.11272e-07 1.00008 2.11272e-07Z' fill='%23545C68'/%3E%3Cpath d='M29.9999 29C29.9999 29.5523 29.5522 30 28.9999 30H25.1666C24.6143 30 24.1666 29.5523 24.1666 29C24.1666 28.4477 24.6143 28 25.1666 28H28.9999C29.5522 28 29.9999 28.4477 29.9999 29Z' fill='%23545C68'/%3E%3Cpath d='M28.9999 30C28.4476 30 28 29.5523 28 29V25.1667C28 24.6144 28.4477 24.1667 29 24.1667C29.5523 24.1667 30 24.6144 30 25.1667L29.9999 29C29.9999 29.5523 29.5522 30 28.9999 30Z' fill='%23545C68'/%3E%3Cpath d='M29 8.18385e-05C29.5523 8.18627e-05 30 0.447797 30 1.00008V4.83342C30 5.3857 29.5523 5.83342 29 5.83342C28.4477 5.83342 28 5.3857 28 4.83341V1.00008C28 0.447797 28.4477 8.18144e-05 29 8.18385e-05Z' fill='%23545C68'/%3E%3Cpath d='M30 1.00008C30 1.55237 29.5523 2 29 2L25.1667 2C24.6144 2 24.1667 1.55228 24.1667 1C24.1667 0.447715 24.6144 -4.82823e-08 25.1667 0L29 8.18385e-05C29.5523 8.18627e-05 30 0.447797 30 1.00008Z' fill='%23545C68'/%3E%3Cpath d='M1 29.9999C0.447715 29.9999 1.95737e-08 29.5522 4.37149e-08 28.9999L2.11276e-07 25.1666C2.35417e-07 24.6143 0.447715 24.1666 1 24.1666C1.55229 24.1666 2 24.6143 2 25.1666L2 28.9999C2 29.5522 1.55228 29.9999 1 29.9999Z' fill='%23545C68'/%3E%3Cpath d='M4.37149e-08 28.9999C9.19971e-08 28.4476 0.447716 28 1 28L4.83333 28C5.38562 28 5.83333 28.4477 5.83333 29C5.83333 29.5523 5.38562 30 4.83333 30L1 29.9999C0.447715 29.9999 1.95737e-08 29.5522 4.37149e-08 28.9999Z' fill='%23545C68'/%3E%3C/svg%3E") center no-repeat;
    background-size: contain;
    opacity: .7;
}

.log-popup-form-input {
    display: inline-flex;
    min-width: 100%;
    flex-direction: column;
    text-align: left;
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    transition: .5s;
    transform: translateX(-20%);
}

.log-popup-form-input.--show {
    margin-left: 0;
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.log-popup-form-qr {
    display: inline-flex;
    min-width: 100%;
    flex-direction: column;
    align-items: center;
    white-space: normal;
    pointer-events: none;
    opacity: 0;
    transition: .5s;
    transform: translateX(-20%);
}

.log-popup-form-qr.--show {
    transform: translateX(-100%);
    opacity: 1;
    pointer-events: auto;
}

.log-popup-form-qr-icon {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
    border: 3px solid transparent;
    border-radius: 5px;
}

.log-popup-form-qr-icon:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, .82);
    border-radius: 5px;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
}

.log-popup-form-qr-icon.--success:after,
.log-popup-form-qr-icon.--loading:after {
    opacity: 1;
    pointer-events: auto;
}

.log-popup-form-qr-icon.--success {
    border-color: #8dba00;
}

.log-popup-form-qr-icon.--loading {
    border-color: #00c7f9;
}

.log-popup-form-qr-icon-status {
    position: absolute;
    width: 140px;
    height: 140px;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -70px;
    border-radius: 100%;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    transition: .1s;
}

.log-popup-form-qr-icon.--success .log-popup-form-qr-icon-status.--success,
.log-popup-form-qr-icon.--loading .log-popup-form-qr-icon-status.--loading {
    opacity: 1;
    pointer-events: auto;
}

.log-popup-form-qr-icon-status.--success:before {
    content: '';
    position: absolute;
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    border-radius: 100%;
    background: #8ebb00;
}

.log-popup-form-qr-icon-status.--success:after {
    content: '';
    position: absolute;
    width: 0;
    opacity: 0;
    height: 45px;
    top: 47px;
    left: 42px;
    z-index: 9;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='26' viewBox='0 0 34 26'%3E%3Cpath fill='%23FFF' d='M7.44782416,8.15053747 C7.88965194,8.15053747 8.24782412,8.50870965 8.24782412,8.95053743 L8.24739503,19.0275375 L31.1834909,19.0279193 C31.6253186,19.0279193 31.9834908,19.3860915 31.9834908,19.8279192 L31.9834908,24.7543484 C31.9834908,25.1961762 31.6253186,25.5543484 31.1834909,25.5543484 L2.52139498,25.5543484 C2.07956721,25.5543484 1.72139503,25.1961762 1.72139503,24.7543484 L1.72139503,8.95053743 C1.72139503,8.50870965 2.07956721,8.15053747 2.52139498,8.15053747 L7.44782416,8.15053747 Z' transform='rotate(-45 7.196 12.852)'/%3E%3C/svg%3E") left center no-repeat;
    background-size: 59px 45px;
}

.log-popup-form-qr-icon.--success .log-popup-form-qr-icon-status.--success:after {
    animation: log-popup-form-qr-icon-status .3s linear forwards;
    animation-delay: .1s;
}

@keyframes log-popup-form-qr-icon-status {
    0% {
        width: 0;
        opacity: 0;
    }
    100% {
        opacity: 1;
        width: 59px;
    }
}

.log-popup-form-qr-icon.--loading:after {
    pointer-events: auto;
    opacity: 1;
    background: rgba(255, 255, 255, .75);
}

.log-popup-form-qr-icon .main-ui-loader-svg-circle {
    stroke: #00c7f9;
}

.log-popup-form-qr-icon .main-ui-loader.main-ui-show {
    z-index: 999;
}

.log-popup-form-qr-icon-img {
    width: 220px;
    height: 220px;
}

.log-popup-form-qr-header {
    margin-bottom: 15px;
    text-align: center;
    font-family: var(--intranet-pub-font-family-primary);
    font-weight: 500;
    color: #333;
}

.log-popup-form-qr-header--top {
    display: block;
    margin-bottom: 10px;
    font-size: 27px;
}

.log-popup-form-qr-header--bottom {
    display: block;
    font-size: 15px;
}

.log-socservice-wrapper {
    display: flex;
    justify-content: center;
    margin: 27px 0 26px;
    padding: 13px;
    background: rgba(241, 245, 246, .8);
    border-radius: 32px;
}

.login-checkbox-user-remember {
    margin: 4px 5px 0 4px;
    vertical-align: top;
}

.log-popup-form-qr-remember {
    margin-bottom: 15px;
}

.login-inner.--full-width {
    width: 100%;
}