/* Convert px to rem
** Usage:
** font-size: rem(23);
*/
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace `$search` with `$replace` in `$string`
** @author Hugo Giraudel
** @link http://sassmeister.com/gist/1b4f2da5527830088e4d
** @param {String} $string - Initial string
** @param {String} $search - Substring to replace
** @param {String} $replace ('') - New value
** @return {String} - Updated string
*/
/* Replace substring 'fillColor' to real color from variables */
/* Convert px to rem
** Usage:
** font-size: rem(23);
*/
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace `$search` with `$replace` in `$string`
** @author Hugo Giraudel
** @link http://sassmeister.com/gist/1b4f2da5527830088e4d
** @param {String} $string - Initial string
** @param {String} $search - Substring to replace
** @param {String} $replace ('') - New value
** @return {String} - Updated string
*/
/* Replace substring 'fillColor' to real color from variables */
/* Mixin for button animation,
    use: @include button-animation(); for .btn-primary-dark--white-bg button
*/
/* Mixin for arrow link animation,
    use: @include arrow-link-animation(); for .btn-tertiary-dark--white-bg button
*/
/* Mixin for link animation,
    use: @include link-animation(); for .btn-link-dark--white-bg button
*/
/* Mixin for button background animation,
    use: @include hoverBgEffect($primary-slate, $scale: 1.4, $speed: 0.4s);
*/
/**
 * Mixin for adding gradient line to the bottom.
 * @param {$side-colors} color.
 */
/**
 * Mixin for adding text underline.
 */
/**
 * Mixin for cropping the text.
 * @param {$line-clamp} number of visible lines.
 */
.login-page {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.login-page .login-form-nav {
  margin-bottom: 1.25em;
}
.login-page .login {
  margin-bottom: 0.938em;
}
.login-page .login .error-message-form {
  padding: 0.625em;
  background-color: #c73636;
  color: #fff;
  border-radius: 0.188em;
}
.login-page .check-list {
  margin-bottom: 2.6875rem;
}
.login-page .check-list .icon-check {
  margin: -0.125rem 0.3125rem 0.125rem 0;
}
.login-page .check-list .check-list-item {
  margin-bottom: 0.625rem;
}
.login-page .card {
  border: none;
  border-radius: 0;
}
@media (min-width: 768px) {
  .login-page .card {
    border-radius: 0.3125rem;
    -webkit-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.08);
  }
}
.login-page .card-body {
  padding: 1.6875rem 0;
}
@media (min-width: 768px) {
  .login-page .card-body {
    padding: 1.5625rem 1.875rem;
  }
}
.login-page .card-inner {
  cursor: pointer;
}
.login-page .login-form .button-secondary {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
  .login-page .login-form .button-secondary {
    margin-bottom: 1.875rem;
  }
}
.login-page .login-form .form-group,
.login-page .login-form .alert {
  margin-bottom: 1.5625rem;
}
.login-page .login-form .forgot-link {
  margin-top: 0.5rem;
}
.login-page .login-form .remember-me {
  margin-bottom: 0;
  margin-top: 1.5625rem;
}
@media (min-width: 768px) {
  .login-page .login-form .remember-me {
    margin-top: 1.875rem;
  }
}
.login-page .registration-inner {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .login-page .registration-inner {
    max-width: 33.125rem;
  }
}
@media (min-width: 1024px) {
  .login-page .registration-inner {
    max-width: 42.5rem;
  }
}
@media (min-width: 1024px) {
  .login-page .registration-inner.registration-content {
    max-width: 60.875rem;
  }
}
.login-page .registration-inner.registration-content .login-page-container {
  background: transparent;
}
.login-page .registration-inner.registration-content .card-body {
  padding: 1.5rem 0.25rem;
}
@media (min-width: 768px) {
  .login-page .registration-inner.registration-content .card-body {
    padding: 1.5625rem 1.875rem;
  }
}
@media (min-width: 1024px) {
  .login-page .registration-inner.registration-content .card-body {
    padding: 2.625rem 2.5rem;
  }
}
.login-page .registration-inner.registration-content .registration-content-inner {
  background: #fff;
}
@media (min-width: 768px) {
  .login-page .registration-inner.registration-content .registration-content-inner {
    background: transparent;
  }
}
.login-page .registration-inner .login-page-container {
  background: #fff;
}
@media (min-width: 768px) {
  .login-page .registration-inner .login-page-container {
    background: transparent;
  }
}
@media (min-width: 992px) {
  .login-page .registration-inner .login-page-container .button {
    min-width: 9.875rem;
    width: auto;
  }
}
.login-page .registration-inner .login-page-inner {
  padding: 0 0.25rem;
}
@media (min-width: 768px) {
  .login-page .registration-inner .login-page-inner {
    padding: 0;
  }
}
.login-page .phone-login-form .alert {
  margin-bottom: 1.5625rem;
}

.form-group-password .input-group-btn-container {
  margin: 0 0.9375rem 0 -0.9375rem;
  top: 0.9375rem;
}

.signup-block h5 {
  font-size: 1.0625rem;
  font-weight: 700;
  margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
  .signup-block h5 {
    font-size: 1.125rem;
  }
}
@media (max-width: 767.98px) {
  .signup-block .button-primary {
    width: 100%;
  }
}
.signup-block .checkout-registration-warning {
  margin: 2.4375rem 0 0;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #6e6e6e;
}
.signup-block .checkout-registration-warning .checkout-registration-warning-title {
  font-weight: 700;
}

.registration-page.registration-login-open-accordions {
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .registration-page.registration-login-open-accordions {
    padding-top: 1.5625rem;
  }
}
.registration-page.registration-login-open-accordions .form-group {
  margin-bottom: 0.875rem;
}
@media (min-width: 768px) {
  .registration-page.registration-login-open-accordions .form-group {
    margin-bottom: 1.5625rem;
  }
}
.registration-page.registration-login-open-accordions .remember-me-label {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .registration-page.registration-login-open-accordions .remember-me-label {
    font-size: 0.875rem;
  }
}
.registration-page.registration-login-open-accordions .forgot-link {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .registration-page.registration-login-open-accordions .forgot-link {
    font-size: 1rem;
  }
}
.registration-page .privacy-policy {
  margin-top: 1rem;
}

.login-title {
  color: #34303d;
  font-size: 1.75rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: normal;
  margin-bottom: 1.3125rem;
  padding: 0 0.9375rem;
}
@media (min-width: 768px) {
  .login-title {
    font-size: 2rem;
    line-height: 1.3;
    margin-bottom: 1.9375rem;
  }
}

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

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

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

.login-form-wrapper {
  background-color: #fff;
}

.login-form {
  margin-top: 0.4375rem;
  max-width: 100%;
}

.notice-info {
  position: absolute;
  right: 0.625rem;
  top: 1.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-group.error .notice-info, .form-group.has-value .notice-info {
  right: 2.5rem;
}
.notice-info .fa {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  opacity: 0.8;
  -webkit-transition: opacity 100ms ease;
  transition: opacity 100ms ease;
}
.notice-info:hover .fa {
  opacity: 1;
}

.secure-lock {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2334303d' viewBox='0 0 1000 1000' xml:space='preserve' width='20' height='20'%3E%3Cpath d='M321.8 455.5h356.4V321.8c0-49.2-17.4-91.2-52.2-126-34.8-34.8-76.8-52.2-126-52.2s-91.2 17.4-126 52.2c-34.8 34.8-52.2 76.8-52.2 126v133.7zm579.1 66.8v400.9c0 18.6-6.5 34.3-19.5 47.3S852.6 990 834.1 990H165.9c-18.6 0-34.3-6.5-47.3-19.5s-19.5-28.8-19.5-47.3V522.3c0-18.6 6.5-34.3 19.5-47.3s28.8-19.5 47.3-19.5h22.3V321.8c0-85.4 30.6-158.7 91.9-219.9C341.3 40.7 414.7 10 500 10c85.3 0 158.7 30.6 219.9 91.9 61.3 61.3 91.9 134.6 91.9 219.9v133.6h22.3c18.6 0 34.3 6.5 47.3 19.5 13 13.1 19.5 28.8 19.5 47.4z'/%3E%3C/svg%3E") left center no-repeat;
}
.secure-lock__text {
  padding: 0 0.5rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  .secure-lock__text {
    font-size: 1rem;
  }
}

.custom-artificial-checkbox,
.custom-artificial-label {
  pointer-events: none;
}