@charset "UTF-8";
/* variables */
/* ╨│╨┤╨╡-╤В╨╛ ╨╕╤Б╨┐╨╛╨╗╤М╨╖╤Г╨╡╤В╤Б╤П? site-width */
/*$site-width: 1154px;*/
/* ==================== */
.container, .registration-form > .title, .registration-form .organization_info, .registration-form .user_info, .registration-form .line {
  float: left;
  width: 100%; }

/* ==================== */
/* variables */
/* ╨│╨┤╨╡-╤В╨╛ ╨╕╤Б╨┐╨╛╨╗╤М╨╖╤Г╨╡╤В╤Б╤П? site-width */
/*$site-width: 1154px;*/
/* ==================== */
.container, .registration-form > .title, .registration-form .organization_info, .registration-form .user_info, .registration-form .line {
  float: left;
  width: 100%; }

/* ==================== */
.mform input::-webkit-input-placeholder {
  color: #fff; }
.mform input:-moz-placeholder {
  color: #fff; }
.mform .form-field {
  position: relative;
  display: inline-block;
  width: 100%; }
.mform .form-field-multi {
  position: relative;
  float: left;
  width: 100%; }
.mform input[type="text"],
.mform input[type="password"],
.mform textarea,
.mform select {
  width: 100%;
  border: 1px solid #cb9959;
  border-radius: 4px;
  background: none;
  resize: none; }
.mform textarea {
  height: 48px;
  resize: vertical; }
.mform select {
  width: 263px; }
.mform input[type="text"],
.mform input[type="password"] {
  height: 2.4em;
  padding: 0 5px;
  box-sizing: border-box; }
.mform textarea {
  height: 4.8em;
  padding: 5px; }
.mform input[type="text"] + label,
.mform input[type="password"] + label,
.mform textarea + label {
  /*width: 100%;*/
  float: left;
  pointer-events: none;
  line-height: 1em;
  margin-top: -1.7em;
  margin-bottom: 1.6em;
  margin-left: 15px;
  padding: 0 1px;
  transition: all 0.3s ease-in-out;
  color: #767676; }
  .mform input[type="password"] + label{
    width: 100%;
  }
.mform input[type="text"] + label > font,
.mform input[type="password"] + label > font,
.mform textarea + label > font {
  padding: 0 1px;
  margin: 0 -1px; }
.mform input[type="text"]:optional + label,
.mform input[type="password"]:optional + label,
.mform textarea:optional + label {
  background: #fff; }
.mform input[type="text"]:required + label > font,
.mform input[type="password"]:required + label > font,
.mform textarea:required + label > font {
  background: #fff; }
.mform input[type="text"]:focus + label,
.mform input[type="text"].not-empty + label,
.mform input[type="password"]:focus + label,
.mform input[type="password"].not-empty + label,
.mform textarea:focus + label,
.mform textarea.not-empty + label,
.mform input[type="text"]:focus + label > font,
.mform input[type="text"].not-empty + label > font,
.mform input[type="password"]:focus + label > font,
.mform input[type="password"].not-empty + label > font,
.mform textarea:focus + label > font,
.mform textarea.not-empty + label > font {
  transition-duration: 0.5s;
  transform: translateY(-1.4em) scale(1, 1);
  color: #cb9959 !important; }
.mform textarea + label {
  margin-top: -4.1em;
  margin-bottom: 4.2em; }
.mform label sup {
  position: relative;
  color: #ff0000; }
.mform .helper {
  float: right;
  width: 20px;
  height: 2.3em;
  position: relative;
  top: calc(-2em - 5px);
  margin-bottom: calc(-2em - 4px);
  background: #cb9959;
  border: none;
  border-radius: 0 4px 4px 0;
  color: #fff; }
.mform .pswd-progress {
  display: none;
  height: 5px;
  width: 100%; }
.mform input[name="password"].not-empty ~ .pswd-progress {
  display: block;
  float: left;
  margin-bottom: 12px;
  margin-top: -13px;
  margin-left: 2px; }
.mform .pswd-progress > div {
  float: left;
  height: 3px; }
.mform .pswd-progress .bad {
  width: 33%;
  background: red; }
.mform .pswd-progress .good {
  width: 50%;
  background: yellow; }
.mform .pswd-progress .very-good {
  width: 97%;
  background: green; }
.mform .hint {
  color: #f00;
  /*display: none; */
}
.mform .withapp .hint {
    margin-top: -10px;
    margin-bottom: 14px;
}

.mform input[type="text"].not-empty ~ .hint,
.mform input[type="password"].not-empty ~ .hint {
  display: block;
  float: left;
  margin-bottom: 20px;
  margin-top: -10px;
  width: 100%;
  color: #f00; }

.registration-form {
  display: none;
  width: 544px;
  margin: 0 auto; }
  .registration-form input[type="text"]:optional + label,
  .registration-form input[type="password"]:optional + label,
  .registration-form textarea:optional + label {
    background: #313131;
    color: #b7b7b7; }
  .registration-form input[type="text"]:required + label > font,
  .registration-form input[type="password"]:required + label > font,
  .registration-form textarea:required + label > font {
    background: #313131;
    color: #b7b7b7; }
  .registration-form label, .registration-form label font {
    color: #fff; }
  .registration-form > .title {
    margin: 0 0 28px 0;
    font-size: 18px;
    text-align: center;
    color: #fff; }
  .registration-form .inn-field, .registration-form .kpp-field {
    width: 45%; }
  .registration-form .inn-field {
    float: left; }
  .registration-form .kpp-field {
    float: right; }
  .registration-form .jq-select-multiple {
    display: none !important; }
  .registration-form .ui-multiselect {
    margin-bottom: 13px;
    height: 2.4em; }
  .registration-form .ui-multiselect span {
    color: #fff; }
  .registration-form fieldset {
    position: relative;
    width: 263px; }
    .registration-form fieldset .form-sbmt {
      display: none;
      float: left;
      margin-top: 94px; }
    .registration-form fieldset .form-sbmt span {
      color: #fff;
      float: left;
      font-size: 12px;
      padding-bottom: 5px; }
    .registration-form fieldset .button_reg {
      bottom: 15px;
      width: 172px;
      height: 24px;
      border: none;
      background: url('../sprite-s00287da08e.png') 0 -190px no-repeat; }
    .registration-form fieldset .button_reg:hover {
      background: url('../sprite-s00287da08e.png') 0 -166px no-repeat; }
  .registration-form .line {
    height: 1px;
    margin: 4px 0 15px;
    background: #dadada; }
  .registration-form .jq-selectbox {
    width: 100%; }
  .registration-form #register_done * {
    color: #fff; }

.ui-multiselect-menu li.separator {
  padding-top: 5px;
  margin: 8px 0 5px;
  border-top: 1px solid #ccc; }