@charset "UTF-8";
/*
* Info
Sass obsługuje specjalny typ selektora o nazwie placeholders. 
Symbole zastępcze wyglądają jak klasy, z wyjątkiem tego, że kropka jest zamieniana na znak %. 
Charakterystyczną cechą symboli zastępczych Sass jest to, że nie są renderowane w arkuszu stylów wyników.

W rzeczywistości mogą one zostać rozszerzone za pomocą dyrektywy @extend.

Przykład:

%message {
    padding: 0.5em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.message-error {
    @extend %message;
    color: red;
}


*/
.section-register {
  margin: calc(var(--bw__sizer) * 20) 0 calc(var(--bw__sizer) * 30); }
  @media (max-width: 767px) {
    .section-register {
      margin: calc(var(--bw__sizer) * 20) 0 calc(var(--bw__sizer) * 15); } }
  @media (max-width: 575px) {
    .section-register {
      margin: 0; } }
  .section-register .container-fluid {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--default-color);
    padding: calc(var(--bw__sizer) * 60) calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 70); }
    @media (max-width: 1199px) {
      .section-register .container-fluid {
        padding: calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 40) calc(var(--bw__sizer) * 40) calc(var(--bw__sizer) * 50); } }
    @media (max-width: 991px) {
      .section-register .container-fluid {
        padding: calc(var(--bw__sizer) * 35) calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 30); } }
  .section-register .section__header,
  .section-register .header__number {
    color: #fff; }
  @media (max-width: 767px) {
    .section-register .section__header {
      margin-left: calc(var(--bw__sizer) * 30); } }
  @media (max-width: 575px) {
    .section-register .section__header {
      margin-left: calc(var(--bw__sizer) * 25); } }
  .section-register .section__header::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    height: calc(var(--bw__sizer) * 1);
    width: calc(var(--bw__sizer) * 55);
    border-bottom: calc(var(--bw__sizer) * 2) dotted #fff;
    z-index: 1; }
  .section-register__title {
    margin: 0.66em 0 0.66em; }
    @media (min-width: 992px) {
      .section-register__title {
        white-space: nowrap; } }
  .section-register__text {
    padding-right: calc(var(--bw__sizer) * 70); }
    @media (max-width: 767px) {
      .section-register__text {
        padding-right: 0; } }
  .section-register__link {
    padding-left: calc(var(--bw__sizer) * 25); }
    @media (max-width: 991px) {
      .section-register__link {
        padding-left: calc(var(--bw__sizer) * 15);
        margin-top: calc(var(--bw__sizer) * 30); } }
  .section-register .btn__gamma {
    box-shadow: 0 0 calc(var(--bw__sizer) * 20) rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out; }
    .section-register .btn__gamma:hover, .section-register .btn__gamma:focus-within {
      box-shadow: 0 0 calc(var(--bw__sizer) * 20) rgba(0, 0, 0, 0.6);
      color: #000; }
  .section-register--page {
    background-color: var(--default-color);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: calc(var(--bw__sizer) * 5) solid #fff;
    margin-bottom: 0;
    padding: calc(var(--bw__sizer) * 50) 0; }
    @media (min-width: 768px) {
      .section-register--page {
        padding: calc(var(--bw__sizer) * 70) 0; } }
    @media (min-width: 1200px) {
      .section-register--page {
        padding: calc(var(--bw__sizer) * 100) 0; } }
    @media (min-width: 1600px) {
      .section-register--page {
        padding: calc(var(--bw__sizer) * 125) 0; } }
    .section-register--page .container-fluid {
      background-image: none;
      background-color: transparent;
      padding: 0; }
    .section-register--page .section-register__form {
      margin: 0 calc(var(--bw__sizer) * 20);
      padding: calc(var(--bw__sizer) * 20) calc(var(--bw__sizer) * 20);
      position: relative; }
      @media (min-width: 360px) {
        .section-register--page .section-register__form {
          padding: calc(var(--bw__sizer) * 25) calc(var(--bw__sizer) * 30); } }
      @media (min-width: 468px) {
        .section-register--page .section-register__form {
          padding: calc(var(--bw__sizer) * 25) calc(var(--bw__sizer) * 40);
          margin: 0 calc(var(--bw__sizer) * 30); } }
      @media (min-width: 576px) {
        .section-register--page .section-register__form {
          padding: calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 60); } }
      @media (min-width: 992px) {
        .section-register--page .section-register__form {
          padding: calc(var(--bw__sizer) * 30) calc(var(--bw__sizer) * 90); } }
      @media (min-width: 1200px) {
        .section-register--page .section-register__form {
          padding: calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 150); } }
      @media (min-width: 1600px) {
        .section-register--page .section-register__form {
          padding: calc(var(--bw__sizer) * 50) calc(var(--bw__sizer) * 150); } }
      .section-register--page .section-register__form::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 0.25);
        width: 100%;
        height: 100%;
        border-radius: calc(var(--bw__sizer) * 15); }
      .section-register--page .section-register__form .form__title {
        margin-bottom: calc(var(--bw__sizer) * 20); }
        @media (min-width: 576px) {
          .section-register--page .section-register__form .form__title {
            margin-bottom: calc(var(--bw__sizer) * 30); } }
      .section-register--page .section-register__form .form__desc {
        margin-top: calc(var(--bw__sizer) * 25); }
      .section-register--page .section-register__form .btn__delta {
        margin-top: calc(var(--bw__sizer) * 20); }
      .section-register--page .section-register__form .form-group {
        opacity: 1;
        visibility: visible;
        transition: all 0.3s ease-in-out; }
        .section-register--page .section-register__form .form-group.hide {
          opacity: 0;
          visibility: hidden; }
          .section-register--page .section-register__form .form-group.hide .form-control, .section-register--page .section-register__form .form-group.hide .selectric {
            height: 0;
            margin-bottom: 0; }
      .section-register--page .section-register__form .selectric .label {
        display: flex;
        height: 100%;
        align-items: center;
        margin: 0;
        color: #000;
        font-size: calc(var(--bw__sizer) * 13); }
        @media (min-width: 992px) {
          .section-register--page .section-register__form .selectric .label {
            font-size: calc(var(--bw__sizer) * 14); } }
      .section-register--page .section-register__form .selectric .button {
        width: calc(var(--bw__sizer) * 15);
        height: calc(var(--bw__sizer) * 15);
        position: absolute;
        right: calc(var(--bw__sizer) * 10);
        top: 12%;
        transform: rotate(-135deg) translateY(-50%);
        transition: transform 0.2s ease-out;
        background-color: transparent; }
        @media (min-width: 576px) {
          .section-register--page .section-register__form .selectric .button {
            top: 17%; } }
        @media (min-width: 992px) {
          .section-register--page .section-register__form .selectric .button {
            top: 25%;
            right: calc(var(--bw__sizer) * 20); } }
        .section-register--page .section-register__form .selectric .button::after, .section-register--page .section-register__form .selectric .button::before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          background-color: #000; }
        .section-register--page .section-register__form .selectric .button::after {
          width: calc(var(--bw__sizer) * 10);
          height: calc(var(--bw__sizer) * 2);
          margin: 0;
          border: 0; }
        .section-register--page .section-register__form .selectric .button::before {
          height: calc(var(--bw__sizer) * 10);
          width: calc(var(--bw__sizer) * 2); }
      .section-register--page .section-register__form .selectric-items li {
        background-color: rgba(255, 255, 255, 0.75);
        color: #000;
        padding-left: calc(var(--bw__sizer) * 35); }
      .section-register--page .section-register__form .selectric-items li.highlighted {
        background-color: rgba(0, 0, 0, 0.05);
        color: #000; }
      .section-register--page .section-register__form .selectric-items li.selected {
        background-color: rgba(0, 0, 0, 0.05);
        color: #000; }
      .section-register--page .section-register__form .selectric-items li:hover {
        background-color: rgba(0, 0, 0, 0.05);
        color: #000; }
      .section-register--page .section-register__form .form-control, .section-register--page .section-register__form .selectric {
        height: calc(var(--bw__sizer) * 45);
        width: 100%;
        font-size: calc(var(--bw__sizer) * 13);
        font-weight: 500;
        padding: 0 calc(var(--bw__sizer) * 20);
        border-radius: 0;
        border: 0;
        margin-bottom: calc(var(--bw__sizer) * 10);
        color: #000;
        background-color: rgba(255, 255, 255, 0.75);
        position: relative; }
        @media (min-width: 576px) {
          .section-register--page .section-register__form .form-control, .section-register--page .section-register__form .selectric {
            height: calc(var(--bw__sizer) * 50); } }
        @media (min-width: 992px) {
          .section-register--page .section-register__form .form-control, .section-register--page .section-register__form .selectric {
            height: calc(var(--bw__sizer) * 60);
            font-size: calc(var(--bw__sizer) * 14);
            padding: 0 calc(var(--bw__sizer) * 35); } }
        .section-register--page .section-register__form .form-control::-webkit-input-placeholder, .section-register--page .section-register__form .selectric::-webkit-input-placeholder {
          /* Chrome/Opera/Safari */
          font-size: calc(var(--bw__sizer) * 13);
          font-weight: 500;
          color: #000; }
          @media (min-width: 992px) {
            .section-register--page .section-register__form .form-control::-webkit-input-placeholder, .section-register--page .section-register__form .selectric::-webkit-input-placeholder {
              font-size: calc(var(--bw__sizer) * 14); } }
        .section-register--page .section-register__form .form-control::-moz-placeholder, .section-register--page .section-register__form .selectric::-moz-placeholder {
          /* Firefox 19+ */
          font-size: calc(var(--bw__sizer) * 13);
          font-weight: 500;
          color: #000; }
          @media (min-width: 992px) {
            .section-register--page .section-register__form .form-control::-moz-placeholder, .section-register--page .section-register__form .selectric::-moz-placeholder {
              font-size: calc(var(--bw__sizer) * 14); } }
        .section-register--page .section-register__form .form-control:-ms-input-placeholder, .section-register--page .section-register__form .selectric:-ms-input-placeholder {
          /* IE 10+ */
          font-size: calc(var(--bw__sizer) * 13);
          font-weight: 500;
          color: #000; }
          @media (min-width: 992px) {
            .section-register--page .section-register__form .form-control:-ms-input-placeholder, .section-register--page .section-register__form .selectric:-ms-input-placeholder {
              font-size: calc(var(--bw__sizer) * 14); } }
        .section-register--page .section-register__form .form-control:-moz-placeholder, .section-register--page .section-register__form .selectric:-moz-placeholder {
          /* Firefox 18- */
          font-size: calc(var(--bw__sizer) * 13);
          font-weight: 500;
          color: #000; }
          @media (min-width: 992px) {
            .section-register--page .section-register__form .form-control:-moz-placeholder, .section-register--page .section-register__form .selectric:-moz-placeholder {
              font-size: calc(var(--bw__sizer) * 14); } }


/*# sourceMappingURL=SectionRegister.css.map*/