video {display: block; width: 100%; height: auto;}
iframe {display: block; width: 100%; }

.modal-target {display: none;}
.modal-target.active {display: block;}

.privacy-modal {display: none;}
body.privacy-modal-active .privacy-modal {display: block;}

.slider-content-wrapper {position: relative;}

body.ajaxified .site-body {opacity: 0; transition: all 0.5s;}
body.ajaxified .site-body.loaded {opacity: 1;}
body.ajaxified .site-body.loading {position: absolute; top: 0; left: 0; width: 100%;}


.loader {position: fixed; top: 0; left: 0; width: 0; height: 5px; background-color: #ff187d;}

.post-password-form {padding: 84px 60px; margin: 200px auto; width: 540px; max-width: 100%; background-color: #F7F9FC; border-radius: 12px}
.post-password-form h2 {font-size: 40px}
.post-password-form label {display: block; font-size: 16px; line-height: 24px}
.post-password-form input[type="password"] {height: 48px; border-radius: 6px; font-size: 16px; border: 1px solid #C3CCD6; padding: 0 16px}
.post-password-form input[type="submit"] {}

.footer-buttons-container {position: fixed; bottom: 50px; right: 50px; z-index: 9999}
.clearing-cache {position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(255, 255, 255, 0.6) url(../../images/loader.svg) 50% 50% / 200px no-repeat; z-index: 9999}


@media only screen and (min-width: 1021px) {
    .nav-wrapper ul#menu-main-menu .mega-menu-sub-item ul li a {
        font-size: min(32px, 1.6vh);
    }
}


.careers-inner {max-width: 1020px; margin: 0 auto; padding: 100px 10px}
.careers-inner button {animation: pulse-shadow 1s infinite; border: none; background-color: var(--primary); color: #fff; padding: 12px 20px; border-radius: 5px; cursor: pointer; z-index: 99999;}
.career-form {overflow: hidden}
.career-form label {display: none}
.career-form input#f_name,
.career-form input#email_address {border: 1px solid var(--primary); border-radius: 5px; height: 50px; padding: 0 14px; margin: 0 14px 14px 0; float: left}
.career-form input.button {float: left;}

form.website-audit {padding-top: 20px}
  form.website-audit .field {display: inline-block; position: relative; width: calc((100% - 12px) / 2); margin-right: 10px}
  form.website-audit .field:nth-child(2n) {margin-right: 0}
  
  form.website-audit .field.field-text input,
  form.website-audit .field.field-email input {display: block; border: 1px solid var(--primary); border-radius: 5px; height: 45px; padding: 0 10px; margin: 0 0 20px 0}
  
  form.website-audit .field label {position: absolute; top: 0; left: 10px; color: #444; height: 45px; line-height: 45px; transition: 200ms all}
  form.website-audit .field label {position: absolute; top: 0; left: 10px; color: #444; height: 45px; line-height: 45px; transition: 200ms all}

  form.website-audit .field input:focus + label,
  form.website-audit .field input.has-value + label {top: -26px; left: 0; height: 20px; line-height: 20px; font-size: 12px}

.avatar-wrap {overflow: hidden; width: 25px; height: 25px; overflow: hidden;}
.avatar-wrap img {display: block; width: 100%; height: 100%; object-fit: cover}


@keyframes pulse-shadow {
  0% {
    box-shadow: 0 0 5px var(--primary);
  }
  50% {
    box-shadow: 0 0 20px var(--primary);
  }
  100% {
    box-shadow: 0 0 5px var(--primary);
  }
}