/* animsition-fade.css — Trimmed from animsition v4.0.2
   Only fade-in / fade-out used on this site (all data-animsition-in-class="fade-in")
   Drops 1,836 lines of unused keyframes (fade-in-up, slide-*, zoom-*, rotate-*, etc.)
   ------------------------------------------------------------------ */

/* Base wrapper — must start opacity:0 so animsition can fade in */
.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* Loading spinner (used by main.js when loading:true — kept for non-contact pages) */
.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 2;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0,0,0,.2);
  border-right: 5px solid rgba(0,0,0,.2);
  border-bottom: 5px solid rgba(0,0,0,.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

@-webkit-keyframes animsition-loading {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes animsition-loading {
  0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* fade-in */
@-webkit-keyframes fade-in {
  0%  { opacity: 0; }
  100%{ opacity: 1; }
}
@keyframes fade-in {
  0%  { opacity: 0; }
  100%{ opacity: 1; }
}
.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

/* fade-out */
@-webkit-keyframes fade-out {
  0%  { opacity: 1; }
  100%{ opacity: 0; }
}
@keyframes fade-out {
  0%  { opacity: 1; }
  100%{ opacity: 0; }
}
.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}