@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-info {
  padding: 35px 20px;
  font-size: 14px; }
  .profile-info .btn-group-top {
    margin-bottom: 30px; }
  .profile-info .studio-info-mobile {
    display: none; }
  .profile-info.collapsed {
    padding-top: 0;
    padding-bottom: 0; }
  .profile-info .profile-settings {
    border-radius: 3px;
    background-color: #313131;
    padding: 20px;
    height: 100%; }
    .profile-info .profile-settings.subtract-height {
      height: calc(100% - 40px); }
    .profile-info .profile-settings.auto-height {
      height: auto; }
    .profile-info .profile-settings .mobile-filter-btn {
      display: none; }
    .profile-info .profile-settings .shadow-overlay {
      box-shadow: 0 5px 35px rgba(0, 0, 0, 0.5); }
      .profile-info .profile-settings .shadow-overlay .account-form .title-inner {
        padding-left: 15px; }
    .profile-info .profile-settings .filter-head {
      border-bottom: 2px solid #646565;
      padding-bottom: 20px; }
    .profile-info .profile-settings .inner-title {
      color: #fff;
      font-size: 18px;
      font-weight: 400;
      margin: 30px 0 20px; }
      .profile-info .profile-settings .inner-title.collapsed-top {
        margin-top: 0; }
      .profile-info .profile-settings .inner-title.collapsed {
        margin: 0; }
      .profile-info .profile-settings .inner-title.darken {
        color: #989898; }
    .profile-info .profile-settings .in-bl {
      display: inline-block; }
    .profile-info .profile-settings .account-form {
      border-bottom: 1px solid #989898;
      font-size: 0;
      margin-bottom: 10px;
      position: relative; }
      .profile-info .profile-settings .account-form .spaced-cell {
        padding: 0 20px; }
      .profile-info .profile-settings .account-form .account-icon {
        margin-right: 7px;
        font-size: 18px;
        transition: color .3s; }
        .profile-info .profile-settings .account-form .account-icon:before {
          position: relative;
          top: 2px; }
      .profile-info .profile-settings .account-form .title-inner {
        display: inline-block;
        vertical-align: top;
        width: 33%;
        color: #989898;
        font-size: 14px;
        font-weight: 400;
        padding: 7px 0; }
        .profile-info .profile-settings .account-form .title-inner .left-icon {
          margin-right: 10px; }
        .profile-info .profile-settings .account-form .title-inner .tooltip-helper {
          margin-left: 5px; }
        .profile-info .profile-settings .account-form .title-inner.primary {
          color: #ff9100; }
        .profile-info .profile-settings .account-form .title-inner.light {
          color: #fff; }
      .profile-info .profile-settings .account-form .static-inner {
        display: inline-block;
        vertical-align: top;
        width: 67%; }
        .profile-info .profile-settings .account-form .static-inner.hidden {
          display: none; }
      .profile-info .profile-settings .account-form .form-cell {
        width: 47%;
        display: inline-block;
        vertical-align: top;
        position: relative; }
        .profile-info .profile-settings .account-form .form-cell .icon {
          position: absolute;
          left: 15px;
          top: 10px;
          color: #fff;
          font-size: 14px; }
        .profile-info .profile-settings .account-form .form-cell .static-inner,
        .profile-info .profile-settings .account-form .form-cell .editable-inner {
          width: 100%; }
        .profile-info .profile-settings .account-form .form-cell.empty .icon,
        .profile-info .profile-settings .account-form .form-cell.empty .text {
          color: #999; }
      .profile-info .profile-settings .account-form .option-cell {
        width: 20%;
        display: inline-block;
        vertical-align: top; }
        .profile-info .profile-settings .account-form .option-cell .checkbox {
          -webkit-transform: translateY(7px);
          transform: translateY(7px); }
      .profile-info .profile-settings .account-form .editable-inner {
        display: inline-block;
        vertical-align: top;
        width: 67%; }
        .profile-info .profile-settings .account-form .editable-inner.hidden {
          display: none; }
        .profile-info .profile-settings .account-form .editable-inner.popup-inner {
          position: absolute;
          z-index: 10;
          width: 272px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
          border-radius: 3px; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner.to-bottom {
            margin-top: 7px;
            top: 100%; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner.to-bottom:after {
              bottom: 100%;
              border-bottom: 15px solid #313131; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner.to-top {
            bottom: 100%;
            margin-bottom: 7px; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner.to-top:after {
              top: 100%;
              border-top: 15px solid #313131; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner:after {
            content: '';
            position: absolute;
            left: 25px;
            border: 15px solid transparent; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner ~ .static-inner.hidden {
            display: inline-block;
            opacity: .3;
            pointer-events: none; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner .form-group {
            font-size: 14px; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .form-group .labeled ~ label {
              color: #ff9100; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner .form-title {
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            padding: 20px;
            background-color: #313131;
            border-radius: 3px 3px 0 0; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner .group-cover {
            background-color: #212121;
            padding: 10px 20px;
            max-height: 240px; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .group-cover.lighten {
              background-color: #313131;
              border-bottom: 1px solid #989898;
              padding-top: 20px;
              padding-bottom: 20px; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .group-cover.bordered {
              border-radius: 3px 3px 0 0; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .group-cover.collapsed {
              padding: 0; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .group-cover.calendar-cover {
              max-height: none; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner .letter {
            position: absolute;
            height: 30px;
            width: 30px;
            background-color: #a25c00;
            border-radius: 25px 25px 25px 0;
            margin-left: 5px;
            z-index: 1;
            color: #fff;
            text-align: center;
            line-height: 25px;
            font-size: 24px;
            top: -8px;
            left: 100%; }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list {
            margin-left: -20px; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list li {
              color: #fff;
              font-size: 14px;
              position: relative;
              padding: 5px 0 5px 15px;
              cursor: pointer; }
              .profile-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list li: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-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list li.active, .profile-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list li:hover {
                color: #ff9100; }
                .profile-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list li.active:before, .profile-info .profile-settings .account-form .editable-inner.popup-inner .selectable-list li:hover:before {
                  -webkit-transform: scaleY(1);
                  transform: scaleY(1); }
          .profile-info .profile-settings .account-form .editable-inner.popup-inner .btn-list {
            padding: 20px 10px;
            background-color: #313131;
            border-radius: 0 0 3px 3px;
            font-size: 0; }
            .profile-info .profile-settings .account-form .editable-inner.popup-inner .btn-list li {
              display: inline-block;
              padding: 0 10px; }
              .profile-info .profile-settings .account-form .editable-inner.popup-inner .btn-list li .btn {
                font-size: 12px; }
      .profile-info .profile-settings .account-form .title-position {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        width: 60%;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.42px; }
        .profile-info .profile-settings .account-form .title-position .text {
          color: #fff;
          padding: 7px 0; }
        .profile-info .profile-settings .account-form .title-position .alert {
          color: #ff4700; }
        .profile-info .profile-settings .account-form .title-position .title-input {
          padding: 7px 0;
          color: #fff;
          width: 100%;
          border: 0;
          border-radius: 0;
          background-color: transparent;
          margin-bottom: 0px;
          box-shadow: 0 1px 0 0 #ffe4bc;
          font-size: 14px;
          letter-spacing: 0.42px; }
          .profile-info .profile-settings .account-form .title-position .title-input.textarea-input {
            border: 0;
            overflow: hidden;
            padding: 0 0 7px;
            outline: none;
            margin-top: 7px;
            resize: none;
            margin-bottom: -4px;
            text-align: left; }
          .profile-info .profile-settings .account-form .title-position .title-input.no-lined {
            box-shadow: none; }
            .profile-info .profile-settings .account-form .title-position .title-input.no-lined:hover {
              box-shadow: 0 1px 0 0 #ffe4bc; }
            .profile-info .profile-settings .account-form .title-position .title-input.no-lined:focus {
              box-shadow: 0 1px 0 0 #ff9100; }
        .profile-info .profile-settings .account-form .title-position.to-bottom {
          -webkit-transform: translateY(1px);
          transform: translateY(1px); }
          .profile-info .profile-settings .account-form .title-position.to-bottom .input {
            border-radius: 0; }
            .profile-info .profile-settings .account-form .title-position.to-bottom .input:-webkit-autofill {
              -webkit-box-shadow: 0 0 0 100px #313131 inset;
              -webkit-text-fill-color: #fff; }
        .profile-info .profile-settings .account-form .title-position.error .title-input {
          box-shadow: 0 1px 0 0 #ff4700; }
      .profile-info .profile-settings .account-form .btn-group {
        text-align: right;
        display: inline-block;
        vertical-align: bottom;
        width: 40%; }
        .profile-info .profile-settings .account-form .btn-group .btn {
          margin-right: 20px; }
          .profile-info .profile-settings .account-form .btn-group .btn:last-child {
            margin-right: 0; }
      .profile-info .profile-settings .account-form .radio-group .radio-label {
        font-weight: 400; }
      .profile-info .profile-settings .account-form.header {
        background-color: #1c1710; }
        .profile-info .profile-settings .account-form.header .header-cell {
          font-size: 14px;
          vertical-align: middle;
          padding: 10px 15px; }
      .profile-info .profile-settings .account-form:hover .account-icon {
        color: #fff; }
    .profile-info .profile-settings .group-opened {
      height: 165px;
      background-color: #1c1710;
      padding: 20px 20px 20px 40px; }
    .profile-info .profile-settings .billing-info {
      color: #ff9100;
      font-size: 28px;
      font-weight: 600;
      letter-spacing: 0.9px;
      margin: 20px 0; }
      .profile-info .profile-settings .billing-info .currency {
        color: #ff9100;
        font-size: 26px;
        font-weight: 400;
        letter-spacing: 0.78px; }
    .profile-info .profile-settings .exchange {
      margin-bottom: 30px;
      line-height: 22px;
      font-size: 16px;
      color: #ffffff; }
      .profile-info .profile-settings .exchange .rate {
        font-size: 14px;
        color: #898989; }
    .profile-info .profile-settings .select-group {
      position: relative;
      text-align: left;
      font-size: 0;
      margin-bottom: 20px; }
      .profile-info .profile-settings .select-group:last-child {
        margin-bottom: 0px; }
      .profile-info .profile-settings .select-group .large-label {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        font-size: 14px;
        padding-right: 10px;
        font-weight: 400; }
      .profile-info .profile-settings .select-group .select-right {
        display: inline-block;
        width: 50%;
        font-size: 14px; }
      .profile-info .profile-settings .select-group .select-dark {
        width: 86px; }
      .profile-info .profile-settings .select-group.with-selecter .large-label {
        width: calc(100% - 86px); }
      .profile-info .profile-settings .select-group .selecter {
        width: 86px;
        display: inline-block;
        vertical-align: top;
        font-size: 14px; }
      .profile-info .profile-settings .select-group .checkbox {
        display: inline-block;
        margin-left: 10px;
        color: #fff; }
        .profile-info .profile-settings .select-group .checkbox label:before {
          height: 18px;
          width: 18px;
          margin-top: -10px;
          font-size: 10px; }
        .profile-info .profile-settings .select-group .checkbox label:after {
          height: 18px;
          width: 18px;
          margin-top: -12px;
          font-size: 12px; }
    .profile-info .profile-settings .country-list .item {
      padding: 7px 0;
      white-space: nowrap;
      cursor: pointer;
      position: relative; }
      .profile-info .profile-settings .country-list .item .flag-wrap {
        width: 21px;
        height: 21px;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px; }
        .profile-info .profile-settings .country-list .item .flag-wrap img {
          max-width: 100%;
          height: 100%; }
      .profile-info .profile-settings .country-list .item .text {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        max-width: calc(100% - 30px);
        transition: color .3s; }
      .profile-info .profile-settings .country-list .item:hover .text {
        color: #ff9100; }
      .profile-info .profile-settings .country-list .item.active .text {
        color: #ff9100; }
      .profile-info .profile-settings .country-list .item.active:before {
        content: '\e90a';
        font-size: 20px;
        font-family: 'icomoon';
        position: absolute;
        left: -30px;
        top: 4px;
        color: #ff9100; }
    .profile-info .profile-settings .table-outer {
      height: 300px;
      display: block;
      width: 100%; }
    .profile-info .profile-settings .activity-table {
      width: 100%;
      display: block;
      box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
      margin-bottom: 20px; }
      .profile-info .profile-settings .activity-table .search-form .search-result {
        left: -15px;
        margin-top: 6px;
        width: calc(100% + 30px); }
      .profile-info .profile-settings .activity-table tr {
        display: table;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed; }
      .profile-info .profile-settings .activity-table thead {
        text-align: left;
        border: 1px solid #1c1710;
        display: block; }
        .profile-info .profile-settings .activity-table thead tr {
          background-color: #000;
          color: #fff; }
        .profile-info .profile-settings .activity-table thead th {
          border-right: 1px solid #999;
          text-align: left;
          position: relative; }
          .profile-info .profile-settings .activity-table thead th.visible-md {
            display: none; }
          .profile-info .profile-settings .activity-table thead th:nth-child(3) {
            border-right: 0; }
          .profile-info .profile-settings .activity-table thead th .icon:not(.info-icon) {
            color: #999;
            position: absolute; }
          .profile-info .profile-settings .activity-table thead th .primary .icon {
            color: #ff9100; }
          .profile-info .profile-settings .activity-table thead th .input.dark ~ .icon {
            top: 22px; }
          .profile-info .profile-settings .activity-table thead th .search-btn:hover .filter-icon,
          .profile-info .profile-settings .activity-table thead th .search-btn:hover .icon-search,
          .profile-info .profile-settings .activity-table thead th .btn-regular:hover .filter-icon,
          .profile-info .profile-settings .activity-table thead th .btn-regular:hover .icon-search {
            color: #ff9100; }
          .profile-info .profile-settings .activity-table thead th .selecter .anchor {
            padding-left: 0; }
            .profile-info .profile-settings .activity-table thead th .selecter .anchor:after {
              color: #999;
              font-size: 70%;
              top: 10px; }
          .profile-info .profile-settings .activity-table thead th .selecter .dropdown {
            margin-left: -15px;
            margin-right: -15px;
            width: calc(100% + 30px); }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value] {
              position: relative; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value]:before {
                position: absolute;
                left: 25px;
                top: 10px;
                font-family: 'icomoon';
                display: block;
                bottom: auto;
                width: auto;
                background-color: transparent;
                z-index: 2;
                transition: .2s;
                -webkit-transform: none;
                transform: none; }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Tips"] {
              padding-left: 50px; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Tips"]:before {
                content: '\e963'; }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Private Chat"] {
              padding-left: 50px; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Private Chat"]:before {
                content: '\e926'; }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Group Chat"] {
              padding-left: 50px; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Group Chat"]:before {
                content: '\e91c'; }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Peep"] {
              padding-left: 50px; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Peep"]:before {
                content: '\e962'; }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Request a payout"] {
              padding-left: 50px; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Request a payout"]:before {
                content: '\e960'; }
            .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Forfeit"] {
              padding-left: 50px; }
              .profile-info .profile-settings .activity-table thead th .selecter .dropdown [data-value="Forfeit"]:before {
                content: '\e964'; }
          .profile-info .profile-settings .activity-table thead th .btn {
            text-align: left;
            margin-left: -15px;
            padding: 0 15px;
            border-radius: 0;
            margin-right: -15px;
            width: calc(100% + 30px);
            max-width: none; }
            .profile-info .profile-settings .activity-table thead th .btn .icon:not(.info-icon) {
              top: 11px;
              right: 15px; }
      .profile-info .profile-settings .activity-table td,
      .profile-info .profile-settings .activity-table th {
        font-weight: 400;
        height: 30px;
        padding: 5px 15px; }
        .profile-info .profile-settings .activity-table td:nth-child(1),
        .profile-info .profile-settings .activity-table th:nth-child(1) {
          width: 25%; }
        .profile-info .profile-settings .activity-table td:nth-child(2),
        .profile-info .profile-settings .activity-table th:nth-child(2) {
          width: 35%; }
        .profile-info .profile-settings .activity-table td:nth-child(3),
        .profile-info .profile-settings .activity-table th:nth-child(3) {
          width: 20%; }
      .profile-info .profile-settings .activity-table td {
        padding: 15px; }
        .profile-info .profile-settings .activity-table td:nth-child(3) {
          text-align: right; }
      .profile-info .profile-settings .activity-table tbody tr {
        transition: border-color .3s, box-shadow .3s;
        cursor: default;
        background-color: #444444;
        border-bottom: 1px solid #f1f1f3;
        color: #fff; }
        .profile-info .profile-settings .activity-table tbody tr td:last-child {
          color: #ff9100; }
        .profile-info .profile-settings .activity-table tbody tr td.danger {
          color: #ff4700; }
        .profile-info .profile-settings .activity-table tbody tr td.success {
          color: #2DB72D; }
        .profile-info .profile-settings .activity-table tbody tr:hover {
          border-bottom-color: #fce1b9;
          box-shadow: 0 0 35px rgba(0, 0, 0, 0.5);
          position: relative;
          z-index: 1; }
      .profile-info .profile-settings .activity-table .status.tips {
        color: #fff700; }
      .profile-info .profile-settings .activity-table .status.private {
        color: #ff9100; }
      .profile-info .profile-settings .activity-table .status.group {
        color: #00b1ff; }
      .profile-info .profile-settings .activity-table .status.peep {
        color: #00f6ff; }
      .profile-info .profile-settings .activity-table .status.danger {
        color: #ff4700; }
      .profile-info .profile-settings .activity-table .model-preview {
        white-space: nowrap;
        display: block;
        font-size: 0; }
        .profile-info .profile-settings .activity-table .model-preview .photo {
          width: 40px;
          height: 40px;
          overflow: hidden;
          border-radius: 50%;
          position: relative;
          -webkit-perspective: 1;
          perspective: 1;
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px; }
          .profile-info .profile-settings .activity-table .model-preview .photo img {
            height: 100%; }
          .profile-info .profile-settings .activity-table .model-preview .photo.small {
            height: 24px;
            width: 24px; }
        .profile-info .profile-settings .activity-table .model-preview .name {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.42;
          width: calc(100% - 50px);
          font-size: 14px;
          color: #fff;
          text-overflow: ellipsis;
          overflow: hidden;
          transition: color .3s; }
        .profile-info .profile-settings .activity-table .model-preview:hover .name {
          color: #ff9100; }
      .profile-info .profile-settings .activity-table tfoot {
        display: block;
        background-color: #2f2d29;
        font-size: 16px;
        font-weight: 700;
        color: #fff; }
      .profile-info .profile-settings .activity-table.fixed-cell .table-outer {
        height: 500px; }
      .profile-info .profile-settings .activity-table.fixed-cell tr {
        table-layout: fixed; }
      .profile-info .profile-settings .activity-table.fixed-cell thead th:nth-child(3) {
        border-right: 1px solid #999; }
      .profile-info .profile-settings .activity-table.fixed-cell thead th:last-child {
        border-right: 0; }
      .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(1), .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(2), .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(3),
      .profile-info .profile-settings .activity-table.fixed-cell th:nth-child(1),
      .profile-info .profile-settings .activity-table.fixed-cell th:nth-child(2),
      .profile-info .profile-settings .activity-table.fixed-cell th:nth-child(3) {
        width: auto;
        text-align: left; }
      .profile-info .profile-settings .activity-table.smaller-height .table-outer {
        height: 280px; }
      .profile-info .profile-settings .activity-table.smaller-height th,
      .profile-info .profile-settings .activity-table.smaller-height td {
        padding-top: 5px;
        padding-bottom: 5px; }
    .profile-info .profile-settings .billing-details .details-outer {
      margin-bottom: 20px; }
      .profile-info .profile-settings .billing-details .details-outer.dropdown:hover .anchor {
        color: #fff; }
      .profile-info .profile-settings .billing-details .details-outer.dropdown:hover .wrap-icon {
        color: #fff; }
      .profile-info .profile-settings .billing-details .details-outer.dropdown.active .detail-inner {
        display: block; }
      .profile-info .profile-settings .billing-details .details-outer.dropdown.active .wrap-icon {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
      .profile-info .profile-settings .billing-details .details-outer.dropdown .anchor {
        cursor: pointer;
        transition: color .3s; }
      .profile-info .profile-settings .billing-details .details-outer.dropdown .wrap-icon {
        display: inline-block;
        font-size: 12px;
        margin-left: 5px; }
      .profile-info .profile-settings .billing-details .details-outer.dropdown .detail-inner {
        display: none;
        margin: 20px 0;
        border-left: 1px solid #989898; }
        .profile-info .profile-settings .billing-details .details-outer.dropdown .detail-inner.scrolled {
          max-height: 150px;
          padding: 0;
          background-color: transparent;
          border: 0;
          border-left: 1px solid #989898; }
        .profile-info .profile-settings .billing-details .details-outer.dropdown .detail-inner .group {
          padding: 5px; }
          .profile-info .profile-settings .billing-details .details-outer.dropdown .detail-inner .group:hover {
            background: rgba(255, 255, 255, 0.1); }
    .profile-info .profile-settings .billing-details .title {
      display: inline-block; }
    .profile-info .profile-settings .billing-details .count {
      display: inline-block;
      color: #fff;
      margin-left: 5px; }
    .profile-info .profile-settings .tooltip-helper .tooltip-inner {
      max-width: 218px; }

.profile-wrap {
  display: -webkit-flex;
  display: flex;
  font-size: 0; }
  .profile-wrap .left-part {
    width: 320px;
    min-height: calc(100% - 65px);
    display: inline-block;
    vertical-align: top; }
    .profile-wrap .left-part .profile-toggler {
      display: none; }
  .profile-wrap .right-part {
    min-height: calc(100% - 65px);
    width: calc(100% - 320px);
    display: inline-block;
    vertical-align: top; }
  .profile-wrap .panel-part {
    display: none; }

@media (max-width: 1880px) {
  .profile-info .profile-settings .account-form.social-form .form-group[data-prefix]:before {
    left: 15px; }
  .profile-info .profile-settings .account-form.social-form .input.lined {
    padding-left: 45px; }
    .profile-info .profile-settings .account-form.social-form .input.lined ~ label {
      padding-left: 45px; }
  .profile-info .profile-settings .account-form.header {
    display: none; }
  .profile-info .profile-settings .account-form .header-cell,
  .profile-info .profile-settings .account-form .spaced-cell {
    padding: 0; }
  .profile-info .profile-settings .account-form .title-inner,
  .profile-info .profile-settings .account-form .static-inner,
  .profile-info .profile-settings .account-form .editable-inner,
  .profile-info .profile-settings .account-form .form-cell,
  .profile-info .profile-settings .account-form .option-cell {
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .form-cell .icon {
    left: 0; }
  .profile-info .profile-settings .account-form .option-cell {
    padding: 40px 0 10px 15px;
    position: relative; }
    .profile-info .profile-settings .account-form .option-cell:before {
      content: attr(data-before);
      position: absolute;
      top: 0;
      left: 0;
      font-size: 14px;
      background-color: #3c3a37;
      padding: 7px 5px 7px 15px;
      width: 100%; }
    .profile-info .profile-settings .account-form .option-cell .checkbox {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .profile-info .profile-settings .account-form .form-cell {
    padding-top: 15px;
    padding-bottom: 10px; }
    .profile-info .profile-settings .account-form .form-cell .title-position {
      width: 100%; }
  .profile-info .profile-settings .account-form .header-title {
    background-color: #1c1710;
    padding: 7px 5px; }
  .profile-info .profile-settings .account-form .title-position {
    width: calc(100% - 200px); }
  .profile-info .profile-settings .account-form .btn-group {
    width: 200px; }
  .profile-info .profile-settings .account-form .title-position {
    min-height: 33px; }
    .profile-info .profile-settings .account-form .title-position .alert {
      padding: 7px 0; }
    .profile-info .profile-settings .account-form .title-position .title-input {
      padding: 8px 0; } }

@media (max-width: 1680px) {
  .profile-info .large-lg {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%; } }

@media (max-width: 1560px) {
  .profile-info .profile-settings .activity-table .model-preview .photo {
    height: 25px;
    width: 25px; }
  .profile-info .profile-settings .activity-table .model-preview .name {
    width: calc(100% - 35px); }
  .profile-info .profile-settings .activity-table thead th .btn,
  .profile-info .profile-settings .activity-table thead th .input.dark {
    font-size: 13px;
    padding-right: 22px; }
  .profile-info .profile-settings .input.dark ~ .icon {
    right: 0; } }

@media (max-width: 1375px) {
  .profile-info .profile-settings .large-row > .col-large {
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
    max-width: 20%;
    width: 20%; }
  .profile-info .profile-settings .full-col {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px; }
    .profile-info .profile-settings .full-col:last-child {
      margin-bottom: 0; }
  .profile-info .profile-settings .equal-col {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%; }
  .profile-info .profile-settings .account-form .title-inner,
  .profile-info .profile-settings .account-form .static-inner,
  .profile-info .profile-settings .account-form .editable-inner {
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .btn-group,
  .profile-info .profile-settings .account-form .title-position {
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .title-position .alert {
    padding: 7px 0; }
  .profile-info .profile-settings .account-form .title-position .title-input {
    padding: 8px 0; } }

@media (max-width: 1240px) {
  .profile-info .profile-settings.subtract-height {
    height: calc(100% - 37px); }
  .profile-info .large-md {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%; }
  .profile-info .middle-row .info-part {
    -webkit-flex-basis: 70%;
    flex-basis: 70%;
    max-width: 70%;
    width: 70%;
    padding-right: 10px; }
  .profile-info .middle-row .hours-part {
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    width: 30%;
    padding-left: 10px; }
  .profile-info .middle-row .middle-md:first-child {
    padding-right: 10px; }
  .profile-info .middle-row .middle-md:last-child {
    padding-left: 10px; }
  .profile-info .middle-row .spaced-bottom-md {
    margin-bottom: 20px; } }

@media (max-width: 1199px) {
  .profile-info .profile-settings .large-row > .col-large {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%;
    margin-top: 15px; }
    .profile-info .profile-settings .large-row > .col-large:nth-child(-n+2) {
      margin-top: 0; }
    .profile-info .profile-settings .large-row > .col-large .calendar-cover {
      display: block; }
  .profile-info .profile-settings .equal-md {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
    width: 50%; }
  .profile-info .profile-settings .account-form .title-inner {
    display: inline-block;
    width: 33%; }
    .profile-info .profile-settings .account-form .title-inner.header-title {
      width: 100%; }
  .profile-info .profile-settings .account-form .static-inner,
  .profile-info .profile-settings .account-form .editable-inner {
    display: inline-block;
    width: 67%; }
  .profile-info .profile-settings .account-form .btn-group {
    text-align: right; }
  .profile-info .profile-settings .account-form .title-position {
    height: auto; }
    .profile-info .profile-settings .account-form .title-position .alert {
      padding: 7px 0; }
    .profile-info .profile-settings .account-form .title-position .title-input {
      padding: 8px 0; }
  .profile-info .profile-settings .select-group.large-md .large-label {
    width: 100%;
    display: block;
    margin-bottom: 15px; }
  .profile-info .profile-settings .select-group.large-md .select-right {
    width: 100%;
    display: block; }
  .profile-info .profile-settings .mobile-filter-btn {
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 34px;
    padding: 0;
    line-height: 50px;
    position: absolute;
    right: -15px;
    bottom: 60px;
    z-index: 4;
    transition: 0s; }
    .profile-info .profile-settings .mobile-filter-btn.active {
      position: fixed;
      right: 20px; }
  .profile-info .profile-settings .activity-table.fixed-cell {
    display: block;
    font-size: 0;
    overflow: hidden;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px); }
    .profile-info .profile-settings .activity-table.fixed-cell .table-outer {
      max-height: none;
      height: auto; }
    .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 15;
      height: 100%;
      width: 100%;
      padding: 50px 25px 25px;
      background-color: #000; }
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter.active {
        display: block; }
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter tr,
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter td,
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter th {
        display: block;
        border-right: 0;
        height: auto; }
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter tr:nth-child(3),
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter td:nth-child(3),
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter th:nth-child(3) {
          border-right: 0; }
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter tr .btn,
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter td .btn,
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter th .btn {
          height: auto;
          padding-top: 10px;
          padding-bottom: 10px; }
          .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter tr .btn .filter-icon,
          .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter td .btn .filter-icon,
          .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter th .btn .filter-icon {
            top: 15px; }
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .search-form {
        margin-bottom: 25px; }
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .search-form .form-group {
          border-bottom: 2px solid #ff9100; }
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .top-btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        height: 60px;
        font-size: 0;
        padding: 0; }
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .top-btn .btn {
          height: 60px;
          width: 60px;
          background-color: transparent;
          line-height: 60px;
          color: #fff;
          box-shadow: none;
          padding: 0;
          margin: 0;
          text-align: center; }
          .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .top-btn .btn .icon {
            position: static; }
      .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .bottom-btn {
        text-align: right;
        margin-top: 25px; }
        .profile-info .profile-settings .activity-table.fixed-cell .mobile-filter .bottom-btn .btn {
          border-radius: 24px;
          display: inline-block;
          text-align: center;
          font-size: 14px;
          width: auto;
          min-width: 120px; }
    .profile-info .profile-settings .activity-table.fixed-cell tbody,
    .profile-info .profile-settings .activity-table.fixed-cell tr,
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(1) {
      display: block;
      width: 100%;
      height: auto;
      border: none; }
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(2),
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(3),
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(4),
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(5),
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(6) {
      display: inline-block;
      width: 50%;
      height: auto;
      border: none;
      text-align: left; }
    .profile-info .profile-settings .activity-table.fixed-cell tbody td {
      font-size: 14px;
      padding: 6px 0;
      padding-left: 110px;
      position: relative; }
      .profile-info .profile-settings .activity-table.fixed-cell tbody td:before {
        position: absolute;
        content: attr(data-text);
        color: #999;
        left: 0;
        top: 6px; }
      .profile-info .profile-settings .activity-table.fixed-cell tbody td:first-child {
        padding-left: 0;
        padding-bottom: 10px;
        font-size: 16px; }
        .profile-info .profile-settings .activity-table.fixed-cell tbody td:first-child:before {
          display: none; }
    .profile-info .profile-settings .activity-table.fixed-cell tbody tr:nth-child(even),
    .profile-info .profile-settings .activity-table.fixed-cell tbody tr:nth-child(odd) {
      background-color: transparent;
      border-bottom: 1px solid #a2a2a2;
      padding: 10px 15px; }
      .profile-info .profile-settings .activity-table.fixed-cell tbody tr:nth-child(even):hover,
      .profile-info .profile-settings .activity-table.fixed-cell tbody tr:nth-child(odd):hover {
        background-color: transparent;
        color: #fff; }
    .profile-info .profile-settings .activity-table.fixed-cell tfoot {
      text-align: left;
      padding: 10px 15px; }
      .profile-info .profile-settings .activity-table.fixed-cell tfoot td {
        display: block;
        width: 100%;
        font-size: 14px;
        padding: 6px 0;
        padding-left: 110px;
        position: relative; }
        .profile-info .profile-settings .activity-table.fixed-cell tfoot td:before {
          position: absolute;
          content: attr(data-text);
          color: #999;
          left: 0;
          top: 6px; }
        .profile-info .profile-settings .activity-table.fixed-cell tfoot td:first-child {
          padding-left: 0;
          font-size: 16px; }
          .profile-info .profile-settings .activity-table.fixed-cell tfoot td:first-child:before {
            display: none; }
      .profile-info .profile-settings .activity-table.fixed-cell tfoot .empty-cell {
        display: none; }
  .profile-info .spaced-md {
    margin-top: 20px; }
  .profile-info .spaced-bottom-md {
    margin-bottom: 20px; } }

@media (max-width: 1110px) {
  .profile-info .middle-row .info-part,
  .profile-info .middle-row .hours-part {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px; }
  .profile-info .middle-row .hours-part {
    margin-top: 20px; } }

@media (max-width: 993px) {
  .profile-wrap {
    border-top: 2px solid #333; } }

@media (max-width: 950px) {
  .profile-info .profile-settings .equal-md {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%; }
  .profile-info .profile-settings .account-form .title-inner,
  .profile-info .profile-settings .account-form .static-inner,
  .profile-info .profile-settings .account-form .editable-inner {
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .btn-group,
  .profile-info .profile-settings .account-form .title-position {
    width: 100%; }
  .profile-info .profile-settings .account-form .title-position .alert {
    padding: 7px 0; }
  .profile-info .profile-settings .account-form .title-position .title-input {
    padding: 8px 0; }
  .profile-info .profile-settings .activity-table.fixed-cell tbody td,
  .profile-info .profile-settings .activity-table.fixed-cell tfoot td {
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto; }
    .profile-info .profile-settings .activity-table.fixed-cell tbody td:before,
    .profile-info .profile-settings .activity-table.fixed-cell tfoot td:before {
      top: 2px; }
  .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(2),
  .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(3),
  .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(4),
  .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(5),
  .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(6) {
    display: block;
    width: 100%;
    color: #fff; }
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(2).empty-cell,
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(3).empty-cell,
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(4).empty-cell,
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(5).empty-cell,
    .profile-info .profile-settings .activity-table.fixed-cell td:nth-child(6).empty-cell {
      display: none; } }

@media (max-width: 768px) {
  .profile-info {
    padding-left: 15px;
    padding-right: 15px; }
    .profile-info > .content {
      min-height: calc(100vh - 285px); }
    .profile-info .profile-settings .activity-table {
      display: block;
      font-size: 0;
      overflow: hidden;
      margin-left: -20px;
      margin-right: -20px;
      width: calc(100% + 40px); }
      .profile-info .profile-settings .activity-table .table-outer {
        max-height: none;
        height: auto; }
      .profile-info .profile-settings .activity-table thead {
        display: none; }
      .profile-info .profile-settings .activity-table tbody,
      .profile-info .profile-settings .activity-table tr,
      .profile-info .profile-settings .activity-table td:nth-child(1),
      .profile-info .profile-settings .activity-table td:nth-child(2),
      .profile-info .profile-settings .activity-table td:nth-child(3),
      .profile-info .profile-settings .activity-table td:nth-child(4) {
        display: block;
        width: 100%;
        height: auto;
        border: none; }
      .profile-info .profile-settings .activity-table tbody td {
        font-size: 14px;
        padding: 2px 0;
        padding-left: 110px;
        position: relative; }
        .profile-info .profile-settings .activity-table tbody td:before {
          position: absolute;
          content: attr(data-text);
          color: #999;
          left: 0;
          top: 5px; }
      .profile-info .profile-settings .activity-table tbody tr:nth-child(even),
      .profile-info .profile-settings .activity-table tbody tr:nth-child(odd) {
        background-color: transparent;
        border-bottom: 1px solid #a2a2a2;
        padding: 10px 15px; }
        .profile-info .profile-settings .activity-table tbody tr:nth-child(even) td:nth-child(1),
        .profile-info .profile-settings .activity-table tbody tr:nth-child(even) td:nth-child(2),
        .profile-info .profile-settings .activity-table tbody tr:nth-child(even) td:nth-child(3),
        .profile-info .profile-settings .activity-table tbody tr:nth-child(odd) td:nth-child(1),
        .profile-info .profile-settings .activity-table tbody tr:nth-child(odd) td:nth-child(2),
        .profile-info .profile-settings .activity-table tbody tr:nth-child(odd) td:nth-child(3) {
          color: #fff;
          text-align: left; }
        .profile-info .profile-settings .activity-table tbody tr:nth-child(even) td:nth-child(4),
        .profile-info .profile-settings .activity-table tbody tr:nth-child(odd) td:nth-child(4) {
          color: #f8af22; }
        .profile-info .profile-settings .activity-table tbody tr:nth-child(even):hover,
        .profile-info .profile-settings .activity-table tbody tr:nth-child(odd):hover {
          background-color: transparent;
          color: #fff; }
      .profile-info .profile-settings .activity-table tfoot {
        text-align: left; }
        .profile-info .profile-settings .activity-table tfoot td:nth-child(2) {
          display: none; }
        .profile-info .profile-settings .activity-table tfoot td:nth-child(3) {
          text-align: left;
          padding-top: 0; }
      .profile-info .profile-settings .activity-table.fixed-cell tbody tr:nth-child(odd) td:nth-child(4),
      .profile-info .profile-settings .activity-table.fixed-cell tbody tr:nth-child(even) td:nth-child(4) {
        color: #fff; }
    .profile-info .studio-info-mobile {
      display: block;
      margin-bottom: 30px; }
      .profile-info .studio-info-mobile .balance {
        margin: 15px 0;
        color: #ff9100;
        font-size: 28px;
        font-weight: bold;
        letter-spacing: 0.84px; }
        .profile-info .studio-info-mobile .balance .currency {
          font-size: 26px;
          font-weight: 400;
          letter-spacing: 0.78px; }
      .profile-info .studio-info-mobile .paragraph {
        color: #fff; }
        .profile-info .studio-info-mobile .paragraph .default {
          color: #999; }
  .profile-info .middle-row {
    margin-bottom: 15px; }
    .profile-info .middle-row .hours-part {
      display: none; }
  .profile-wrap {
    display: -webkit-flex;
    display: flex;
    font-size: 0; }
    .profile-wrap .left-part {
      width: 60px;
      position: relative;
      background-color: #1c1710; }
    .profile-wrap .right-part {
      width: calc(100% - 60px); }
  .profile-wrap {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    .profile-wrap .left-part.hidden-xs {
      display: none; }
      .profile-wrap .left-part.hidden-xs ~ .right-part {
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
        display: block; }
    .profile-wrap .panel-part {
      display: block;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
      width: 100%;
      font-size: 0; }
      .profile-wrap .panel-part .profile-panel,
      .profile-wrap .panel-part .hours-part {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        float: none; }
      .profile-wrap .panel-part .hours-part {
        padding: 20px 20px 20px 10px; }
        .profile-wrap .panel-part .hours-part .section-subtitle {
          margin-bottom: 22px; }
        .profile-wrap .panel-part .hours-part .profile-settings {
          border-radius: 3px;
          background-color: #313131;
          padding: 20px;
          height: 100%; } }

@media (max-width: 640px) {
  .profile-info .profile-settings .large-row > .col-large {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%; }
    .profile-info .profile-settings .large-row > .col-large:nth-child(2) {
      margin-top: 15px; }
  .profile-info .profile-settings .account-form .tooltip-inner {
    left: auto;
    right: -15px; }
    .profile-info .profile-settings .account-form .tooltip-inner:before {
      left: auto;
      right: 15px; }
  .profile-info .profile-settings .account-form .title-position .text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%; }
  .profile-wrap .panel-part .profile-panel,
  .profile-wrap .panel-part .hours-part {
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    height: auto;
    min-height: unset; } }

@media (max-width: 480px) {
  .profile-info .profile-settings .equal-col {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px; }
    .profile-info .profile-settings .equal-col:last-child {
      margin-bottom: 0; }
  .profile-info .profile-settings .billing-details .details-outer:not([data-dropdown]) .count {
    display: block;
    margin: 0; }
  .profile-info .profile-settings .account-form .title-inner,
  .profile-info .profile-settings .account-form .static-inner,
  .profile-info .profile-settings .account-form .editable-inner {
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .btn-group,
  .profile-info .profile-settings .account-form .title-position {
    text-align: left;
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .btn-group {
    padding-top: 7px; }
  .profile-info .profile-settings .account-form .form-cell .btn-group,
  .profile-info .profile-settings .account-form .form-cell .title-position {
    text-align: left;
    display: block;
    width: 100%; }
  .profile-info .profile-settings .account-form .title-position {
    height: auto; }
    .profile-info .profile-settings .account-form .title-position .alert {
      padding: 7px 0; }
    .profile-info .profile-settings .account-form .title-position .title-input {
      padding: 8px 0; }
    .profile-info .profile-settings .account-form .title-position .text {
      white-space: normal; }
  .profile-info .profile-settings .account-form .editable-inner.popup-inner {
    width: 237px; }
    .profile-info .profile-settings .account-form .editable-inner.popup-inner .btn-list li {
      display: block;
      width: 100%;
      margin-bottom: 10px; }
      .profile-info .profile-settings .account-form .editable-inner.popup-inner .btn-list li:last-child {
        margin-bottom: 0; }
      .profile-info .profile-settings .account-form .editable-inner.popup-inner .btn-list li .btn {
        display: block;
        width: 100%; }
    .profile-info .profile-settings .account-form .editable-inner.popup-inner .group-cover {
      overflow: auto; }
  .profile-info .profile-settings .cast-form .btn {
    display: block;
    width: 100%; }
  .profile-info .profile-settings .select-group .select-right {
    font-size: 0; }
  .profile-info .profile-settings .select-group .checkbox {
    margin-left: 0;
    width: 50%;
    display: inline-block; }
  .profile-info .profile-settings .group-opened {
    padding-left: 25px; }
  .profile-info .profile-settings .country-list .item.active:before {
    left: -21px;
    top: 4px;
    font-size: 14px; }
  .profile-info .profile-settings .country-list .item .flag-wrap {
    width: 12px;
    height: 12px; }
  .profile-info .profile-settings .country-list .item .text {
    font-size: 12px;
    line-height: 1; } }

@media (max-width: 395px) {
  .profile-info .profile-settings .account-form .editable-inner.popup-inner .letter {
    display: none; }
  .profile-info .profile-settings .select-group.with-selecter .large-label {
    width: 100%;
    display: block;
    margin-bottom: 5px; }
  .profile-info .profile-settings .select-group .selecter {
    width: 60px; }
    .profile-info .profile-settings .select-group .selecter .anchor {
      border-left: 0;
      padding-left: 0; }
    .profile-info .profile-settings .select-group .selecter .dropdown ul li {
      padding-right: 15px;
      padding-left: 15px; }
      .profile-info .profile-settings .select-group .selecter .dropdown ul li:after {
        right: 7px;
        font-size: 10px; }
  .profile-info .profile-settings .table-outer tbody td {
    padding-left: 80px;
    position: relative; }
    .profile-info .profile-settings .table-outer tbody td:before {
      max-width: 70px;
      line-height: 1.1; }
    .profile-info .profile-settings .table-outer tbody td:last-child {
      padding-top: 8px;
      padding-bottom: 8px;
      vertical-align: top; } }