/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fade-in-bottom {
	opacity: 0;
	-webkit-transform: translateY(3rem);
	transform: translateY(3rem);
	-webkit-transition: 1s cubic-bezier(.19,1,.22,1);
	transition: 1s cubic-bezier(.19,1,.22,1);
}
.fade-in-bottom.in-viewport {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.fade-in-right {
	opacity: 0;
	-webkit-transform: translateX(5rem);
	transform: translateX(5rem);
	-webkit-transition: .8s cubic-bezier(.19,1,.22,1);
	transition: .8s cubic-bezier(.19,1,.22,1);
}
.fade-in-right.in-viewport {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.bounce-from-right {
	opacity: 0;
	-webkit-transform: translateX(80%);
	transform: translateX(80%);
	-webkit-transition: .5s cubic-bezier(.68,-.55,.265,1.55);
	transition: .5s cubic-bezier(.68,-.55,.265,1.55);
}
.bounce-from-right.fully-in-viewport,
.bounce-from-right.in-viewport {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}