.key,.overlay{cursor:pointer}.btn,.note{text-transform:uppercase}@font-face{font-family:avenirltstd-book;src:url(fonts/avenirltstd-book.eot);src:url(fonts/avenirltstd-book.woff) format('woff'),url(fonts/avenirltstd-book.ttf) format('truetype'),url(fonts/avenirltstd-book.svg#avenirltstd-book) format('svg')}@font-face{font-family:learningcurveot;src:url(fonts/learningcurveot.eot);src:url(fonts/learningcurveot.woff) format('woff'),url(fonts/learningcurveot.ttf) format('truetype'),url(fonts/learningcurveot.svg#learningcurveot) format('svg')}@font-face{font-family:avenirltstd-light;src:url(fonts/avenirltstd-light.eot);src:url(fonts/avenirltstd-light.woff) format('woff'),url(fonts/avenirltstd-light.ttf) format('truetype'),url(fonts/avenirltstd-light.svg#avenirltstd-light) format('svg')}*,:focus{outline:0!important}body{font-family:avenirltstd-book;color:#555;background-image:url(../images/trama.png);background-position:center;background-repeat:repeat;background-size:200px}.slider_container{transition:all .3s ease}.key{height:150px;background-repeat:no-repeat;background-position:center -6px;background-size:56%}.faces .next_,.x:hover{background-size:contain;background-repeat:no-repeat;background-position:center}span{text-align:center;display:block;font-size:20px}.x:hover{background-image:url(../images/x.png)}.faces .next_{background-image:url(../images/next.gif)!important}.next_2{background-color:#23BCFB!important}.next_3{background-color:#A4E21A!important}.next_4{background-color:#FFC15C!important}.next_5{background-color:#FF30EC!important}.btn{border:1px solid #d32f2f;border-radius:17px;color:#d32f2f;background-color:#fff;font-size:12px;padding-bottom:3px;margin-left:10px;margin-top:10px;width:160px}.btn:first-child{margin-left:0}.btn.small{width:80px}.progress{height:24px;background-color:transparent;background-image:url(../images/progress.png),url(../images/progress_l.png),url(../images/progress_r.png);background-position:center center,left 0,right 0;background-repeat:repeat,no-repeat,no-repeat;border-radius:16px;width:70%;margin:0 auto}.grabando,.icon-sound,.rec{background-repeat:no-repeat}.note,.overlay{position:absolute;width:100%;color:#fff;text-align:center}.progress-bar{background-color:#FFD01C!important;background-image:url(../images/progress_fill.png)}@keyframes shake-rotate{2%,6%,70%,74%,80%{transform:translate(0,0) rotate(.5deg)}4%,42%,76%,94%{transform:translate(0,0) rotate(-5.5deg)}20%,52%,58%,78%,8%{transform:translate(0,0) rotate(1.5deg)}10%,24%,36%,46%{transform:translate(0,0) rotate(-1.5deg)}12%,98%{transform:translate(0,0) rotate(-4.5deg)}14%,16%,22%,44%,62%,84%{transform:translate(0,0) rotate(3.5deg)}18%,38%{transform:translate(0,0) rotate(4.5deg)}26%,40%{transform:translate(0,0) rotate(-3.5deg)}28%,56%,88%{transform:translate(0,0) rotate(-2.5deg)}30%,34%,48%,68%{transform:translate(0,0) rotate(7.5deg)}32%,54%{transform:translate(0,0) rotate(2.5deg)}50%,66%,86%,90%{transform:translate(0,0) rotate(6.5deg)}60%,72%,82%,96%{transform:translate(0,0) rotate(-.5deg)}64%{transform:translate(0,0) rotate(-6.5deg)}92%{transform:translate(0,0) rotate(5.5deg)}0%,100%{transform:translate(0,0) rotate(0)}}.shake-rotate.shake-constant,.shake-rotate.shake-freeze,.shake-rotate:hover,.shake-trigger:hover .shake-rotate{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-name:shake-rotate;animation-name:shake-rotate;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;cursor:pointer}.playing:not(.selected){opacity:.4}.D3:hover{background-image:url(../images/gifs/gaby-feliz.gif)!important}.D3.selected{background-image:url(../images/gifs/gaby-o.gif)!important}.D3{background-image:url(../images/gifs/gaby-completo.gif)!important}.E3:hover{background-image:url(../images/gifs/sofia-feliz.gif)!important}.E3.selected{background-image:url(../images/gifs/sofia-o.gif)!important}.E3{background-image:url(../images/gifs/sofia-completo.gif)!important}.F3:hover{background-image:url(../images/gifs/ame-feliz.gif)!important}.F3.selected{background-image:url(../images/gifs/ame-o.gif)!important}.F3{background-image:url(../images/gifs/ame-completo.gif)!important}.G3:hover{background-image:url(../images/gifs/ale-feliz.gif)!important}.G3.selected{background-image:url(../images/gifs/ale-o.gif)!important}.G3{background-image:url(../images/gifs/ale-completo.gif)!important}.G2:hover{background-image:url(../images/gifs/wotan-feliz.gif)!important}.G2.selected{background-image:url(../images/gifs/wotan-o.gif)!important}.G2{background-image:url(../images/gifs/wotan-completo.gif)!important}.A2:hover{background-image:url(../images/gifs/iris-feliz.gif)!important}.A2.selected{background-image:url(../images/gifs/iris-o.gif)!important}.A2{background-image:url(../images/gifs/iris-completo.gif)!important}.B2:hover{background-image:url(../images/gifs/ximena-feliz.gif)!important}.B2.selected{background-image:url(../images/gifs/ximena-o2.gif)!important}.B2{background-image:url(../images/gifs/ximena-completo.gif)!important}.C3:hover{background-image:url(../images/gifs/lupita-feliz.gif)!important}.C3.selected{background-image:url(../images/gifs/lupita-o.gif)!important}.C3{background-image:url(../images/gifs/lupita-completo.gif)!important}.C2:hover{background-image:url(../images/gifs/hector-feliz.gif)!important}.C2.selected{background-image:url(../images/gifs/hector-o.gif)!important}.C2{background-image:url(../images/gifs/hector-completo.gif)!important}.D2:hover{background-image:url(../images/gifs/muffin-feliz.gif)!important}.D2.selected{background-image:url(../images/gifs/muffin-o.gif)!important}.D2{background-image:url(../images/gifs/muffin-completo.gif)!important}.E2:hover{background-image:url(../images/gifs/diego-feliz.gif)!important}.E2.selected{background-image:url(../images/gifs/diego-o.gif)!important}.E2{background-image:url(../images/gifs/diego-completo.gif)!important}.F2:hover{background-image:url(../images/gifs/oliver-feliz.gif)!important}.F2.selected{background-image:url(../images/gifs/oliver-o.gif)!important}.F2{background-image:url(../images/gifs/oliver-completo.gif)!important}.santa{background-image:url(../images/gifs/kiwikiwi.png)!important}.record_song .key{background-size:contain!important}.record_song .key:hover{opacity:.2;transition:.3s all ease}.note{display:none;text-shadow:1px 1px 5px #000;top:70%;text-indent:-30px;font-size:18px}.overlay{height:100%;top:0;left:0;background-color:rgba(0,0,0,.7);padding-top:24%}.icon-sound,.kiwi .key{height:100px}.overlay p{font-family:avenirltstd-light;font-size:24px}.main-title,.title{font-family:learningcurveot!important}.main-title{font-size:12vmin;text-align:center;color:#d32f2f;line-height:0;margin:80px 0 20px}.title{font-size:120px!important;display:block;margin-top:10%}.icon-sound{display:block;width:100px;background-image:url(../images/sound.gif);background-position:center;background-size:contain;margin:0 auto}.modal-dialog{margin:20% auto!important}.kiwi{margin-bottom:10px}.kiwi2 .key{background-position:center 33px;background-size:66%!important}.active,.btn:hover,a:focus,a:hover{background-color:#d32f2f!important;border-color:#d32f2f!important;color:#fff!important}.rec_controls{margin-top:10px}.row_progress{margin-top:12px}#hidden_link{width:90%;text-align:center;margin:12px 0 2px;padding:4px;border-radius:9px;border:1px solid #ddd}.slider_next,.slider_prev{border:1px solid #d32f2f;border-radius:99px;color:#d32f2f;background-color:#fff;margin-bottom:20px;width:26px}.slider_next:hover,.slider_prev:hover{background-color:#d32f2f;color:#fff}.rec{background-image:url(../images/norec.png);width:60px;transition:.7s background-image ease}.grabando{background-image:url(../images/rec.png)!important}.grabando,.rec{background-position:54px}.campanas,.puntos{background-position:center}.progress_num{text-align:center;color:transparent;display:none}.campanas,.puntos{height:30px}.hr{margin:10px 0}.puntos{background-image:url(../images/punto.png);background-repeat:repeat-x}.campanas{background-image:url(../images/campanas-de-belen.png);background-repeat:no-repeat;background-size:contain}