@charset "utf-8";
/* CSS Document */
html {
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
}
body {
        background-color: #000000;
        margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
        padding: 0;
        text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
        color: #434343;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
		transform-origin: 0% 0%;
}
.wrapper {
	transform-origin: 0% 0%;
}
.sceneWrap {
	width: 1920px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;	
	background-repeat: no-repeat;
	transform-origin: 0% 0%;
}
.outerScene {
	
}
.scrollmagic-pin-spacer {
	min-width: 0px !important;
	width: auto !important;	
}
/* LOADER */
#preScene {
	width: 100%;
	height: 100%;	
}
/* SCENE 1 */
#scene1 {
	height: 1152px;
	background-color: #13dffb;
	background-image: url(graphics/scene1/background.jpg);
	background-position: top left;
	position: relative;
	
}
#s1_leftTree {
	width: 185px;
	height: 190px;
	background-image: url(graphics/scene1/leftTree.png);
	position: absolute;
	left: 120px;
	top: 167px;	
	z-index:2;
}
#s1_middleTree {
	width: 90px;
	height: 100px;
	background-image: url(graphics/scene1/middleTree.png);
	position: absolute;
	left: 840px;
	top: 230px;
	z-index:2;
}
#s1_cloudLeft {
	width: 204px;
	height: 152px;
	background-image: url(graphics/scene1/cloudLeft.png);
	position: absolute;
	left: -100px;
	top: 55px;
}
#s1_cloudMiddleLeft {
	width: 66px;
	height: 45px;
	background-image: url(graphics/scene1/cloudMiddleLeft.png);
	position: absolute;
	left: 820px;
	top: 213px;
}
#s1_cloudMiddleRight {
	width: 271px;
	height: 188px;
	background-image: url(graphics/scene1/cloudMiddleRight.png);
	position: absolute;
	left: 1000px;
	top: 17px;
}
#s1_cloudRight {
	width: 116px;
	height: 76px;
	background-image: url(graphics/scene1/cloudRight.png);
	position: absolute;
	left: 1700px;
	top: 186px;
}
#s1_birdLeft {
	width: 27px;
	height: 15px;
	background-image: url(graphics/scene1/birdLeft.png);
	position: absolute;
	left: 204px;
	top: 190px;
}
#s1_birdMiddle {
	width: 28px;
	height: 16px;
	background-image: url(graphics/scene1/birdMiddle.png);
	position: absolute;
	left: 967px;
	top:205px;
}
#s1_birdRight {
	width: 26px;
	height: 18px;
	background-image: url(graphics/scene1/birdRight.png);
	position: absolute;
	left: 1461px;
	top: 270px;
}
#s1_deer {
	width: 74px;
	height: 120px;
	background-image: url(graphics/scene1/deer.png);
	position: absolute;
	left: 251px;
	top: 618px;
}
#s1_crane {
	width: 716px;
	height: 470px;
	background-image: url(graphics/scene1/crane.png);
	position: absolute;
	left: 1270px;
	top: 402px;
}
#s1_truck {
	display:none;
	width: 568px;
	height: 287px;
	background-image: url(graphics/scene1/truck.png);
	position: absolute;
	left: -100px;
	top: 807px;	
}
#s1_signText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 21px;
	color: #2e457a;
	text-transform: uppercase;
	position: absolute;
	top: 813px;
	left: 448px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
#s1_deerText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 19px;
	color: #ffffff;
	position: absolute;
	top: 643px;
	left: 324px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
/* SCENE 2 */
#scene2 {
	height: 1152px;
	background-color: #ea8876;
	background-image: url(graphics/scene2/background.jpg);
	background-position: top left;
	position: relative;
	
}
#s2_treeMiddle {
	width: 83px;
	height: 94px;
	background-image: url(graphics/scene2/treeMiddle.png);
	position: absolute;
	left: 846px;
	top: 231px;
	z-index:2;
}
#s2_cloudLeft {
	width: 203px;
	height: 138px;
	background-image: url(graphics/scene2/cloudLeft.png);
	position: absolute;
	left: 0px;
	top: 21px;
}
#s2_cloudMiddle {
	width: 119px;
	height: 85px;
	background-image: url(graphics/scene2/cloudMiddle.png);
	position: absolute;
	left: 763px;
	top: 207px;
}
#s2_cloudRight {
	width: 258px;
	height: 176px;
	background-image: url(graphics/scene2/cloudRight.png);
	position: absolute;
	left: 1470px;
	top: 22px;
}
#s2_materials {
	width: 148px;
	height: 161px;
	background-image: url(graphics/scene2/materials.jpg);
	position: absolute;
	left: 1143px;
	top: 796px;
}
#s2_truck {
	width: 568px;
	height: 287px;
	background-image: url(graphics/scene1/truck.png);
	position: absolute;
	left: -650px;
	top: 807px;	
}
#s2_roadText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 38px;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	top: 1013px;
	left: 567px;
	clip: rect(0px, 0px, 550px, 0px);
}
/* SCENE 3 */
#scene3 {
	height: 1152px;
	background-color: #ea8876;
	background-image: url(graphics/scene3/background.jpg);
	background-position: top left;
	position: relative;
}
#s3_buildings {
	width: 518px;
	height: 377px;
	background-image: url(graphics/scene3/buildings.png);
	position: absolute;
	left: 316px;
	top: 54px;
	z-index:2;
}
#s3_birdLeft {
	width: 50px;
	height: 28px;
	background-image: url(graphics/scene3/birdLeft.png);
	position: absolute;
	left: 540px;
	top: 123px;
}
#s3_birdMiddle {
	width: 48px;
	height: 28px;
	background-image: url(graphics/scene3/birdMiddle.png);
	position: absolute;
	left: 1032px;
	top: 255px;
}
#s3_birdRight {
	width: 31px;
	height: 23px;
	background-image: url(graphics/scene3/birdRight.png);
	position: absolute;
	left: 1573px;
	top: 196px;
}
#s3_cloudLeft {
	width: 293px;
	height: 175px;
	background-image: url(graphics/scene3/cloudLeft.png);
	position: absolute;
	left: 0px;
	top: 77px;
}
#s3_cloudMiddle {
	width: 90px;
	height: 63px;
	background-image: url(graphics/scene3/cloudMiddle.png);
	position: absolute;
	left: 1123px;
	top: 138px;
}
#s3_cloudRight {
	width: 153px;
	height: 92px;
	background-image: url(graphics/scene3/cloudRight.png);
	position: absolute;
	left: 1638px;
	top: 0px;
}
#s3_truck {
	width: 568px;
	height: 287px;
	background-image: url(graphics/scene1/truck.png);
	position: absolute;
	left: -330px;
	top: 857px;
	display: none;	
}
#s3_signText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 29px;
	color: #2e457a;
	text-transform: uppercase;
	position: absolute;
	top: 888px;
	left: 253px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	
}
/* SCENE 4 */
#scene4 {
	height: 1152px;
	background-color: #f08269;
	background-image: url(graphics/scene4/background.jpg);
	background-position: top left;
	position: relative;
}
#s4_plane {
	width: 966px;
	height: 156px;
	background-image: url(graphics/scene4/plane.png);
	position: absolute;
	left: 1904px;
	top: 34px;
	z-index: 0;
}
#s4_building {
	width: 293px;
	height: 224px;
	background-image: url(graphics/scene4/building.png);
	position: absolute;
	left: 537px;
	top: 0px;
}
#s4_materials {
	width: 213px;
	height: 117px;
	background-image: url(graphics/scene4/materials.png);
	position: absolute;
	left: 847px;
	top: 876px;
	z-index: 1;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
#s4_buildingCollapse {
	width: 832px;
	height: 666px;
	background-image: url(graphics/scene4/collapse/1.jpg);
	position: absolute;
	left: 576px;
	top: 330px;
}
#s4_truck {
	width: 568px;
	height: 287px;
	background-image: url(graphics/scene1/truck.png);
	position: absolute;
	left: -600px;
	top: 857px;
	z-index: 2;	
}
#s4_planeText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 22px;
	color: #2e457a;
	text-transform: uppercase;
	position: absolute;
	width: 530px;
	top: 95px;
	left: 2257px;
}
/* SCENE 5 */
#scene5 {
	height: 1152px;
	background-color: #f08269;
	background-image: url(graphics/scene5/background.jpg);
	background-position: top left;
	position: relative;
}
#s5_cloudLeft {
	width: 134px;
	height: 79px;
	background-image: url(graphics/scene5/cloudLeft.png);
	position: absolute;
	left: 216px;
	top: 80px;
	z-index: 0;
}
#s5_cloudMiddle {
	width: 48px;
	height: 32px;
	background-image: url(graphics/scene5/cloudMiddle.png);
	position: absolute;
	left: 794px;
	top: 207px;
}
#s5_cloudRight {
	width: 54px;
	height: 36px;
	background-image: url(graphics/scene5/cloudRight.png);
	position: absolute;
	left: 1682px;
	top: 84px;
}
#s5_birdLeft {
	width: 75px;
	height: 41px;
	background-image: url(graphics/scene5/birdLeft.png);
	position: absolute;
	left:312px;
	top: 207px;
}
#s5_birdMiddleLeft {
	width: 34px;
	height: 32px;
	background-image: url(graphics/scene5/birdMiddleLeft.png);
	position: absolute;
	left: 280px;
	top: 300px;
}
#s5_birdRight {
	width: 57px;
	height: 29px;
	background-image: url(graphics/scene5/birdRight.png);
	position: absolute;
	left: 1317px;
	top: 246px;
}
#s5_landTop {
	width: 223px;
	height: 30px;
	background-image: url(graphics/scene5/landTop.png);
	position: absolute;
	left: 838px;
	top: 213px;
}
#s5_landRight {
	width: 121px;
	height: 24px;
	background-image: url(graphics/scene5/landRight.png);
	position: absolute;
	left: 1278px;
	top: 265px;
}
#s5_letterF {
	width: 164px;
	height: 96px;
	background-image: url(graphics/scene5/letterF.jpg);
	position: absolute;
	left: 956px;
	top: 304px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
#s5_truck {
	width: 568px;
	height: 287px;
	background-image: url(graphics/scene1/truck.png);
	position: absolute;
	left: -590px;
	top: 648px;	
}
#s5_roadText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 32px;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	top: 848px;
	left: 117px;
	clip: rect(0px, 0px, 550px, 0px);
}
#s5_birdText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 19px;
	color: #ffffff;
	font-weight: 300;
	position: absolute;
	top: 437px;
	left: 542px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
/* SCENE 6 */
#scene6 {
	height: 1152px;
	background-color: #f08269;
	background-image: url(graphics/scene6/background.jpg);
	background-position: top left;
	position: relative;
}
#s6_cloudLeft {
	width: 386px;
	height: 264px;
	background-image: url(graphics/scene6/cloudLeft.png);
	position: absolute;
	left: 0px;
	top: 27px;
	z-index: 0;
}
#s6_balloon {
	width: 306px;
	height: 392px;
	background-image: url(graphics/scene6/balloon.png);
	position: absolute;
	left: 845px;
	top: 0px;
}
#s6_cloudRight {
	width: 116px;
	height: 88px;
	background-image: url(graphics/scene6/cloudRight.png);
	position: absolute;
	left: 1421px;
	top: 98px;
}
#s6_balloonText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 26px;
	color: #ffffff;
	text-transform: uppercase;
	position: absolute;
	top: 51px;
	left: 900px;
}
#s6_truck {
	width: 900px;
	height: 518px;
	background-image: url(graphics/scene6/truck.png);
	position: absolute;
	left: -848px;
	top: 684px;
	z-index: 1;	
}
#s6_truck2 {
	width: 900px;
	height: 518px;
	background-image: url(graphics/scene6/truck2.png);
	position: absolute;
	left: 142px;
	top: 584px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */	
}
#s6_roadText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 26px;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	top: 1060px;
	left: 583px;
	text-align: left;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
/* SCENE 7 */
#scene7 {
	height: 1152px;
	background-color: #f08269;
	background-image: url(graphics/scene7/background.jpg);
	background-position: top left;
	position: relative;
}
#s7_cloudLeft {
	width: 122px;
	height: 94px;
	background-image: url(graphics/scene7/cloudLeft.png);
	position: absolute;
	left: 180px;
	top: 75px;
	z-index: 0;
}
#s7_cloudRight {
	width: 222px;
	height: 158px;
	background-image: url(graphics/scene7/cloudRight.png);
	position: absolute;
	left: 1483px;
	top: 15px;
}
#s7_building {
	width: 582px;
	height: 36px;
	background-image: url(graphics/scene7/building.png);
	position: absolute;
	left: 0px;
	top: 138px;
}
#s7_doorMask {
	width: 484px;
	height: 364px;
	background-image: url(graphics/scene7/doorMask.png);
	position: absolute;
	left: 435px;
	top: 321px;
	z-index: 1;
}
#s7_habitatGuy {
	width: 294px;
	height: 188px;
	background-image: url(graphics/scene7/habitatGuy.png);
	position: absolute;
	left: 458px;
	top: 423px;
	z-index: 0;
}
#s7_peepLeft {
	width: 208px;
	height: 306px;
	background-image: url(graphics/scene7/peepLeft.png);
	position: absolute;
	left: 755px;
	top: 611px;
}
#s7_peepRight {
	width: 261px;
	height: 267px;
	background-image: url(graphics/scene7/peepRight.png);
	position: absolute;
	left: 1101px;
	top: 564px;
}
#s7_peepText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 19px;
	color: #ffffff;
	position: absolute;
	top: 600px;
	left: 1256px;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
#s7_roadText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 32px;
	text-transform: uppercase;
	color: #ffffff;
	position: absolute;
	top: 1012px;
	left: 76px;
	text-align: left;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
/* SCENE 8 */
#scene8 {
	height: 1152px;
	background-color: #f08269;
	background-image: url(graphics/scene8/background.jpg);
	background-position: top left;
	position: relative;
}
#s8_mainText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 32px;
	color: #2e457a;
	position: absolute;
	top: 874px;
	left: 680px;
	text-align: left;
	text-transform: uppercase;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}
/* SCENE 9 */
#scene9 {
	height: 1152px;
	background-color: #14e0fa;
	background-image: url(graphics/scene9/background.jpg);
	background-position: top left;
	position: relative;
}
#s9_cloudLeft {
	width: 167px;
	height: 110px;
	background-image: url(graphics/scene9/cloudLeft.png);
	position: absolute;
	left: 0px;
	top: 130px;
	z-index: 0;
}
#s9_cloudRight {
	width: 263px;
	height: 177px;
	background-image: url(graphics/scene9/cloudRight.png);
	position: absolute;
	left: 1464px;
	top: 58px;
}
#s9_plane {
	width: 952px;
	height: 344px;
	background-image: url(graphics/scene9/plane.png);
	position: absolute;
	left: -873px;
	top: 71px;
}
#s9_peepLeft {
	width: 262px;
	height: 190px;
	background-image: url(graphics/scene9/peepLeft.png);
	position: absolute;
	left: 999px;
	top: 845px;
}
#s9_peepRight {
	width: 115px;
	height: 167px;
	background-image: url(graphics/scene9/peepRight.png);
	position: absolute;
	left: 1308px;
	top: 895px;
}
#s9_planeText {
	font-family: 'batcity', Arial, sans-serif;	
	font-size: 19px;
	text-transform: uppercase;
	color: #2e457a;
	position: absolute;
	top: 126px;
	left: -789px;
	text-align: center;
	width: 371px;
}
#scene2s {
	width: 0px;	
}
#outerScene2 {
	position: fixed;
	top:0;
	overflow: hidden;
	width: 0px;
	z-index:99;
}
#outerScene3 {
	
	z-index: 100;	
}
#outerScene4 {
	z-index:101;	
}
#outerScene5 {
	z-index:102;	
}
@media (max-width: 1900px)
{
	
}