@charset "UTF-8";
@import url("https://use.typekit.net/yrv3kbg.css");
*,*::after,*::before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent !important;--swiper-pagination-color:#fff}
html,body{font-size:10px;scroll-behavior:smooth;overflow-x:hidden;background-color:#f0eee7}
html.no-scroll,body.no-scroll{overflow:hidden !important}
body{box-sizing:border-box;font-kerning:none}
body::-webkit-scrollbar{display:none}
*:focus{outline:none}
a{-webkit-tap-highlight-color:transparent !important}*:focus:not(.focus-visible){outline:none}
a:active,a:focus,a:focus-visible,a:focus-within{outline:none !important}
input,textarea{width:100%;border-radius:unset}
.mask{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,0.75);z-index:2;display:none}
.mask.active{display:block}
body{font-family:"futura-pt",sans-serif;font-weight:400}
.titolo{font-size:34px;line-height:110%;font-family:"arsenica-variable",sans-serif;font-variation-settings:"opsz" 100,"wght" 400}
@media screen and (max-width:600px){.titolo{font-size:42px}}
@media screen and (min-width:600px){.titolo{font-size:42px}}
@media screen and (min-width:768px){.titolo{font-size:42px}}
@media screen and (min-width:1200px){.titolo{font-size:48px}}
@media screen and (min-width:1500px){.titolo{font-size:56px}}
@media screen and (min-width:1800px){.titolo{font-size:64px}}
@media screen and (min-width:2200px){.titolo{font-size:64px}}
.testo{}
@media only screen and (min-width:1200px){.testo{letter-spacing:0.8px}}
.text{line-height:32px;font-weight:500}
@media only screen and (max-width:600px){.text{font-size:18px}}
@media only screen and (min-width:600px){.text{font-size:18px}}
@media only screen and (min-width:1200px){.text{font-size:16px;letter-spacing:0.8px}}
@media only screen and (min-width:1500px){.text{font-size:24px}}
@media only screen and (min-width:2200px){.text{font-size:24px}}
.nav-links{display:flex;list-style:none;width:50%;height:100%;margin-left:auto}
.nav-links .menu-link{color:white;text-decoration:none;font-size:18px;font-family:"futura-pt",sans-serif;text-transform:uppercase}
.landing{height:90vh;display:flex;justify-content:center;align-items:center}
.landing h1{margin:100px;font-size:50px;color:#ae5fce}
nav{}
@media only screen and (max-width:600px){nav{display:block}}
@media only screen and (min-width:600px){nav{display:none}}
nav .logo{align-self:center;margin-bottom:60px}
nav .logo img{width:300px}
.langs{align-self:center;margin-top:20px;grid-template-columns:1fr 1fr;grid-column-gap:10px;display:grid}
.langs .lang{width:40px;height:40px;background-color:#70795c;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:#f0eee7}
.hamburger{}
@media only screen and (max-width:600px){.hamburger{display:flex}}
@media only screen and (min-width:600px){.hamburger{display:none}}
@media screen and (max-width:768px){.line{width:30px;height:3px;background:white;margin:3px}nav{position:relative}.hamburger{position:fixed;cursor:pointer;right:30px;top:30px;z-index:11;background-color:#a24242;width:55px;height:55px;border-radius:50%;align-items:center;justify-content:center;flex-direction:column}.nav-links{padding:30px;position:fixed;background:#a24242;height:100vh;width:100%;flex-direction:column;clip-path:circle(25px at calc(100% - 55px) 55px);-webkit-clip-path:circle(25px at calc(100% - 55px) 55px);transition:all 0.5s ease-out;pointer-events:none;top:0;z-index:10}.nav-links.open{clip-path:circle(1000px at 90% -60%);-webkit-clip-path:circle(1000px at 90% -60%);pointer-events:all;height:100vh;width:100%;z-index:10}.landing{flex-direction:column}.nav-links li{opacity:0}.nav-links .menu-link{font-size:25px}.nav-links li{transition:all 0.5s ease 0.2s}li.fade{opacity:1}}
@media only screen and (max-width:768px) and (max-width:600px){.hamburger{display:flex}}
@media only screen and (max-width:768px) and (min-width:600px){.hamburger{display:none}}
svg{height:55px;position:absolute;width:55px}
.plates{display:flex;flex-wrap:wrap;max-height:160px;width:640px}
@media (max-width:640px){.plates{width:320px}}
.plate{height:55px;width:55px}
.x{transform:scale(0);transition:transform 400ms}
.line{fill:none;stroke:#f0eee7;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%;transition:stroke-dasharray 500ms 200ms,stroke-dashoffset 500ms 200ms,transform 500ms 200ms}
.x .line{stroke-width:5.5px}.plate1 .line2{stroke-dasharray:40 200;stroke-dashoffset:0px}
.plate1 .line3{stroke-dasharray:40 179;stroke-dashoffset:0px}
.active .line{transition:stroke-dasharray 500ms,stroke-dashoffset 500ms,transform 500ms}
.active.plate1 .line1{transform:scale(0,1);transition:transform 500ms 100ms}
.active.plate1 .line2{stroke-dasharray:5px 200;stroke-dashoffset:-164px}
.active.plate1 .line3{stroke-dasharray:5px 179;stroke-dashoffset:-142px}
.active .x{transform:scale(1);transition:transform 400ms 350ms}.plate2 .line1{stroke-dasharray:21 185.627532959;transition-delay:0}
.plate2 .line2{stroke-dasharray:21 178.6514129639;transition-delay:30ms}
.plate2 .line3{stroke-dasharray:21 197.9242553711;transition-delay:60ms}
.plate2 .line4{stroke-dasharray:21 190.6597137451;transition-delay:90ms}
.plate2 .line5{stroke-dasharray:21 208.5287475586;transition-delay:120ms}
.plate2 .line6{stroke-dasharray:21 186.5970306396;transition-delay:150ms}
.active.plate2 .line1{stroke-dasharray:5 185.627532959;stroke-dashoffset:-141px}
.active.plate2 .line2{stroke-dasharray:5 178.6514129639;stroke-dashoffset:-137px}
.active.plate2 .line3{stroke-dasharray:5 197.9242553711;stroke-dashoffset:-176px}
.active.plate2 .line4{stroke-dasharray:5 190.6597137451;stroke-dashoffset:-159px}
.active.plate2 .line5{stroke-dasharray:5 208.5287475586;stroke-dashoffset:-139px}
.active.plate2 .line6{stroke-dasharray:5 186.5970306396;stroke-dashoffset:-176px}
.active.plate2 .x{transition:transform 400ms 250ms}.plate3 .line{transition:stroke-dasharray 300ms 200ms,stroke-dashoffset 300ms 200ms,transform 300ms 200ms}
.plate3 .line1{stroke-dasharray:21 109}
.plate3 .line2{stroke-dasharray:21 112}
.plate3 .line3{stroke-dasharray:21 102}
.plate3 .line4{stroke-dasharray:21 103}
.plate3 .line5{stroke-dasharray:21 110}
.plate3 .line6{stroke-dasharray:21 115}
.plate3 .x{transition:transform 400ms 50ms}
.active.plate3 .line{transition:stroke-dasharray 400ms,stroke-dashoffset 400ms,transform 400ms}
.active.plate3 .line1{stroke-dasharray:5 109;stroke-dashoffset:-95px}
.active.plate3 .line2{stroke-dasharray:5 112;stroke-dashoffset:-96px}
.active.plate3 .line3{stroke-dasharray:5 102;stroke-dashoffset:-79px}
.active.plate3 .line4{stroke-dasharray:5 103;stroke-dashoffset:-78px}
.active.plate3 .line5{stroke-dasharray:5 110;stroke-dashoffset:-63px}
.active.plate3 .line6{stroke-dasharray:5 115;stroke-dashoffset:-64px}
.active.plate3 .x{transition:transform 400ms 100ms}.plate4 .x{transition:transform 400ms}
.plate4 .line{transform-origin:50%;transition:transform 400ms 100ms}
.active.plate4 .line{transition:transform 400ms}
.active.plate4 .line1{transform:translateX(18px) translateY(-3px) rotate(-45deg) scale(0.7)}
.active.plate4 .line2{transform:translateX(-18px) translateY(-3px) rotate(45deg) scale(0.7)}
.active.plate4 .line3{transform:translateY(0px) rotate(45deg) scale(0.7)}
.active.plate4 .line4{transform:translateY(0px) rotate(-45deg) scale(0.7)}
.active.plate4 .line5{transform:translateX(18px) translateY(3px) rotate(45deg) scale(0.7)}
.active.plate4 .line6{transform:translateX(-18px) translateY(3px) rotate(-45deg) scale(0.7)}
.active.plate4 .x{transition:transform 400ms 100ms;transform:scale(1)}.plate5 .line{transition:stroke-dasharray 400ms 100ms,stroke-dashoffset 400ms 100ms,transform 400ms 100ms}
.plate5 .line1{stroke-dasharray:40 40}
.plate5 .line2{stroke-dasharray:21 39}
.plate5 .line3{stroke-dasharray:21 39}
.plate5 .line4{stroke-dasharray:40 40}
.plate5 .x{transition:transform 400ms 50ms}
.active.plate5 .line{transition:stroke-dasharray 400ms,stroke-dashoffset 400ms,transform 400ms}
.active.plate5 .line1{stroke-dasharray:1 40;stroke-dashoffset:-33px}
.active.plate5 .line2{stroke-dasharray:5 39;stroke-dashoffset:-37px}
.active.plate5 .line3{stroke-dasharray:5 39;stroke-dashoffset:-37px}
.active.plate5 .line4{stroke-dasharray:1 40;stroke-dashoffset:-33px}
.active.plate5 .x{transition:transform 400ms 50ms}.plate6 .line{transition:stroke-dasharray 400ms 100ms,stroke-dashoffset 400ms 100ms,transform 400ms 100ms}
.plate6 .line1{stroke-dasharray:21 127}
.plate6 .line2{stroke-dasharray:21 106}
.plate6 .line3{stroke-dasharray:21 106}
.plate6 .line4{stroke-dasharray:21 126}
.plate6 .x{transition:transform 400ms 50ms}
.active.plate6 .line{transition:stroke-dasharray 400ms,stroke-dashoffset 400ms,transform 400ms}
.active.plate6 .line1{stroke-dasharray:2 127;stroke-dashoffset:-94px}
.active.plate6 .line2{stroke-dasharray:2 106;stroke-dashoffset:-91px}
.active.plate6 .line3{stroke-dasharray:2 106;stroke-dashoffset:-91px}
.active.plate6 .line4{stroke-dasharray:2 127;stroke-dashoffset:-94px}
.active.plate6 .x{transition:transform 400ms 50ms}.plate7 .line{transition:stroke-dasharray 400ms 100ms,stroke-dashoffset 400ms 100ms,transform 400ms 100ms}
.plate7 .line1{stroke-dasharray:21 102}
.plate7 .line2{stroke-dasharray:21 92}
.plate7 .line3{stroke-dasharray:21 97}
.plate7 .line4{stroke-dasharray:21 97}
.plate7 .line5{stroke-dasharray:21 92}
.plate7 .line6{stroke-dasharray:21 102}
.plate7 .x{transition:transform 400ms 50ms}
.active.plate7 .line{transition:stroke-dasharray 400ms,stroke-dashoffset 400ms,transform 400ms}
.active.plate7 .line1{stroke-dasharray:2 102;stroke-dashoffset:-102px}
.active.plate7 .line2{stroke-dasharray:2 92;stroke-dashoffset:-92px}
.active.plate7 .line3{stroke-dasharray:2 97;stroke-dashoffset:-97px;transition-delay:20ms}
.active.plate7 .line4{stroke-dasharray:2 97;stroke-dashoffset:-97px;transition-delay:20ms}
.active.plate7 .line5{stroke-dasharray:2 92;stroke-dashoffset:-90px;transition-delay:40ms}
.active.plate7 .line6{stroke-dasharray:2 102;stroke-dashoffset:-100px;transition-delay:40ms}
.active.plate7 .x{transition:transform 400ms 50ms}.plate8 .line{transition:stroke-dasharray 400ms 100ms,stroke-dashoffset 400ms 100ms,transform 400ms 100ms}
.plate8 .line1{stroke-dasharray:21 201}
.plate8 .line2{stroke-dasharray:21 201;transition-delay:20ms}
.plate8 .line3{stroke-dasharray:21 201;transition-delay:40ms}
.plate8 .line4{stroke-dasharray:21 201;transition-delay:60ms}
.plate8 .line5{stroke-dasharray:21 201;transition-delay:80ms}
.plate8 .line6{stroke-dasharray:21 201;transition-delay:100ms}
.plate8 .x{transition:transform 400ms 50ms}
.active.plate8 .line{transition:stroke-dasharray 400ms,stroke-dashoffset 400ms,transform 400ms}
.active.plate8 .line1{stroke-dasharray:5 201;stroke-dashoffset:-158px}
.active.plate8 .line2{stroke-dasharray:5 201;stroke-dashoffset:-158px;transition-delay:20ms}
.active.plate8 .line3{stroke-dasharray:5 201;stroke-dashoffset:-158px;transition-delay:40ms}
.active.plate8 .line4{stroke-dasharray:5 201;stroke-dashoffset:-158px;transition-delay:60ms}
.active.plate8 .line5{stroke-dasharray:5 201;stroke-dashoffset:-158px;transition-delay:80ms}
.active.plate8 .line6{stroke-dasharray:5 201;stroke-dashoffset:-158px;transition-delay:100ms}
.active.plate8 .x{transition:transform 400ms 50ms}
.hero{position:relative;padding:60px 0 0 0}
@media only screen and (max-width:600px){.hero{height:auto;margin-bottom:unset}}
@media only screen and (min-width:600px){.hero{height:65vh;margin-bottom:40px}}
@media only screen and (min-width:1200px){.hero{height:70vh;margin-bottom:40px}}
.hero .hero-bg{width:100%;background-color:#70795c;position:absolute;top:0;left:0;z-index:1}
@media only screen and (max-width:600px){.hero .hero-bg{height:80vh}}
@media only screen and (min-width:600px){.hero .hero-bg{height:60vh}}
@media only screen and (min-width:1200px){.hero .hero-bg{height:75vh}}
@media only screen and (min-width:1500px){.hero .hero-bg{height:75vh}}
@media only screen and (min-width:2200px){.hero .hero-bg{height:60vh}}
.hero .nav{display:grid;grid-template-columns:repeat(12,1fr);grid-column-gap:16px;position:relative;z-index:2}
.hero .nav .logo{grid-column:2/6}
.hero .nav .logo img{opacity:0;transition:opacity 2s}
@media only screen and (max-width:600px){.hero .nav .logo img{width:300px}}
@media only screen and (min-width:600px){.hero .nav .logo img{width:250px}}
@media only screen and (min-width:1200px){.hero .nav .logo img{width:250px}}
@media only screen and (min-width:1500px){.hero .nav .logo img{width:350px}}
.hero .nav .logo img.active{opacity:1}
.hero .nav .langs{grid-column:11/12;justify-self:flex-end;grid-template-columns:1fr 1fr;grid-column-gap:10px}
@media only screen and (max-width:600px){.hero .nav .langs{display:none}}
@media only screen and (min-width:600px){.hero .nav .langs{display:grid}}
.hero .nav .langs .lang{width:50px;height:50px;background-color:#a24242;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:50%;color:#f0eee7;font-size:14px;text-decoration:none}
.hero .hero-content{display:grid;z-index:2;position:relative;grid-column-gap:16px}
@media only screen and (max-width:600px){.hero .hero-content{grid-template-columns:1fr}}
@media only screen and (min-width:600px){.hero .hero-content{grid-template-columns:1fr}}
@media only screen and (min-width:1200px){.hero .hero-content{grid-template-columns:repeat(12,1fr)}}
.hero .hero-content .menu-links{opacity:0;transition:transform 1s,opacity 1.5s}
@media only screen and (max-width:600px){.hero .hero-content .menu-links{grid-column:1/-1;padding:60px 30px 60px 30px}}
@media only screen and (min-width:600px){.hero .hero-content .menu-links{grid-column:1/-1;padding:60px 30px 60px 30px}}
@media only screen and (min-width:1200px){.hero .hero-content .menu-links{padding:30px 0 30px 0;grid-column:2/6}}
@media only screen and (min-width:1500px){.hero .hero-content .menu-links{padding:100px 0 60px 0;grid-column:2/6}}
@media only screen and (max-width:600px){.hero .hero-content .menu-links{transform:translateX(-40px)}}
@media only screen and (min-width:600px){.hero .hero-content .menu-links{transform:translateX(-100px)}}
@media only screen and (min-width:1200px){.hero .hero-content .menu-links{transform:translateX(-100px)}}
.hero .hero-content .menu-links.active{opacity:1;transform:translateX(0)}
.hero .hero-content .menu-links .menu-link{color:#f0eee7;text-transform:uppercase;font-size:24px;line-height:100%;font-weight:500;letter-spacing:0.8px;cursor:pointer}
.hero .hero-content .menu-links .menu-link:not(:last-of-type){margin-bottom:10px}
.hero .hero-content .menu-links .menu-link:hover{color:#a24242}
.hero .hero-content .hero-img{position:relative;width:100%;justify-self:end}
@media only screen and (max-width:600px){.hero .hero-content .hero-img{padding:0 30px;grid-column:1/-1}}
@media only screen and (min-width:600px){.hero .hero-content .hero-img{padding:0 30px;grid-column:1/-1}}
@media only screen and (min-width:1200px){.hero .hero-content .hero-img{padding:0;grid-column:7/12}}
.hero .hero-content .hero-img img{width:100%;opacity:0;transition:transform 1s,opacity 1.5s}
@media only screen and (max-width:600px){.hero .hero-content .hero-img img{transform:translateY(40px)}}
@media only screen and (min-width:600px){.hero .hero-content .hero-img img{transform:translateY(100px)}}
@media only screen and (min-width:1200px){.hero .hero-content .hero-img img{transform:translateX(100px)}}
.hero .hero-content .hero-img img.active{transform:translate(0);opacity:1}
.sezione{display:grid;grid-column-gap:16px;background-color:#f0eee7}
@media only screen and (max-width:600px){.sezione{grid-template-columns:1fr;padding:0 30px}}
@media only screen and (min-width:600px){.sezione{grid-template-columns:1fr;padding:0 30px}}
@media only screen and (min-width:1200px){.sezione{padding:unset;grid-template-columns:repeat(12,1fr)}}
.sezione .btn{margin-top:30px;background-color:#a24242;color:#f0eee7 !important;padding:20px;display:inline-block;border-radius:30px;text-decoration:none;font-size:16px}
.sezione .btn:hover{background-color:#70795c}
.sezione.first .immagine{}
@media only screen and (max-width:600px){.sezione.first .immagine{margin-top:40px}}
@media only screen and (min-width:600px){.sezione.first .immagine{margin-top:var(--firstImgMarginTop)}}
.sezione.first .sezione-testo{align-self:flex-start}
.sezione.reverse .sezione-testo{}
@media only screen and (max-width:600px){.sezione.reverse .sezione-testo{grid-row:2/3;grid-column:1/-1}}
@media only screen and (min-width:600px){.sezione.reverse .sezione-testo{grid-row:2/3;grid-column:1/-1}}
@media only screen and (min-width:1200px){.sezione.reverse .sezione-testo{grid-row:1/2;grid-column:7/12}}
.sezione.reverse .text{}
@media only screen and (max-width:600px){.sezione.reverse .text{transform:translateX(-40px)}}
@media only screen and (min-width:600px){.sezione.reverse .text{transform:translateX(-100px)}}
@media only screen and (min-width:1200px){.sezione.reverse .text{transform:translateX(100px)}}
.sezione.reverse .titolo{}
@media only screen and (max-width:600px){.sezione.reverse .titolo{transform:translateX(-40px)}}
@media only screen and (min-width:600px){.sezione.reverse .titolo{transform:translateX(-100px)}}
@media only screen and (min-width:1200px){.sezione.reverse .titolo{transform:translateX(100px)}}
.sezione.reverse .immagine{justify-self:flex-start;max-width:500px;opacity:0}
@media only screen and (max-width:600px){.sezione.reverse .immagine{grid-row:1/2;grid-column:1/-1}}
@media only screen and (min-width:600px){.sezione.reverse .immagine{grid-row:1/2;grid-column:1/-1}}
@media only screen and (min-width:1200px){.sezione.reverse .immagine{grid-column:2/6}}
@media only screen and (max-width:600px){.sezione.reverse .immagine{transform:translateY(60px)}}
@media only screen and (min-width:600px){.sezione.reverse .immagine{transform:translateY(80px)}}
@media only screen and (min-width:1200px){.sezione.reverse .immagine{transform:translateY(0);transform:translateX(-100px)}}
.sezione:not(.first){}
@media only screen and (max-width:600px){.sezione:not(.first){padding-top:40px}}
@media only screen and (min-width:600px){.sezione:not(.first){padding-top:40px}}
@media only screen and (min-width:1200px){.sezione:not(.first){padding-top:120px}}
.sezione:not(.first) .immagine{justify-self:flex-start;max-width:500px}
.sezione .sezione-testo{align-self:center}
@media only screen and (max-width:600px){.sezione .sezione-testo{grid-row:2/3;grid-column:1/-1}}
@media only screen and (min-width:600px){.sezione .sezione-testo{grid-row:2/3;grid-column:1/-1}}
@media only screen and (min-width:1200px){.sezione .sezione-testo{grid-row:1/2;grid-column:2/6}}
.sezione .immagine{justify-self:flex-end;width:100%;opacity:0;transition:transform 1s,opacity 1.5s}
@media only screen and (max-width:600px){.sezione .immagine{grid-row:1/2;grid-column:1/-1}}
@media only screen and (min-width:600px){.sezione .immagine{grid-row:1/2;grid-column:1/-1}}
@media only screen and (min-width:1200px){.sezione .immagine{grid-row:1/2;grid-column:7/12}}
@media only screen and (max-width:600px){.sezione .immagine{transform:translateY(60px)}}
@media only screen and (min-width:600px){.sezione .immagine{transform:translateY(80px)}}
@media only screen and (min-width:1200px){.sezione .immagine{transform:translateY(0);transform:translateX(100px)}}
.sezione .immagine.active{opacity:1;transform:translate(0)}
.sezione .immagine img{width:100%}
.sezione .text{max-width:500px;color:#191919;transition:all 1s,opacity 1.5s;opacity:0}
@media only screen and (max-width:600px){.sezione .text{transform:translateX(-40px)}}
@media only screen and (min-width:600px){.sezione .text{transform:translateX(-100px)}}
@media only screen and (min-width:1200px){.sezione .text{transform:translateX(-100px)}}
.sezione .text.active{opacity:1;transform:translate(0)}
.sezione .titolo{color:#4f5541;opacity:0;transition:transform 1s,opacity 1.5s}
@media only screen and (max-width:600px){.sezione .titolo{transform:translateX(-40px)}}
@media only screen and (min-width:600px){.sezione .titolo{transform:translateX(-100px)}}
@media only screen and (min-width:1200px){.sezione .titolo{transform:translateX(-100px)}}
@media only screen and (max-width:600px){.sezione .titolo{margin-bottom:20px;margin-top:40px}}
@media only screen and (min-width:600px){.sezione .titolo{margin-bottom:20px;margin-top:40px}}
@media only screen and (min-width:1200px){.sezione .titolo{margin-bottom:60px}}
.sezione .titolo.active{opacity:1;transform:translateX(0)}
.sezione-come-raggiungerci{position:relative}
@media only screen and (max-width:600px){.sezione-come-raggiungerci{margin-top:40px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci{margin-top:40px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci{margin-top:120px}}
.sezione-come-raggiungerci .img{position:relative;width:100%}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .img{height:300px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .img{height:300px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .img{height:600px}}
.sezione-come-raggiungerci .img img{width:100%;height:inherit;object-fit:cover;object-position:center;opacity:0;transition:transform 1s,opacity 1.5s}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .img img{transform:translateY(60px)}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .img img{transform:translateY(80px)}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .img img{transform:translateY(100px)}}
.sezione-come-raggiungerci .img img.active{opacity:1;transform:translate(0)}
.sezione-come-raggiungerci .come-raggiungerci-absolute{position:absolute;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:#a24242;text-align:center;bottom:0;transform:translateY(50%)}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-absolute{width:150px;height:150px;left:50px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-absolute{width:200px;height:200px;left:30px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .come-raggiungerci-absolute{width:200px;height:200px;left:100px}}
@media only screen and (min-width:1500px){.sezione-come-raggiungerci .come-raggiungerci-absolute{width:300px;height:300px;left:100px}}
.sezione-come-raggiungerci .come-raggiungerci-absolute .titolo{color:#f0eee7}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-absolute .titolo{font-size:20px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-absolute .titolo{font-size:24px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .come-raggiungerci-absolute .titolo{font-size:25px}}
@media only screen and (min-width:1500px){.sezione-come-raggiungerci .come-raggiungerci-absolute .titolo{font-size:36px}}
.sezione-come-raggiungerci .come-raggiungerci-sezione{background-color:var(--bgSezione);color:var(--textColorSezione);text-align:center}
.sezione-come-raggiungerci .come-raggiungerci-sezione.first{}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione.first{padding-top:120px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione.first{padding-top:120px}}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione{padding:40px 30px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione{padding:60px 30px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .come-raggiungerci-sezione{padding:120px 60px}}
@media only screen and (min-width:1500px){.sezione-come-raggiungerci .come-raggiungerci-sezione{padding:120px 120px}}
@media only screen and (min-width:1800px){.sezione-come-raggiungerci .come-raggiungerci-sezione{padding:120px 240px}}
.sezione-come-raggiungerci .come-raggiungerci-sezione .container-testo{transform:translateY(100px);opacity:0;transition:transform 1s,opacity 1.5s}
.sezione-come-raggiungerci .come-raggiungerci-sezione .container-testo.active{opacity:1;transform:translateY(0)}
.sezione-come-raggiungerci .come-raggiungerci-sezione .titolo{font-weight:500}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione .titolo{font-size:46px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione .titolo{font-size:64px}}
.sezione-come-raggiungerci .come-raggiungerci-sezione .sotto-titolo{text-transform:uppercase;margin:30px 0;font-weight:400}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione .sotto-titolo{font-size:16px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione .sotto-titolo{font-size:16px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .come-raggiungerci-sezione .sotto-titolo{font-size:24px}}
.sezione-come-raggiungerci .come-raggiungerci-sezione .testo{}
@media only screen and (max-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione .testo{font-size:16px}}
@media only screen and (min-width:600px){.sezione-come-raggiungerci .come-raggiungerci-sezione .testo{font-size:16px}}
@media only screen and (min-width:1200px){.sezione-come-raggiungerci .come-raggiungerci-sezione .testo{font-size:24px}}
.sezione-gallery{display:grid;grid-gap:16px}
@media only screen and (max-width:600px){.sezione-gallery{grid-template-columns:1fr}}
@media only screen and (min-width:600px){.sezione-gallery{grid-template-columns:1fr 1fr}}
@media only screen and (min-width:1200px){.sezione-gallery{grid-template-columns:1fr 1fr}}
.sezione-gallery .img.full{grid-column:1/-1}
.sezione-gallery .sezione-testo{grid-column:1/-1}
@media only screen and (max-width:600px){.sezione-gallery .sezione-testo{padding:30px 30px}}
@media only screen and (min-width:600px){.sezione-gallery .sezione-testo{padding:80px 30px}}
@media only screen and (min-width:1200px){.sezione-gallery .sezione-testo{padding:80px 30px}}
.sezione-gallery .sezione-testo .text{text-align:center;color:#4f5541;line-height:120%}
.sezione-gallery .sezione-testo .titolo{text-align:center;color:#4f5541}
@media only screen and (max-width:600px){.sezione-gallery .sezione-testo .titolo{margin-bottom:20px;margin-top:40px}}
@media only screen and (min-width:600px){.sezione-gallery .sezione-testo .titolo{margin-bottom:20px;margin-top:40px}}
@media only screen and (min-width:1200px){.sezione-gallery .sezione-testo .titolo{margin-bottom:40px}}
.sezione-gallery img{width:100%}
.sezione-sponsor{text-align:center}
@media only screen and (max-width:600px){.sezione-sponsor{padding-top:60px;padding-left:30px}}
@media only screen and (min-width:600px){.sezione-sponsor{padding-top:120px;padding-left:60px}}
@media only screen and (min-width:1200px){.sezione-sponsor{padding-top:120px;padding-left:0}}
.sezione-sponsor .titolo{margin-bottom:60px;color:#4f5541;text-align:center;padding-right:30px}
.sezione-sponsor .swiper{}
@media only screen and (max-width:600px){.sezione-sponsor .swiper{margin-left:-30px;padding-left:30px}}
@media only screen and (min-width:600px){.sezione-sponsor .swiper{margin-left:-60px;padding-left:60px}}
@media only screen and (min-width:1200px){.sezione-sponsor .swiper{margin-left:unset;padding-left:unset}}
.sezione-sponsor .swiper-slide{}
@media only screen and (max-width:600px){.sezione-sponsor .swiper-slide{width:90px !important}}
@media only screen and (min-width:600px){.sezione-sponsor .swiper-slide{width:200px !important}}
@media only screen and (min-width:1200px){.sezione-sponsor .swiper-slide{width:calc(100% / 6) !important}}
.sezione-sponsor a{display:inline-block}
.sezione-sponsor .img-sponsor{display:flex;justify-content:center;align-self:center}
@media only screen and (max-width:600px){.sezione-sponsor .img-sponsor{width:90px;height:90px}}
@media only screen and (min-width:600px){.sezione-sponsor .img-sponsor{width:200px;height:200px}}
@media only screen and (min-width:1200px){.sezione-sponsor .img-sponsor{width:200px;height:200px}}
.sezione-sponsor .img-sponsor img{object-fit:contain;max-width:200px}
.sezione-sponsor img{}
@media only screen and (max-width:600px){.sezione-sponsor img{width:90px}}
@media only screen and (min-width:600px){.sezione-sponsor img{width:200px}}
@media only screen and (min-width:1200px){.sezione-sponsor img{width:100%}}
.pg-home{}
@media only screen and (max-width:600px){.pg-home{width:100%;margin-left:unset;padding:0}}
@media only screen and (min-width:600px){.pg-home{width:calc(100% - 240px);margin-left:120px}}
@media only screen and (min-width:1200px){.pg-home{width:calc(100% - 240px);margin-left:120px}}
.pg-home .left-bar{padding:80px 0;align-items:center;text-align:center;flex-direction:column;position:fixed;width:120px;left:0;top:0;height:100vh}
@media only screen and (max-width:600px){.pg-home .left-bar{display:none}}
@media only screen and (min-width:600px){.pg-home .left-bar{display:flex}}
.pg-home .left-bar .text{color:#a24242;font-weight:500;font-size:24px;margin-bottom:60px}
.pg-home .left-bar .socials{display:flex;flex-direction:column;grid-row-gap:30px}
.pg-home .left-bar .socials .social{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:100%;background-color:#a24242;font-size:12px;text-transform:uppercase;color:#f0eee7;cursor:pointer;text-decoration:none}
.pg-home .left-bar .socials .social:hover{background-color:#70795c}
.pg-home .left-bar .top{cursor:pointer;position:absolute;bottom:80px}
.pg-home .left-bar .top svg{position:relative}
.pg-home .left-bar .top:hover circle{fill:#70795c}
.pg-home .date{background-color:#a24242;padding:10px;position:fixed;border-radius:50%;align-items:center;justify-content:center;z-index:3;color:#f0eee7;text-align:center}
.pg-home .date.desktop{}
@media only screen and (max-width:600px){.pg-home .date.desktop{display:none}}
@media only screen and (min-width:600px){.pg-home .date.desktop{display:flex}}
@media only screen and (min-width:1200px){.pg-home .date.desktop{display:flex}}
.pg-home .date.mobile{position:absolute;width:110px;height:110px;top:0;transform:translateY(-50%) rotate(20deg);right:10px}
@media only screen and (max-width:600px){.pg-home .date.mobile{display:flex}}
@media only screen and (min-width:600px){.pg-home .date.mobile{display:none}}
@media only screen and (min-width:1200px){.pg-home .date.mobile{display:none}}
@media only screen and (min-width:600px){.pg-home .date{right:60px;width:120px;top:180px;height:120px}}
@media only screen and (min-width:1200px){.pg-home .date{right:60px;width:120px;top:120px;height:120px}}
@media only screen and (min-width:1500px){.pg-home .date{right:30px;width:180px;top:120px;height:180px}}
.pg-home .date .text{line-height:120%}
.footer{margin-top:120px;background-color:#48494a;display:grid;color:#f0eee7;align-items:center;font-size:24px}
@media only screen and (max-width:600px){.footer{padding:60px 30px;grid-template-columns:1fr}}
@media only screen and (min-width:600px){.footer{padding:60px;grid-template-columns:1fr}}
@media only screen and (min-width:1200px){.footer{padding:60px 120px;grid-template-columns:1fr 1fr 1fr}}
.footer a{color:#f0eee7;text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer .made-by{text-align:center}
@media only screen and (max-width:600px){.footer .made-by{margin-top:60px}}
@media only screen and (min-width:600px){.footer .made-by{margin-top:60px}}
@media only screen and (min-width:1200px){.footer .made-by{margin-top:0}}
.footer .made-by img{width:120px}
.footer .mail{}
@media only screen and (max-width:600px){.footer .mail{text-align:left;grid-row:2/3;margin-top:20px}}
@media only screen and (min-width:600px){.footer .mail{text-align:left;grid-row:2/3;margin-top:20px}}
@media only screen and (min-width:1200px){.footer .mail{text-align:right;grid-row:unset;margin-top:0}}