.verde{color:#A9CF38}.light{font-weight:lighter}.bold{font-weight:bold !important}.size13{font-size:13px !important}section{min-height:800px}.global{margin-bottom:100vh;min-height:600px}.texto{font-weight:lighter}.home{padding:5vh;background-image:url("../img/body-bg.jpg");background-repeat:no-repeat;background-position:top left;background-size:cover;background-color:#fff;height:100vh;position:relative;background-attachment:scroll}.home .titulo h1{font-size:70px;font-family:"Roboto Slab";color:#000}@media (max-width: 767px){.home .titulo h1{font-size:40px}}@media (min-width: 1200px) and (max-width: 1399px){.home .titulo h1{font-size:60px;font-family:"Roboto Slab";color:#000}}@media (min-width: 1200px) and (max-width: 1399px) and (max-width: 767px){.home .titulo h1{font-size:40px}}.home .contenido{width:50%;margin:30vh 0 0 10vh}@media (max-width: 767px){.home .contenido{width:100%;margin:0;display:flex;justify-content:center;flex-direction:column;height:80vh;min-height:600px}}@media (min-width: 768px) and (max-width: 1199px){.home .contenido{width:70%;margin:0;display:flex;justify-content:center;flex-direction:column;height:80vh;min-height:600px}}@media (min-width: 1200px) and (max-width: 1399px){.home .contenido{margin:22vh 0 0 10vh}}.home .texto{font-size:32px;width:70%;line-height:42px}@media (max-width: 767px){.home{padding:2vh;background-size:127%;background-position:-30px 29%;background-repeat:no-repeat}}@media (min-width: 768px) and (max-width: 1199px){.home{padding:2vh;background-size:150%;background-position:-290px 29%;background-repeat:no-repeat}}.nosotros{padding:5vh 25vh;background-image:url("../img/nosotros-bg.jpg");background-repeat:no-repeat;background-position:center right;background-size:cover;background-color:#fff;height:100vh;position:relative;background-attachment:fixed}.nosotros .contenido{margin-top:25vh;width:50%;font-size:25px}.nosotros .contenido .texto{line-height:35px}@media (max-width: 767px){.nosotros{padding:2vh 5vh;background-position:center}.nosotros .contenido{margin-top:10vh;width:80%;font-size:20px}}@media (min-width: 768px) and (max-width: 1199px){.nosotros{padding:5vh 5vh;background-position:center;height:auto}.nosotros .contenido{margin-top:10vh;width:70%}}@media (min-width: 1200px) and (max-width: 1399px){.nosotros{padding:5vh 15vh}.nosotros .contenido{margin-top:15vh}}.servicios{padding:15vh;background-color:#fff}.servicios .texto{font-size:30px}@media (max-width: 767px){.servicios{padding:10vh 2vh 2vh 2vh}}@media (min-width: 768px) and (max-width: 1199px){.servicios{padding:10vh 2vh 2vh 2vh}}.portafolio{background-image:url("../img/portafolio-bg.png");background-repeat:no-repeat;background-position:-200px top;background-size:cover;background-color:#FCF8EB;position:relative;background-attachment:fixed;background-size:inherit !important;padding:15vh 0}.portafolio .contenido{padding:0 15vh}@media (max-width: 767px){.portafolio .contenido{padding:0 2vh}}@media (min-width: 768px) and (max-width: 1199px){.portafolio .contenido{padding:0 2vh}}.clientes{padding:15vh;background-color:#EDF2F2;height:100vh;position:relative;background-attachment:scroll}.clientes .texto{padding-top:10vh}@media (min-width: 1200px) and (max-width: 1399px){.clientes .texto{padding-top:5vh}}@media (min-width: 768px) and (max-width: 1199px){.clientes .texto{padding-top:2vh}}.clientes .texto .client-grid{display:flex;flex-wrap:wrap;align-content:space-between}.clientes .texto .client-grid .item{flex-grow:5;margin:1px 1px 20px 1px;align-self:end;text-align:center;padding:1%}@media (max-width: 767px){.clientes{padding:10vh 2vh;height:auto}.clientes .item{padding:5% !important}}@media (min-width: 768px) and (max-width: 1199px){.clientes{padding:10vh 2vh;height:auto}.clientes .item{padding:2% !important}}@media (min-width: 1200px) and (max-width: 1399px){.clientes{height:auto}}.contacto{padding:15vh;background-color:#F5F9E7;position:relative;background-attachment:scroll}.contacto .contenido{font-size:25px}.contacto .contenido .texto{line-height:35px;width:80%;min-width:320px}@media (min-width: 768px) and (max-width: 1199px){.contacto .contenido .texto{width:100%}}.contacto .form-grid{font-size:20px;font-weight:lighter}@media (max-width: 767px){.contacto{padding:10vh 2vh}}@media (min-width: 768px) and (max-width: 1199px){.contacto{padding:10vh 2vh}}footer{padding:25vh;width:100%;min-height:600px;background-color:#171E04;height:100vh;position:relative;background-attachment:scroll;color:#fff;font-size:22px;position:fixed;bottom:0;z-index:-10}footer .contenido{margin-top:20vh;line-height:1.7em}footer .follow span{padding:15px 25px 15px 0}@media (max-width: 767px){footer{padding:10vh 5vh}footer .logo{display:none}footer .col{padding:20px 0 !important;border-bottom:1px rgba(169,207,56,0.6) solid}}@media (min-width: 768px) and (max-width: 1199px){footer{padding:10vh 5vh}footer .logo{display:none}footer .col{padding:20px 0 !important;border-bottom:1px rgba(169,207,56,0.6) solid}}@media (min-width: 1200px) and (max-width: 1399px){footer{padding:20vh 5vh !important}}.diseno{padding:90px 50px 30px 50px;background-color:#F97077;background-image:url("../img/diseno-bg.png");background-position:50px 40px;background-repeat:no-repeat;border-radius:5px;margin-bottom:20px;height:232px;transition:all 0.3s ease-out}.diseno .titulo h3{font-size:25px;color:#fff;line-height:10px;font-weight:normal}.diseno .texto{font-size:20px;color:#fff}.diseno:hover{background-color:rgba(249,112,119,0.9);transform:scale(1.02, 1.02)}@media (max-width: 767px){.diseno{padding:90px 25px 30px 25px;height:auto;background-position:25px 40px}.diseno .titulo h3{line-height:inherit}}@media (min-width: 768px) and (max-width: 1199px){.diseno{padding:90px 25px 30px 25px;height:280px;background-position:25px 40px}.diseno .titulo h3{line-height:inherit}}@media (min-width: 1200px) and (max-width: 1399px){.diseno{height:280px}.diseno .titulo h3{line-height:inherit}}.ux{padding:90px 50px 30px 50px;background-color:#C3DE75;background-image:url("../img/ux-bg.png");background-position:50px 40px;background-repeat:no-repeat;border-radius:5px;margin-bottom:20px;height:232px;transition:all 0.3s ease-out}.ux .titulo h3{font-size:25px;color:#000;line-height:10px;font-weight:normal}.ux .texto{font-size:20px;color:#464444}.ux:hover{background-color:rgba(195,222,117,0.9);transform:scale(1.02, 1.02)}@media (max-width: 767px){.ux{padding:90px 25px 30px 25px;height:auto;background-position:25px 40px}.ux .titulo h3{line-height:inherit}}@media (min-width: 768px) and (max-width: 1199px){.ux{padding:90px 25px 30px 25px;height:280px;background-position:25px 40px}.ux .titulo h3{line-height:inherit}}@media (min-width: 1200px) and (max-width: 1399px){.ux{height:280px}.ux .titulo h3{line-height:inherit}}.comercio{padding:90px 50px 30px 50px;background-color:#8F9796;background-image:url("../img/comercio-bg.png");background-position:50px 40px;background-repeat:no-repeat;border-radius:5px;margin-bottom:20px;height:232px;transition:all 0.3s ease-out}.comercio .titulo h3{font-size:25px;color:#fff;line-height:10px;font-weight:normal}.comercio .texto{font-size:20px;color:#fff}.comercio:hover{background-color:rgba(143,151,150,0.9);transform:scale(1.02, 1.02)}@media (max-width: 767px){.comercio{padding:90px 25px 30px 25px;height:auto;background-position:25px 40px}.comercio .titulo h3{line-height:inherit}}@media (min-width: 768px) and (max-width: 1199px){.comercio{padding:90px 25px 30px 25px;height:280px;background-position:25px 40px}.comercio .titulo h3{line-height:inherit}}@media (min-width: 1200px) and (max-width: 1399px){.comercio{height:280px}.comercio .titulo h3{line-height:inherit}}.hosting{padding:90px 50px 30px 50px;background-color:#1ED1CC;background-image:url("../img/hosting-bg.png");background-position:50px 40px;background-repeat:no-repeat;border-radius:5px;margin-bottom:20px;height:232px;transition:all 0.3s ease-out}.hosting .titulo h3{font-size:25px;color:#000;line-height:10px;font-weight:normal}.hosting .texto{font-size:20px;color:#464444}.hosting:hover{background-color:rgba(30,209,204,0.9);transform:scale(1.02, 1.02)}@media (max-width: 767px){.hosting{padding:90px 25px 30px 25px;height:auto;background-position:25px 40px}.hosting .titulo h3{line-height:inherit}}@media (min-width: 768px) and (max-width: 1199px){.hosting{padding:90px 25px 30px 25px;height:280px;background-position:25px 40px}.hosting .titulo h3{line-height:inherit}}@media (min-width: 1200px) and (max-width: 1399px){.hosting{height:280px}.hosting .titulo h3{line-height:inherit}}.identidad{padding:90px 50px 30px 50px;background-color:#EFF6DB;background-image:url("../img/identidad-bg.png");background-position:50px 40px;background-repeat:no-repeat;border-radius:5px;margin-bottom:20px;height:232px;transition:all 0.3s ease-out}.identidad .titulo h3{font-size:25px;color:#000;line-height:10px;font-weight:normal}.identidad .texto{font-size:20px;color:#626D6C}.identidad:hover{background-color:rgba(239,246,219,0.9);transform:scale(1.02, 1.02)}@media (max-width: 767px){.identidad{padding:90px 25px 30px 25px;height:auto;background-position:25px 40px}.identidad .titulo h3{line-height:inherit}}@media (min-width: 768px) and (max-width: 1199px){.identidad{padding:90px 25px 30px 25px;height:280px;background-position:25px 40px}.identidad .titulo h3{line-height:inherit}}@media (min-width: 1200px) and (max-width: 1399px){.identidad{height:280px}.identidad .titulo h3{line-height:inherit}}.redes{padding:90px 50px 30px 50px;background-color:#B4E0A6;background-image:url("../img/redes-bg.png");background-position:50px 40px;background-repeat:no-repeat;border-radius:5px;margin-bottom:20px;height:232px;transition:all 0.3s ease-out}.redes .titulo h3{font-size:25px;color:#000;line-height:10px;font-weight:normal}.redes .texto{font-size:20px;color:#000}.redes:hover{background-color:rgba(180,224,166,0.9);transform:scale(1.02, 1.02)}@media (max-width: 767px){.redes{padding:90px 25px 30px 25px;height:auto;background-position:25px 40px}.redes .titulo h3{line-height:inherit}}@media (min-width: 768px) and (max-width: 1199px){.redes{padding:90px 25px 30px 25px;height:280px;background-position:25px 40px}.redes .titulo h3{line-height:inherit}}@media (min-width: 1200px) and (max-width: 1399px){.redes{height:280px}.redes .titulo h3{line-height:inherit}}body{font-family:roboto;color:#626D6C;background-color:#fff}@media (max-width: 767px){body{background-size:127%;background-position:-58px 0}}@media (min-width: 768px) and (max-width: 1199px){body{background-size:127%;background-position:-110px 0}}strong{font-weight:bold}a{color:#626D6C;transition:all 0.3s}a.button{padding:15px 30px !important;background-color:#F97077;color:#fff;border-radius:5px;font-weight:normal !important;display:initial}a.button:hover{background-color:#FFF;box-shadow:#A9CF38 0 0 0 1px;color:#626D6C !important}a.button:hover:after{width:0 !important}a:hover{color:#A9CF38}button,input,optgroup,select,textarea{font-family:roboto;font-weight:lighter;font-size:20px !important}.wrapper{width:90%;margin:0 auto}@media (min-width: 1200px) and (max-width: 1399px){.wrapper{width:100%}}@media (min-width: 1440px){.wrapper{width:90%}}.titulo h1{font-size:48px;font-family:"Roboto Slab";color:#000}@media (max-width: 767px){.titulo h1{font-size:40px}}.subtitulo h2{font-weight:lighter;font-size:22px;border-bottom:1px solid #626D6C;display:initial}.copyright{font-size:13px;font-weight:lighter;position:absolute;bottom:10px}.nav{width:100%;display:flex;justify-content:space-between;padding:5vh 5vh 1vh 5vh;position:fixed;z-index:9999;transition:all 0.4s ease-in-out}@media (max-width: 767px){.nav{padding:3vh 3vh 1vh 3vh}}@media (min-width: 768px) and (max-width: 1199px){.nav{padding:2vh 2vh 1vh 2vh}}.nav a{font-weight:lighter;font-size:1rem;text-transform:uppercase;position:relative;transition:"0.3s";padding:10px 0}.nav a:after{background:#A9CF38;content:'';display:block;width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:0}.nav a:hover,.nav a.mPS2id-highlight{color:#A9CF38}.nav a:hover:after,.nav a.mPS2id-highlight:after{width:100%}.nav a.mPS2id-highlight.button{background-color:#A9CF38;color:#fff}.nav a.mPS2id-highlight.button:after{width:0}@media (min-width: 768px) and (max-width: 1199px){.nav a{font-size:13px}}.nav .logo{width:398px;transition:all 0.4s ease-in-out}@media (max-width: 767px){.nav .logo{width:85%;max-width:320px}}@media (min-width: 768px) and (max-width: 1199px){.nav .logo{width:25%}}@media (min-width: 1200px) and (max-width: 1399px){.nav .logo{width:30%}}.nav .logo img{width:100%;height:auto}.nav .menu{width:50%}@media (max-width: 767px){.nav .menu{display:none}}@media (min-width: 768px) and (max-width: 1199px){.nav .menu{width:70%}}@media (min-width: 1200px) and (max-width: 1399px){.nav .menu{width:65%}}.nav .menu ul{display:flex;justify-content:space-between}.menuFijo{background-color:rgba(255,255,255,0.9);padding:15px 5vh 1vh 5vh !important}.menuFijo .logo{width:250px;height:auto}@media (min-width: 768px) and (max-width: 1199px){.menuFijo .logo{width:26%}}@media (min-width: 768px) and (max-width: 1199px){.menuFijo{padding:15px 2vh 1vh 2vh !important}}#header{display:flex;width:60%;min-width:50%;flex-direction:column;align-content:center;height:95vh;justify-content:space-evenly;min-height:500px}@media (max-width: 767px){#header{height:90vh;width:100%}}@media (min-width: 768px) and (max-width: 1199px){#header{width:100%}}.portafolio-grid{margin-top:50px}.portafolio-grid col{overflow:hidden}.portafolio-grid .item{background-color:#fff;border-radius:5px;padding:20px;margin-bottom:20px;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;height:350px;cursor:pointer}.portafolio-grid .item:hover span{opacity:1;top:0}.portafolio-grid .item img{width:100%;height:auto;min-width:200px}.portafolio-grid .item span{background-color:rgba(0,0,0,0.8);position:absolute;width:100%;text-align:center;color:#FFF;font-weight:normal;font-size:30px;display:flex;vertical-align:middle;justify-content:center;flex-direction:column;align-items:center;transition:all 0.2s ease-out;opacity:0;height:100%;left:0;border-radius:5px;top:100%}.portafolio-grid .item span .desc{text-transform:uppercase;font-weight:lighter;font-size:16px;color:#A9CF38}.p-t25{padding-top:13px !important}.button{background-color:#A9CF38;color:#fff;display:block;width:100%;border:0;padding:1em 0;border-radius:5px;transition:all 0.3s}.button:hover{background-color:#03CCC6}.button:disabled{background-color:#626D6C}.success{background-color:#A9CF38;padding:5px 15px;display:block;color:#fff;font-size:18px;border-radius:5px;animation-name:fadein;animation-duration:2s}.error{background-color:#F97077;padding:5px 15px;display:block;color:#fff;font-size:18px;border-radius:5px;animation-name:fadein;animation-duration:2s}.opacity100{opacity:1}@keyframes fadein{from{opacity:0}to{opacity:1}}