html,body,main,.slide,#app,#wrapper{width:100%;height:100%;overflow:hidden}body,#app,#wrapper{background:#f6f6f6;font-family:"Overpass",serif;font-size:20px;line-height:130%}#app{margin:0 auto}.sofia-medium{font-weight:500}.sofia-bold{font-weight:700}.sofia-black{font-weight:900}.img-full{width:100%;height:auto}.bg-black{background:#231f20!important}.quiz{background:#f6f6f6;width:100%;height:100%;margin:0 auto;position:relative}.quiz a{color:inherit}.quiz a:hover{text-decoration:none}.quiz .logo{position:absolute;left:42.5%;top:2%;width:15%;z-index:1001}.quiz .logo2{position:absolute;left:45%;bottom:2%;width:10%;z-index:1001}.quiz .btn-fullscreen,.quiz .btn-fullscreen2{position:absolute;right:1%;top:1%;width:3%;z-index:1001}.quiz .progress-wrapper{position:absolute;bottom:5px;left:5%;width:90%;opacity:0;transition:opacity 0.5s}.quiz .progress-wrapper .percentage-bars{position:relative;display:block;margin:1px auto;width:100%;height:10px}.quiz .progress-wrapper .percentage-bars .bar-bg{background:#C4C4C4;height:10px;border-radius:50px}.quiz .progress-wrapper .percentage-bars .bar{position:absolute;left:2px;top:2px;background:#1c3687;height:6px;width:1%;border-radius:50px;transition:width 2s}.quiz .rotate-vertical,.quiz .rotate-horizontal{position:fixed;bottom:2%;right:2%;width:20%;padding:10px;background:#00aee7aa;border:2px solid #1c3687;border-radius:20px;z-index:1005;text-align:center;display:none}.quiz .slide{position:absolute;top:0;left:0;width:100%;height:100%;display:none;opacity:0;transition:opacity 0.5s ease-in-out}.quiz .slide.active{display:block}.quiz .slide.fade-in{opacity:1}.quiz .slide.fade-out{opacity:0}.quiz .slide .btn-quiz,.quiz .slide .btn-quiz2{font-size:1.2em;font-weight:700;line-height:130%;color:#fff;border:0;background:#00aee7;background:linear-gradient(180deg,#00aee7 0%,#1c3687 100%);border-radius:6px;padding:.4em .8em .2em}.quiz .slide .btn-quiz2{color:#1c3687;background:#fff;border:2px solid #00aee7;border-color:linear-gradient(180deg,#00aee7 0%,#1c3687 100%)}.quiz .slide.start .bubles{position:absolute;left:21%;top:19%;width:35%}.quiz .slide.start .text{position:absolute;left:55%;top:20%;width:20%;color:#231f20;text-align:right}.quiz .slide.start .text .t1{font-size:3em;line-height:130%}.quiz .slide.start .text .t2{font-size:2em;line-height:130%}.quiz .slide.start .text .qr{width:60%}.quiz .slide.form h5{font-weight:700}.quiz .slide.form .form-wrapper{position:absolute;left:7%;top:1%;width:80%;height:90%}.quiz .slide.form .form-control{font-size:1em;padding:5px}.quiz .slide.form .form-error{position:absolute;top:0;right:20px;color:#b02a37;font-size:.6em}.quiz .slide.afterform .content-wrapper{position:absolute;left:7%;top:14%;width:86%;height:90%}.quiz .slide.receive .content-wrapper{position:absolute;left:7%;top:14%;width:86%;height:90%}.quiz .slide.receive .pad{outline:5px solid #00aee7;background:#fff}.quiz .slide.received .content-wrapper{position:absolute;left:7%;top:14%;width:86%;height:90%}.quiz .slide.question .in-question{margin:5% 5%;height:80%}.quiz .slide.question .in-question .number{font-size:2em;line-height:130%;color:#00aee7;border-bottom:1px solid #00aee7;padding-bottom:10px}.quiz .slide.question .in-question .text{margin-top:1%;margin-bottom:1%;font-size:2.5em;line-height:130%;height:40%;color:#231f20;overflow:hidden}.quiz .slide.question .in-question .answers{height:50%}.quiz .slide.question .in-question .answers .answer{width:30%;height:100%;float:left;background:#00aee7;background:linear-gradient(180deg,#00aee7 0%,#1c3687 100%);transition:background-color 1s,color 1s;color:#fff;border-radius:1em;margin-right:3%;position:relative}.quiz .slide.question .in-question .answers .answer:hover{background:linear-gradient(180deg,#00aee7 0%,#1c3687 80%,#1c3687 100%)}.quiz .slide.question .in-question .answers .answer .circle{position:absolute;top:-11%;left:50%;transform:translate(-50%,0);width:18%;height:22%;padding:2%;text-align:center;font-size:2em;line-height:100%;border-radius:100%;background:#00aee7;border:10px solid #f6f6f6}.quiz .slide.question .in-question .answers .answer .circle.cgood{display:none;padding:2%}.quiz .slide.question .in-question .answers .answer .circle.cbad{display:none;padding:2%}.quiz .slide.question .in-question .answers .answer .circle img{width:80%}.quiz .slide.question .in-question .answers .answer .content{text-align:center;font-size:1.5em;height:100%;display:flex;justify-content:center;align-items:center;padding:1em}.quiz .slide.question .in-question .answers .answer.good{background:#fff;color:#00aee7}.quiz .slide.question .in-question .answers .answer.good .circle.cans{display:none}.quiz .slide.question .in-question .answers .answer.good .circle.cgood{display:block}.quiz .slide.question .in-question .answers .answer.bad{background:#434242}.quiz .slide.question .in-question .answers .answer.bad .circle.cans{display:none}.quiz .slide.question .in-question .answers .answer.bad .circle.cbad{display:block}.quiz .slide.summary .sl{position:absolute;top:40%;left:-2%;width:38%}.quiz .slide.summary .sl img{width:100%}.quiz .slide.summary .sr{position:absolute;top:55%;left:82%;width:40%}.quiz .slide.summary .sr img{width:100%}.quiz .slide.summary .in-summary{margin:5% 5%;height:80%}.quiz .slide.summary .in-summary .number{font-size:2em;line-height:130%;color:#00aee7;border-bottom:1px solid #00aee7;padding-bottom:10px}.quiz .slide.summary .in-summary .text{margin:1% 0;font-size:3em;line-height:130%;color:#231f20}.quiz .slide.summary .in-summary .text2{text-align:center;margin-top:1%;font-size:2em;line-height:130%;color:#231f20}.quiz .slide.summary .cirle-wrapper{width:100%;height:35%}.quiz .slide.summary .cirle-wrapper .single-chart{width:100%;height:100%;opacity:0;transition:opacity 1s;justify-content:space-around}.quiz .slide.summary .cirle-wrapper .tgood,.quiz .slide.summary .cirle-wrapper .tbad{opacity:0;transition:opacity 1s}.quiz .slide.summary .cirle-wrapper .circular-chart{display:block;margin:10px auto;max-width:100%;height:100%}.quiz .slide.summary .cirle-wrapper .circular-chart .circle{stroke:#00aee7}.quiz .slide.summary .cirle-wrapper .circle-bg{fill:none;stroke:#C4C4C4;stroke-width:3.8}.quiz .slide.summary .cirle-wrapper .circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 1s ease-out forwards}@keyframes progress{0%{stroke-dasharray:0 100}}.quiz .slide.summary .cirle-wrapper .percentage{fill:#00aee7;font-family:"Overpass",serif;font-size:.4em;text-anchor:middle}.quiz .slide.summary .pb-wrapper{width:100%;height:3%}.quiz .slide.summary .pb-wrapper .percentage-bars{position:relative;display:block;margin:25px auto;width:25%;height:100%}.quiz .slide.summary .pb-wrapper .percentage-bars .bar-bg{background:#C4C4C4;height:100%;border-radius:50px}.quiz .slide.summary .pb-wrapper .percentage-bars .bar{position:absolute;left:0;top:0;background:#00aee7;height:100%;width:1%;border-radius:50px;transition:width 5s}