.gold_toronto{
  background: url(../svg/diamonds/gold_toronto.svg) no-repeat center top;
  background-size: 100% auto;
  width: 57px;
  height: 97px;
  position: absolute;
  top:3px;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 13;
  display: none;
}

.toronto{
  background: url(../svg/toronto/toronto.svg) no-repeat center center;
  z-index: 1;
  width: 725px;
  height: 563px;
  position: fixed;
  bottom: 22px;
  left: 100px;
}

/* ========== CITY ITEMS ========== */

.hidrante{
  background: url(../svg/toronto/hidrante.svg) no-repeat center bottom;
  width: 48px;
  height: 88px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.hidrante_one{
  left: 103px;
}

.hidrante_two{
  left: 4300px;
}

.hidrante_two{
  left: 8196px;
}

.streetlamp{
  background: url(../svg/main_city/streetlamp.svg) no-repeat center bottom;
  width: 110px;
  height: 374px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.streetlamp_one{
  left: 153px;
}

.streetlamp_two{
  left: 8062px;
}

.streetpost{
  background: url(../svg/main_city/streetpost.svg) no-repeat center bottom;
  width: 105px;
  height: 151px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.streetpost_one{
  left: 410px;
}

.streetpost_two{
  left: 7839px;
}

.streetchair{
  background: url(../svg/main_city/streetchair.svg) no-repeat center bottom;
  width: 193px;
  height: 89px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
}

.streetchair_one{
  left: 9443px;
}

.streetchair_two{
  left: 10317px;
}

.streetbin{
  background: url(../svg/toronto/streetbin.svg) no-repeat center bottom;
  width: 153px;
  height: 167px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.streetbin_one{
  left: 237px;
}

.streetbin_two{
  left: 4176px;
}

.subway_entrance{
  background: url(../svg/toronto/subway_entrance.svg) no-repeat center bottom;
  width: 282px;
  height: 324px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.subway_entrance_one{
  left: 1034px;
}

.subway_entrance_two{
  left: 3943px;
}

.subway_entrance_three{
  left: 10546px;
}

.phone{
  background: url(../svg/toronto/phone.svg) no-repeat center bottom;
  width: 74px;
  height: 176px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.phone_one{
  left: 919px;
}

.phone_two{
  left: 7747px;
}

.stop{
  background: url(../svg/toronto/stop.svg) no-repeat center bottom;
  width: 336px;
  height: 255px;
  position: absolute;
  bottom: 23px;
  z-index: 5;
}

.stop_one{
  left: 998px;
}

.stop_two{
  left: 8251px;
  z-index: 6;
}

/* ========== CITYHALL ========== */

.bank{
  background: url(../svg/toronto/bank.svg) no-repeat center bottom;
  width: 249px;
  height: 477px;
  position: absolute;
  bottom: 23px;
  z-index: 3;
  left: -30px;
}
.coffee{
  background: url(../svg/toronto/coffee.svg) no-repeat left bottom;
  width: 322px;
  height: 381px;
  position: absolute;
  bottom: 23px;
  z-index: 3;
  left: 217px;
}

.kfc{
  background: url(../svg/toronto/kfc.svg) no-repeat center bottom;
  width: 447px;
  height: 448px;
  position: absolute;
  bottom: 23px;
  z-index: 2;
  left: 466px;
}

.jerryrama{
  background: url(../svg/toronto/jerryrama.svg) no-repeat left bottom;
  width: 249px;
  height: 394px;
  position: absolute;
  bottom: 23px;
  z-index: 3;
  left: 911px;
}

.cityhall{
  background: url(../svg/toronto/cityhall.svg) no-repeat center bottom;
  width: 960px;
  height: 557px;
  position: absolute;
  bottom: 23px;
  left: 1172px;
  z-index: 3;
}

.oldcityhall{
  background: url(../svg/toronto/oldcityhall.svg) no-repeat center bottom;
  width: 847px;
  height: 565px;
  position: absolute;
  bottom: 23px;
  left: 1931px;
  z-index: 2;
}

.jerryfifthave{
  background: url(../svg/toronto/jfa.svg) no-repeat center bottom;
  width: 929px;
  height: 454px;
  position: absolute;
  bottom: 23px;
  left: 2731px;
  z-index: 3;
}

.jerrysphere{
  background: url(../svg/toronto/jerrysphere.svg) no-repeat center bottom;
  width: 872px;
  height: 502px;
  position: absolute;
  bottom: 22px;
  left: 3591px;
  z-index: 2;
}

.street_one{
  background: url(../svg/toronto/streetb.svg) no-repeat center bottom;
  width: 287px;
  height: 406px;
  position: absolute;
  bottom: 23px;
  left: 4459px;
  z-index: 3;
}

.street_two{
  background: url(../svg/toronto/street_two.svg) no-repeat center bottom;
  width: 589px;
  height: 555px;
  position: absolute;
  bottom: 23px;
  left: 4759px;
  z-index: 3;
}

.eton{
  background: url(../svg/toronto/eton.svg) no-repeat center bottom;
  width: 691px;
  height: 580px;
  position: absolute;
  bottom: 23px;
  left: 5347px;
  z-index: 3;
}

.inside_eton{
  display: block;
  width: 691px;
  height: 580px;
  position: relative;
}

.eton_block{
  position: absolute;
  top: 42px;
  left: 230px;
  display: block;
  background: red;
  width: 84px;
  height: 87px;
  -webkit-animation: eton_colour 1s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1s linear infinite; /* Opera */
  -ms-animation: eton_colour 1s linear infinite; /* Mozilla */
  animation: eton_colour 1s linear infinite; /* Rest */
}

.b_2{
  top: 42px;
  left: 370px;
  -webkit-animation: eton_colour 1.5s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.5s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.5s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.5s linear infinite; /* Mozilla */
  animation: eton_colour 1.5s linear infinite; /* Rest */
}

.b_3{
  top: 146px;
  left: 230px;
  -webkit-animation: eton_colour 1.3s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.3s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.3s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.3s linear infinite; /* Mozilla */
  animation: eton_colour 1.3s linear infinite; /* Rest */
}

.b_4{
  top: 146px;
  left: 370px;
  -webkit-animation: eton_colour 1.7s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.7s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.7s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.7s linear infinite; /* Mozilla */
  animation: eton_colour 1.7s linear infinite; /* Rest */
}


.forever{
  background: url(../svg/toronto/forever.svg) no-repeat center bottom;
  width: 331px;
  height: 558px;
  position: absolute;
  bottom: 23px;
  left: 6036px;
  z-index: 3;
}

.inside_forever{
  display: block;
  width: 331px;
  height: 558px;
  position: relative;
}

.forever_block{
  position: absolute;
  top: 6px;
  left: 20px;
  display: block;
  background: red;
  width: 266px;
  height: 110px;
  -webkit-animation: eton_colour 1.6s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.6s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.6s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.6s linear infinite; /* Mozilla */
  animation: eton_colour 1.6s linear infinite; /* Rest */
}

.f_2{
  top: 131px;
  left: 20px;
  width: 122px;
  height: 214px;
  -webkit-animation: eton_colour 1.4s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.4s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.4s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.4s linear infinite; /* Mozilla */
  animation: eton_colour 1.4s linear infinite; /* Rest */
}

.f_3{
  top: 131px;
  left: 164px;
  width: 122px;
  -webkit-animation: eton_colour 1.8s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.8s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.8s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.8s linear infinite; /* Mozilla */
  animation: eton_colour 1.8s linear infinite; /* Rest */
}

.f_4{
  top: 254px;
  left: 164px;
  width: 122px;
  height: 91px;
  -webkit-animation: eton_colour 1.2s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.2s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.2s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.2s linear infinite; /* Mozilla */
  animation: eton_colour 1.2s linear infinite; /* Rest */
}

.plaza{
  background: url(../svg/toronto/plaza.svg) no-repeat center bottom;
  width: 473px;
  height: 527px;
  position: absolute;
  bottom: 22px;
  left: 6371px;
  z-index: 3;
}

.inside_plaza{
  display: block;
  width: 331px;
  height: 558px;
  position: relative;
}

.plaza_block{
  position: absolute;
  top: 48px;
  left: 13px;
  display: block;
  background: red;
  width: 295px;
  height: 110px;
  -webkit-animation: eton_colour 1.1s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.1s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.1s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.1s linear infinite; /* Mozilla */
  animation: eton_colour 1.1s linear infinite; /* Rest */
}

.p_2{
  top: 182px;
  left: 13px;
  width: 155px;
  height: 109px;
  -webkit-animation: eton_colour 1.5s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.5s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.5s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.5s linear infinite; /* Mozilla */
  animation: eton_colour 1.5s linear infinite; /* Rest */
}

.p_3{
  top: 182px;
  left: 187px;
  width: 121px;
  height: 109px;
  -webkit-animation: eton_colour 1.3s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.3s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.3s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.3s linear infinite; /* Mozilla */
  animation: eton_colour 1.3s linear infinite; /* Rest */
}

.p_4{
  top: 5px;
  left: 327px;
  width: 122px;
  height: 408px;
  -webkit-animation: eton_colour 1.7s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: eton_colour 1.7s linear infinite; /* Mozilla */
  -o-animation: eton_colour 1.7s linear infinite; /* Opera */
  -ms-animation: eton_colour 1.7s linear infinite; /* Mozilla */
  animation: eton_colour 1.7s linear infinite; /* Rest */
}

/* Chrome, Safari */
@-webkit-keyframes eton_colour{
  0% {
      background-color: #ffff00;
  }
  25% {
      background-color: #ff00ff;
  }
  50% {
      background-color: #00ffff;
  }
  75% {
      background-color: #00ff00;
  }
  100% {
      background-color: #ffff00;
  }
}

/* Mozilla */
@-moz-keyframes eton_colour{
  0% {
      background-color: #ffff00;
  }
  25% {
      background-color: #ff00ff;
  }
  50% {
      background-color: #00ffff;
  }
  75% {
      background-color: #00ff00;
  }
  100% {
      background-color: #ffff00;
  }
}

/* Opera */
@-o-keyframes eton_colour{
  0% {
      background-color: #ffff00;
  }
  25% {
      background-color: #ff00ff;
  }
  50% {
      background-color: #00ffff;
  }
  75% {
      background-color: #00ff00;
  }
  100% {
      background-color: #ffff00;
  }
}

/* Explorer */
@-ms-keyframes eton_colour{
  0% {
      background-color: #ffff00;
  }
  25% {
      background-color: #ff00ff;
  }
  50% {
      background-color: #00ffff;
  }
  75% {
      background-color: #00ff00;
  }
  100% {
      background-color: #ffff00;
  }
}

/* Else */
@keyframes eton_colour{
  0% {
      background-color: #ffff00;
  }
  25% {
      background-color: #ff00ff;
  }
  50% {
      background-color: #00ffff;
  }
  75% {
      background-color: #00ff00;
  }
  100% {
      background-color: #ffff00;
  }
}

.fountain{
  background: url(../svg/toronto/fountain2.svg) no-repeat center bottom;
  width: 132px;
  height: 150px;
  position: absolute;
  bottom: 22px;
  left: 5950px;
  z-index: 7;
}

.fountain_dos{
  left: 6150px;
}

.fountain_tres{
  left: 6342px;
}

.dundas{
  background: url(../svg/toronto/dundas.svg) no-repeat center bottom;
  width: 729px;
  height: 285px;
  position: absolute;
  bottom: 22px;
  left: 6432px;
  z-index: 4;
}

.building2{
  background: url(../svg/toronto/building2.svg) no-repeat center bottom;
  width: 225px;
  height: 541px;
  position: absolute;
  bottom: 23px;
  left: 6889px;
  z-index: 3;
}

.belse{
  background: url(../svg/toronto/belse.svg) no-repeat center bottom;
  width: 440px;
  height: 557px;
  position: absolute;
  bottom: 23px;
  left: 7160px;
  z-index: 3;
}

.oldto_one{
  background: url(../svg/toronto/oldto_one.svg) no-repeat center bottom;
  width: 675px;
  height: 574px;
  position: absolute;
  bottom: 23px;
  left: 7795px;
  z-index: 3;
}

.church{
  background: url(../svg/toronto/church.svg) no-repeat center bottom;
  width: 741px;
  height: 582px;
  position: absolute;
  bottom: 23px;
  left: 8700px;
  z-index: 3;
}

.redb{
  background: url(../svg/toronto/redb.svg) no-repeat center bottom;
  width: 647px;
  height: 566px;
  position: absolute;
  bottom: 23px;
  left: 9800px;
  z-index: 3;
}

.buildings{
  background: url(../svg/toronto/buildings.svg) no-repeat center bottom;
  width: 1089px;
  height: 580px;
  position: absolute;
  bottom: 23px;
  left: 10447px;
  z-index: 1;
}

.hotel{
  background: url(../svg/toronto/hotel.svg) no-repeat center bottom;
  width: 580px;
  height: 579px;
  position: absolute;
  bottom: 23px;
  left: 11538px;
  z-index: 1;
}

.union{
  background: url(../svg/toronto/union.svg) no-repeat center bottom;
  width: 1615px;
  height: 309px;
  position: absolute;
  bottom: 23px;
  left: 12119px;
  z-index: 3;
}

.cn{
  background: url(../svg/toronto/cntower.svg) no-repeat center bottom;
  width: 55px;
  height: 559px;
  position: absolute;
  bottom: 23px;
  left: 13800px;
  z-index: 4;
}

.jerry_centre{
  background: url(../svg/toronto/jerry_centre.svg) no-repeat center bottom;
  width: 366px;
  height: 197px;
  position: absolute;
  bottom: 23px;
  left: 13739px;
  z-index: 3;
}


/* ========== GRASS ========== */

.grass{
  background-color: #027f50;
  width: 100%;
  height: 23px;
  position: absolute;
  bottom: 0;
  z-index: 11;
}

.grass_shadow{
  background-color: #22b473;
  width: 100%;
  height: 16px;
}

.g_1{
  width: 1200px;
  left: 8465px;
}

.bush{
  background: url(../svg/main_city/bush.svg) repeat-x center left;
  height: 41px;
  position: absolute;
  bottom: 23px;
  z-index: 11;
}

.bush_1{
  left: 8465px;
  width: 264px;
  z-index: 4;
}

.bush_2{
  left: 9400px;
  width: 265px;
}

.bush_3{
  left: 9700px;
  width: 200px;
}

.bush_4{
  left: 10361px;
  width: 200px;
  z-index: 2;
}

.bush_5{
  left: 6157px;
  width: 254px;
  z-index: 3;
}

/* ========== TREES ========== */

.arbol_uno{
  background: url(../svg/main_city/arbol1.svg) no-repeat center center;
  width: 168px;
  height: 279px;
  position: absolute;
  bottom: 23px;
}

.arbol_dos{
  background: url(../svg/main_city/arbol2.svg) no-repeat center center;
  width: 168px;
  height: 279px;
  position: absolute;
  bottom: 23px;
}

.arbol_tres{
  background: url(../svg/main_city/arbol3.svg) no-repeat center center;
  width: 168px;
  height: 279px;
  position: absolute;
  bottom: 23px;
}

.arbol_cuatro{
  background: url(../svg/main_city/arbol4.svg) no-repeat center center;
  width: 168px;
  height: 279px;
  position: absolute;
  bottom: 23px;
}

.arbol_front{
  z-index: 5;
}

.afl_1{
  left: 8467px;
  background-size: 100% auto;
  width: 252px;
  height: 419px;
  z-index: 6;
}

.afl_2{
  left: 8611px;
}

.afl_3{
  left: 9424px;
}

.afl_4{
  left: 9467px;
  background-size: 100% auto;
  width: 252px;
  height: 419px;
  z-index: 6;
}

.afl_5{
  left: 9717px;
  background-size: 100% auto;
  width: 120px;
  height: 199px;
}

.afl_6{
  left: 9796px;
  background-size: 100% auto;
  width: 120px;
  height: 199px;
}

.afl_7{
  left: 10409px;
  background-size: 100% auto;
  width: 120px;
  height: 199px;
  z-index: 2;
}

.afl_4-{
  left: 5856px;
  z-index: 4;
  background-size: 100% auto;
  width: 120px;
  height: 199px;
}

.afl_5-{
  left: 5758px;
  z-index: 3;
  background-size: 100% auto;
  width: 97px;
  height: 161px;
}

.afl_6-{
  left: 6138px;
  z-index: 3;
  background-size: 100% auto;
  width: 95px;
  height: 158px;
}

.afl_7-{
  left: 5822px;
  z-index: 3;
  background-size: 100% auto;
  width: 68px;
  height: 113px;
}

.bp{
  background: url(../svg/toronto/bp.svg) no-repeat center bottom;
  width: 132px;
  height: 136px;
  position: absolute;
  bottom: 23px;
  z-index: 4;
  left: 2399px;
}

.pole_one{
  background-color: #231f20;
  width: 7px;
  height: 415px;
  position: absolute;
  bottom: 23px;
  z-index: 3;
  left: 11512px;
}

.pole_two{
  background-color: #231f20;
  width: 7px;
  height: 415px;
  position: absolute;
  bottom: 23px;
  z-index: 3;
  left: 11606px;
}

.union_sign{
  background: url(../svg/toronto/union_sign.svg) no-repeat center bottom;
  width: 66px;
  height: 313px;
  position: absolute;
  bottom: 23px;
  z-index: 4;
  left: 13178px;
}

.union_statue{
  background: url(../svg/toronto/union_statue.svg) no-repeat center bottom;
  width: 175px;
  height: 338px;
  position: absolute;
  bottom: 23px;
  z-index: 4;
  left: 12411px;
}

.union_clock{
  background: url(../svg/toronto/union_clock.svg) no-repeat center bottom;
  width: 101px;
  height: 384px;
  position: absolute;
  bottom: 23px;
  z-index: 4;
  left: 12198px;
}

/* ========== PEOPLE ========== */

.male_cop,
.female_cop{
  background: url(../svg/toronto/people/cop1.svg) no-repeat center bottom;
  width: 100px;
  height: 214px;
  position: absolute;
  bottom: 23px;
  z-index: 4;
  left: 550px;
}

.female_cop{
  background: url(../svg/toronto/people/cop3.svg) no-repeat center bottom;
  left: 5369px;
  z-index: 12;
}

.m_c_2{
  background: url(../svg/toronto/people/cop2.svg) no-repeat center bottom;
  left: 7600px;
}

/* Chrome, Safari */
@-webkit-keyframes jump{
    0%, 100% { bottom: 23px;}
    50% { bottom: 46px;}
}

/* Mozilla */
@-moz-keyframes jump{
    0%, 100% { bottom: 23px;}
    50% { bottom: 46px;}
}

/* Opera */
@-o-keyframes jump{
    0%, 100% { bottom: 23px;}
    50% { bottom: 46px;}
}

/* Explorer */
@-ms-keyframes jump{
    0%, 100% { bottom: 23px;}
    50% { bottom: 46px;}
}

/* Else */
@keyframes jump{
    0%, 100% { bottom: 23px;}
    50% { bottom: 46px;}
}

/*--- MAPPLE LIL'S ---*/

.mappleroom{
  background: url(../svg/pequelu/mappleroom.svg) no-repeat center bottom;
  width: 109px;
  height: 107px;
  position: absolute;
  bottom: 23px;
  z-index: 20;
  left: 600px;
}

.ojos_container{
  position: relative;
  width: 109px;
  height: 107px;
}

.ojo_left{
  display: block;
  position: absolute;
  bottom: 7px;
  left: 38px;
  width: 9px;
  height: 9px;
  background-color: #000000;
  border-radius: 50%;
  -webkit-animation: ojo_cerrado 2s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: ojo_cerrado 2s linear infinite; /* Mozilla */
  -o-animation: ojo_cerrado 2s linear infinite; /* Opera */
  -ms-animation: ojo_cerrado 2s linear infinite; /* Mozilla */
  animation: ojo_cerrado 2s linear infinite; /* Rest */
}

.ojo_right{
  display: block;
  position: absolute;
  bottom: 7px;
  right: 40px;
  width: 9px;
  height: 9px;
  background-color: #000000;
  border-radius: 50%;
  -webkit-animation: ojo_cerrado 2s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: ojo_cerrado 2s linear infinite; /* Mozilla */
  -o-animation: ojo_cerrado 2s linear infinite; /* Opera */
  -ms-animation: ojo_cerrado 2s linear infinite; /* Mozilla */
  animation: ojo_cerrado 2s linear infinite; /* Rest */
}

.ojol_mapple,
.ojor_mapple{
  bottom: 45px;
}

.ojol_pot,
.ojor_pot{
  bottom: 48px;
}

.ojol_rock,
.ojor_rock{
  bottom: 61px;
}

.ojol_ball,
.ojor_ball{
  bottom: 60px;
}

.ojol_ball{
  left: 50px;
}

.ojor_ball{
  right: 28px;
}

.ojol_ball_2,
.ojor_ball_2{
  bottom: 60px;
}

.ojol_ball_2{
  left: 77px;
}

.ojor_ball_2{
  right: 0px;
}

/* Chrome, Safari */
@-webkit-keyframes ojo_cerrado{
    0%,40%,60%, 100% { height: 9px;}
    50% { height: 2px;}
}

/* Mozilla */
@-moz-keyframes ojo_cerrado{
    0%,40%,60%, 100% { height: 9px;}
    50% { height: 2px;}
}

/* Opera */
@-o-keyframes ojo_cerrado{
    0%,40%,60%, 100% { height: 9px;}
    50% { height: 2px;}
}

/* Explorer */
@-ms-keyframes ojo_cerrado{
    0%,40%,60%, 100% { height: 9px;}
    50% { height: 2px;}
}

/* Else */
@keyframes ojo_cerrado{
    0%,40%,60%, 100% { height: 9px;}
    50% { height: 2px;}
}

.mroom_2{
  left: 800px;
}

.lilmapple{
  background: url(../svg/pequelu/lilmapple.svg) no-repeat center bottom;
  width: 109px;
  height: 107px;
  position: absolute;
  bottom: 23px;
  z-index: 20;
  left: 1500px;
}

.mapplepot{
  background: url(../svg/pequelu/mapplepot.svg) no-repeat center bottom;
  width: 109px;
  height: 136px;
  position: absolute;
  bottom: 23px;
  z-index: 20;
  left: 1900px;
}

.rocks{
  background: url(../svg/pequelu/rocks.svg) no-repeat center bottom;
  width: 109px;
  height: 107px;
  position: absolute;
  bottom: 23px;
  z-index: 20;
  left: 2500px;
}

.lilm_2{
  left: 3000px; 
}

.lilmapple_jump{
  background: url(../svg/pequelu/lilmapple_jump.svg) no-repeat center bottom;
  width: 109px;
  height: 107px;
  position: absolute;
  bottom: 23px;
  z-index: 20;
  left: 3120px;
  -webkit-animation: jump 0.5s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: jump 0.5s linear infinite; /* Mozilla */
  -o-animation: jump 0.5s linear infinite; /* Opera */
  -ms-animation: jump 0.5s linear infinite; /* Mozilla */
  animation: jump 0.5s linear infinite; /* Rest */
}

.mroom_3{
  left: 3500px;
}

.mroom_4{
  left: 3800px;
}

.mpot_2{
  left: 4800px;
}

.rock_2{
  left: 6300px;
}

.mroom_5{
  left: 5884px;
}

.mroom_6{
  left: 6000px;
}

.lilm_3{
  left: 6800px; 
}

.bieber{
  background: url(../svg/pequelu/bieber.svg) no-repeat center bottom;
  width: 81px;
  height: 189px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 7530px;
}

.bieber_control{
  background: url(../svg/pequelu/bieber_control.svg) no-repeat center bottom;
  width: 15px;
  height: 28px;
  position: absolute;
  bottom: 77px;
  z-index: 1;
  left: -4px;
}

.bieber.petata.petata_black .ojos_container{
  height: 57px;
  left: 12px;
}

.terrance,
.phillip{
  background: url(../svg/toronto/people/terrance.svg) no-repeat center bottom;
  width: 51px;
  height: 175px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 1682px;
}

.phillip{
  background: url(../svg/toronto/people/phillip.svg) no-repeat center bottom;
  left: 1770px;
}

.capcanuck{
  background: url(../svg/pequelu/capcanuck.svg) no-repeat center bottom;
  width: 80px;
  height: 202px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 7910px;
}

.capcanuck.petata .ojos_container{
  height: 34px;
  left: 1px;
}

.wolverine{
  width: 116px;
  height: 202px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 4000px;
}

.wolverine_body{
  background: url(../svg/pequelu/wolverine.svg) no-repeat center bottom;
  width: 116px;
  height: 202px;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  left: 0px;
}

.wolverine_arm_left{
  background: url(../svg/pequelu/wolverine_arm_left.svg) no-repeat center bottom;
  width: 46px;
  height: 44px;
  position: absolute;
  bottom: 119px;
  z-index: 1;
  left: 0px;
}

.wolverine_arm_right{
  background: url(../svg/pequelu/wolverine_arm_right.svg) no-repeat center bottom;
  width: 46px;
  height: 44px;
  position: absolute;
  bottom: 118px;
  z-index: 1;
  left: 71px;
}

.mroom_7{
  left: 8587px;
}

.lilm_4{
  left: 9500px;
}

.lilm_5{
  left: 9620px;
}

.lilm_6{
  left: 9738px;
}

.mroom_8{
  left: 10549px;
}

.mroom_9{
  left: 10904px;
}

.rock_3{
  left: 12000px;
}

.mpot_3{
  left: 11513px;
}

.bola2{
  background: url(../svg/pequelu/bola2.svg) no-repeat left bottom;
  width: 165px;
  height: 100px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 13000px;
}

.stick_2{
  background: url(../svg/pequelu/stick2.svg) no-repeat left bottom;
  width: 70px;
  height: 89px;
  position: absolute;
  bottom: 0px;
  z-index: 12;
  right: 0px;
}

.tossing{
  visibility: visible !important;
  animation-name: tossing;
  -webkit-animation-name: tossing;  

  animation-duration: 2.5s; 
  -webkit-animation-duration: 2.5s;

  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
  0% {
    transform: rotate(-4deg); 
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg); 
  }           
}

@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg); 
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg); 
  }       
}

.bola1{
  background: url(../svg/pequelu/bola1.svg) no-repeat right bottom;
  width: 165px;
  height: 100px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 13299px;
}

.stick_1{
  background: url(../svg/pequelu/stick1.svg) no-repeat left bottom;
  width: 70px;
  height: 89px;
  position: absolute;
  bottom: 0px;
  z-index: 12;
  left: 0px;
}

.bola_floor{
  width: 198px;
  height: 24px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 13137px;
}

.bolaf_container{
  position: relative;
  width: 198px;
  height: 24px;
}

.lilball{
  background: url(../svg/pequelu/lilball.svg) no-repeat center bottom;
  width: 23px;
  height: 16px;
  position: absolute;
  bottom: 0px;
  z-index: 12;
  left: 0px;
  -webkit-animation: play 5s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: play 5s linear infinite; /* Mozilla */
  -o-animation: play 5s linear infinite; /* Opera */
  -ms-animation: play 5s linear infinite; /* Mozilla */
  animation: play 5s linear infinite; /* Rest */ 
}

/* Chrome, Safari */
@-webkit-keyframes play{
    0%, 100% { left: 0px;}
    50% { left: 180px;}
}

/* Mozilla */
@-moz-keyframes play{
    0%, 100% { left: 0px;}
    50% { left: 180px;}
}

/* Opera */
@-o-keyframes play{
    0%, 100% { left: 0px;}
    50% { left: 180px;}
}

/* Explorer */
@-ms-keyframes play{
    0%, 100% { left: 0px;}
    50% { left: 180px;}
}

/* Else */
@keyframes play{
    0%, 100% { left: 0px;}
    50% { left: 180px;}
}

.mroom_10{
  left: 13632px;
}

.mroom_11{
  left: 13744px;
}

.lilm_7{
  left: 14339px;
}

.lilm_8{
  left: 14455px;
}

.lilm_9{
  left: 14573px;
}

.lilm_10{
  left: 15500px;
}

.mroom_12{
  left: 16000px;
}

.mpot_4{
  left: 16100px;
}

/* EYES PETATA */

.petata .ojos_container{
  position: relative;
  width: 72px;
  height: 60px;
  left: 30px;
}

.petata .ojo_left{
  display: block;
  position: absolute;
  bottom: 7px;
  left: 41px;
  width: 6px;
  height: 6px;
  background-color: #29abe2;
  border-radius: 50%;
  -webkit-animation: ojo_cerrado_c 2s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: ojo_cerrado_c 2s linear infinite; /* Mozilla */
  -o-animation: ojo_cerrado_c 2s linear infinite; /* Opera */
  -ms-animation: ojo_cerrado_c 2s linear infinite; /* Mozilla */
  animation: ojo_cerrado_c 2s linear infinite; /* Rest */
}

.petata .ojo_right{
  display: block;
  position: absolute;
  bottom: 7px;
  right: 39px;
  width: 6px;
  height: 6px;
  background-color: #29abe2;
  border-radius: 50%;
  -webkit-animation: ojo_cerrado_c 2s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: ojo_cerrado_c 2s linear infinite; /* Mozilla */
  -o-animation: ojo_cerrado_c 2s linear infinite; /* Opera */
  -ms-animation: ojo_cerrado_c 2s linear infinite; /* Mozilla */
  animation: ojo_cerrado_c 2s linear infinite; /* Rest */
}

/* Chrome, Safari */
@-webkit-keyframes ojo_cerrado_c{
    0%,40%,60%, 100% { height: 6px;}
    50% { height: 2px;}
}

/* Mozilla */
@-moz-keyframes ojo_cerrado_c{
    0%,40%,60%, 100% { height: 6px;}
    50% { height: 2px;}
}

/* Opera */
@-o-keyframes ojo_cerrado_c{
    0%,40%,60%, 100% { height: 6px;}
    50% { height: 2px;}
}

/* Explorer */
@-ms-keyframes ojo_cerrado_c{
    0%,40%,60%, 100% { height: 6px;}
    50% { height: 2px;}
}

/* Else */
@keyframes ojo_cerrado_c{
    0%,40%,60%, 100% { height: 6px;}
    50% { height: 2px;}
}

.petata.petata_black .ojo_right,
.petata.petata_black .ojo_left{
  background-color: #000000;
}

/* Cop */

.cop{
  background: url(../svg/pequelu/cop1.svg) no-repeat center bottom;
  width: 100px;
  height: 214px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 100px;
}

.cop.petata .ojos_container{
  height: 46px;
  left: 11px;
}

/* Colonel */

.colonel{
  background: url(../svg/pequelu/colonel.svg) no-repeat center bottom;
  width: 77px;
  height: 217px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 2676px;
}

.colonel.petata .ojos_container{
  height: 50px;
  left: 2px;
}

.general .open_mouth{
  right: 46px;
  top: 49px;
}

.capcanuck .open_mouth{
  right: 36px;
  top: 35px;
}

/* Soldier */

.soldier{
  background: url(../svg/pequelu/soldier.svg) no-repeat center bottom;
  width: 108px;
  height: 213px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 5184px;
}

.soldier.petata .ojos_container{
  height: 45px;
  left: 3px;
}

.sold_2{
  left: 5103px; 
}

.sold_3{
  left: 5020px;
}

.general{
  background: url(../svg/pequelu/general.svg) no-repeat center bottom;
  width: 108px;
  height: 213px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 5285px;
}

.general.petata .ojos_container{
  height: 45px;
  left: 19px;
}

.mroom_13{
  left: 7705px;
}

.mroom_14{
  left: 8036px;
}

/* Red */

.red{
  background: url(../svg/pequelu/red.svg) no-repeat center bottom;
  width: 157px;
  height: 214px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 9387px;
}

.red.petata .ojos_container{
  height: 46px;
  left: -4px;
}

.horn{
  background: url(../svg/pequelu/horn.svg) no-repeat center bottom;
  width: 91px;
  height: 56px;
  position: absolute;
  bottom: 91px;
  z-index: 1;
  left: 52px;  
}


/* Gay */

.gay{
  background: url(../svg/pequelu/gay.svg) no-repeat center bottom;
  width: 84px;
  height: 197px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 10433px;
}

.gay_2{
  width: 124px;
  height: 213px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 10661px;
}

.gay_2_body{
  background: url(../svg/pequelu/gay2.svg) no-repeat center bottom;
  width: 124px;
  height: 213px;
  position: absolute;
  top: 0px;
  z-index: 2;
  left: 0px;
}

.gay_2_leg{
  background: url(../svg/pequelu/gay2_leg.svg) no-repeat center bottom;
  width: 34px;
  height: 67px;
  position: absolute;
  top: 135px;
  z-index: 1;
  left: 29px;
  -webkit-animation: leg_left 2.5s infinite;
  -moz-animation: leg_left 2.5s infinite;
  -o-animation: leg_left 2.5s infinite;
  -ms-animation: leg_left 2.5s infinite;
  animation: leg_left 2.5s infinite;
}

@-webkit-keyframes leg_left{
  0%, 100% {
     -webkit-transform: rotate(20deg);-webkit-transform-origin: top right;
  }
  50% {
     -webkit-transform: rotate(0deg);-webkit-transform-origin: top right;
  }
}
@-moz-keyframes leg_left{
  0%, 100% {
     -moz-transform: rotate(20deg);-moz-transform-origin: top right;
  }
  50% {
     -moz-transform: rotate(0deg);-moz-transform-origin: top right;
  }
}
@-o-keyframes leg_left{
  0%, 100% {
     -o-transform: rotate(20deg);-o-transform-origin: top right;
  }
  50% {
     -o-transform: rotate(0deg);-o-transform-origin: top right;
  }
}
@-ms-keyframes leg_left{
  0%, 100% {
     -ms-transform: rotate(20deg);-ms-transform-origin: top right;
  }
  50% {
     -ms-transform: rotate(0deg);-ms-transform-origin: top right;
  }
}
@keyframes leg_left{
  0%, 100% {
     transform: rotate(20deg);transform-origin: top right;
  }
  50% {
     transform: rotate(0deg);transform-origin: top right;
  }
}

.gay_3{
  width: 189px;
  height: 186px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 11014px;
}

.gay_3_body{
  background: url(../svg/pequelu/gay3.svg) no-repeat center bottom;
  width: 189px;
  height: 186px;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  left: 0px;
}

.gay_3_paw{
  background: url(../svg/pequelu/gay3_paw.svg) no-repeat center bottom;
  width: 74px;
  height: 61px;
  position: absolute;
  bottom: 108px;
  z-index: 1;
  right: 0px;
}

.gay_3.petata .ojos_container{
  height: 32px;
  left: 52px;
  z-index: 3;
}

/* Bluejays */


.fan1{
  background: url(../svg/pequelu/fan1.svg) no-repeat center bottom;
  width: 111px;
  height: 191px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 12561px;
  -webkit-animation: jump 0.5s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: jump 0.5s linear infinite; /* Mozilla */
  -o-animation: jump 0.5s linear infinite; /* Opera */
  -ms-animation: jump 0.5s linear infinite; /* Mozilla */
  animation: jump 0.5s linear infinite; /* Rest */
}

.fan1.petata .ojos_container{
  height: 41px;
  left: 18px;
}

.fan2{
  width: 129px;
  height: 205px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 12659px;
}

.fan2_body{
  background: url(../svg/pequelu/fan2.svg) no-repeat center bottom;
  width: 129px;
  height: 205px;
  position: absolute;
  bottom: 0px;
  z-index: 2;
  left: 0px;
}

.fan2.petata .ojos_container{
  height: 35px;
  left: 12px;
  z-index: 3;
}

.fan2_hand{
  background: url(../svg/pequelu/fan2_hand.svg) no-repeat center bottom;
  width: 49px;
  height: 21px;
  position: absolute;
  bottom: 125px;
  z-index: 1;
  right: 20px;
}

.fan3{
  background: url(../svg/pequelu/fan3.svg) no-repeat center bottom;
  width: 89px;
  height: 194px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 12772px;
  -webkit-animation: jump 0.6s linear infinite; /* Chrome, Safari, Opera */
  -moz-animation: jump 0.6s linear infinite; /* Mozilla */
  -o-animation: jump 0.6s linear infinite; /* Opera */
  -ms-animation: jump 0.6s linear infinite; /* Mozilla */
  animation: jump 0.6s linear infinite; /* Rest */
}

.fan3.petata .ojos_container{
  height: 45px;
  left: 8px;
}

.fan4{
  background: url(../svg/pequelu/fan4.svg) no-repeat center bottom;
  width: 96px;
  height: 215px;
  position: absolute;
  bottom: 23px;
  z-index: 12;
  left: 12866px;
}

.fan4.petata .ojos_container{
  height: 46px;
  left: -6px;
}

.cop_2{
  left: 15153px;
}