h1 {
  font-family: "futura-heavy";
  font-size: 2.1875rem; }

h2 {
  font-family: "futura-book";
  font-size: 1.875rem; }

h3 {
  font-family: "futura-heavy";
  font-size: 1.25rem; }

h4 {
  font-family: "futura-demi";
  font-size: 1.125rem; }

h5 {
  font-family: "futura-heavy";
  font-size: 1rem; }

h6 {
  font-family: "futura-demi";
  font-size: 1rem; }

.form-group.required .form-control-label::before {
  display: none; }

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

.floating-form {
  /* active state */ }
  .floating-form .form-group {
    margin-bottom: 1.25rem; }
  .floating-form .floating-label {
    position: relative;
    margin-bottom: 1.25rem;
    font-size: 0.625rem; }
    @media (min-width: 768px) {
      .floating-form .floating-label {
        font-size: 0.75rem; } }
    .floating-form .floating-label svg {
      position: absolute;
      top: 1rem;
      right: 1.375rem; }
  .floating-form textarea {
    min-height: 9.633rem; }
  .floating-form .floating-input,
  .floating-form .floating-select {
    display: block;
    width: 100%;
    height: 3.109rem;
    background-color: transparent;
    border: none;
    border: 1px solid #ccc;
    color: #000;
    padding-top: 1rem;
    padding-left: 0.55rem;
    font-size: 0.9375rem;
    font-family: "futura-book"; }
  .floating-form .floating-input:focus,
  .floating-form .floating-select:focus,
  .floating-form .floating-input:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    padding-top: 1rem;
    border: 1px solid #0092a9; }
  .floating-form label {
    width: 100%;
    color: #000000;
    font-size: 0.95rem;
    position: absolute;
    pointer-events: none;
    top: 0.313rem;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0rem 0.55rem;
    font-family: "futura-book"; }
  .floating-form .floating-input:not(:-moz-placeholder-shown):not(.mc-message) ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-input:not(:-ms-input-placeholder):not(.mc-message) ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-input:focus ~ label,
  .floating-form .floating-input:not(:placeholder-shown):not(.mc-message) ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
    .floating-form .floating-input:not(:-moz-placeholder-shown):not(.mc-message) ~ label.mc-message-label {
      top: 17px; }
    .floating-form .floating-input:not(:-ms-input-placeholder):not(.mc-message) ~ label.mc-message-label {
      top: 17px; }
    .floating-form .floating-input:focus ~ label.mc-message-label,
    .floating-form .floating-input:not(:placeholder-shown):not(.mc-message) ~ label.mc-message-label {
      top: 17px; }
  .floating-form .floating-input:-webkit-autofill ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-select:focus ~ label,
  .floating-form .floating-select:not([value=""]):valid ~ label {
    top: 0.688rem !important;
    font-size: 0.75rem;
    color: #000000;
    background-color: transparent;
    margin: 0; }
  .floating-form .floating-select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    /* Positions background arrow image */
    background-image: url("../../../static/images/icons/arrow-down.svg");
    background-repeat: no-repeat;
    background-size: 0.625rem;
    background-position: 98% 30%;
    background-origin: content-box; }
  .floating-form .floating-select:valid ~ label {
    top: 0.688rem; }
  .floating-form :-webkit-autofill ~ label {
    top: 0.688rem;
    font-size: 0.75rem;
    color: #757575;
    background-color: transparent;
    margin: 0; }
  .floating-form .form-control.is-invalid {
    border-color: #c00;
    -webkit-box-shadow: 0px 0px 4px #c00;
            box-shadow: 0px 0px 4px #c00; }
  .floating-form .form-control.is-invalid ~ label {
    display: none; }
  .floating-form .form-control.is-invalid ~ .invalid-feedback {
    top: 0.688rem;
    left: 0;
    padding: 0rem 0.55rem;
    font-size: 1rem;
    font-family: "futura-book"; }
  .floating-form .floating-input:focus ~ .bar:before,
  .floating-form .floating-input:focus ~ .bar:after,
  .floating-form .floating-select:focus ~ .bar:before,
  .floating-form .floating-select:focus ~ .bar:after {
    width: 50%; }
  .floating-form .floating-textarea {
    overflow: hidden;
    overflow-x: hidden; }
  .floating-form .checkbox-custom label {
    position: relative;
    cursor: pointer;
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    pointer-events: unset;
    padding-left: 0.8rem;
    color: #000;
    font-family: 'futura-book';
    font-size: 0.9375rem; }
  .floating-form .checkbox-custom input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: block;
    cursor: pointer; }

@-webkit-keyframes inputHighlighter {
  from {
    background: #757575; }
  to {
    width: 0;
    background: transparent; } }

@keyframes inputHighlighter {
  from {
    background: #757575; }
  to {
    width: 0;
    background: transparent; } }
  .floating-form .custom-phone-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%; }
    .floating-form .custom-phone-box .floating-label:first-child {
      max-width: 5rem;
      min-width: 3.75rem;
      width: 100%; }
      .floating-form .custom-phone-box .floating-label:first-child label {
        top: 0.688rem; }
    .floating-form .custom-phone-box .floating-label {
      margin: 0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
      .floating-form .custom-phone-box .floating-label .floating-input {
        width: 100%;
        border-radius: 0.1875rem;
        border: 1px solid #757575;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      .floating-form .custom-phone-box .floating-label .floating-input.is-invalid {
        border-color: #c00; }
    .floating-form .custom-phone-box .floating-input {
      width: 70px; }
      .floating-form .custom-phone-box .floating-input:nth-child(2) {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        padding-top: inherit;
        height: 100%; }
      .floating-form .custom-phone-box .floating-input:focus {
        outline: none; }
      .floating-form .custom-phone-box .floating-input::-webkit-input-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input::-moz-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input:-ms-input-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input::-ms-input-placeholder {
        font-size: 0.75rem; }
      .floating-form .custom-phone-box .floating-input::placeholder {
        font-size: 0.75rem; }
    .floating-form .custom-phone-box .country-code {
      padding: 0.375rem;
      border-radius: 0.1875rem;
      border: 1px solid #757575;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0px; }
      .floating-form .custom-phone-box .country-code:focus {
        padding: 0.375rem; }
    .floating-form .custom-phone-box .floating-select {
      border-radius: 0.1875rem;
      border: 1px solid #757575;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-right: 0;
      padding-top: 0.475rem;
      background-position: 98% 46%; }

/*Login page*/
.login-page {
  margin-top: 1em; }
  .login-page .login-form-nav {
    margin-bottom: 1.25em; }
    .login-page .login-form-nav .tab-pane {
      margin-top: 1em; }
  .login-page .login {
    margin-bottom: 0.938em; }
    .login-page .login .error-message-form {
      padding: 0.625em;
      background-color: #c00;
      color: #fff;
      border-radius: 0.188em; }

/*Registration page*/
.registration-page .privacy-policy {
  margin-top: 1rem; }

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

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

/*Forgot password*/
.request-password-title {
  font-size: 1.25rem;
  margin-top: 1.875rem;
  font-weight: 500; }

@media (min-width: 576px) {
  .request-password-body {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    padding: 0; } }

.pass-icon {
  position: relative; }

.password-eye-icon {
  position: absolute;
  font-size: 0.875rem;
  cursor: pointer;
  font-family: fontawesome;
  color: #6f7d7d;
  font-style: normal;
  right: 1.125rem;
  padding-bottom: 2.8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

#requestPasswordResetModal .modal-dialog {
  max-width: 45rem; }

header ~ #maincontent .login-page-wrapper {
  padding-top: 1.875rem;
  padding-bottom: 2.994rem; }
  @media (min-width: 768px) {
    header ~ #maincontent .login-page-wrapper {
      padding-top: 0;
      padding-bottom: 6.313rem;
      max-width: 1300px; } }
  header ~ #maincontent .login-page-wrapper .Login-With {
    margin-top: 1rem; }
    header ~ #maincontent .login-page-wrapper .Login-With p {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-bottom: 1.5rem;
      position: relative; }
      header ~ #maincontent .login-page-wrapper .Login-With p .line {
        position: absolute;
        width: 100%;
        top: 50%;
        background: #00000029;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border: 0;
        border-radius: 0;
        height: 1px;
        z-index: -1; }
      header ~ #maincontent .login-page-wrapper .Login-With p .or {
        font-size: 1rem;
        color: #757575;
        text-align: center;
        text-transform: lowercase;
        border: 1px solid #00000029;
        border-radius: 50%;
        width: 2.188rem;
        height: 2.188rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #fff; }
    header ~ #maincontent .login-page-wrapper .Login-With .login-oauth {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media (min-width: 1200px) {
        header ~ #maincontent .login-page-wrapper .Login-With .login-oauth {
          gap: 0.938rem;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row; } }
      header ~ #maincontent .login-page-wrapper .Login-With .login-oauth div {
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        width: 100%; }
  header ~ #maincontent .login-page-wrapper .mc-title {
    font-family: "futura-demi"; }
  header ~ #maincontent .login-page-wrapper .mc-discription {
    font-family: "futura-book";
    font-size: 0.9375rem; }
  header ~ #maincontent .login-page-wrapper .mc-page-title {
    font-family: "futura-demi"; }
  header ~ #maincontent .login-page-wrapper .forgot-password #password-reset {
    font-family: 'futura-book';
    font-size: 0.9375rem; }
  header ~ #maincontent .login-page-wrapper a:not(.btn-primary):not(.btn-outline-black):not(.btn-outline-primary):not(.link):hover {
    text-decoration: none;
    color: #0093A8; }

.floating-form .register-details {
  padding-top: 23px;
  height: 4rem;
  font-family: "futura-book"; }

.floating-form .register-details-label {
  top: 27%; }

.floating-form.mc-reset-password .btn-outline-black,
.floating-form.mc-reset-password .btn-black {
  margin-top: 1.96rem !important; }

/* for constraints showing on registration page */
.password-constraint-div {
  margin-bottom: 15px;
  font-size: 0.9375rem;
  background: #eee;
  padding: 5px;
  font-family: "futura-book"; }
  .password-constraint-div ul {
    margin-bottom: 0px; }

.registration .pass-icon .password-eye-icon,
.loginForm .pass-icon .password-eye-icon {
  position: absolute;
  right: 2%;
  background: transparent;
  border: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0; }
  .registration .pass-icon .password-eye-icon img,
  .loginForm .pass-icon .password-eye-icon img {
    width: 19px;
    height: 19px;
    -o-object-fit: contain;
       object-fit: contain; }
  .registration .pass-icon .password-eye-icon .hide-pass,
  .loginForm .pass-icon .password-eye-icon .hide-pass {
    display: none; }
  .registration .pass-icon .password-eye-icon:focus,
  .loginForm .pass-icon .password-eye-icon:focus {
    outline: 0px; }

.registration .is-newsletter-subscribed .checkbox-custom-label,
.loginForm .is-newsletter-subscribed .checkbox-custom-label {
  min-width: 100%;
  margin-bottom: 6px; }

.registration .is-newsletter-subscribed .form-control.is-invalid ~ label,
.loginForm .is-newsletter-subscribed .form-control.is-invalid ~ label {
  display: block; }

.registration .is-newsletter-subscribed .form-control.is-invalid ~ .invalid-feedback,
.loginForm .is-newsletter-subscribed .form-control.is-invalid ~ .invalid-feedback {
  top: unset;
  left: unset;
  padding: unset;
  font-size: 1rem;
  font-family: "futura-book";
  margin: 0 0 0 31px;
  position: absolute;
  bottom: -21px; }

.registration .is-newsletter-subscribed .form-control.is-invalid,
.loginForm .is-newsletter-subscribed .form-control.is-invalid {
  border-color: unset;
  -webkit-box-shadow: unset;
          box-shadow: unset; }

.registration .is-newsletter-subscribed input[type='checkbox'],
.loginForm .is-newsletter-subscribed input[type='checkbox'] {
  padding: 6.5px; }

.registration .is-subscription-enabled,
.registration .is-newsletter-subscribed,
.loginForm .is-subscription-enabled,
.loginForm .is-newsletter-subscribed {
  margin-bottom: 1.6rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .registration .is-subscription-enabled .form-check-input,
  .registration .is-newsletter-subscribed .form-check-input,
  .loginForm .is-subscription-enabled .form-check-input,
  .loginForm .is-newsletter-subscribed .form-check-input {
    margin-top: 0.3rem; }
  .registration .is-subscription-enabled input[type='checkbox'],
  .registration .is-newsletter-subscribed input[type='checkbox'],
  .loginForm .is-subscription-enabled input[type='checkbox'],
  .loginForm .is-newsletter-subscribed input[type='checkbox'] {
    accent-color: #000; }
    .registration .is-subscription-enabled input[type='checkbox']:focus,
    .registration .is-newsletter-subscribed input[type='checkbox']:focus,
    .loginForm .is-subscription-enabled input[type='checkbox']:focus,
    .loginForm .is-newsletter-subscribed input[type='checkbox']:focus {
      -webkit-box-shadow: unset;
              box-shadow: unset; }

.registration .remember-me .checkbox-custom-input,
.loginForm .remember-me .checkbox-custom-input {
  margin-left: 0rem; }

.registration .remember-me .custom-control-label,
.loginForm .remember-me .custom-control-label {
  left: 1rem;
  top: 0.1rem;
  padding-left: 0.4rem; }
  .registration .remember-me .custom-control-label::before,
  .registration .remember-me .custom-control-label ::after,
  .loginForm .remember-me .custom-control-label::before,
  .loginForm .remember-me .custom-control-label ::after {
    content: unset; }

.registration .remember-me input[type='checkbox'],
.loginForm .remember-me input[type='checkbox'] {
  accent-color: #000; }
  .registration .remember-me input[type='checkbox']:focus,
  .loginForm .remember-me input[type='checkbox']:focus {
    -webkit-box-shadow: unset;
            box-shadow: unset; }