/* //////////////////////// */
/* //////////////////////// */
/* ////// ANIMATIONS ////// */
/* //////////////////////// */
/* //////////////////////// */

.scrollFade, .scrollFadeUp, .scrollFadeDown, .scrollFadeRight, .scrollFadeLeft {
  opacity: 0;
}

.swaying {
  -webkit-animation: swaying 5s infinite linear;
          animation: swaying 5s infinite linear;
  transition: 0.3s;
}

@-webkit-keyframes swaying {
  0% {
    rotate: 0deg;
  }
  50% {
    rotate: 3deg;
  }
  100% {
    rotate: 0deg;
  }
}

@keyframes swaying {
  0% {
    rotate: 0deg;
  }
  50% {
    rotate: 3deg;
  }
  100% {
    rotate: 0deg;
  }
}

@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    rotate: 0;
  }

  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    rotate: 3deg;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    rotate: 0;
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    rotate: 0;
  }

  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    rotate: 3deg;
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    rotate: 0;
  }
}