@import url(animate.css);
@font-face {
  font-family: "economicaregular";
  src: url("../font/economicaregular.eot"), url("../font/economicaregular.eot?#iefix") format("embedded-opentype"), url("../font/economicaregular.woff") format("woff"), url("../font/economicaregular.ttf") format("truetype"), url("../font/economicaregular.svg#economicaregular") format("svg");
}

@font-face {
  font-family: "economicabold";
  src: url("../font/economicabold.eot"), url("../font/economicabold.eot?#iefix") format("embedded-opentype"), url("../font/economicabold.woff") format("woff"), url("../font/economicabold.ttf") format("truetype"), url("../font/economicabold.svg#economicabold") format("svg");
}

/* line 11, ../../lib/sass/base.sass */
* {
  outline: none;
}

/* line 14, ../../lib/sass/base.sass */
body {
  margin: 0;
  padding: 0;
}

/* line 17, ../../lib/sass/base.sass */
#view {
  margin: 0;
  padding: 0;
  width: 1024px;
  height: 768px;
  position: relative;
  overflow: hidden;
  background: url(../img/bg-inicio.jpg) no-repeat;
}
/* line 24, ../../lib/sass/base.sass */
#view .ajuda {
  margin: 0;
  padding: 0;
  width: 1024px;
  height: 768px;
}
/* line 28, ../../lib/sass/base.sass */
#view .ajuda button {
  width: 124px;
  height: 124px;
  cursor: pointer;
  border: 0;
}
/* line 33, ../../lib/sass/base.sass */
#view .ajuda .anterior {
  animation: bounceInLeft 1s linear;
  -moz-animation: bounceInLeft 1s linear;
  -webkit-animation: bounceInLeft 1s linear;
  background: url(../img/bt-anterior.png) no-repeat;
}
/* line 36, ../../lib/sass/base.sass */
#view .ajuda .proximo {
  animation: bounceInRight 1s linear;
  -moz-animation: bounceInRight 1s linear;
  -webkit-animation: bounceInRight 1s linear;
  background: url(../img/bt-proximo.png) no-repeat;
}
/* line 39, ../../lib/sass/base.sass */
#view .ajuda .iniciar {
  animation: bounceIn 2s linear;
  -moz-animation: bounceIn 2s linear;
  -webkit-animation: bounceIn 2s linear;
  width: 258px;
  height: 122px;
  background: url(../img/bt-iniciar.png) no-repeat;
}
/* line 44, ../../lib/sass/base.sass */
#view .passo-1 {
  width: 1024px;
  height: 768px;
  background: url(../img/passo-1.png) no-repeat;
}
/* line 47, ../../lib/sass/base.sass */
#view .passo-1 .proximo {
  position: absolute;
  left: 790px;
  top: 345px;
}
/* line 50, ../../lib/sass/base.sass */
#view .passo-2 {
  width: 1024px;
  height: 768px;
  background: url(../img/passo-2.png) no-repeat;
}
/* line 53, ../../lib/sass/base.sass */
#view .passo-2 .anterior {
  position: absolute;
  left: 100px;
  top: 455px;
}
/* line 55, ../../lib/sass/base.sass */
#view .passo-2 .proximo {
  position: absolute;
  left: 800px;
  top: 275px;
}
/* line 58, ../../lib/sass/base.sass */
#view .passo-3 {
  width: 1024px;
  height: 768px;
  background: url(../img/passo-3.png) no-repeat;
}
/* line 61, ../../lib/sass/base.sass */
#view .passo-3 .anterior {
  position: absolute;
  left: 140px;
  top: 260px;
}
/* line 63, ../../lib/sass/base.sass */
#view .passo-3 .iniciar {
  position: absolute;
  left: 380px;
  top: 600px;
}
/* line 69, ../../lib/sass/base.sass */
#view .fase > div {
  width: 1024px;
  height: 768px;
}
/* line 72, ../../lib/sass/base.sass */
#view .fase .bg-1 {
  background: url(../img/bg-1.jpg) no-repeat;
}
/* line 75, ../../lib/sass/base.sass */
#view .fase .bg-2 {
  background: url(../img/bg-2.jpg) no-repeat;
}
/* line 78, ../../lib/sass/base.sass */
#view .fase .bg-3 {
  background: url(../img/bg-3.jpg) no-repeat;
}
/* line 81, ../../lib/sass/base.sass */
#view .fase .bg-4 {
  background: url(../img/bg-4.jpg) no-repeat;
}
/* line 84, ../../lib/sass/base.sass */
#view .fase .bg-5 {
  background: url(../img/bg-5.jpg) no-repeat;
}
/* line 87, ../../lib/sass/base.sass */
#view .fase .pagina {
  animation: flipInX 6s alternate;
  -moz-animation: flipInX 6s alternate;
  -webkit-animation: flipInX 6s alternate;
  position: absolute;
  left: 20px;
  top: 20px;
  width: 59px;
  height: 46px;
  background: url(../img/pagina.png) no-repeat;
}
/* line 93, ../../lib/sass/base.sass */
#view .fase .pagina p {
  margin: 0;
  padding: 0;
  font-size: 20px;
  line-height: 50px;
  font-family: economicaregular;
  text-align: center;
  color: white;
  transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
}
/* line 98, ../../lib/sass/base.sass */
#view .fase .mago {
  animation: bounce 30s infinite;
  -moz-animation: bounce 30s infinite;
  -webkit-animation: bounce 30s infinite;
  z-index: 2;
}
/* line 102, ../../lib/sass/base.sass */
#view .fase .mago-1 {
  width: 214px;
  height: 360px;
  position: absolute;
  left: 790px;
  top: 80px;
  background: url(../img/mago-1.png) no-repeat;
}
/* line 107, ../../lib/sass/base.sass */
#view .fase .mago-2 {
  width: 198px;
  height: 293px;
  position: absolute;
  left: 820px;
  top: 148px;
  background: url(../img/mago-2.png) no-repeat;
}
/* line 112, ../../lib/sass/base.sass */
#view .fase .mago-3 {
  width: 185px;
  height: 264px;
  position: absolute;
  left: 850px;
  top: 170px;
  background: url(../img/mago-3.png) no-repeat;
}
/* line 117, ../../lib/sass/base.sass */
#view .fase .mago-4 {
  width: 190px;
  height: 239px;
  position: absolute;
  left: 820px;
  top: 233px;
  background: url(../img/mago-4.png) no-repeat;
}
/* line 122, ../../lib/sass/base.sass */
#view .fase .mago-5 {
  width: 173px;
  height: 331px;
  position: absolute;
  left: 835px;
  top: 110px;
  background: url(../img/mago-5.png) no-repeat;
}
/* line 127, ../../lib/sass/base.sass */
#view .fase .balao {
  animation: bounceIn 3s alternate;
  -moz-animation: bounceIn 3s alternate;
  -webkit-animation: bounceIn 3s alternate;
  width: 558px;
  height: 195px;
  position: absolute;
  left: 290px;
  top: 50px;
  z-index: 3;
}
/* line 133, ../../lib/sass/base.sass */
#view .fase .balao h1 {
  font-size: 48px;
  line-height: 190px;
  font-family: economicabold;
  text-align: center;
  color: white;
  margin: 0;
  padding: 0 90px 0 0;
}
/* line 138, ../../lib/sass/base.sass */
#view .fase .balao-1 {
  background: url(../img/balao-1.png) no-repeat;
}
/* line 140, ../../lib/sass/base.sass */
#view .fase .balao-1 h1 {
  color: white;
}
/* line 143, ../../lib/sass/base.sass */
#view .fase .balao-2 {
  background: url(../img/balao-2.png) no-repeat;
}
/* line 145, ../../lib/sass/base.sass */
#view .fase .balao-2 h1 {
  color: #ee6f7a;
}
/* line 148, ../../lib/sass/base.sass */
#view .fase .balao-3 {
  background: url(../img/balao-3.png) no-repeat;
}
/* line 150, ../../lib/sass/base.sass */
#view .fase .balao-3 h1 {
  color: #6500bc;
}
/* line 153, ../../lib/sass/base.sass */
#view .fase .balao-4 {
  background: url(../img/balao-4.png) no-repeat;
}
/* line 155, ../../lib/sass/base.sass */
#view .fase .balao-4 h1 {
  color: white;
}
/* line 158, ../../lib/sass/base.sass */
#view .fase .balao-5 {
  background: url(../img/balao-5.png) no-repeat;
}
/* line 160, ../../lib/sass/base.sass */
#view .fase .balao-5 h1 {
  color: #fef600;
}
/* line 163, ../../lib/sass/base.sass */
#view .fase .jana {
  position: absolute;
  left: 10px;
  top: 220px;
  width: 166px;
  height: 251px;
  background: url(../img/jana-jones.png) no-repeat;
  z-index: 5;
}
/* line 169, ../../lib/sass/base.sass */
#view .fase .pedra {
  width: 174px;
  height: 356px;
  position: absolute;
  left: 0px;
  top: 415px;
  z-index: 3;
  background: url(../img/pedra.png) no-repeat;
  pointer-events: none;
}
/* line 176, ../../lib/sass/base.sass */
#view .fase .ponte {
  width: 740px;
  height: 353px;
  position: absolute;
  left: 0px;
  top: 415px;
  margin: 0;
  padding: 0 142px;
  overflow: hidden;
  z-index: 2;
}
/* line 184, ../../lib/sass/base.sass */
#view .fase .ponte li {
  width: 195px;
  height: 85px;
  position: relative;
  cursor: pointer;
  float: left;
  list-style: none;
  margin: 0 -15px;
  padding: 15px 20px 15px 60px;
}
/* line 193, ../../lib/sass/base.sass */
#view .fase .ponte li span {
  width: 185px;
  height: 90px;
  font-size: 24px;
  line-height: 28px;
  font-family: economicaregular;
  text-align: left;
  color: #e1b54f;
  display: table-cell;
  text-shadow: -2px -1px 0 #552d03;
  vertical-align: middle;
}
/* line 200, ../../lib/sass/base.sass */
#view .fase .ponte li:nth-child(1n) {
  z-index: 3;
}
/* line 203, ../../lib/sass/base.sass */
#view .fase .ponte li:nth-child(2n) {
  z-index: 2;
}
/* line 206, ../../lib/sass/base.sass */
#view .fase .ponte li:nth-child(3n) {
  z-index: 1;
}
/* line 209, ../../lib/sass/base.sass */
#view .fase .ponte li.tronco {
  background: url(../img/ponte.png) no-repeat;
}
/* line 212, ../../lib/sass/base.sass */
#view .fase .ponte li.pontilhado {
  animation: flash 2s infinite;
  -moz-animation: flash 2s infinite;
  -webkit-animation: flash 2s infinite;
}
/* line 215, ../../lib/sass/base.sass */
#view .fase .ponte li.cair {
  animation: hinge 1s linear;
  -moz-animation: hinge 1s linear;
  -webkit-animation: hinge 1s linear;
  background: url(../img/ponte.png) no-repeat;
  pointer-events: none;
}
/* line 221, ../../lib/sass/base.sass */
#view .fase .ponte.ponte-1 .pontilhado {
  background: url(../img/pontilhado-1.png) no-repeat;
}
/* line 225, ../../lib/sass/base.sass */
#view .fase .ponte.ponte-2 .pontilhado {
  background: url(../img/pontilhado-2.png) no-repeat;
}
/* line 229, ../../lib/sass/base.sass */
#view .fase .ponte.ponte-3 .pontilhado {
  background: url(../img/pontilhado-3.png) no-repeat;
}
/* line 233, ../../lib/sass/base.sass */
#view .fase .ponte.ponte-4 .pontilhado {
  background: url(../img/pontilhado-4.png) no-repeat;
}
/* line 237, ../../lib/sass/base.sass */
#view .fase .ponte.ponte-5 .pontilhado {
  background: url(../img/pontilhado-5.png) no-repeat;
}
/* line 240, ../../lib/sass/base.sass */
#view .fase .rio {
  position: absolute;
  left: 0px;
  top: 130px;
  width: 3450px;
  height: 125px;
  background-image: url(../img/rio.png);
  z-index: 4;
}
/* line 246, ../../lib/sass/base.sass */
#view .fase .troncos {
  position: absolute;
  left: 0px;
  top: 515px;
  width: 1024px;
  height: 193px;
  overflow-y: hidden;
  padding: 60px 0 0 0;
  z-index: 6;
}
/* line 254, ../../lib/sass/base.sass */
#view .fase .troncos ul {
  margin: 0;
  padding: 0;
  width: 3330px;
  height: 120px;
  margin: 0 120px;
}
/* line 259, ../../lib/sass/base.sass */
#view .fase .troncos ul li {
  width: 220px;
  height: 90px;
  background: url(../img/tronco.png) no-repeat;
  cursor: pointer;
  float: left;
  list-style: none;
  margin: 0 10px;
  padding: 15px 20px 15px 60px;
}
/* line 268, ../../lib/sass/base.sass */
#view .fase .troncos ul li span {
  width: 200px;
  height: 90px;
  font-size: 26px;
  line-height: 28px;
  font-family: economicaregular;
  text-align: left;
  color: #e1b54f;
  display: table-cell;
  text-shadow: -2px -1px 0 #552d03;
  vertical-align: middle;
}
/* line 276, ../../lib/sass/base.sass */
#view .fase .troncos ul li.inativo {
  background: url(../img/tronco.png) no-repeat;
  pointer-events: none;
  opacity: 0.7;
}
/* line 280, ../../lib/sass/base.sass */
#view .fase .troncos ul li.inativo span {
  opacity: 0.7;
}
/* line 283, ../../lib/sass/base.sass */
#view .fase .play {
  width: 180px;
  height: 180px;
  position: absolute;
  left: 430px;
  top: 250px;
  cursor: pointer;
  z-index: 3;
  opacity: 0;
}
/* line 290, ../../lib/sass/base.sass */
#view .fase .play.invalidar {
  animation: bounceOut 0.5s linear;
  -moz-animation: bounceOut 0.5s linear;
  -webkit-animation: bounceOut 0.5s linear;
  opacity: 0;
  pointer-events: none;
}
/* line 295, ../../lib/sass/base.sass */
#view .fase .play.validar {
  animation: bounceIn 0.5s linear;
  -moz-animation: bounceIn 0.5s linear;
  -webkit-animation: bounceIn 0.5s linear;
  opacity: 1;
}
/* line 299, ../../lib/sass/base.sass */
#view .fase .play.play-1 {
  background: url(../img/bt-play-1.png) no-repeat;
}
/* line 302, ../../lib/sass/base.sass */
#view .fase .play.play-2 {
  background: url(../img/bt-play-2.png) no-repeat;
}
/* line 305, ../../lib/sass/base.sass */
#view .fase .play.play-3 {
  background: url(../img/bt-play-3.png) no-repeat;
}
/* line 308, ../../lib/sass/base.sass */
#view .fase .play.play-4 {
  background: url(../img/bt-play-4.png) no-repeat;
}
/* line 311, ../../lib/sass/base.sass */
#view .fase .play.play-5 {
  background: url(../img/bt-play-5.png) no-repeat;
}
/* line 314, ../../lib/sass/base.sass */
#view .modal-resultado {
  width: 1024px;
  height: 768px;
}
/* line 317, ../../lib/sass/base.sass */
#view .modal-resultado.resultado-1 {
  background: url(../img/resultado-1.png) no-repeat;
}
/* line 320, ../../lib/sass/base.sass */
#view .modal-resultado.resultado-2 {
  background: url(../img/resultado-2.png) no-repeat;
}
/* line 323, ../../lib/sass/base.sass */
#view .modal-resultado.resultado-3 {
  background: url(../img/resultado-3.png) no-repeat;
}
/* line 326, ../../lib/sass/base.sass */
#view .modal-resultado.resultado-4 {
  background: url(../img/resultado-4.png) no-repeat;
}
/* line 329, ../../lib/sass/base.sass */
#view .modal-resultado.resultado-5 {
  background: url(../img/resultado-5.png) no-repeat;
}
/* line 332, ../../lib/sass/base.sass */
#view .modal-resultado h1 {
  width: 270px;
  height: 110px;
  position: absolute;
  left: 170px;
  top: 100px;
  margin: 0;
}
/* line 337, ../../lib/sass/base.sass */
#view .modal-resultado h1 span {
  font-size: 48px;
  line-height: 50px;
  font-family: economicabold;
  text-align: left;
  color: #00c2f5;
  text-shadow: 1px 1px 0 #dadada;
  display: table-cell;
  vertical-align: middle;
}
/* line 343, ../../lib/sass/base.sass */
#view .modal-resultado .troncos {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 155px;
  top: 220px;
}
/* line 347, ../../lib/sass/base.sass */
#view .modal-resultado .troncos li {
  width: 290px;
  height: 85px;
  position: relative;
  cursor: pointer;
  list-style: none;
  margin: 0 -15px;
  padding: 15px 20px 15px 50px;
  background: url(../img/ponte.png) no-repeat;
  display: none;
}
/* line 357, ../../lib/sass/base.sass */
#view .modal-resultado .troncos li .resposta {
  width: 200px;
  height: 90px;
  font-size: 24px;
  line-height: 30px;
  font-family: economicaregular;
  text-align: left;
  color: #e1b54f;
  display: table-cell;
  text-shadow: -2px -1px 0 #552d03;
  vertical-align: middle;
}
/* line 364, ../../lib/sass/base.sass */
#view .modal-resultado .troncos li .acertou,
#view .modal-resultado .troncos li .errou {
  width: 92px;
  height: 92px;
  margin-top: -100px;
  display: block;
  float: right;
  background: url(../img/resultado.png) no-repeat;
  opacity: 0;
}
/* line 373, ../../lib/sass/base.sass */
#view .modal-resultado .troncos li .acertou {
  animation: pulse 1s linear;
  -moz-animation: pulse 1s linear;
  -webkit-animation: pulse 1s linear;
  opacity: 1;
  background-position: 0;
}
/* line 378, ../../lib/sass/base.sass */
#view .modal-resultado .troncos li .errou {
  animation: pulse 1s linear;
  -moz-animation: pulse 1s linear;
  -webkit-animation: pulse 1s linear;
  opacity: 1;
  background-position: -92px;
}
/* line 383, ../../lib/sass/base.sass */
#view .modal-resultado .acao {
  width: 251px;
  height: 133px;
  position: absolute;
  left: 240px;
  top: 600px;
  cursor: pointer;
  opacity: 0;
}
/* line 389, ../../lib/sass/base.sass */
#view .modal-resultado .acao.passar {
  animation: bounceIn 2s linear;
  -moz-animation: bounceIn 2s linear;
  -webkit-animation: bounceIn 2s linear;
  opacity: 1;
  background: url(../img/bt-avancar.png) no-repeat;
}
/* line 394, ../../lib/sass/base.sass */
#view .modal-resultado .acao.repetir {
  animation: bounceIn 2s linear;
  -moz-animation: bounceIn 2s linear;
  -webkit-animation: bounceIn 2s linear;
  opacity: 1;
  background: url(../img/bt-repetir.png) no-repeat;
}
/* line 399, ../../lib/sass/base.sass */
#view .fim {
  width: 1024px;
  height: 768px;
  background: url(../img/fim.jpg) no-repeat;
}
