.hideoffscreen {
	opacity:0;
}
.animate { /* Makes columns animate when @media css changes */
	-webkit-transition: width 0.2s ease, height 0.2s ease;
	-moz-transition: width 0.2s ease, height 0.2s ease;
	-o-transition: width 0.2s ease, height 0.2s ease;
	-ms-transition: width 0.2s ease, height 0.2s ease;
	transition: width 0.2s ease, height 0.2s ease;
}
.animated {
/*  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;*/
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-1s {
-webkit-animation-duration: 1s;
		animation-duration: 1s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-1.5s {
-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-2s {
-webkit-animation-duration: 1.5s;
		animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-3s {
-webkit-animation-duration: 3s;
		animation-duration: 3s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-4s {
-webkit-animation-duration: 4s;
		animation-duration: 4s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-5s {
-webkit-animation-duration: 5s;
		animation-duration: 5s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
.animated-6s {
-webkit-animation-duration: 6s;
		animation-duration: 6s;
-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}

.animated.infinite,
.animated-project.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

/* 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;
}


/* moveUp */
@-webkit-keyframes moveUp {
0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}
100% {
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
}
}
@keyframes moveUp {
0% {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
}
100% {
    transform: translateY(-30%);
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
}

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

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

/* slideUpContent */
@-webkit-keyframes slideUpContent,
@-webkit-keyframes slideUpHeader {
0% {
/*	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);*/
	opacity:0;
	-webkit-transform:translateY(100%);
	transform:translateY(100%);
	/*-webkit-transform: scale3d(0.9, 0.9, 0.9);
			transform: scale3d(0.9, 0.9, 0.9);*/
}
100% {
	opacity:1;
	-webkit-transform:translateY(0%);
	transform:translateY(0%);
}
}
@keyframes slideUpContent {
0% {
/*	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);*/
	opacity:0;
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	/*-webkit-transform: scale3d(0.9, 0.9, 0.9);
			transform: scale3d(0.9, 0.9, 0.9);*/
}
100% {
	opacity:1;
	-webkit-transform:translateY(0%);
	-ms-transform:translateY(0%);
	transform:translateY(0%);
}

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


/* slideUp */
@-webkit-keyframes project1 {
0% {
	background-color:#458;
}
100% {
	background-color:#ccd;
}
}
@keyframes project1 {
0% {
	background-color:#458;
}
100% {
	background-color:#ccd;
}

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





.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-03 {
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	-o-animation-delay:0.3s;
	animation-delay:0.3s;
}
.delay-05 {
	-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-1 {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-ms-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}
.delay-15 {
	-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-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-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:5s;
	-moz-animation-delay:5s;
	-ms-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}
.delay-heading {
	-webkit-animation-delay:6s;
	-moz-animation-delay:6s;
	-ms-animation-delay:6s;
	-o-animation-delay:6s;
	animation-delay:6s;
}
.delay-slideUpProject {
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-ms-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}
.delay-header {
	-webkit-animation-delay:7.5s;
	-moz-animation-delay:7.5s;
	-ms-animation-delay:7.5s;
	-o-animation-delay:7.5s;
	animation-delay:7.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;
}