/* https://github.com/Prinzhorn/skrollr-stylesheets */

#contentweb {
    -skrollr-animation-name: contentwebanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contentwebanim {
	top {
		top: 60%;
		height: 30px;
		border-right: solid 1px rgba(255,255,255,0);
	}
	center{
		top: 60%;
		height: 30px;
		border-right: solid 1px rgba(255,255,255,0);
	}
	bottom {
		top: 25%;
		height: 1000px;
		border-right: solid 1px rgba(255,255,255,1);
	}
}

#contentdes {
    -skrollr-animation-name: contentdesanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contentdesanim {
	top {
		top: 60%;	
	}
	center{
		top: 60%;	
	}
	bottom {
		top: 25%;	
	}
}

#contentdev {
    -skrollr-animation-name: contentdevanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contentdevanim {
	top {
		top: 60%;
		left: 220px;
	}
	center{
		top: 60%;
		left: 220px;
	}
	bottom {
		top: 43%;
		left: 90px;
	}
}

#contenttrain {
    -skrollr-animation-name: contenttrainanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contenttrainanim {
	top {
		top: 60%;
		left: 450px;
	}
	center{
		top: 60%;
		left: 450px;
	}
	bottom {
		top: 61%;
		left: 90px;
	}
}

#contentart {
    -skrollr-animation-name: contentartanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contentartanim {
	top {
		top: 60%;
		left: 610px;
	}
	center{
		top: 60%;
		left: 610px;
	}
	bottom {
		top: 79%;
		left: 90px;
	}
}

.contentitem h2 {
    -skrollr-animation-name: contentitemHanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contentitemHanim {
	top {
		background: rgba(0,0,0,0);
		border-top-color: rgba(255,255,255,0);
		border-right-color: rgba(255,255,255,0);
	}
	center{
		background: rgba(0,0,0,0);
		border-top-color: rgba(255,255,255,0);
		border-right-color: rgba(255,255,255,0);
	}
	bottom {
		background: rgba(0,0,0,.5);
		border-top-color: rgba(255,255,255,1);
		border-right-color: rgba(255,255,255,1);
	}
}

.contentitem p {
    -skrollr-animation-name: contentitemPanim;
	-skrollr-anchor-target: '#homecontent';
}

@-skrollr-keyframes contentitemPanim {
	top {
		opacity: 0;
	}
	center{
		opacity: 0;	
	}
	100-bottom {
		opacity: 0;
	}
	bottom {
		opacity: 1;		
	}
}

.bgphoto1 {
    -skrollr-animation-name: bgphoto1anim;
}
@-skrollr-keyframes bgphoto1anim {
	start {
		width: 115%; height: 115%; left: 0%;
		opacity: 1;
	}
	end {
		width: 125%; width: 125%; left: -10%;
		opacity: .5;
	}
}
.bgphoto2 {
    -skrollr-animation-name: bgphoto2anim;
}
@-skrollr-keyframes bgphoto2anim {
	start {
		width: 100%; height: 100%; left: 0%;
		opacity: .9;
	}
	end {
		width: 150%; width: 150%; left: -20%;
		opacity: .6;
	}
}
#bgphotos {
	-skrollr-animation-name: bgphotosanim;
}
@-skrollr-keyframes bgphotosanim {
	start {
		background-color: rgba(0,0,255,0);
	}
	end {
		background-color: rgba(0,0,255,.5);
	}
}