@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Light.eot");
  src: local("Segoe UI Light"), local("SegoeUI-Light"), url("../fonts/segoe/SegoeUI-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Light.woff") format("woff"), url("../fonts/segoe/SegoeUI-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-BoldItalic.eot");
  src: local("Segoe UI Bold Italic"), local("SegoeUI-BoldItalic"), url("../fonts/segoe/SegoeUI-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-BoldItalic.woff") format("woff"), url("../fonts/segoe/SegoeUI-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-SemiBold.eot");
  src: local("Segoe UI Semibold"), local("SegoeUI-SemiBold"), url("../fonts/segoe/SegoeUI-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-SemiBold.woff") format("woff"), url("../fonts/segoe/SegoeUI-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI.eot");
  src: local("Segoe UI"), local("SegoeUI"), url("../fonts/segoe/SegoeUI.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI.woff") format("woff"), url("../fonts/segoe/SegoeUI.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Bold.eot");
  src: local("Segoe UI Bold"), local("SegoeUI-Bold"), url("../fonts/segoe/SegoeUI-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Bold.woff") format("woff"), url("../fonts/segoe/SegoeUI-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Segoe UI';
  src: url("../fonts/segoe/SegoeUI-Italic.eot");
  src: local("Segoe UI Italic"), local("SegoeUI-Italic"), url("../fonts/segoe/SegoeUI-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/segoe/SegoeUI-Italic.woff") format("woff"), url("../fonts/segoe/SegoeUI-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.profile-panel {
  width: 320px;
  background-color: #1c1710;
  height: 100%;
  font-size: 14px;
  min-height: calc(100% - 65px);
  padding: 35px 25px;
  position: relative; }
  .profile-panel .online-status {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    color: #999; }
    .profile-panel .online-status.success {
      color: #2DB72D; }
  .profile-panel .addition-info {
    font-size: 14px;
    display: block;
    line-height: 30px; }
    .profile-panel .addition-info .icon {
      font-size: 12px;
      margin-right: 0; }
      .profile-panel .addition-info .icon:before {
        position: relative;
        top: 0px; }
  .profile-panel .info-side {
    text-align: center; }
    .profile-panel .info-side .photo-cover {
      margin: 25px auto;
      position: relative;
      display: inline-block; }
    .profile-panel .info-side .file-group {
      margin: 0;
      padding: 0;
      width: 20px;
      height: 20px;
      background-color: #ff9100;
      border-radius: 50%;
      text-align: center;
      position: absolute;
      bottom: 0;
      right: 0; }
      .profile-panel .info-side .file-group.error {
        background-color: #ff4700; }
    .profile-panel .info-side .file-label {
      display: inline-block; }
      .profile-panel .info-side .file-label .icon {
        position: static;
        opacity: 1;
        color: #000;
        font-size: 12px;
        width: auto;
        height: auto; }
  .profile-panel .studio-info .hidden-title {
    display: none; }
  .profile-panel .studio-info .balance {
    margin: 15px 0;
    color: #ff9100;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.84px; }
    .profile-panel .studio-info .balance .currency {
      font-size: 26px;
      font-weight: 400;
      letter-spacing: 0.78px; }
  .profile-panel .studio-info .paragraph {
    color: #fff; }
    .profile-panel .studio-info .paragraph .default {
      color: #999; }
  .profile-panel .studio-info .form-side {
    margin-top: 20px; }
  .profile-panel .short-info {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0; }
  .profile-panel .login-info {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 20px; }
  .profile-panel .form-side {
    vertical-align: top; }
  .profile-panel .bordered-side {
    margin: 20px -25px 0;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    padding: 20px 25px;
    color: #fff;
    font-size: 14px; }
  .profile-panel .profile-image {
    width: 110px;
    height: 110px;
    padding-top: 0;
    background-color: #000;
    border-radius: 50%;
    display: block; }
  .profile-panel .name {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center; }
  .profile-panel .profile-form {
    margin: 20px 0; }
    .profile-panel .profile-form .input-group {
      padding: 5px 0;
      color: #a2a2a2; }
      .profile-panel .profile-form .input-group.link:hover {
        color: #ff9100; }
      .profile-panel .profile-form .input-group .icon {
        font-size: 20px;
        margin-right: 5px; }
        .profile-panel .profile-form .input-group .icon:before {
          position: relative;
          top: 2px; }
    .profile-panel .profile-form .mode-group {
      display: inline-block; }
    .profile-panel .profile-form .checkbox {
      display: inline-block;
      margin-left: 5px; }
      .profile-panel .profile-form .checkbox.hidden-lg {
        display: none; }
      .profile-panel .profile-form .checkbox .helper {
        display: inline-block;
        vertical-align: middle; }
      .profile-panel .profile-form .checkbox label {
        margin: 0 5px; }
    .profile-panel .profile-form .btn {
      font-size: 14px;
      vertical-align: middle;
      margin-top: -4px; }
    .profile-panel .profile-form .bold {
      font-weight: 600;
      color: #fff;
      margin: 0 3px; }
      .profile-panel .profile-form .bold.primary {
        color: #ff9100; }
  .profile-panel .profile-nav {
    margin: 20px -25px 0;
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    padding: 10px 0; }
    .profile-panel .profile-nav li {
      color: #95989a;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.36px;
      line-height: 20px;
      cursor: pointer;
      padding: 10px 0; }
      .profile-panel .profile-nav li a {
        display: flex;
        padding: 5px 26px;
        position: static;
        color: #95989a; }
      .profile-panel .profile-nav li .hidden-xs {
        display: inline;
        padding: 0; }
        .profile-panel .profile-nav li .hidden-xs:before {
          display: none; }
      .profile-panel .profile-nav li span {
        display: block;
        padding: 0 25px;
        position: relative; }
        .profile-panel .profile-nav li span:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          width: 5px;
          background-color: #ff9100;
          z-index: 2;
          transition: .2s;
          -webkit-transform: scaleY(0);
          transform: scaleY(0); }
        .profile-panel .profile-nav li span .icon:before {
          position: relative;
          top: 2px; }
      .profile-panel .profile-nav li.active, .profile-panel .profile-nav li:hover {
        color: #ff9100; }
        .profile-panel .profile-nav li.active span:before, .profile-panel .profile-nav li:hover span:before {
          -webkit-transform: scaleY(1);
          transform: scaleY(1); }
  .profile-panel .support-form {
    margin-top: 20px; }
    .profile-panel .support-form .title {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.6px; }
    .profile-panel .support-form .inline-form {
      border-radius: 3px;
      background-color: #313131;
      padding: 20px;
      margin-top: 7px;
      position: relative; }
      .profile-panel .support-form .inline-form .form-group {
        margin-bottom: 0; }
        .profile-panel .support-form .inline-form .form-group .input {
          font-size: 12px; }
      .profile-panel .support-form .inline-form .btn {
        position: absolute;
        right: -8px;
        top: 0;
        /*background-color: red;*/
        height: 40px;
        width: 40px; }
    .profile-panel .support-form .subtitle {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      margin: 0 0 5px; }
  .profile-panel .model-link {
    font-size: 0;
    white-space: nowrap;
    display: block;
    padding: 8px 0; }
    .profile-panel .model-link .image-photo {
      width: 24px;
      height: 24px;
      position: relative;
      overflow: hidden;
      -webkit-perspective: 1;
      perspective: 1;
      margin-right: 10px;
      display: inline-block;
      vertical-align: middle;
      border-radius: 50%;
      transition: box-shadow .3s; }
      .profile-panel .model-link .image-photo img {
        width: 100%; }
    .profile-panel .model-link .name {
      color: #fff;
      font-size: 14px;
      font-weight: 400;
      letter-spacing: 0.42px;
      width: calc(100% - 34px);
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      transition: color .3s; }
    .profile-panel .model-link:hover .image-photo {
      box-shadow: 0 0 0 2px #ff9100; }
    .profile-panel .model-link:hover .name {
      color: #ff9100; }
  .profile-panel .user-favourites {
    margin-top: 20px; }
    .profile-panel .user-favourites .title {
      color: #898989;
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.36px;
      line-height: 20px;
      margin: 0 0 15px; }

.support-wrap {
  display: none; }

@media (max-width: 768px) {
  .support-wrap {
    display: block;
    padding: 0 15px 20px;
    margin-top: 45px; }
    .support-wrap .support-form .title {
      font-size: 20px;
      font-weight: 700;
      letter-spacing: 0.6px; }
    .support-wrap .support-form .inline-form {
      border-radius: 3px;
      background-color: #313131;
      padding: 20px;
      margin-top: 7px;
      position: relative; }
      .support-wrap .support-form .inline-form .form-group {
        margin-bottom: 0; }
        .support-wrap .support-form .inline-form .form-group .input {
          font-size: 12px; }
      .support-wrap .support-form .inline-form .btn {
        position: absolute;
        right: -8px;
        top: 0;
        height: 40px;
        width: 40px; }
    .support-wrap .support-form .subtitle {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      margin: 0 0 5px; }
  .profile-panel {
    padding-bottom: 35px;
    height: auto;
    min-height: auto; }
    .profile-panel.fixed-panel {
      position: fixed;
      left: 0;
      top: 0;
      overflow: auto;
      max-height: 100%; }
    .profile-panel.bottom-panel {
      position: absolute;
      bottom: 0;
      left: 0; }
    .profile-panel .support-form {
      display: none; }
    .profile-panel .studio-info .visible-tablet {
      display: none; }
    .profile-panel .studio-info .form-side {
      margin-top: 0; }
      .profile-panel .studio-info .form-side .btn {
        padding: 0;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        font-size: 24px; }
    .profile-panel .model-link {
      text-align: center; }
      .profile-panel .model-link .image-photo {
        width: 35px;
        height: 35px;
        margin-right: 0; }
    .profile-panel .bordered-side {
      margin-left: -20px;
      margin-right: -20px;
      padding-left: 20px;
      padding-right: 20px; }
  .profile-panel.collapsed {
    z-index: 5;
    width: 60px;
    padding-left: 10px;
    padding-right: 10px; }
    .profile-panel.collapsed .hidden-xs {
      display: none; }
    .profile-panel.collapsed .section-subtitle {
      margin-bottom: 15px; }
    .profile-panel.collapsed .primary-side {
      text-align: left; }
    .profile-panel.collapsed .info-title {
      text-align: center; }
      .profile-panel.collapsed .info-title .icon {
        font-size: 20px; }
      .profile-panel.collapsed .info-title .count {
        display: block; }
    .profile-panel.collapsed .photo-cover {
      margin: 0;
      padding-bottom: 10px; }
    .profile-panel.collapsed .profile-image {
      height: 40px;
      width: 40px; }
    .profile-panel.collapsed .addition-info {
      font-size: 12px; }
    .profile-panel.collapsed .name {
      display: none; }
    .profile-panel.collapsed .profile-form {
      text-align: center; }
      .profile-panel.collapsed .profile-form .input-group {
        padding: 0;
        margin-bottom: 15px; }
        .profile-panel.collapsed .profile-form .input-group:last-child {
          margin-bottom: 0; }
      .profile-panel.collapsed .profile-form .checkbox.hidden-lg {
        display: block; }
      .profile-panel.collapsed .profile-form .checkbox label {
        margin: 7px 0 0; }
      .profile-panel.collapsed .profile-form .checkbox .helper {
        display: none; }
      .profile-panel.collapsed .profile-form .icon {
        font-size: 28px;
        margin-right: 0;
        display: block; }
      .profile-panel.collapsed .profile-form .bold {
        font-size: 12px;
        margin: 5px 0 10px;
        display: block; }
      .profile-panel.collapsed .profile-form .status-info {
        margin-top: 7px; }
      .profile-panel.collapsed .profile-form .btn {
        padding-left: 0;
        padding-right: 0;
        display: block;
        margin-top: 25px;
        width: 40px;
        height: 40px;
        border-radius: 50%; }
        .profile-panel.collapsed .profile-form .btn .icon {
          font-size: 20px; }
        .profile-panel.collapsed .profile-form .btn.hidden-xs {
          display: none; }
    .profile-panel.collapsed .profile-nav {
      margin-left: -10px;
      margin-right: -10px; }
      .profile-panel.collapsed .profile-nav li {
        text-align: center;
        font-size: 28px;
        padding-top: 15px;
        padding-bottom: 15px; }
        .profile-panel.collapsed .profile-nav li .hidden-xs {
          display: none; }
        .profile-panel.collapsed .profile-nav li .large-xs {
          font-size: 30px; }
        .profile-panel.collapsed .profile-nav li span {
          padding: 0 18px; }
  .profile-panel.full-display {
    background-color: transparent;
    padding: 20px 10px 20px 20px; }
    .profile-panel.full-display .short-info {
      margin: 10px 0; }
    .profile-panel.full-display .info-side {
      border-radius: 3px;
      background-color: #313131;
      padding: 20px; }
    .profile-panel.full-display .profile-image {
      height: 100px;
      width: 100px;
      margin: 0 auto 17px; } }

@media (max-width: 480px) {
  .profile-panel.collapsed .profile-image {
    height: 40px;
    width: 40px; }
  .profile-panel.collapsed .profile-nav {
    margin-left: -10px;
    margin-right: -10px; }
    .profile-panel.collapsed .profile-nav li span {
      padding: 0; } }