.hideoffscreen {
	opacity:0;
}
.animate {
/*  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;*/
-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}


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

/* fadeIn */
@-webkit-keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}
}
@keyframes fadeIn {
0% {
	opacity:0;
}
100% {
	opacity:1;
}

}
.fadeIn {
	-webkit-animation-name:fadeIn;
			animation-name:fadeIn;
}

/* activated */
@-webkit-keyframes activated {
0% {
	opacity:0;
	padding-left:80px;
}
10% {
	opacity:0;
}
100% {
	opacity:1;
	padding-left:0;
}
}
@keyframes activated {
0% {
	opacity:0;
	padding-left:80px;
}
10% {
	opacity:0;
}
100% {
	opacity:1;
	padding-left:0;
}

}
.activated {
	-webkit-animation-name:activated;
			animation-name:activated;
}

/* fadeOut */
@-webkit-keyframes fadeInOut {
0% {
	opacity:0;
}
50% {
	opacity:1;
}
100% {
	opacity:0;
}
}
@keyframes fadeInOut {
0% {
	opacity:0;
}
50% {
	opacity:1;
}
100% {
	opacity:0;
}

}
.fadeInOut {
	-webkit-animation-name:fadeInOut;
			animation-name:fadeInOut;
}



/* slideUp */
@-webkit-keyframes slideUp {
0% {
	opacity:0;
	-webkit-transform:translateY(50%);
	transform:translateY(50%);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
}
}
@keyframes slideUp {
0% {
	opacity:0;
	-webkit-transform:translateY(50%);
	-ms-transform:translateY(50%);
	transform:translateY(50%);
}
100% {
	opacity:1;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

}
.slideUp {
	-webkit-animation-name:slideUp;
			animation-name:slideUp;
}


.delay {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  -ms-animation-delay: 0.5s;
  -o-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.delayed {
	background-color:#111;
	opacity:0;
}



/* Time delays */

.delay-1 {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-ms-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}
.delay-2 {
	-webkit-animation-delay:1.1s;
	-moz-animation-delay:1.1s;
	-ms-animation-delay:1.1s;
	-o-animation-delay:1.1s;
	animation-delay:1.1s;
}
.delay-3 {
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	-ms-animation-delay:1.2s;
	-o-animation-delay:1.2s;
	animation-delay:1.2s;
}
.delay-4 {
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-ms-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s;
}
.delay-5 {
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s;
	-ms-animation-delay:1.4s;
	-o-animation-delay:1.4s;
	animation-delay:1.4s;
}
.delay-6 {
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
}
.delay-7 {
	-webkit-animation-delay:1.6s;
	-moz-animation-delay:1.6s;
	-ms-animation-delay:1.6s;
	-o-animation-delay:1.6s;
	animation-delay:1.6s;
}
.delay-8 {
	-webkit-animation-delay:1.7s;
	-moz-animation-delay:1.7s;
	-ms-animation-delay:1.7s;
	-o-animation-delay:1.7s;
	animation-delay:1.7s;
}
.delay-9 {
	-webkit-animation-delay:1.8s;
	-moz-animation-delay:1.8s;
	-ms-animation-delay:1.8s;
	-o-animation-delay:1.8s;
	animation-delay:1.8s;
}
.delay-10 {
	-webkit-animation-delay:1.9s;
	-moz-animation-delay:1.9s;
	-ms-animation-delay:1.9s;
	-o-animation-delay:1.9s;
	animation-delay:1.9s;
}
.delay-11 {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
.delay-12 {
	-webkit-animation-delay:2.1s;
	-moz-animation-delay:2.1s;
	-ms-animation-delay:2.1s;
	-o-animation-delay:2.1s;
	animation-delay:2.1s;
}
.delay-13 {
	-webkit-animation-delay:2.2s;
	-moz-animation-delay:2.2s;
	-ms-animation-delay:2.2s;
	-o-animation-delay:2.2s;
	animation-delay:2.2s;
}
.delay-14 {
	-webkit-animation-delay:2.3s;
	-moz-animation-delay:2.3s;
	-ms-animation-delay:2.3s;
	-o-animation-delay:2.3s;
	animation-delay:2.3s;
}

.delay-15 {
	-webkit-animation-delay:2.4s;
	-moz-animation-delay:2.4s;
	-ms-animation-delay:2.4s;
	-o-animation-delay:2.4s;
	animation-delay:2.4s;
}
.delay-16 {
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-ms-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
}
.delay-17 {
	-webkit-animation-delay:2.6s;
	-moz-animation-delay:2.6s;
	-ms-animation-delay:2.6s;
	-o-animation-delay:2.6s;
	animation-delay:2.6s;
}
.delay-18 {
	-webkit-animation-delay:2.7s;
	-moz-animation-delay:2.7s;
	-ms-animation-delay:2.7s;
	-o-animation-delay:2.7s;
	animation-delay:2.7s;
}
.delay-19 {
	-webkit-animation-delay:2.8s;
	-moz-animation-delay:2.8s;
	-ms-animation-delay:2.8s;
	-o-animation-delay:2.8s;
	animation-delay:2.8s;
}
.delay-20 {
	-webkit-animation-delay:2.9s;
	-moz-animation-delay:2.9s;
	-ms-animation-delay:2.9s;
	-o-animation-delay:2.9s;
	animation-delay:2.9s;
}
.delay-21 {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-ms-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
.delay-22 {
	-webkit-animation-delay:3.1s;
	-moz-animation-delay:3.1s;
	-ms-animation-delay:3.1s;
	-o-animation-delay:3.1s;
	animation-delay:3.1s;
}
.delay-23 {
	-webkit-animation-delay:3.2s;
	-moz-animation-delay:3.2s;
	-ms-animation-delay:3.2s;
	-o-animation-delay:3.2s;
	animation-delay:3.2s;
}
.delay-24 {
	-webkit-animation-delay:3.3s;
	-moz-animation-delay:3.3s;
	-ms-animation-delay:3.3s;
	-o-animation-delay:3.3s;
	animation-delay:3.3s;
}
.delay-25 {
	-webkit-animation-delay:3.4s;
	-moz-animation-delay:3.4s;
	-ms-animation-delay:3.4s;
	-o-animation-delay:3.4s;
	animation-delay:3.4s;
}
.delay-26 {
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-ms-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s;
}
.delay-27 {
	-webkit-animation-delay:3.6s;
	-moz-animation-delay:3.6s;
	-ms-animation-delay:3.6s;
	-o-animation-delay:3.6s;
	animation-delay:3.6s;
}
.delay-28 {
	-webkit-animation-delay:3.7s;
	-moz-animation-delay:3.7s;
	-ms-animation-delay:3.7s;
	-o-animation-delay:3.7s;
	animation-delay:3.7s;
}

.delay-slideUp {
	-webkit-animation-delay:4.4s;
	-moz-animation-delay:4.4s;
	-ms-animation-delay:4.4s;
	-o-animation-delay:4.4s;
	animation-delay:4.4s;
}
.delay-slideUpProject {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-ms-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
.delay-header {
	-webkit-animation-delay:6.5s;
	-moz-animation-delay:6.5s;
	-ms-animation-delay:6.5s;
	-o-animation-delay:6.5s;
	animation-delay:6.5s;
}

/* delay in secs */
.delay-05s {
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}
.delay-1s {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-ms-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}
.delay-15s {
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-ms-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
}
.delay-2s {
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
	animation-delay:2s;
}
.delay-25s {
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-ms-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
}
.delay-3s {
	-webkit-animation-delay:3s;
	-moz-animation-delay:3s;
	-ms-animation-delay:3s;
	-o-animation-delay:3s;
	animation-delay:3s;
}
.delay-35s {
	-webkit-animation-delay:3.5s;
	-moz-animation-delay:3.5s;
	-ms-animation-delay:3.5s;
	-o-animation-delay:3.5s;
	animation-delay:3.5s;
}