/**
 * TABLE OF CONTENTS
 *
 * SETTINGS
 * Global..................Globally-available variables and config.
 *
 * TOOLS
 * Mixins..................Useful mixins.
 *
 * COMPONENTS
 * 
 * 
 * MODULES
 *
 */
/*------------------------------------*\
  #SETTINGS
\*------------------------------------*/
/**
 * Returns the value of the `$key` value of a provided `$map`.
 */
/**
 * Uses `getProperty()` to return a value from the `$colors` map.
 */
/**
 * Uses `getProperty()` to return a value from the `$breakpoints` map.
 */
/*------------------------------------*\
  #TYPOGRAPHY
\*------------------------------------*/
/*------------------------------------*\
  #COLORS
\*------------------------------------*/
/*------------------------------------*\
  #ELEMENT-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HEADER-DEFAULTS
\*------------------------------------*/
/*------------------------------------*\
  #HORIZONTAL-SPACING
\*------------------------------------*/
/*------------------------------------*\
  #BREAKPOINTS
\*------------------------------------*/
/*------------------------------------*\
  #TRANSITIONS
\*------------------------------------*/
/*------------------------------------*\
  #TOOLS
\*------------------------------------*/
/**
 * Responsive Mixin
 * This mixin is designed for a _cleaner_ first approach
 * This means that css isn't overridden but rather replaced for
 * different viewport widths; making it easier to inspect/debug css
 *
 * Usage:
 * @include media-query(exclude-medium)    { ... }
 * @include media-query(medium-up-to-site) 	   { ... }
 * ... etc
 */
/**
 * [Adds styles to allow an element's height scale proportionatelly]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 */
/**
 * [Calculates the percentage aspect ratio (what % height is compared to the width)]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM******
 * [Calculates the center of an element in relation to a provided width and height.
 * Useful to place an absolute element at the center of another when
 * the positioned element cannot be the target's child ]
 * @param  {[Number]} $width
 * @param  {[Number]} $height
 * @return {[Number(%)]}
 */
/**
 * [In the  awful case you can't use Flexbox to vertically align something]
 * @param  {[type]} $transform:       false         [Use transforms to align instead of the absolute trick]
 * @param  {[type]} $pos:             absolute      [position type]
 * @param  {[type]} $posAdj:          0             [position adjustment. If $transform is true, this value only affects the 'top' property.]
 * @param  {[type]} $alignHorizontal: false         [Includes horizontal alignment]
 */
/**
 * Generate Enumerated Class
 * Iterates from 0 to the specified length and generates classes that set the specified property
 * @param  {[String]} $classname:       required      [Required: Specify the class name]
 * @param  {[String]} $property:        $classname    [Optional: Specify the enumerated property (if it's different from the name of the class)]
 * @param  {[Number]} $length:          10            [Optional: Specify the end of the loop]
 * @param  {[String]} $units:           null          [Optional: specify units to append to the enumerated property]
 */
/**
 * [Strip the pesky units from values]
 * @param  {[Number]} $value
 */
/**
 * [Fluid Type]
 */
/*------------------------------------*\
  #EXTERNALS
\*------------------------------------*/
label.store-locator__result-content a.link.link--underline-hover.store-hours {
  text-decoration: underline; }

.store-locator__detect-location {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.store-locator__result-check:checked + .store-locator__result-content {
  background-color: #E6E9ED; }

.store-locator__result-content {
  display: block;
  padding: 1.25rem 0; }
  .store-locator__result-content:hover {
    cursor: pointer;
    background-color: #F6F6F8; }

.store-locator__results {
  overflow: auto; }
  .store-locator__results::-webkit-scrollbar {
    width: 8px;
    background-color: #f0f0f0;
    border-radius: 2px; }
  .store-locator__results::-webkit-scrollbar-thumb {
    width: 8px;
    background-color: #d5d5d5;
    border-radius: 2px; }

.store-locator__result-item {
  position: relative;
  border-bottom: solid 0.0625rem #E6E9ED; }

.store-locator__no-results {
  margin: auto; }

.store-locator__actions {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.store-locator__container .product-pickup__selected {
  padding-left: 0; }

@media (min-width: 48rem) {
  .store-locator__results {
    max-height: 30rem; } }

@media (max-width: 47.9375rem) {
  .store-locator--modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: inherit; }
    .store-locator--modal .store-locator__form {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
    .store-locator--modal .store-locator__results {
      -ms-flex-negative: 1;
          flex-shrink: 1;
      max-height: none; }
    .store-locator--modal .store-locator__actions {
      margin-top: auto; }
  .store-locator__results {
    max-height: 22rem; } }

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/
.login-banner {
  margin-bottom: 1.25rem;
  text-align: center; }
  .login-banner__heading {
    padding-bottom: 0.25rem;
    color: #222b45;
    font-size: 1.5rem; }
  .login-banner__subHeading {
    color: #222b45;
    font-size: 0.875rem; }

.phone-number-register::-webkit-outer-spin-button,
.phone-number-register::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
.phone-number-register[type=number] {
  -moz-appearance: textfield; }

[data-querystring="cOrder=1"] .main {
  background-color: transparent; }

.login__section--withOrder .login-banner {
  display: none; }

.login__section--withOrder .login__section--order {
  margin-right: 4rem; }

.change-password__form .success-msg {
  background: #fff0f1;
  padding: 7px 50px;
  font-size: 0.813rem;
  margin: 30px auto;
  border-radius: 2px;
  font-weight: 400; }
  @media (min-width: 48rem) {
    .change-password__form .success-msg {
      padding: 7px 60px; } }

.login__section {
  background-color: #FFF; }
  .login__section--newPassword {
    margin: 0 auto;
    padding: 1.25rem; }
    .login__section--newPassword .heading-type {
      color: #333;
      font-size: 1.125rem;
      font-weight: 500; }
      .login__section--newPassword .heading-type.form-intro__title {
        margin-bottom: 3.75rem; }
    .login__section--newPassword .password-resetpassword {
      margin-bottom: 3.75rem; }
    .login__section--newPassword .login-password--show {
      font-size: 0.875rem;
      color: #1e1e1e; }
    .login__section--newPassword .form-control-label::after {
      display: none; }
  .login__section .login-promotion img {
    width: 100%; }
  .login__section h2.form-intro__title {
    font-size: 1rem;
    color: #333; }
  .login__section p.form-intro__title {
    font-size: 0.675rem;
    color: #222;
    line-height: 1.375rem;
    font-weight: 500;
    margin-bottom: -7px;
    text-align: center; }
    .login__section p.form-intro__title.login-title-bottom {
      margin-top: 14px; }
  .login__section .input_indent {
    text-indent: 2.5rem;
    padding-left: 2.7rem; }
  .login__section .oauth-facebook {
    padding-left: .6em;
    padding-right: .6em; }
  .login__section .oauth-google,
  .login__section .oauth-facebook {
    border-radius: 1px;
    border: 0;
    font-size: 0.875rem;
    border: 1px solid #ccc; }
    .login__section .oauth-google span,
    .login__section .oauth-facebook span {
      color: #666666;
      padding-top: 3px;
      font-size: 12px;
      letter-spacing: 0px;
      margin-top: 3px; }
    .login__section .oauth-google:hover.button,
    .login__section .oauth-facebook:hover.button {
      background-color: #B59862;
      border-color: #B59862; }
    .login__section .oauth-google:hover span,
    .login__section .oauth-facebook:hover span {
      color: #FFF; }
    .login__section .oauth-google svg,
    .login__section .oauth-facebook svg {
      height: 1.375rem;
      min-width: 18px; }
  .login__section .captcha-text-container .captcha-text {
    padding-top: 24px;
    margin-top: 0;
    padding-bottom: 0; }
  .login__section .reset-success-msg {
    margin: 6rem auto;
    font-size: 1.5rem;
    color: #222b45;
    padding-left: 3.125rem; }
  .login__section .send-register-otp-button {
    color: #1E1E1E;
    border: 1px solid #1E1E1E;
    border-radius: 3px;
    background: #FFF;
    font-weight: 500;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-size: 0.875rem;
    padding: 4px 0;
    max-width: 122px; }

.phoneCodeSelect {
  width: 3rem;
  position: absolute;
  left: 0;
  padding-left: 8px;
  border: 0; }

.login-verify-form .form-control-label {
  padding-top: 0.25rem; }
  .login-verify-form .form-control-label.form-login-label {
    font-size: 11px;
    margin: 2px 8px; }

.login_section--body,
.login-header {
  padding: 0 3.95rem; }
  .login_section--body .password-links,
  .login_section--body .otp-links,
  .login_section--body .form-check,
  .login-header .password-links,
  .login-header .otp-links,
  .login-header .form-check {
    padding-bottom: 1.25rem; }
  @media (max-width: 47.9375rem) {
    .login_section--body,
    .login-header {
      padding: 0 0rem; } }
  @media (max-width: 47.9375rem) {
    .login_section--body input,
    .login-header input {
      font-size: 1rem; } }

.login.reset--password {
  padding: 0; }
  .login.reset--password .password-reset-back {
    margin-bottom: 2.063rem;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .login.reset--password .password-reset-back svg {
      margin-top: 0.125rem; }

.login--message {
  background-color: #52ffdd;
  padding: 1.5rem 1.25rem;
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  color: #1e1e1e; }

.login-header h4 {
  padding-bottom: 26px;
  text-align: center;
  line-height: normal;
  color: #000; }

.registration-container {
  padding: 0;
  position: relative; }
  .registration-container .registration-toast-msg {
    background-color: #f2ebd8;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    line-height: 1.125rem;
    font-weight: 500;
    margin: 7px 0.625rem 1rem;
    top: 0;
    width: 100%; }
    @media (max-width: 47.9375rem) {
      .registration-container .registration-toast-msg {
        font-size: 10px;
        margin: 7px 0.35rem 1rem; } }
  .registration-container .valide-toast-input {
    background-color: #f2ebd8;
    font-size: 11px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    line-height: 1.125rem;
    font-weight: 500;
    margin: 0px 0.625rem 1rem;
    width: 100%; }
    @media (max-width: 47.9375rem) {
      .registration-container .valide-toast-input {
        font-size: 10px;
        margin: 0 0.35rem 1rem; } }
  .registration-container button.verify-register-otp-button[disabled] {
    background-color: transparent;
    cursor: not-allowed;
    color: #B59862;
    opacity: 0.5; }
  .registration-container .input_country--code {
    padding-right: 0;
    position: relative; }
  .registration-container .input_country--phone {
    padding-left: 0; }
  .registration-container .password-div ul {
    padding: 0; }
    .registration-container .password-div ul li {
      list-style-position: inside;
      padding-right: 5px; }
  .registration-container .send-otp-section .registered-user-section {
    padding-top: 1.5rem;
    font-size: 0.875rem; }
  .registration-container .input_country--code input {
    position: absolute;
    border-right: 1px solid #FFF;
    width: 2.5rem; }

.main-heading {
  padding-bottom: 28px;
  color: #000;
  text-align: center; }
  @media (max-width: 47.9375rem) {
    .main-heading {
      line-height: normal; } }

.heading-message {
  color: #231f20;
  margin-bottom: 22px;
  text-align: center;
  line-height: 19px;
  letter-spacing: -0.3px; }

.login-main-heading {
  padding-bottom: 36px;
  text-align: center;
  line-height: 34px;
  color: #000; }

.login-sub-heading {
  padding-bottom: 26px;
  text-align: center;
  line-height: normal;
  color: #000; }
  @media (max-width: 47.9375rem) {
    .login-sub-heading {
      padding-bottom: 15px;
      text-transform: uppercase; } }

.login-heading-message {
  color: #000;
  margin-bottom: -12px;
  text-align: center;
  line-height: normal;
  letter-spacing: -0.3px; }
  @media (max-width: 47.9375rem) {
    .login-heading-message {
      padding-bottom: 0; } }

.custom-registration [data-floating-label].form-group .form-control-phone {
  background-color: #FFF;
  position: absolute;
  z-index: 1;
  color: #999999; }

.custom-registration [data-floating-label].form-group .for-control__birthday {
  background-color: #FFF;
  width: 100px; }

.custom-registration [data-floating-label].form-group .input_country--phone {
  padding-left: 0; }
  .custom-registration [data-floating-label].form-group .input_country--phone input {
    border-left: 1px solid #B7B7B7;
    margin-left: 0; }

.custom-registration [data-floating-label].form-group .input_country--code input {
  position: relative;
  border-right: 1px solid #B7B7B7;
  width: auto; }

.custom-registration .form_row {
  padding-bottom: 1.25rem; }
  .custom-registration .form_row .formField_firstName {
    padding-right: 0.5rem; }
  .custom-registration .form_row .formField_lastName {
    padding-left: 0.5rem; }
    .custom-registration .form_row .formField_lastName label {
      margin-left: 0.5rem; }
  .custom-registration .form_row.otp_section {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 0; }
    .custom-registration .form_row.otp_section .align-item__right {
      margin-left: auto; }
    .custom-registration .form_row.otp_section .verify-register-otp-button {
      padding-top: 0.313rem;
      padding-bottom: 0.313rem;
      margin-top: 0.2rem; }
      @media (max-width: 47.9375rem) {
        .custom-registration .form_row.otp_section .verify-register-otp-button {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }

.custom-registration .otp_container {
  font-size: 0.875rem;
  color: #1e1e1e;
  font-weight: 500; }
  .custom-registration .otp_container span.otp_timer {
    border-left: 1px solid #999999;
    margin-left: 0.25rem;
    padding-left: 0.25rem; }
  .custom-registration .otp_container .disabled {
    pointer-events: none;
    color: #999999; }

.custom-registration .shareyour_birthday {
  padding-top: 2.5rem; }
  .custom-registration .shareyour_birthday .form-group {
    width: 100%; }
  .custom-registration .shareyour_birthday p {
    font-size: 0.875rem;
    padding-bottom: 0; }

.custom-registration .form-check label {
  font-size: 0.75rem; }

.custom-registration .formField_change {
  text-align: right;
  font-size: 0.875rem;
  color: #1e1e1e;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.custom-registration .no-border {
  border: 0; }

.custom-registration .disable_color {
  opacity: 0.5; }

.custom-registration .otp-heading__text {
  color: #000;
  padding-bottom: 1.25rem; }

.custom-registration .form-actions {
  width: 100%; }
  .custom-registration .form-actions button:not([disabled]) {
    background-color: #B59862;
    border-color: #B59862;
    letter-spacing: 0px;
    text-transform: uppercase; }

.link_text.use-password-link,
.link_text.resend-otp-link,
.reset-otp-counter,
.link_text.forgot-password-link,
.link_text.verify-via-otp-link {
  color: #1e1e1e;
  text-decoration: none;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0px;
  text-align: left; }

.verify-via-otp-link,
.link_text.resend-otp-link,
.reset-otp-counter {
  text-align: left !important; }
  .verify-via-otp-link span,
  .link_text.resend-otp-link span,
  .reset-otp-counter span {
    padding-left: 0.313rem;
    margin-left: 0.313rem;
    color: #41485f;
    min-width: 3.625rem;
    display: inline-block; }
    .verify-via-otp-link span.reset-otp-label,
    .link_text.resend-otp-link span.reset-otp-label,
    .reset-otp-counter span.reset-otp-label {
      color: black;
      font-weight: 500;
      font-size: 0.6rem; }

.link_text.resend-otp-link.disabled {
  color: #999999;
  pointer-events: none; }

.login-password-input {
  position: relative; }
  .login-password-input .invalid-feedback a.forgot-password-link {
    text-decoration: underline; }

.login-password--show {
  position: absolute;
  right: 0.625rem;
  top: 10px;
  font-size: 0.55rem;
  font-weight: 500;
  cursor: pointer;
  width: 2.5rem;
  height: 2rem; }
  .login-password--show.eye-icon {
    right: 1.25rem; }
    @media screen and (max-width: 1024px) {
      .login-password--show.eye-icon {
        right: 1rem; } }
  .login-password--show.eye-icon2 {
    right: 1.25rem; }
    @media screen and (max-width: 1024px) {
      .login-password--show.eye-icon2 {
        right: 1rem; } }

.edit-section, .message-otp-display, .message-password-display, .user-login-info {
  font-weight: 500;
  font-size: 0.775rem;
  line-height: 1.313rem;
  text-align: center; }
  .edit-section .link_text, .message-otp-display .link_text, .message-password-display .link_text, .user-login-info .link_text {
    font-weight: 600;
    text-decoration: underline;
    color: #1e1e1e;
    font-size: 11px; }

.message-password-display,
.message-password-number {
  margin-bottom: 0rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.775rem;
  line-height: 1.313rem; }

.entered-mobile-number {
  text-align: center;
  font-weight: 500;
  font-size: 0.775rem;
  line-height: 1.313rem; }

.login--wishlist .edit-section {
  margin-bottom: 0; }

.modal--login .window-modal__content .edit-section,
.modal--login .window-modal__content .user-login-info,
.modal--login .window-modal__content .message-otp-display,
.modal--login .login__section .edit-section,
.modal--login .login__section .user-login-info,
.modal--login .login__section .message-otp-display, .login .window-modal__content .edit-section,
.login .window-modal__content .user-login-info,
.login .window-modal__content .message-otp-display,
.login .login__section .edit-section,
.login .login__section .user-login-info,
.login .login__section .message-otp-display,
#modal-checkoutLogin .window-modal__content .edit-section,
#modal-checkoutLogin .window-modal__content .user-login-info,
#modal-checkoutLogin .window-modal__content .message-otp-display,
#modal-checkoutLogin .login__section .edit-section,
#modal-checkoutLogin .login__section .user-login-info,
#modal-checkoutLogin .login__section .message-otp-display {
  margin-top: 0;
  margin-bottom: 0; }

.modal--login .window-modal__content .user-login-info,
.modal--login .login__section .user-login-info, .login .window-modal__content .user-login-info,
.login .login__section .user-login-info,
#modal-checkoutLogin .window-modal__content .user-login-info,
#modal-checkoutLogin .login__section .user-login-info {
  margin-bottom: 1rem; }

.login-confirm-back {
  padding: 2rem 1.25rem; }

.registration-back {
  padding-bottom: 0.438rem;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .registration-back .back--text {
    padding-bottom: 0;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0;
    color: #231f20;
    text-decoration: underline;
    color: #231f20; }
  .registration-back .icon--set-left {
    width: 7px;
    height: 7px;
    margin-right: 0; }

.reset-password-form h4 {
  color: #333;
  padding-bottom: 26px;
  text-align: center;
  line-height: normal;
  text-transform: uppercase; }

.reset-password-form .modal__description {
  color: #222;
  padding-bottom: 2.375rem;
  font-weight: 500;
  text-align: center;
  font-size: 12px;
  padding: 0px 10px;
  margin: 13px 0px; }

.reset-password-form .phoneCodeSelect {
  padding-top: 0.125rem;
  color: #231f20; }

@media (max-width: 47.9375rem) {
  .login__section .captcha-text-container .captcha-text a {
    font-weight: 800;
    color: #333; }
  .login__section .oauth-google {
    padding: 0.8125em 0; }
  .login__section .oauth-facebook {
    padding: 0.8125em 0; }
  .change-password-form .password--change li:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px; }
  .change-password-form .password--change li:nth-child(4) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
            flex: 0 0 130px; }
  .login {
    padding-top: 0;
    padding-bottom: 0; }
  .login__section {
    max-width: 100%; }
  .login__section--withOrder .login__section--order {
    margin-right: 0; } }

.phoneCodeSelect {
  background: url(../images/drop-down-arrow.png);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: 2.5rem; }

.loginField {
  padding-top: 0.25rem; }

.loginField .input_indent {
  padding-left: 2.7rem; }

.window-modal__content .edit-section {
  margin-top: 1.25rem; }

.change-password-form span.login-password--show {
  font-size: 0; }

.password--change li:nth-child(2) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 184px;
          flex: 0 0 184px; }

.password--change li:nth-child(4) {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 184px;
          flex: 0 0 184px; }

.login-mobil {
  padding-bottom: 36px;
  text-align: center;
  line-height: 34px;
  color: #000; }

.signup-mobil {
  font-weight: 600; }

.login-verify-form .phoneCodeSelect {
  width: 5rem;
  background-position: 3.8rem; }
  @media (max-width: 47.9375rem) {
    .login-verify-form .phoneCodeSelect {
      background-position: 4.3rem; } }

.login__section .resend-otp-heading {
  font-size: 20px !important;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
  padding-top: 15px; }

.login__section .reset-password-form .input_indent {
  padding-left: 1rem; }

.login_section--heading {
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .login_section--heading h2 {
    font-size: 15px; }
  .login_section--heading h3 {
    font-size: 13px;
    font-weight: 600; }

.space-around {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #b5b5b6; }

#modal--auth {
  padding: 0; }

.signup-login-modal.window-modal .window-modal__content,
.modal--auth.window-modal .window-modal__content {
  outline: none;
  width: 100%;
  margin: auto;
  height: auto;
  border-radius: 0; }
  @media (min-width: 48rem) {
    .signup-login-modal.window-modal .window-modal__content,
    .modal--auth.window-modal .window-modal__content {
      padding: 30px 45px;
      max-width: 500px; } }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .window-modal__content,
    .modal--auth.window-modal .window-modal__content {
      padding: 35px;
      max-width: 95%; } }

.signup-login-modal.window-modal .window-modal__close,
.modal--auth.window-modal .window-modal__close {
  top: 17px;
  right: 17px;
  height: 13px;
  width: 13px;
  scale: 0.8; }

.signup-login-modal.window-modal .back-to-login,
.modal--auth.window-modal .back-to-login {
  position: absolute;
  top: 17px;
  left: 17px; }

.signup-login-modal.window-modal .form-group,
.modal--auth.window-modal .form-group {
  margin-bottom: 8px; }
  .signup-login-modal.window-modal .form-group::-webkit-input-placeholder,
  .modal--auth.window-modal .form-group::-webkit-input-placeholder {
    color: #B7B7B7;
    font-size: 12px;
    font-weight: normal; }

.signup-login-modal.window-modal .form-control-label,
.modal--auth.window-modal .form-control-label {
  top: 1.1rem;
  left: 12px;
  color: #B7B7B7; }

.signup-login-modal.window-modal .otp_container,
.modal--auth.window-modal .otp_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 5px;
  padding-bottom: 40px; }
  .signup-login-modal.window-modal .otp_container.reset-otp-label,
  .modal--auth.window-modal .otp_container.reset-otp-label {
    font-size: 12px;
    line-height: 12px;
    color: #000; }
  .signup-login-modal.window-modal .otp_container .reset-otp-counter,
  .modal--auth.window-modal .otp_container .reset-otp-counter {
    font-size: 12px;
    line-height: 12px;
    color: #B7B7B7; }

.signup-login-modal.window-modal .form-control-disclaimer,
.modal--auth.window-modal .form-control-disclaimer {
  position: relative;
  margin-top: 50px;
  color: #000; }
  .signup-login-modal.window-modal .form-control-disclaimer::before,
  .modal--auth.window-modal .form-control-disclaimer::before {
    content: "";
    display: block;
    border-top: 1px solid #B7B7B7;
    width: 90%;
    position: absolute;
    top: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0); }
  .signup-login-modal.window-modal .form-control-disclaimer a,
  .modal--auth.window-modal .form-control-disclaimer a {
    font-weight: 600; }

.signup-login-modal.window-modal .login-change--inputdata,
.modal--auth.window-modal .login-change--inputdata {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  width: auto;
  height: auto; }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .login-change--inputdata,
    .modal--auth.window-modal .login-change--inputdata {
      top: 10px; } }
  .signup-login-modal.window-modal .login-change--inputdata .change-phone-link,
  .modal--auth.window-modal .login-change--inputdata .change-phone-link {
    letter-spacing: 0;
    color: #000;
    font-size: 14px;
    text-decoration: underline; }

.signup-login-modal.window-modal .verify-register-otp-button,
.modal--auth.window-modal .verify-register-otp-button {
  height: 40px;
  border: 1px solid #B59862;
  text-transform: uppercase;
  letter-spacing: 0px;
  padding: 0; }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .verify-register-otp-button,
    .modal--auth.window-modal .verify-register-otp-button {
      height: 40px;
      padding: 12px;
      font-size: 12px; } }

.signup-login-modal.window-modal .login-password--show,
.modal--auth.window-modal .login-password--show {
  width: 20px; }
  .signup-login-modal.window-modal .login-password--show::after,
  .modal--auth.window-modal .login-password--show::after {
    display: none; }
  .signup-login-modal.window-modal .login-password--show img,
  .modal--auth.window-modal .login-password--show img {
    height: 15px; }

.signup-login-modal.window-modal .form-control,
.modal--auth.window-modal .form-control {
  width: 100%;
  height: 40px;
  padding-right: .625rem;
  padding-left: 12px;
  background-color: #FFF;
  font-size: 12px;
  border: 1px solid #B7B7B7; }
  .signup-login-modal.window-modal .form-control::-webkit-input-placeholder,
  .modal--auth.window-modal .form-control::-webkit-input-placeholder {
    color: #B7B7B7;
    font-size: 12px; }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .form-control,
    .modal--auth.window-modal .form-control {
      height: 40px; } }

.signup-login-modal.window-modal .form-control.phoneCodeSelect,
.modal--auth.window-modal .form-control.phoneCodeSelect {
  background: none;
  left: 0;
  width: auto;
  position: absolute;
  padding-left: 8px;
  border: 0;
  max-width: 38px;
  border-left: 0;
  color: #787878;
  font-weight: 600; }

.signup-login-modal.window-modal .form-control.padding-left-indent,
.modal--auth.window-modal .form-control.padding-left-indent {
  padding-left: 2.75rem; }

.signup-login-modal.window-modal .newletter-text,
.modal--auth.window-modal .newletter-text {
  padding-top: 20px;
  position: relative;
  cursor: pointer; }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .newletter-text,
    .modal--auth.window-modal .newletter-text {
      padding-top: 15px; } }
  .signup-login-modal.window-modal .newletter-text label,
  .modal--auth.window-modal .newletter-text label {
    color: #b18e35; }

.signup-login-modal.window-modal .custom-registration-button,
.modal--auth.window-modal .custom-registration-button {
  height: 40px;
  text-transform: uppercase;
  font-size: 12px; }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .custom-registration-button,
    .modal--auth.window-modal .custom-registration-button {
      height: 50px;
      font-size: 12px; } }

.signup-login-modal.window-modal .form-actions .login-verify-account,
.modal--auth.window-modal .form-actions .login-verify-account {
  height: 40px; }
  .signup-login-modal.window-modal .form-actions .login-verify-account:not([disabled]),
  .modal--auth.window-modal .form-actions .login-verify-account:not([disabled]) {
    border: 1px solid #B59862;
    background-color: #B59862;
    color: #FFF;
    text-transform: uppercase; }
  @media (max-width: 47.9375rem) {
    .signup-login-modal.window-modal .form-actions .login-verify-account,
    .modal--auth.window-modal .form-actions .login-verify-account {
      height: 40px; } }

@media (max-width: 47.9375rem) {
  .signup-login-modal.window-modal .login-oath-text,
  .modal--auth.window-modal .login-oath-text {
    padding-bottom: 16px; } }

.signup-login-modal.window-modal .login_section--body,
.signup-login-modal.window-modal .login-header,
.modal--auth.window-modal .login_section--body,
.modal--auth.window-modal .login-header {
  padding: 0; }

.signup-login-modal.window-modal .login-verify-form .loginField .input_indent,
.modal--auth.window-modal .login-verify-form .loginField .input_indent {
  padding-left: 1rem; }

.signup-login-modal.window-modal .input_country--phone,
.modal--auth.window-modal .input_country--phone {
  padding-left: 0; }
  .signup-login-modal.window-modal .input_country--phone input:not([is-invalid]),
  .modal--auth.window-modal .input_country--phone input:not([is-invalid]) {
    border-left: 1px solid #B7B7B7; }

@media (min-width: 48rem) {
  .signup-login-modal.window-modal .dv-login-content,
  .modal--auth.window-modal .dv-login-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

.form-control.only-border-input {
  border: 0;
  border-bottom: 1px solid #B7B7B7; }

.submitForgotPasswordBtn {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 12px;
  height: 40px; }
  @media (max-width: 47.9375rem) {
    .submitForgotPasswordBtn {
      height: 40px; } }

.form-actions .login-confirm-password-button {
  height: 40px; }
  @media (max-width: 47.9375rem) {
    .form-actions .login-confirm-password-button {
      height: 40px; } }

.form-actions .login-confirm-otp-button {
  letter-spacing: 0px;
  text-transform: uppercase;
  font-size: 12px;
  padding: 11px 11px; }

.otp-links-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.reset-otp-counter {
  color: #979797 !important; }

.login-eye-btn {
  right: 1.525rem;
  top: 1.3rem; }

.reset-otp-label {
  color: #1e1e1e;
  text-decoration: none;
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0px;
  text-align: left; }

.form-pos {
  position: relative; }

.login-statement {
  gap: 6px; }
  @media (max-width: 47.9375rem) {
    .login-statement {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.login-statement-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 1rem; }
  .login-statement-container .user-login-info {
    margin-bottom: 0 !important; }

.give-pos-rel-error {
  position: relative !important; }

.gapi-content-data {
  max-width: 265px;
  width: 100%;
  margin: 0 auto;
  height: 44px; }
  @media (max-width: 390px) {
    .gapi-content-data {
      max-width: 225px; } }
  @media (min-width: 490px) and (max-width: 567px) {
    .gapi-content-data {
      max-width: 225px;
      margin: 0 auto; } }
  @media (min-width: 568px) and (max-width: 767px) {
    .gapi-content-data {
      max-width: 225px;
      margin: 0 auto; } }

.get-email-phone-otp {
  letter-spacing: 0;
  color: #000;
  font-size: 14px;
  text-decoration: underline; }

.login-verify-form .loginField label.form-control-label {
  letter-spacing: 0.063rem; }

.custom-registration .shareyour_birthday {
  display: none; }

.custom-registration .resend-register-otp-wrapper {
  padding-bottom: 2rem; }
  .custom-registration .resend-register-otp-wrapper.resend-signup {
    padding-bottom: 0px !important; }

.login_section--body .login_section--heading h2 {
  font-size: 18px; }

.login__section .oauth-facebook {
  padding-left: .6em;
  padding-right: .6em; }

[data-querystring="cOrder=1"] .main {
  background-color: #FAF8F0; }
  [data-querystring="cOrder=1"] .main .login__section--withOrder .login__section--order {
    background-color: #FAF8F0; }
    [data-querystring="cOrder=1"] .main .login__section--withOrder .login__section--order p.form-intro__title {
      font-size: 1rem; }
    [data-querystring="cOrder=1"] .main .login__section--withOrder .login__section--order label.form-control-label {
      font-size: 0.875rem; }
  [data-querystring="cOrder=1"] .main .login_section--body {
    background-color: #FAF8F0; }
    [data-querystring="cOrder=1"] .main .login_section--body p.form-intro__title.login-title-bottom {
      font-size: 1rem; }
    [data-querystring="cOrder=1"] .main .login_section--body label.form-control-label {
      font-size: 0.875rem; }

.resend-signup {
  padding-bottom: 0px !important; }


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