@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700");
@import url("https://fonts.googleapis.com/css?family=PTSerifCaption");
html{background:#749801;font-family:'Lato';font-weight:300;font-size:24px;line-height:125%;color:#5e5e5e}body{margin:0;background:#749801}header{background:linear-gradient(to bottom,rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 1%,rgba(239,239,239,0.9) 95%,rgba(238,238,238,0.9) 100%);border-top:3px solid #749801;box-shadow:0 5px 1px rgba(0,0,0,0.2);color:#fff;position:fixed;top:0;width:100%;z-index:999;}header .container{padding:0 20px;}header .container .btnPortafolio{float:right}header h2{font-size:1.2em;font-weight:400;color:#749801}header .logo{width:41px;float:left;margin:-7px 7px 0 0;-webkit-transition:transform .2s ease;-moz-transition:transform .2s ease;transition:transform .2s ease;}header .logo:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.btnPortafolio{background:rgba(116,152,1,0.55);border:1px solid #749801;border-radius:2px;color:#fff;font-size:.75em;font-weight:300;margin:-15px 10px;padding:12px 32px;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .2s ease;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-webkit-box-shadow:0 8px 5px 0 rgba(50,50,56,0.55);-moz-box-shadow:0 8px 5px 0 rgba(50,50,56,0.55);box-shadow:0 8px 5px 0 rgba(50,50,56,0.55);}.btnPortafolio:hover{background:rgba(116,152,1,0.9);box-shadow:0 3px 5px rgba(0,0,0,0.3)}article{max-width:1400px;position:relative;width:100%;z-index:2}h1 h2 h3 h4{font-weight:400;line-height:125%}h3{color:#fff;font-size:2em;font-weight:700;letter-spacing:.2em;text-transform:uppercase}p{line-height:140%}a{background:transparent;text-decoration:none;color:#749801;transition:background .1s ease;-webkit-transition:background .1s ease;-moz-transition:background .1s ease;}a:hover{background:rgba(125,164,0,0.2)}blockquote{font-family:'PT Serif Caption',serif;font-size:1.35em;font-weight:400;line-height:165%}::selection{background:rgba(125,164,0,0.2)}::-moz-selection{background:rgba(125,164,0,0.2)}.presentacion{position:fixed;text-align:center;top:80px;width:100%;background:#01587d url("../img/presentacion.jpg") no-repeat center center;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;}.presentacion article{margin:0 auto;max-width:100%;position:static;width:auto}.presentacion h1{color:#fff;font-size:3.2em;font-weight:400}.presentacion p{color:#749801;font-size:1.75em;font-weight:300;line-height:125%;margin:0 40px 20px 40px;margin:0 90px 0 90px;padding:8px 10px 12px 8px}.presentacion .box-presentacion{width:100%;position:absolute;top:40%}.circulo{border:1px solid rgba(255,255,255,0.3);border-radius:999999px;bottom:40px;display:block;height:60px;left:50%;margin-left:-30px;position:absolute;transition:background .2s ease;width:60px;z-index:2;-moz-transition:background .2s ease;-webkit-transition:background .2s ease;-o-transition:background .2s ease;}.circulo:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.5)}.flecha{animation:arrowbounce 1.5s ease infinite;border-left:10px solid transparent;border-right:10px solid transparent;border-top:14px solid rgba(255,255,255,0.25);height:0;left:20px;position:absolute;top:22px;transition:top .2s ease;-moz-animation:arrowbounce 1.5s ease infinite;-moz-transition:top .2s ease;-webkit-animation:arrowbounce 1.5s ease infinite;-webkit-transition:top .2s ease;-o-animation:arrowbounce 1.5s ease infinite;-o-transition:top .2s ease;width:0}@-webkit-keyframes arrowbounce{0%{top:26px;border-top-color:rgba(255,255,255,0.25)}50%{top:22px;border-top-color:rgba(255,255,255,0.18)}100%{top:26px;border-top-color:rgba(255,255,255,0.25)}}@-moz-keyframes arrowbounce{0%{top:26px;border-top-color:rgba(255,255,255,0.25)}50%{top:22px;border-top-color:rgba(255,255,255,0.18)}100%{top:26px;border-top-color:rgba(255,255,255,0.25)}}@-o-keyframes arrowbounce{0%{top:26px;border-top-color:rgba(255,255,255,0.25)}50%{top:22px;border-top-color:rgba(255,255,255,0.18)}100%{top:26px;border-top-color:rgba(255,255,255,0.25)}}.about{background:#fff;float:left;position:relative;}.about .profile{border-radius:50%;display:block;height:224px;margin:8% auto 2% auto;position:relative;width:259px}.about blockquote{margin:0;padding:0 25% 8% 25%;position:relative;text-align:center}.about p{opacity:0}.more:before{content:" ";display:table}.more:after{content:" ";display:table}.slider{display:block;float:left;height:400px;padding-top:150px;position:relative;width:100%;z-index:2}h3{text-align:center;opacity:0}.pProyecto{color:#002a3d;font-family:'PT Serif Caption';font-size:1.5em;font-weight:400;opacity:0}.pProyecto:after{content:"";background:#749801;position:relative;width:200px;height:6px;display:block;margin:50px auto 20px auto}p{text-align:center}#overlay{display:none;position:fixed;z-index:999;width:100%;height:100%;background:rgba(0,42,61,0.7);overflow:scroll;cursor:pointer;transform:traslatez(0);-webkit-transform:translatez(0);}#overlay img{display:block;margin:0 auto;max-width:100%}#overlay ul{list-style:none;padding:0;}#overlay ul li{display:none}#overlay p{display:none}#overlay .continue{padding:20px 101px;margin:60px 20%;background:#fff}.trabajos{background:#01587d;display:block;float:left;height:100%;padding-top:150px;position:relative;width:100%;z-index:2;padding:100px 0 100px 0;}.trabajos .bloque-trabajo{padding:0;margin:60px 8% 0 8%}.trabajos h3{text-align:center;opacity:0}.trabajos .pProyecto{color:#002a3d;font-family:'PT Serif Caption';font-size:1.5em;font-weight:400;opacity:0}.pProyecto:after{content:"";background:#749801;position:relative;width:200px;height:6px;display:block;margin:50px auto 20px auto}p{text-align:center}.work{width:47%;height:47%;text-align:center;position:relative;text-align:center;display:inline-block;margin:1.5%;float:left;opacity:0;}.work .mascara{background:rgba(125,164,0,0.2);width:100%;height:100%;position:absolute;transition:all .4s ease-in;transform:scale(0) rotate(-180deg);-webkit-transform:scale(0) rotate(-180deg);opacity:0;top:0;left:0}.work h4{opacity:0;color:#fff;transition:all .4s ease-in-out}.work p{opacity:0;color:#fff;transition:all .4s ease-in-out}.work img{width:100%;height:100%;opacity:1;transition:all .4s ease-in-out .2s}.work:hover .mascara{opacity:1;-webkit-transform:scale(1) rotate(0);-moz-transform:scale(1) rotate(0);-o-transform:scale(1) rotate(0);transform:scale(1) rotate(0);-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}.work:hover img{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.work:hover h4,.work:hover p{opacity:1;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}.contact{background:#fff;width:100%;height:100%;padding:100px 0;position:relative;z-index:2;float:left;}.contact .contact_email{color:#002a3d;font-family:'PT Serif Caption';font-size:1em;font-weight:400;opacity:0}.contact h3{color:#749801;opacity:1}.contact ul li{float:left;list-style:none;width:17%;margin:0 1%;}.contact ul li a{width:100%;}.contact ul li a.twitter:hover{background-color:#55acee}.contact ul li a.git:hover{background-color:#171515;color:#fff}.contact ul li a.blog:hover{background-color:#ea4c89}.contact ul li a.linkedin:hover{background-color:#0e76a8}.contact ul li a:hover{color:#002a3d}.button{color:#fff;padding:20px 0;background:#749801;width:100%;float:left;text-align:center}@media only screen and (max-width:800px){.work{width:96%;margin:2%}.contact ul li{width:auto;margin:10px 1%;}.contact ul li a{padding:12px 28px;width:auto}}@media only screen and (max-width:1200px){.presentacion h1{margin-left:0;margin-right:0;line-height:86%}.presentacion p{margin:0;font-size:1em}.about blockquote{padding-left:2%;padding-right:2%}}@media only screen and (max-width:600px){body{font-size:16px}header .container{padding:0 10px}.btnPortafolio{font-weight:400}article{width:96%}.presentacion{background:#01587d url("../img/presentacion.jpg") no-repeat left center;}.presentacion h1{font-size:2.6em}.presentacion p{margin:0;font-size:1.3em}.presentacion .box-presentacion{width:91%;margin:0 2%}.about .profile{height:100px;width:150px}.about blockquote{padding-left:2%;padding-right:2%}}@-moz-keyframes arrowbounce{{top:22px;border-top-color:rgba(255,255,255,0.18);top:26px;border-top-color:rgba(255,255,255,0.25)}0%{top:26px;border-top-color:rgba(255,255,255,0.25)}}@-webkit-keyframes arrowbounce{{top:22px;border-top-color:rgba(255,255,255,0.18);top:26px;border-top-color:rgba(255,255,255,0.25)}0%{top:26px;border-top-color:rgba(255,255,255,0.25)}}@-o-keyframes arrowbounce{{top:22px;border-top-color:rgba(255,255,255,0.18);top:26px;border-top-color:rgba(255,255,255,0.25)}0%{top:26px;border-top-color:rgba(255,255,255,0.25)}}@keyframes arrowbounce{{top:22px;border-top-color:rgba(255,255,255,0.18);top:26px;border-top-color:rgba(255,255,255,0.25)}0%{top:26px;border-top-color:rgba(255,255,255,0.25)}}