.content-container.login {
  padding: 0;
  height: 100vh;
  background: #26547C;
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap; }
  .content-container.login .left {
    width: 40%;
    background: white;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-flow: column nowrap;
    padding-top: 100px;
    padding-bottom: 50px;
    box-sizing: border-box;
    overflow-y: scroll; }
    @media (max-width: 768px) {
      .content-container.login .left {
        padding-top: 50px; } }
    @media (max-width: 1000px) {
      .content-container.login .left {
        width: 55%; } }
    @media (max-width: 768px) {
      .content-container.login .left {
        width: 100vw; } }
    .content-container.login .left img.logo {
      width: 130px;
      margin-bottom: 24px; }
    .content-container.login .left h3 {
      margin-bottom: 24px; }
    .content-container.login .left .switch {
      cursor: pointer;
      margin: 0;
      margin-top: 16px; }
    .content-container.login .left .forgot {
      cursor: pointer;
      margin: 0;
      margin-top: 24px; }
    .content-container.login .left .row:last-of-type {
      margin-bottom: 16px; }
  .content-container.login .right {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1000px) {
      .content-container.login .right {
        width: 45%; } }
    @media (max-width: 768px) {
      .content-container.login .right {
        display: none; } }
    .content-container.login .right img {
      width: 50%;
      max-height: 50%;
      object-fit: contain; }
  .content-container.login .container {
    max-width: 360px;
    padding: 32px;
    margin-bottom: 0;
    display: block; }
    @media (max-width: 768px) {
      .content-container.login .container {
        max-width: 95vw; } }
    .content-container.login .container .third-party-container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
      cursor: pointer;
      margin-bottom: 16px; }
      .content-container.login .container .third-party-container:last-child {
        margin-bottom: 0; }
      .content-container.login .container .third-party-container .third-party {
        height: 50px;
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .content-container.login .container .third-party-container .third-party .logo {
          height: 30px;
          width: 30px;
          background-size: contain; }
          .content-container.login .container .third-party-container .third-party .logo.google {
            background-image: url("/static/img/login/google.svg");
            height: 28px;
            width: 28px; }
          .content-container.login .container .third-party-container .third-party .logo.github {
            background-image: url("/static/img/login/github.svg");
            margin-right: 4px; }
      .content-container.login .container .third-party-container p {
        padding-right: 10px; }
    .content-container.login .container .title-container.left-right-container {
      width: 100%;
      height: min-content;
      transition: all 0.1s ease-in-out;
      border-radius: 32px;
      margin-bottom: 24px; }
      .content-container.login .container .title-container.left-right-container.secondary-shadow {
        box-shadow: 0 10px 25px 0 rgba(253, 96, 95, 0.15); }
      .content-container.login .container .title-container.left-right-container.tertiary-shadow {
        box-shadow: 0 10px 25px 0 rgba(53, 186, 190, 0.15); }
      .content-container.login .container .title-container.left-right-container h4 {
        align-self: center;
        cursor: pointer;
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 16px;
        color: #333;
        transition: all 0.1s ease-in-out; }
        .content-container.login .container .title-container.left-right-container h4:first-child {
          border-radius: 32px 0 0 32px; }
        .content-container.login .container .title-container.left-right-container h4:last-child {
          border-radius: 0 32px 32px 0; }
        .content-container.login .container .title-container.left-right-container h4.active.secondary {
          background: #FD605F;
          color: white; }
        .content-container.login .container .title-container.left-right-container h4.active.tertiary {
          background: #35babe;
          color: white; }
    .content-container.login .container p {
      text-align: center; }


.profile-card {
  width: 380px;
  max-width: 100%;
  height: min-content;
  border-radius: 24px;
  display: flex;
  flex-flow: column nowrap;
  transition: all 400ms ease;
  box-shadow: 0 15px 50px 0 rgba(51, 94, 164, 0.1);
  margin-right: 24px;
  margin-bottom: 24px;
  cursor: pointer; }
  .profile-card:hover {
    box-shadow: 0 20px 50px 0 rgba(51, 94, 164, 0.2);
    -webkit-transform: translate(0px, -5px);
    -ms-transform: translate(0px, -5px);
    transform: translate(0px, -5px); }
  .profile-card .top, .profile-card .middle, .profile-card .bottom {
    width: 100%; }
  .profile-card .top {
    height: 230px; }
    .profile-card .top .left {
      width: 170px; }
      .profile-card .top .left img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 24px 0 24px 0; }
    .profile-card .top .right {
      height: calc(100% - 20px);
      padding-left: 16px;
      padding-top: 16px;
      padding-right: 8px;
      width: calc(100% - 170px - 24px);
      display: flex;
      flex-flow: column nowrap;
      justify-content: space-between; }
      .profile-card .top .right .top-info h3 {
        line-height: 1.2em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .profile-card .top .right .top-info p {
        margin: 0;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.5); }
      .profile-card .top .right .top-info .profile-title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
      .profile-card .top .right .bottom-info {
        width: 100%;
        min-height: 110px;
        max-height: 125px; }
        .profile-card .top .right .bottom-info .star-container {
          height: 16px; }
          .profile-card .top .right .bottom-info .star-container .star {
            margin-right: 2px; }
        .profile-card .top .right .bottom-info .info-part {
          margin-top: calc(8px - 3px);
          margin-bottom: 0px;
          padding-top: 2px;
          padding-bottom: 2px;
          padding-left: 24px;
          background-position: 0px 50%;
          background-size: 16px;
          background-repeat: no-repeat;
          line-height: 1.3em;
          font-weight: 400;
          background-size: 12px 16px; }
          .profile-card .top .right .bottom-info .info-part.time {
            background-image: url("/static/img/icon/clock.svg"); }
          .profile-card .top .right .bottom-info .info-part.location {
            background-image: url("/static/img/icon/location.svg"); }
          .profile-card .top .right .bottom-info .info-part.student {
            background-image: url("/static/img/icon/avatar.svg"); }
          .profile-card .top .right .bottom-info .info-part.rate {
            background-image: url("/static/img/icon/dollarsign.svg"); }
          .profile-card .top .right .bottom-info .info-part p {
            font-size: 14px;
            margin: 0; }
  .profile-card .middle {
    width: 100%;
    height: 106px;
    box-sizing: border-box;
    padding: 16px;
    padding-bottom: 8px;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden; }
    .profile-card .middle .tag {
      margin-bottom: 12px; }
  .profile-card .bottom {
    height: 50px;
    border-top: 1px solid #eaeaea;
    border-radius: 0 0 24px 24px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 400ms ease; }
    .profile-card .bottom .full-profile-btn {
      color: #333;
      transition: all 400ms ease; }
    .profile-card .bottom:hover {
      background: #FD605F; }
      .profile-card .bottom:hover .full-profile-btn {
        color: white; }

.content-container.messages .right-content {
  height: calc(100vh - 70px);
  width: 100%;
  flex-flow: column nowrap; }
  .content-container.messages .right-content .top {
    height: calc(100% - 65px);
    width: 100%; }

.thread-container {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 8px;
  border-radius: 12px;
  cursor: pointer; }
  .thread-container.active, .thread-container:hover {
    background: #EAEEF2; }
  .thread-container .thread-avatar {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-right: 12px;
    object-fit: cover; }
  .thread-container .thread-message {
    height: 50px;
    flex: 1;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center; }
    .thread-container .thread-message p {
      margin: 0; }
    .thread-container .thread-message .top {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .thread-container .thread-message .top p {
        margin-bottom: 8px; }
      .thread-container .thread-message .top .subtitle {
        max-width: 80%;
        font-weight: 500;
        color: #333;
        font-size: 15px; }
      .thread-container .thread-message .top .date {
        font-size: 14px; }
    .thread-container .thread-message .bottom {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between; }
      .thread-container .thread-message .bottom p {
        font-size: 14px;
        color: #8F9092; }
      .thread-container .thread-message .bottom .missed {
        background: #26547C;
        height: 16px;
        width: 16px;
        border-radius: 50%;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 12px; }

#messages-container {
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 66px);
  overflow-y: auto;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }
  @media (max-width: 768px) {
    #messages-container {
      height: calc(100% - 66px); } }
  #messages-container .new-date {
    align-self: center;
    margin-bottom: 8px; }
  #messages-container .time-slot {
    font-size: 12px;
    margin: 0; }
  #messages-container .load-more-container {
    align-self: center;
    margin-bottom: 12px; }
    #messages-container .load-more-container .btn {
      background: #EAEEF2;
      border: 1px solid rgba(38, 84, 124, 0.25);
      color: #333; }
  #messages-container .no-messages {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    #messages-container .no-messages p {
      margin: 0; }
  #messages-container .message {
    display: flex;
    flex-flow: column nowrap;
    width: max-content;
    max-width: 400px;
    min-height: max-content;
    margin-bottom: 8px; }
    #messages-container .message.from-me {
      align-self: flex-end; }
      #messages-container .message.from-me .time-slot {
        align-self: flex-end; }
      #messages-container .message.from-me .message-content {
        align-self: flex-end; }
    #messages-container .message .message-author {
      margin: 0;
      margin-bottom: 8px;
      margin-top: 16px;
      color: #333;
      font-size: 15px; }
    #messages-container .message .message-content {
      padding: 8px 12px;
      border-radius: 16px;
      background: #EAEEF2;
      margin-bottom: 8px;
      width: max-content;
      max-width: 100%;
      box-sizing: border-box; }
      #messages-container .message .message-content p {
        font-size: 14px; }
      #messages-container .message .message-content.files {
        cursor: pointer;
        max-width: max-content;
        display: flex;
        flex-flow: row nowrap;
        box-sizing: border-box;
        border: 1px solid #35babe; }
        #messages-container .message .message-content.files .icon-container {
          margin-right: 8px; }
      #messages-container .message .message-content.project-invite {
        padding: 16px;
        min-width: 350px;
        width: auto;
        position: relative; }
        #messages-container .message .message-content.project-invite .text-content h3 {
          margin-bottom: 8px;
          width: 95%; }
        #messages-container .message .message-content.project-invite .text-content .dates {
          margin-bottom: 16px; }
        #messages-container .message .message-content.project-invite .waiting-for-answer {
          height: 50px;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
      #messages-container .message .message-content.proposal {
        padding: 16px;
        min-width: 350px;
        width: auto;
        position: relative; }
        #messages-container .message .message-content.proposal .proposal-summary {
          width: 100%;
          box-sizing: border-box;
          padding: 8px;
          background: rgba(255, 255, 255, 0.5);
          margin-bottom: 8px;
          margin-top: 8px;
          border-radius: 8px; }
          #messages-container .message .message-content.proposal .proposal-summary .summary-row {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            width: 100%;
            padding: 4px;
            box-sizing: border-box; }
            #messages-container .message .message-content.proposal .proposal-summary .summary-row:first-of-type {
              padding-top: 0; }
            #messages-container .message .message-content.proposal .proposal-summary .summary-row:last-of-type {
              padding-top: 0;
              padding-bottom: 0; }
              #messages-container .message .message-content.proposal .proposal-summary .summary-row:last-of-type p {
                font-size: 24px; }
                #messages-container .message .message-content.proposal .proposal-summary .summary-row:last-of-type p span {
                  font-size: 16px; }
            #messages-container .message .message-content.proposal .proposal-summary .summary-row .flexrow {
              display: flex;
              flex-flow: row nowrap; }
        #messages-container .message .message-content.proposal .attachments {
          display: flex;
          flex-flow: row wrap; }
          #messages-container .message .message-content.proposal .attachments .contract {
            margin-right: 8px; }
            #messages-container .message .message-content.proposal .attachments .contract a {
              background: white; }
          #messages-container .message .message-content.proposal .attachments .file-container {
            margin: 0; }
      #messages-container .message .message-content .status {
        position: absolute;
        top: 16px;
        right: 16px;
        height: 16px;
        width: 16px; }
      #messages-container .message .message-content.answer {
        display: flex;
        flex-flow: row nowrap; }
        #messages-container .message .message-content.answer .svg-icon {
          margin-right: 8px; }
      #messages-container .message .message-content .file-container {
        display: flex;
        flex-flow: row nowrap;
        margin-top: 8px; }
        #messages-container .message .message-content .file-container .files {
          background: white;
          margin: 8px;
          margin-left: 0;
          margin-top: 0; }
    #messages-container .message .answer-buttons {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      height: 50px;
      margin-bottom: 8px; }
      #messages-container .message .answer-buttons .message-content {
        height: 100%;
        width: calc(50% - 4px);
        box-sizing: border-box;
        margin: 0;
        cursor: pointer; }
        #messages-container .message .answer-buttons .message-content.left, #messages-container .message .answer-buttons .message-content.right {
          height: 100%;
          display: flex;
          flex-flow: row nowrap;
          justify-content: center;
          align-items: center; }
          #messages-container .message .answer-buttons .message-content.left img, #messages-container .message .answer-buttons .message-content.right img {
            margin-right: 8px;
            opacity: 0.5; }
          #messages-container .message .answer-buttons .message-content.left:hover img, #messages-container .message .answer-buttons .message-content.right:hover img {
            opacity: 1; }
          #messages-container .message .answer-buttons .message-content.left .interested, #messages-container .message .answer-buttons .message-content.left .not-interested, #messages-container .message .answer-buttons .message-content.right .interested, #messages-container .message .answer-buttons .message-content.right .not-interested {
            display: flex;
            flex-flow: row nowrap; }
        #messages-container .message .answer-buttons .message-content.left {
          border: 1px solid rgba(250, 173, 20, 0.5); }
          #messages-container .message .answer-buttons .message-content.left:hover {
            border: 1px solid #faad14; }
        #messages-container .message .answer-buttons .message-content.right {
          border: 1px solid rgba(0, 204, 155, 0.5); }
          #messages-container .message .answer-buttons .message-content.right:hover {
            border: 1px solid #00cc9b; }

#message-input-container {
  height: 65px;
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
  display: flex;
  flex-flow: row nowrap; }
  #message-input-container .field {
    flex: 1;
    margin-right: 8px; }
    #message-input-container .field input {
      border-radius: 12px;
      height: 100%; }
  #message-input-container .options {
    display: flex;
    flex-flow: row nowrap; }
    #message-input-container .options #show-more-btn {
      margin-right: 4px; }
      @media (min-width: 769px) {
        #message-input-container .options #show-more-btn .btn {
          display: none; } }
    #message-input-container .options .show-hide {
      display: flex;
      flex-flow: row nowrap;
      margin-right: 4px; }
      @media (max-width: 768px) {
        #message-input-container .options .show-hide:not(.active) {
          display: none; } }
    #message-input-container .options .btn {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      margin-left: 4px; }
  #message-input-container .send-btn {
    margin: 0; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }
  .lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #575660;
    animation-timing-function: cubic-bezier(0, 1, 1, 0); }
    .lds-ellipsis div:nth-child(1) {
      left: 6px;
      animation: lds-ellipsis1 0.6s infinite; }
    .lds-ellipsis div:nth-child(2) {
      left: 6px;
      animation: lds-ellipsis2 0.6s infinite; }
    .lds-ellipsis div:nth-child(3) {
      left: 26px;
      animation: lds-ellipsis2 0.6s infinite; }
    .lds-ellipsis div:nth-child(4) {
      left: 45px;
      animation: lds-ellipsis3 0.6s infinite; }

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1); } }

@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(0); } }

@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(19px, 0); } }

.content-container.profile {
  padding: 0; }
  .content-container.profile .hero-div {
    width: 100%;
    padding-top: 184px;
    padding-bottom: 184px;
    background-image: url("/static/img/hero.svg"), linear-gradient(320deg, #396b96 30%, #224c70);
    background-position: 50% 0px, 0px 0px; }
  .content-container.profile .hero-profile-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 4%;
    padding-bottom: 60px;
    padding-left: 4%; }
    .content-container.profile .hero-profile-container .hero-profile {
      display: flex;
      flex-flow: column nowrap;
      max-width: 1120px;
      margin: -212px auto 32px; }
      .content-container.profile .hero-profile-container .hero-profile h2.profile-type {
        margin-bottom: 16px;
        color: white; }
        @media (max-width: 768px) {
          .content-container.profile .hero-profile-container .hero-profile h2.profile-type {
            color: #333; } }
      .content-container.profile .hero-profile-container .hero-profile .profile-content {
        display: flex;
        justify-content: space-between;
        flex-flow: row nowrap;
        align-items: flex-start; }
        @media (max-width: 768px) {
          .content-container.profile .hero-profile-container .hero-profile .profile-content {
            flex-flow: column nowrap; } }
        .content-container.profile .hero-profile-container .hero-profile .profile-content.company-user .profile-img {
          min-height: 300px; }
      @media (max-width: 768px) {
        .content-container.profile .hero-profile-container .hero-profile {
          flex-flow: column nowrap;
          padding: 16px;
          border-radius: 16px;
          background: white;
          box-shadow: 0 15px 50px 0 rgba(51, 94, 164, 0.1);
          max-width: 500px; } }
      .content-container.profile .hero-profile-container .hero-profile .profile-img {
        display: flex;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        position: relative;
        width: calc(30% - 32px);
        border-radius: 16px;
        background: white;
        background-position: 50% 50%;
        background-size: cover;
        box-shadow: 0 15px 50px 0 rgba(51, 94, 164, 0.1); }
        @media (max-width: 768px) {
          .content-container.profile .hero-profile-container .hero-profile .profile-img {
            height: 350px;
            width: 100%;
            margin-bottom: 24px; } }
        .content-container.profile .hero-profile-container .hero-profile .profile-img .availability {
          position: absolute;
          top: 12px;
          right: 12px;
          display: flex;
          flex-flow: row nowrap;
          top: 16px;
          right: 16px;
          padding: 8px 16px;
          background-color: rgba(0, 0, 0, 0.5);
          border-radius: 16px; }
          .content-container.profile .hero-profile-container .hero-profile .profile-img .availability .status {
            width: 16px;
            height: 16px;
            margin-right: 8px;
            border-radius: 50%; }
            .content-container.profile .hero-profile-container .hero-profile .profile-img .availability .status.green {
              background-color: #39e29b; }
            .content-container.profile .hero-profile-container .hero-profile .profile-img .availability .status.yellow {
              background-color: #e2c939; }
            .content-container.profile .hero-profile-container .hero-profile .profile-img .availability .status.red {
              background-color: #e23939; }
          .content-container.profile .hero-profile-container .hero-profile .profile-img .availability p {
            margin: 0;
            color: white;
            font-size: 12px; }
        .content-container.profile .hero-profile-container .hero-profile .profile-img .edit-profile {
          position: absolute;
          right: 8px;
          bottom: 8px;
          padding: 8px 16px;
          background-color: rgba(0, 0, 0, 0.5);
          border-radius: 16px;
          cursor: pointer; }
          .content-container.profile .hero-profile-container .hero-profile .profile-img .edit-profile p {
            margin: 0;
            color: white;
            font-size: 14px; }
      .content-container.profile .hero-profile-container .hero-profile .info {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-self: stretch;
        width: calc(70% - 24px * 2);
        padding: 24px;
        border-radius: 16px;
        background-color: #fff;
        box-shadow: 0 15px 50px 0 rgba(51, 94, 164, 0.1);
        text-align: left; }
        @media (max-width: 768px) {
          .content-container.profile .hero-profile-container .hero-profile .info {
            width: calc(100% - 24px * 2);
            min-height: auto;
            box-shadow: none;
            background: none;
            padding: 16px; } }
        .content-container.profile .hero-profile-container .hero-profile .info .name {
          margin-top: 0px;
          margin-right: 16px;
          color: #333;
          font-size: 34px;
          line-height: 1.2em;
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical; }
        .content-container.profile .hero-profile-container .hero-profile .info .reviews {
          display: flex;
          flex-flow: row wrap;
          align-items: center;
          justify-content: flex-start;
          margin-right: 16px; }
          .content-container.profile .hero-profile-container .hero-profile .info .reviews .review-link {
            display: flex;
            flex-flow: row nowrap; }
          .content-container.profile .hero-profile-container .hero-profile .info .reviews .star-container {
            height: 16px;
            margin-right: 8px; }
        .content-container.profile .hero-profile-container .hero-profile .info .description {
          margin: 0;
          margin-top: 8px;
          font-size: 16px;
          color: rgba(0, 0, 0, 0.5);
          overflow: hidden;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical; }
        .content-container.profile .hero-profile-container .hero-profile .info .bits {
          margin-top: 10px; }
          .content-container.profile .hero-profile-container .hero-profile .info .bits .info-part {
            float: left;
            margin-right: 16px;
            margin-top: calc(8px - 3px);
            margin-bottom: 0px;
            padding-top: 3px;
            padding-bottom: 3px;
            padding-left: 24px;
            background-image: url("/static/img/icon/clock.svg");
            background-position: 0px 50%;
            background-size: 16px;
            background-repeat: no-repeat;
            line-height: 1.3em;
            font-weight: 400;
            font-size: 16px; }
            .content-container.profile .hero-profile-container .hero-profile .info .bits .info-part.location {
              background-image: url("/static/img/icon/location.svg"); }
            .content-container.profile .hero-profile-container .hero-profile .info .bits .info-part.person {
              background-image: url("/static/img/icon/avatar.svg"); }
        .content-container.profile .hero-profile-container .hero-profile .info .numbers {
          margin-top: 16px;
          display: flex;
          flex-flow: row nowrap;
          margin-bottom: 20px; }
          @media (max-width: 768px) {
            .content-container.profile .hero-profile-container .hero-profile .info .numbers {
              flex-flow: row wrap;
              margin-bottom: 8px; } }
          .content-container.profile .hero-profile-container .hero-profile .info .numbers .number-container {
            display: flex;
            margin-top: 13px;
            margin-right: 40px;
            flex-direction: column; }
            @media (max-width: 768px) {
              .content-container.profile .hero-profile-container .hero-profile .info .numbers .number-container {
                margin-right: 25px; } }
            .content-container.profile .hero-profile-container .hero-profile .info .numbers .number-container .number p {
              margin-top: 0px;
              margin-bottom: 0px;
              font-size: 32px;
              line-height: 1.2em;
              font-weight: 600; }
            .content-container.profile .hero-profile-container .hero-profile .info .numbers .number-container .number span.small {
              margin-bottom: 3px;
              margin-left: 3px;
              font-size: 16px;
              font-weight: 600; }
          .content-container.profile .hero-profile-container .hero-profile .info .numbers p.description {
            margin-top: auto;
            margin-bottom: 5px;
            color: rgba(0, 0, 0, 0.3);
            font-size: 16px;
            font-weight: 600; }
        .content-container.profile .hero-profile-container .hero-profile .info .my-buttons button {
          margin-right: 8px; }
          @media (max-width: 768px) {
            .content-container.profile .hero-profile-container .hero-profile .info .my-buttons button:first-of-type {
              margin-bottom: 8px; } }
        .content-container.profile .hero-profile-container .hero-profile .info .bottom {
          display: flex;
          flex-flow: row nowrap;
          align-items: center;
          border-top: 1px solid #eaeaea;
          padding-top: 24px; }
          .content-container.profile .hero-profile-container .hero-profile .info .bottom .btn {
            margin-right: 16px; }
          .content-container.profile .hero-profile-container .hero-profile .info .bottom .contact-button {
            margin-right: 16px; }
          .content-container.profile .hero-profile-container .hero-profile .info .bottom p {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            max-width: 200px;
            color: rgba(0, 0, 0, 0.6); }
        .content-container.profile .hero-profile-container .hero-profile .info .logged-in-account-menu {
          position: absolute;
          top: 32px;
          right: 40px; }
        .content-container.profile .hero-profile-container .hero-profile .info .verified {
          position: absolute;
          top: 32px;
          right: 40px;
          display: flex;
          height: 32px;
          padding-left: 32px;
          align-items: center;
          background-image: url("https://global-uploads.webflow.com/5b59a7932a1de3468b857859/5c3324a5edb5fd6c8fb3cc2a_correct.svg");
          background-position: 0px 50%;
          background-repeat: no-repeat;
          color: #39e29b; }
          @media (max-width: 768px) {
            .content-container.profile .hero-profile-container .hero-profile .info .verified {
              display: none; } }
  .content-container.profile .main-content {
    max-width: 1120px;
    min-height: 100px;
    margin-right: auto;
    margin-left: auto; }
    @media (max-width: 768px) {
      .content-container.profile .main-content {
        flex-flow: column nowrap;
        justify-content: flex-start; } }
    .content-container.profile .main-content .left {
      width: 55%; }
      @media (max-width: 768px) {
        .content-container.profile .main-content .left {
          margin-bottom: 32px; } }
    .content-container.profile .main-content .right {
      width: calc(45% - 32px); }
    @media (max-width: 768px) {
      .content-container.profile .main-content .left, .content-container.profile .main-content .right {
        width: 100%; } }
    .content-container.profile .main-content .container {
      position: relative; }
      .content-container.profile .main-content .container:last-child {
        margin-bottom: 0; }
      .content-container.profile .main-content .container:first-child {
        margin-bottom: 32px; }
      .content-container.profile .main-content .container h2 {
        margin-bottom: 16px; }
        .content-container.profile .main-content .container h2.title-two {
          margin-top: 16px; }
      .content-container.profile .main-content .container .weak-text {
        color: rgba(0, 0, 0, 0.6);
        font-size: 16px;
        line-height: 1.4em;
        font-weight: 400; }
      .content-container.profile .main-content .container .plus-btn {
        align-self: center; }
      .content-container.profile .main-content .container.add-new-container {
        width: 100%;
        border: 2px dashed #b3b3b3;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center; }
      .content-container.profile .main-content .container#company-container {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start; }
        @media (max-width: 768px) {
          .content-container.profile .main-content .container#company-container {
            flex-flow: column nowrap; } }
        .content-container.profile .main-content .container#company-container .left-right-container {
          margin-bottom: 16px;
          width: auto;
          min-width: 50%; }
          @media (min-width: 769px) {
            .content-container.profile .main-content .container#company-container .left-right-container {
              justify-content: flex-start; } }
          @media (max-width: 768px) {
            .content-container.profile .main-content .container#company-container .left-right-container {
              flex-flow: column; } }
        .content-container.profile .main-content .container#company-container .image-container {
          margin-right: 24px; }
          @media (max-width: 768px) {
            .content-container.profile .main-content .container#company-container .image-container {
              margin-bottom: 8px; } }
          .content-container.profile .main-content .container#company-container .image-container img {
            object-fit: cover;
            height: 200px;
            width: 200px;
            border-radius: 50%;
            border: 1px solid #EAEEF2; }
        .content-container.profile .main-content .container#company-container .company-info-container {
          min-width: 25%;
          margin-right: 12px; }
          @media (max-width: 768px) {
            .content-container.profile .main-content .container#company-container .company-info-container {
              flex: 1; } }
          .content-container.profile .main-content .container#company-container .company-info-container .orgnr {
            margin-top: 4px; }
          .content-container.profile .main-content .container#company-container .company-info-container p {
            margin-bottom: 16px; }
        .content-container.profile .main-content .container#company-container .options {
          margin-left: 24px; }
      .content-container.profile .main-content .container#reviews .no-ratings {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column nowrap;
        width: 100%;
        height: 100px; }
        .content-container.profile .main-content .container#reviews .no-ratings p {
          margin-bottom: 8px; }
      .content-container.profile .main-content .container#reviews .reviews-info {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start; }
        .content-container.profile .main-content .container#reviews .reviews-info .info-title {
          margin-right: 16px; }
      .content-container.profile .main-content .container#reviews .review {
        padding: 24px 16px 32px 16px; }
        .content-container.profile .main-content .container#reviews .review.not-last {
          border-bottom: 1px solid #b3b3b3; }
        .content-container.profile .main-content .container#reviews .review .left {
          display: flex;
          flex-flow: column nowrap;
          width: max-content;
          margin-right: 16px; }
          .content-container.profile .main-content .container#reviews .review .left .header-avatar {
            height: 60px;
            width: 60px; }
        .content-container.profile .main-content .container#reviews .review .right {
          flex: 1; }
          .content-container.profile .main-content .container#reviews .review .right .star-container {
            margin-bottom: 8px; }
      .content-container.profile .main-content .container .project {
        padding-bottom: 8px; }
        .content-container.profile .main-content .container .project:not(:last-of-type) {
          margin-bottom: 24px; }
        .content-container.profile .main-content .container .project h3 {
          margin-bottom: 4px; }
        .content-container.profile .main-content .container .project .company-name {
          color: #333;
          font-size: 16px;
          margin-bottom: 8px; }
        .content-container.profile .main-content .container .project .project-description {
          padding-left: 8px;
          border-left: 2px solid #35babe; }

.slick-list {
  padding: 0 !important;
  overflow: hidden; }
  .slick-list .slick-track {
    display: flex;
    flex-flow: row nowrap; }

.slick-dots {
  display: flex !important;
  flex-flow: row nowrap;
  justify-content: center;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-top: 8px; }
  .slick-dots li {
    cursor: pointer;
    height: 20px;
    width: 20px;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    position: relative; }
    .slick-dots li button {
      background: transparent;
      border: 0;
      color: transparent;
      display: block;
      font-size: 0;
      line-height: 0;
      outline: none;
      padding: 5px;
      cursor: pointer;
      height: 20px;
      width: 20px; }

.slick-dots li button:before {
  color: #000;
  content: "\2022";
  font-family: slick;
  font-size: 20px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: .25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px; }

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: .75; }

.slide-container {
  height: 325px;
  max-width: 100%;
  cursor: pointer; }
  .slide-container .slider-box {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .slide-container .slider-box img {
      height: 100%;
      max-width: 100%;
      object-fit: contain;
      border-radius: 8px; }

.content-container.projects #right-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column nowrap;
  box-sizing: border-box;
  padding-top: 24px;
  padding-bottom: 24px;
  height: calc(100vh - 70px);
  width: 100%;
  box-sizing: border-box;
  overflow-y: scroll; }
  @media (min-width: 769px) {
    .content-container.projects #right-content {
      padding-top: 100px;
      padding-bottom: 100px; } }
  .content-container.projects #right-content .project-container {
    width: 97%;
    max-width: 600px; }
    @media (min-width: 769px) {
      .content-container.projects #right-content .project-container .back-container {
        display: none; } }
    .content-container.projects #right-content .project-container .back-container button.btn {
      margin-bottom: 16px; }

#left-content .project {
  margin-bottom: 8px;
  border-radius: 12px; }

#left-content .new-project {
  margin-bottom: 16px;
  border-radius: 12px; }

#left-content .project {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  cursor: pointer; }
  #left-content .project.active, #left-content .project:hover {
    background: #EAEEF2; }
  #left-content .project.new-project {
    justify-content: center;
    align-items: center; }
  #left-content .project .project-name {
    margin-bottom: 4px;
    font-size: 18px; }
  #left-content .project .dates {
    font-size: 14px; }
  #left-content .project .right {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto; }
    #left-content .project .right .project-status {
      height: 28px;
      width: 28px;
      padding: 6px;
      box-sizing: border-box;
      border-radius: 50%;
      background: #b3b3b3; }
      #left-content .project .right .project-status.invited {
        background: #35babe; }
      #left-content .project .right .project-status.interested {
        background: #35babe; }
        #left-content .project .right .project-status.interested .svg-icon {
          margin-left: 1px; }
      #left-content .project .right .project-status.ongoing {
        background: #26547C; }
      #left-content .project .right .project-status.done {
        background: #00CC9B; }

#project-info {
  width: 100%;
  box-sizing: border-box;
  padding: 24px;
  margin-bottom: 24px; }
  #project-info h2 {
    margin-bottom: 4px; }
  #project-info .dates {
    margin-bottom: 16px; }
  #project-info .information {
    line-height: 1.5em; }

#project-members {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 24px; }
  #project-members h3 {
    margin-bottom: 16px; }
  #project-members .member {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    padding: 8px;
    box-sizing: border-box;
    background: #EAEEF2;
    border-radius: 8px; }
    @media (min-width: 769px) {
      #project-members .member {
        justify-content: space-between; } }
    @media (max-width: 768px) {
      #project-members .member {
        flex-flow: column nowrap; } }
    #project-members .member:not(:last-of-type) {
      margin-bottom: 8px; }
    #project-members .member .top {
      display: flex;
      flex-flow: row nowrap; }
      @media (max-width: 768px) {
        #project-members .member .top {
          margin-bottom: 8px; } }
    #project-members .member .bottom {
      display: flex;
      flex-flow: row nowrap; }
      @media (max-width: 768px) {
        #project-members .member .bottom .btn {
          width: 100%; } }
    #project-members .member .avatar-container {
      height: 50px;
      width: 50px;
      position: relative;
      margin-right: 12px; }
      #project-members .member .avatar-container img {
        height: 100%;
        width: 100%;
        border-radius: 50%; }
      #project-members .member .avatar-container .status-container {
        position: absolute;
        height: 14px;
        width: 14px;
        background: #EAEEF2;
        border-radius: 50%;
        bottom: 1px;
        right: 1px;
        padding: 1px;
        box-sizing: border-box; }
        #project-members .member .avatar-container .status-container .status {
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background: #b3b3b3; }
          #project-members .member .avatar-container .status-container .status.invited {
            background: #35babe; }
          #project-members .member .avatar-container .status-container .status.interested {
            background: #35babe; }
          #project-members .member .avatar-container .status-container .status.working {
            background: #26547C; }
          #project-members .member .avatar-container .status-container .status.done {
            background: #00CC9B; }
    #project-members .member .mid {
      flex-grow: 1;
      display: flex;
      flex-flow: column nowrap;
      justify-content: center; }
      #project-members .member .mid .name {
        margin-bottom: 8px; }
  #project-members button.btn {
    border-radius: 8px;
    padding: 12px;
    margin-right: 8px; }

.search-options .subtitle {
  margin-bottom: 8px; }

.search-options .search-container {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 24px; }
  .search-options .search-container .cell.multicheckbox {
    max-width: 100%; }
  .search-options .search-container .field-container {
    display: flex;
    flex-flow: row wrap; }
    .search-options .search-container .field-container .with-label {
      display: flex;
      flex-flow: column nowrap; }
      .search-options .search-container .field-container .with-label p {
        font-size: 12px;
        margin: 0;
        margin-top: 4px; }
    .search-options .search-container .field-container .cell:not(:last-child), .search-options .search-container .field-container .with-label:not(:last-child) {
      margin-right: 8px; }
    .search-options .search-container .field-container.double {
      flex-flow: row nowrap; }
      .search-options .search-container .field-container.double .cell:last-child, .search-options .search-container .field-container.double .with-label:last-child {
        margin-left: 8px; }

.content-container.search {
  display: flex;
  flex-flow: row nowrap;
  width: 100vw;
  min-height: 100vh; }
  .content-container.search .left-content.search-options {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 24px;
    box-shadow: 0 15px 50px 0 rgba(51, 94, 164, 0.1); }
  .content-container.search .right-content {
    display: flex;
    flex-flow: column nowrap;
    padding-bottom: 50px;
    min-height: calc(100vh - 70px); }
    .content-container.search .right-content.isLoading {
      height: 100%;
      max-height: calc(100vh - 70px); }
      .content-container.search .right-content.isLoading .loading-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; }
        @media (max-width: 768px) {
          .content-container.search .right-content.isLoading .loading-container {
            height: calc(100% - 66px); } }
    @media (min-width: 769px) {
      .content-container.search .right-content .back {
        display: none; } }
    .content-container.search .right-content .search-results {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: flex-start;
      width: 100%;
      box-sizing: border-box;
      padding: 24px;
      padding-bottom: 0; }
      @media (max-width: 768px) {
        .content-container.search .right-content .search-results {
          flex-flow: column;
          align-items: center; } }
    .content-container.search .right-content .load-more-btn {
      display: flex;
      justify-content: center;
      margin-bottom: 24px; }

.divider {
  width: 100%;
  display: flex;
  flex-flow: row nowrap; }
  @media (max-width: 768px) {
    .divider {
      margin-top: 70px; } }
  .divider .sidebar-content {
    width: 25%;
    min-width: 350px;
    z-index: 1; }
    @media (max-width: 768px) {
      .divider .sidebar-content {
        width: 100vw;
        display: none; }
        .divider .sidebar-content.active {
          display: flex; } }
  .divider .main-content {
    width: 75%;
    display: flex;
    flex-flow: column nowrap; }
    @media (max-width: 768px) {
      .divider .main-content {
        width: 100vw;
        display: none; }
        .divider .main-content.active {
          display: block; } }

.contract-container {
  font-family: 'Roboto', sans-serif; }
  .contract-container p {
    color: red; }