.page-content{position:relative;padding:40px 0;text-align:center;}.page-content p{font-size:1.1rem}.page-header{background:#0a3a5e url("assets/bg/landing/banner.jpg") no-repeat center right/cover;color:#fff;-webkit-transition:0.4s all ease;-moz-transition:0.4s all ease;-o-transition:0.4s all ease;-ms-transition:0.4s all ease;transition:0.4s all ease;}.page-header h1{color:#fff}.page-header p{color:#fff;font-size:1.2rem}.page-header-content{max-width:40%;width:100%;}.page-header-content h1{color:#ff6d40}.page-header-content p{color:#000}.title-wrap{position:relative;max-width:500px;margin:0 auto 20px;padding:0 100px;}.title-wrap:before,.title-wrap:after{content:'';position:absolute;width:100px;height:100%;top:0;z-index:2}.title-wrap:before{background:url("assets/bg/landing/titulo-izquierdo.png") no-repeat top center/contain;left:10px}.title-wrap:after{content:'';position:absolute;background:url("assets/bg/landing/titulo-derecho.png") no-repeat top center/contain;right:10px}.title{background:#e8277c;width:100%;padding:15px;text-align:center;}.title h1{color:#fff;font-family:'Roboto';font-weight:900}.page-header-link{display:inline-block;margin-bottom:40px;color:#fff;font-size:1.2rem;font-weight:600;}.page-header-link:hover{color:#fff;text-decoration:underline}h2{position:relative;display:inline-block;width:auto;height:32px;color:#000;border-bottom:solid 2px #ff6d40}.page-lessons{padding:0;background:url("assets/bg/landing/lecciones.jpg") no-repeat right/cover fixed;}.page-lessons .page-content-box{background:#e7be55}.page-lessons .btn{color:#e7be55;}.page-lessons .btn:hover{background:transparent;color:#fff;border-color:#fff}.page-simulator{padding:0;background:url("assets/bg/landing/lo-que-debes-saber.jpg") no-repeat top right/cover fixed;}.page-simulator .page-content-box{background:#1fc3bc;margin:0 0 0 auto}.page-simulator .btn{color:#1fc3bc;}.page-simulator .btn:hover{background:transparent;color:#fff;border-color:#fff}.page-links{background:rgba(226,226,226,0.8);}.page-links ul{margin-top:30px;text-align:left}.page-links a:hover{text-decoration:underline}.page-content-box{width:30%;min-height:350px;padding:80px 15px;}.page-content-box h2{border-color:#fff}.areas{margin:40px 0 0;float:none;clear:both;}.areas:before,.areas:after{content:'';display:block;float:none;clear:both}.area{*zoom:1;float:left;clear:none;text-align:inherit;width:20%;margin-left:0%;margin-right:0%;position:relative;background-position:center 45px;-webkit-background-size:100px;-moz-background-size:100px;background-size:100px;background-repeat:no-repeat;display:block;height:150px;margin:0 0 10px 0;padding:15px 0;-webkit-transition:0.4s all ease;-moz-transition:0.4s all ease;-o-transition:0.4s all ease;-ms-transition:0.4s all ease;transition:0.4s all ease;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.area:before,.area:after{content:'';display:table}.area:after{clear:both}.area:last-child{margin-right:0%}.area + .area{border-left:solid 1px #d6d6d6}.area-title{margin-bottom:10px;font-size:1.2rem;font-weight:600}.area-1{background-image:url("assets/icos/temas/landing/color/matematicas.png")}.area-2{background-image:url("assets/icos/temas/landing/color/lenguaje.png")}.area-3{background-image:url("assets/icos/temas/landing/color/biologia.png")}.area-4{background-image:url("assets/icos/temas/landing/color/fisica.png")}.area-5{background-image:url("assets/icos/temas/landing/color/quimica.png")}.area-icon img{max-width:100px;width:100%;margin:0 auto}.elems{margin:30px 0 0}.elem{display:inline-block;width:200px;height:200px;margin:20px 30px;padding:25px;border:solid 2px #d6d6d6;border-radius:50%;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}.elem img{margin-top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.avatars{position:relative;margin-top:120px;margin-bottom:120px;z-index:2;}.avatars li{display:block;text-align:center;position:absolute;}.avatars li img{max-width:80px}.avatars li.avatar-0{position:relative;}.avatars li.avatar-0 img{margin:0 auto;max-width:250px;width:100%}.avatars li.avatar-1{top:-110px;left:50%;margin-left:-40px}.avatars li.avatar-2{top:-35px;left:50%;margin-left:75px}.avatars li.avatar-3{top:50%;margin-top:-40px;left:50%;margin-left:120px}.avatars li.avatar-4{top:100%;margin-top:-55px;left:50%;margin-left:75px}.avatars li.avatar-5{top:100%;margin-left:-45px;left:50%;margin-top:0}.avatars li.avatar-6{top:100%;margin-top:-55px;right:50%;margin-right:75px}.avatars li.avatar-7{top:50%;margin-top:-40px;right:50%;margin-right:120px}.avatars li.avatar-8{top:-35px;right:50%;margin-right:75px}@media screen and (max-width:800px){.page-header{background-position:top left}.page-header-content{max-width:400px}.area{*zoom:1;float:left;clear:none;text-align:inherit;width:31.33333333333333%;margin-left:0%;margin-right:3%;}.area:before,.area:after{content:'';display:table}.area:after{clear:both}.area:nth-child(5n){margin-right:3%;float:left}.area:nth-child(5n+1){clear:none}.area:nth-child(3n){margin-right:0%;float:right}.area:nth-child(3n+1){clear:both}.area:nth-child(4){border:0}}@media screen and (max-width:600px){.title-wrap{padding:0 50px;}.title-wrap:before,.title-wrap:after{width:60px}.title h1{font-size:1.5rem}.area{*zoom:1;float:left;clear:none;text-align:inherit;width:48.5%;margin-left:0%;margin-right:3%;}.area:before,.area:after{content:'';display:table}.area:after{clear:both}.area:nth-child(3n){margin-right:3%;float:left}.area:nth-child(3n+1){clear:none}.area:nth-child(2n){margin-right:0%;float:right}.area:nth-child(2n+1){clear:both}.area:nth-child(even){border-left:solid 1px #d6d6d6}.area:nth-child(odd){border:0}.page-lessons,.page-simulator{min-height:350px}.page-content-box{min-height:auto;width:100%;padding:15px}}@media screen and (max-width:500px){.title-wrap{padding:0 40px}.avatars li img{max-width:60px}.avatars li.avatar-0 img{max-width:180px}.avatars li.avatar-1{top:-90px;margin-left:-30px}.avatars li.avatar-2{margin-left:50px}.avatars li.avatar-3{margin-top:-30px;margin-left:85px}.avatars li.avatar-4{margin-top:-42px;margin-left:50px}.avatars li.avatar-5{margin-top:-5px;margin-left:-30px}.avatars li.avatar-6{margin-top:-42px;margin-right:50px}.avatars li.avatar-7{margin-top:-30px;margin-right:85px}.avatars li.avatar-8{margin-right:50px}}