*{margin:0;padding:0}.title{font-size:1.6em;margin:10px 0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.center{margin:0 auto}.container-small{width:60%;margin:0 auto}.container-medium{width:75%;margin:0 auto}.float-right{float:right}.menu-movil{font-size:1.8em;text-align:center;cursor:pointer}body{font-family:'Roboto',sans-serif}a{color:inherit}header{width:100%;float:left;position:fixed;font-size:1.1em;background:#273b47;color:#fff;z-index:1;}header section{display:flex;}header section nav{width:auto;}header section nav ul{float:right;list-style:none;}header section nav ul li{padding:17px 15px;float:left;list-style:none;-o-transition:0.8s background;-ms-transition:0.8s background;-moz-transition:0.8s background;-webkit-transition:0.8s background;transition:0.8s background;}header section nav ul li div span{margin-top:10px;margin:0 10px}header section nav ul li a{text-decoration:none;color:inherit;}header section nav ul li a:hover{border-bottom:1px solid #ccc}header section nav ul li ul{background:#273b47;margin-top:17px;color:#fff;}header section nav ul li ul li{float:none;color:#fff;padding:10px}header section nav ul li:hover ul{display:block;background:#273b47;margin-top:17px;color:#000;}header section nav ul li:hover ul li{width:100%;padding:10px;}header section nav ul li:hover ul li:hover{background:none}header section nav ul li ul{display:none;position:absolute;max-width:100%;text-align:left;color:#fff;}.top_header{background:url("img/keyboard.jpg") #ccc fixed bottom right no-repeat;height:100vh;margin:0 !important;}.top_header div{background:rgba(250,250,250,0.5);padding:15px 0;}.top_header div h2,.top_header div p{margin:10px 0}.top_header div h2{font-size:1.9em}.count{padding:20px 0;text-align:center;font-size:1.4em;color:#273b47;font-family:"Roboto",sans-serif;font-weight:700;max-width:100%;}.count p{margin:10px 0}.count #code-line{font-size:2.4em;font-family:"Lato",sans-serif;font-weight:900}.sabemos{background:#000;color:#fff;font-size:1.7em;text-align:center;padding:20px 0;text-transform:uppercase}.servicios{background:#273b47;padding:30px 0;}.servicios h3{font-size:2em;margin:10px 0}.servicios div{padding:55px 15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;font-family:"Roboto",sans-serif;}.servicios div div{background:#fff;-webkit-border-radius:10px;border-radius:10px;}.servicios div div p span{color:#ccc;font-size:3.5em}.servicios div div p a{font-size:1.1em;padding:10px 20px;margin:10px 10px}.recomendaciones{background:rgba(0,0,0,0.1);padding:60px 0;font-family:"Lato",sans-serif;}.recomendaciones span{font-size:2.5em}.recomendaciones p{font-size:2em;color:#273b47;text-align:center}.recomendaciones footer{display:flex;font-family:'Dosis',sans-serif;margin-top:20px;}.recomendaciones footer img{-webkit-border-radius:50%;border-radius:50%}.recomendaciones footer p{font-size:1.15em}.clientes{padding:30px 0;}.clientes p{font-family:"Roboto",sans-serif;font-size:1.2em;margin:15px 0}.clientes .title{font-size:2.4em;font-weight:900;font-family:"Lato",sans-serif}.clientes img{-webkit-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);margin:10px auto;max-width:200px;max-height:100px;}.clientes img:hover{-webkit-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}.ideas{background:url("img/laptop.jpg") center fixed #ccc;padding:80px 0;margin-top:20px;}.ideas p{font-family:"Roboto",sans-serif;font-weight:900;font-size:2.3em;color:#fff;text-align:center}.ideas span{font-size:7em;color:#fff;text-align:center;width:100%}.ideas ul li p{font-family:"Roboto",sans-serif;text-align:left}.ideas .content{background:rgba(0,0,0,0.4);padding:20px}footer .contacto{background:#273b47;padding:20px 0;max-width:100%;text-align:center;color:#fff;font-size:1.3em;}footer .contacto span{font-size:2.4em;margin:15px 0}footer .formulario{width:100%;margin:30px 0;}footer .formulario .t{margin:20px 0}footer .formulario p{font-family:"Roboto",sans-serif;font-size:1.5em;text-align:center}footer .formulario .title{font-size:2em;font-weight:900}footer .formulario input,footer .formulario textarea,footer .formulario label{float:left;width:100%}footer .formulario input{height:50px;margin-bottom:10px;font-size:1.4em;background:none;border:none;border-bottom:3px solid #273b47;-o-transition:1s border ease-out;-ms-transition:1s border ease-out;-moz-transition:1s border ease-out;-webkit-transition:1s border ease-out;transition:1s border ease-out;}footer .formulario input:focus{border-bottom:3px solid #008000;outline:none}footer .formulario input:selected{border:none}footer .formulario textarea{background:none;border:none;border-bottom:3px solid #273b47;font-size:1.6em;-o-transition:1s border ease-out;-ms-transition:1s border ease-out;-moz-transition:1s border ease-out;-webkit-transition:1s border ease-out;transition:1s border ease-out;}footer .formulario textarea:focus{border-bottom:3px solid #008000;outline:none}footer .formulario label,footer .formulario input,footer .formulario textarea{font-family:"Roboto",sans-serif;font-size:1.4em}footer .social{width:100%;float:left;background:#273b47;font-size:1.2em;padding:35px 0;color:#fff;margin-top:30px;text-align:center;}.serv .s2{padding:60px 0;}.serv .s2 h3{font-size:2em;text-align:center}.serv .propuesta p{font-size:1.4em;margin:50px 0}.serv .header_servicios{padding:150px 0 100px 0;color:#fff;}.serv .header_servicios h1{font-size:3em}.serv .header_servicios h2{border-top:2px solid #fff;font-size:2em}.serv .header_servicios.desarrollo{background:url("./img/code.jpg") no-repeat #273b47}.serv .office{background:url("./img/office.jpg") no-repeat fixed center;color:#fff;font-family:"Roboto",sans-serif;font-size:1.5em;padding:100px 0;}.serv .office .container{background:rgba(0,0,0,0.6);padding:20px}.serv .office p{font-size:2em;text-align:center}.serv .office ul{list-style:none;text-align:center}@media only screen and (min-width:64em){.menu-movil{display:none}}@media only screen and (max-width:64em){header{position:static;}header section{padding:15px 0;}header section nav{margin-top:30px;display:none;float:none;margin-left:-100%;}header section nav ul{float:none;}header section nav ul li{float:none;padding:10px;}header section nav ul li:hover ul{display:none;padding:none;}header section nav ul li:hover ul li{background:none}header section nav ul li ul{position:relative;text-align:left;background:none}.container-small{width:90%}}