@font-face{font-family:footer;src:url(../media/footer.52bb06d0.eot);src:url(../media/footer.52bb06d0.eot)format("embedded-opentype"),url(../media/footer.f3b795f1.ttf)format("truetype"),url(../media/footer.55d8f01f.woff)format("woff"),url(../media/footer.574dd6f9.svg)format("svg");font-weight:400;font-style:normal;font-display:block}footer .contact-icon{color:#0250d3;background:#fff;border:2px solid #0250d3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 5px 0 0;padding:2px;display:inline-flex}footer .contact-icon:hover{color:#fff;background:#0250d3}.icon-footer{font-variant:normal;text-transform:none;letter-spacing:0;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga=1";-moz-font-feature-settings:"liga";-ms-font-feature-settings:"liga" 1;font-feature-settings:"liga";-webkit-font-variant-ligatures:discretionary-ligatures;font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;font-style:normal;font-weight:400;line-height:1;font-family:footer!important}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border-width:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ffffffe6;margin:0;font-family:Markazi Text,sans-serif;line-height:1}img{width:100%;height:auto;display:block}a{cursor:pointer;text-decoration:none}h1,h2,h3,h4,h5,h6,a{font-family:Montserrat,sans-serif}p,li{color:#6a7e9f;font-family:Questrial,sans-serif;font-size:1.2em;line-height:30px}header{z-index:999;background-color:#fff;border-bottom:1px solid #0250d3;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;right:0}.header-layout{justify-content:space-between;align-items:center;max-width:1350px;margin:0 auto;padding:10px 15px;display:flex;position:relative}.logo{min-width:150px;max-width:170px}.header .nav-layout{transition:max-height .3s ease-out;overflow:hidden}.header .nav-layout ul{flex-direction:row;display:flex}.header .nav-layout a{color:#07234d;margin-left:70px;padding-bottom:5px;font-size:.8em;font-weight:600;display:inline-block;position:relative}.header .nav-layout a:after{content:"";background-color:#00f2d3;width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.header .nav-layout a:hover:after{width:100%}.menu-btn{cursor:pointer;transition:all .5s ease-out}.menu-btn .btn-line{background:#0250d3;width:28px;height:3px;margin:0 0 5px;transition:all .5s ease-out}.animation-burger{transform:rotate(360deg)}.animation-burger .btn-line:first-child{transform:rotate(45deg)translate(5px,5px)}.animation-burger .btn-line:nth-child(2){opacity:0}.animation-burger .btn-line:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}.show-menu{display:block}.hide-menu{display:none}footer{clear:both;background-color:#eef6ff}.footer-layout{justify-content:space-between;align-items:flex-start;max-width:1350px;margin:0 auto;padding:50px 15px 30px;display:flex;position:relative}footer .logo{min-width:70px;max-width:100px;margin-top:50px}footer .react-logo{max-width:60px;display:block}footer span{color:#07234d;padding-bottom:15px;font-family:Montserrat,sans-serif;font-size:.9em;font-weight:700;display:block}footer .nav-layout ul{display:block}footer .nav-layout a:hover{color:#00f2d3}footer li{padding-bottom:15px}footer a{padding-left:0}footer a,footer p{color:#6a7e9f;font-family:Montserrat,sans-serif;font-size:.8em;font-weight:600}.icon-phone:before{content:"";font-size:17px}.icon-envelop:before{content:""}.icon-linkedin:before{content:""}.main{margin-top:50px}.mainbanner{z-index:1;background-color:#0250d3;padding-bottom:40px;position:relative;box-shadow:0 10px 20px #7781ad1a}.mainbanner .layout{justify-content:space-between;align-items:center;max-width:1350px;margin:0 auto;padding:70px 15px 120px;display:flex}.mainbanner .layout div{flex:500px;max-width:800px}.mainbanner .layout .img{max-width:450px;margin:0 auto}.mainbanner h1{text-transform:uppercase;color:#fff;padding-bottom:20px;font-size:4em;font-weight:650}.mainbanner p{color:#b7d0fa;font-size:1.3em}.mainbanner a,.servizi a,.link-a a{color:#07234d;text-transform:uppercase;text-align:center;background-color:#fff;border-radius:100px;width:-webkit-fit-content;width:fit-content;margin-top:50px;padding:20px 40px;font-size:.9rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:block;box-shadow:-4px 5px #00f2d3}.mainbanner a:hover,.servizi a:hover,.link-a a:hover{box-shadow:none;transform:translate(-5px,4px)}.home-littlebanner-layout{justify-content:center;display:flex}.home-littlebanner{z-index:33;background-color:#fff;justify-content:center;align-items:flex-start;max-width:1100px;margin:0 20px;padding:40px 20px 30px;display:flex;position:relative;top:-40px;box-shadow:0 10px 20px #7781ad1a}.home-littlebanner>div{flex-direction:column;flex:120px;justify-content:center;padding:0 25px;display:flex}.home-littlebanner>div:hover .img,.home-littlebanner>div:hover strong{transform:scale(1.2)}.home-littlebanner div.img{max-width:70px;margin:0 auto 20px;transition:transform .3s}.home-littlebanner strong{color:#07234d;text-transform:uppercase;text-align:center;padding-bottom:10px;font-family:Montserrat,sans-serif;font-size:1em;font-weight:700;transition:transform .3s;display:inline}.home-littlebanner p{text-align:center;color:#6a7e9f;border-top:2px solid #00f2d3;padding-top:10px;font-size:1.2em}.bio{padding:150px 0 100px}.flex-bio,.design,.sviluppo{justify-content:center;max-width:1250px;margin:0 auto;padding:10px 15px;display:flex}.flex-bio>div,.design>div,.sviluppo>div{flex:500px;padding:0 20px}.flex-bio>div div.img{max-width:260px;margin:0 auto 70px}.certificazioni{justify-content:center;align-items:center;display:flex}.certificazioni img{max-width:120px;margin:0 10px}.flex-bio h3,.servizi h3{color:#07234d;padding-bottom:20px;font-size:1.5em;font-weight:700}.flex-bio p,.servizi p{padding-bottom:15px;font-size:1.2em}.flex-bio p span{color:#0250d3;font-family:Montserrat,sans-serif;font-weight:500}.servizi{margin:30px 0 200px}.design,.sviluppo{align-items:flex-end}.servizi a,.link-a a{color:#07234d;background-color:#eef6ff}.design{flex-flow:row-reverse;margin-bottom:100px}.servizi h3{padding-bottom:10px}.sviluppo{position:relative}.servizi .testo{padding-bottom:50px}.sviluppo h3{text-align:right}.sviluppo p{text-align:right;clear:right}.linea{background-color:#0250d3;width:270px;height:3px;margin-bottom:30px}.sviluppo .linea,.fasi .linea{float:right}.sviluppo a{float:right;box-shadow:4px 5px #00f2d3}.sviluppo a:hover{transform:translate(5px,4px)}.mainbanner.uxdesign .img{max-width:500px}.mainbanner h2,.mainbanner span{color:#dce6f7;font-weight:700}.mainbanner h2{font-size:1.3em}.mainbanner p,.mainbanner h2,.mainbanner span{display:inline-block}.mainbanner.uxdesign p,.mainbanner.uxdesign h2,.mainbanner.uxdesign span,.mainbanner.sviluppoweb p,.mainbanner.sviluppoweb h2,.mainbanner.sviluppoweb span{display:inline}.parole-chiave{text-align:center;max-width:1000px;margin:150px auto 50px;padding:0 20px}.parole-chiave span{padding-bottom:10px;font-family:Montserrat,sans-serif;font-size:2em;font-weight:700;display:inline-block}.parole-chiave .linea{width:auto}.parole-chiave h3{color:#07234d;text-transform:uppercase;padding-bottom:20px;font-size:1.5em;font-weight:700}.parole-chiave .flex-box{flex-wrap:wrap;justify-content:center;display:flex}.parole-chiave .flex-box .box{text-align:center;border:2px solid #afdbff;border-radius:40px;flex:300px;margin:20px 20px 30px;padding:20px 40px 30px;transition:transform .3s;box-shadow:0 11px 17px #8198ac17}.parole-chiave .flex-box .box:hover{transform:scale(1.05);box-shadow:0 11px 17px #8198ac4d}.parole-chiave .flex-box img{max-width:120px;margin:0 auto 20px}.fasi{max-width:1250px;margin:200px auto 0;padding:10px 15px}.fasi h3,#sviluppo .intro-fasi p.fake{text-align:right;color:#07234d;padding-bottom:20px;font-family:Montserrat,sans-serif;font-size:1.5em;font-weight:700}.fasi .linea{width:400px}.intro-fasi{clear:right;float:right;text-align:right;max-width:1000px;margin-bottom:70px}.fasi .flex-box{text-align:right;clear:right;flex-wrap:wrap;justify-content:center;align-items:center;margin:50px auto 120px;display:flex}.fasi .flex-box.reverse{text-align:left;flex-direction:row-reverse}.fasi .flex-box .box{flex:400px;padding:0 50px}.fasi .flex-box .box img{max-width:320px;margin:0 auto}.fasi .lettera{color:#eef6ff;float:right;font-size:4rem;font-weight:900;display:block;transform:scaleX(-1)}.fasi .flex-box.reverse .lettera{float:left}.fasi h4{clear:both;color:#07234d;padding-bottom:20px;font-size:1.5em;font-weight:800}.link-a{max-width:600px;margin:30px auto 150px;padding:30px 20px 0}.link-a .linea{width:100%}.quadri{margin-top:50px}.quadri-box{flex-wrap:wrap;margin-bottom:20px;display:flex}.quadro,.linguaggi div{background-color:#0250d3;border:1px solid #0250d3;border-radius:20px;justify-content:center;align-items:center;margin:0 10px 20px 0;padding:15px 25px;display:inline-block;box-shadow:0 8px 24px #959da533}.quadro.inverso{background-color:#fff;border:1px solid #0250d3}.quadro strong,.linguaggi div strong{color:#fff;text-align:center;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500}.quadro.inverso strong{color:#0250d3}abbr{text-decoration:none}#sviluppo .fasi{margin:100px auto}#sviluppo .intro-ott{text-align:center}#sviluppo .intro-fasi .linea{width:300px}#sviluppo .intro-fasi{margin-bottom:200px}#sviluppo .intro-fasi p{clear:both}#sviluppo .intro-ott{margin-bottom:100px}#sviluppo .intro-ott h2{clear:both;text-align:center;font-size:1.8em}#sviluppo .fasi h2{text-align:center;color:#07234d;padding-bottom:20px;font-size:1.8em;font-weight:700}#sviluppo .fasi h3{clear:both;color:#07234d;padding-bottom:20px;font-size:1.5em;font-weight:800}#sviluppo .flex-box.reverse h3{text-align:left}.alte-prestazioni{text-align:center;max-width:1250px;margin:0 auto;padding:10px 15px}.alte-prestazioni h2{font-size:1.8em;font-weight:700;display:inline-block}.alte-prestazioni .faketitle{color:#07234d;font-family:Montserrat,sans-serif;font-size:1.8em;font-weight:700;display:inline-block}.alte-prestazioni p{padding-top:20px}.alte-prestazioni ul{margin-top:50px}.alte-prestazioni li{color:#6a7e9f;padding-bottom:50px;font-family:Questrial,sans-serif;font-size:1.2em;line-height:30px}.alte-prestazioni img{max-width:70px;margin:0 auto 20px}.alte-prestazioni h3{color:#07234d;margin-bottom:10px;font-weight:700}#portfolio{padding-top:100px}#portfolio h1{text-align:center;padding-bottom:150px;font-size:2em;font-weight:700}#portfolio .progetto{justify-content:center;align-items:center;max-width:1250px;margin:0 auto 200px;padding:0 15px;display:flex}#portfolio h2{padding-bottom:30px;font-size:30px}#portfolio .progetto .box{flex:500px;padding:0 20px}#portfolio .progetto .box .img{max-width:500px;margin:0 auto;box-shadow:0 8px 24px #959da533}#portfolio .progetto a{color:#07234d;text-transform:uppercase;text-align:center;background-color:#eef6ff;border-radius:100px;width:-webkit-fit-content;width:fit-content;margin-top:50px;padding:20px 40px;font-size:.9rem;font-weight:700;transition:transform .3s,box-shadow .3s;display:block;box-shadow:-4px 5px #00f2d3}#portfolio .progetto a:hover{box-shadow:none;transform:translate(-5px,4px)}#portfolio .linguaggi{flex-wrap:wrap;margin-bottom:20px;display:flex}.contatti{max-width:750px;margin:150px auto;padding:20px 20px 0}form{position:relative}.contatti h1{text-align:center;color:#07234d;padding-bottom:25px;font-size:2em;font-weight:700}.contatti .flex-box{justify-content:space-around;margin-top:100px;display:flex;position:relative}.contatti .mail-link{margin:0 5px;font-weight:700;display:inline-block;position:relative}.contatti .mail-link:after{content:"";background-color:#00f2d3;width:0;height:3px;transition:width .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contatti .mail-link:hover:after{width:100%}.contatti .flex-box .box{flex:500px}.form{border:2px solid #afdbff;border-radius:40px;padding:40px 50px 50px;box-shadow:0 11px 17px #8198ac17}.form .field{flex-direction:column;display:flex}.form .field:last-of-type{display:block}.form label{padding-bottom:15px;font-family:Montserrat,sans-serif;font-weight:600;line-height:30px}.form input{height:30px}.form .field.privacy input{height:auto!important}.form .field.privacy label{margin-left:10px}.form .field.privacy label a{color:#6a7e9f;margin-left:30px;font-family:Questrial,sans-serif;font-size:1.1em;font-weight:500}.form .field.privacy label a:hover{color:#00f2d3}.form textarea{resize:none;height:200px!important}.form .p-error{margin-bottom:15px}.form .p-error p{color:#0250d3}.form button{text-transform:uppercase;text-align:center;color:#07234d;background-color:#eef6ff;border:none;border-radius:100px;width:-webkit-fit-content;width:fit-content;margin-top:10px;padding:20px 40px;font-size:.9rem;font-weight:700;transition:transform .3s,box-shadow .3s;box-shadow:-4px 5px #00f2d3}.form button:hover{box-shadow:none;cursor:pointer;transform:translate(-5px,4px)}.contatti img{max-width:70px;margin:0 auto 50px}#privacy{max-width:750px;margin:150px auto 0;padding:20px 20px 100px}#privacy h1{text-align:center;color:#07234d;padding-bottom:25px;font-size:2em;font-weight:700}#privacy h2{color:#07234d;padding:25px 0 15px;font-size:1.5em;font-weight:700}#privacy li{list-style:inside square}#privacy ul ul li{margin-left:30px;list-style:none}#privacy a{color:#0250d3}@media only screen and (max-width:950px){.header .nav-layout{background-color:#fff;border:4px solid #00f2d3;position:absolute;top:80px;right:15px}.header .nav-layout ul{flex-direction:column}.header .nav-layout li{padding:15px 50px}.header .nav-layout a{margin-left:0}}@media only screen and (max-width:900px){.layout,#portfolio .progetto{flex-direction:column}.mainbanner .layout div,#portfolio .progetto .box{flex:1 1 0;margin-bottom:50px}.mainbanner .layout div.img{margin-bottom:50px}.mainbanner .layout{padding-bottom:10px}.flex-bio,.design,.sviluppo{flex-direction:column}.flex-bio h3,.servizi h3{padding-top:50px}.servizi .img{max-width:500px;margin:0 auto}.design>div,.sviluppo>div,.mainbanner.uxdesign .layout div,.mainbanner.sviluppoweb .layout div{flex:1 1 0}#portfolio .progetto .box .img{margin-top:50px}}@media only screen and (max-width:850px){.home-littlebanner{flex-direction:column;align-items:center}.home-littlebanner>div{margin-bottom:70px}}@media only screen and (max-width:650px){.mainbanner h1{font-size:3em}.footer-layout{flex-direction:column}.footer-column{margin-bottom:60px}.footer-column.one{flex-direction:column;order:3;margin-bottom:0;display:flex}.footer-column.one a{order:1}.footer-column.one .logo{order:2}.footer-column.one p{order:3}.footer-column.two{order:2}.footer-column.three{order:1}.fasi .flex-box .box{padding:0 20px}#portfolio .progetto .box{padding:0}}@media only screen and (max-width:440px){.linea,.fasi .linea,#sviluppo .intro-fasi .linea{width:100%}.mainbanner.uxdesign h1,.mainbanner.sviluppoweb h1{font-size:2.5em}.form{padding:40px 20px 50px}}.spinner-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:auto;right:auto}.spinner{border:4px solid #ccc;border-top-color:#0250d3;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin}.spinner-text{color:#333;margin-top:20px;font-size:1.5em;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:auto;right:auto}.message{background-color:#fff;border:2px solid #afdbff;border-radius:20px;flex-direction:column;align-items:center;padding:30px 40px;display:flex;box-shadow:0 11px 17px #8198ac17}.message p{text-align:center;padding-bottom:20px}