.form-group.required .form-control-label::before {
  content: "*";
  color: #c00; }

input[type="text"], input[type="number"], input[type="tel"], input[type="password"], input[type="email"], input[type="radio"], textarea {
  border-radius: 4px;
  height: 44px;
  border: 1px solid #D8D5D1;
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #292E28;
  width: 100%; }

.invalid-feedback, .valid-feedback {
  font-size: 14px;
  line-height: 20px; }

input.is-invalid[type="text"], input.is-invalid[type="number"], input.is-invalid[type="tel"], input.is-invalid[type="password"], input.is-invalid[type="email"], input.is-invalid[type="radio"], textarea.is-invalid {
  border-color: #EE4B4B; }

input.is-valid[type="text"], input.is-valid[type="number"], input.is-valid[type="tel"], input.is-valid[type="password"], input.is-valid[type="email"], input.is-valid[type="radio"], textarea.is-valid {
  border-color: #3B7A5B; }

input:disabled[type="text"], input:disabled[type="number"], input:disabled[type="tel"], input:disabled[type="password"], input:disabled[type="email"], input:disabled[type="radio"], textarea:disabled {
  background-color: #EFEBE7; }

input:focus[type="text"], input:focus[type="number"], input:focus[type="tel"], input:focus[type="password"], input:focus[type="email"], input:focus[type="radio"], textarea:focus {
  border-color: #80817C;
  box-shadow: none !important; }

input[type="text"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="radio"]::placeholder, textarea::placeholder {
  color: #BAB9B4; }

input:valid[type="text"], input:valid[type="number"], input:valid[type="tel"], input:valid[type="password"], input:valid[type="email"], input:valid[type="radio"], textarea:valid {
  background-image: none; }

.btn, button {
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  height: 44px;
  border-radius: 4px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .btn svg, button svg {
    margin-left: 20px;
    width: 20px;
    height: 20px; }
  .btn.btn-lg, button.btn-lg {
    font-size: 18px;
    line-height: 18px;
    height: 56px; }
    .btn.btn-lg svg, button.btn-lg svg {
      margin-left: 24px;
      width: 20px;
      height: 20px; }
  .btn.btn-primary, button.btn-primary {
    border: none; }
    .btn.btn-primary:focus, .btn.btn-primary:active, button.btn-primary:focus, button.btn-primary:active {
      outline: none;
      box-shadow: none; }
    .btn.btn-primary.white, button.btn-primary.white {
      background-color: #fff;
      border: none;
      color: #2D5843; }
      .btn.btn-primary.white:hover, button.btn-primary.white:hover {
        background-color: #FCF9F4;
        color: #3B7A5B; }
    .btn.btn-primary.green, button.btn-primary.green {
      background-color: #2D5843;
      border-color: transparent;
      color: #fff;
      border: none; }
      .btn.btn-primary.green.custom-paypal-btn, button.btn-primary.green.custom-paypal-btn {
        background-color: #FFD13B;
        color: #FFD13B;
        font-size: 1px;
        position: relative; }
        .btn.btn-primary.green.custom-paypal-btn:active, .btn.btn-primary.green.custom-paypal-btn:focus, .btn.btn-primary.green.custom-paypal-btn:target, .btn.btn-primary.green.custom-paypal-btn:hover, button.btn-primary.green.custom-paypal-btn:active, button.btn-primary.green.custom-paypal-btn:focus, button.btn-primary.green.custom-paypal-btn:target, button.btn-primary.green.custom-paypal-btn:hover {
          background-color: #FFD13B; }
        .btn.btn-primary.green.custom-paypal-btn .paypal-button-logo, button.btn-primary.green.custom-paypal-btn .paypal-button-logo {
          transform: scale(2.5);
          width: 46px;
          height: 29px;
          position: absolute;
          top: 3px;
          left: 30%; }
          @media (max-width: 991.98px) {
            .btn.btn-primary.green.custom-paypal-btn .paypal-button-logo, button.btn-primary.green.custom-paypal-btn .paypal-button-logo {
              left: 40%; } }
      .btn.btn-primary.green:hover, button.btn-primary.green:hover {
        background-color: #3B7A5B;
        border: none; }
      .btn.btn-primary.green:focus, .btn.btn-primary.green:active, button.btn-primary.green:focus, button.btn-primary.green:active {
        outline: none;
        box-shadow: none; }
    .btn.btn-primary:disabled, button.btn-primary:disabled {
      background-color: #BAB9B4 !important;
      color: #fff !important; }
      .btn.btn-primary:disabled:hover, button.btn-primary:disabled:hover {
        background-color: #BAB9B4 !important;
        color: #fff !important; }
  .btn.btn-outline, button.btn-outline {
    background-color: transparent; }
    .btn.btn-outline.white, button.btn-outline.white {
      border: 2px solid #fff;
      color: #fff; }
      .btn.btn-outline.white:hover, button.btn-outline.white:hover {
        border-color: transparent; }
    .btn.btn-outline.green, button.btn-outline.green {
      border: 2px solid #2D5843;
      color: #2D5843; }
      .btn.btn-outline.green:hover, button.btn-outline.green:hover {
        border-color: #3B7A5B;
        color: #3B7A5B; }
    .btn.btn-outline:disabled, button.btn-outline:disabled {
      background-color: transparent;
      border: 2px solid #BAB9B4;
      color: #BAB9B4; }
      .btn.btn-outline:disabled:hover, button.btn-outline:disabled:hover {
        background-color: transparent;
        border-color: #BAB9B4;
        color: #BAB9B4; }
  .btn.btn-ghost, button.btn-ghost {
    border: none;
    background-color: transparent; }
    .btn.btn-ghost:focus, .btn.btn-ghost:active, button.btn-ghost:focus, button.btn-ghost:active {
      outline: none;
      box-shadow: none; }
    .btn.btn-ghost.white, button.btn-ghost.white {
      color: #fff; }
      .btn.btn-ghost.white:hover, button.btn-ghost.white:hover {
        color: #EFEBE7; }
    .btn.btn-ghost.green, button.btn-ghost.green {
      color: #2D5843; }
      .btn.btn-ghost.green:hover, button.btn-ghost.green:hover {
        color: #3B7A5B;
        background-color: #FCF9F4; }
    .btn.btn-ghost:disabled, button.btn-ghost:disabled {
      background-color: transparent;
      color: #BAB9B4; }
      .btn.btn-ghost:disabled:hover, button.btn-ghost:disabled:hover {
        background-color: transparent;
        color: #BAB9B4; }

.btn:focus,
.btn-primary:focus,
.btn-outline:focus,
.btn-ghost:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
  outline: none;
  box-shadow: none; }

input[type="text"].form-control, input[type="number"].form-control, input[type="tel"].form-control, input[type="password"].form-control, input[type="email"].form-control, input[type="radio"].form-control, textarea.form-control {
  border-radius: 4px !important; }

.input-group:disabled [class^="icon"] {
  color: #BAB9B4 !important; }

.input-group [class^="icon"] {
  color: #80817C !important;
  position: absolute;
  right: 25px;
  top: 12px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center; }
  .input-group [class^="icon"] * {
    height: 100%; }

.invalid-feedback {
  color: #EE4B4B; }

.valid-feedback {
  color: #3B7A5B; }

input:disabled[type="radio"] {
  background-color: #BAB9B4 !important; }

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 2px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default checkbox */
.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* CHECKBOX */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 2px solid #355C28;
  border-radius: 4px; }

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
  background-color: #fff; }

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
  background-color: #355C28; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/* disabled cases */
.checkbox-container input:checked:disabled ~ .checkmark {
  border: none;
  background-color: #BAB9B4; }
  .checkbox-container input:checked:disabled ~ .checkmark:after {
    left: 10px;
    top: 6px; }

.checkbox-container input:not(:checked).is-invalid ~ .checkmark {
  border-color: #EE4B4B; }

.checkbox-container input:not(:checked):disabled ~ .checkmark {
  border-color: #BAB9B4; }

/* RADIO */
.radio-container {
  display: block;
  position: relative;
  padding-left: 35px;
  padding-top: 2px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 0;
  left: 1px;
  width: 24px;
  height: 24px;
  transform: translateY(-0.075em);
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #355C28; }
  .radio-checkmark.disabled {
    border: 2px solid #BAB9B4; }
    .radio-checkmark.disabled::after {
      background: #BAB9B4 !important; }

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .radio-checkmark {
  background-color: #BAB9B4; }

.radio-container:hover input:disabled ~ .radio-checkmark {
  background-color: #fff; }

.radio-container:hover input:disabled:checked ~ .radio-checkmark {
  background-color: transparent; }

/* When the radio button is checked, add transparent background to the outer circle */
/* When the radio button is checked, add a darkGreen background to the dot */
.radio-container input:checked ~ .radio-checkmark {
  background-color: transparent; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
  display: block; }

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #355C28; }

/* disabled cases */
.radio-container input:checked:disabled ~ .radio-checkmark {
  border-color: #BAB9B4; }
  .radio-container input:checked:disabled ~ .radio-checkmark:after {
    background: #BAB9B4; }

.radio-container input:not(:checked):disabled ~ .radio-checkmark {
  border-color: #BAB9B4; }

/* SWITCHES */
.form-check-toggle {
  position: relative;
  padding-left: 0;
  line-height: 24px;
  height: 24px; }
  .form-check-toggle input {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 0%;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0); }
  .form-check-toggle input + span {
    cursor: pointer;
    user-select: none;
    height: 20px;
    margin-left: 70px;
    display: block; }
    .form-check-toggle input + span:before {
      content: '';
      position: absolute;
      left: 0;
      display: inline-block;
      height: 24px;
      width: 50px;
      background: #D8D5D1;
      transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out;
      border-radius: 15px; }
    .form-check-toggle input + span:after {
      width: 20px;
      height: 20px;
      margin-top: 2px;
      margin-left: 1px;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      background: #fff;
      transition: margin-left 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
      text-align: center;
      font-weight: bold;
      content: '';
      box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.05); }
  .form-check-toggle input:checked + span:after {
    content: '';
    margin-left: 28px;
    box-shadow: none; }
  .form-check-toggle input:checked + span:before {
    background-color: #000;
    border-color: #000;
    transition: background 0.3s ease-in-out, border-color 0.3s ease-in-out; }

.page {
  background-color: #FCF9F4; }

#maincontent {
  min-height: calc(100vh - 500px);
  display: flex;
  flex: 1 0 auto; }

.login-page,
.checkout-login {
  margin-top: 80px; }
  @media (max-width: 991.98px) {
    .login-page,
    .checkout-login {
      margin-top: 30px; } }
  @media (max-width: 768.98px) {
    .login-page .buttons-container,
    .checkout-login .buttons-container {
      min-height: 55vh; } }
  .login-page .card,
  .checkout-login .card {
    background-color: #fff;
    border-color: #fff;
    border-radius: 4px; }
    @media (max-width: 768.98px) {
      .login-page .card,
      .checkout-login .card {
        margin-bottom: 5px; } }
  .login-page .card-body,
  .checkout-login .card-body {
    padding: 0px 48px; }
    @media (max-width: 768.98px) {
      .login-page .card-body,
      .checkout-login .card-body {
        padding: 0px 10px; } }
    .login-page .card-body .login-form-nav .nav-item,
    .checkout-login .card-body .login-form-nav .nav-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      font-family: "qualion";
      font-weight: 700;
      font-size: 18px;
      color: #2D5843; }
      .login-page .card-body .login-form-nav .nav-item.active > svg,
      .checkout-login .card-body .login-form-nav .nav-item.active > svg {
        transform: rotate(180deg); }
      .login-page .card-body .login-form-nav .nav-item .login-link,
      .checkout-login .card-body .login-form-nav .nav-item .login-link {
        padding: 10px 0px;
        color: inherit;
        font-weight: bold;
        text-decoration: none; }
    .login-page .card-body .login-form-nav .tab-content,
    .checkout-login .card-body .login-form-nav .tab-content {
      display: none; }
      .login-page .card-body .login-form-nav .tab-content.tab-login,
      .checkout-login .card-body .login-form-nav .tab-content.tab-login {
        display: block; }
    .login-page .card-body .login-oauth,
    .checkout-login .card-body .login-oauth {
      margin-top: 20px; }
      .login-page .card-body .login-oauth .form-group,
      .checkout-login .card-body .login-oauth .form-group {
        margin: 0; }
        .login-page .card-body .login-oauth .form-group a,
        .checkout-login .card-body .login-oauth .form-group a {
          padding: 22px 0; }
          @media (max-width: 768.98px) {
            .login-page .card-body .login-oauth .form-group a,
            .checkout-login .card-body .login-oauth .form-group a {
              padding: 14px 0; } }
        .login-page .card-body .login-oauth .form-group .oauth-facebook,
        .checkout-login .card-body .login-oauth .form-group .oauth-facebook {
          margin-bottom: 10px; }
        .login-page .card-body .login-oauth .form-group .social-links,
        .checkout-login .card-body .login-oauth .form-group .social-links {
          width: 100%;
          text-transform: uppercase;
          display: flex;
          justify-content: center;
          align-items: center; }
          .login-page .card-body .login-oauth .form-group .social-links span,
          .checkout-login .card-body .login-oauth .form-group .social-links span {
            font-family: "qualion";
            font-weight: 700;
            font-size: 18px;
            color: #2D5843; }
            @media (max-width: 768.98px) {
              .login-page .card-body .login-oauth .form-group .social-links span,
              .checkout-login .card-body .login-oauth .form-group .social-links span {
                font-size: 14px; } }
          .login-page .card-body .login-oauth .form-group .social-links:hover span,
          .checkout-login .card-body .login-oauth .form-group .social-links:hover span {
            color: #3B7A5B; }
    .login-page .card-body .enter-data-text,
    .checkout-login .card-body .enter-data-text {
      margin: 21px 0px;
      text-align: center;
      font-family: "qualion";
      font-size: 14px; }
    .login-page .card-body .emaillink-form-text,
    .checkout-login .card-body .emaillink-form-text {
      margin: 14px 14px 22px 22px;
      text-align: center;
      font-family: "qualion";
      font-size: 14px; }
      .login-page .card-body .emaillink-form-text .info-text-wrapper,
      .checkout-login .card-body .emaillink-form-text .info-text-wrapper {
        display: flex;
        align-items: center;
        gap: 8px; }
      .login-page .card-body .emaillink-form-text .info-icon,
      .checkout-login .card-body .emaillink-form-text .info-icon {
        width: 1.2em;
        height: 1.2em; }
    .login-page .card-body .remember-me,
    .login-page .card-body .policyconfirm,
    .login-page .card-body .newsletterconfirm,
    .checkout-login .card-body .remember-me,
    .checkout-login .card-body .policyconfirm,
    .checkout-login .card-body .newsletterconfirm {
      display: flex;
      margin: 10px 0px; }
      .login-page .card-body .remember-me .checkbox-container,
      .login-page .card-body .policyconfirm .checkbox-container,
      .login-page .card-body .newsletterconfirm .checkbox-container,
      .checkout-login .card-body .remember-me .checkbox-container,
      .checkout-login .card-body .policyconfirm .checkbox-container,
      .checkout-login .card-body .newsletterconfirm .checkbox-container {
        padding-left: 26px; }
        .login-page .card-body .remember-me .checkbox-container span,
        .login-page .card-body .policyconfirm .checkbox-container span,
        .login-page .card-body .newsletterconfirm .checkbox-container span,
        .checkout-login .card-body .remember-me .checkbox-container span,
        .checkout-login .card-body .policyconfirm .checkbox-container span,
        .checkout-login .card-body .newsletterconfirm .checkbox-container span {
          top: 4px;
          left: 0;
          height: 16px;
          width: 16px; }
          .login-page .card-body .remember-me .checkbox-container span::after,
          .login-page .card-body .policyconfirm .checkbox-container span::after,
          .login-page .card-body .newsletterconfirm .checkbox-container span::after,
          .checkout-login .card-body .remember-me .checkbox-container span::after,
          .checkout-login .card-body .policyconfirm .checkbox-container span::after,
          .checkout-login .card-body .newsletterconfirm .checkbox-container span::after {
            left: 4px;
            top: 1px;
            width: 5px;
            height: 8px; }
      .login-page .card-body .remember-me .remember-me-text,
      .login-page .card-body .policyconfirm .remember-me-text,
      .login-page .card-body .newsletterconfirm .remember-me-text,
      .checkout-login .card-body .remember-me .remember-me-text,
      .checkout-login .card-body .policyconfirm .remember-me-text,
      .checkout-login .card-body .newsletterconfirm .remember-me-text {
        color: #162515;
        font-size: 16px;
        font-family: "qualion"; }
    .login-page .card-body .btn-primary,
    .checkout-login .card-body .btn-primary {
      width: 100%;
      font-family: "qualion";
      font-weight: 700;
      font-size: 18px; }
      @media (max-width: 768.98px) {
        .login-page .card-body .btn-primary,
        .checkout-login .card-body .btn-primary {
          font-size: 16px; } }
    .login-page .card-body .forgot-password,
    .checkout-login .card-body .forgot-password {
      margin-top: 13px; }
      .login-page .card-body .forgot-password #password-reset,
      .checkout-login .card-body .forgot-password #password-reset {
        color: #2D5843;
        font-size: 14px;
        font-family: "qualion";
        font-weight: 700; }
    .login-page .card-body .login,
    .checkout-login .card-body .login {
      margin-bottom: 0.938em; }
      .login-page .card-body .login .form-group .error-message-form,
      .checkout-login .card-body .login .form-group .error-message-form {
        padding: 0.625em;
        background-color: #c00;
        color: #fff;
        border-radius: 0.188em; }
    .login-page .card-body .user-password,
    .checkout-login .card-body .user-password {
      position: relative; }
      .login-page .card-body .user-password input,
      .checkout-login .card-body .user-password input {
        padding-right: 35px; }
      .login-page .card-body .user-password svg,
      .checkout-login .card-body .user-password svg {
        position: absolute;
        right: 7px;
        top: 12px;
        cursor: pointer;
        color: #80817C; }
    .login-page .card-body .modal-dialog,
    .checkout-login .card-body .modal-dialog {
      top: 50%;
      left: 50%;
      margin: 0;
      transform: translate(-50%, -50%); }
      @media (max-width: 768.98px) {
        .login-page .card-body .modal-dialog,
        .checkout-login .card-body .modal-dialog {
          position: fixed;
          top: auto;
          width: 100%;
          bottom: 0;
          transform: translate(-50%, 0); } }
      .login-page .card-body .modal-dialog .modal-content,
      .checkout-login .card-body .modal-dialog .modal-content {
        border-radius: 16px;
        padding: 35px 20px 20px; }
        @media (max-width: 768.98px) {
          .login-page .card-body .modal-dialog .modal-content,
          .checkout-login .card-body .modal-dialog .modal-content {
            padding: 20px 0px 0px; } }
        .login-page .card-body .modal-dialog .modal-content .modal-close-button,
        .checkout-login .card-body .modal-dialog .modal-content .modal-close-button {
          position: relative; }
          .login-page .card-body .modal-dialog .modal-content .modal-close-button .request-password-title,
          .checkout-login .card-body .modal-dialog .modal-content .modal-close-button .request-password-title {
            font-family: "qualion";
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 5px; }
          .login-page .card-body .modal-dialog .modal-content .modal-close-button button,
          .checkout-login .card-body .modal-dialog .modal-content .modal-close-button button {
            position: absolute;
            right: 0;
            bottom: 0;
            outline: none; }
            @media (max-width: 768.98px) {
              .login-page .card-body .modal-dialog .modal-content .modal-close-button button,
              .checkout-login .card-body .modal-dialog .modal-content .modal-close-button button {
                bottom: -5px; } }
            .login-page .card-body .modal-dialog .modal-content .modal-close-button button svg,
            .checkout-login .card-body .modal-dialog .modal-content .modal-close-button button svg {
              width: 18px;
              height: 18px;
              color: #000; }
        .login-page .card-body .modal-dialog .modal-content .confirm-reset-icon,
        .checkout-login .card-body .modal-dialog .modal-content .confirm-reset-icon {
          display: none;
          text-align: center; }
        .login-page .card-body .modal-dialog .modal-content .request-password-body p,
        .checkout-login .card-body .modal-dialog .modal-content .request-password-body p {
          font-family: "qualion";
          font-size: 16px;
          margin: 0; }
        .login-page .card-body .modal-dialog .modal-content .request-password-body .reset-confirm,
        .checkout-login .card-body .modal-dialog .modal-content .request-password-body .reset-confirm {
          margin-bottom: 24px;
          text-align: center; }
  .login-page .login-page_return,
  .checkout-login .login-page_return {
    display: flex;
    align-items: center;
    margin: 10px 0px 50px;
    font-family: "qualion";
    font-size: 16px;
    color: #2D5843; }
    @media (max-width: 768.98px) {
      .login-page .login-page_return,
      .checkout-login .login-page_return {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
        margin: 10px 0px 30px; } }
    .login-page .login-page_return svg,
    .checkout-login .login-page_return svg {
      margin: 0px 10px 3px 0px;
      width: 12px;
      height: 12px; }
    .login-page .login-page_return button,
    .checkout-login .login-page_return button {
      line-height: 0;
      height: 24px;
      padding: 0; }
      .login-page .login-page_return button:focus,
      .checkout-login .login-page_return button:focus {
        box-shadow: none; }
    .login-page .login-page_return:hover,
    .checkout-login .login-page_return:hover {
      cursor: pointer; }
      .login-page .login-page_return:hover > *,
      .checkout-login .login-page_return:hover > * {
        color: #3B7A5B; }
  .login-page .registration,
  .checkout-login .registration {
    margin-bottom: 40px;
    color: #162515; }
    .login-page .registration .login-account-policy,
    .login-page .registration .login-account-newsletter,
    .checkout-login .registration .login-account-policy,
    .checkout-login .registration .login-account-newsletter {
      font-family: "qualion";
      font-size: 16px;
      margin-bottom: 20px; }
      .login-page .registration .login-account-policy .login-policy,
      .login-page .registration .login-account-newsletter .login-policy,
      .checkout-login .registration .login-account-policy .login-policy,
      .checkout-login .registration .login-account-newsletter .login-policy {
        color: #162515;
        text-decoration: underline; }
      .login-page .registration .login-account-policy.color-error,
      .login-page .registration .login-account-newsletter.color-error,
      .checkout-login .registration .login-account-policy.color-error,
      .checkout-login .registration .login-account-newsletter.color-error {
        color: #EE4B4B; }
        .login-page .registration .login-account-policy.color-error > .login-policy,
        .login-page .registration .login-account-newsletter.color-error > .login-policy,
        .checkout-login .registration .login-account-policy.color-error > .login-policy,
        .checkout-login .registration .login-account-newsletter.color-error > .login-policy {
          color: #EE4B4B; }

.checkout-login .card-body .enter-data-text {
  margin: 24px 0px;
  text-align: center;
  font-family: "qualion";
  color: #9D9D98;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  gap: 12px; }
  .checkout-login .card-body .enter-data-text .enter-data-text-slash {
    width: 100px;
    border-top: 1px solid #D9E6E2; }

.checkout-login .card-body .customer-login-label {
  color: #292E28;
  font-family: "qualion";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px; }

.checkout-login .card-body .submit-customer-login {
  height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px; }

.checkout-login .card-body .login-oauth .form-group .social-links {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  border-radius: 4px;
  border: 2px solid #2D5843;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  text-transform: none;
  height: 48px; }
  .checkout-login .card-body .login-oauth .form-group .social-links span {
    font-family: "qualion";
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2D5843; }
  .checkout-login .card-body .login-oauth .form-group .social-links svg {
    width: 32px;
    height: 32px;
    margin-left: 0; }
  .checkout-login .card-body .login-oauth .form-group .social-links:hover span {
    color: #292E28; }

.checkout-login .card-body .forgot-password #password-reset {
  color: #00573F;
  font-size: 12px;
  font-family: "qualion";
  font-weight: 600;
  line-height: 24px;
  text-decoration: none !important;
  border-bottom: 1px solid #00573F; }

.emaillinkconfirmation {
  flex: 1 0 0;
  display: flex;
  align-items: start;
  padding: 48px 30px; }
  .emaillinkconfirmation * {
    font-family: "qualion"; }
  .emaillinkconfirmation .emaillink-confirmation-main {
    margin-top: 24px; }
  .emaillinkconfirmation .emaillink-confirmation-title {
    margin-top: 10px;
    font-size: 27px;
    font-weight: 700;
    line-height: 30px;
    align-content: center;
    vertical-align: middle;
    color: #2D5843; }
  .emaillinkconfirmation .emaillink-confirmation-content {
    text-align: center; }
    .emaillinkconfirmation .emaillink-confirmation-content span {
      display: block; }
    .emaillinkconfirmation .emaillink-confirmation-content span.subtext {
      margin-top: 10px; }
  .emaillinkconfirmation .emaillink-confirmation-img {
    width: 113px;
    height: 96px; }

.login-banner {
  background-image: url("../images/account.jpg");
  background-position-y: 40%; }

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

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

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

.new-password-page {
  margin-top: 80px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 33%;
  max-width: 466px; }
  @media (max-width: 991.98px) {
    .new-password-page {
      margin-top: 30px; } }
  @media (max-width: 768.98px) {
    .new-password-page {
      min-height: inherit;
      width: 100%; } }
  .new-password-page form {
    width: 100%; }
    @media (max-width: 768.98px) {
      .new-password-page form {
        display: flex;
        flex-direction: column;
        justify-content: space-between; } }
    .new-password-page form .form-content {
      width: 100%;
      border-radius: 5px;
      background-color: #fff;
      padding: 24px 48px;
      margin-bottom: 24px; }
      @media (max-width: 768.98px) {
        .new-password-page form .form-content {
          padding: 24px 16px; } }
      .new-password-page form .form-content .form-title {
        font-size: 20px;
        line-height: 30px;
        color: #2D5843;
        font-weight: 700;
        font-family: "qualion";
        margin-bottom: 16px; }
      .new-password-page form .form-content .form-group {
        font-family: "qualion"; }
        .new-password-page form .form-content .form-group:first-child {
          margin-bottom: 8px; }
        .new-password-page form .form-content .form-group:last-child {
          margin-bottom: 0; }
    .new-password-page form .buttons-wrapper {
      width: 100%;
      margin-bottom: 16px; }
      @media (max-width: 768.98px) {
        .new-password-page form .buttons-wrapper {
          padding-left: 16px;
          padding-right: 16px; } }
      .new-password-page form .buttons-wrapper button {
        width: 100%;
        max-width: calc(50% - 12px); }
        .new-password-page form .buttons-wrapper button:first-child {
          margin-left: 24px; }
        @media (max-width: 768.98px) {
          .new-password-page form .buttons-wrapper button {
            height: 44px;
            max-width: 100%; }
            .new-password-page form .buttons-wrapper button:first-child {
              margin-bottom: 8px;
              margin-left: 0; } }

.customer-guest-shipping .policyconfirm,
.customer-guest-shipping .newsletterconfirm {
  display: flex;
  margin: 16px 0px; }
  .customer-guest-shipping .policyconfirm .checkbox-container,
  .customer-guest-shipping .newsletterconfirm .checkbox-container {
    padding-left: 26px; }
    .customer-guest-shipping .policyconfirm .checkbox-container span,
    .customer-guest-shipping .newsletterconfirm .checkbox-container span {
      top: 4px;
      left: 0;
      height: 16px;
      width: 16px; }
      .customer-guest-shipping .policyconfirm .checkbox-container span::after,
      .customer-guest-shipping .newsletterconfirm .checkbox-container span::after {
        left: 4px;
        top: 1px;
        width: 5px;
        height: 8px; }
  .customer-guest-shipping .policyconfirm .login-account-newsletter,
  .customer-guest-shipping .policyconfirm .login-account-policy,
  .customer-guest-shipping .newsletterconfirm .login-account-newsletter,
  .customer-guest-shipping .newsletterconfirm .login-account-policy {
    color: #292E28;
    font-family: "qualion";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px; }

.customer-guest-shipping .login-account-policy {
  color: #464944;
  font-family: "qualion";
  font-size: 12px;
  font-weight: 700;
  line-height: 18px; }

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