@import url('https://fonts.googleapis.com/css?family=Asap:400,700 rel="stylesheet');html body{color:#4d4d4d;font-family:Asap,sans-serif;margin:0;padding:0;position:relative}html body.yellowBG{background-color:#ebba4d}html body h1{margin:0}main section{background-size:cover}main section .link-next{position:absolute;bottom:0;right:0}main section .link-next a{color:#fff;text-decoration:none;padding:20px;float:right;font-size:14px}main section .link-next a:hover{color:#ebba4d}main section .link-next.dark a{color:#384a58}main section .link-next.dark a:hover{color:#ebba4d}main section .invisible{display:none;opacity:0}main section .container{display:table;height:100%;margin:0 auto;width:100%}@media only screen and (min-width:768px){main section .container{width:85%}}@media only screen and (min-width:992px){main section .container{width:75%}}@media only screen and (min-width:1200px){main section .container{width:60%}}main section.home{background-image:url(../img/home.jpg);height:100vh}main section.us{background-color:#475c6d}main section.us .container{width:100%;display:flex;flex-wrap:wrap;margin:0;padding:0;position:relative}main section.us .container h2{color:#fff;font-size:24px;line-height:28px;font-weight:100;width:auto;padding:20px;margin:40px 0;position:relative;top:80px;text-transform:uppercase}main section.us .container h2.animated{background:#475c6d}@media only screen and (min-width:992px){main section.us .container h2.animated{background:0 0}}@media only screen and (min-width:992px){main section.us .container h2{font-size:30px;line-height:38px;width:65%;position:absolute;top:140px;right:40px}}main section.us .container .left{width:100%;background-image:url(../img/us.jpg);background-position:50%}@media only screen and (min-width:992px){main section.us .container .left{height:100vh;width:60%}}main section.us .container .left .content{color:#fff}@media only screen and (min-width:992px){main section.us .container .left .content{position:absolute;bottom:40px;left:40px}}main section.us .container .left .content h2{position:relative;top:0;right:0}main section.us .container .left .content .line{width:1px;height:60%;background:#fff;position:absolute;top:105px;left:25px;display:none}@media only screen and (min-width:992px){main section.us .container .left .content .line{display:block}}main section.us .container .left .content ul li{text-transform:uppercase;margin:40px 0}main section.us .container .right{width:100%}@media only screen and (min-width:992px){main section.us .container .right{width:40%}}main section.us .container .right h1{padding:40px 20px 20px 40px;color:#384a58;text-transform:uppercase;display:none}@media only screen and (min-width:992px){main section.us .container .right h1{display:table-cell}}main section.us .container .right h1 div{background-color:#384a58}main section.us .container .right ul{padding:20px;margin-bottom:0}@media only screen and (min-width:992px){main section.us .container .right ul{margin-top:130px}}main section.us .container .right ul li{display:table;color:#fff}main section.us .container .right ul li .icon{display:table-cell;vertical-align:middle}main section.us .container .right ul li .block{padding-left:20px}main section.us .container .right ul li .block h5{text-transform:uppercase;font-size:20px;margin-bottom:5px}main section.us .container .right ul li .block p{font-size:14px;line-height:18px}main section.us .link-next{text-align:right;padding:20px;position:relative}main section.us .link-next a{float:none}@media only screen and (min-width:992px){main section.us .link-next a{float:right}}@media only screen and (min-width:992px){main section.us .link-next{position:absolute;right:0;bottom:0;padding:0}}main section h1{color:#fff;display:table-cell;vertical-align:middle;text-transform:uppercase;font-size:32px;line-height:40px;padding:20px;font-weight:100;text-align:center;padding-top:140px}@media only screen and (min-width:992px){main section h1{line-height:52px;font-size:42px;padding-top:0}}main section h1 div{width:30%;margin:40px auto;height:5px;background-color:#fff}@media only screen and (min-width:992px){main section h1 div{width:70px;margin-top:40px}}main section.height{padding:0 0 20px 0}main section.height .link-next{position:relative}@media only screen and (min-width:992px){main section.height .hero .container{height:400px}}main section.height .hero.productos{background-image:url(../img/products.jpg);background-size:cover;background-position-x:50%}main section.height .hero.productos .text-container{text-align:center;width:auto;background-color:#fff;padding:40px}main section.height .hero.productos .text-container p{margin-top:40px;font-size:22px;line-height:28px}@media only screen and (min-width:768px){main section.height .hero.productos .text-container p{width:85%;margin:0 auto}}main section.height .hero.productos .icons{background-color:#eef6fc}main section.height .hero.productos .icons p{width:auto;padding:20px}@media only screen and (min-width:992px){main section.height .hero.productos .icons p{width:50%;margin:0 auto}}main section.height .hero.productos .icons ul{list-style:none;padding:20px;margin:0}@media only screen and (min-width:992px){main section.height .hero.productos .icons ul{margin:0;display:flex;flex-wrap:wrap;padding:40px 0}}main section.height .hero.productos .icons ul li{margin:0 auto;width:100%;text-align:center}@media only screen and (min-width:992px){main section.height .hero.productos .icons ul li{width:33%}}@media only screen and (min-width:992px){main section.header{height:400px}}main section.header.presencia{height:280px;background-image:url(../img/presencia.jpg)}main section.header.clientes{background-image:url(../img/clients.jpg)}main .presencia-content{height:auto;padding-bottom:40px;overflow:hidden}main .presencia-content .map-container{width:100%;position:relative}@media only screen and (min-width:992px){main .presencia-content .map-container{width:992px;margin:40px auto}}main .presencia-content .map-container img{width:70%}main .presencia-content .map-container .text{padding:20px}@media only screen and (min-width:992px){main .presencia-content .map-container .text{padding:0;width:30%;position:absolute;right:0}}main .presencia-content .map-container .text ul li{font-size:20px;line-height:30px}main .clientes-content .link-next{position:relative}main .clientes-content .images{position:relative}main .clientes-content .images .images-container{width:100%}@media only screen and (min-width:768px){main .clientes-content .images .images-container{margin:0 auto}}@media only screen and (min-width:992px){main .clientes-content .images .images-container{margin-top:-90px;margin-bottom:60px}}main .clientes-content .images .images-container ul{padding:0 0 40px 0}@media only screen and (min-width:768px){main .clientes-content .images .images-container ul{width:90%;margin:0 auto;display:flex;flex-wrap:wrap;text-align:center}}@media only screen and (min-width:992px){main .clientes-content .images .images-container ul{padding:0}}main .clientes-content .images .images-container ul li{margin:0 auto;-webkit-box-shadow:6px 6px 34px -17px rgba(0,0,0,.75);-moz-box-shadow:6px 6px 34px -17px rgba(0,0,0,.75);box-shadow:6px 6px 34px -17px rgba(0,0,0,.75);height:360px;position:relative;list-style:none;background-position-y:50%;background-size:cover;margin-bottom:20px;width:100%;padding:0}main .clientes-content .images .images-container ul li:nth-child(1){background-image:url(../img/card1.jpg)}main .clientes-content .images .images-container ul li:nth-child(2){background-image:url(../img/card2.jpg)}main .clientes-content .images .images-container ul li:nth-child(3){background-image:url(../img/card3.jpg)}@media only screen and (min-width:992px){main .clientes-content .images .images-container ul li{width:25%;margin-bottom:0;padding:40px}}main .clientes-content .images .images-container ul li div{padding:20px;position:absolute;bottom:40px;color:#fff;font-size:32px;text-align:left}@media only screen and (min-width:992px){main .clientes-content .images .images-container ul li div{padding:0}}nav{position:absolute;width:100%}nav #header{height:100px;background-color:transparent;transition:all .2s;z-index:10;min-height:100px;position:absolute;width:100%}nav #header.yellowBG{background-color:#ebba4d;height:auto}@media only screen and (min-width:768px){nav #header.yellowBG{height:100vh}}nav #header .top{display:table;width:100%}nav #header .top .logo-container{vertical-align:middle;display:table-cell;padding:20px;width:135px}@media only screen and (min-width:992px){nav #header .top .logo-container{width:180px}}nav #header .top .menu-container{vertical-align:middle;display:table-cell;text-align:right}nav #header .top .menu-container *{margin:0;position:relative;box-sizing:border-box}nav #header .top .menu-container .burger{width:35px;height:22px;display:inline-block;margin:20px;cursor:pointer}nav #header .top .menu-container .burger .bun{transition:all .2s;width:100px;background:#fff;height:2px;position:absolute}nav #header .top .menu-container .burger .bun:nth-child(1){top:0;width:75%}nav #header .top .menu-container .burger .bun:nth-child(2){top:9px;width:50%}nav #header .top .menu-container .burger .bun:nth-child(3){top:18px;width:90%}nav #header .top .menu-container .burger:hover .bun{transition:all .2s}nav #header .top .menu-container .burger:hover .bun:nth-child(1){width:45%}nav #header .top .menu-container .burger:hover .bun:nth-child(2){width:90%}nav #header .top .menu-container .burger:hover .bun:nth-child(3){width:65%}nav #header .top .menu-container .burger.open .bun{transition:all .2s}nav #header .top .menu-container .burger.open .bun:nth-child(1){width:75%;-webkit-transform:translateY(10px) translateX(4px) rotate(-28deg)}nav #header .top .menu-container .burger.open .bun:nth-child(2){width:0%}nav #header .top .menu-container .burger.open .bun:nth-child(3){width:75%;-webkit-transform:translateY(-8px) translateX(4px) rotate(27deg)}nav #header .list-container{transition:all .3s;opacity:1;width:100%;margin:0 auto}nav #header .list-container.invisible{display:none;opacity:0}@media only screen and (min-width:992px){nav #header .list-container{width:60%;margin-top:40px}}nav #header .list-container ul{padding:0 20px}nav #header .list-container ul li{text-align:right;list-style:none;font-size:28px;line-height:60px;color:#fff}nav #header .list-container ul li a{text-decoration:none;color:#fff}nav #header .list-container ul li a:hover{color:#4a5c6b}nav #header .list-container ul li div{height:10px;background:#fff;width:20%;float:right;margin-top:40px}nav #header .list-container .info{padding:20px;margin-top:150px;color:#fff}nav #header .list-container .info h3{font-size:28px;text-transform:uppercase}nav #header .list-container .info p{line-height:26px;font-size:20px}