@import url(https://fonts.googleapis.com/css?family=Open+Sans:800|Raleway:400,700);*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:openSans,sans-serif!important;font-weight:800}p{font-family:Raleway,sans-serif;font-size:1.2rem}section .row>h2{text-transform:uppercase}#body{padding-top:65px}.row{overflow:hidden}header{box-shadow:0 3px 10px 0 rgba(0,0,0,.3);z-index:4;padding:10px 0;width:100%;background:#fff;position:fixed}header img{height:45px;padding-left:15px}header .menu{min-height:45px}header .menu li{height:45px}header .menu li a{color:#008737;font-weight:700;position:relative;font-family:raleway,sans-serif}header .menu li a:hover:after{content:"";border-top:2px solid #008737;width:80%;margin:auto;display:block;margin-top:5px}#slider{padding-top:45px;height:500px;z-index:-1;background-image:url(../img/Escritorio.jpg);background-position:top;background-size:cover;position:relative}#slider h1{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color:#fff;text-shadow:2px 4px 2px #000}#projects{clear:both;overflow:hidden;padding-top:25px}#projects .project *,#projects .project :before{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#projects h2{color:#002610;text-transform:uppercase}#projects .subtitle{font-size:20px;font-family:raleway,sans-serif}#projects ul{margin-left:0}#projects .project{overflow:hidden;height:400px;float:left;position:relative}#projects .project:before{content:"";display:block;position:relative;width:100%;height:100%;background:#000;opacity:0}#projects .project{float:left;border:5px solid transparent}#projects .project img{height:100%;width:100%;position:absolute;top:50%;-o-object-fit:cover;object-fit:cover;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);-o-transform:translatey(-50%);transform:translatey(-50%);z-index:-1}#projects .project img:before{content:"";display:block;width:100%;height:100%;background:#000}#projects .project h2{font-size:2rem;width:100%;text-align:center;color:#fff;font-weight:700;position:absolute;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);-o-transform:translatey(-50%);transform:translatey(-50%);text-shadow:0 4px 4px #000}#projects .project p{text-align:center;width:100%;color:#fff;font-weight:700;position:absolute;font-family:raleway,sans-serif;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);-o-transform:translatey(-50%);transform:translatey(-50%);opacity:0}#projects .project .button{position:absolute;display:block;font-weight:700;font-family:raleway,sans-serif;width:200px;left:0;right:0;margin:auto;top:70%;background:0 0;border:2px solid #fff;border-radius:10px;opacity:0}#projects .project .button:hover{background:#008737;-webkit-box-shadow:0 3px #000;box-shadow:0 3px #000}#projects .project:hover{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#projects .project:hover h2{top:40%}#projects .project:hover p{opacity:1}#projects .project:hover:before{opacity:.3}#projects .project:hover .button{opacity:1;top:55%}#testimonials{padding:30px 0;background:#008737;background:-moz-linear-gradient(top,#008737 0,#2e9b5b 100%);background:-webkit-linear-gradient(top,#008737 0,#2e9b5b 100%);background:linear-gradient(to bottom,#008737 0,#2e9b5b 100%)}#testimonials h2{color:#fff}#testimonials .subtitle{font-family:raleway,sans-serif;color:#002610;font-size:20px;margin-bottom:50px}#testimonials img{border-radius:50%;border:8px solid #008737;-webkit-box-shadow:0 5px 5px;box-shadow:0 5px 5px;background:#fff}#testimonials .textoCliente{color:#fff;position:relative;font-family:raleway,sans-serif;color:#002610}#testimonials .nombreCliente{font-weight:700;font-family:arial;padding:.6rem}#testimonials .projButton{background:0 0;color:#002610;font-weight:700;border-radius:5px;border:3px solid #002610;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#testimonials .projButton:hover{-webkit-box-shadow:0 3px 5px 0 #000;box-shadow:0 3px 5px 0 #000}#clients{padding:40px 0}#clients ul{width:100%;margin-left:0}#clients h2{color:#2e9b5b}#clients .clients li{height:100px;display:block;position:relative;overflow:hidden}#clients .clients img{height:100%;width:100%;object-fit:scale-down;display:block;background:#fff}.portfolio-element,.portfolio-element .more,.portfolio-element h2,.portfolio-element p,.portfolio-element:before{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#portfolio{padding:40px 0 0}#portfolio .row>h2{color:#002610}.portfolio-element{position:relative;display:block;overflow:hidden;float:left;font-family:helvetica,arial,sans-serif;border:5px solid transparent}#portfolio .portfolio-element:hover{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:5px solid #002610;z-index:2}.portfolio-element img{display:block;width:100%;z-index:1}.portfolio-element h2{opacity:0;position:absolute;z-index:2;text-align:center;width:80%;font-family:sans-serif;font-size:1.5rem;font-weight:700;top:20px;color:#fff;left:0;right:0;margin:auto}.portfolio-element:before{opacity:0;content:"";display:block;width:100%;height:100%;position:absolute;z-index:2;background:#002610;background:-moz-linear-gradient(45deg,#002610 0,#2e9b5b 100%);background:-webkit-linear-gradient(45deg,#002610 0,#2e9b5b 100%);background:linear-gradient(45deg,#002610 0,#2e9b5b 100%)}.portfolio-element .more,.portfolio-element p{position:absolute;bottom:0;z-index:3;color:#fff}.portfolio-element p{opacity:0;width:100%;display:block;text-align:center;position:absolute;bottom:40px}.portfolio-element .more{opacity:0;display:none;border:2px solid #fff;padding:5px 10px;color:#fff;border-radius:10px;display:block;position:absolute;left:50%;transform:translatex(-50%);bottom:-20px;font-family:helvetica,arial,sans-serif;font-weight:700}.portfolio-element .more:hover{background:#008737;box-shadow:0 3px 0 rgba(0,0,0,.8)}.portfolio-element:hover .more,.portfolio-element:hover h2,.portfolio-element:hover p{opacity:1}.portfolio-element:hover .more{bottom:20px}.portfolio-element:hover:before{opacity:1}footer{background:#030502}footer h4{color:#fafafa}footer ul{margin:0 0 10px;list-style:none}footer ul li a{color:green}footer ul li a:hover{color:#90ee90}footer p{margin:9px 20px;font-weight:700;color:#fff}footer .menu a{color:#fff;font-size:1.2rem}#ImageModal{position:relative;max-height:99%;width:90%!important}#ImageModal .closeBtn{right:20px;top:20px;position:absolute;display:block;padding:3px 8px 5px;border-radius:5px;font-weight:700;font-size:2.5rem}#ImageModal img{display:block}footer .row:first-child{display:none}#contact{padding:40px 0}#contact h2{color:#002610}#contact label,#contact legend{color:#002610;font-weight:700;font-family:Raleway,sans-serif}#contact textarea{height:100px;resize:none;overflow:auto}#contact .button{float:right;border-radius:5px;font-weight:700;border:3px solid #008737;background:#008737;font-family:raleway,sans-serif;color:#002610;padding:.5rem 1.2rem}#contact .button:hover{-webkit-box-shadow:0 3px 0 0 #000;box-shadow:0 3px 0 0 #000}#clients>.row,#contact>.row,#portfolio>.row,#projects>.row,#testimonials>.row{padding:20px 20px;overflow-x:hidden}span.circulos{position:relative;border-radius:50%;display:inline-block;border:4pt solid;height:30px;width:30px;vertical-align:middle;margin-top:-10px;padding:0}span.circulos:before{content:"";width:50rem;border-top:4pt solid;position:absolute;top:35%}span.circulos:first-of-type:before{right:100%}span.circulos:last-of-type:before{left:100%}.menu-icon{float:right;margin-right:20px;margin-top:13px}.menu-icon:after{background:green;-webkit-box-shadow:0 7px 0 green,0 14px 0 green;box-shadow:0 7px 0 green,0 14px 0 green}#header{position:relative}#header h1{position:absolute;padding-left:10px;top:50%;color:#fff;text-shadow:3px 5px 5px #000;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}#header .row{position:static;height:100%}section h2{color:green}#aboutme,#aboutservice{margin:40px 0}#aboutme p{font-size:1.3rem;font-family:Raleway,sans-serif}#aboutme ul{list-style:none;text-indent:0;padding:0;margin:0}#aboutme ul img{margin-bottom:1rem;width:100%}#aboutservice p{font-family:Raleway,sans-serif}#aboutservice .quote{display:block;padding:10px;background:#e2e2e2;font-family:Raleway,sans-serif;font-size:1.4rem;text-align:center}#aboutservice .quote .button{margin-top:10px;margin-bottom:0}#aboutservice .button{display:block;clear:both;border-radius:10px;background:green}#service-page section:not(#header){padding:50px 0}#description p,#services p{font-size:1.3rem}#services{background:green}#services .row>h2{color:#fff}.service .columns{margin-top:30px;background:#fafafa;padding:30px}.service h2{text-align:center;color:green;text-transform:uppercase}.service p{font-family:Raleway,sans-serif;text-align:center}.service .divider{content:"";display:block;width:80%;margin:10px auto;position:relative;border-bottom:1px solid green}.service li{font-family:Raleway,sans-serif}.service .price{display:block;width:100%;font-size:1.5rem;color:Green;text-align:center;font-family:Raleway,sans-serif}.service .price b{display:block;margin-top:-15px;font-size:3rem;font-family:"Open Sans"}.service .button{width:50%;float:left;color:#fff;font-family:Raleway,sans-serif;font-weight:700;background-color:green}.service .button:last-of-type{color:green;background:#90ee90}.service .button:hover{color:#fff;background-color:#006400;margin-top:-3px;-webkit-box-shadow:0 4px 0 #000;box-shadow:0 4px 0 #000}#service-page .benefit{height:350px}.benefit{position:relative}.benefit .content{position:relative;padding:10px;min-height:330px;margin-bottom:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.benefit .content i{display:inline-block;background:green;color:#fff;padding:30px;margin-top:1rem;margin-bottom:1rem;border-radius:50%;font-size:5rem}main h1,section .row{position:relative}.float-image{padding:40px 0;background:#008737;background:-moz-linear-gradient(-45deg,#008737 0,#2e9b5b 100%);background:-webkit-linear-gradient(-45deg,#008737 0,#2e9b5b 100%);background:linear-gradient(135deg,#008737 0,#2e9b5b 100%)}.float-image .row{overflow:initial;position:relative}.float-image .text h1{color:#fff;font-weight:#000;text-align:center;text-transform:uppercase}.float-image .text p{color:#fff;text-align:center;font-size:1.2rem;padding:20px}.float-image .media img{display:block;margin:-10% auto -35%;max-height:500px}.float-image+section{padding:150px 20px 0}.float-image+section h2{color:#008737}.float-image+section p{font-size:1.2rem}#benefits h2{color:#008737}#benefits .benefit{height:300px}#benefits .benefit i{background:#2e9b5b}#pricing .pricing{color:#2e9b5b;font-family:"Open Sans",sans-serif;font-size:3rem}.float-image+section .button{font-family:Raleway,sans-serif;font-size:1.2rem;background:#2e9b5b}.float-image+section .button:hover{background:#008737}@media screen and (max-width:640px){#menu{width:100vw}header .menu li a{text-align:center}header .menu li a:after{display:none!important}#MenuButton.hidden{display:block}#menu.hidden{display:none}#slider h1{font-size:2rem;font-weight:700;text-shadow:0 3px #000}#projects .project h2{font-weight:700;top:25%!important}#projects .project{border:5px solid transparent}#projects .project p{display:block;opacity:1;width:80%;margin:auto;left:0;right:0;text-shadow:1px 1px 1px #000}#projects .project .button{opacity:1;top:70%;background:#008737;-webkit-box-shadow:0 3px 0 #000;box-shadow:0 3px 0 #000}#projects .project:hover .button{top:70%}#testimonials img{width:30%;margin-left:50%;transform:translatex(-50%);-ms-transform:translatex(-50%);margin-top:20px;margin-bottom:30px}#testimonials .nombreCliente,#testimonials P{text-align:center;width:100%}#testimonials a{margin:auto;clear:both;float:none!important;display:block;left:0;right:0;max-width:50%;margin-top:30px}#clients .clients li{width:50%}#portfolio .portfolio-element h2{opacity:1;top:20px!important;text-shadow:0 2px 1px #000}#portfolio .portfolio-element img{-webkit-filter:grayscale(.3);-o-filter:grayscale(.3);filter:grayscale(.3)}#portfolio .portfolio-element:before{background:#000;opacity:.4}#portfolio .portfolio-element p{opacity:1}#portfolio .portfolio-element button{opacity:1;bottom:15px}.reveal{width:100%;height:auto;min-height:initial;margin:90px auto}}@media screen and (min-width:641px){#MenuButton.hidden{display:none}.float-image{position:relative}.float-image .text{position:absolute;top:50%;width:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.float-image .text p{font-size:1.4rem;padding:0}.float-image .media img{margin:0;max-width:50%}.float-image.right .text{left:20px}.float-image.right .text h1,.float-image.right .text p{text-align:left}.float-image.right .media img{float:right}.float-image.left .text{right:20px}.float-image.left .text h1,.float-image.left .text p{text-align:right}.float-image.left .media img{float:left}.float-image+section{padding:50px 0}.float-image+section p{text-align:left;font-size:1.4rem}#benefits .benefit{height:300px}}@media screen and (min-width:641px) and (max-width:1024px){section .project h2{font-weight:#000;top:37%!important}#projects .project:nth-of-type(2) h2{top:27%!important}#projects .project p{display:block;opacity:1;width:80%;position:absolute;margin:auto;left:0;right:0}#projects .project .button{opacity:1;top:60%}#projects .project:hover .button{top:60%}#portfolio h2{width:100%}#portfolio .subtitle{font-family:raleway,sans-serif;font-size:20px}#portfolio .portfolio-element h2{opacity:1;text-shadow:1px 1px 4px #000}#portfolio .portfolio-element p{opacity:1}#portfolio .portfolio-element button{bottom:20px;opacity:1}#portfolio .portfolio-element:before{opacity:.2}#portfolio .portfolio-element:hover{-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}#benefits .benefit{height:400px}#contact form{width:80%}}@media screen and (min-width:1024px){#aboutservice .button{width:200px;margin:auto;font-family:Raleway,sans-serif;font-size:1.2rem}}