section.content header {
  margin-bottom: 40px; }

.project_steps_wrp {
  width: 960px;
  margin: 0px auto; }

.project_steps {
  position: relative;
  width: 100%;
  /*width: -webkit-calc(100% + 40px);
  width: -moz-calc(100% + 40px);
  width: calc(100% + 40px);*/
  height: 80px;
  /*left: -20px;*/
  margin-bottom: 30px;
  padding-top: 15px; }
  .project_steps .project_step_one {
    position: relative;
    width: 20%;
    height: 80px;
    float: left; }
    .project_steps .project_step_one .step_name {
      display: block;
      width: 100%;
      font-size: 12.5px;
      color: #a0a0a0;
      line-height: 18px;
      text-align: center;
      padding-bottom: 4px; }
    .project_steps .project_step_one > div {
      position: relative;
      width: 100%;
      height: 6px;
      background-color: #61DA13; }
      .project_steps .project_step_one > div:after {
        position: absolute;
        content: "";
        top: -4px;
        right: -7px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #61DA13;
        z-index: 10; }
    .project_steps .project_step_one .step_date_begin,
    .project_steps .project_step_one .step_date_finish {
      position: absolute;
      top: 40px;
      right: -30px;
      width: 60px;
      font-size: 12.5px;
      color: #3f5765;
      line-height: 20px;
      text-align: center; }
    .project_steps .project_step_one .step_date_begin {
      left: -30px;
      right: auto; }
    .project_steps .project_step_one.current .step_name {
      color: #3f5765; }
    .project_steps .project_step_one.current > div:after {
      width: 10px;
      height: 10px;
      border: 2px solid #61DA13;
      background-color: #fff; }
    .project_steps .project_step_one.current ~ .project_step_one > div {
      background-color: #e6ebee; }
      .project_steps .project_step_one.current ~ .project_step_one > div:after {
        width: 10px;
        height: 10px;
        border: 2px solid #e6ebee;
        background-color: #fff; }
    .project_steps .project_step_one.current ~ .project_step_one .step_date_finish {
      display: none; }
    .project_steps .project_step_one:first-child > div:before {
      position: absolute;
      content: "";
      top: -4px;
      left: -7px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #61DA13;
      z-index: 10; }

.project_members {
  width: 100%; }

.project_members_group {
  width: 100%;
  display: table;
  margin-bottom: 40px; }
  .project_members_group .left_part,
  .project_members_group .right_part {
    display: table-cell;
    vertical-align: top; }
  .project_members_group .left_part {
    width: 310px;
    padding-right: 30px; }
    .project_members_group .left_part h3 {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 40px;
      font-family: Avenir Next, Segoe UI, Helvetica Neue, Arial, sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: #2b3a42;
      line-height: 38px;
      text-transform: uppercase;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      padding-left: 15px;
      white-space: nowrap;
      border-left: 5px solid transparent;
      border-bottom: 1px solid #d9dcde; }
    .project_members_group .left_part .member_leftlink {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      height: 40px;
      font-size: 14px;
      font-weight: normal;
      color: #a0a0a0;
      line-height: 38px;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      padding-left: 60px;
      border-bottom: 1px solid #d9dcde;
      cursor: pointer;
      /*@include transition(all .2s ease);*/ }
      .project_members_group .left_part .member_leftlink div.email_wrp {
        display: none;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 5px 10px 5px 0px; }
        .project_members_group .left_part .member_leftlink div.email_wrp label {
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          color: #606060;
          height: 40px;
          font-size: 14px;
          line-height: 38px; }
        .project_members_group .left_part .member_leftlink div.email_wrp input.email_addnew {
          display: block;
          width: 100%;
          font-size: 14px;
          font-family: Arial, sans-serif;
          color: #606060;
          line-height: 20px;
          padding-top: 4px;
          padding-bottom: 4px;
          background-color: transparent;
          outline: 0px none;
          border-bottom: 1px solid #3f5765; }
        .project_members_group .left_part .member_leftlink div.email_wrp input.email_addnew::-webkit-input-placeholder {
          color: #a0a0a0;
          opacity: 1; }
        .project_members_group .left_part .member_leftlink div.email_wrp input.email_addnew::-moz-placeholder {
          color: #a0a0a0;
          opacity: 1; }
        .project_members_group .left_part .member_leftlink div.email_wrp input.email_addnew:-moz-placeholder,
        .project_members_group .left_part .member_leftlink div.email_wrp input.email_addnew:-ms-input-placeholder {
          color: #a0a0a0;
          opacity: 1; }
      .project_members_group .left_part .member_leftlink div.email_btns {
        display: none;
        width: 100%;
        height: 40px;
        text-align: right;
        padding: 5px 10px 5px 0px;
        font-size: 0px; }
        .project_members_group .left_part .member_leftlink div.email_btns button {
          display: inline-block;
          height: 30px;
          border-radius: 3px;
          cursor: pointer;
          outline: 0px none; }
          .project_members_group .left_part .member_leftlink div.email_btns button.email_add {
            background-color: #61DA13;
            color: #fff;
            font-size: 12px;
            font-family: Arial, sans-serif;
            padding: 0px 17px;
            margin-left: 10px;
            -webkit-transition: background-color 0.2s ease;
            -moz-transition: background-color 0.2s ease;
            -o-transition: background-color 0.2s ease;
            transition: background-color 0.2s ease; }
            .project_members_group .left_part .member_leftlink div.email_btns button.email_add:hover {
              background-color: #5bcc12; }
            .project_members_group .left_part .member_leftlink div.email_btns button.email_add.disabled {
              pointer-events: none;
              background-color: #a0a0a0;
              opacity: 0.6; }
          .project_members_group .left_part .member_leftlink div.email_btns button.email_cancel {
            background-color: transparent;
            color: #3f5765;
            font-size: 12px;
            padding: 0px 15px;
            -webkit-transition: background-color 0.2s ease;
            -moz-transition: background-color 0.2s ease;
            -o-transition: background-color 0.2s ease;
            transition: background-color 0.2s ease; }
            .project_members_group .left_part .member_leftlink div.email_btns button.email_cancel:hover {
              text-decoration: underline; }
      .project_members_group .left_part .member_leftlink:hover {
        color: #3f5765;
        border-bottom-color: #e6ebee; }
      .project_members_group .left_part .member_leftlink.active {
        color: #3f5765;
        border-bottom-color: #e6ebee;
        cursor: default; }
        .project_members_group .left_part .member_leftlink.active > span {
          display: none; }
        .project_members_group .left_part .member_leftlink.active div.email_wrp,
        .project_members_group .left_part .member_leftlink.active div.email_btns {
          display: block; }
      .project_members_group .left_part .member_leftlink.member_addnew {
        min-height: 40px;
        height: auto;
        background: #fff url(../img/member_add_new.png) 24px 11px no-repeat;
        background-size: auto 18px; }
        .project_members_group .left_part .member_leftlink.member_addnew:hover, .project_members_group .left_part .member_leftlink.member_addnew.active {
          background: #e6ebee url(../img/member_add_new_hover.png) 24px 11px no-repeat;
          background-size: auto 18px; }
      .project_members_group .left_part .member_leftlink.member_newmsg {
        background: #fff url(../img/member_new_msg.png) 20px center no-repeat;
        background-size: auto 16px; }
        .project_members_group .left_part .member_leftlink.member_newmsg:hover {
          background: #e6ebee url(../img/member_new_msg_hover.png) 20px center no-repeat;
          background-size: auto 16px; }
  .project_members_group .right_part .member {
    position: relative;
    width: 100%;
    min-height: 112px;
    background-color: #e6ebee;
    border-radius: 4px;
    border-left: 5px solid transparent;
    padding: 10px 140px 12px 20px;
    margin-bottom: 20px; }
    .project_members_group .right_part .member:last-child {
      margin-bottom: 0px; }
    .project_members_group .right_part .member .member_name {
      font-size: 15px;
      font-weight: bold;
      color: #0a1217;
      line-height: 24px; }
    .project_members_group .right_part .member .member_company {
      font-size: 12px;
      color: #a0a0a0;
      line-height: 20px;
      margin-bottom: 2px; }
    .project_members_group .right_part .member .member_tel,
    .project_members_group .right_part .member .member_email {
      font-size: 15px;
      color: #3f5765;
      line-height: 22px; }
    .project_members_group .right_part .member .member_email {
      display: inline-block; }
      .project_members_group .right_part .member .member_email:hover {
        text-decoration: underline; }
    .project_members_group .right_part .member .member_photo {
      position: absolute;
      width: 80px;
      height: 80px;
      top: 16px;
      right: 40px;
      border-radius: 50%;
      overflow: hidden;
      background-size: cover !important;
      font-family: Avenir Next, Segoe UI, Helvetica Neue, Arial, sans-serif;
      font-size: 36px;
      text-align: center;
      line-height: 74px; }
    .project_members_group .right_part .member .member_delete {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      border-radius: 50%;
      background: transparent url(../img/member_delete.png) center no-repeat;
      background-size: 8.5px 8.5px;
      opacity: 0;
      -webkit-transition: all 0.25s ease-out;
      -moz-transition: all 0.25s ease-out;
      -o-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out;
      -webkit-transform: scale(0.5);
      -moz-transform: scale(0.5);
      -ms-transform: scale(0.5);
      -o-transform: scale(0.5);
      transform: scale(0.5); }
      .project_members_group .right_part .member .member_delete:hover {
        background: rgba(43, 58, 66, 0.07) url(../img/member_delete.png) center no-repeat;
        background-size: 8.5px 8.5px; }
    .project_members_group .right_part .member:hover .member_delete {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .project_members_group[data-type="ch1"] .left_part h3 {
    border-left-color: #61DA13; }
  .project_members_group[data-type="ch1"] .right_part .member {
    border-left-color: #61DA13; }
    .project_members_group[data-type="ch1"] .right_part .member .member_photo {
      color: #61DA13; }
    .project_members_group[data-type="ch1"] .right_part .member.no_photo .member_photo {
      border: 2px solid #61DA13; }
  .project_members_group[data-type="ch2"] .left_part h3 {
    border-left-color: #ff611a; }
  .project_members_group[data-type="ch2"] .right_part .member {
    border-left-color: #ff611a; }
    .project_members_group[data-type="ch2"] .right_part .member .member_photo {
      color: #ff611a; }
    .project_members_group[data-type="ch2"] .right_part .member.no_photo .member_photo {
      border: 2px solid #ff611a; }
  .project_members_group[data-type="ch3"] .left_part h3 {
    border-left-color: #3f5765; }
  .project_members_group[data-type="ch3"] .right_part .member {
    border-left-color: #3f5765; }
    .project_members_group[data-type="ch3"] .right_part .member .member_photo {
      color: #3f5765; }
    .project_members_group[data-type="ch3"] .right_part .member.no_photo .member_photo {
      border: 2px solid #3f5765; }
  .project_members_group[data-type="ch4"] .left_part h3 {
    border-left-color: #a0a0a0; }
  .project_members_group[data-type="ch4"] .right_part .member {
    border-left-color: #a0a0a0; }
    .project_members_group[data-type="ch4"] .right_part .member .member_photo {
      color: #a0a0a0; }
    .project_members_group[data-type="ch4"] .right_part .member.no_photo .member_photo {
      border: 2px solid #a0a0a0; }

/*# sourceMappingURL=2.css.map */