@font-face{font-family:'nunitoregular';src:url('../fonts/nunito-regular-webfont.woff2') format('woff2'),url('../fonts/nunito-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nunitoextrabold';src:url('../fonts/nunito-extrabold-webfont.woff2') format('woff2'),url('../fonts/nunito-extrabold-webfont.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nunitolight';src:url('../fonts/nunito-light-webfont.woff2') format('woff2'),url('../fonts/nunito-light-webfont.woff') format('woff');font-weight:normal;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,ul,ol{display:block;font-size:inherit}img{max-width:100%;height:auto;border:0}a{color:inherit;transition:.2s;outline:0;cursor:pointer}body{font-family:'nunitoregular';font-size:15px;line-height:20px;font-weight:normal;background:#6272A0;background:linear-gradient(to bottom, #D7E5F0 0%, #D7E5F0 50%, #6272A0 50%, #6272A0 100%);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}b{font-family:'nunitoextrabold';font-weight:normal}p{margin-bottom:10px}h1{font-family:'nunitoextrabold';font-weight:normal;font-size:50px;line-height:50px;color:#fff;margin:0;margin-bottom:50px}.btn{display:inline-flex;font-size:17px;line-height:17px;text-align:center;text-decoration:none;transition:.3s;border:none;border-radius:15px;overflow:hidden;color:#fff;font-family:inherit;box-shadow:0 5px 0 #4F5F86;background:#bdb8b5;-webkit-tap-highlight-color:transparent;margin:0 12px;height:46px}.btn:hover{background:#a19d9a}.btn.btn-green{background:#8EB213}.btn.btn-green:hover{background:#7c9b11}.btn.btn-yellow{background:#EDC24F}.btn.btn-yellow:hover{background:#d9a416}.btn.btn-red{background:#E7716B}.btn.btn-red:hover{background:#e0473f}.btn.btn-azul{background:#00C2D3}.btn.btn-azul:hover{background:#00abba}.btn .btn-icon{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.1);width:46px;height:46px}.btn .btn-text{font-family:'nunitoextrabold';padding:0 13px;white-space:nowrap;display:flex;justify-content:center;align-items:center;margin-top:1px;font-size:20px;line-height:20px}.t-left{text-align:left}.t-center{text-align:center}.is-hidden{display:none !important}.container{margin:auto;max-width:1200px;padding:0 25px}.app-wrapper{min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;background:url('../img/background-stripe.png') center center repeat-x}#app{max-width:1280px;overflow:hidden;position:relative;line-height:0}#app>*{display:block;position:absolute}#app .app-background{position:relative}#title{font-family:'nunitoextrabold';white-space:nowrap;font-size:20px;line-height:20px;text-align:center;top:4%;color:#fff;width:274px;height:46px;background:transparent url('../img/ribbon.png') no-repeat center center;background-size:cover;margin:auto;left:0;right:0;padding-top:9px}#nuvola{width:195px;height:195px;background:transparent url('../img/nuvola.png') no-repeat top center;background-size:cover;top:8%;left:2%;animation:fly 5s infinite}#nuvola.nuvola-ok{background-position:center center}#nuvola.nuvola-ko{background-position:bottom center}@keyframes fly{0%{transform:translate(0, -10px)}50%{transform:translate(0, 5px)}100%{transform:translate(0, -10px)}}#number{width:165px;height:65px;background-color:#fff;border-radius:18px;font-family:'nunitoextrabold';font-size:58px;line-height:58px;color:#4F5F86;top:18%;left:20%;display:flex;justify-content:center;align-items:center;padding-top:8px}#bubble{width:31%;min-height:140px;background-color:#fff;border-radius:35px;top:35%;left:2%;padding:10px 25px 0 25px;display:flex;flex-direction:column;justify-content:center}#bubble .bubble-flag{width:38px;height:auto;position:absolute;top:-29px;left:110px;fill:#fff}#bubble>div{font-size:20px;line-height:20px}#bubble .bubble-text-instruction{display:block;font-size:15px}#bubble .bubble-text-ok,#bubble .bubble-text-ko,#bubble .bubble-text-solution{display:none;font-weight:bold}#bubble.bubble-ok{background-color:#BCDC46}#bubble.bubble-ok .bubble-text-instruction{display:none}#bubble.bubble-ok .bubble-text-ok{display:block}#bubble.bubble-ok .bubble-text-ko{display:none}#bubble.bubble-ok .bubble-text-solution{display:none}#bubble.bubble-ok .bubble-flag{fill:#BCDC46}#bubble.bubble-ko{background-color:#F88680}#bubble.bubble-ko .bubble-text-instruction{display:none}#bubble.bubble-ko .bubble-text-ok{display:none}#bubble.bubble-ko .bubble-text-ko{display:block}#bubble.bubble-ko .bubble-text-solution{display:none}#bubble.bubble-ko .bubble-flag{fill:#F88680}#bubble.bubble-solution{background-color:#F8CF65}#bubble.bubble-solution .bubble-text-instruction{display:none}#bubble.bubble-solution .bubble-text-ok{display:none}#bubble.bubble-solution .bubble-text-ko{display:none}#bubble.bubble-solution .bubble-text-solution{display:block}#bubble.bubble-solution .bubble-flag{fill:#F8CF65}#tipologie{width:31%;top:62%;left:2%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#tipologie .btn{width:calc(50% - 10px);margin:10px 2px;background:#C0C4D5;box-shadow:0 5px 0 #A9ADBC}#tipologie .btn .btn-text{width:100%;text-align:center}#tipologie .btn:hover{background:#abb0c7;box-shadow:0 5px 0 #8f94a8}#tipologie .btn.is-active{background:#6272A0;box-shadow:0 5px 0 #4F5F86}#columns{bottom:15.7%;right:1.5%;display:flex;justify-content:center;align-items:center;width:760px}#columns .column{width:calc(25% - 40px);max-width:150px;margin:0 20px;position:relative}#columns .column-balls{width:100%;position:absolute;top:0;left:0;height:84.7%}#columns .column-balls>img{display:block;position:absolute;width:auto;height:34px;top:0%;margin:auto;left:0;right:0;opacity:0;transition:.8s}#columns .column-balls>img.final-position{opacity:1}#columns .column-balls>img.position-1{top:calc(100% - (34px * 1))}#columns .column-balls>img.position-2{top:calc(100% - (34px * 2))}#columns .column-balls>img.position-3{top:calc(100% - (34px * 3))}#columns .column-balls>img.position-4{top:calc(100% - (34px * 4))}#columns .column-balls>img.position-5{top:calc(100% - (34px * 5))}#columns .column-balls>img.position-6{top:calc(100% - (34px * 6))}#columns .column-balls>img.position-7{top:calc(100% - (34px * 7))}#columns .column-balls>img.position-8{top:calc(100% - (34px * 8))}#columns .column-balls>img.position-9{top:calc(100% - (34px * 9))}#columns .column-cifra{position:absolute;bottom:10px;width:100%;display:flex;justify-content:center;align-items:center;padding:0 10px}#columns .column-cifra button{width:40px;height:40px;border-radius:999px;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#A08582;box-shadow:0 5px 0 #B2958F;border:none;outline:none;padding:9px;cursor:pointer;transition:.2s}#columns .column-cifra button:hover{background-color:#886a67}#columns .column-cifra .cifra-number{width:40px;font-family:'nunitoextrabold';font-size:45px;line-height:45px;color:#3B2F2D;text-align:center;margin:0 3px;padding-top:4px}#actions{position:absolute;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;bottom:3.5%;right:2%}#modal_container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;transition:.3s;transform:scale(.1, .1);opacity:0;visibility:hidden}#modal_container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s;transform:scale(1, 1)}#modal_container #modal_window{border-radius:4px;background:#fff;width:100vw;max-width:300px;max-height:100vh;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);overflow:hidden;text-align:center}#modal_container #modal_content{padding:25px 25px 20px 25px;overflow-y:auto;max-height:calc(100vh - 64px);text-align:center}#modal_container #modal_actions{padding-bottom:25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#modal_container #modal_actions>*{margin:0 3px}#modal_container #modal_actions .btn{box-shadow:0 5px 0 #cccccc}@media screen and (max-width:1279px){.app-wrapper{background:none}#actions{bottom:3%}}@media screen and (max-width:1180px){#title{top:1.5%}.btn{height:40px}.btn .btn-icon{width:40px;height:40px}.btn .btn-text{font-size:16px;line-height:16px}#nuvola{top:0%}#number{width:120px;height:47px;border-radius:10px;font-size:40px;line-height:40px;top:16%;left:24%;padding-top:6px}#bubble{min-height:120px;padding:10px 20px 0 20px;border-radius:25px}#bubble>div{font-size:17px;line-height:17px}#bubble .bubble-text-instruction{line-height:17px;font-size:13px}#tipologie{top:63%}#tipologie .btn{margin:6px 2px}#columns{width:600px}#columns .column{width:calc(25% - 20px);margin:0 10px}#columns .column-balls>img{height:29px}#columns .column-balls>img.position-1{top:calc(100% - (29px * 1))}#columns .column-balls>img.position-2{top:calc(100% - (29px * 2))}#columns .column-balls>img.position-3{top:calc(100% - (29px * 3))}#columns .column-balls>img.position-4{top:calc(100% - (29px * 4))}#columns .column-balls>img.position-5{top:calc(100% - (29px * 5))}#columns .column-balls>img.position-6{top:calc(100% - (29px * 6))}#columns .column-balls>img.position-7{top:calc(100% - (29px * 7))}#columns .column-balls>img.position-8{top:calc(100% - (29px * 8))}#columns .column-balls>img.position-9{top:calc(100% - (29px * 9))}#columns .column-cifra button{width:35px;height:35px;padding:7px}#columns .column-cifra .cifra-number{width:30px;font-size:35px;line-height:35px;margin:0 3px;padding-top:4px}}@media screen and (max-height:415px),(max-width:720px){body{background:#3c475d}p{margin-bottom:3px}#app{max-width:610px}#title{width:137px;height:23px;font-size:11px;line-height:11px;padding-top:4px}#nuvola{width:100px;height:100px;top:2%;left:1%;animation:fly 3s infinite}@keyframes fly{0%{transform:translate(0, -5px)}50%{transform:translate(0, 3px)}100%{transform:translate(0, -5px)}}#bubble{width:40%;top:32%;left:1%;min-height:95px;padding:5px 12px 0 12px;border-radius:15px}#bubble .bubble-flag{width:25px;top:-19px;left:60px}#bubble>div{font-size:14px;line-height:16px}#bubble .bubble-text-instruction{line-height:14px;font-size:11px}#number{width:75px;height:35px;border-radius:6px;font-size:25px;line-height:25px;top:13%;left:21%;padding-top:3px}#tipologie{left:1%;width:40%}#tipologie .btn{margin:3px 2px;width:calc(50% - 4px);height:25px;box-shadow:0 3px 0 #A9ADBC}#tipologie .btn.is-active{box-shadow:0 3px 0 #4F5F86}#actions{right:0}.btn{height:30px;border-radius:7px;margin:0 5px;box-shadow:0 3px 0 #4f5f86}.btn .btn-icon{width:30px;height:30px}.btn .btn-text{font-size:14px;line-height:14px;padding:0 6px}#columns{width:360px;right:0}#columns .column{width:calc(25% - 14px);margin:0 7px}#columns .column-balls>img{height:17px}#columns .column-balls>img.position-1{top:calc(100% - (17px * 1))}#columns .column-balls>img.position-2{top:calc(100% - (17px * 2))}#columns .column-balls>img.position-3{top:calc(100% - (17px * 3))}#columns .column-balls>img.position-4{top:calc(100% - (17px * 4))}#columns .column-balls>img.position-5{top:calc(100% - (17px * 5))}#columns .column-balls>img.position-6{top:calc(100% - (17px * 6))}#columns .column-balls>img.position-7{top:calc(100% - (17px * 7))}#columns .column-balls>img.position-8{top:calc(100% - (17px * 8))}#columns .column-balls>img.position-9{top:calc(100% - (17px * 9))}#columns .column-cifra{padding:0;bottom:5px}#columns .column-cifra button{width:20px;height:20px;padding:3px;box-shadow:0 2px 0 #b2958f}#columns .column-cifra .cifra-number{width:20px;font-size:22px;line-height:22px;margin:0 3px;padding-top:2px}}