.profileScreen {
  height: auto; }
  .profileScreen .profile_logo {
    margin-top: 30px;
    text-align: right; }
    .profileScreen .profile_logo img {
      width: 100%;
      max-width: 85px; }
  .profileScreen h2 {
    font-size: 24px;
    color: #555;
    font-weight: 600; }
    .profileScreen h2 small {
      font-weight: 400;
      color: #777;
      padding-top: 20px; }
    .profileScreen h2 .instagram {
      background: url("../images/instagram.png");
      padding-left: 30px;
      background-size: 20px 20px;
      background-position: left bottom;
      background-repeat: no-repeat; }
  .profileScreen .no-photos {
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 3px;
    padding: 40;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center; }
    .profileScreen .no-photos p {
      font-weight: 500;
      font-size: 14px;
      color: #555;
      padding: 5px; }
    .profileScreen .no-photos .add_new_label {
      position: absolute;
      top: 60%;
      left: 50%;
      color: #aeaeae;
      width: 100px;
      margin-left: -50px;
      text-align: center;
      font-weight: normal; }
  .profileScreen .profile_header {
    min-height: 260px;
    position: relative; }
  .profileScreen .profile_footer img {
    margin: 0 auto; }
  .profileScreen .profile_footer .btn {
    display: block;
    margin: 0; }
  .profileScreen .btn-block {
    margin: 10px 0; }
    .profileScreen .btn-block .btn {
      margin: 0 auto;
      display: block; }
  .profileScreen .avatar_wrap {
    height: 205px;
    width: 205px;
    padding: 0;
    margin: 25px auto 0;
    position: absolute;
    overflow: hidden;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
  .profileScreen h5.title {
    font-weight: 600;
    font-size: 22px;
    color: #333; }
  .profileScreen .info {
    position: relative;
    top: 5px; }
    .profileScreen .info p {
      margin: 0 0 6px;
      color: #555;
      font-weight: 400;
      font-size: 20px; }
    .profileScreen .info .title {
      font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-weight: 600;
      color: #333;
      margin-bottom: 6px;
      overflow: hidden;
      text-overflow: ellipsis; }
      .profileScreen .info .title small {
        font-weight: 600;
        font-size: 20px;
        color: #555;
        margin-right: 10px; }
    .profileScreen .info .sub-title {
      font-weight: 600;
      font-size: 18px;
      color: #333;
      margin-top: 10px;
      margin-bottom: 6px; }
    .profileScreen .info .status {
      font-size: 14px;
      padding: 5px;
      position: absolute;
      top: 0;
      right: 0; }
    .profileScreen .info .location, .profileScreen .info .verified {
      text-transform: uppercase;
      font-size: 14px;
      color: #333;
      padding-right: 50px;
      font-weight: 500; }
    .profileScreen .info .verified {
      padding-left: 25px;
      display: inline-block; }
      .profileScreen .info .verified .fa {
        margin-right: 10px;
        color: #50c3f8; }
      .profileScreen .info .verified .fa-ok-circled {
        font-size: 14px;
        left: 1px;
        top: -8px; }
      .profileScreen .info .verified .fa-sun-o {
        font-size: 16px;
        top: -7px; }
    .profileScreen .info .group {
      margin-top: 15px;
      padding: 0;
      position: relative; }
      .profileScreen .info .group button.btn-message {
        margin-right: 10px; }
      .profileScreen .info .group .follow_group {
        position: relative;
        display: inline-block;
        width: 190px;
        min-height: 39px; }
        .profileScreen .info .group .follow_group .follow {
          margin-right: 10px;
          text-align: center;
          position: absolute;
          left: 0;
          top: 0; }
    .profileScreen .info .credits {
      display: inline-block;
      position: absolute;
      color: #555;
      font-family: 'Helvetica-Neue', Helvetica, sans-serif;
      vertical-align: top;
      margin-top: -10px;
      white-space: nowrap; }
      .profileScreen .info .credits .value {
        display: inline-block;
        position: relative;
        font-weight: 700;
        font-size: 45px;
        color: #4a4a4a; }
      .profileScreen .info .credits .units {
        display: inline-block; }
        .profileScreen .info .credits .units .unit {
          font-weight: 400;
          font-size: 18px;
          position: relative;
          display: block;
          color: #555; }
        .profileScreen .info .credits .units .sub-unit {
          color: #bbb;
          display: block;
          margin-top: -3px; }
    .profileScreen .info .credits.free .unit {
      color: #bbb;
      text-decoration: line-through; }
    .profileScreen .info .credits.free .sub-unit {
      color: #4a4a4a;
      font-weight: 600;
      font-size: 16px; }
  .profileScreen .btn {
    border-width: 2px;
    font-weight: 500;
    padding: 10px 35px;
    font-size: 14px;
    position: relative;
    vertical-align: bottom;
    min-width: 185px;
    max-width: 320px; }
  .profileScreen .profile_thumbs {
    margin-bottom: 30px; }
  .profileScreen .profile-information-edit {
    z-index: 70;
    background: #fff;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute; }
    .profileScreen .profile-information-edit .alert {
      margin: 10px 15px;
      padding: 5px 10px; }
    .profileScreen .profile-information-edit .btn-edit-group {
      position: absolute;
      display: inline-block;
      top: 190px;
      left: 30px; }
      .profileScreen .profile-information-edit .btn-edit-group .btn {
        padding: 10px 15px;
        margin-top: 10px; }
    .profileScreen .profile-information-edit .form-edit-style {
      margin-left: 240px;
      margin-top: 15px; }
    .profileScreen .profile-information-edit .field {
      margin-bottom: 10px;
      position: relative; }
    .profileScreen .profile-information-edit .displayname {
      margin-right: 3%; }
    .profileScreen .profile-information-edit .city {
      margin-right: 3%; }
    .profileScreen .profile-information-edit .credit_rate {
      width: 80px;
      margin-left: 7px 10px 0;
      display: inline-block; }
    .profileScreen .profile-information-edit textarea {
      height: 70px; }
    .profileScreen .profile-information-edit p {
      margin-top: 5px; }
    .profileScreen .profile-information-edit .char-count {
      margin: 0; }
  .profileScreen .profile_screen-thumb:hover {
    cursor: pointer; }

.profile_cta_wrapper {
  margin-top: 20px;
  margin-bottom: 20px; }
  .profile_cta_wrapper .group {
    padding: 0; }
  .profile_cta_wrapper .login_wrapper {
    padding: 20px; }
  .profile_cta_wrapper .btn {
    height: 42px;
    padding: 10px 35px;
    font-weight: 500;
    color: #fff;
    background-color: #0CB549;
    border: 2px solid #0CB549;
    font-size: 14px;
    font-style: normal;
    min-width: 185px;
    border-radius: 4px; }

.profile2_cta_wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #ddd; }
  .profile2_cta_wrapper .login_wrapper {
    padding: 20px; }
  .profile2_cta_wrapper .btn {
    height: 42px;
    padding: 10px; }
  .profile2_cta_wrapper .cta_message {
    margin: 0;
    padding: 20px;
    line-height: 42px; }

.profile3_cta_wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #3B4C60;
  border-radius: 5px; }
  .profile3_cta_wrapper .btn {
    height: 42px;
    padding: 10px;
    background-color: #fff;
    color: #3B4C60;
    transition: all 0.4s ease; }
    .profile3_cta_wrapper .btn:hover {
      background-color: #eee; }
  .profile3_cta_wrapper .cta_message {
    margin: 0;
    padding: 20px;
    line-height: 42px;
    color: #fff; }
  .profile3_cta_wrapper .login_wrapper {
    padding: 20px; }

@media (max-width: 992px) {
  .profileScreen .avatar_wrap {
    width: 170px;
    height: 170px; }
  .profile_cta_wrapper {
    margin-top: 10px; }
    .profile_cta_wrapper .group {
      padding: 0 0 0 26%; }
  .profile2_cta_wrapper, .profile3_cta_wrapper {
    margin-top: 40px; } }

.mobile-size-logo {
  width: 45%;
  max-width: 200px;
  padding-top: 14px; }

.profile-branch {
  position: relative;
  max-width: 400px;
  margin: 0 auto; }
  .profile-branch button.btn {
    width: 280px; }
  .profile-branch p {
    color: #585D63; }
  .profile-branch p.username {
    margin-top: 8px;
    margin-bottom: 0;
    font-weight: 600;
    color: #585d63;
    font-size: 22px; }
  .profile-branch p.activestat {
    margin-top: -5px; }
  .profile-branch .copyright {
    color: #D1D1D1; }
  .profile-branch .emailLogin {
    position: absolute;
    bottom: -80px;
    background: #fff;
    min-height: 200px; }
    .profile-branch .emailLogin form .form-control {
      background: #fff;
      padding: 10px;
      border-radius: 3px;
      font-size: 0.9em;
      width: 280px;
      height: 40px;
      margin: 10px auto; }
    .profile-branch .emailLogin form .btn-alua {
      width: 280px;
      color: #fff;
      margin: 0 auto;
      background-color: #0768BC;
      border: none; }
    .profile-branch .emailLogin form small.link {
      padding-left: 5px;
      padding-right: 5px; }

.bg-style-two {
  background-color: #EDEDED; }

.style-two p {
  color: #12181F; }

.style-two p.username {
  color: #000;
  font-size: 22px; }

.style-two p.activestat {
  color: #000;
  margin-top: -5px; }

.style-two .copyright {
  color: #D1D1D1; }

.style-two .bg-layer-1 {
  width: 142px;
  height: 142px;
  position: relative;
  z-index: 3;
  border: 6px solid #fff; }

.style-two .bg-layer-2 {
  width: 160px;
  height: 160px;
  position: relative;
  top: -151px;
  background-color: black;
  z-index: -2;
  margin-bottom: -140px;
  -webkit-filter: blur(10px);
  filter: blur(10px); }

.style-two .bg-layer-3 {
  margin: 0 -80px 0 auto;
  padding: 0;
  width: 160px;
  height: 160px;
  position: relative;
  display: block;
  z-index: 0; }

.style-two .bg-layer-blur {
  width: 50vw;
  height: 100vh;
  z-index: -1;
  display: block;
  position: fixed;
  content: "";
  background-color: #ededed;
  top: 0;
  right: 50%;
  opacity: 0.9;
  overflow: hidden; }

.style-two .hide-half-right {
  width: 46%;
  overflow-x: hidden;
  z-index: 3;
  position: absolute;
  margin-top: -10px;
  height: 160px; }

.bg-style-three {
  background: #287d7d;
  /* Old browsers */
  background: -moz-linear-gradient(top, #287d7d 0%, #070f1e 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #287d7d 0%, #070f1e 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #287d7d 0%, #070f1e 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287d7d', endColorstr='#070f1e',GradientType=0 );
  /* IE6-9 */
  height: 100vh; }

.style-three p {
  color: #fff; }

.style-three p.username {
  color: #fff;
  font-size: 22px; }

.style-three p.activestat {
  color: #fff;
  margin-top: -5px; }

.style-three .bgimage {
  width: 150px;
  height: 150px;
  border: solid 6px #346B70;
  box-shadow: 0 0 34px rgba(0, 0, 0, 0.2); }

div.featherlight .featherlight-content {
  padding: 0;
  border-bottom: none; }

@media all and (max-width: 768px) {
  .profile-branch button.btn {
    width: 100%;
  }
}