@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");@import url("https://4334701.fs1.hubspotusercontent-na1.net/hubfs/4334701/mfb.css");#projects{padding-top:130px}.projects-wrapper .content-wrapper:not(.breadcrumb-menu){max-width:1177px}.projects-wrapper>h1{font-family:Montserrat;font-style:normal;font-weight:600;font-size:60px;line-height:73px;text-align:center;color:#080357}.projects-wrapper>h1>span{display:inline;color:#0b46f8}.projects-wrapper>h3{font-family:Inter;font-style:normal;font-weight:300;font-size:22px;line-height:36px;text-align:center;color:#535a63;max-width:560px;margin:0 auto}.projects-section{margin-top:90px}.projects-filters{display:flex}.filter,.projects-filters{justify-content:center;align-items:center}.filter{font-family:Inter;font-style:normal;font-weight:300;font-size:16px;line-height:26px;padding:8px 16px;color:#7c8288;display:flex;text-align:center;cursor:pointer;display:inline-block;position:relative}.projects-filters .filter.active{background:#0b46f8;color:#fff;font-weight:600}.filter:not(.active):hover>span{visibility:hidden}.filter:not(.active):after{font-weight:500;content:attr(data-text);position:absolute;transition:color,font-weight 1s;visibility:hidden}.filter:not(.active):hover:after{font-weight:600;color:#080357;visibility:visible!important;width:100%;left:0}.filter-button{display:flex;align-items:center;border-radius:50px;background-color:#f7f7f7;padding:15px 30px;max-height:50px}.filter-customer_technology.active,.filter.filter-customerTechnology.active,.hover .digital_space.customerTechnology,.tag-bu.customerTechnology{background:#17c8be!important}.filter-marketing_activations.active,.filter.filter-marketingActivations.active,.hover .digital_space.marketingActivations,.tag-bu.marketingActivations{background:#ffc101!important}.filter-crm_empatico.active,.filter.filter-crmSmart.active,.hover .digital_space.crmSmart,.tag-bu.crmSmart{background:#de3c4b!important}.filter-business_intelligence.active,.filter.filter-businessIntelligence.active,.hover .digital_space.businessIntelligence,.tag-bu.businessIntelligence{background:#3db3f7!important}.filter-button .num-filters-active{background:#fff;width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:#0b46f8!important;border-radius:50%}.filter-button.active{background:#0b46f8}.filter-button>span{font-family:Inter;font-style:normal;font-size:16px;line-height:20px;font-weight:600;color:#080357;white-space:nowrap}.filter-button>span:not(.num-filters-active){margin-left:10px}.filter-button.active>span{color:#fff}.filter-button:not(.active) .num-filters-active{display:none}.filter-button:not(.active) svg{display:block}.filter-button.active .num-filters-active{display:flex}.filter-button.active svg path{stroke:#fff}.projects-filters-extra{display:flex;align-items:center;flex-wrap:wrap}.projects-filters-extra.hidden{display:none}.filter-extra{margin-right:48px;padding-top:20px;min-width:285px;max-width:285px}.filter-extra .actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.filter-extra .actions>label{font-size:16px;color:#080357}.filter-extra .actions>a,.filter-extra .actions>label{font-family:Inter;font-style:normal;font-weight:600;line-height:26px;text-align:center}.filter-extra .actions>a{visibility:visible;font-size:12px;color:#0b46f8}.filter-extra:not(.active) .actions>a{visibility:hidden}.filter-extra select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-appearance:none;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:26px}.filter-extra:not(.active) select{color:#7c8288}.filter-extra.active select{color:#0b46f8;font-weight:600}.filter-extra .select-wrapper{position:relative;display:flex;align-items:center;width:100%}.filter-extra .select-wrapper:after{content:url(https://4334701.fs1.hubspotusercontent-na1.net/hubfs/4334701/Sito%20DMA/Vector.png);position:absolute;right:25px;margin-top:-5px}.filter-extra.active .select-wrapper:after{content:url(https://4334701.fs1.hubspotusercontent-na1.net/hubfs/4334701/Sito%20DMA/VectorActive.png)}.filter-extra select{padding:15px 50px 15px 26px;border:2px solid transparent;box-sizing:border-box;border-radius:50px;width:100%}.filter-extra.active select{border:2px solid #0b46f8}.filter-extra select::-webkit-input-placeholder{color:#7c8288}.filter-extra select::-moz-placeholder{color:#7c8288}.filter-extra select:-ms-input-placeholder{color:#7c8288}.filter-extra select:-moz-placeholder{color:#7c8288}.project-items{display:flex;justify-content:space-between;margin-top:138px;margin-bottom:140px}.project-items .grid-item{width:calc(33.33% - 60px);cursor:pointer}.project-items .grid-item:nth-child(3n+2){margin:0 80px}.project-items .grid-item img{height:100%;width:100%;object-fit:cover}.project-items .grid-item a.title-project,.project-items .grid-item a.title-project>*{font-family:Montserrat;font-style:normal;font-weight:600;font-size:18px;line-height:22px;color:#7c8288;margin-left:20px;margin-top:20px}.project-items .grid-item a.title-project>span{display:block}.hover-wrapper{position:relative}.hover-wrapper>a{height:100%;display:block;height:328px}.hover{opacity:0}.hover .digital_space{font-size:12px;line-height:18px;text-align:center;padding:4px 10px}.hover .digital_space,.hover .text-preview{font-family:Montserrat;font-style:normal;font-weight:600;color:#fff}.hover .text-preview{font-size:30px;line-height:42px;margin:10px 0}.hover .scopri{font-family:Montserrat;font-style:normal;font-weight:600;font-size:18px;line-height:20px;text-align:center;color:#fff}.project-items .grid-item:nth-child(1n+4){margin-top:80px}.project-item .hover{background:rgba(8,3,87,.8);transition:opacity .5s;flex-direction:column;position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center}.project-item .hover>div{padding:50px 37px;width:100%}.project-item:hover .hover{opacity:1}#menu{display:none}.mfb-component__button--main{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:15px 20px;background:#fff;box-shadow:0 8px 30px rgba(51,51,51,.2);border-radius:50px;width:122px;height:50px}.mfb-component__button--main>span{font-family:Montserrat;font-style:normal;font-weight:600;font-size:18px;line-height:20px;color:#0b46f8;margin-left:10px}.mfb-component__button--main{z-index:1}.mohill.cover{pointer-events:none}.mohill.contents{padding:0!important}.mohill.box{border-top-left-radius:20px!important;border-top-right-radius:20px!important}#modal-1{height:100%}#menu-filter .modal-title{height:55px;background:#fff;display:flex;align-items:center;justify-content:center;border-top-left-radius:20px!important;border-top-right-radius:20px!important}#menu-filter .modal-title span{font-family:Montserrat;font-style:normal;font-weight:600;font-size:18px;line-height:22px;text-align:center;color:#080357}#menu-filter .modal-filters{display:flex;flex-wrap:wrap;overflow-x:hidden}#menu-filter .modal-filters-std{display:flex;flex-wrap:wrap}#menu-filter .modal-filters-extra>.projects-filters-extra{display:flex!important;visibility:visible!important}#menu-filter .modal-filters .filter{background:#fff;border:1px solid #f5f5f5;box-sizing:border-box;margin-right:14px;margin-bottom:14px;font-size:12px;padding:5px 10px}#menu-filter .modal-filters .filter>span{color:#a5a9ad;font-family:Montserrat;font-style:normal;font-weight:600;font-size:12px;line-height:18px}#menu-filter .modal-filters .filter.active{background:#0b46f8}#menu-filter .modal-filters .filter.active>span{color:#fff}#menu-filter .modal-body{height:calc(100% - 55px);max-height:calc(100% - 55px);padding:24px}#btn-applica-filters{width:100%;padding:16px 30px;border:unset}#reset-btn{position:absolute;right:23px;font-family:Montserrat;font-style:normal;font-weight:600;font-size:12px;line-height:15px;display:flex;align-items:center;text-align:center;color:#0b46f8}.project-wrapper h3 br{display:none}.project-wrapper h3{margin-bottom:10px}@media screen and (max-width:768px){.project-items .grid-item{width:calc(50% - 40px)}.project-items .grid-item:nth-child(n+3){margin-top:80px}.project-items .grid-item:nth-child(odd){margin-right:40px;margin-left:0}.project-items .grid-item:nth-child(2n){margin-right:0;margin-left:40px}#menu{display:block}.projects-filters,.projects-filters-extra{display:none}}@media screen and (max-width:486px){.project-items .grid-item{width:100%;margin-left:0!important;margin-right:0!important}.project-items,.project-items .grid-item:nth-child(n+1){margin-top:38px}.project-item .hover{opacity:1!important}}.projects-wrapper div#sidebarprj.grey-box img{height:58px!important;width:auto!important;object-fit:contain;padding-left:36px;padding-top:30px}.sidebar-item>span{font-family:Montserrat;font-style:normal;font-size:14px;line-height:20px;color:#010c19;display:inline-block}.sidebar-item{margin:0;border-bottom:1px solid #f5f5f5;padding:20px 36px}.sidebar-item>span:first-child{font-weight:600;margin-right:5px}.sidebar-item.digital-space{background:hsla(0,0%,96.9%,.6)}.sidebar-item.digital-space>span:last-child{font-weight:600;color:#0b46f8}.project-wrapper{margin-top:32px}.project-wrapper>p:first-child{font-family:Inter;font-style:normal;font-weight:700;font-size:25px;line-height:35px;color:#2a333e}.project-wrapper>p{font-family:Inter;font-style:normal;font-weight:400;font-size:18px;line-height:30px;color:#2a333e}.project-wrapper h2{color:#2a333e}.project-wrapper .social-wrapper{margin:100px 0}.projects-wrapper{position:relative}a.button.lets-talk{background:#0b46f8!important}#sidebarprj{position:absolute;top:65vh;height:calc(100% - 74vh);right:0;margin-right:0;pointer-events:all}#sidebarprj .sidebar-wrapper{position:sticky;top:150px;max-width:309px;display:flex;flex-direction:column}#sidebarprj .sidebar-card{background-color:#fff;box-shadow:0 10px 20px rgba(34,34,34,.1)}.sidebar-wrapper .racconta-title{margin-top:22px;font-family:Inter;font-style:normal;font-weight:400;font-size:16px;line-height:26px;text-align:center;color:#535a63}.sidebar-wrapper .button{box-shadow:0 8px 30px rgba(51,51,51,.2);padding:18px 36px;color:#fff;font-weight:700;font-size:18px;line-height:20px;margin:0 auto;display:inline-block}#sidebar-desktop{position:absolute;width:100%;height:100%;margin:0 auto;left:0;right:0;pointer-events:none}#sidebar-mobile{display:none}section.banner-project h1{line-height:1.2;font-weight:600!important}section.banner-project h4{font-family:Inter;font-weight:300;font-size:22px;line-height:36px;max-width:502px}.project-wrapper img{max-width:100%;box-shadow:0 4px 40px rgba(34,34,34,.2)}.tag-bu{font-family:Montserrat;font-style:normal;font-weight:700;font-size:12px;line-height:18px;text-align:center;color:#fff;margin-right:10px;padding:4px 10px}.minutes{font-weight:300;font-size:16px}.minutes,.yoy{font-family:Inter;font-style:normal;line-height:18px;color:#fff}.yoy{font-weight:700;font-size:12px;background:#080357;border-radius:100px;padding:13px 60px 13px 20px;position:relative;display:flex;align-items:center;margin-right:20px}.yoy:after{content:"";width:45px;height:45px;border-radius:50%;position:absolute;right:0}.yoy.red:after{background-color:#de3c4b}.yoy.blue:after{background-color:#3db3f7}.yoy.yellow:after{background-color:#ffc101}.yoy-container>div{margin-bottom:20px;display:flex;max-width:50%}.hover-wrapper:hover img{transform:scale(1.3) rotate(15deg);transition:all .4s}.hover-wrapper{overflow:hidden;transition:all .4s}@media screen and (max-width:1215px){.project-wrapper{margin-left:auto;margin-right:auto}#sidebar-desktop{display:none}#sidebar-mobile{display:flex}#sidebar-mobile #sidebarprj{position:relative;height:auto;top:unset;margin:-20vh auto 100px}.project-wrapper{margin-top:0}section.banner-project h1{font-weight:700;font-size:36px;line-height:46px}section.banner-project h4{font-weight:400;font-size:18px;line-height:30px}#sidebarprj{max-width:690px;width:100%}#sidebarprj>.sidebar-wrapper{max-width:unset}}@media screen and (max-width:814px){#sidebarprj{max-width:84%}button#btn-applica-filters{background:#00f}}@media screen and (max-height:750px){section.banner-project h1{font-size:27px;line-height:38px}section.banner-project h4{font-size:16px;line-height:27px;margin-bottom:20px}section.banner-project{height:100vh;padding-top:calc(var(--heightmenumobile) + 20px)}.projects-section{margin-top:0}#projects{padding-top:calc(var(--heightmenumobile) + 58px)}.projects-wrapper>h1{font-size:36px;line-height:43px}}@media screen and (max-width:486px){#sidebarprj .sidebar-wrapper{max-width:85%;margin:0 auto}.yoy{display:none;min-width:unset;width:100%;margin-right:0}.minutes{font-size:14px}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/1807947/hub_generated/template_assets/80821134774/1659433589336/Matic_Theme/css/templates/caseStudy.css */