/*For each layer that needs to animate on scrolling, you need to 

1) Define a css rule matching your element and assigning its keyframe definition

	Sample:.section-leonore .background {skrollr-animation-name:leonore-background;} 
	This says that the backround layer at the leonore section animates as defined at the 
	keyframe labeled "leonore-background"
2) Define the keyframe assigned to the layer
	sample:
	-skrollr-keyframes leonore-background {  
		anchor-target{	.section-leonore }	anchor-target defines a selector telling which elment's to use as refrence for relative scrolling position
		bottom-top{	top:20px; }  
								This is a rule of the form viewportPos-anchorPos {positions}
								This rule means then: When the top of section-leonore div reachs the bottom
								of the viewport, the elements attached to this keyframe need to reach
								a top of 20px.
		
		center-center{ top:0px;left:-30px; } This rule means: When the center of the section-leonore div reaches
											  the center of the viewport, the elemenst attached to this keyframe
											  need to reach a top of 0px and left of -30px

	}



/************************************************************************************/

/*Top video*/
.video-trans-top video, .video-trans-top .video-banner{
	-skrollr-animation-name:top-video;	
}
@-skrollr-keyframes top-video {
	-2000{top:0px;display:block;font-family: "stop" }
	-1001 {top:-vidhpx;display:block; font-family: "stop"}
	-1000 {top:-vidhpx;display:none; font-family: "stop"}
	
}

.video-trans-top .splats_top{
	-skrollr-animation-name:top-splats;	
}
@-skrollr-keyframes top-splats {
	-2000{top:35px;display:block;}
	-1801{top:-150px;display:block;}
	-1800{top:-150px;display:none;}
}

.video-trans-top{
	-skrollr-animation-name:top-video-control;		
}
@-skrollr-keyframes top-video-control {

	-1200{font-family: "play";display:block; }
	-1199{font-family: "stop";display:block; }
	-1015{font-family: "stop";display:none; }
}

/*Animations for Leonore panel*/

.video-trans-armory video, .video-trans-armory .video-banner{
	-skrollr-animation-name:armory-video;	
}

@-skrollr-keyframes armory-video {
	-1001{top:vpthpx;display:none;}
	-1000{top:vpthpx;display:block;}
	-1{top:-vidhpx;display:block;}
	0{top:-vidhpx;display:none;}
}

.video-trans-armory{
	-skrollr-animation-name:armory-video-control;		
}
@-skrollr-keyframes armory-video-control {
	-801{font-family: "stop" }
	-800{font-family: "play" }
	-201{font-family: "play" }
	-200{font-family: "stop" }
}

/*Animations for armory panel*/
.section-armory {
    -skrollr-animation-name:section-armory;
}
@-skrollr-keyframes section-armory {	
	-2000{top:vidhpx;display:block; }
	-1000{top:0px;display:block; }
	-10{top:-vpthpx;display:block; }
	0{top:-vpthpx;display:none; }
}

.section-armory .column-left {
    -skrollr-animation-name:section-armory-column-left;
}
@-skrollr-keyframes section-armory-column-left {	
	-2000{left:-1130px; }
	-1000{left:-1100px }
	0{left:-1000px; }
}

.section-armory .column-right {
    -skrollr-animation-name:section-armory-column-right;
}
@-skrollr-keyframes section-armory-column-right {	
	-2000{left:380px; }
	-1000{left:350px }
	0{left:250px; }
}

.section-armory .splats_top{
	-skrollr-animation-name:armory-splats_top	
}
@-skrollr-keyframes armory-splats_top {
	1000{ top:-40px; }
	2000{	top:0px; }
}

.section-armory .splats_bottom{
	-skrollr-animation-name:armory-splats_bottom	
}
@-skrollr-keyframes armory-splats_bottom {
	1000{ bottom:-20px; }
	2000{	bottom:0px; }
}

.armory-sequence{
	-skrollr-animation-name:armory-sequence-control;		
}
@-skrollr-keyframes armory-sequence-control {
	-1000{font-family: "stop" }
	-999{font-family: "play" }
	-901{font-family: "play" }
	-900{font-family: "stop" }
}



/*Animations for Leonore panel*/

.video-trans-leonore video, .video-trans-leonore .video-banner{
	-skrollr-animation-name:leonore-video;	
}

@-skrollr-keyframes leonore-video {
	999{top:vpthpx;display:none;}
	1000{top:vpthpx;display:block;}
	1999{top:-vidhpx;display:block;}
	2000{top:-vidhpx;display:none;}
}

.video-trans-leonore{
	-skrollr-animation-name:leonore-video-control;		
}
@-skrollr-keyframes leonore-video-control {
	1199{font-family: "stop" }
	1200{font-family: "play" }
	1799{font-family: "play" }
	1800{font-family: "stop" }
}




.section-leonore {
    -skrollr-animation-name:section-leonore;
}
@-skrollr-keyframes section-leonore {	
	-1001{top:vpthpx;display:none; }
	-1000{top:vpthpx;display:block; }
	0{top:0px;display:block; }
	1000{top:0px;display:block; }
	2000{top:-vpthpx;display:none; }
}

.section-leonore .background{
    -skrollr-animation-name:leonore-background;
}
@-skrollr-keyframes leonore-background {	
	1000{	top:0px; }
	1500{ top:-40px;left:-1000px; }
	2000{	top:-80px;left: -600px; }
}

.section-leonore .column{
	-skrollr-animation-name:leonore-column	
}
@-skrollr-keyframes leonore-column {	
	1000{ bottom:-20px; left:-149px; }
	2000{ bottom:-140px; left:-85px;}
}

.section-leonore .leonore{
	-skrollr-animation-name:leonore-leonore	
}
@-skrollr-keyframes leonore-leonore {
	
	1000{ bottom:-150px;left:315px; }
	2000{	bottom:0px;left:100px; }
}

.section-leonore .splats_top{
	-skrollr-animation-name:leonore-splats_top	
}
@-skrollr-keyframes leonore-splats_top {
	1000{ top:-40px; }
	2000{	top:0px; }
}

.section-leonore .splats_bottom{
	-skrollr-animation-name:leonore-splats_bottom	
}
@-skrollr-keyframes leonore-splats_bottom {
	1000{ bottom:-20px; }
	2000{	bottom:0px; }
}

.section-leonore .quote, .section-leonore-quote{
    -skrollr-animation-name:leonore-quote;
}
@-skrollr-keyframes leonore-quote {
	-1001{ opacity:0; display:none;}
	-1000{ opacity:0; display:block;}
	0{ opacity:1;display:block;}
	1000{ opacity:1;display:block;}
	1700{ opacity:0;display:block;}
	1701{ opacity:0;display:none;}
}



.section-leonore .copy{
	-skrollr-animation-name:leonore-copy	
}
@-skrollr-keyframes leonore-copy {
	-500{left:-1170px;opacity:0}
	-200{left:0px;opacity:1}
	100{left:0px;opacity:1}
	1000{left:1170px;opacity:0}
}

.section-leonore .title{
	-skrollr-animation-name:leonore-title	
}
@-skrollr-keyframes leonore-title {
	-500{left:-1170px;opacity:0}
	-150{left:0px;opacity:1}
	150{left:0px;opacity:1}
	1000{left:1170px;opacity:0}
}

.section-leonore .animated-gif{
	-skrollr-animation-name:leonore-animated	
}
@-skrollr-keyframes leonore-animated {
	-500{left:-1250px;opacity:1}
	-100{left:0px;opacity:1}
	200{left:0px;opacity:1}
	1000{left:1170px;opacity:0}
}


/************************************************************************************/
/*Animations for Ophir  Ketziah panel*/
.section-ophir_keziah {
    -skrollr-animation-name:section-ophir_keziah;
}
@-skrollr-keyframes section-ophir_keziah {	
	999{top:vpthpx;display:none; }
	1000{top:vpthpx;display:block; }
	2000{top:0px;}
	3000{top:0px;}
	3999{top:-vpthpx;display:block; }
	4000{top:-vpthpx;display:none; }
}


.section-ophir_keziah .ophir{ 
    -skrollr-animation-name:ophir_keziah-ophir;
}

@-skrollr-keyframes ophir_keziah-ophir {
	1000{ top: 125px; left:-760px;}
	2000{ top: 100px; left:-580px;}
	3000{ top: 100px; left:-560px;}
	4000{ top: -160px; left: -400px;}
}

.section-ophir_keziah .keziah{ 
    -skrollr-animation-name:ophir_keziah-keziah;
}

@-skrollr-keyframes ophir_keziah-keziah {
	1000{top: 200px;left:-441px;}
	2000{ top: 120px;left:-341px;}
	3000{ top: 120px;left:-321px;}
	4000{ top: -100px;left:-201px;}
}

.section-ophir_keziah .building{ 
    -skrollr-animation-name:ophir_keziah-background;
}
@-skrollr-keyframes ophir_keziah-background {
	1000{top: -410px; left:-1013px;}
	2000{ top: -200px; left:-913px;}
	3000{ top: -220px; left:-913px;}
	4000{top: 0px; left:-813px}
}

.section-ophir_keziah .splats_bottom {
	-skrollr-animation-name:ophir_keziah-splats_bottom
}
@-skrollr-keyframes ophir_keziah-splats_bottom {
	1000{	bottom:-40px; }
	2000{ bottom:-20px; }
	3000{ bottom:-20px; }
	4000{ bottom:0px; }
}



.section-ophir_keziah .splats_top {
	-skrollr-animation-name:ophir_keziah-splats_top	
}
@-skrollr-keyframes ophir_keziah-splats_top {
	1000{ top:-80px;}
	2000{ top:-40px; }
	3000{ top:-40px; }
	4000{ top:0px; }
}



.section-ophir_keziah .title{
    -skrollr-animation-name:ophir_keziah-title;
}
@-skrollr-keyframes ophir_keziah-title {
	2000 {top:59px;opacity:0;}
	2400 {top:459px;opacity:1; }
	2700 {top:459px;opacity:1; }
	3000 {top:659px;opacity:0;}
}


.section-ophir_keziah .copy{
    -skrollr-animation-name:ophir_keziah-copy;
}
@-skrollr-keyframes ophir_keziah-copy {
	2000 {top:111px;opacity:0;}
	2350 {top:511px;opacity:1; }
	2650 {top:511px;opacity:1; }
	3000 {top:711px;opacity:0;}
}

.section-ophir_keziah .animated-gif{
	-skrollr-animation-name:ophir_keziah-animated	
}
@-skrollr-keyframes ophir_keziah-animated {
	2000 {top:-300px;opacity:0;}
	2300 {top:147px;opacity:1; }
	2600 {top:147px;opacity:1; }
	3000 {top:500px;opacity:0;}
}


/************************************************************************************/
/*Animations for Giddeon panel*/

.section-giddeon {
    -skrollr-animation-name:section-giddeon;
}
@-skrollr-keyframes section-giddeon {	
	2999{top:vpthpx;display:none; }
	3000{top:vpthpx;display:block; }
	4000{top:0px;}
	5000{top:0px;}
	5999{top:-vpthpx;display:block; }
	6000{top:-vpthpx;display:none; }
}


.section-giddeon .giddeon{ 
    -skrollr-animation-name:giddeon-character;
}

@-skrollr-keyframes giddeon-character {
	3000{	top:300px; left:-550px;-webkit-transform:scale(1.1,1.1);-moz-transform: scale(1.05,1.05);}
	4000{ top:150px; left:-641px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}
	5000{ top:150px; left:-641px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}
	6000{ top:0px; left:-750px;-webkit-transform:scale(.85,.85);-moz-transform:scale(.95,.55);}
}

.section-giddeon .building{ 
    -skrollr-animation-name:giddeon-background;
}

@-skrollr-keyframes giddeon-background {
	3000{	top:-74px;left:-60%;}
	4000{ top:-206px; left:-55%;}
	5000{ top:-226px; left:-55%;}
	6000{	top:-330px;	left:-49%;}
}

.section-giddeon .splats_top{
	-skrollr-animation-name:giddeon-splats_top	
}
@-skrollr-keyframes giddeon-splats_top {
	5000{ top:-40px; }
	6000{	top:0px; }
}
.section-giddeon .splats_bottom{
    -skrollr-animation-name:giddeon-splats_bottom;
}

@-skrollr-keyframes giddeon-splats_bottom {
	3000{	bottom:-40px; }
	4000{ bottom:-20px; }
	5000{ bottom:-20px; }
	6000{	bottom:0px; }
}


.section-giddeon .title{
    -skrollr-animation-name:giddeon-title;
}
@-skrollr-keyframes giddeon-title {
	4000 {right:-500px;opacity:0}
	4400 {right:125px;opacity:1}
	4700 {right:125px;opacity:1}
	5000 {right:1600px;opacity:0}
}


.section-giddeon .copy{
    -skrollr-animation-name:giddeon-copy;
}
@-skrollr-keyframes giddeon-copy {
	4000 {right:-500px;opacity:0}
	4450 {right:125px;opacity:1}
	4750 {right:125px;opacity:1}
	5000 {right:1600px;opacity:0}
}


.section-giddeon .quote, .section-giddeon-quote{
    -skrollr-animation-name:giddeon-quote;
}
@-skrollr-keyframes giddeon-quote {
	3000{ opacity:0; display:none;}
	3001{ opacity:0; display:block;}
	3300{ opacity:1;display:block;}
	4200{ opacity:1;display:block;}
	4400{ opacity:0;display:block;}
	4401{ opacity:0;display:none;}
}

.section-giddeon .animated-gif{
	-skrollr-animation-name:giddeon-animated	
}
@-skrollr-keyframes giddeon-animated {
	4000 {right:-500px;opacity:0}
	4350 {right:125px;opacity:1}
	4650 {right:125px;opacity:1}
	5000 {right:1600px;opacity:0}
}

/************************************************************************************/
/*Animations for Gargoyle sequence*/


.inter-sequence.sequence-gargoyle {
	-skrollr-animation-name:sequence-gargoyle;	
}

@-skrollr-keyframes sequence-gargoyle {
	4999{top:vpthpx;display:none; }
	5000{top:vpthpx;display:block; }
	5800{top:0px;display:block;}
	6000{top:-400px;display:block;}
	6999{top:-vpthpx;display:none;}
}

.inter-sequence.sequence-gargoyle .sequence-bg{
	-skrollr-animation-name:sequence-gargoyle-bg;	
}

@-skrollr-keyframes sequence-gargoyle-bg {
	5200 {font-size: 0px;}	
	5800 {font-size: 100px;}	
}



/************************************************************************************/
/*Animations for Adam panel*/

.section-adam {
    -skrollr-animation-name:section-adam;
}
@-skrollr-keyframes section-adam {	
	4999{top:vpth+400px;display:none; }
	5000{top:vpth+400px;display:block; }
	5800{top:400px;}
	6000{top:0px;}
	7000{top:0px;}
	7999{top:-vpthpx;display:block; }
	8000{top:-vpthpx;display:none; }
}



.section-adam .adam{ 
    -skrollr-animation-name:adam-character;
}

@-skrollr-keyframes adam-character {	
	5000{ bottom:-240px;left:-460px;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);}
	6000{ bottom:-139px;left:-500px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}
	7000{ bottom:-139px;left:-500px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}
	8000{ bottom:0px; left:-540px;-webkit-transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);}
}

.section-adam .building{ 
    -skrollr-animation-name:adam-background;
}
@-skrollr-keyframes adam-background {
	5000{	top:-0px; left:-1010px;}
	6000{ top:-60px;left:-940px; }
	7000{ top:-90px;left:-940px; }
	8000{ top:-360px; left:-880px }
}

.section-adam .splats_top{
	-skrollr-animation-name:adam-splats_top	
}
@-skrollr-keyframes adam-splats_top {
	7000{ top:-40px; }
	8000{ top:0px; }
}

.section-adam .splats_bottom{
    -skrollr-animation-name:adam-splats_bottom;
}
@-skrollr-keyframes adam-splats_bottom {
	5000{	bottom:-40px; }
	6000{ bottom:-20px; }
	7000{ bottom:-20px; }
	8000{	bottom:0px; }
}

.section-adam .title{
    -skrollr-animation-name:adam-title;
}
@-skrollr-keyframes adam-title {
	5800{top:59px;opacity:0}
	6100{top:459px;opacity:1}
	6400{top:459px;opacity:1}
	7000{top:659px;opacity:0}
}


.section-adam .copy{
    -skrollr-animation-name:adam-copy;
}
@-skrollr-keyframes adam-copy {
	
	5700{top:111px;opacity:0}
	6100{top:511px;opacity:1}
	6400{top:511px;opacity:1}
	7000{top:711px;opacity:0}
}

.section-adam .quote, .section-adam-quote{
    -skrollr-animation-name:adam-quote;
}
@-skrollr-keyframes adam-quote {
	5399{ opacity:0; display:none;}
	5400{ opacity:0; display:block;}
	5500{ opacity:1;display:block;}
	5800{ opacity:1;display:block;}
	6000{ opacity:0;display:block;}
	6001{ opacity:0;display:none;}
}

.section-adam .animated-gif{
	-skrollr-animation-name:adam-animated	
}
@-skrollr-keyframes adam-animated {
	5800{top:-300px;opacity:0}
	6100{top:180px;opacity:1}
	6600{top:180px;opacity:1}
	7000{top:500px;opacity:0}
}


.video-trans-adam video, .video-trans-adam .video-banner{
	-skrollr-animation-name:adam-video;	
}

@-skrollr-keyframes adam-video {
	6999{top:vpthpx;display:none;}
	7000{top:vpthpx;display:block;}
	8499{top:-vidhpx;display:block;}
	8500{top:-vidhpx;display:none;}
}

.video-trans-adam{
	-skrollr-animation-name:adam-video-control;		
}
@-skrollr-keyframes adam-video-control {
	7199{font-family: "stop" }
	7200{font-family: "play" }
	8299{font-family: "play" }
	8300{font-family: "stop" }
}


/************************************************************************************/
/*Animations for Home panel*/

.section-home {
    -skrollr-animation-name:section-home;
}
@-skrollr-keyframes section-home {	
	6999{top:vpthpx;display:none; }
	7000{top:vpthpx;display:block; }
	8500{top:0px;}
	9999{top:-vpthpx;display:block; }
	10000{top:-vpthpx;display:none; }
}


.section-home .adam{ 
    -skrollr-animation-name:home-character;
}

@-skrollr-keyframes home-character {
	7000{	top: 300px; }
	8500{ top: 40px; }
	10000{ top: -120px;}
}

.gargoyles{ 
    -skrollr-animation-name:home-gargoyles;
}

@-skrollr-keyframes home-gargoyles {
	6999{top:vpthpx;left:-760px;display:none;-webkit-transform:scale(1,1);opacity:1; }
	7300{top:vpthpx;left:-760px;display:block;-webkit-transform:scale(1.5,1.5);opacity:1; }
	8500{top:0px;left:-760px;display:block;-webkit-transform:scale(1.1,1.1);opacity:1;}
	9700{top:-vpthpx;left:-760px;display:block; -webkit-transform:scale(1,1);opacity:1;}
	10000{top:-vpthpx;left:-760px;display:none; -webkit-transform:scale(.8,.8);opacity:1;}

}



.section-home .building{ 
    -skrollr-animation-name:home-background;
}
@-skrollr-keyframes home-background {
	7000{top: -700px; }
	8500{ top: -1230px; }
	10000{top: -1900px; }
}


.section-home .splats_bottom{
    -skrollr-animation-name:home-splats_bottom;
}
@-skrollr-keyframes home-splats_bottom {
	7000{	bottom: -40px; }
	8500{ bottom: -18px;}
	10000{	bottom: -4px; }
}

.section-home .title{
    -skrollr-animation-name:home-title;
}
@-skrollr-keyframes home-title {
	7000{	top: 316px; }
	8500{ top: 316px;}
	10000{	top: 316px; }
}


.section-home .subtitle{
    -skrollr-animation-name:home-subtitle;
}
@-skrollr-keyframes home-subtitle {
	7000{ top: 406px; }
	8500{ top: 406px;}
	10000{top: 406px; }
}

.section-home .watch_triler_btn{
    -skrollr-animation-name:home-watch_triler_btn;
}
@-skrollr-keyframes home-watch_triler_btn {
	7000{ top: 430px; }
	8500{ top: 450px;}
	10000{top: 470px; }
}

/************************************************************************************/
/*Animations for Terra panel*/

.video-trans-terra video, .video-trans-terra .video-banner{
	-skrollr-animation-name:terra-video;	
}

@-skrollr-keyframes terra-video {
	8499{top:vpthpx;display:none;font-family: "stop" }
	8500{top:vpthpx;display:block;font-family: "stop" }
	9999{top:-vidhpx;display:block;font-family: "stop" }
	10000{top:-vidhpx;display:none;font-family: "stop" }
}

.video-trans-terra{
	-skrollr-animation-name:terra-video-control;		
}
@-skrollr-keyframes terra-video-control {
	8699{font-family: "stop" }
	8700{font-family: "play" }
	9799{font-family: "play" }
	9800{font-family: "stop" }
}


.section-terra {
    -skrollr-animation-name:section-terra;
}
@-skrollr-keyframes section-terra {	
	8999{top:vpthpx;display:none; }
	9000{top:vpthpx;display:block; }
	10000{top:0px;}
	11000{top:0px;}
	11999{top:-vpthpx;display:block; }
	12000{top:-vpthpx;display:none; }
}


.section-terra .terra{ 
    -skrollr-animation-name:terra-character;
}

@-skrollr-keyframes terra-character {
	9000{top:400px; }
	10000{ top:80px; }
	11000{ top:80px; }
	12000{ top:-100px;}
}

.section-terra .building{ 
    -skrollr-animation-name:terra-building;
}

@-skrollr-keyframes terra-building {
	9000{	top: 00px; left:-820px;}
	10000{ top:-300px; left:-800px;}
	11000{ top:-400px; left:-800px;}
	12000{	top: -900px; left:-780px;}
}

.section-terra .title{
    -skrollr-animation-name:terra-title;
}
@-skrollr-keyframes terra-title {
	10100{right:1600px;opacity:0}
	10400{right:125px;opacity:1}
	10700{right:125px;opacity:1}
	10900{right:-500px;opacity:0}
}


.section-terra .splats_top{
	-skrollr-animation-name:terra-splats_top	
}
@-skrollr-keyframes terra-splats_top {
	9000{ top:-40px; }
	10000{ top:0px; }
}

.section-terra .splats_bottom{
    -skrollr-animation-name:terra-splats_bottom;
}
@-skrollr-keyframes terra-splats_bottom {
	9000{	bottom:-40px;}
	10000{ bottom:-20px;}
	11000{ bottom:-20px;}
	12000{	bottom:0px;}
}

.section-terra .copy{
    -skrollr-animation-name:terra-copy;
}
@-skrollr-keyframes terra-copy {
	10200{right:1600px;opacity:0}
	10350{right:125px;opacity:1}
	10650{right:125px;opacity:1}
	10800{right:-500px;opacity:0}
}


.section-terra .feeds{
    -skrollr-animation-name:terra-feeds;
}
@-skrollr-keyframes terra-feeds {
	9000{margin-left:800px;opacity:0; }
	10000{margin-left: 50px; opacity:1; }
	11000{margin-left: 50px; opacity:1;}
	12000{margin-left:-100px;opacity:0;}
}


.section-terra .animated-gif{
	-skrollr-animation-name:terra-animated	
}
@-skrollr-keyframes terra-animated {
	10000{right:1600px;opacity:0}
	10300{right:125px;opacity:1}
	10600{right:125px;opacity:1}
	11000{right:-500px;opacity:0}
}
	

/************************************************************************************/
/*Animations for Wessex panel*/

.video-trans-wessex video, .video-trans-wessex .video-banner{
	-skrollr-animation-name:wessex-video;	
}

@-skrollr-keyframes wessex-video {
	10999{top:vpthpx;display:none;font-family: "stop" }
	11000{top:vpthpx;display:block;font-family: "stop" }
	11999{top:-vidhpx;display:block;font-family: "stop" }
	12000{top:-vidhpx;display:none;font-family: "stop" }
}

.video-trans-wessex{
	-skrollr-animation-name:wessex-video-control;		
}
@-skrollr-keyframes wessex-video-control {
	11199{font-family: "stop" }
	11200{font-family: "play" }
	11799{font-family: "play" }
	11800{font-family: "stop" }
}

.section-wessex {
    -skrollr-animation-name:section-wessex;
}
@-skrollr-keyframes section-wessex {	
	10999{top:vpthpx;display:none; }
	11000{top:vpthpx;display:block; }
	12000{top:0px;}
	13000{top:0px;}
	13999{top:-vpthpx;display:block; }
	14000{top:-vpthpx;display:none; }
}

.section-wessex .wessex{ 
    -skrollr-animation-name:wessex-character;
}

.section-wessex .splats_bottom{
    -skrollr-animation-name:wessex-splats_bottom;
}
@-skrollr-keyframes wessex-splats_bottom {
	11000{	bottom:-30px; }
	12000{ bottom:-10px; }
	13000{ bottom:-10px; }
	14000{	bottom:20px; }
}

.section-wessex .splats_top{
	-skrollr-animation-name:wessex-splats_top	
}
@-skrollr-keyframes wessex-splats_top {
	11000{ top:-40px; }
	12000{ top:0px; }
}

@-skrollr-keyframes wessex-character {

	11000{	top:340px; }
	12000{ top:80px; }
	13000{ top:80px; }
	14000{ top:-10px; }
}

.section-wessex .background{ 
    -skrollr-animation-name:wessex-background;
}

@-skrollr-keyframes wessex-background {
	
	11000{ top:-200px;left:-850px;	}
	12000{ top:-100px;left:-920px; }
	13000{ top:-100px;left:-920px; }
	14000{ top:0px;left:-990px;	}
}


.section-wessex .title{
    -skrollr-animation-name:wessex-title;
}
@-skrollr-keyframes wessex-title {
	12100{left:1170px;opacity:0}
	12400{left:0px;opacity:1}
	12700{left:0px;opacity:1}
	12900{left:-700px;opacity:0}
}


.section-wessex .copy{
    -skrollr-animation-name:wessex-copy;
}
@-skrollr-keyframes wessex-copy {
	12100{left:1170px;opacity:0}
	12350{left:0px;opacity:1}
	12650{left:0px;opacity:1}
	12900{left:-700px;opacity:0}
}

.section-wessex .animated-gif{
	-skrollr-animation-name:wessex-animated	
}
@-skrollr-keyframes wessex-animated {
	12000{left:1170px;opacity:0}
	12300{left:0px;opacity:1}
	12600{left:0px;opacity:1}
	13000{left:-700px;opacity:0}
}


/************************************************************************************/
/*Animations for Demon sequence*/

.inter-sequence.sequence-demon {
	-skrollr-animation-name:sequence-demon;	
}

@-skrollr-keyframes sequence-demon {
	12999{top:vpthpx;display:none; }
	13000{top:vpthpx;display:block; }
	13800{top:0px;display:block;}
	14999{top:-vpthpx;display:block;}
	15000{top:-vpthpx;display:none;}
}

.inter-sequence.sequence-demon .sequence-bg{
	-skrollr-animation-name:sequence-demon-bg;	
}

@-skrollr-keyframes sequence-demon-bg {
	13200 {font-size: 0px;}	
	13800 {font-size: 100px;}	
}



/************************************************************************************/
/*Animations for Zuriel panel*/

.section-zuriel {
    -skrollr-animation-name:section-zuriel;
}
@-skrollr-keyframes section-zuriel {	
	12999{top:vpth+400px;display:none; }
	13000{top:vpth+400px;display:block; }
	13800{top:400px;}
	14000{top:0px;}
	15000{top:0px;}
	15999{top:-vpthpx;display:block; }
	16000{top:-vpthpx;display:none; }
}

.section-zuriel .zuriel{ 
    -skrollr-animation-name:zuriel-character;
}

@-skrollr-keyframes zuriel-character {
	13000{ bottom:-200px; left:55px}
	14000{ bottom:-100px; left:-55px}
	15000{ bottom:-100px; left:-55px}
	16000{ bottom:0px; left:-100px;}
}

.section-zuriel .building{ 
    -skrollr-animation-name:zuriel-background;
}

@-skrollr-keyframes zuriel-background {
	13000{	top: 0px;left:-1200px	}
	14000{ top:-30px;left:-1093px }
	15000{ top:-30px;left:-1093px }
	16000{	top:-40px;left:-1023px	}
}

.section-zuriel .splats_top{
	-skrollr-animation-name:zuriel-splats_top	
}
@-skrollr-keyframes zuriel-splats_top {
	15000{ top:-40px; }
	16000{ top:0px; }
}

.section-zuriel .splats_bottom{
    -skrollr-animation-name:zuriel-splats_bottom;
}

@-skrollr-keyframes zuriel-splats_bottom {
	13000{	bottom:-30px; }
	14000{ bottom:-10px; }
	15000{ bottom:-10px; }
	16000{ bottom:0px; }
}

.section-zuriel .demons1{
    -skrollr-animation-name:zuriel-demons1;
}

@-skrollr-keyframes zuriel-demons1 {
	13000{	top:-80px;left:-370px; }
	14000{ top:-40px;left:-450px; }
	15000{ top:-40px;left:-450px; }
	16000{top:0px;left:-530px;}
}
 

.section-zuriel .demons2{
    -skrollr-animation-name:zuriel-demons2;
}

@-skrollr-keyframes zuriel-demons2 {
	13000{top:-30px;left:-440px;}
	14000{ top:10px;left:-473px;}
	15000{ top:10px;left:-473px;}
	16000{top:50px;left:-503px;}
}

.section-zuriel .title{
    -skrollr-animation-name:zuriel-title;
}
@-skrollr-keyframes zuriel-title {
	14100 {top:1000px;opacity:0;}
	14350 {top:495px;opacity:1; }
	14650 {top:495px;opacity:1; }
	14900 {top:50px;opacity:0;}
}

.section-zuriel .copy{
    -skrollr-animation-name:zuriel-copy;
}
@-skrollr-keyframes zuriel-copy {
	14100 {top:1000px;opacity:0;}
	14400 {top:547px;opacity:1; }
	14700 {top:547px;opacity:1; }
	14900 {top:100px;opacity:0;}
}

.section-zuriel .animated-gif{
	-skrollr-animation-name:zuriel-animated	
}
@-skrollr-keyframes zuriel-animated {
	14000{top:1170px;opacity:0}
	14300{top:183px;opacity:1}
	14600{top:183px;opacity:1}
	15000{top:-700px;opacity:0}
}

/************************************************************************************/
/*Animations for Dekar panel*/
.section-dekar {
    -skrollr-animation-name:section-dekar;
}
@-skrollr-keyframes section-dekar {	
	14999{top:vpthpx;display:none; }
	15000{top:vpthpx;display:block; }
	16000{top:0px;}
	17000{top:0px;}
	17999{top:-vpthpx;display:block; }
	18000{top:-vpthpx;display:none; }
}

.section-dekar .dekar{ 
    -skrollr-animation-name:dekar-character;
}

@-skrollr-keyframes dekar-character {
	
	15000{	top:250px; }
	16000{ top:80px; }
	17000{ top:80px; }
	18000{ top:-10px;}
}

.section-dekar .building{ 
    -skrollr-animation-name:dekar-background;
}

@-skrollr-keyframes dekar-background {
	15000{	top: 20px;	left:-1000px;}
	16000{ top:0px;left:-900px; }
	17000{ top:0px;left:-900px; }
	18000{	top:-20px;left:-800px;	}
}

.section-dekar .splats_top{
    -skrollr-animation-name:dekar-splats_top;
}
@-skrollr-keyframes dekar-splats_top {
	15000{	top:-40px; }
	16000{ top:0px; }
	17000{ top:0px; }
	18000{	top:20px; }
}

.section-dekar .splats_bottom{
    -skrollr-animation-name:dekar-splats_bottom;
}
@-skrollr-keyframes dekar-splats_bottom {
	15000{	bottom:-98px; }
	16000{ bottom:-88px; }
	17000{ bottom:-88px; }
	18000{	bottom:-78px; }
}


.section-dekar .copy{
    -skrollr-animation-name:dekar-copy;
}
@-skrollr-keyframes dekar-copy {
	16100 {top:780px;opacity:0;}	
	16400 {top:511px;opacity:1; }
	16700 {top:511px;opacity:1; }
	16900 {top:80px;opacity:0;}
}


.section-dekar .title{
    -skrollr-animation-name:dekar-title;
}
@-skrollr-keyframes dekar-title {
	16100 {top:750px;opacity:0;}
	16350 {top:459px;opacity:1; }
	16650 {top:459px;opacity:1; }
	16900 {top:0px;opacity:0;}
}



.section-dekar .animated-gif{
	-skrollr-animation-name:dekar-animated	
}
@-skrollr-keyframes dekar-animated {
	16000 {top:750px;opacity:0;}
	16300 {top:147px;opacity:1; }
	16600 {top:147px;opacity:1; }
	17000 {top:-300px;opacity:0;}
}

.video-trans-dekar video, .video-trans-dekar .video-banner{
	-skrollr-animation-name:dekar-video;	
}

@-skrollr-keyframes dekar-video {
	16999{top:vpthpx;display:none;font-family: "stop" }
	17000{top:vpthpx;display:block;font-family: "stop" }
	17999{top:-vidhpx;display:block;font-family: "stop" }
	18000{top:-vidhpx;display:none;font-family: "stop" }
}

.video-trans-dekar{
	-skrollr-animation-name:dekar-video-control;		
}
@-skrollr-keyframes dekar-video-control {
	17199{font-family: "stop" }
	17200{font-family: "play" }
	17799{font-family: "play" }
	17800{font-family: "stop" }
}

/************************************************************************************/
/*Animations for Nabirius panel*/

.section-nabirius {
    -skrollr-animation-name:section-nabirius;
}
@-skrollr-keyframes section-nabirius {	
	16999{top:vpthpx;display:none; }
	17000{top:vpthpx;display:block; }
	18000{top:0px;}
	19000{top:0px;}
	19999{top:-vidhpx;display:block; }
	}
}


.section-nabirius .building{
    -skrollr-animation-name:nabirius-background;
}
@-skrollr-keyframes nabirius-background {
	17000{	top:20px; left:-800px;}
	18000{ top:-50px; left:-1000px;}
	19000{ top:-50px; left:-1000px;}
	20000{	top:-120px; left:-1200px;}
}


.section-nabirius .nabirius{
	-skrollr-animation-name:nabirius-nabirius	
}
@-skrollr-keyframes nabirius-nabirius {	
	17000{ bottom:-300px;left:-420px; }
	18000{ bottom:-100px;left:-600px; }
	19000{ bottom:-100px;left:-600px; }
	20000{ bottom:0px; left:-680px}
}

.section-nabirius .splats_top{
	-skrollr-animation-name:nabirius-splats_top	
}
@-skrollr-keyframes nabirius-splats_top {
	17000{	top:0px; }
	18000{ top:-40px; }
	19000{ top:-40px; }
	20000{	top:-80px; }
}

.section-nabirius .splats_bottom{
	-skrollr-animation-name:nabirius-splats_bottom	
}
@-skrollr-keyframes nabirius-splats_bottom {
	17000{	bottom:-30px; }
	18000{ bottom:0px; }
	19000{ bottom:0px; }
	19700{	bottom:0px; }
}



.section-nabirius .copy{
	-skrollr-animation-name:nabirius-copy	
}
@-skrollr-keyframes nabirius-copy {
	18100{right:1500px;opacity:0}
	18350{right:125px;opacity:1}
	18650{right:125px;opacity:1}
	18900{right:-600px;opacity:0;}
}

.section-nabirius .title{
	-skrollr-animation-name:nabirius-title	
}
@-skrollr-keyframes nabirius-title {
	18100{right:1500px;opacity:0}
	18350{right:125px;opacity:1}
	18650{right:125px;opacity:1}
	18900{right:-600px;opacity:0;}
}

.section-nabirius .animated-gif{
	-skrollr-animation-name:nabirius-animated	
}
@-skrollr-keyframes nabirius-animated {
	18000{right:1500px;opacity:0}
	18300{right:125px;opacity:1}
	18600{right:125px;opacity:1}
	19000{right:-600px;opacity:0;}
}



.video-trans-end video, .video-trans-end .video-banner{
	-skrollr-animation-name:end-video;	
}
@-skrollr-keyframes end-video {
	18999{top:vpthpx;display:none;font-family: "stop" }
	19000{top:vpthpx;display:block;font-family: "stop" }
	20000 {top:vpth-vidhpx;display:block; font-family: "play"}
}

.video-trans-end .splats_bottom{
	-skrollr-animation-name:end-splats;	
}
@-skrollr-keyframes end-splats {
	18999{bottom:-280px;display:none;}
	19000{bottom:-280px;display:block;}
	20000{bottom:-40px;display:block;}
}

.video-trans-end{
	-skrollr-animation-name:end-video-control;		
}
@-skrollr-keyframes end-video-control {
	18000{font-family: "stop";display:none;}
	18999{font-family: "stop";display:block;}
	19199{font-family: "stop";display:block; }
	19200{font-family: "play";display:block; }
}