@charset "utf-8";
/* Transitions */

.default-transition {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.link-transition, .slider-transition *, .nav-transition * {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.fast-transition {
    -webkit-transition: all 100ms;
    -moz-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}
/*
 * ANIMATIONS
 */
.fade-in {
    animation-duration: 1s;
    animation-name: fadein;
    /*animation-iteration-count: 1;*/
}
.slide-in-top {
    animation-duration: 1s;
    animation-name: slideintop;
    /*animation-iteration-count: 1;*/
    /*animation-direction: bottom;*/
}
.slide-in-left {
    animation-duration: 2s;
    animation-name: slideinleft;
    /*animation-iteration-count: 1;*/
    /*animation-direction: left;*/
}
.slide-in-right {
    animation-duration: 2s;
    animation-name: slideinright;
    /*animation-iteration-count: 1;*/
    /*animation-direction: left;*/
}
.slide-in-top-fade-in {
    animation-duration: 1s;
    animation-name: slideintopfadein;
    /*animation-iteration-count: 1;*/
    /*animation-direction: bottom;*/
}
/*
 * KEYFRAMES
 */
@keyframes fadein {
  from {
      opacity: 0;
  }
  to {
      opacity: 100%;
  }
}
@keyframes slideintop {
  from {
      margin-top: -2rem;
  }
  to {
      margin-top: 0;
  }
}
@keyframes slideinleft {
  from {
      margin-left: 100%;
      width: 100%;
  }
  to {
      margin-left: 0%;
      width: 100%;
  }
}
@keyframes slideinright {
  from {
      margin-left: 0%;
      width: 100%;
  }
  to {
      margin-left: 100%;
      width: 100%;
  }
}
@keyframes slideintopfadein {
  from {
      margin-top: -2rem;
      opacity: 0;
  }
  to {
      margin-top: 0;
      opacity: 100%;
  }
}