@charset "UTF-8";
/*
 $borders-color - USING ON:
	  stroke-button borders,
	  logo-buttons flags,
	  fields borders,
	  borders of some mind blocks,
	  borders of some blocks,
	  password progress-line bg,
	  other borders */
/*
 $borders-hash - USING ON:
	  posts where images bordered (autoposts, link-post) */
/*
 $font-medium - USING ON:
	  all buttons
	  some titles
	  all links */
/*
 $font-light - USING ON:
	  "Check your email" popup, */
/*
	$color-08 - USING ON:
	cards hover overlay */
/*
	$color-white-05 - USING ON:
	cards buttons after hover with dark-bg, hover on text, etc. */
/*
	$color-white-03 - USING ON:
	hover on $color-white-05 */
/*
	$color-white-01 - USING ON:
	progress-bar on add track at add album */
/*
 $color-03 - USING ON:
	  disabled btns - pledges activity
		longArrow and disable text  - manage campaign */
/*
 $color-02 - USING ON:
	  applause icons */
/*
 $color-01 - USING ON:
	  applause icons hover
		notice in price-popup(on album for sale and crowd. album) */
/*
 $gray-hover - USING ON (only gray links when you hover on):
		post's time
		"Describe more" in "add post"
		"Add photo, video" in "add post" */
/*
 $color-03 - USING ON:
		as background in payout(pending step) */
/*
 $green - USING ON:
	  buttons "fan" ("become a fan")
	  buttons "buy", "pledge",
		confirmation progress lines */
/*
 $green - USING ON:
	  buttons "fan" ("become a fan")
	  buttons "buy", "pledge", */
/*
 $placeholder-color - USING ON:
		placeholder */
/*
	альбом плашка с applause и другими функциями */
/*
 $red - USING ON:
	  hover on delete button,
	  password tips,
	  notice titles, */
/*
 $line-height-* - USING ON:
	  buttons
		text */
/*
 $box-shadow - USING ON:
	  tips */
/*
 $box-shadow - USING ON:
	  posts (news-feed, profiles, post-page) */
/*
 $box-shadow - USING ON:
	  video posts */
/*
 $drop-down-shadow - USING ON:
	  drop-downs (only, without selectized fields) */
/*
 $select-shadow - USING ON:
	  selectized fields (only, without drop-downs) */
/*
	from "organizer.sass" */
.log_reg {
  /* TEMP */
  /* end of TEMP */ }
  .log_reg .toTop {
    display: none; }
  .log_reg .cookie-wr {
    display: none; }
  .log_reg .main-header {
    display: none; }
  .log_reg .main-footer {
    display: none; }
  .log_reg .tooltip_ask:hover .tooltip-information {
    z-index: 4; }
  .log_reg .tooltip_ask .tooltip-information {
    z-index: -1; }
  .log_reg .selectize-dropdown {
    position: relative;
    top: 0 !important; }
  .log_reg [data-box="legalnationality"] .selectize-input {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%; }
    .log_reg [data-box="legalnationality"] .selectize-input .item {
      text-overflow: ellipsis;
      overflow: hidden; }
  .log_reg .scroll-wrapper {
    overflow: hidden !important; }
    .log_reg .scroll-wrapper > .scroll-content {
      overflow: scroll !important; }
  .log_reg .field .selectize-input .item {
    flex-shrink: 0; }
  .log_reg .field .selectize-input input[readonly] {
    width: 100% !important; }

.tooltip-information .tooltip-information-inner.modify-inner {
  padding: 0; }
  .tooltip-information .tooltip-information-inner.modify-inner .tooltip-section {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

.mfp-content .pages-registration-login .icon-x-thin {
  display: block; }

.full-responsive {
  height: 100%; }
  .full-responsive body {
    min-height: 100%;
    display: flex;
    flex-direction: column; }
  .full-responsive .main_cont_block, .full-responsive .s4m {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column; }
  .full-responsive .pages-registration-login {
    flex-grow: 1; }

.pages-registration-login {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100%;
  background-color: #fff;
  padding-top: 150px;
  padding-bottom: 72px;
  position: relative; }
  .pages-registration-login .pro-notice-wrap {
    padding: 12px 15px 15px 15px;
    background-color: rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    text-align: left;
    line-height: 16px; }
  .pages-registration-login .email_com {
    font-size: 13px;
    font-weight: 600;
    color: #000;
    cursor: pointer;
    transition: color .3s ease; }
    .pages-registration-login .email_com:hover {
      color: rgba(0, 0, 0, 0.5); }
  .pages-registration-login .field-error-message > span {
    max-width: 270px; }
  .pages-registration-login .btn-black-wide:first-letter {
    text-transform: uppercase; }
  .pages-registration-login .icon-x-thin {
    display: none;
    cursor: pointer;
    position: absolute;
    right: -40px;
    top: 30px;
    z-index: 1;
    font-size: 16px;
    color: #fff;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    line-height: 22px; }
  .pages-registration-login .columns {
    position: relative; }
  .pages-registration-login .body-user {
    visibility: hidden;
    height: 0; }
  .pages-registration-login .logo-icon {
    position: absolute;
    top: 40px; }
    .pages-registration-login .logo-icon svg {
      transition: opacity 0.3s; }
    .pages-registration-login .logo-icon:hover svg {
      opacity: 0.5; }
  .pages-registration-login .width-360 {
    width: 360px;
    margin-bottom: 60px;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
    .pages-registration-login .width-360.fadeInLeft {
      animation-name: fadeInLeft; }
    .pages-registration-login .width-360.fadeOutLeft {
      animation-name: fadeOutLeft; }
    .pages-registration-login .width-360.fadeInRight {
      -webkit-animation-direction: reverse;
      animation-direction: reverse;
      animation-name: fadeOutLeft; }
    .pages-registration-login .width-360.fadeOutRight {
      -webkit-animation-direction: reverse;
      animation-direction: reverse;
      animation-name: fadeInLeft; }
    .pages-registration-login .width-360.type .type-buttons {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .pages-registration-login .width-360.type .tooltip-information {
      left: 8px;
      transform: translateY(-50%);
      padding: 15px;
      text-align: left; }
    .pages-registration-login .width-360.type .title-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 12px; }
      .pages-registration-login .width-360.type .title-wrapper .title {
        margin: 0; }
    .pages-registration-login .width-360.type .title-description {
      text-align: center;
      font-size: 13px;
      line-height: 18px;
      letter-spacing: -0.4px;
      margin-bottom: 40px; }
    .pages-registration-login .width-360 .tooltip_registration {
      line-height: 10px; }
  .pages-registration-login .subtype-button {
    position: relative;
    display: flex;
    align-items: center;
    width: calc(50% - 5px);
    height: 100px; }
  .pages-registration-login .subtype-button-inner {
    width: 100%;
    font-size: 14px; }
    .pages-registration-login .subtype-button-inner:hover .height-anim {
      height: 100px;
      border-color: rgba(0, 0, 0, 0);
      transition: height 0.3s, opacity 0.3s ease, border-color 0.3s ease 0.3s; }
    .pages-registration-login .subtype-button-inner:hover .text-anim {
      color: rgba(0, 0, 0, 0);
      transition: color 0.3s; }
    .pages-registration-login .subtype-button-inner:hover .type-1 {
      opacity: 1;
      visibility: visible;
      transition: opacity 0.1s ease 0.3s, visibility 0.1s ease 0.3s, color 0.1s, border-color 0.1s; }
    .pages-registration-login .subtype-button-inner:hover .type-2 {
      opacity: 1;
      visibility: visible;
      transition: opacity 0.1s ease 0.3s, visibility 0.1s ease 0.3s, color 0.1s, border-color 0.1s; }
    .pages-registration-login .subtype-button-inner .user-type-reg {
      cursor: pointer;
      width: 100%;
      font-weight: 600; }
    .pages-registration-login .subtype-button-inner .height-anim {
      height: 50px;
      transition: height 0.3s ease 0.1s, opacity 0.3s ease 0.1s, border-color 0.3s ease 0.1s; }
    .pages-registration-login .subtype-button-inner .text-anim {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      border: none;
      transition: color 0.3s ease 0.1s; }
    .pages-registration-login .subtype-button-inner .type-1 {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      border-bottom: none;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      visibility: hidden;
      transition: opacity 0.1s, visibility 0.3s, color 0.1s, border-color 0.1s, visibility 0.1s;
      z-index: 1; }
      .pages-registration-login .subtype-button-inner .type-1:hover {
        color: rgba(0, 0, 0, 0.5); }
    .pages-registration-login .subtype-button-inner .type-2 {
      position: absolute;
      bottom: 0;
      left: 0;
      opacity: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      visibility: hidden;
      transition: opacity 0.1s ease, visibility 0.1s, color 0.1s, border-color 0.1s;
      z-index: 1; }
      .pages-registration-login .subtype-button-inner .type-2:hover {
        color: rgba(0, 0, 0, 0.5); }
  .pages-registration-login .title {
    font-size: 20px;
    letter-spacing: -0.6px;
    font-weight: 600;
    margin-bottom: 14px;
    position: relative; }
    .pages-registration-login .title .back_to_type {
      position: absolute;
      display: block;
      line-height: 1.2;
      left: 0;
      cursor: pointer; }
      .pages-registration-login .title .back_to_type:hover .svg-arrow {
        fill: rgba(0, 0, 0, 0.2); }
      .pages-registration-login .title .back_to_type .svg-arrow {
        width: 10px;
        height: 16px;
        fill: rgba(0, 0, 0, 0.3); }
    .pages-registration-login .title .back_to_pro {
      position: absolute;
      display: block;
      line-height: 1.2;
      left: 0;
      cursor: pointer; }
      .pages-registration-login .title .back_to_pro:hover .svg-arrow {
        fill: rgba(0, 0, 0, 0.2); }
      .pages-registration-login .title .back_to_pro .svg-arrow {
        width: 10px;
        height: 16px;
        fill: rgba(0, 0, 0, 0.3); }
  .pages-registration-login .organizer .create_account {
    margin-top: 30px; }
  .pages-registration-login .organizer .title {
    margin-bottom: 40px; }
  .pages-registration-login .organizer .checkbox-item {
    margin-bottom: 10px; }
  .pages-registration-login .fan .title {
    margin-bottom: 40px; }
  .pages-registration-login .fan .checkbox-item {
    margin-bottom: 10px; }
  .pages-registration-login .fan .btn-black-wide {
    margin-top: 30px; }
  .pages-registration-login .subtitle {
    margin-bottom: 35px;
    font-size: 13px;
    letter-spacing: -0.4px;
    line-height: 18px; }
  .pages-registration-login .field-name {
    text-align: left; }
  .pages-registration-login .join_with {
    font-size: 13px;
    letter-spacing: -0.4px;
    margin-top: 40px; }
    .pages-registration-login .join_with > strong {
      cursor: pointer;
      transition: color 0.3s; }
      .pages-registration-login .join_with > strong:hover {
        color: rgba(0, 0, 0, 0.5); }
  .pages-registration-login .explanaiton {
    margin-top: 7px;
    font-size: 13px;
    letter-spacing: -0.4px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.5); }
  .pages-registration-login .switch-button {
    justify-content: center;
    margin-bottom: 40px; }
    .pages-registration-login .switch-button.stop-animation .switch:before {
      transition: none; }
  .pages-registration-login .recomendations {
    margin-bottom: 30px;
    line-height: 16px; }
  .pages-registration-login .avatar-cont {
    display: inline-block;
    height: 160px;
    width: 160px;
    position: relative;
    margin-bottom: 20px; }
    .pages-registration-login .avatar-cont .btn-insert-img {
      position: absolute;
      bottom: 10px;
      left: 10px;
      z-index: 1; }
    .pages-registration-login .avatar-cont > span {
      line-height: 160px;
      font-size: 50px;
      letter-spacing: -1.4px;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.2);
      background-color: rgba(0, 0, 0, 0.1);
      display: block; }
  .pages-registration-login .birthday .field {
    flex-basis: 25%; }
    .pages-registration-login .birthday .field[data-dependency-box="month"] {
      flex-basis: 50%; }
  .pages-registration-login .field {
    text-align: left; }
    .pages-registration-login .field input::placeholder {
      color: #fff;
      opacity: 0; }
    .pages-registration-login .field input:focus::placeholder {
      color: rgba(0, 0, 0, 0.3);
      opacity: 1; }
  .pages-registration-login .btn-black-wide {
    display: block; }
  .pages-registration-login .organizer-legal h3 {
    font-size: 14px;
    letter-spacing: -0.4px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: left; }
  .pages-registration-login .organizer-legal .legal-representative {
    margin-top: 26px;
    margin-bottom: 20px;
    text-align: left;
    line-height: 1.5; }
    .pages-registration-login .organizer-legal .legal-representative h3 {
      margin-bottom: 10px; }
  .pages-registration-login .login-link {
    position: absolute;
    bottom: 58px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
    font-size: 13px;
    letter-spacing: -0.4px; }
    .pages-registration-login .login-link a, .pages-registration-login .login-link strong {
      cursor: pointer;
      font-weight: 600; }
      .pages-registration-login .login-link a:hover, .pages-registration-login .login-link strong:hover {
        color: rgba(0, 0, 0, 0.5); }
  .pages-registration-login .login-container .btn-black-wide {
    margin-top: 30px; }
  .pages-registration-login .notice-real-info {
    position: fixed;
    max-width: 1880px;
    width: 100%;
    margin: 0 auto;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%); }
    .pages-registration-login .notice-real-info .notice-real-inner {
      display: flex;
      max-width: 380px;
      text-align: left;
      font-size: 12px;
      letter-spacing: -0.2px;
      line-height: 16px; }
    .pages-registration-login .notice-real-info .char-ask {
      width: 25px;
      height: 25px;
      background-color: rgba(0, 0, 0, 0.1);
      flex-shrink: 0;
      border-radius: 50%;
      position: relative;
      margin-right: 10px; }
      .pages-registration-login .notice-real-info .char-ask > span {
        position: absolute;
        width: 100%;
        text-align: center;
        display: block;
        left: 0;
        top: 50%;
        font-size: 14px;
        letter-spacing: -0.4px;
        transform: translateY(-50%);
        font-weight: 600;
        color: rgba(0, 0, 0, 0.5); }
    .pages-registration-login .notice-real-info .btn-close {
      display: none; }

/* "Check your email" & "Recovery expired" popups styles // TODO need to unite styles with other popups */
.popup_forgot_check_email .mfp-content {
  text-align: center;
  margin: 0 auto;
  padding: 40px; }
  .popup_forgot_check_email .mfp-content h2 {
    font-size: 20px;
    letter-spacing: -0.6px;
    font-weight: 300;
    margin-bottom: 14px; }
  .popup_forgot_check_email .mfp-content > p {
    font-size: 13px;
    letter-spacing: -0.4px;
    line-height: 1.5; }
  .popup_forgot_check_email .mfp-content .buttons {
    margin-top: 36px;
    display: inline-block;
    position: relative; }
    .popup_forgot_check_email .mfp-content .buttons.show-loader .loaderWrap {
      display: flex; }
    .popup_forgot_check_email .mfp-content .buttons .loaderWrap {
      display: none;
      position: absolute;
      left: -20px;
      width: 14px;
      height: 14px;
      justify-content: center;
      align-items: center;
      top: 50%;
      transform: translateY(-50%); }
    .popup_forgot_check_email .mfp-content .buttons .loaderInner {
      position: static;
      width: 14px;
      height: 14px;
      margin: 0; }
    .popup_forgot_check_email .mfp-content .buttons .btn-link {
      font-size: 14px; }
    .popup_forgot_check_email .mfp-content .buttons strong {
      font-size: 14px;
      letter-spacing: -0.4px;
      cursor: pointer; }
      .popup_forgot_check_email .mfp-content .buttons strong:hover {
        color: rgba(0, 0, 0, 0.5); }

#recovery-expired {
  text-align: center;
  max-width: 560px;
  margin: 0 auto; }
  #recovery-expired h2 {
    font-size: 20px;
    letter-spacing: -0.6px;
    font-weight: 300;
    margin-bottom: 14px; }
  #recovery-expired > p {
    font-size: 13px;
    letter-spacing: -0.4px;
    line-height: 1.5; }
    #recovery-expired > p .btn-black-36 {
      margin-left: 20px; }
  #recovery-expired .mfp-close {
    display: none; }

/* end "Check your email" popup styles */
#form_new_pass .title {
  font-weight: 400;
  margin-bottom: 40px; }

@media (max-width: 1199px) {
  .pages-registration-login .notice-real-info {
    background-color: white;
    width: 100%;
    left: 0;
    bottom: 0;
    max-width: 100%;
    height: 70px;
    padding: 20px;
    align-items: center;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
    transition: all 0.3s; }
    .pages-registration-login .notice-real-info.closed {
      visibility: hidden;
      background-color: rgba(255, 255, 255, 0);
      box-shadow: none; }
      .pages-registration-login .notice-real-info.closed .char-ask {
        visibility: visible; }
      .pages-registration-login .notice-real-info.closed > p {
        opacity: 0; }
      .pages-registration-login .notice-real-info.closed .btn-close {
        opacity: 0; }
    .pages-registration-login .notice-real-info .char-ask {
      margin-right: 30px;
      cursor: pointer;
      transition: opacity 0.3s; }
      .pages-registration-login .notice-real-info .char-ask:hover {
        opacity: 0.5; }
    .pages-registration-login .notice-real-info > p {
      max-width: 50%;
      transition: all 0.3s; }
    .pages-registration-login .notice-real-info .btn-close {
      position: absolute;
      font-weight: normal;
      top: 20px;
      color: rgba(0, 0, 0, 0.2);
      font-size: 16px;
      right: 20px;
      cursor: pointer;
      display: block;
      transition: all 0.3s; }
      .pages-registration-login .notice-real-info .btn-close:hover {
        opacity: 0.5; } }

@media (max-width: 980px) {
  .full-responsive {
    max-width: 100%;
    overflow-x: hidden; }
    .full-responsive body {
      min-width: 320px;
      overflow-x: hidden; }
    .full-responsive .pages-registration-login {
      max-width: 100%;
      padding: 90px 20px 40px; }
      .full-responsive .pages-registration-login .width-360 {
        margin-bottom: 40px; }
      .full-responsive .pages-registration-login .notice-real-info {
        height: auto; }
        .full-responsive .pages-registration-login .notice-real-info p {
          max-width: 100%;
          padding-right: 20px; }
      .full-responsive .pages-registration-login .logo-icon {
        top: 25px; }
      .full-responsive .pages-registration-login .login-link {
        bottom: 30px; }
      .full-responsive .pages-registration-login .notice-real-info {
        display: none; }
  .birthday label:first-of-type {
    width: 200%; } }

@-webkit-keyframes fadeInLeft {
  0% {
    transform: translate3d(50%, 0, 0);
    opacity: 0; }
  100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 1; } }

@keyframes fadeInLeft {
  0% {
    transform: translate3d(50%, 0, 0);
    opacity: 0; }
  100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeOutLeft {
  0% {
    transform: translate3d(50%, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 0; } }

@keyframes fadeOutLeft {
  0% {
    transform: translate3d(50%, 0, 0);
    opacity: 1; }
  100% {
    transform: translate3d(-50%, 0, 0);
    opacity: 0; } }