:root {
  --main-black: #252525;
  --white: #ffffff;
  --main-grey: #f4f2f0;
  --transparent-grey: #f5f5f5;
  --border-grey: #cbcbcb;
  --main-red: #f34467;
  --grey-gradient: #e6e6e6;
  --font-size-en: 19px;
  --font-size-he: 17px;
  --first-font-family: Assistant;
  --secund-font-family: Georgia;
  --third-font-family: Playfair Display; }

.login-page {
  max-width: 1310px;
  margin: 1.875rem auto; }
  .login-page .right-line {
    border-right: solid 1px #e6e6e6; }
  .login-page__card {
    border: none; }
    .login-page__card--title {
      font-size: 24px;
      font-weight: 600;
      line-height: 1.33;
      letter-spacing: normal;
      text-align: center;
      color: #252525;
      direction: rtl; }
    .login-page__card--body {
      max-width: 304px;
      margin: 26px auto;
      padding: 0; }
      .login-page__card--body .oauth-popover .title-login-oauth {
        font-size: 14px; }
      .login-page__card--body p {
        font-size: 15px;
        line-height: 1.67;
        letter-spacing: normal;
        text-align: center;
        color: #2a2a2a;
        margin: 8px 0 20px 0; }
      .login-page__card--body .invalid-feedback {
        position: relative;
        direction: rtl;
        text-align: right; }
      .login-page__card--body .login-form .login-input {
        font-size: 15px;
        font-weight: normal;
        color: #000000; }
      .login-page__card--body .login-form .form-group.custom-control.custom-checkbox {
        text-align: right;
        padding: 0 1.5rem 0 0; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox .more-details {
          color: #000;
          font-style: normal;
          font-weight: 600;
          line-height: normal;
          text-decoration: underline;
          margin: 0;
          padding: 0;
          font-size: 13px;
          border: none;
          background-color: transparent;
          display: inline-block;
          width: -webkit-fit-content;
          width: fit-content;
          position: absolute;
          right: 190px;
          top: 0px; }
          .login-page__card--body .login-form .form-group.custom-control.custom-checkbox .more-details:hover {
            cursor: pointer; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox .details-lululemon {
          position: absolute;
          right: 25px;
          top: 20px; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox .custom-control-label {
          font-size: 13px;
          line-height: normal;
          letter-spacing: normal;
          text-align: right;
          font-weight: 600;
          color: #000000; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox span.check-sign {
          position: absolute;
          top: 4px;
          right: -23px;
          height: 16px;
          width: 16px;
          border: solid 1px #252525; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox input:checked ~ span.check-sign {
          background-color: #000000;
          color: #ffffff; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox span.check-sign:after {
          content: "";
          position: absolute;
          display: none; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox input:checked ~ span.check-sign:after {
          display: block;
          background-color: #000000;
          color: #ffffff; }
        .login-page__card--body .login-form .form-group.custom-control.custom-checkbox span.check-sign:after {
          left: 5px;
          top: 1px;
          width: 5px;
          height: 10px;
          border: solid #ffffff;
          border-width: 0 2px 2px 0;
          transform: rotate(45deg); }
      .login-page__card--body .login-form .login-input__forgot-pass .password-reset {
        font-size: 13px;
        line-height: 1.69;
        letter-spacing: normal;
        color: #000000 !important;
        text-decoration: underline; }
      .login-page__card--body .login-form .privacy-policy {
        font-size: 13px;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
        color: #252525;
        margin-top: 0.625rem;
        direction: rtl; }
        .login-page__card--body .login-form .privacy-policy a {
          color: #252525 !important;
          text-decoration: underline; }
      .login-page__card--body .login-form .password-field {
        margin-bottom: 20px; }
        .login-page__card--body .login-form .password-field .password.login-input {
          margin: 0; }
        .login-page__card--body .login-form .password-field .login-form__min-password {
          font-size: 12px;
          line-height: normal;
          letter-spacing: normal;
          color: #2e70b5;
          text-align: right; }
  .login-page .login-page__card-mobile {
    display: none; }
  .login-page .login-form-nav .tab-pane {
    margin-top: 1em; }
  .login-page .login .error-message-form {
    padding: 0.625em;
    border-radius: 0.188em; }

.equal-height .card {
  width: 100%; }

.track-order-header {
  font-size: 1.75rem; }

.request-password-title {
  font-size: 1.5rem; }

.form-group {
  position: relative; }
  .form-group .field-icon {
    position: absolute;
    top: 8px;
    left: 10px; }
  .form-group .toggle-password.psw-show {
    cursor: pointer;
    background: url("../images/noun-eye.svg") center no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px; }
  .form-group .toggle-password.psw-hide {
    cursor: pointer;
    background: url("../images/noun-eye-private.svg") center no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px; }
  .form-group .blue-message {
    position: absolute;
    font-size: 12px;
    color: #2e70b5;
    text-align: right; }
  .form-group.reg-radio-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: initial;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: end;
        justify-content: end; }
    .form-group.reg-radio-container .form-group__radio-container {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      margin-left: 20px;
      padding-right: 25px;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      .form-group.reg-radio-container .form-group__radio-container .form-control {
        border: none;
        border-bottom: solid 1px #b6b6b6;
        font-size: 15px;
        text-align: right;
        color: #2a2a2a;
        border-radius: 0; }
        .form-group.reg-radio-container .form-group__radio-container .form-control.input-radio {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          width: 18px;
          height: 18px;
          margin-left: 8px; }
      .form-group.reg-radio-container .form-group__radio-container input:checked ~ span:after {
        display: block;
        background-color: #000000;
        color: #ffffff; }
      .form-group.reg-radio-container .form-group__radio-container span {
        position: absolute;
        top: 4px;
        right: 0;
        height: 18px;
        width: 18px;
        border: solid 1px #a7a7a7;
        background-color: #ffffff;
        border-radius: 50%;
        cursor: pointer; }
        .form-group.reg-radio-container .form-group__radio-container span:after {
          content: "";
          position: absolute;
          display: none;
          left: 50%;
          top: 50%;
          width: 5px;
          height: 5px;
          border: none;
          border-width: 0 2px 2px 0;
          transform: translate(-50%, -50%);
          border-radius: 100%; }
    .form-group.reg-radio-container.is-invalid .invalid-feedback {
      display: block; }

@media all and (max-width: 769px) {
  .login-page {
    padding: 0;
    overflow-x: hidden; }
    .login-page__for-register {
      display: none; }
    .login-page__card--title {
      display: none; }
    .login-page__card .login-page__register {
      border: none; }
    .login-page__card--body {
      margin: 0 auto; }
    .login-page .login-page__card-mobile {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-direction: row;
          flex-direction: row;
      border-bottom: solid 1px rgba(226, 226, 226, 0.6); }
      .login-page .login-page__card-mobile--title {
        width: 35%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: center;
            justify-content: center; }
        .login-page .login-page__card-mobile--title .login-card__title {
          font-size: 17px;
          padding-bottom: 7px;
          opacity: 0.5; }
        .login-page .login-page__card-mobile--title .selected {
          font-weight: bold;
          border-bottom: solid 2px #000000;
          opacity: 1; } }