html,body{background-color:#1f1f1f;color:#666;height:100%}img{max-width:100%}.juego,.ready,.registro,.resultado,.tabla-valores,.ranking{position:relative;height:100%;width:100%;display:none}.ready{z-index:10;background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-01.png") no-repeat 50% 50%;background-size:contain;background-position:center;display:none}.ready .btn-red{position:absolute;opacity:1;left:25%;top:initial;width:30%;height:40%;border-radius:50%;font-size:0;background:transparent !important;border:0;bottom:5%}.ready .btn-red span{position:absolute;width:100%;height:100%;top:0;left:0;transition-duration:.5s}.ready.display_1 .btn-red{bottom:19%}.ready.display_2{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-02.png")}.ready.display_3{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-03.png")}.ready.display_4{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-04.png")}.ready.display_5{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-05.png")}.ready.display_6{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-06.png?v=2")}.ready.display_7{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-07.png")}.ready.display_8{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/MAPFRE-08.png?v=2")}.ready.display_8 .btn-red{bottom:18%}.ready .box{position:relative;width:350px;top:20%;transform:translateX(-50%);left:50%;text-align:center;max-width:500px;width:100%}.ready .box img{margin-bottom:2em}.ready .btn-red:hover{text-decoration:none}.ready .btn-red.normal{opacity:1;left:29%;bottom:24%;top:initial;width:30%;height:40%;border-radius:50%;font-size:0;background:transparent !important;border:0}.logos,.iconos-marcas,.maleta{padding:0;opacity:0;transition-duration:.5s}.logos li,.iconos-marcas li,.maleta li{list-style-type:none;display:inline-block;margin:0 1em}.clear{clear:both}.logos.normal,.iconos-marcas.normal,.maleta.normal{opacity:1}.iconos-marcas li{margin:0 .1em}.parsley-errors-list,.woocommerce-error{display:none}.parsley-error{border:1px solid #f00 !important;background-color:rgba(255,106,5,0.15)}.resultado{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/bg-arboles.png") no-repeat 50% 50%;background-size:cover}.registro{z-index:0;background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/bg-arboles.png") no-repeat 50% 50%;background-size:cover}.registro #form{overflow:hidden}.registro .box-form{background-color:#080429;border:8px solid #fff;max-width:550px;width:90%;top:13%;position:relative;left:50%;transform:translateX(-50%);border-radius:25px}.registro .maleta{margin:-4.5em auto 1em;display:block;max-width:140px}.registro h2{font-size:1.6em}.registro h2,.registro h4{color:#fff;margin-bottom:.5em;margin-top:0}.registro h4{font-size:.95em}.registro input,.registro select{background-color:#fff;border-radius:25px;border:2px solid #666;margin-bottom:.5em;outline:none}.registro input[type="text"],.registro input[type="email"],.registro select{padding:.5em 0 .5em 5.3em;width:100%;line-height:2em;background-size:35px}.registro select{padding:.8em;border-radius:15px}.registro .clear{margin:5px 0}.registro .fec,.registro .cel{margin-top:.5em;margin-bottom:1em}.registro .fec{text-align:center}.registro .fec input{display:inline-block;width:32%;padding:0;text-align:center;line-height:3em}.registro .fec h4{text-align:left}.registro .name{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-user.jpg") no-repeat 1.3em 50% #fff}.registro .email{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-email.jpg") no-repeat 1.3em 50% #fff}.registro .tel{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-tel.jpg") no-repeat 1.3em 50% #fff}.registro .dni{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-dni.jpg") no-repeat 1.3em 50% #fff}.registro .chek{font-size:.7em;line-height:2em;color:#fff}.registro .chek input{margin:0 0 0;display:inline-block;vertical-align:middle}.registro button{padding:.25em 2em;color:#f00;background-color:#fff;border-radius:10px;display:block;margin:0 auto;font-weight:bold;font-size:1.2em}.registro .box-top{padding:0 3.5em 2.5em}.registro .box-bottom{padding:1em 0;text-align:center;border-top:8px solid #fff}.demo{position:absolute;bottom:0;left:10px;z-index:9988}.time_circles{position:relative;width:100px;height:100px;border-radius:35%;background-color:#e30520;border-bottom-left-radius:0;border-bottom-right-radius:0}.time_circles > div{position:absolute;text-align:center;height:60px;top:18px !important;width:60px !important;left:69.5% !important;margin-left:-50px;background-color:#e30520;border-radius:50%;overflow:hidden}.time_circles > div > h4{margin:0;padding:0;text-align:center;text-transform:uppercase;font-family:'Century Gothic',Arial;line-height:1;display:none}.time_circles > div > span{margin:0;padding:0;display:block;width:100%;text-align:center;font-family:'Century Gothic',Arial;line-height:1;font-weight:bold;color:#fff;margin-top:.5em;font-size:32px !important}.ranking{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/bg-arboles.png") no-repeat 50% 50%;background-size:cover}.results-one,.restart-game{position:absolute}span.results-one a{font-size:.52em !important;display:inline-block;padding:7px 35px;color:#fff;border-radius:24px !important;bottom:initial !important;left:initial !important;width:initial !important;height:initial !important;position:relative !important}span.results-one b{display:inline-block;padding:0 10px;background:#f00;width:130px;color:#fff;border-radius:15px}span.results-one{width:580px;left:50%;margin-left:-290px;font-size:2.5em;background:transparent;color:#000;font-family:'Poppins',sans-serif;font-weight:700;text-align:center;top:50%;margin-top:-125px}span.results-one small{display:block;line-height:1.25em;margin-bottom:1em}.restart-game{bottom:25%;left:35%;width:220px;height:45px;font-size:0;background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/nivel-1.png") !important;background-color:#b2cb08 !important;background-size:144% 284% !important;background-repeat:no-repeat !important;background-position:center !important;border-radius:39px}.display_6 .btn-red{bottom:25%;left:52%;width:220px;height:45px;font-size:0}.display_8 span.results-one{text-align:left;background:transparent;font-size:24px;top:45%;left:43%;width:400px}.display_8 span.results-one b{text-align:center}.display_8 span.results-one small i{color:#e30921;font-style:normal}.juego{display:none;z-index:9;overflow:hidden;background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/bg-arboles.png") no-repeat 50% 50%;background-size:cover}.juego .detail{position:absolute;top:0;left:98.5%;padding:0;text-align:center;width:108px;opacity:0}.juego .detail li{list-style:none;background-color:#fff;color:#000;font-size:1.5em;padding:0;font-weight:bold;overflow:hidden;line-height:2em;border-top-right-radius:15px;border-bottom-right-radius:15px;margin-bottom:.35em}.juego .detail li span{background-color:#000;width:40px;height:42px;position:relative}.juego .detail li.text{background-color:#000;color:#fff}.juego .detail span.icon-maleta{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-maleta.png") no-repeat 50% 50% #040225;background-size:30px}.juego .foot-black{height:20%;text-align:center;position:relative}.juego .foot-black img{margin-top:-3em;display:inline-block;position:relative}.juego .foot-black:before{content:"";position:absolute;height:8px;width:100%;left:0;top:50%;background:#e30520}.juego .container{height:80%;position:relative}.juego .out-box,.juego .row{position:relative;height:100%}.juego .box{float:left;width:16.6%;position:relative;height:100%;border:3px solid #afafaf;border-bottom:0;position:relative;border-top:0;background-color:rgba(255,255,255,0.68);overflow-y:hidden}.juego .box a{position:absolute;top:0;display:none}.juego .objects:before{content:"";background-size:contain;background-repeat:no-repeat;background-position:center;position:absolute;height:49px;width:250px;z-index:99;left:50%;margin-left:-125px}.juego .objects:after{content:"";background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/logo-mapfre.png");background-repeat:no-repeat;background-size:contain;height:100px;width:180px;position:absolute;right:20px;bottom:-135px;z-index:1}.juego .objects.doblar-izquierda:before{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/btn-doblar-izquierda.png")}.juego .objects.doblar-derecha:before{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/btn-doblar-derecha.png")}.juego .objects.detenerse:before{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/btn-detenerse.png")}.juego .objects.elementos:before{background-image:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/btn-elementos.png")}.juego .out-box:after{border-bottom:15px solid #ffc404;content:"";width:100%;height:15px;position:relative;display:block}.resultado{text-align:center}.resultado .red-bg{color:#fff;text-align:center;display:block;max-width:691px;margin:4.5em auto 0;padding:.1em 1.2em;background-color:#e0212e;font-weight:bold;border-radius:25px;position:relative}.resultado .red-bg img{display:inline-block;max-width:30px}.resultado .avatar{margin-top:2em}.resultado .share{width:100px;margin-top:.8em}.resultado .box-form{max-width:700px;width:90%;padding:0 3em 2em}.resultado h2{color:#fff;font-size:2.6em;line-height:1em;margin-top:.5em;text-align:center}.resultado .iconos-marcas img{width:35px}.resultado .logos.normal{margin-top:1.5em;border-top:1px solid #fff;padding-top:.5em}.resultado .objetos{width:140px;background-color:#fff;height:40px;overflow:hidden;border-radius:20px;text-align:center;font-weight:bold;font-size:2em;color:#000;margin:0 auto}.resultado .objetos span{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-red-maleta.jpg") no-repeat 50% 50% #e02035;background-size:33px;width:47px;height:100%;float:right}.resultado .next-layout{font-size:2.5em;position:absolute;color:#fff;background:#080429;line-height:0;margin-top:.5em;width:150px;border-radius:20px;padding:0 0 0 .5em;display:inline-block}.resultado .next-layout span,.resultado .next-layout i{display:inline-block}.resultado .next-layout span{font-size:.5em;margin-top:1em}.resultado .next-layout i{font-size:1em;float:right}.tabla-valores{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/valores.png") no-repeat 50% 50% #fff;background-size:cover;ulpadding:0;list-style-type:none}.tabla-valores .red-bg{position:absolute;width:100%;left:0;top:0;max-width:initial;margin-top:0}.tabla-valores .objetos{width:140px;background-color:#fff;height:40px;overflow:hidden;border-radius:20px;text-align:center;font-weight:bold;font-size:2em;color:#000;margin:0 auto}.tabla-valores .objetos span{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-red-maleta.jpg") no-repeat 50% 50% #e02035;background-size:33px;width:47px;height:100%;float:right}.ranking{background-color:#fff}.ranking .box-ranking{max-width:90%;width:785px;text-align:center;margin:0 auto;background-color:#05052f;padding:2em 7em;position:relative;top:8%}.ranking .box-ranking ul.users{list-style:none;padding:0}.ranking .box-ranking ul.users li{display:block;color:#fff;font-size:.8em;margin-top:2em;overflow:hidden}.ranking .box-ranking ul.users li img{width:50%;float:left}.ranking .box-ranking .info{float:right;width:50%}.ranking .objetos{width:106px;background-color:#fff;height:32px;overflow:hidden;border-radius:20px;text-align:center;font-weight:bold;font-size:2em;color:#000;margin:0 auto}.ranking .objetos span{background:url("https://www.fundacionmapfre.org/contenidos/peru/seguridad-vial/material-educativo/profesores/juego-vamos-en-bici/img/icon-red-maleta.jpg") no-repeat 50% 50% #e02035;background-size:33px;width:47px;height:100%;float:right}@media (max-width:1380px){.registro input,.registro select{line-height:.8em;font-size:.8em}.registro .box-form{top:10%}}@media (max-width:1024px){.ready.display_8{background-size:138% auto}}@media (max-width:992px){h2.user-name{padding:0;text-align:center}span.results-one{font-size:20px;top:65%}.ready.display_8{background-size:contain}.ready.display_8 span.results-one{font-size:12px;top:60%;left:61%;width:200px}.ready.display_8 span.results-one b{width:60px}}@media (max-width:769px){.juego .objects:after{height:50px;bottom:-72px}.ready .btn-red{font-size:0;line-height:2em;left:15%}.registro .box-form{bottom:10%}.time_circles{transform:scale(.7);border-radius:50% !important}.juego .detail{left:82.5%}.time_circles > div{height:50px;top:31px !important;width:65px !important;left:66.5% !important}#box-shadow-div{height:47%;width:17%}span.results-one{font-size:20px;line-height:2em;top:55%}span.results-one b{width:70px;line-height:1.5em}span.results-one a{font-size:11px !important;line-height:initial !important;padding:4px 22px}.ready{background-size:140% auto}.ready.display_8{background-size:100% auto}.ready.display_8 span.results-one{top:53%;left:60%}}@media (max-width:670px){.ready{background-size:100% auto}span.results-one{top:60%}.ready.display_8 span.results-one{left:63%}}@media (max-width:812px) and (max-height:414px){.restart-game{left:54%}.juego .box a{max-height:90px;text-align:center;width:100%}.juego .box a img{height:90px}}@media (max-width:568px){.ready.display_8{background-size:100% auto}.ready.display_8 span.results-one{top:59%;left:71%}}@media (max-width:520px){.demo{bottom:-15px}.juego .objects:after{height:51px;bottom:-64px;width:100px}.restart-game{left:52%;height:40px}.juego .objects:before{height:30px}.ready.display_8 .btn-red{bottom:33%}.ready{background-size:140% auto}.ready.display_8{background-size:145% auto}}@media (max-width:480px){span.results-one{max-width:300px;margin-left:-150px;left:50%;font-size:13px;top:60%}span.results-one a{font-size:9px !important}.maleta{width:130px}.ready .box{bottom:5%}.ready .btn-red{font-size:0;bottom:25%;width:80px;left:15%}.ready.display_1 .btn-red{bottom:33%}.juego .objects:after{bottom:-85px}.demo{bottom:5px}.restart-game{bottom:37%;left:26%;width:150px;height:30px}.display_6 .btn-red{width:150px;height:28px;left:26%;bottom:31%}.iconos-marcas img{width:35px}.registro .box-form,.registro .box-bottom{border:5px solid #fff}.registro .chek{font-size:.8em}.registro{font-size:.75em;position:relative;top:3em;margin-bottom:2em}.registro button{margin-top:1em}.registro .box-top{padding:0 2em 2em}.registro .fec,.registro .cel,.registro .tel{margin:0}.registro .box-form{bottom:0%}.registro .box-form h4{display:none}.ready.display_8{background-size:145% auto}.ready.display_8 span.results-one{top:55%;width:170px;font-size:10px;left:45%}.ready.display_8 span.results-one b{width:50px}}@media (max-width:375px){.juego .objects:after{bottom:-85px}.display_8 span.results-one{font-size:10px;top:57%;left:47%;width:167px}}@media (max-width:320px){.juego .objects:after{bottom:-85px}span.results-one{top:65%;line-height:1.5em}.ready.display_8 span.results-one{top:60%;left:55%}}