:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,.main{height:100%;width:100%;margin:0;background:#000}#root{height:100%;width:100%}@font-face{font-family:Futura;src:url(../FuturaStdMedium.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Futura;src:url(../FuturaStdBold.otf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Futura;src:url(../FuturaStdMediumOblique.otf) format("truetype");font-weight:400;font-style:italic}.main{display:flex;flex-direction:column;background-size:cover;color:#000;max-height:100%;font-weight:400;font-family:Futura,sans-serif}.text{text-align:center}.header{background-color:#bf431b;width:100%;padding:.2% 4%;color:#fff;display:grid;grid-template-columns:15% 70% 15%;align-items:center;position:relative;justify-items:center}.header-mobile{display:none;width:100%;background-color:#bf431b;color:#fff;text-align:center}.header img{max-height:100%;width:70%}.header .logo{width:90%;height:auto}.white-line{background-color:#fff;width:100%;height:7px;position:absolute;bottom:0;left:0;z-index:10}.title{align-self:center;justify-self:center;margin:0 auto;font-size:1.85vw}.subtitle{font-size:1.4vw;margin:0 auto;font-style:italic;line-height:1.8rem}.header .subtitle{margin-bottom:12px}.logo{height:100%;width:auto}.content{width:100%;display:flex;flex:1;flex-direction:row;justify-content:center;background-size:cover;background-repeat:no-repeat;background-image:url(TRAMONTI_WEBPAGE_BKG_01.jpg)}.iframe-container{width:62%;height:100%;max-width:1280px;max-height:720px;align-self:center;display:flex;align-items:center;justify-content:center}#phlay-container{display:flex;width:100%;background-color:#181818}.survey-container{max-height:100%;aspect-ratio:16 / 9}.footer,.footer-mobile{flex:1;height:0;color:#fff}.footer-mobile{display:none;flex-direction:column;align-items:center;max-height:200px;margin-top:auto;color:#fff;justify-content:flex-end;padding-bottom:8%}.footer{display:grid;padding:0 2%;justify-items:center;grid-template-columns:11% 78% 11%;align-items:center;position:relative;background-color:#275d57;max-height:200px;margin-top:auto}.footer img{width:60%}.footer-mobile img{width:30%}.footer .poc{width:90%}.footer .text{width:80%}.footer-line{top:0;background-color:#fff}.footer .title{font-size:1vw;line-height:1.3rem}.footer .subtitle{font-size:1vw;font-style:italic;margin-top:12px;font-weight:200;line-height:1.3rem}.quiz-container{font-family:Futura,sans-serif!important}.quiz-container h1{font-size:2.35rem!important;text-align:center}.select-quiz-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;background-color:#f2f2f2;padding-bottom:9rem}.select-quiz-container .buttons-container{display:flex;justify-content:center;gap:20%;margin-top:3.5%}.buttons-container button{padding:.85rem 3.5rem!important}.buttons-container button:hover{opacity:.95}.btn-residenti{background-color:#bf431b!important;border:2px solid #1a1a1a!important}.btn-visitatori{background-color:#275d57!important;border:2px solid #1a1a1a!important}@media screen and (max-width: 1600px) and (orientation: landscape){.learn-more button{padding:9px 18px}.iframe-container{max-width:860px}.footer{max-height:150px;margin-top:auto}.content{flex:1;background-position:50%}.footer h2{font-size:2rem;align-self:flex-end;margin:0}}@media screen and (max-width: 1024px) and (orientation: portrait){.header,.footer{display:none}.footer-mobile{display:flex}.heading{width:80%;font-size:2vw;margin:1.5em 0}.iframe-container{width:100%;display:flex;max-width:680px;justify-content:center}.header-mobile{display:block;padding:1.2rem 0;border-bottom:5px solid white;margin-bottom:1rem}.header-mobile img{width:35%}.main,.content{background:#000}#phlay-container{background-color:#181818}.survey-container{aspect-ratio:unset;width:100%;position:absolute;left:0;top:0}.select-quiz-container{width:100%;height:100vh!important;font-size:1.1rem;justify-content:flex-start}.quiz-container h1{font-size:2rem!important;text-align:center;padding:0 .8rem}.select-quiz-container .buttons-container{flex-direction:column}.buttons-container button{margin-top:2rem}}@media screen and (max-width: 480px) and (orientation: portrait){.header,.sidebar,.footer{display:none}.footer-mobile{display:flex}.main,.content{background:#000}.iframe-container,.content{width:100%;margin-left:0}.iframe-container{align-items:flex-start}.survey-container{aspect-ratio:unset;height:100%}.quiz-navigation button{bottom:2rem!important}}@media screen and (max-width: 1280px) and (orientation: landscape){.header,.sidebar,.footer{display:none}.main,.content{background:#000}.iframe-container,.content{width:100%;height:100%;margin-left:0}.iframe-container{display:flex;max-width:1080px;align-items:center;justify-content:center}.survey-container{aspect-ratio:unset}}*{box-sizing:border-box}.keen-slider{height:100vh;margin:0 auto;overflow:hidden;width:100%}.keen-slider__slide{align-items:center;box-sizing:border-box;color:#000;display:flex;flex-direction:column;height:100%;justify-content:center;padding-bottom:8rem;width:100%}.quiz-description{margin:auto auto 4vh;max-width:800px;text-align:center}.quiz-navigation{align-items:center;display:flex;justify-content:center}.quiz-container button,.quiz-navigation{position:relative}.quiz-container button[disabled]{color:gray;cursor:not-allowed;opacity:.75}.quiz-container button svg{height:60%;position:absolute;right:.8rem;top:20%}.quiz-navigation button{bottom:5vh;color:#fff;min-height:45px;min-width:12%;position:absolute}.greeting-slide button{color:#fff;min-height:45px;min-width:200px}.quiz-container{--quiz-accent-color:#febc06;background-color:#f2f2f2;container-name:quizform;container-type:inline-size;display:flex;flex-direction:column;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;height:100%;position:relative;width:100%}.quiz-container h1,p.quiz-title{font-size:3.2em;line-height:1.1}p.quiz-title{padding:0 1rem}.quiz-container button{background-color:#1a1a1a;border:1px solid transparent;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}.question{align-items:center;color:#000;display:flex;flex-direction:column;width:100%}.question-title{line-height:1.5rem;padding:2rem;text-align:center}span.question-title{font-size:1.5em}.options{gap:1rem}.options-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.options-grid{align-items:stretch;display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(2,1fr);justify-content:center}.options-grid-large{align-items:stretch;gap:1.5rem 0;grid-template-columns:repeat(3,1fr)}.option{align-items:center;background:#fff;border:2px solid transparent;border-radius:8px;box-shadow:0 4px 12px #0003;color:#000;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-width:180px;padding:1rem;text-align:center;transition:.2s;z-index:10}.options-grid .option:nth-child(odd){justify-self:end}.options-grid .option:nth-child(2n){justify-self:start}.options-grid-large .option:nth-child(2n),.options-grid-large .option:nth-child(odd){justify-self:center}.options-grid .option{justify-content:center;width:100%}.options-grid .option-media,.options-grid-with-media .option{line-height:1rem;min-width:170px;width:42%}.options-grid-large .option{width:90%}.option.selected{background:var(--quiz-accent-color);border-color:#333}.option img{border-radius:4px;display:block;margin-top:auto;object-fit:contain;width:100%}.option-media span{margin-bottom:6px}@media (max-width:768px) and (orientation:portrait){.keen-slider{height:100%}.keen-slider__slide{justify-content:flex-start;padding-bottom:0}.greeting-slide button{cursor:pointer;margin-top:20vh;min-width:200px}.options{align-items:center;flex-direction:column}.options-grid{align-items:stretch;gap:.5rem;grid-template-columns:50% 50%;padding:2% 0;width:100%}.options:not(.options-grid) .option{min-width:150px;width:100%}.options-grid .option{min-height:75px;min-width:100px;padding:.8rem;width:90%}.options-grid-large .option{min-height:unset}.option span{line-height:1rem}.quiz-navigation button{bottom:7.5rem;min-width:50%;position:absolute}.quiz-description{max-width:90%}.question-title{margin:0;padding:1.5rem 1rem 1.3rem}.options-grid-large .option:nth-child(odd){justify-self:end}.options-grid-large .option:nth-child(2n){justify-self:start}p.quiz-title{font-size:2.2rem}}@media (max-width:768px) and (orientation:landscape){.options:not(.options-grid) .option{min-width:100px;width:40%}.options-grid{display:flex;gap:.5rem;justify-content:flex-start;max-height:40vh;overflow-x:auto;padding:1% 0;width:100%}.options-grid .option{min-width:100px;width:30%}.quiz-navigation button{bottom:20vh;min-width:35%}.question-title{margin-top:0;padding:.5rem}}@container quizform (min-width: 770px) and (max-width: 1200px){.options-grid-large{gap:.75rem;grid-template-columns:repeat(4,1fr);padding:0}.options-grid-with-media{gap:.75rem;grid-template-columns:repeat(3,1fr);padding:0}.options-grid-with-media .option{justify-self:center!important}.options-grid .option{line-height:1rem}.options-grid-large .option{line-height:1rem;min-width:75%}.quiz-navigation button{min-width:20%}.options-grid .option img{max-height:100px}.question-title{margin-bottom:0;margin-top:1.5rem;padding:1rem}}@media (min-width:770px) and (max-width:1200px) and (orientation:landscape){.options-grid-large{gap:.75rem;grid-template-columns:repeat(4,1fr);padding:0}.options-grid-with-media{gap:.75rem;grid-template-columns:repeat(3,1fr);padding:0}.options-grid-with-media .option{justify-self:center!important}.options-grid .option{line-height:1rem}.options-grid-large .option{line-height:1rem;min-width:75%}.quiz-navigation button{min-width:20%}.options-grid .option img{max-height:100px}.question-title{margin-bottom:0;margin-top:1.5rem;padding:1rem}}.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}