/* stranger */
.stranger .nres-bdate-labels { position: static; margin: 0; }
.stranger .nres-info-section { padding-left: 236px; position: relative; margin-bottom: 70px; }
.nres-userpic { position: absolute; width: 255px; height: 328px; background: #fcfcfc url(i/resume/avatar.svg) no-repeat 50% 50%; left: -71px; top: 7px; background-size: cover; cursor: pointer; }
.nres-userpic.empty { background-size: auto; cursor: default; }
.stranger .tick { background: none; }
.stranger .l2form-input-flat { cursor: default; }
.stranger .l2form-label-radio,
.stranger .l2form-label-checkbox { cursor: default }
.stranger .l2form-input-flat-placeholder.required::after,
.stranger .l2form-item-title.required::after { display: none; }
.stranger .nres-item-upload { margin-left: 236px; }

.nres-textarea { border-left: 4px solid #ddd; font: 300 16px/25px "Open Sans"; padding: 4px 28px 7px; vertical-align: top; }

.stranger .nres-city { width: 198px; margin-right: 20px; }
.stranger .l2form-upload-item { cursor: pointer; }

.stranger .nres-employment-label { margin-top: 40px; }
.stranger .nres-education-header { margin-bottom: 55px; }

/* propose */

.nprop-phone-wrap { position: relative; z-index: 2;  }
.nprop-phone, .nprop-improve { background-image: url(i/eye.svg); background-repeat: no-repeat; background-position: 7px 50%; padding-left: 33px; font-weight: 400; }
.nprop-phone:active, .nprop-improve:active { background-position: 7px 55%; }

.nprop-improve {
    background-image: url(i/grafic.svg);
    background-position: 10px 50%;
    margin: 0 0 0 25px;
    background-color: #FF9E28;
}

.nprop-improve:hover {
    background-color: #FFAB44;
}

.nprop-vacancy-propose { color: #000; font: 300 16px/19px "Open Sans"; border-bottom: 1px solid #ccc; margin: 0 0 0 25px; text-decoration: none; display: inline-block; vertical-align: middle; cursor: pointer }
.nprop-vacancy-propose:hover { border-bottom-color: #000; }

.nprop-vacancies { transition: transform 200ms, opacity 200ms; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); display: none; z-index: 1; box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3); position: absolute; background: #fff; font: 300 15px/18px roboto; top: 53px; left: 50%; margin: 0 0 0 -250px; width: 500px; }
.nprop-vacancies.show { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
.nprop-vacancies:before { content: ""; position: absolute; width: 20px; height: 20px; background: #fff; right: 129px; top: -3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.nprop-vacancies-list { background: #fff; position: relative; padding: 20px 0; }

.nprop-vacancies-zero { padding: 15px 0; text-align: center; color: #999; }
.nprop-vacancies-add { display: inline-block; margin: 15px 0 0 0; }

.nprop-vacancy { text-align: left; font: 300 15px/18px roboto; color: #000; padding: 10px 15px 10px 55px; position: relative; cursor: pointer !important; display: block; width: auto; margin: 0; }
.nprop-vacancy > input + i { left: 20px; }
.nprop-vacancy:hover { background-color: #f3f3f3; }

.nprop-vacancy + .nprop-vacancies-add { margin: 25px 0 15px 0; }