@font-face {
  font-family: 'AgencyFB';
  src: url('fonts/AgencyFB-Reg.eot');
  src: url('fonts/AgencyFB-Reg.ttf');
}
@font-face {
  font-family: 'AgencyFB';
  src: url('fonts/AgencyFB-Bold.eot');
  src: url('fonts/AgencyFB-Bold.ttf');
  font-weight:bold;
}

@keyframes robo {
  from {bottom: -150px;}
  to {bottom: -130px;}
}

@keyframes aviao {
  from {background-position-x: 0px;}
  to {background-position-x: -1200px;}
}

@keyframes roboRecolhe {
  from {background-position-x: 0px;}
  to {background-position-x: -2700px;}
}

@keyframes pisca {
  0    {opacity:.5;}
  90%  {opacity:.5}
  100% {opacity:0}
}

@keyframes dica {
  20%  {opacity:1}
  80%  {opacity:1}
  100% {opacity:0}
}

@keyframes falante {
  0    {transform:scale(1)}
  70%  {transform:scale(1.1)}
  100% {transform:scale(1)}
}

@keyframes bgFinal {
  from {background-position-x: 0px;}
  to {background-position-x: -4096px;}
}

body, #stage * {border:0; margin:0; padding:0; user-select:none; -webkit-user-select:none; -moz-user-select:none; background-size:100% 100%; box-sizing: border-box;}
#stage {display:block; width:1024px; height:768px; overflow:hidden; position:absolute;}
#stage #console{display:block; width:1024px; height:100px; overflow:hidden; position:absolute; top:0; left:0; pointer-events:none; z-index:100000; font-size:20px; }

#stage .page 	{display:none; width:100%; height:100%; overflow:hidden; position:absolute; font-family:AgencyFB; font-size:24px; color:#043035;}
#stage .full 	{width:100%; height:100%; position:absolute; pointer-events:none;}
#stage .robo	{position: absolute; width:450px; height: 500px; background-image:url(../assets/imagens/robo.png); left:-150px; bottom:-150px; z-index:10; background-size:4050px 500px; pointer-events:none;}
#stage .robo.anima	{animation: robo 3s infinite alternate ease-in-out;}
#stage .robo.recolhe .hit{pointer-events:auto; cursor:pointer; position:absolute; width:110px; height:180px; bottom:150px; left:170px;}
#stage .seta	{position: absolute; width:50px; height: 80px; background-image:url(../assets/imagens/seta.png); background-size:200%; cursor:pointer; filter:drop-shadow(0 0 30px rgba(4, 247, 227, .6)); pointer-events:auto;}
#stage .box	{position: absolute; background-color: rgba(211, 240, 240, .85); padding: 25px; border: 4px solid #00fdfa; box-shadow: 0 0 30px rgba(4, 247, 227, .6);}
#stage .off{pointer-events:none;}

#abertura {display:none; background-color:#fff;}
#abertura .boxTexto{width: 720px; padding: 25px 85px 25px 50px; height: 200px; bottom: 50px; right: 50px;}
#abertura .btAvancar{left:910px; bottom:110px; background-size:200%; background-position:right;}
#abertura .cenario .portaEsq{ background-image:url(../assets/imagens/abre_porta_esq.png);}
#abertura .cenario .portaDir{ background-image:url(../assets/imagens/abre_porta_dir.png);}
#abertura .cenario .bg{ background-image:url(../assets/imagens/00_abre.png); }
#abertura .cenario .mask{ background-image:url(../assets/imagens/abre_mask.png); opacity:0;}


#stage .peca	{position: absolute; cursor:pointer; pointer-events:auto;}
#stage .peca:before	{content:''; position: absolute; pointer-events:none; left:-5px; top:-5px; background-size:100% 100%; display:none;}
#stage .peca.dica:before	{animation:dica 1s infinite; display:block;}
#stage .peca.dropped{transition:.5s; pointer-events:none;}
#stage .cenario .luz{width:36px; height:33px; background-image:url(../assets/imagens/luz.png);position:absolute; display:none;}
#stage .player_video .btPlayVideo {pointer-events:auto; position: absolute; width:100%; height:100%; cursor:pointer; background-image:url(../assets/imagens/bt_play.png); background-position:center; background-repeat:no-repeat; cursor:pointer; top: 0; left: 0; background-size: auto;}

#sala1 {display:none; background-color:#fff;}
#sala1 .cenario .luz{left:502px; top:60px;}
#sala1 .cenario .portaEsq{ background-image:url(../assets/imagens/sala1_porta_esq.png);}
#sala1 .cenario .portaDir{ background-image:url(../assets/imagens/sala1_porta_dir.png);}
#sala1 .cenario .bg{ background-image:url(../assets/imagens/sala1_bg.png); }
#sala1 .cenario .objBase{ background-image:url(../assets/imagens/sala1_obj.png);}
#sala1 .cenario .frente1{background-image:url(../assets/imagens/sala1_frente1.png); }
#sala1 .cenario .frente2{background-image:url(../assets/imagens/sala1_frente2.png); }

#sala1 .cenario .peca1 {position: absolute; width: 240px; height: 280px; background-image:url(../assets/imagens/sala1_peca1.png); left: 85px; top:370px; border-top-right-radius: 200px;}
#sala1 .cenario .peca2 {position: absolute; width:  90px; height:  45px; background-image:url(../assets/imagens/sala1_peca2.png); left:200px; top:340px;}
#sala1 .cenario .peca3 {position: absolute; width:  20px; height:  50px; background-image:url(../assets/imagens/sala1_peca3.png); left:700px; top: 90px;}
#sala1 .cenario .peca4 {position: absolute; width: 150px; height:  75px; background-image:url(../assets/imagens/sala1_peca4.png); left:750px; top:310px;}
#sala1 .cenario .peca5 {position: absolute; width:  55px; height:  90px; background-image:url(../assets/imagens/sala1_peca5.png); left:940px; top:490px;}

#sala1 .cenario .peca1:before {width: 250px; height: 290px; background-image:url(../assets/imagens/sala1_peca1_dica.png);}
#sala1 .cenario .peca2:before {width: 100px; height:  55px; background-image:url(../assets/imagens/sala1_peca2_dica.png);}
#sala1 .cenario .peca3:before {width:  30px; height:  60px; background-image:url(../assets/imagens/sala1_peca3_dica.png);}
#sala1 .cenario .peca4:before {width: 160px; height:  85px; background-image:url(../assets/imagens/sala1_peca4_dica.png);}
#sala1 .cenario .peca5:before {width:  65px; height: 100px; background-image:url(../assets/imagens/sala1_peca5_dica.png);}

#sala1 .cenario .animaAviao {display:none; position: absolute; width:  300px; height: 300px; background-image:url(../assets/imagens/sala1_spriteAviao.png); background-size:1500px 300px; left: 370px; top: 142px; animation: aviao .6s infinite steps(4, start); z-index:15;}

#sala1 .drop {display:none;}
#sala1 .dropped.peca1 {width: 113px; height: 134px; left: 450px; top: 156px; border-top-right-radius: 0;}
#sala1 .dropped.peca2 {width: 87px; height: 44px; left: 382px; top: 298px;}
#sala1 .dropped.peca3 {width: 20px; height: 48px; left: 590px; top: 292px;}
#sala1 .dropped.peca4 {width: 143px; height: 70px; left: 512px; top: 235px; z-index:1;}
#sala1 .dropped.peca5 {width: 19px; height: 32px; left: 508px; top: 285px;}


#stage .credito{font-size: 10px; position: absolute;text-align: right;transform-origin: 100% 0;width: 400px;height: 20px;transform: rotate(-90deg); text-transform: uppercase;font-family: arial; letter-spacing: .3px;} 
#sala1 .feedback {background-color:rgba(69, 57, 82, .55); display:none; z-index:5; pointer-events:auto;}
#sala1 .fb {display:none;}
#sala1 .fb .parabens {font-size:38px; font-weight:bold; text-align:center;}
#sala1 .feedback .fb.peca1a{background-image:url(../assets/imagens/sala1_fb1.png); display:block;}
#sala1 .feedback .fb.peca2a{background-image:url(../assets/imagens/sala1_fb2.png); }
#sala1 .feedback .fb.peca3a{background-image:url(../assets/imagens/sala1_fb3.png); }
#sala1 .feedback .fb.peca4a{background-image:url(../assets/imagens/sala1_fb4.png); }
#sala1 .feedback .fb.peca5a{background-image:url(../assets/imagens/sala1_fb5.png); }
#sala1 .feedback .fb.peca6{background-image:url(../assets/imagens/sala1_fb6.png); z-index:10;}
#sala1 .feedback .fb.peca7{background-image:url(../assets/imagens/sala1_fb7.png); z-index:10;}

#sala1 .fb.peca1a .texto{margin: 340px 300px 0 340px;}
#sala1 .fb.peca2a .texto{margin: 130px 130px 0 520px;}
#sala1 .fb.peca3a .texto{margin: 383px 240px 0 317px;}
#sala1 .fb.peca4a .texto{margin:  70px 514px 0 120px;}
#sala1 .fb.peca5a .texto{margin: 370px 300px 0 340px;}
#sala1 .fb.peca6 .texto{margin: 390px 290px 0 336px;}
#sala1 .fb.peca7 .legendaFB{margin: 60px 630px 0 150px; font-size: 22px; font-weight: bold; line-height:30px;}

#sala1 .fb.peca7 .credito{right: 160px; top: 60px;} 

#sala1 .fb.peca1a .seta{left: 660px; bottom: 60px;}
#sala1 .fb.peca2a .seta{left: 860px; bottom:350px;}
#sala1 .fb.peca3a .seta{left: 730px; bottom:200px;}
#sala1 .fb.peca4a .seta{left: 460px; bottom:380px;}
#sala1 .fb.peca5a .seta{left: 660px; bottom: 60px;}

#sala1 .fb.peca6 .seta{left: 660px; bottom: 60px;}
#sala1 .fb.peca7 .seta{left: 880px; bottom: 86px;}

#sala1 .container {background-color:rgba(69, 57, 82, .55); display:block;}
#sala1 .boxTexto{width: 640px; height: 650px; top: 50px; left: 0; right: 0; margin: auto; padding: 310px 110px 0 130px; }
#sala1 .btAvancar{left:740px; bottom:110px; background-size:200%; background-position:right;}
#sala1 .obj{position: absolute; width:300px; height: 200px; background-image:url(../assets/imagens/sala1_obj_completo.png); top: 90px; left: 10px; right: 0; margin: auto;}




#sala2 {display:none; background-color:#fff;}

#sala2 .container {background-color:rgba(69, 57, 82, .55); display:none;}
#sala2 .boxTexto{width: 640px; height: 650px; top: 50px; left: 0; right: 0; margin: auto; padding: 320px 60px 0 120px; }
#sala2 .btAvancar{left:740px; bottom:110px; background-size:200%; background-position:right;}
#sala2 .obj{position: absolute; width:221px; height: 346px; background-image:url(../assets/imagens/sala2_spriteFrank.png); top: 0px; left: 21px; right: 0; margin: auto; background-size:2208px 346px;}

#sala2 .animaFrank{display:none; position: absolute; width:221px; height: 346px; background-image:url(../assets/imagens/sala2_spriteFrank.png); top: 53px; left: 21px; right: 0; margin: auto; background-size:2210px 346px; z-index:10;}
#sala2 .animaFrank .raio{position: absolute; width:221px; height: 346px; background-image:url(../assets/imagens/sala2_spriteRaio.png); top: 0; left: 0; right: 0; margin: auto; background-size:2210px 346px;}

#sala2 .cenario .luz{left:502px; top:60px;}
#sala2 .cenario .portaEsq{ background-image:url(../assets/imagens/sala2_porta_esq.png);}
#sala2 .cenario .portaDir{ background-image:url(../assets/imagens/sala2_porta_dir.png);}
#sala2 .cenario .bg{ background-image:url(../assets/imagens/sala2_bg.png); }
#sala2 .cenario .objBase{ background-image:url(../assets/imagens/sala2_obj.png);}
#sala2 .cenario .objCorpo{ background-image:url(../assets/imagens/sala2_obj2.png);}
#sala2 .cenario .frente1{background-image:url(../assets/imagens/sala2_frente1.png); }
#sala2 .cenario .frente2{background-image:url(../assets/imagens/sala2_frente2.png); }

#sala2 .cenario .peca1 {position: absolute; width:  30px; height:  40px; background-image:url(../assets/imagens/sala2_peca1.png); left:368px; top:210px;}
#sala2 .cenario .peca3 {position: absolute; width: 145px; height: 145px; background-image:url(../assets/imagens/sala2_peca3.png); left:155px; top:280px;}
#sala2 .cenario .peca2 {position: absolute; width: 152px; height: 127px; background-image:url(../assets/imagens/sala2_peca2.png); left:702px; top:365px;}
#sala2 .cenario .peca4 {position: absolute; width: 120px; height: 140px; background-image:url(../assets/imagens/sala2_peca4.png); left:877px; top:365px;}
#sala2 .cenario .peca5 {position: absolute; width: 200px; height:  50px; background-image:url(../assets/imagens/sala2_peca5.png); left:770px; top: 13px;}

#sala2 .cenario .peca1:before {width:  40px; height:  50px; background-image:url(../assets/imagens/sala2_peca1_dica.png);}
#sala2 .cenario .peca3:before {width: 155px; height: 155px; background-image:url(../assets/imagens/sala2_peca3_dica.png);}
#sala2 .cenario .peca2:before {width: 162px; height: 137px; background-image:url(../assets/imagens/sala2_peca2_dica.png);}
#sala2 .cenario .peca4:before {width: 130px; height: 150px; background-image:url(../assets/imagens/sala2_peca4_dica.png);}
#sala2 .cenario .peca5:before {width: 210px; height:  60px; background-image:url(../assets/imagens/sala2_peca5_dica.png);}

#sala2 .cenario .dropped.peca1 {width: 30px; height:  40px; background-image:url(../assets/imagens/sala2_peca1_dropped.png); left:520px; top:147px; z-index:2;}
#sala2 .cenario .dropped.peca2 {width: 45px; height: 120px; background-image:url(../assets/imagens/sala2_peca2_dropped.png); left:480px; top:239px;}
#sala2 .cenario .dropped.peca3 {width: 45px; height: 120px; background-image:url(../assets/imagens/sala2_peca3_dropped.png); left:519px; top:240px;}
#sala2 .cenario .dropped.peca5 {width: 30px; height: 140px; background-image:url(../assets/imagens/sala2_peca5_dropped.png); left:550px; top:144px;}
#sala2 .cenario .dropped.peca4 {width: 30px; height: 140px; background-image:url(../assets/imagens/sala2_peca4_dropped.png); left:466px; top:145px;}

#sala2 .cenario .player{position:absolute; z-index:10;}
#sala2 .cenario .bt{cursor:pointer; pointer-events:auto;}
#sala2 .cenario .player.on .pause{display:block;}
#sala2 .cenario .player.on .falante{display:block; animation:falante .3s infinite alternate}
#sala2 .cenario .player.on .lampada{display:block; animation:pisca .1s infinite alternate}
#sala2 .cenario .player.on .alavanca{top:560px;}
#sala2 .cenario .player.on .play{display:none;}

#sala2 .cenario .alavanca{position: absolute; width: 60px; height: 30px; left:150px; top:465px; background-image:url(../assets/imagens/sala2_alavanca.png); transition:.5s}
#sala2 .cenario .falante {position: absolute; width: 60px; height: 130px; left:73px; top:507px; background-image:url(../assets/imagens/sala2_autoFalante.png);}
#sala2 .cenario .play 	 {position: absolute; width: 20px; height: 40px; left:127px; top:467px; background-image:url(../assets/imagens/sala2_play.png);}
#sala2 .cenario .pause   {position: absolute; width: 15px; height: 45px; left:133px; top:571px; background-image:url(../assets/imagens/sala2_pause.png);display:none;}
#sala2 .cenario .lampada {position: absolute; width: 100px; height: 135px; left:17px; top:469px; background-image:url(../assets/imagens/sala2_lampada.png);display:none;}

#sala2 .legenda {background-color:rgba(69, 57, 82, .55); background-image:url(../assets/imagens/sala2_bg_player.png); display:none;pointer-events:auto;}
#sala2 .legenda .full {background-image:url(../assets/imagens/sala2_box_legenda.png); z-index:15; display:none;}
#sala2 .legenda .full .texto {margin:670px 230px 0 230px;}
#sala2 .legenda .full.tx2 .texto {margin:661px 230px 0 230px;}
#sala2 .legenda .full.tx5 .texto {margin:661px 230px 0 230px;}

#stage .fb p.legendaFB {font-weight: bold;font-size: 18px;}
#sala2 .feedback {background-color:rgba(69, 57, 82, .55); display:none; z-index:10; pointer-events:auto; }
#sala2 .fb {display:none;}
#sala2 .fb .parabens {font-size:38px; font-weight:bold; text-align:center;}

#sala2 .feedback .fb.peca1a{background-image:url(../assets/imagens/sala2_fb1a.png); display:block;}
#sala2 .feedback .fb.peca1b{background-image:url(../assets/imagens/sala2_fb1b.png);}
#sala2 .fb.peca1a .texto{margin:400px 300px 0 315px;}
#sala2 .fb.peca1b .texto{margin:30px 90px 0 330px;}
#sala2 .fb.peca1b .texto .legendaFB{margin:470px 100px 20px 0px;}
#sala2 .fb.peca1a .seta{left: 660px; bottom: 240px;}
#sala2 .fb.peca1b .btAvancar{left: 880px; bottom: 100px;}
#sala2 .fb.peca1b .btVoltar{left: 320px; bottom: 100px;}
#sala2 .fb.peca1b .player_video {pointer-events:auto; position: absolute; background: #000; top: 65px; left: 220px; width:710px; height:400px;}

#sala2 .feedback .fb.peca2a{background-image:url(../assets/imagens/sala2_fb2a.png); display:block;}
#sala2 .feedback .fb.peca2b{background-image:url(../assets/imagens/sala2_fb2b.png);}
#sala2 .fb.peca2a .texto{margin:400px 300px 0 315px;}
#sala2 .fb.peca2b .texto{margin:100px 454px 0 340px}
#sala2 .fb.peca2b .texto .legendaFB{font-size: 22px; line-height: 30px;}
#sala2 .fb.peca2a .seta{left: 660px; bottom: 240px;}
#sala2 .fb.peca2b .btAvancar{left: 740px; bottom: 250px;}
#sala2 .fb.peca2b .btVoltar{left: 320px; bottom: 250px;}

#sala2 .feedback .fb.peca3a{background-image:url(../assets/imagens/sala2_fb3a.png); display:block;}
#sala2 .feedback .fb.peca3b{background-image:url(../assets/imagens/sala2_fb3b.png);}
#sala2 .fb.peca3a .texto{margin:400px 300px 0 315px;}
#sala2 .fb.peca3b .texto{margin:0 107px 0 320px;}
#sala2 .fb.peca3b .texto .legendaFB{margin:460px 0 20px 0;}
#sala2 .fb.peca3a .seta{left: 660px; bottom: 240px;}
#sala2 .fb.peca3b .btAvancar{left: 880px; bottom: 80px;}
#sala2 .fb.peca3b .btVoltar{left: 320px; bottom: 80px;}
#sala2 .fb.peca3b .player_video {pointer-events:auto; position: absolute; background: #000; top: 55px; left: 220px; width:710px; height:400px;}


#sala2 .feedback .fb.peca4a{background-image:url(../assets/imagens/sala2_fb4a.png);}
#sala2 .feedback .fb.peca4b{background-image:url(../assets/imagens/sala2_fb4b.png);}
#sala2 .feedback .fb.peca4c{background-image:url(../assets/imagens/sala2_fb4c.png);}
#sala2 .fb.peca4a .texto{margin: 320px 244px 0 300px;}
#sala2 .fb.peca4b .texto{margin: 300px 274px 0 300px;}
#sala2 .fb.peca4c .texto{margin: 460px 114px 0 320px;}
#sala2 .fb.peca4a .seta{left: 710px; bottom: 300px;}
#sala2 .fb.peca4b .btAvancar{left: 710px; bottom: 300px;}
#sala2 .fb.peca4b .btVoltar{left: 290px; bottom: 300px;}
#sala2 .fb.peca4c .btAvancar{left: 880px; bottom: 100px;}
#sala2 .fb.peca4c .btVoltar{left: 320px; bottom: 100px;}
#sala2 .fb.peca4c .player_video {pointer-events:auto; position: absolute; background: #000; top: 50px; left: 225px; width:710px; height:400px;}

#sala2 .fb.peca1b .credito{right:93px; top:63px;}
#sala2 .fb.peca2b .credito{right:205px; top:50px;}
#sala2 .fb.peca3b .credito{right:90px; top:55px;}
#sala2 .fb.peca4b .credito{right:250px; top:55px;}
#sala2 .fb.peca4c .credito{right:85px; top:50px;}
#sala2 .fb.peca5b .credito{right:355px; top:105px;}
#sala2 .fb.peca5c .credito{right:100px; top:50px;}


#sala2 .feedback .fb.peca5a{background-image:url(../assets/imagens/sala2_fb5a.png);}
#sala2 .feedback .fb.peca5b{background-image:url(../assets/imagens/sala2_fb5b.png);}
#sala2 .feedback .fb.peca5c{background-image:url(../assets/imagens/sala2_fb5c.png);}
#sala2 .fb.peca5a .texto{margin:300px 266px 0 297px;}
#sala2 .fb.peca5b .texto{margin:300px 266px 0 297px;}
#sala2 .fb.peca5c .texto{margin:510px 114px 0 320px;}
#sala2 .fb.peca5a .seta{left: 710px; bottom: 300px;}
#sala2 .fb.peca5b .btAvancar{left: 710px; bottom: 300px;}
#sala2 .fb.peca5b .btVoltar{left: 290px; bottom: 300px;}
#sala2 .fb.peca5c .btAvancar{left: 880px; bottom: 80px;}
#sala2 .fb.peca5c .btVoltar{left: 320px; bottom: 80px;}
#sala2 .fb.peca5c .player_video {pointer-events:auto; position: absolute; background: #000; top: 50px; left: 315px; width:606px; height:454px;}

#sala2 .feedback .fb.peca6{background-image:url(../assets/imagens/sala2_fb6.png); z-index:10;}
#sala2 .fb.peca6 .texto{margin: 380px 330px 0 331px;}
#sala2 .fb.peca6 .seta{left: 660px; bottom: 170px;}


#sala3 {display:none; background-color:#fff;}
#sala3 .cenario .luz{left:502px; top:60px;}
#sala3 .cenario .portaEsq{ background-image:url(../assets/imagens/sala3_porta_esq.png);}
#sala3 .cenario .portaDir{ background-image:url(../assets/imagens/sala3_porta_dir.png);}
#sala3 .cenario .bg{ background-image:url(../assets/imagens/sala3_bg.png); }
#sala3 .cenario .objBase{ background-image:url(../assets/imagens/sala3_obj.png);}
#sala3 .cenario .frente1{background-image:url(../assets/imagens/sala3_frente1.png); }

#sala3 .cenario .peca1 {position: absolute; width: 125px; height:  96px; background-image:url(../assets/imagens/sala3_peca1.png); left:683px; top:329px;}
#sala3 .cenario .peca2 {position: absolute; width:  67px; height:  67px; background-image:url(../assets/imagens/sala3_peca2.png); left:106px; top:207px;}
#sala3 .cenario .peca3 {position: absolute; width:  58px; height:  58px; background-image:url(../assets/imagens/sala3_peca3.png); left:842px; top:206px;}
#sala3 .cenario .peca4 {position: absolute; width:  48px; height:  48px; background-image:url(../assets/imagens/sala3_peca4.png); left:596px; top: 14px;}
#sala3 .cenario .peca5 {position: absolute; width:  77px; height: 125px; background-image:url(../assets/imagens/sala3_peca5.png); left:110px; top: 10px;}

#sala3 .cenario .peca1:before {width: 135px; height: 106px; background-image:url(../assets/imagens/sala3_peca1_dica.png);}
#sala3 .cenario .peca2:before {width:  77px; height:  77px; background-image:url(../assets/imagens/sala3_peca2_dica.png);}
#sala3 .cenario .peca3:before {width:  68px; height:  68px; background-image:url(../assets/imagens/sala3_peca3_dica.png);}
#sala3 .cenario .peca4:before {width:  58px; height:  58px; background-image:url(../assets/imagens/sala3_peca4_dica.png);}
#sala3 .cenario .peca5:before {width:  87px; height: 135px; background-image:url(../assets/imagens/sala3_peca5_dica.png);}

#sala3 .cenario .animaMaquina {display:none; position: absolute; width: 316px; height: 293px; background-image:url(../assets/imagens/sala3_spriteMaquina.png); background-size:1900px 293px; left: 366px; top: 92px;}

#sala3 .drop {display:none;}
#sala3 .dropped {z-index:1;}
#sala3 .dropped.peca1 {left: 379px; top: 175px; transform: rotate(-75deg);}
#sala3 .dropped.peca2 {left: 540px; top: 116px;}
#sala3 .dropped.peca3 {left: 406px; top: 261px; background-image:url(../assets/imagens/sala3_peca3_dropped.png);}
#sala3 .dropped.peca4 {left: 491px; top: 120px;}
#sala3 .dropped.peca5 {left: 595px; top: 162px;}

#sala3 .container {background-color:rgba(69, 57, 82, .55); display:block;}
#sala3 .boxTexto{width: 640px; height: 650px; top: 50px; left: 0; right: 0; margin: auto; padding: 380px 130px 0 170px; }
#sala3 .btAvancar{left:740px; bottom:110px; background-size:200%; background-position:right;}
#sala3 .obj{position: absolute; width:278px; height: 216px; background-image:url(../assets/imagens/sala3_obj_completo.png); top: 62px; left: 43px; right: 0; margin: auto;}

#sala3 .feedback{z-index:1;}
#sala3 .fb{display:none;}
#sala3 .fb .parabens {font-size:38px; font-weight:bold; text-align:center;}
#sala3 .feedback .fb.peca1a{background-image:url(../assets/imagens/sala3_fb1a.png); display:block;}
#sala3 .feedback .fb.peca1b{background-image:url(../assets/imagens/sala2_fb3b.png);}
#sala3 .fb.peca1a .texto{margin:380px 320px 0 335px;}
#sala3 .fb.peca1b .texto{margin:0px 144px 0 340px;}
#sala3 .fb.peca1b .texto .legendaFB{margin:460px 0 15px 0;}
#sala3 .fb.peca1a .seta{left: 710px; bottom: 250px;}
#sala3 .fb.peca1b .btAvancar{left: 880px; bottom: 70px;}
#sala3 .fb.peca1b .btVoltar{left: 320px; bottom: 70px;}
#sala3 .fb.peca1b .player_video {pointer-events:auto; position: absolute; background: #000; top: 50px; left: 220px; width:710px; height:400px;}

#sala3 .feedback .fb.peca2a{background-image:url(../assets/imagens/sala3_fb2a.png); display:block;}
#sala3 .feedback .fb.peca2b{background-image:url(../assets/imagens/sala2_fb3b.png);}
#sala3 .fb.peca2a .texto{margin:380px 320px 0 335px;}
#sala3 .fb.peca2b .texto{margin:0px 74px 0 310px;}
#sala3 .fb.peca2b .texto .legendaFB{margin:460px 0 20px 0;}
#sala3 .fb.peca2a .seta{left: 710px; bottom: 250px;}
#sala3 .fb.peca2b .btAvancar{left: 900px; bottom: 80px;}
#sala3 .fb.peca2b .btVoltar{left: 300px; bottom: 80px;}
#sala3 .fb.peca2b .player_video {pointer-events:auto; position: absolute; background: #000; top: 50px; left: 220px; width:710px; height:400px;}

#sala3 .feedback .fb.peca3a{background-image:url(../assets/imagens/sala3_fb3a.png); display:block;}
#sala3 .feedback .fb.peca3b{background-image:url(../assets/imagens/sala3_fb3b.png);}
#sala3 .fb.peca3a .texto{margin:380px 320px 0 335px;}
#sala3 .fb.peca3b .texto{margin:130px 213px 0px 321px;}
#sala3 .fb.peca3b .texto dl{margin: 24px 25px; list-style: none;}
#sala3 .fb.peca3a .seta{left: 710px; bottom: 250px;}
#sala3 .fb.peca3b .btAvancar{left: 740px; bottom: 210px;}
#sala3 .fb.peca3b .btVoltar{left: 320px; bottom: 210px;}

#sala3 .feedback .fb.peca4a{background-image:url(../assets/imagens/sala3_fb4a.png); display:block;}
#sala3 .feedback .fb.peca4b{background-image:url(../assets/imagens/sala3_fb4b.png);}
#sala3 .fb.peca4a .texto{margin:380px 320px 0 335px;}
#sala3 .fb.peca4b .texto{margin:162px 293px 0px 321px;}
#sala3 .fb.peca4b .texto dl{margin: 24px 25px; list-style: none;}
#sala3 .fb.peca4a .seta{left: 710px; bottom: 250px;}
#sala3 .fb.peca4b .btAvancar{left: 710px; bottom: 210px;}
#sala3 .fb.peca4b .btVoltar{left: 320px; bottom: 210px;}


#sala3 .feedback .fb.peca5a{background-image:url(../assets/imagens/sala3_fb5a.png); display:block;}
#sala3 .feedback .fb.peca5b{background-image:url(../assets/imagens/sala3_fb5b.png);}
#sala3 .fb.peca5a .texto{margin:380px 320px 0 335px;}
#sala3 .fb.peca5b .texto{margin:200px 63px 0px 701px;}
#sala3 .fb.peca5b .texto .legendaFB{margin:110px 0 0 0px;}
#sala3 .fb.peca5a .seta{left: 710px; bottom: 250px;}
#sala3 .fb.peca5b .btAvancar{left: 940px; bottom: 80px;}
#sala3 .fb.peca5b .btVoltar{left: 300px; bottom: 80px;}

#sala3 .feedback .fb.peca6{background-image:url(../assets/imagens/sala3_fb6.png); z-index:10;}
#sala3 .fb.peca6 .texto{margin: 400px 330px 0 380px;}
#sala3 .fb.peca6 .seta{left: 660px; bottom: 110px;}

#sala3 .fb.peca1b .credito{right:88px; top:50px;}
#sala3 .fb.peca2b .credito{right:88px; top:50px;}
#sala3 .fb.peca5b .credito{left:-120px; top:80px;}


#sala4 {display:none; background-image:url(../assets/imagens/sala4_bg.jpg); background-size:auto; animation: bgFinal .6s infinite steps(4, start); }
#sala4 .container {display:none; background-image:url(../assets/imagens/sala4_bg_container.png);}
#sala4 .btVoltar{left: 130px; bottom:100px;}
#sala4 .btAvancar{left:840px; bottom:100px; background-size:200%; background-position:right;}
#sala4 .robo.recolheFinal .hit{pointer-events:auto; cursor:pointer; position:absolute; width:110px; height:180px; bottom:150px; left:170px;}

#sala4 .legendaFB{font-weight: bold;font-size: 18px; max-width:390px;}
#sala4 .legendaFB:nth-child(3){float:left;}
#sala4 .legendaFB:nth-child(4){float:right;}
#sala4 .final1{padding:260px 290px; display:block; font-size:30px;}
#sala4 .final2{padding:490px 87px 0 100px; background-image:url(../assets/imagens/sala4_final2.png);}
#sala4 .final3{padding:490px 107px 0 100px; background-image:url(../assets/imagens/sala4_final3.png);}
#sala4 .final4{padding:490px 87px 0 100px; background-image:url(../assets/imagens/sala4_final4.png);}
#sala4 .final4 .legendaFB:nth-child(4){max-width:370px}
#sala4 .final5{padding:330px 320px 0; font-size:30px;}
#sala4 .robo{left:250px;}

#sala4 .credito:nth-child(1){left:-312px; top:100px;}
#sala4 .credito:nth-child(2){right:87px; top:100px;}