@import url(https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);.vertical-title{position:absolute;text-transform:uppercase;font-size:15px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left;left:30px;z-index:10}.vertical-title:after{content:"";position:absolute;left:calc(100% + 15px);top:50%;height:1px;width:20vh;background:#666565;z-index:1}.vertical-title.top-down{top:40vh}.vertical-title.bottom{bottom:15%}@media only screen and (max-width:768px){.vertical-title{-webkit-transform:rotate(0deg);transform:rotate(0deg);top:0!important;margin-bottom:0;font-size:22px;padding-top:50px}.vertical-title,.vertical-title:after{display:block;position:relative;left:0}.vertical-title:after{top:0;bottom:0;height:1px;width:100%;margin:20px 0 0}}.nb-cell{border-bottom:1px solid #666565;overflow-x:hidden}.nb-cell.content-left .image{grid-template-columns:35% 65%}.nb-cell.content-left .image .bg-image{order:2}.nb-cell.content-left .image .bg-image .fase{right:30px;left:auto}.nb-cell.content-left .image .quote{order:1;margin-left:0;margin-right:100px;text-align:left}.nb-cell.content-left .image .quote h2{text-align:left}.nb-cell.content-left .content{margin-left:0;margin-right:35%}.nb-cell .next-project{position:absolute;font-size:17px;text-transform:uppercase;display:inline-block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left;left:30px;bottom:0;z-index:3}.nb-cell .next-project:hover img{-webkit-transform:translateX(-20px);transform:translateX(-20px)}.nb-cell .next-project:hover span{color:#333f48}.nb-cell .next-project img,.nb-cell .next-project span{display:inline-block;vertical-align:middle;transition-duration:.3s}.nb-cell .next-project img{width:35px;height:35px;margin-right:10px}.nb-cell .next-project span{color:#333f48}.nb-cell .container-small{padding-right:100px}.nb-cell .image{display:grid;grid-template-columns:60% 40%}.nb-cell .image .bg-image{position:relative;height:55vh;overflow:hidden;display:block}.nb-cell .image .bg-image:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.nb-cell .image .bg-image img{transition-duration:.3s}.nb-cell .image .bg-image .fase{position:absolute;z-index:2;bottom:30px;left:30px;width:70px;height:70px;background:#e5dcd6;text-align:center;border-radius:50%;border:5px solid #e5dcd6;overflow:hidden}.nb-cell .image .bg-image .fase img{position:absolute;z-index:5;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:35px;height:35px}.nb-cell .image .quote{position:relative;margin-left:100px;margin-bottom:30px;text-align:right;padding-top:50px}.nb-cell .image .quote .logo{display:inline-block;margin-bottom:50px}.nb-cell .image .quote .logo img{display:block;max-width:150px}.nb-cell .image .quote h2{text-align:right;position:relative;font-weight:300;font-style:italic;font-size:26px;line-height:1.2}.nb-cell .content{display:inline-block;position:relative;width:65%;margin-left:35%;z-index:2;margin-top:-70px;padding:15px;box-shadow:0 0 8px -2px rgba(0,0,0,.25);transition-duration:.3s;background:#fff}.nb-cell .content:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.nb-cell .content .banner{position:absolute;top:-15px;left:30px;z-index:2;background:#e5dcd6;color:#fff;padding:7px 15px 9px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;z-index:1}.nb-cell .content .top{display:grid;grid-template-columns:3fr 1fr;padding:15px 15px 0;align-items:center}.nb-cell .content .top h3{color:#333f48;font-size:22px;margin:0}.nb-cell .content .top h3 span{color:#000;font-size:15px;font-weight:700;text-transform:none;margin-left:15px;font-family:sofia-pro,sans-serif}.nb-cell .content .top .icons{text-align:right}.nb-cell .content .top .icons img{display:inline-block;vertical-align:middle;margin-left:10px;height:30px;width:30px}.nb-cell .content hr{border-top:1px solid #666565;margin:15px 0;border-bottom:0}.nb-cell .content .bottom{padding:0 15px 15px;font-size:16px;font-weight:700;line-height:1.5}@media only screen and (max-width:1024px){.nb-cell.content-left .container-small{padding:0 100px}.nb-cell.content-left .image .quote{margin-right:50px}.nb-cell .container-small{padding:0 100px}.nb-cell .image .quote{margin-left:50px}.nb-cell .image .quote .logo{margin-bottom:30px}.nb-cell .image .quote h2{font-size:22px}}@media only screen and (max-width:768px){.nb-cell .next-project{display:none}.nb-cell.content-left .container-small{padding:0 30px}.nb-cell.content-left .image{grid-template-columns:1fr}.nb-cell.content-left .image .bg-image{order:1}.nb-cell.content-left .image .bg-image .fase{right:auto;left:30px}.nb-cell.content-left .image .quote{margin-right:0;order:2}.nb-cell .container-small{padding:0 30px}.nb-cell .image{grid-template-columns:1fr}.nb-cell .image .bg-image{height:35vh;margin-bottom:30px}.nb-cell .image .quote{margin-left:0;margin-bottom:0;text-align:left;padding-top:0}.nb-cell .image .quote h2{text-align:left;position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0)}.nb-cell .content{margin-left:0;margin-right:0;margin-top:50px;width:100%}.nb-cell .content:hover{-webkit-transform:scale(1);transform:scale(1)}}@media only screen and (max-width:576px){.nb-cell .content .banner{left:15px}.nb-cell .content .top{grid-template-columns:1fr;padding-left:0;padding-right:0}.nb-cell .content .top h3{order:2}.nb-cell .content .top .icons{order:1;margin-bottom:15px;text-align:left}.nb-cell .content .top .icons img{margin-left:0;margin-right:10px}.nb-cell .content .bottom{padding-left:0;padding-right:0}}.pagination{text-align:center}.pagination a,.pagination span{display:inline-block;vertical-align:middle;margin:10px 3px;color:#333f48}.pagination a{width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;transition-duration:.3s}.pagination a.active,.pagination a:hover{background:#e5dcd6;color:#fff}.pagination a.next-page,.pagination a.prev-page{background:#666565;line-height:33px}.pagination a.next-page img,.pagination a.prev-page img{width:20px}.pagination a.next-page:hover,.pagination a.prev-page:hover{background:#e5dcd6}