.login-modal-styles .sign-up-box {
  height: 520px;
}

.login-modal-styles .sign-up-box form {
  margin-top: 25px;
  margin-bottom: 25px;
}

.login-modal-styles .sign-up-box form > div {
  position: relative;
  width: calc(100% - 10px);
}

.login-modal-styles .sign-up-box form > .desktop {
  margin-bottom: 10px;
  font-weight: bold;
  display: block;
  text-align: center;
}

.login-modal-styles .sign-up-box form > div .single-input-container {
  margin: 0px;
}

.login-modal-styles .sign-up-box form > div .single-input-container input {
  width: unset;
}

.login-modal-styles .sign-up-box form #email {
  width: 300px;
  border-radius: 3px;
  -webkit-appearance: none;

  max-width: 630px;
  margin: 6px;
}

.login-modal-styles .sign-up-box form .main-button-input {
  margin-bottom: 0px;
}

.login-modal-styles .sign-up-box form .visibility-icon {
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
}

.login-modal-styles .sign-up-box form .forgot-my-password {
  position: absolute;
  color: #828282;
  font-size: 13px;
  letter-spacing: 0.15px;
  line-height: 15px;
  text-decoration: underline;
  bottom: -16px;
  right: 0px;
  width: 143px;
}

.login-modal-styles .sign-up-box form .forgot-my-password a {
  cursor: pointer;
}

.login-modal-styles .keep-logged-container {
  margin-top: 18px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.login-modal-styles .create-account-container {
  margin-top: 35px;
  color: #272367;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 15px;
  text-align: center;
}

.login-modal-styles .create-account-container a {
  text-decoration: underline;
}

/* because this styled are different everywhere :/ */
.login-modal-styles form .wpcf7-response-output,
.login-modal-styles form .wpcf7-response-output-back {
  color: red;
  min-height: 20px;
  font-size: 14px;
  line-height: 18px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {

  .login-modal-styles .sign-up-box {
    height: 505px;
  }

  .login-modal-styles .blocks {
    height: 6px;
  }

  .login-modal-styles .sign-up-box h1 {
    margin-top: 50px;
    font-size: 30px;
  }

  .login-modal-styles .sign-up-box form {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .login-modal-styles .sign-up-box form div .single-input-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .login-modal-styles .sign-up-box form .desktop {
    display: none !important;
  }

  .login-modal-styles .sign-up-box form div .single-input-container input,
  .login-modal-styles .sign-up-box form div .single-input-container #email {
    width: 100%;
    margin: 10px 0px 10px 0px;
  }

  .login-modal-styles .sign-up-box form .visibility-icon {
    top: unset;
    height: 42px;
    bottom: 5px;
    right: 10px;
  }

  .login-modal-styles .sign-up-box form .login-response-err,
  .login-modal-styles .sign-up-box form .login-response-err-email,
  .login-modal-styles .sign-up-box form .login-response-err-password {
    color: red;
    font-size: 14px;
    margin-top: 14px;
    margin-bottom: 0px;
    line-height: 18px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px !important;
    font-weight: bold;
  }

  .login-modal-styles .sign-up-box form .forgot-my-password {
    right: 50px;
  }

  .login-modal-styles .sign-up-box form .main-button-input {
    margin-top: 50px !important;
    height: 55px;
  }

  .login-modal-styles .keep-logged-container {
    margin-top: 0px;
  }

  @media only screen and (max-width: 800px) {
    .login-modal-styles .sign-up-box form {
      width: 95%;
    }

    .login-modal-styles .sign-up-box form div {
      margin-left: auto;
      margin-right: auto;
    }

    .login-modal-styles .sign-up-box form .forgot-my-password {
      right: 0px;
    }

    .login-modal-styles .sign-up-box form div .single-input-container {
      width: 100%;
    }
  }
}


/* --- reset password --- */


.reset-password-modal-styles .sign-up-box {
  height: 520px;
}

.remove-data-modal .sign-up-box {
  height: auto;
  padding-bottom: 15px;
}

.remove-data-modal.reset-password-modal-styles .sign-up-box p {
  color: #828282;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .12px;
  line-height: 17px;
}

.reset-password-modal-styles .sign-up-box h1 {
  font-size: 60px;
  letter-spacing: 0.6px;
  line-height: 60px;
  margin-top: 80px;
}

.reset-password-modal-styles .sign-up-box p {
  margin-top: 33px;
  font-size: 17px;
  letter-spacing: 0.15px;
  line-height: 18px;
  text-align: center;
  color: #272367;
  font-weight: normal;
}

.reset-password-modal-styles .sign-up-box .login-form {
  margin-bottom: 0px;
}

.reset-password-modal-styles .sign-up-box form {
  margin-top: 30px;
  margin-bottom: 8px;
}

.reset-password-modal-styles .sign-up-box form > div .single-input-container {
  max-width: 323px;
  margin-left: auto;
  margin-right: auto;
}

.reset-password-modal-styles .sign-up-box form > div .single-input-container input {
  width: 100%;
}

.reset-password-modal-styles .sign-up-box .create-account-container {
  color: #BDBDBD;
  margin-top: 0px;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 15px;
  text-align: center;
}

.reset-password-modal-styles .sign-up-box .main-button-input {
  max-width: 315px;
  margin-top: 45px !important;
}

.reset-password-modal-2 .sign-up-box .key-icon {
  height: 90px;
  width: 90px;
  position: unset;
  margin-top: 45px;
}


.reset-password-modal-2 .sign-up-box h1 {
  margin-top: 32px;
}

.reset-password-modal-2 .sign-up-box .main-button-input {
  max-width: 315px;
  margin-top: 30px !important;
}

.reset-password-modal-2 .sign-up-box form .main-button-input {
  margin-top: 48px !important;
}

.reset-password-modal .sign-up-box form > .reset-response-err {
  margin-top: 0px;
  font-weight: bold;
  display: block;
  text-align: center;
}

/* only login inputs validation */
.login-modal .sign-up-box form > .desktop {
  margin-top: 25px;
  margin-bottom: 0px;
}

.login-modal .sign-up-box form > div .single-errs-container {
  display: flex;
}

.login-modal-styles form .login-response-err-email,
.login-modal-styles form .login-response-err-password {
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: bold;
}


@media only screen and (max-width: 1000px) {

  .reset-password-modal-styles .sign-up-box {
    height: auto;
    padding-bottom: 30px;
    max-height: 100vh;
  }

  .reset-password-modal-styles .sign-up-box h1 {
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin-top: 52px;
  }

  .reset-password-modal-styles .sign-up-box p {
    font-size: 15px;
    letter-spacing: 0.15px;
    line-height: 18px;
    margin-top: 20px;
  }

  .reset-password-modal-styles .sign-up-box form {
    margin-top: 0px;
  }

  .reset-password-modal-2 .sign-up-box h1 {
    margin-top: 28px;
  }

  .reset-password-modal-styles .sign-up-box form .main-button-input {
    margin-top: 68px !important;
  }

  .reset-password-modal-2 .sign-up-box form .main-button-input {
    margin-top: 36px !important;
  }
}


/* set new password */
.set-new-password {

}

.set-new-password .sign-up-box h2 {
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 0.15px;
  line-height: 18px;
  margin-bottom: 0px;
}

.set-new-password .sign-up-box form {
  margin-top: 0px;
}

.set-new-password .sign-up-box form > div,
.set-new-password .sign-up-box form > div .validation-hints {
  display: block;
}

.set-new-password .sign-up-box form > .validation-hints-container {
  margin: 10px auto auto auto;
  padding-left: 0px;
}

/*.login-modal-styles .sign-up-box form > div*/

.set-new-password form .validation-hints-container {
  margin-left: 0px;
}

.set-new-password form .validation-hints-container .validation-hints {
  max-width: 323px;
  margin-left: auto;
  margin-right: auto;
}

.set-new-password form .validation-hints-container .validation-hints .check-icon {
  font-size: 14px;
  color: #69AC72;
  visibility: hidden;
}

.set-new-password .sign-up-box form .main-button-input {
  margin-top: 22px !important;
}

.set-new-password .sign-up-box form .materialish-spinner-container {
  margin-top: -54px;
  visibility: hidden;
}


/* reset password overrides */
.remove-box form div {
  display: block;
}

.remove-box form div input {
  width: 100%;
  max-width: 630px;
  margin-top: 6px;
}

.remove-box #remove-data-form {
  margin-top: 20px !important;
  position: relative;
}

.remove-box #remove-data-form div {
  margin-left: auto !important;
  margin-right: auto !important;
}

.remove-box #remove-data-form div input {
  width: 100%;
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 0px;
}

.remove-box #remove-data-form div .wpcf7-response-output-back {
  margin-bottom: -1px;
  margin-top: -1px;
}

.login-modal-styles .remove-box form .main-button-input {
  margin-top: 10px !important;
}

@media only screen and (max-width: 1000px) {
  .remove-box form {
    margin-top: 20px !important;
  }

  .remove-box form .wpcf7-response-output {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.remove-box-confirmation {
  height: 420px !important;
}

@media only screen and (max-width: 1000px) {
  .remove-box-confirmation {
    height: 290px !important;
  }

  .reset-password-modal-styles .sign-up-box form .remove-ok-button {
    margin-top: 40px !important;
  }
}

.remove-box .spinner-container {
  position: absolute !important;
  bottom: 3px;
  transform: scale(0.6);
}

@media only screen and (max-width: 1000px) {
  .remove-box .spinner-container {
    bottom: 15px;
  }
}


/* material spinner */

.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}

@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #fff;
  }
  25% {
    stroke: #fff;
  }
  50% {
    stroke: #fff;
  }
  75% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}

@keyframes colors {
  0% {
    stroke: #fff;
  }
  25% {
    stroke: #fff;
  }
  50% {
    stroke: #fff;
  }
  75% {
    stroke: #fff;
  }
  100% {
    stroke: #fff;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}