/* Reset */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body,html,h1,h2,h3,h4,h5,h6,figure,video,ul,li{margin:0;padding:0;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
::-webkit-input-placeholder{color:#000;}:-moz-placeholder{color:#000;}::-moz-placeholder{color:#000;}:-ms-input-placeholder{color:#000;}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;outline:none !important;box-sizing:border-box;-webkit-box-sizing:border-box;}
a{text-decoration:none;}
a,input[type="submit"]{transition:0.3s color cubic-bezier(0.47,0,0,1);}
input,textarea,select,button,a{padding:0;color:inherit;font:inherit;letter-spacing:inherit;background:transparent;border-radius:0;-webkit-border-radius:0;}
img,.btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
figure img,figure video,figure iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;}
figure{position:relative;}
img{border-style:none;vertical-align:top;max-width:100%;pointer-events:none;}
svg{vertical-align:top;}
p:empty{display:none;}
p:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
::selection{background:rgba(222,222,222,0.3);}
::-moz-selection{background:rgba(222,222,222,0.3);}

/* Global */
#tunea{overflow-x:hidden;}
body{font-family:'Inter',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.56;background:#f8f8f8;}
section{position:relative;padding:180px 0;background: white;}
h1,h2{font-family:'Xanh Mono',monospace;font-size:82px;line-height:1;font-weight:400;}
h1{line-height:1.1;}
h3{font-size:36px;line-height:1.12;font-weight:400;}
.mono,h3{font-family:'Xanh Mono',monospace;}
a{border-bottom:1px solid;}
.container{position:relative;padding: 0 60px;}
.lines{position:absolute;left:50%;transform:translateX(-50%);z-index:0;max-width:100%;overflow-x:hidden;}
strong,b{font-weight:600;}
.animate{transition:2s;transform:translate(0,25px)}
.slide-up{transform:translate(0,0);}
.mobile_show{display:none;}

/* Colors */
.blue{color:#0062ff;}
.white{color:white;}

/* Lazy load */
[loading="lazy"]{opacity:0;transition:.5s;}
[loading="lazy"].loaded,[loading="lazy"].lazyloaded{opacity:1;}

/* Header */
header{position:fixed;z-index:2;top:0;left:0;width:100%;padding: 10px 0 15px;background:#f8f8f8;}
.home header{position:absolute;padding-top:50px;}
header.fixed{position:fixed;padding-top: 10px;}
header .col{display:flex;justify-content:space-between;}
header menu > a{font-size:17px;font-weight:600;margin-right:25px;border-bottom:1px solid transparent;}
header menu > a:hover{border-color:black;}
.logo-small{border:0;}
menu{display:flex;margin:9px 0 0;}
menu .socials{display:flex;margin:2px -5px 0 36px;}
menu .socials a{margin:0 5px;border:0;}
menu .socials a:first-child{position:relative;top:1px;}
header li{display:inline-block;}
header menu li{list-style:none;}
header menu li a{font-size:17px;font-weight:600;display:inline-block;line-height:31px;margin-right:25px;border-bottom:1px solid transparent;}
header menu li a:hover{border-color:black;}
.menu-trigger{display:none;top:8px;}
.menu-trigger{width:60px;height:30px;position:relative;border-bottom:0;cursor:pointer;}
.menu-trigger .line_one{background:#000;height:1px;position:absolute;top:0px;width:100%;}
.menu-trigger .line_two{background:#000;height:1px;position:absolute;top:14px;width:100%;}
.menu-trigger .line_three{background:#000;height:1px;position:absolute;bottom:0px;width:100%;}

/* Hero */
.hero{position:fixed;left:0;top:0;width:100%;height:100vh;background-repeat:no-repeat;background-size:cover;background-position:50%;}
.hero.hidden{opacity:0;}
.hero .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-height:calc(100% - 200px);max-width:calc(100% - 40px);margin-top:-2.6%;}
.hero .arrow-down{position:absolute;left:50%;bottom:80px;transform:translate(-50%,0);cursor:pointer;pointer-events:all;}
.hero + .start{margin-top:100vh;}
#hero .logo{z-index:10;}

/* Start */
.start{padding-top:200px;background:#f8f8f8;}
.start .row{align-items:flex-end;}
.project-link{display:inline-block;font-size:29px;margin:70px 0 5px;border:0;}
.project-link span{padding-bottom:10px;border-bottom:1px solid;}

/* Laboratori */
#laboratori{background:#32e683;}
#laboratori .row{margin:-100px -60px 0;}
#laboratori .col-2{margin-top:100px}
#laboratori .col-2 figure{margin-bottom:50px;}
#laboratori .col-2 h3{margin-bottom:30px;}
#laboratori .lines{top:200px;}

/* Progetto */
#progetto:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:white;}
#progetto .container{z-index:1;}
.green-lines{top:-400px;}

/* Chi siamo */
#chi-siamo{background:#0062ff;}
.chi_siamo_posts{color:white;padding-top:135px;}
.chi_siamo_posts p,.chi_siamo_posts h3{color:white;}
.chi_siamo_posts .col{padding-top:90px;}

/* Contatti */
#contatti{background:#f8f8f8;}
#contatti .row{align-items:center;}
.contatti-logo{position:relative;width:256px;margin-left:60px;}
.contatti-logo .logo{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.contatti-logo img:first-child{animation:rotating 30s linear infinite;}
#contatti .container{position:relative;}
#contatti .arrow_up{width:52px;height:52px;float:right;clear:right;position:relative;top:80px;}
#contatti .arrow_up img{width:100%;}
#contatti .arrow_up a{border-bottom:0px;}

/* Footer */
footer{position: relative;font-size:10px;background:white;padding:95px 0;}
.footer-top{padding-bottom:50px;}
.footer-top b{margin-bottom: 12px;display: inline-block;}
.footer-top b:nth-child(2){position:relative;top:15px;margin-left:110px;max-width:400px;display:inline-block;}
.footer-bottom{display:flex;padding:45px 0 0;border-top:1px solid;line-height:2.2;}
.footer-bottom .footer-col{width:25%;padding-right:60px;}
.footer-bottom .footer-col p{margin:0;}
.logos_outer{margin-bottom:60px;}
.logos{display:flex;flex-wrap:wrap;align-items:center;}
.logos a{border:none;display: block;margin-right:98px;}
.logos_1 a:nth-child(2){margin-right:140px;}
.logos_2 a{margin-right:84px;}
.logos_2 a:nth-child(1){margin-right:72px;}
.logos_2 a:nth-child(2){margin-right:84px;}
.logos_2 a:nth-child(4){margin-right:55px;}
.logos_2 a:nth-child(5){margin-right:55px;}
.logos a:last-child{margin:0;}
.logos_2 img{max-height:100px;}
.logos_mobile{display:none;}

/* Cookies */
body #iubenda-cs-banner .iubenda-cs-opt-group button{font-weight:normal !important;}
body #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary{background:#32e683 !important;border:0 !important;}
body #iubenda-cs-banner .iubenda-cs-opt-group button.iubenda-cs-btn-primary:hover{background:#32e683 !important;color:black !important;}
body #iubenda-cs-banner *{font-family: 'Inter',Helvetica,Arial,sans-serif !important;}

@keyframes rotating {
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
@media all and (max-width:1200px){
    .start .col-3{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
}
@media all and (max-width:1100px){
    body{clear:left;}
    .home header{padding-top:20px;}
    header.is-open .line_two{display:none;}
    header .line_one{ transition:all 0.3s;transition-timing-function:ease-out;}
    header .line_three{ transition:all 0.3s;transition-timing-function:ease-out;}
    header.is-open .line_one{transform:rotate(45deg);top:14px;}
    header.is-open .line_three{transform:rotate(-45deg);bottom:15px;}
    header.fixed{padding-top:20px;}
    header.is-open menu{display:block;opacity:1;transition:all 0.3s;transition-timing-function:ease-out;}
    header menu *{opacity:0;transition:all 0.3s; transition-timing-function:ease-out;}
    header.is-open menu *{opacity:1;}
    header *{display:block;}
    menu{display:none;}
    header menu li a{font-weight:400;line-height:28px;border-bottom:1px solid black;}
    .socials_mobile{padding-top:50px;}
    header menu li{display:block;}
    header menu li a{font-weight:400;}
    menu{padding-top:80px;margin:0;padding-bottom:70px;padding-left:0;}
    menu .mobile_hide{display:none;}
    .mobile_show{display:block;}
    header .col{display:block;}
    header li a{display:inline-block;}
    header .menu-trigger{position:absolute;top:7px;right:60px;}
    .logo_small{height:32px;}    
    header{padding:20px 0 24px;background:white;}
    .menu-trigger{display:block;}
    .col-2{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}
    #progetto .col-3{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
    #contatti .col-3{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
    .contatti-logo{margin-left:0px;margin-top:60px;}

    /* MOBILE HEADING BOTTOM DISTANCE ADJUSTMENT */
    .start h1{padding-bottom:30px;}
    #laboratori h2{padding-bottom:30px;}
    .chi_siamo_posts{color:white;padding-top:0px;}
    .hero .arrow-down{transform:translate(-50%,0) scale(0.7);}
    .hero .logo{top:calc(50% - 30px);max-width:calc(100% - 80px);}
}
@media all and (max-width:780px){
    body:not(.home) .col-1{display:none;}
    body:not(.home) .col-4{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
    .hero .arrow-down{bottom:100px;}
    header.is-open .line_one{transform:rotate(45deg);top:13px;}
    header.is-open .line_three{transform:rotate(-45deg);bottom:10px;}
    body{overflow-x:hidden;}
    .menu-trigger{width:50px;height:25px;}
    .menu-trigger .line_two{top:12px;}
    .logo-small{width:200px;}
    header .menu-trigger{position:absolute;top:1px;right:20px;}
    h1,h2{font-size:45px;}  
    .container{padding:0 20px;}
    .col-2{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}

    /* Footer */
    .logos_desktop{display:none;}
    .logos_mobile{display:block;}
    .logos_2 a{margin:0;width:33.333%;}
    .logos_2 .logos a:nth-child(3n+1){text-align:left;}
    .logos_2 .logos a{margin:0 0 24px;text-align:center;}
    .logos_3 .logos img{width: 140px;}
    .logos img{width:auto;}
    .logos_mobile b:not(:first-child){margin-top:20px;}
    .logos_1 img{max-width:280px;max-height:100px;}
    .logos_2 img{max-width:100px;max-height: 54px;}
    .footer-bottom{display:block;}
    .footer-bottom .footer-col{width:100%;padding-right:0px;padding-bottom:20px;}
    .logos_mobile .logos_1_mobile{margin-top:12px;}
    
    
}

/* Fonts */
@font-face {
    font-family:'MinionPro';
    src:url('../fonts/MinionPro-Regular.otf') format('opentype'),
        url('../fonts/MinionPro-Regular.woff') format('woff'),
        url('../fonts/MinionPro-Regular.woff2') format('woff2');
    font-weight:normal;
    font-style:normal;
}