*{border:0;box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:"Katibeh","Verdana","Geneva"}nav{position:fixed;left:0;width:100%;z-index:10;font-family:"Poltawski Nowy","Verdana","Geneva";transition:background-color .3s ease,border-bottom .5s ease;height:80px;max-height:0;transition:max-height 1.5s ease;background-color:rgba(0,0,0,.7);color:#fff;border-bottom:1px solid rgba(0,0,0,0)}nav #nav__logo{position:absolute;left:10%;font-size:36px;font-family:inherit;top:50%;transform:translateY(-50%)}nav #nav__logo a{color:#f6e4cd;text-decoration:none}nav #nav__logo a img{width:180px}nav #nav__links{position:absolute;right:10%;top:58%;transform:translateY(-50%)}nav #nav__links #nav__links_dropdown{position:relative;display:inline-block}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content{position:absolute;background-color:rgba(0,0,0,.9);box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;min-width:190px;margin-left:-25px;margin-top:20px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:hidden;max-height:0;transition:max-height .5s ease-in-out}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content a{color:#f6e4cd;padding:12px 16px;text-decoration:none;display:block;text-align:left;border-bottom:1px solid #c57118;font-size:18px}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content a:last-child{border-bottom:0}nav #nav__links #nav__links_dropdown #nav__links_dropdown_content a:hover{background-color:#555}nav #nav__links #nav__links_dropdown:hover #nav__links_dropdown_content{max-height:250px}nav #nav__links i{display:none;padding:20px}nav #nav__links i:hover{cursor:pointer}nav #nav__links ul{display:inline-block;list-style:none;height:100%}nav #nav__links ul li{display:inline-block;font-size:28px;padding:28px 15px;height:100%}nav #nav__links ul li #nav__active{border-bottom:2px solid #fff}nav #nav__links ul li a{text-decoration:none;color:inherit;text-transform:uppercase;letter-spacing:1px;font-family:inherit;border-bottom:2px solid rgba(0,0,0,0);transition:border-bottom .5s ease}nav #nav__links ul li:hover{cursor:pointer}nav #nav__links ul li:hover a{border-bottom:2px solid #fff}main{width:100%}main strong{border-bottom:2px solid #c57118}main h1,main h2{text-align:center;font-family:"Poltawski Nowy";font-size:50px;letter-spacing:1px;padding:75px 0}main #main__whoweare{position:relative;height:500px;border-bottom:2px solid #000}main #main__whoweare_arrow{display:none;position:absolute;left:50%;top:80%;transform:translateX(-50%);z-index:2}main #main__whoweare_arrow i{opacity:0;color:#e6e6e6;animation:fadeIn 5s ease-in-out forwards,bounce 1s ease-in infinite alternate}main #main__whoweare p{opacity:.1;animation:fadeInRight 1s ease-in-out forwards;position:relative;left:50%;top:65%;transform:translate(-50%, -60%);width:50%;text-align:center;font-size:50px;color:#fff;font-weight:400;font-family:"Katibeh","Geneva","sans-serif";line-height:50px;border:1px solid #000;background-color:rgba(0,0,0,.7);border-radius:20px;padding:40px}main #main__whoweare::before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:url("./img/bg_presentacion.jpeg") center/cover no-repeat;animation:fadeInTop 20s ease-in-out infinite;animation-timing-function:linear;animation-direction:alternate;z-index:-1}main #main__whatwedo{position:relative;width:100%;background-color:#fff;height:auto;padding:100px 50px}main #main__whatwedo_images{opacity:0;transition:opacity 1s ease-in-out;display:flex;justify-content:space-between;position:relative;top:50%;transform:translateY(-50%)}main #main__whatwedo_images img{width:150px;height:200px;margin:0 .3rem;border-radius:5px}main #main__whatwedo_paragraphs{opacity:0;transition:opacity 1s ease-in-out}main #main__whatwedo_paragraphs p{font-size:32px;margin-bottom:25px;line-height:28px}main #main__howwedo{clear:both;width:100%;text-align:center;padding-bottom:80px;background-image:url("./img/bg_tecnologia.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}main #main__howwedo_images{width:100%;display:flex;justify-content:space-evenly}main #main__howwedo_images img{display:inline;opacity:0;width:300px;height:250px;border:1px solid #000;border-radius:10px;transition:opacity 1s ease-in-out,transform .3s ease-in-out}main #main__howwedo_images img:hover{transform:scale(1.1)}main #main__howwedo_images .revealImage{animation:revealAnimation 1.3s ease-out;animation-fill-mode:forwards;animation-timing-function:ease-out}main #main__contact{text-align:center;padding-bottom:80px;background-color:#fff}main #main__contact h2{padding-bottom:25px}main #main__contact_row{display:flex;justify-content:center;align-items:center}main #main__contact_row .main__contact_item img{width:80px;height:auto;margin:20px}main #main__contact_row .main__contact_item:hover{transform:scale(1.05)}@keyframes carouselAnimation{0%{transform:translateX(0)}100%{transform:translateX(-1300px)}}@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInTop{from{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes fadeInRight{from{opacity:.1;transform:translate(-47%, -50%);position:absolute}to{opacity:1;position:relative}}@keyframes revealAnimation{0%{-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%)}10%{-webkit-clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%);clip-path:polygon(50% 50%, 50% 50%, 50% 50%, 50% 50%)}100%{-webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}}@media screen and (max-width: 1250px){main #main__whoweare p{padding:15px}}@media screen and (max-width: 1000px){nav #nav__logo{left:15px}nav #nav__links{right:25px}main #main__whoweare p{font-size:34px;width:80%}main #main__whatwedo{padding:50px}main #main__whatwedo_paragraphs p{font-size:28px;line-height:26px;margin-bottom:18px}main #main__whatwedo_images img{width:100px;height:150px;margin:10px}main #main__howwedo_images img{width:250px;height:200px}main #main__howwedo_text{width:70%}}@media screen and (max-width: 800px){nav #nav__links_dropdown_content{display:none}nav #nav__links ul{display:none;position:absolute;top:70px;right:-25px;text-align:right}nav #nav__links ul li{display:block;border-bottom:1px solid #c57118;background-color:rgba(0,0,0,.9);font-size:23px}nav #nav__links ul li:hover{background-color:#555}nav #nav__links ul li:last-child{border-bottom-left-radius:15px;border-bottom:0}nav #nav__links i{display:block}main #main__howwedo_images{flex-wrap:wrap}main #main__howwedo_images img{width:150px;height:100px;margin:15px}}@media screen and (max-width: 766px){main #main__whatwedo{padding:50px 10px}main #main__whatwedo_images{opacity:1;margin-top:15px}main #main__whatwedo_images img{margin:10px 5px}main #main__whatwedo_paragraphs{opacity:1}main #main__howwedo_images img{opacity:1}main #main__howwedo_images .revealImage{animation:none}main .main__contact_item{width:100px}}@media screen and (max-width: 540px){nav #nav__logo a img{width:150px}main #main__whoweare p{padding:10px;line-height:34px}main #main__whatwedo_paragraphs p{line-height:20px}main #main__howwedo_images img{margin:5px;width:110px}main #main__contact_row .main__contact_item img{width:50px;margin:5px}}@media screen and (max-width: 376px){main #main__whoweare p{line-height:30px}main #main__whatwedo_images img{width:80px}main #main__howwedo_images img{margin:30px;width:150px}}