.quiz-wrapper{margin:0;overflow:hidden;position:relative;font-family:'Signika', sans-serif;font-weight:400;line-height:1.4;background-color:#FF7900}.quiz-wrapper *{box-sizing:border-box}.quiz{position:absolute;top:3%;left:5%}p:first-child{margin-top:0}.toptext{height:4%;margin-bottom:1%;width:98;padding:0 1%;color:white;text-align:right;line-height:1}.quiz-description{margin:0 auto;display:block;width:100%;position:absolute;top:30%;left:0;cursor:pointer;min-height:20%;text-align:center}.quiz-description input,.quiz-description textarea{padding:0.5% 1%;border:none;background-color:rgba(255,255,255,0.8);margin-top:0.5%;width:80%;font-family:Signika, sans-serif}.quiz-description.horizontal input{width:50%}.quiz-description .small{line-height:1.1}.quiz-description p{margin:0}.quiz-description a{color:white;text-decoration:underline}.question-container{width:100%;height:50%;margin-bottom:3%;position:relative;perspective:3000px}.question-container.horizontal{float:left;margin:0}.question-container.horizontal .question{position:relative}.question{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;background-color:#fff;background-color:rgba(255,255,255,0.9);background-position:100% 100%;background-size:25% auto;background-repeat:no-repeat;backface-visibility:hidden;padding:0 6%;transform-style:preserve-3d;transform:rotateY(-90deg)}.question.flipout{transform:rotateY(90deg);transition:transform 0.5s ease-in}.question.flipin{transform:rotateY(0deg);transition:transform 0.5s ease-in}.answer-container{width:49%;height:200px;margin-left:2%;float:left;margin-bottom:3%;position:relative;transition:left 0.5s ease, right 0.5s ease, top 0.5s ease, bottom 0.5s ease}.answer-container .answer{display:table-cell;width:100%;height:100%;border-radius:10px;vertical-align:middle;text-align:center;cursor:pointer;padding:4%;word-break:break-word;background-color:#000000;color:#ffffff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);border:1px solid #000;background-color:#000;background-size:auto 200%;background-position:0 100%;transition:background-position 0.5s}.answer-container .answer.correct{background-image:linear-gradient(to bottom, #1fe148 0%, #090f08 70%);background-position:0 0}.answer-container .answer.wrong{background-image:linear-gradient(to bottom, #C42300 0%, #090f08 70%);background-position:0 0;animation:flash-red-pos 2.8s}.answer-container:nth-child(2n+1){margin-left:0;clear:both;left:-300%}.answer-container:nth-child(2n+1).movein{left:0}.answer-container:nth-child(n+3){margin-bottom:0}.answer-container:nth-child(2n){right:-300%}.answer-container:nth-child(2n).movein{right:0}.answer-wrapper.horizontal{float:right;position:relative}.answer-wrapper.horizontal .answer-container{margin-bottom:2%}.answer-wrapper.horizontal .answer-container:nth-child(-n+2){left:0;right:0;top:-2000px}.answer-wrapper.horizontal .answer-container:nth-child(-n+2).movein{top:0}.answer-wrapper.horizontal .answer-container:nth-child(n+3){left:0;right:0;bottom:-2000px}.answer-wrapper.horizontal .answer-container:nth-child(n+3).movein{bottom:0}.timer-background{width:98%;clear:both;background-color:#000;border-radius:10px;height:3%;margin:3% auto 0 auto;padding:0.5vmin}.timer-background .timer{height:100%;width:100%;background-color:#25a000}.time-up{display:none;position:absolute;font-family:sans-serif;color:white;bottom:10%;white-space:nowrap}@keyframes flash-red{0%{background-color:#000}15%{background-color:#C42300}25%{background-color:#C42300}40%{background-color:#000}55%{background-color:#C42300}65%{background-color:#C42300}80%{background-color:#000}95%{background-color:#C42300}100%{background-color:#C42300}}@keyframes flash-red-pos{0%{background-position:0 100%}15%{background-position:0 0}25%{background-position:0 0}40%{background-position:0 100%}55%{background-position:0 0}65%{background-position:0 0}80%{background-position:0 100%}95%{background-position:0 0}100%{background-position:0 0}}@keyframes flip-in{0%{transform:rotateY(90deg)}100%{transform:rotateY(180deg)}}#video{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;color:white}#video video,#video .video-js{position:absolute;top:0;left:0;width:100%;height:100%}.certificate{display:block;margin:0 auto;width:30%;height:auto;box-shadow:2px 2px 2px rgba(0,0,0,0.6)}.certificate.horizontal{width:35%;float:left;margin:0 5% 0 0}::-webkit-input-placeholder{color:#BBB;font-weight:300}:-moz-placeholder{color:#BBB;font-weight:300;opacity:1}::-moz-placeholder{color:#BBB;font-weight:300;opacity:1}:-ms-input-placeholder{color:#BBB;font-weight:300}a{color:#000;text-decoration:none}