body{font-family:'Open Sans', sans-serif}.web-content{width:100%;display:flex}.web-content .mobile-ph{width:100%;height:80px}@media (min-width: 992px){.web-content .mobile-ph{display:none}}.web-content .mobile-header{position:fixed;top:0;width:100%;height:80px;background:#263e4e;z-index:100}@media (min-width: 992px){.web-content .mobile-header{display:none}}.web-content .mobile-header .container{padding:10px 15px;display:flex;align-items:center;justify-content:space-between}.web-content .mobile-header .container .logo{max-height:60px}.web-content .mobile-header .container .hamburger{height:40px;width:50px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:8px;border-radius:5px}.web-content .mobile-header .container .hamburger span{width:100%;height:4px;background-color:#fff}.web-content .mobile-header .container .hamburger.active{background:#fff}.web-content .mobile-header .container .hamburger.active span{background-color:#263e4e}.web-content .mobile-menu{position:fixed;top:-100%;left:0;width:100%;background:#263e4e;display:flex;flex-direction:column;line-height:2;z-index:90;padding:15px;transition:top 0.6s cubic-bezier(0.87, 0, 0.13, 1)}.web-content .mobile-menu.show{top:80px}.web-content .mobile-menu a{color:#fff;text-decoration:none}.web-content .mobile-menu .menu-link{font-size:1.2rem;text-align:right}.web-content .sidebar{width:440px;background:#263e4e;position:relative;display:none}@media (min-width: 992px){.web-content .sidebar{display:block}}.web-content .sidebar .sidebar-sticky{height:100vh;position:sticky;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:60px;box-sizing:border-box}.web-content .sidebar .logo{width:100%;max-width:300px}.web-content .sidebar .menu{display:flex;flex-direction:column;line-height:2}.web-content .sidebar .menu a{color:#fff;text-decoration:none}.web-content .sidebar .menu .menu-link{font-size:1.5rem;position:relative}.web-content .sidebar .menu .menu-link:after{content:'';width:0;position:absolute;bottom:0;height:1px;background:#fff;left:0;transition:width .5s ease-in-out}.web-content .sidebar .menu .menu-link:hover:after{width:100%}.web-content .sidebar .menu .menu-sublink{font-size:1rem;position:relative}.web-content .sidebar .menu .menu-sublink:after{content:'';width:0;position:absolute;bottom:0;height:1px;background:#fff;left:0;transition:width .5s ease-in-out}.web-content .sidebar .menu .menu-sublink:hover:after{width:100%}.web-content .sidebar .redes a{padding:5px;transition:opacity .4s ease-in-out}.web-content .sidebar .redes a:hover{opacity:.6}.web-content .title{text-align:center;font-size:1.5rem;color:#282828}@media (min-width: 992px){.web-content .title{text-align:left;font-size:1.7rem}}@media (min-width: 1200px){.web-content .title{font-size:3rem}}.web-content .subtitle{font-size:1.3rem;color:#263e4e}@media (min-width: 992px){.web-content .subtitle{font-size:1.2rem}}@media (min-width: 1200px){.web-content .subtitle{font-size:2rem}}.web-content .box-p{padding:40px 0;font-size:.9rem;line-height:1.2;margin:0 auto;width:100%;color:#727272}@media (min-width: 992px){.web-content .box-p{font-size:1rem}}.web-content .main-content{background:#efefef;flex:1}.web-content .main-content .carousel-projects{max-width:900px;margin:0 auto}.web-content .main-content .carousel-projects .carousel-cell{width:100%;text-align:center}.web-content .main-content .carousel-projects .carousel-cell img{max-width:100%}.web-content .main-content .carousel-projects .flickity-prev-next-button{background:transparent}.web-content .main-content .carousel-projects .flickity-prev-next-button.previous{left:-35px}.web-content .main-content .carousel-projects .flickity-prev-next-button.next{right:-35px}.web-content .main-content .cover{background-position:center;background-size:cover;width:100%}.web-content .main-content .cover .slide{background-position:center;background-size:cover;background-repeat:no-repeat}.web-content .main-content .projects .project-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;height:100%}@media (max-width: 992px){.web-content .main-content .projects .project-item{padding-top:100px}}.web-content .main-content .projects .project-item .project-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;text-align:center;color:#727272}.web-content .main-content .projects .project-item .project-thumb{display:flex;width:100%;height:60vh;text-decoration:none;background-size:contain;background-position:center;background-repeat:no-repeat}@media (max-width: 992px){.web-content .main-content .projects .project-item .project-thumb{height:auto;padding-bottom:80%;margin-bottom:30%}}.web-content .main-content .separator{width:100%;background-position:center;background-size:cover}.web-content .main-content .separator .smartphone{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:100%;padding-right:39px;padding-left:36px;background-image:url("../pics/smartphone.png");background-size:contain;background-position:center;background-repeat:no-repeat}@media (max-width: 992px){.web-content .main-content .separator .smartphone{width:240px;height:80%;padding-left:29px;padding-right:32px;margin-top:20%}}.web-content .main-content .separator .smartphone .smartphone-screen{width:100%;padding-bottom:218%;margin-bottom:15px;background-color:red;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:15px}.web-content .main-content .cafe{width:100%;position:relative;background-position:center;background-size:cover;background-image:url("../pics/about-mobile.jpg")}@media (min-width: 992px){.web-content .main-content .cafe{background-image:url("../pics/about-desktop.jpg");padding:3rem 15px}}.web-content .main-content .cafe .container{font-size:.8rem}@media (min-width: 992px){.web-content .main-content .cafe .container{font-size:1rem}}.web-content .main-content .cafe .container a{color:#263e4e}.web-content .main-content .cafe p{font-size:12pt}.web-content .main-content .cafe .cover-mobile{width:100%;padding-bottom:60%;background-position:center bottom;background-size:cover;background-image:url("../pics/cafe.jpg")}@media (min-width: 992px){.web-content .main-content .cafe .cover-mobile{display:none}}.web-content .photography{background-position:center;background-size:cover;background-repeat:no-repeat}.web-content .photography .fp-slidesContainer{transition:none !important}.web-content .photography .photo-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;height:100%}@media (max-width: 992px){.web-content .photography .photo-item{padding-top:100px}}.web-content .photography .photo-item .photo-caption{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;text-align:center;color:#727272}.web-content .photography .photo-item .photo-thumb{display:flex;width:100%;padding-bottom:40%;text-decoration:none;background-size:contain;background-position:center;background-repeat:no-repeat}@media (max-width: 992px){.web-content .photography .photo-item .photo-thumb{padding-bottom:75%}}.web-content .photography .carousel-ph{width:70%;margin:0 auto}.web-content .photography .carousel-ph .carousel-cell{width:100%;text-align:center}.web-content .photography .carousel-ph .carousel-cell img{max-width:100%}.web-content .photography .carousel-ph .flickity-prev-next-button{background:transparent}.web-content .about-me{background-position:center;background-size:cover;background-repeat:no-repeat;position:relative}.web-content .about-me a{color:#263e4e}.web-content .about-me p{font-size:12pt}.web-content .contacto{background:#263e4e;color:#fff;height:150px;width:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:absolute;bottom:0;left:0}.web-content .project-content{background:#ededed;flex:1}.web-content .project-content .container{margin:0 auto;max-width:900px}@media (max-width: 992px){.web-content .project-content .container{padding-left:30px;padding-right:30px}}.web-content .project-content .title{padding-top:125px;text-align:center}@media (max-width: 992px){.web-content .project-content .title{padding-top:50px;text-align:center}}.web-content .project-content .wide-img{width:100%;padding-bottom:46%;background-size:cover;background-position:center}.web-content .project-content .project-box{padding:0 30px}.web-content .project-content .box-html{padding:2rem 0}.web-content .project-content .project-carousel{margin-bottom:2rem}.web-content .project-content .project-carousel .carousel-cell{width:100%}#fp-nav.fp-right{right:0}.fp-controlArrow.fp-next{top:auto;bottom:60px;right:50%;margin-right:-50px;margin-top:0;border-width:30px 0 30px 30px;border-color:transparent transparent transparent #000;opacity:.2}.fp-controlArrow.fp-next:hover{opacity:.5}@media (max-width: 992px){.fp-controlArrow.fp-next{border-width:21px 0 21px 21px;margin-right:-30px}}.fp-controlArrow.fp-prev{top:auto;bottom:60px;left:51%;margin-left:-50px;margin-top:0;width:0;border-width:30px 30px 30px 0;border-color:transparent #000 transparent transparent;opacity:.2}.fp-controlArrow.fp-prev:hover{opacity:.5}@media (max-width: 992px){.fp-controlArrow.fp-prev{border-width:21px 21px 21px 0;margin-left:-30px}} .section.about-us{background-repeat:no-repeat;background-size:cover;}