@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800&family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
/*
  Use to delete all the global styles from specific uls.
 */
/*
  If slider should be swiped from edge to edge, but still needs to preserve
  a container's paddings while not scrolled.
 */
/*
  Hide scrollbars but keep functionality.
 */
/*
  Default buttons variations.
 */
.btn, .glb-button,
#edit-loginurl,
#edit-cancel, button.btn-primary,
input[type=submit] {
  margin-bottom: 8px;
  background-color: transparent;
  cursor: pointer;
  border: none;
  padding: 0;
}
.btn svg, .glb-button svg,
#edit-loginurl svg,
#edit-cancel svg, button.btn-primary svg,
input[type=submit] svg {
  width: 100%;
  height: 100%;
}
.btn--black {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  text-align: center;
  color: #000000;
  box-sizing: border-box;
  cursor: pointer;
  border: 3px solid #000000;
  color: #000000;
  background-color: #000000;
  font-size: 15px;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn--black:hover, .btn--black:active, .btn--black:focus {
  color: #000000 !important;
}
.btn--black:hover:after, .btn--black:active:after, .btn--black:focus:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn--black:hover:after, .btn--black:active:after, .btn--black:focus:after {
    transition: none;
  }
}
.btn--black:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  background: #ffffff;
  position: absolute;
  z-index: -1;
  padding: inherit;
  display: block;
  transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn--black:after {
    transition: none;
  }
}
.btn--grey-dark {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  text-align: center;
  color: #282828;
  box-sizing: border-box;
  cursor: pointer;
  border: 3px solid #282828;
  color: #282828;
  background-color: #282828;
  font-size: 15px;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn--grey-dark:hover, .btn--grey-dark:active, .btn--grey-dark:focus {
  color: #282828 !important;
}
.btn--grey-dark:hover:after, .btn--grey-dark:active:after, .btn--grey-dark:focus:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn--grey-dark:hover:after, .btn--grey-dark:active:after, .btn--grey-dark:focus:after {
    transition: none;
  }
}
.btn--grey-dark:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  background: #ffffff;
  position: absolute;
  z-index: -1;
  padding: inherit;
  display: block;
  transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn--grey-dark:after {
    transition: none;
  }
}
.btn--white {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  border: 3px solid #ffffff;
  color: #ffffff;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  color: #232C64;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn--white:hover, .btn--white:active, .btn--white:focus {
  color: #ffffff !important;
}
.btn--white:hover:after, .btn--white:active:after, .btn--white:focus:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn--white:hover:after, .btn--white:active:after, .btn--white:focus:after {
    transition: none;
  }
}
.btn--white:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  background: #007EAD;
  position: absolute;
  z-index: -1;
  padding: inherit;
  display: block;
  transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn--white:after {
    transition: none;
  }
}
.btn--white-black, .glb-button,
#edit-loginurl,
#edit-cancel {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  text-align: center;
  color: #ffffff;
  box-sizing: border-box;
  cursor: pointer;
  border: 3px solid #ffffff;
  color: #ffffff;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  color: #000000;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn--white-black:hover, .glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover, .btn--white-black:active, .glb-button:active,
#edit-loginurl:active,
#edit-cancel:active, .btn--white-black:focus, .glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus {
  color: #ffffff !important;
}
.btn--white-black:hover:after, .glb-button:hover:after,
#edit-loginurl:hover:after,
#edit-cancel:hover:after, .btn--white-black:active:after, .glb-button:active:after,
#edit-loginurl:active:after,
#edit-cancel:active:after, .btn--white-black:focus:after, .glb-button:focus:after,
#edit-loginurl:focus:after,
#edit-cancel:focus:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn--white-black:hover:after, .glb-button:hover:after,
  #edit-loginurl:hover:after,
  #edit-cancel:hover:after, .btn--white-black:active:after, .glb-button:active:after,
  #edit-loginurl:active:after,
  #edit-cancel:active:after, .btn--white-black:focus:after, .glb-button:focus:after,
  #edit-loginurl:focus:after,
  #edit-cancel:focus:after {
    transition: none;
  }
}
.btn--white-black:after, .glb-button:after,
#edit-loginurl:after,
#edit-cancel:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  background: #000000;
  position: absolute;
  z-index: -1;
  padding: inherit;
  display: block;
  transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn--white-black:after, .glb-button:after,
  #edit-loginurl:after,
  #edit-cancel:after {
    transition: none;
  }
}
.btn--yellow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  text-align: center;
  color: #FBA92A;
  box-sizing: border-box;
  cursor: pointer;
  border: 3px solid #FBA92A;
  color: #FBA92A;
  background-color: #FBA92A;
  font-size: 15px;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  color: #282828;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn--yellow:hover, .btn--yellow:active, .btn--yellow:focus {
  color: #FBA92A !important;
}
.btn--yellow:hover:after, .btn--yellow:active:after, .btn--yellow:focus:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn--yellow:hover:after, .btn--yellow:active:after, .btn--yellow:focus:after {
    transition: none;
  }
}
.btn--yellow:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  background: #282828;
  position: absolute;
  z-index: -1;
  padding: inherit;
  display: block;
  transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn--yellow:after {
    transition: none;
  }
}
.btn--light-blue, button.btn-primary,
input[type=submit] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  height: 45px;
  text-align: center;
  color: #007EAD;
  box-sizing: border-box;
  cursor: pointer;
  border: 3px solid #007EAD;
  color: #007EAD;
  background-color: #007EAD;
  font-size: 15px;
  font-weight: 900;
  font-family: "Open Sans", sans-serif;
  color: #ffffff;
  border: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.btn--light-blue:hover, button.btn-primary:hover,
input[type=submit]:hover, .btn--light-blue:active, button.btn-primary:active,
input[type=submit]:active, .btn--light-blue:focus, button.btn-primary:focus,
input[type=submit]:focus {
  color: #232C64 !important;
}
.btn--light-blue:hover:after, button.btn-primary:hover:after,
input[type=submit]:hover:after, .btn--light-blue:active:after, button.btn-primary:active:after,
input[type=submit]:active:after, .btn--light-blue:focus:after, button.btn-primary:focus:after,
input[type=submit]:focus:after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  transition: all 0.75s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn--light-blue:hover:after, button.btn-primary:hover:after,
  input[type=submit]:hover:after, .btn--light-blue:active:after, button.btn-primary:active:after,
  input[type=submit]:active:after, .btn--light-blue:focus:after, button.btn-primary:focus:after,
  input[type=submit]:focus:after {
    transition: none;
  }
}
.btn--light-blue:after, button.btn-primary:after,
input[type=submit]:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: scale(0, 0);
          transform: scale(0, 0);
  content: "";
  background: #ffffff;
  position: absolute;
  z-index: -1;
  padding: inherit;
  display: block;
  transition: all 0.4s ease;
}
@media (prefers-reduced-motion: reduce) {
  .btn--light-blue:after, button.btn-primary:after,
  input[type=submit]:after {
    transition: none;
  }
}
.btn--strip {
  font-weight: 300;
  rotate: 90deg;
}
.btn:hover, .glb-button:hover,
#edit-loginurl:hover,
#edit-cancel:hover, button.btn-primary:hover,
input[type=submit]:hover, .btn:active, .glb-button:active,
#edit-loginurl:active,
#edit-cancel:active, button.btn-primary:active,
input[type=submit]:active, .btn:focus, .glb-button:focus,
#edit-loginurl:focus,
#edit-cancel:focus, button.btn-primary:focus,
input[type=submit]:focus {
  text-decoration: none;
}

/*
  Buttons with icons.
 */
.btn-icon {
  display: block;
  width: 45px;
  height: 45px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.btn-icon.social {
  background-size: contain;
  width: 17px;
  height: 17px;
  transition: 0.1s;
  background-position: bottom center;
}
.btn-icon.social:hover {
  -webkit-filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
          filter: invert(36%) sepia(79%) saturate(1836%) hue-rotate(170deg) brightness(97%) contrast(102%);
}
.btn-icon--message {
  background-image: url("../../resources/icons/envelope--white.svg");
}
.btn-icon--message:hover {
  -webkit-filter: invert(1);
          filter: invert(1);
}
.btn-icon--search {
  background-color: #F1F1F1;
  background-image: url("../../resources/icons/loupe--dark.svg");
}
.btn-icon--google-translate {
  background-image: url("../../resources/icons/globe.svg");
}
.btn-icon--facebook {
  background-image: url("../../resources/social-icons/facebook-white.svg");
}
.btn-icon--twitter {
  background-image: url("../../resources/social-icons/twitter-white.svg");
}
.btn-icon--youtube {
  background-image: url("../../resources/social-icons/youtube-white.svg");
}
.btn-icon--instagram {
  background-image: url("../../resources/social-icons/instagram-white.svg");
}
.btn-icon--linkedin {
  background-image: url("../../resources/social-icons/linkedin-white.svg");
}

/*
  Social media buttons.
 */
a.social-follow-link,
button.social-follow-link {
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-family: "Nunito Sans", sans-serif;
  background-color: #007EAD;
  font-weight: 800;
  color: #ffffff;
  padding: 15px 33px;
  gap: 14px;
}
a.social-follow-link:before,
button.social-follow-link:before {
  margin-top: -5px;
}
a.social-follow-link--facebook:before,
button.social-follow-link--facebook:before {
  content: "";
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../resources/social-icons/facebook-white.svg");
}
a.social-follow-link--twitter:before,
button.social-follow-link--twitter:before {
  content: "";
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../resources/social-icons/twitter-white.svg");
}
a.social-follow-link--youtube:before,
button.social-follow-link--youtube:before {
  content: "";
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../resources/social-icons/youtube-white.svg");
  background-size: contain;
}
a.social-follow-link--instagram:before,
button.social-follow-link--instagram:before {
  content: "";
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../resources/social-icons/instagram-white.svg");
}
a.social-follow-link--linkedin:before,
button.social-follow-link--linkedin:before {
  content: "";
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../../resources/social-icons/linkedin-white.svg");
}

button.btn-primary,
input[type=submit] {
  font-weight: 800;
  padding: 0 40px;
}
button.btn-primary:hover, button.btn-primary:active,
input[type=submit]:hover,
input[type=submit]:active {
  color: #000 !important;
}
button.btn-primary:focus, button.btn-primary:focus-visible,
input[type=submit]:focus,
input[type=submit]:focus-visible {
  color: #000 !important;
  outline: 3px solid #232C64;
  outline-offset: 3px;
}

.glb-button,
#edit-loginurl,
#edit-cancel {
  border: 3px solid #000000;
  min-height: 47px;
  font-weight: 800;
  padding: 0 40px;
  line-height: normal;
}

body[class^=path-user-] .local-tasks,
body[class*=path-user-] .local-tasks {
  display: none;
}
body[class^=path-user-] > div,
body[class*=path-user-] > div {
  background: #F6F6F7;
}

/*
  General user form.
 */
.form__user {
  display: flex;
  flex-direction: column;
  max-width: 533px;
  background: #ffffff;
  padding: 0 40px 35px;
}
@media (min-width: 768px) {
  .form__user {
    margin-top: 110px;
  }
}
.form__user__title {
  font-size: 48px;
  font-weight: 900;
  line-height: 120%;
  color: #282828;
}
@media (max-width: 767px) {
  .form__user__title {
    font-size: 48px;
  }
}
.form__user__inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 500px;
  gap: 40px 15px;
}
.form__user .js-form-item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 100%;
}
.form__user label {
  font-weight: 600 !important;
}
.form__user input {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.form__user .description {
  margin-top: 0;
}

/*
  User login.
 */
.form__login__post-info {
  font-size: 17px;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  gap: 25px;
  background: #ffffff;
  max-width: 533px;
  padding: 40px;
  margin: 0 auto 110px;
  box-sizing: border-box;
  background: #F1F1F1;
}
@media (max-width: 767px) {
  .form__login__post-info {
    margin-bottom: 0;
  }
}
.form__login__post-info p {
  margin: 0;
}
.form__login__instructions {
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 40px;
}

/*
  User reset pass.
 */
.form__reset-password {
  margin-bottom: 110px;
}

.captcha {
  width: 100%;
}

#edit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.form__login #edit-submit, #edit-loginurl {
  padding: 0 20px;
  min-height: 45px;
}

.register-link,
#edit-password-reset-link {
  font-size: 17px;
  font-weight: 400;
  width: 100%;
  display: block;
  /*color: #0098CF;*/
  color: #007FAD;
  text-decoration: underline;
}
/*# sourceMappingURL=log-in.css.map */