.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:#fff;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:.5% 1%;border:none;background-color:rgba(255,255,255,.8);margin-top:.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:#fff;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,.9);background-position:100% 100%;background-size:25% auto;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:0 6%;transform-style:preserve-3d;transform:rotateY(-90deg)}.question.flipout{transform:rotateY(90deg);transition:transform .5s ease-in}.question.flipin{transform:rotateY(0deg);transition:transform .5s ease-in}.answer-container{width:49%;height:200px;margin-left:2%;float:left;margin-bottom:3%;position:relative;transition:left .5s ease,right .5s ease,top .5s ease,bottom .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:#000;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);border:1px solid #000;background-color:#000;background-size:auto 200%;background-position:0 100%;transition:background-position .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;-webkit-animation:flash-red-pos 2.8s;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:.5vmin}.timer-background .timer{height:100%;width:100%;background-color:#25a000}.time-up{display:none;position:absolute;font-family:sans-serif;color:#fff;bottom:10%;white-space:nowrap}@-webkit-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{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}}@-webkit-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 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}}@-webkit-keyframes flip-in{0%{transform:rotateY(90deg)}100%{transform:rotateY(180deg)}}@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:#000;color:#fff}#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,.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}