@media (max-height: 575px) {
  html, body {
    height: auto;
  }
}

body.login {
  z-index: 999 !important;
  color: #A0A0A0 !important;
  position: relative !important;
  background: url(../images/gradientmask.svg) no-repeat center/cover, -webkit-gradient(linear, left bottom, left top, from(#0179E6), to(#0789FF)) !important;
  background: url(../images/gradientmask.svg) no-repeat center/cover, linear-gradient(0deg, #0179E6 0%, #0789FF 100%) !important;
}
body.login .content-area {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.login .screen-reader-text {
  display: none !important;
}
body.login #login {
  margin: 0;
  z-index: 1;
  padding: 0;
  width: 100%;
  padding: 10%;
  max-width: 400px;
  position: relative;
}
@media only screen and (min-width: 992px) {
  body.login #login {
    padding: 8%;
    position: initial;
  }
}
@media only screen and (min-width: 767px) {
  body.login #login {
    padding: 6%;
  }
}
@media only screen and (min-width: 575px) {
  body.login #login {
    padding: 4%;
  }
}
body.login #login #goingclear {
  border: 0;
  z-index: 2;
  height: 77px;
  border: none;
  width: 260px;
  outline: none;
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0 auto 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../images/goingclear.svg);
}
@media only screen and (min-width: 992px) {
  body.login #login #goingclear {
    top: 30px;
    left: 30px;
    position: absolute;
  }
}
body.login #login #goingclear:hover, body.login #login #goingclear:focus {
  border: 0;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  box-shadow: none;
}
body.login #login h1.wp-login-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 130px;
  background: #FFF;
  overflow: hidden;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 14px 14px 0 0;
  border-bottom: 1px solid #c3c4c7;
}
body.login #login h1.wp-login-logo a {
  margin: 0;
  width: 80% !important;
  font-size: 0 !important;
  display: block !important;
  background-size: contain !important;
  background-position: center center !important;
  background-image: url(../../images/footer-logo.svg) !important;
}
body.login #login h1.wp-login-logo a:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
body.login #login .message, body.login #login .notice {
  border: 0;
  margin-top: 0;
  color: #e03d3d;
  font-size: 15px;
  margin-bottom: 0;
  line-height: 1.3em;
  padding: 12px 24px 0;
}
body.login #login form {
  border: 0 !important;
  margin-top: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  padding: 26px 24px 24px !important;
  border-radius: 0 0 14px 14px !important;
}
body.login #login form.shake {
  -webkit-animation: inherit !important;
          animation: inherit !important;
}
body.login #login form .input, body.login #login form input[type=text] {
  font-size: 20px !important;
  color: #A0A0A0 !important;
  background: #F4F4F4 !important;
  border: 1px solid #8c8f94 !important;
  padding: 12px 10px 15px 10px !important;
  border-radius: 6px 6px 6px 6px !important;
}
body.login #login form input[type=checkbox] {
  border: 1px solid #8c8f94 !important;
}
body.login #login form input[type=checkbox]:checked:before {
  content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2303ad15%27%2F%3E%3C%2Fsvg%3E) !important;
}
body.login #login form input[type=text]:focus, body.login #login form input[type=password]:focus, body.login #login form input[type=checkbox]:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-color: #03Ad15 !important;
}
body.login #login .reset-pass {
  border-radius: 0 0 14px 14px !important;
}
body.login #login .reset-pass a {
  display: block !important;
}
body.login #login .pw-was-reset {
  padding-bottom: 50px !important;
}
body.login #login #wp-submit {
  clear: both !important;
  width: 100% !important;
  color: #fff !important;
  border: none !important;
  height: auto !important;
  padding: 20px 0 !important;
  display: block !important;
  font-size: 16px !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  line-height: 20px !important;
  border-radius: 6px !important;
  margin: 25px auto 0 auto !important;
  text-transform: uppercase !important;
  background-color: #03Ad15 !important;
}
body.login .wpml-login-ls {
  display: none !important;
}
body.login .overlay {
  width: 570px;
  height: 570px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  right: -140px;
  bottom: -140px;
  position: fixed;
  overflow: visible;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 767px) {
  body.login .overlay {
    width: 520px;
    height: 520px;
  }
}
@media only screen and (max-width: 575px) {
  body.login .overlay {
    width: 420px;
    right: -115px;
    height: 420px;
    bottom: -115px;
  }
}
@media only screen and (max-width: 480px) {
  body.login .overlay {
    width: 350px;
    right: -90px;
    height: 350px;
    bottom: -90px;
  }
}
body.login .overlay .media {
  display: block;
  contain: paint;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
body.login .overlay .media img, body.login .overlay .media svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: rotate 20s linear infinite;
          animation: rotate 20s linear infinite;
}
body.login .overlay .media:hover img, body.login .overlay .media:hover svg {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}
body.login .overlay .circle {
  z-index: -1;
  position: absolute;
  border-radius: 3054px;
  top: inherit !important;
  left: inherit !important;
  border: 1px dashed rgba(0, 57, 108, 0.3);
  contain: paint;
  will-change: transform;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
body.login .overlay .circle__1 {
  width: 939px;
  height: 939px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__1 {
    width: 780px;
    height: 780px;
  }
}
@media only screen and (max-width: 575px) {
  body.login .overlay .circle__1 {
    width: 650px;
    height: 650px;
  }
}
@media only screen and (max-width: 480px) {
  body.login .overlay .circle__1 {
    width: 520px;
    height: 520px;
  }
}
body.login .overlay .circle__2 {
  width: 1294px;
  height: 1294px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__2 {
    width: 1100px;
    height: 1100px;
  }
}
@media only screen and (max-width: 575px) {
  body.login .overlay .circle__2 {
    width: 1000px;
    height: 1000px;
  }
}
@media only screen and (max-width: 480px) {
  body.login .overlay .circle__2 {
    width: 750px;
    height: 750px;
  }
}
body.login .overlay .circle__3 {
  width: 1644px;
  height: 1644px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__3 {
    width: 1400px;
    height: 1400px;
  }
}
@media only screen and (max-width: 575px) {
  body.login .overlay .circle__3 {
    width: 1300px;
    height: 1300px;
  }
}
@media only screen and (max-width: 480px) {
  body.login .overlay .circle__3 {
    width: 1000px;
    height: 1000px;
  }
}
body.login .overlay .circle__4 {
  width: 1996px;
  height: 1996px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__4 {
    width: 1700px;
    height: 1700px;
  }
}
@media only screen and (max-width: 575px) {
  body.login .overlay .circle__4 {
    width: 1600px;
    height: 1600px;
  }
}
@media only screen and (max-width: 480px) {
  body.login .overlay .circle__4 {
    width: 1200px;
    height: 1200px;
  }
}
body.login .overlay .circle__5 {
  width: 2348px;
  height: 2348px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__5 {
    width: 1900px;
    height: 1900px;
  }
}
@media only screen and (max-width: 575px) {
  body.login .overlay .circle__5 {
    width: 1800px;
    height: 1800px;
  }
}
@media only screen and (max-width: 480px) {
  body.login .overlay .circle__5 {
    width: 1400px;
    height: 1400px;
  }
}
body.login .overlay .circle__6 {
  width: 2700px;
  height: 2700px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__6 {
    display: none;
  }
}
body.login .overlay .circle__7 {
  width: 3054px;
  height: 3054px;
}
@media only screen and (max-width: 767px) {
  body.login .overlay .circle__7 {
    display: none;
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
}
#resetpassform .button-secondary {
  border: none !important;
  background: transparent !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
#resetpassform #pass-strength-result {
  margin-top: 5px !important;
}
#resetpassform .indicator-hint {
  color: #A0A0A0 !important;
  line-height: 1.3em !important;
}

.login .forgetmenot #rememberme {
  width: 22px !important;
  height: 22px !important;
  padding: 3px 2px 2px 2px !important;
}

.login .pw-weak .pw-checkbox {
  width: 22px !important;
  height: 22px !important;
  padding: 3px 2px 2px 2px !important;
}

.login .forgetmenot label {
  font-size: 14px !important;
}

.login label {
  color: #A0A0A0 !important;
}

.login #wp-submit:hover {
  background-color: #0179e6 !important;
}

.login-action-lostpassword #login #nav a, .login-action-rp #login #nav a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
}

.login #nav {
  text-align: center !important;
}

.login #nav a {
  display: inline-block !important;
  margin: 0 auto !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  outline: none !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
}

.login #nav a:after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.5) !important;
  margin-top: 2px;
}

.login #nav a:hover {
  color: #3Ad15C !important;
}

.login #nav a:hover:after {
  background: none !important;
}

.login #backtoblog {
  display: none !important;
}

.login a.privacy-policy-link {
  color: #FFF !important;
}

.login a.privacy-policy-link:hover {
  color: #3Ad15C !important;
}