@charset "utf-8";
/* CSS Document */
/* Background pattern from subtlepatterns.com */
#worldFrame{
	width: 2443px; 
    height: 1080px;
    background-image:url(../Assets/room/background.png);
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 100;
	transform: scale(0,0);
}

.innerworld{
	width: 80px;
	height: 45px;
	left: 10px;
	top: 17px;
	position: relative;
	background: #0C0;
}

/**************/
/*  In Scene  */
/**************/
.fadeIn{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-image:url(../Assets/basic/dark_exa.png);
	z-index: 1000;
}

.fadeLoading{
	z-index: 1001;
}

.Screen-Home {
	position: absolute;
	top: -10px;
	left: 886px;
	width: 348px;
	height: 409px;
	background-image: url(../Assets/room/screen.png);
	z-index: 103;
}

.comicTitle-projection
{
	position: absolute;
	top: 35px;
	left: 73px;
	width: 205px;
	height: 317px;
	background-image: url(../Assets/room/screen-hover.png);
	z-index: 104;
}

.comic-projection
{
	position: absolute;
	top: 35px;
	left: 73px;
	width: 205px;
	height: 317px;
	z-index: 105;
}
	.comic-projection:hover
	{
		opacity: 0;
	}

.Gelix-Icon{
position: absolute;
left: 1992px;
top: 962px;
width: 174px;
height: 114px;
background: url(../Assets/room/livingRoom/Gelix-Icon.png) no-repeat;
z-index: 500;
}
.number{
position: absolute;
left: 1899px;
top: 1031px;
width: 12px;
height: 10px;
background: url(../Assets/room/livingRoom/number.png) no-repeat;
z-index: 496;
}
.Stairs{
position: absolute;
left: 1779px;
top: 565px;
width: 613px;
height: 505px;
background: url(../Assets/room/livingRoom/Stairs.png) no-repeat;
z-index: 495;
pointer-events:none;
}

.wolf_activity{
position: absolute;
left: 1225px;
top: 379px;
width: 387px;
height: 475px;
background: url(../Assets/room/livingRoom/wolf_activity.png) no-repeat;
z-index: 490;
}

.alienWolfPos {
	position: absolute;
	left: 214px;
	top: 322px;
	width: 574px;
	height: 598px;
	background: url(../Assets/Campaigns/AlienSaga/alienWolfLR.png) no-repeat;
	z-index: 486;
	animation: playAlienWolf .5s steps(4) infinite;
	pointer-events:none;
}

@keyframes playAlienWolf {
   100% { background-position: -2296px; }
}
.projector{
position: absolute;
left: 1077px;
top: 350px;
width: 267px;
height: 615px;
background: url(../Assets/room/livingRoom/projector.png) no-repeat;
z-index: 485;
	pointer-events:none;
}

.glow {
	position: absolute;
	left: 1113px;
	top: 349px;
	width: 153px;
	height: 153px;
	background: url(../Assets/room/livingRoom/glow.png) no-repeat;
	z-index: 480;
	animation: playGlow .3s steps(2) infinite;
	pointer-events:none;
}

@keyframes playGlow {
   100% { background-position: -306px; }
}

.Bathroom{
position: absolute;
left: 1642px;
top: 29px;
width: 230px;
height: 380px;
background: url(../Assets/room/livingRoom/Bathroom.png) no-repeat;
z-index: 485;
}

.WolfRoomIcon{
position: absolute;
left: 2097px;
top: 691px;
width: 170px;
height: 82px;
background: url(../Assets/room/livingRoom/WolfRoomIcon.png) no-repeat;
z-index: 480;
}

.WolfRoom{
position: absolute;
left: 2231px;
top: 38px;
width: 151px;
height: 738px;
background: url(../Assets/room/livingRoom/WolfRoom.png) no-repeat;
z-index: 475;
}

.StoreIcon{
position: absolute;
left: 1901px;
top: 502px;
width: 163px;
height: 105px;
background: url(../Assets/room/livingRoom/StoreIcon.png) no-repeat;
z-index: 470;
}

.Store{
position: absolute;
left: 2034px;
top: 28px;
width: 118px;
height: 553px;
background: url(../Assets/room/livingRoom/Store.png) no-repeat;
z-index: 465;
}

.KitchenIcon{
position: absolute;
left: 174px;
top: 684px;
width: 227px;
height: 94px;
background: url(../Assets/room/livingRoom/KitchenIcon.png) no-repeat;
z-index: 460;
}

.Kitchen{
position: absolute;
left: 68px;
top: 38px;
width: 151px;
height: 738px;
background: url(../Assets/room/livingRoom/Kitchen.png) no-repeat;
z-index: 455;
}

.HayesRoomIcon{
position: absolute;
left: 381px;
top: 507px;
width: 181px;
height: 83px;
background: url(../Assets/room/livingRoom/HayesRoomIcon.png) no-repeat;
z-index: 450;
}

.HayesRoom{
position: absolute;
left: 261px;
top: 28px;
width: 216px;
height: 621px;
background: url(../Assets/room/livingRoom/Hayes-Room.png) no-repeat;
z-index: 445;
}

.HayesRoomClosed{
position: absolute;
left: 301px;
top: 28px;
width: 216px;
height: 621px;
background: url(../Assets/room/livingRoom/hayesDoorClosed.png) no-repeat;
z-index: 445;
}

.hayes_laptop{
position: absolute;
left: 748px;
top: 693px;
width: 178px;
height: 155px;
background: url(../Assets/room/livingRoom/hayes_laptop.png) no-repeat;
z-index: 740;
}

.wolf_laptop{
position: absolute;
left: 1552px;
top: 712px;
width: 178px;
height: 145px;
background: url(../Assets/room/livingRoom/wolf_laptop.png) no-repeat;
z-index: 735;
}

.Couch{
position: absolute;
left: 755px;
top: 492px;
width: 940px;
height: 294px;
background: url(../Assets/room/livingRoom/Couch.png) no-repeat;
z-index: 430;
}

.hayes_couch{
position: absolute;
left: 797px;
top: 439px;
width: 292px;
height: 158px;
background: url(../Assets/room/livingRoom/hayes_couch.png) no-repeat;
z-index: 425;
}

.hayes_lap{
position: absolute;
left: 841px;
top: 341px;
width: 196px;
height: 209px;
background: url(../Assets/room/livingRoom/hayes_lap.png) no-repeat;
z-index: 420;
}
.Birgus_Couch{
position: absolute;
left: 1103px;
top: 300px;
width: 218px;
height: 229px;
background: url(../Assets/room/livingRoom/Birgus_Couch.png) no-repeat;
z-index: 417;
}

.wolf_couch{
position: absolute;
left: 1356px;
top: 440px;
width: 280px;
height: 157px;
background: url(../Assets/room/livingRoom/wolf_couch.png) no-repeat;
z-index: 415;
}

.wolf_lap{
position: absolute;
left: 1404px;
top: 355px;
width: 193px;
height: 193px;
background: url(../Assets/room/livingRoom/wolf_lap.png) no-repeat;
z-index: 410;
}

.Seat{
position: absolute;
left: 741px;
top: 468px;
width: 961px;
height: 317px;
background: url(../Assets/room/livingRoom/Seat.png) no-repeat;
z-index: 405;
}

.Hatch{
position: absolute;
left: 479px;
top: 625px;
width: 225px;
height: 96px;
background: url(../Assets/room/livingRoom/Hatch.png) no-repeat;
z-index: 404;
}

.Screen{
position: absolute;
left: 1058px;
top: 0px;
width: 327px;
height: 410px;
background: url(../Assets/room/livingRoom/Screen.png) no-repeat;
z-index: 400;
}

.alienHayesPos {
	position: absolute;
	left: 614px;
	top: 39px;
	width: 260px;
	height: 444px;
	background: url(../Assets/Campaigns/AlienSaga/alienHayesLR.png) no-repeat;
	z-index: 395;
	animation: playAlienHayes .1s steps(2) infinite;
}

@keyframes playAlienHayes {
   100% { background-position: -520px; }
}

.hayes_activity{
position: absolute;
left: 797px;
top: 85px;
width: 140px;
height: 442px;
background: url(../Assets/room/livingRoom/hayes_activity.png) no-repeat;
z-index: 395;
}

.Strips-Link{
position: absolute;
left: 1510px;
top: 257px;
width: 112px;
height: 123px;
background: url(../Assets/room/livingRoom/Strips-Link.png) no-repeat;
z-index: 392;
}

.Utility{
position: absolute;
left: 592px;
top: 29px;
width: 225px;
height: 380px;
background: url(../Assets/room/livingRoom/Utility.png) no-repeat;
z-index: 390;
}

.TV{
position: absolute;
left: 1250px;
top: 72px;
width: 315px;
height: 189px;
background: url(../Assets/room/livingRoom/TV.png) no-repeat;
z-index: 400;
}

.TV-screen{
position: absolute;
left: 13px;
top: 10px;
width: 290px;
height: 163px;
z-index: 401;
}
	.TV-screen:hover
	{
		opacity: 0;
	}

.TV-base{
position: absolute;
left: 1356px;
top: 265px;
width: 127px;
height: 162px;
background: url(../Assets/room/livingRoom/TV-base.png) no-repeat;
z-index: 399;
}

.TV-cables{
position: absolute;
left: 1227px;
top: 236px;
width: 149px;
height: 171px;
background: url(../Assets/room/livingRoom/TV-cables.png) no-repeat;
z-index: 398;
}