body {margin: 0;padding: 0;}.clr {clear: both;}.clra:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}#curtain {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);display: none;z-index: 100;}#frame {max-width: 1500px;width: auto;padding: 4px;background: #dedede;border-bottom-left-radius: 4px;-moz-border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;-moz-border-bottom-right-radius: 4px;margin: auto;-webkit-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5);-moz-box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5);box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.5);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}#frame .row {display: table;width: 100%;}#frame .row .buttonContainer {display: table-cell;width: 40%;vertical-align: middle;text-align: right;padding-right: 10px;}#frame .row .buttonContainer .checkButton {border-radius: 0;display: inline-block;color: #9C9393;font-family: Verdana;font-size: 14px;width: auto;min-width: 0;height: 100%;line-height: 45px;border-left: 1px solid rgba(172, 172, 172, 0.11);padding: 0 10px;text-shadow: #ffffff 0px 1px 0px;text-decoration: none;vertical-align: top;}#frame .row .buttonContainer .checkButton:hover {color: rgba(0, 143, 255, 0.85);text-shadow: none;}#frame .row .buttonContainer .checkButton.play {display: inline-block;width: 50px;height: 50px;background-image: url('img/play.png');background-repeat: no-repeat;background-position: center center;}#frame .row .buttonContainer .checkButton.play.active {background-image: url('img/play_blue.png');}#frame .row .buttonContainer .infoButton {display: none;}#frame .movingRow {background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(76%, #ececec));background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: -o-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: -ms-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: linear-gradient(to bottom, #f9f9f9 0%, #ececec 76%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ececec', GradientType=0);}#frame .movingRow #taskText {display: table-cell;width: 60%;height: 45px;vertical-align: middle;padding: 0 20px;font-family: Verdana;font-size: 14px;color: #777777;font-weight: bold;}#frame .movingRow #taskProcess {border-radius: 0;display: inline-block;color: rgba(0, 143, 255, 0.85);font-family: Verdana;font-size: 14px;width: auto;min-width: 0;height: 100%;line-height: 45px;border-left: 1px solid rgba(172, 172, 172, 0.11);padding: 0 10px;text-decoration: none;}#frame #head {margin-bottom: 10px;max-width: 100%;width: auto;height: auto;box-shadow: 0px 1px 10px rgba(136, 136, 136, 0.72);background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(76%, #ececec));background: -webkit-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: -o-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: -ms-linear-gradient(top, #f9f9f9 0%, #ececec 76%);background: linear-gradient(to bottom, #f9f9f9 0%, #ececec 76%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#ececec', GradientType=0);-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;border: 1px solid rgba(107, 107, 107, 0.68);}#frame #head #headSlide {display: block;z-index: 2;}#frame #head .rowContainer {width: 100%;}#frame #head .rowContainer .row #taskName {display: table-cell;width: 50%;height: 45px;vertical-align: middle;padding-left: 20px;}#frame #head .rowContainer .row #taskName label {margin-right: 30px;font-family: Verdana;font-size: 15px;font-weight: bold;color: #1ABCF0;text-shadow: 0 0 1px rgba(0, 0, 0, 0.01);-webkit-font-smoothing: antialiased;}#frame #head .rowContainer .row #taskName #taskLevels {display: inline-block;}#frame #head .rowContainer .row #taskName #taskLevels .level {width: 11px;height: 11px;display: inline-block;vertical-align: middle;margin-right: 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow: inset 0.7px 1.2px 0.7px 0.4px rgba(0, 0, 0, 0.25);background: rgba(146, 146, 146, 0.11);border: 1px solid #c9c9c9;position: relative;top: -3px;}#frame #head .rowContainer .row #taskName #taskLevels .level.ready {box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.66);background: whitesmoke;border: none;}#frame #head .rowContainer .row .rightButtonCont {float: right;height: 45px;}#frame #head .rowContainer .row .buttonContainer {vertical-align: middle;width: 25%;}#frame #openHead {display: none;width: 170px;height: 30px;position: absolute;left: 50%;top: 0;margin-left: -85px;cursor: pointer;text-align: center;opacity: 0.8;background-color: #eeeeee;box-shadow: 0px 3px 3px 0 rgba(50, 50, 50, 0.3);border-bottom-left-radius: 6px;-moz-border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;-moz-border-bottom-right-radius: 6px;background-image: url('img/arrow_down.png');background-repeat: no-repeat;background-position: center center;z-index: 1;}#frame #closeHead {display: none;width: 170px;height: 30px;margin: auto;cursor: pointer;text-align: center;background-color: #eeeeee;box-shadow: 0px 3px 3px 0 rgba(50, 50, 50, 0.3);border-bottom-left-radius: 6px;-moz-border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;-moz-border-bottom-right-radius: 6px;background-image: url('img/arrow_up.png');background-repeat: no-repeat;background-position: center center;}#frame #content {box-shadow: 0px 1px 10px rgba(136, 136, 136, 0.27);border-radius: 8px;-moz-border-radius: 8px;border: 1px solid rgba(107, 107, 107, 0.68);background: #eeeeee;overflow: hidden;}#frame #content #taskContainer {max-width: 100%;width: auto;height: 720px;text-align: center;margin: 0 5px 5px;background-color: #dedede;}#frame #content #taskContainer iframe {margin: 0;padding: 0;border: none;}#frame #content #taskContainer #result {width: 100%;height: 100%;background-size: auto 60%;}#frame #content #taskContainer #result h1 {font-family: Verdana;font-weight: bold;font-size: 18px;color: #383838;text-transform: uppercase;}#frame #content #taskContainer #result #resultTable {width: 460px;margin: 40px auto 0;}#frame #content #taskContainer #result #resultTable td {font-family: Verdana;font-size: 18px;color: #383838;text-transform: uppercase;border-bottom: 1px solid #CBCBCB;padding: 5px 0;}#frame #content #taskContainer #result #resultTable td:first-child {text-align: left;}#frame #content #taskContainer #result #resultTable td:last-child {text-align: right;}#frame #content #taskContainer #result #resultTable td #finalResultTable {background: #1ABCF0;border-radius: 5px;margin-top: 30px;}#frame #content #taskContainer #result #resultTable td #finalResultTable td {border: none;padding: 10px;color: #383838;font-family: Verdana;font-weight: bold;font-size: 22px;}#frame #content #taskContainer #result #resultTable tr:last-child td {border: none;}.infobox {position: absolute;top: 0px;left: 0px;background-color: #f0ede7;max-width: 1300px;width: 80%;height: auto;padding: 20px;border-radius: 8px;-moz-border-radius: 8px;display: none;z-index: 800;font-family: Verdana;font-size: 15px;color: #262626;border: 10px solid #FFFFFF;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}.infobox a {display: block;padding: 8px 25px;color: #ffffff;background-color: #59bdff;border-radius: 100px;-moz-border-radius: 100px;width: 100px;margin: auto;text-align: center;text-decoration: none;margin-top: 20px;font-weight: bold;}.infobox #tabs {font-size: 0;text-align: center;}.infobox #tabs .tab {font-size: 15px;color: #ffffff;display: inline-block;padding: 7px 20px;background-color: #59bdff;cursor: pointer;font-weight: bold;}.infobox #tabs .tab.left {-webkit-border-top-left-radius: 100px;-webkit-border-bottom-left-radius: 100px;-moz-border-radius-topleft: 100px;-moz-border-radius-bottomleft: 100px;border-top-left-radius: 100px;border-bottom-left-radius: 100px;}.infobox #tabs .tab.right {-webkit-border-top-right-radius: 100px;-webkit-border-bottom-right-radius: 100px;-moz-border-radius-topright: 100px;-moz-border-radius-bottomright: 100px;border-top-right-radius: 100px;border-bottom-right-radius: 100px;}.infobox #tabs .tab.active {background-color: #3394d5;}.infobox .content {display: none;}.showResult {position: absolute;top: 0px;left: 0px;width: 400px;max-width: 480px;height: auto;max-height: 320px;border-radius: 20px;display: none;font-family: Roboto;color: #FFFFFF;}.showResult .content {text-align: center;margin-top: 10px;margin-bottom: 10px;}.showResult .content .title {font-size: 30px;}.showResult .content .subtitle {font-size: 25px;}.showResult .content .pont {font-size: 25px;font-style: italic;}.showResult.success {background: #a3c623;}.showResult.fail {background: #ff1d24;}#countdown {display: inline-block;margin-left: 30px;text-align: right;font-size: 20px;}#clock {display: inline-block;}.warn {color: #ff1d24;font-size: 20px;font-weight: bold;}#wrongOrientation {display: none;position: absolute;background-color: #dedede;color: white;width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;font-size: 80px;text-align: center;background-image: url('img/wrongorientation.png');background-repeat: no-repeat;background-position: center center;background-size: 50% auto;}@media only screen and (max-width: 999px) {#frame #head {margin-bottom: 3px;}#frame #head .row:first-child .checkButton:not(.infoButton) {display: none;}#frame #head .row:first-child .infoButton {display: block;}#frame #head .rowContainer .row .rightButtonCont {text-align: center;height: 35px;}#frame #head .rowContainer .row #taskName {width: 82%;height: 35px;}#frame #head .rowContainer .row #taskName label {font-size: 11px;}#frame #head .rowContainer .row .checkButton {font-size: 11px;line-height: 35px;float: none;}#frame #head .rowContainer .row .buttonContainer {width: 18%;}#frame .movingRow #taskText, #frame .movingRow #taskProcess {height: 35px;font-size: 11px;}#frame .movingRow #taskProcess {line-height: 35px;padding: 0 2px;}#frame .movingRow .checkButton {font-size: 11px!important;line-height: 35px!important;padding: 0 2px!important;}#frame #content #taskContainer {margin-top: 5px;}}@media only screen and (max-width: 699px) {#frame #head .rowContainer .row .rightButtonCont {text-align: center;}#frame #head .rowContainer .row #taskName {width: 82%;padding-left: 10px;}#frame #head .rowContainer .row #taskName label {font-size: 10px;}#frame #head .rowContainer .row #taskName #taskLevels .level {margin-right: 3px;}#frame #head .rowContainer .row .buttonContainer {width: 20%!important;}#frame #content #taskText, #frame #content .checkButton, #frame #content #taskProcess {font-size: 9px!important;}#frame #content #taskText {padding: 0 10px;width: 55%;}#frame #content #taskProcess, #frame #content .checkButton {padding: 0;}#frame #content .buttonContainer {width: 45%;}.infobox {width: 90%;padding: 10px;font-size: 10px;border-width: 5px;}.infobox #tabs .tab {font-size: 10px;}.infobox a {padding: 7px;margin-top: 10px;}.infobox h3 {margin-bottom: 8px;}#frame #content #taskContainer #result h1 {font-size: 16px;margin-bottom: 5px;}#frame #content #taskContainer #result #resultTable {width: 360px;margin-top: 0;}#frame #content #taskContainer #result #resultTable td {font-size: 10px;}#frame #content #taskContainer #result #resultTable td #finalResultTable {margin-top: 3px;}#frame #content #taskContainer #result #resultTable td #finalResultTable td {padding: 4px;font-size: 14px;}}.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: #0b0b0b;opacity: 0.8;}.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;-webkit-backface-visibility: hidden;}.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 8px;box-sizing: border-box;}.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}.mfp-align-top .mfp-container:before {display: none;}.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}.mfp-ajax-cur {cursor: progress;}.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}.mfp-auto-cursor .mfp-content {cursor: auto;}.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}.mfp-loading.mfp-figure {display: none;}.mfp-hide {display: none !important;}.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}.mfp-preloader a {color: #CCC;}.mfp-preloader a:hover {color: #FFF;}.mfp-s-ready .mfp-preloader {display: none;}.mfp-s-error .mfp-content {display: none;}button.mfp-close, button.mfp-arrow {overflow: visible;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}button::-moz-focus-inner {padding: 0;border: 0;}.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;font-family: Arial, Baskerville, monospace;}.mfp-close:hover, .mfp-close:focus {opacity: 1;}.mfp-close:active {top: 1px;}.mfp-close-btn-in .mfp-close {color: #333;}.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap;}.mfp-arrow {position: absolute;opacity: 0.65;margin: 0;top: 50%;margin-top: -55px;padding: 0;width: 90px;height: 110px;-webkit-tap-highlight-color: transparent;}.mfp-arrow:active {margin-top: -54px;}.mfp-arrow:hover, .mfp-arrow:focus {opacity: 1;}.mfp-arrow:before, .mfp-arrow:after {content: '';display: block;width: 0;height: 0;position: absolute;left: 0;top: 0;margin-top: 35px;margin-left: 35px;border: medium inset transparent;}.mfp-arrow:after {border-top-width: 13px;border-bottom-width: 13px;top: 8px;}.mfp-arrow:before {border-top-width: 21px;border-bottom-width: 21px;opacity: 0.7;}.mfp-arrow-left {left: 0;}.mfp-arrow-left:after {border-right: 17px solid #FFF;margin-left: 31px;}.mfp-arrow-left:before {margin-left: 25px;border-right: 27px solid #3F3F3F;}.mfp-arrow-right {right: 0;}.mfp-arrow-right:after {border-left: 17px solid #FFF;margin-left: 39px;}.mfp-arrow-right:before {border-left: 27px solid #3F3F3F;}.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}.mfp-iframe-holder .mfp-close {top: -40px;}.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}.mfp-figure {line-height: 0;}.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}.mfp-figure figure {margin: 0;}.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}.mfp-image-holder .mfp-content {max-width: 100%;}.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}.mfp-img-mobile img.mfp-img {padding: 0;}.mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}.mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}.mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}.mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}.mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;}}@media all and (max-width: 900px) {.mfp-arrow {-webkit-transform: scale(0.75);transform: scale(0.75);}.mfp-arrow-left {-webkit-transform-origin: 0;transform-origin: 0;}.mfp-arrow-right {-webkit-transform-origin: 100%;transform-origin: 100%;}.mfp-container {padding-left: 6px;padding-right: 6px;}}.popup-content {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 500px;margin: 20px auto;}.mfp-zoom-in .mfp-with-anim {opacity: 0;transition: all 0.2s ease-in-out;transform: scale(0.8);}.mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.3s ease-out;}.mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);}.mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}.mfp-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.8);opacity: 0;}.mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}