body,html{height:100%;overflow:hidden;width:100%}body{font-family:Helvetica,Arial,sans-serif;margin:0;text-align:center}.iframe{height:100%;overflow:auto;position:relative}@media (max-width:667px){.iframe{height:calc(100% - 60px)}}.iframe iframe{border:0;height:calc(100% - 4px);width:100%}.iframe .loading{background:url(../images/loading.gif) 50% no-repeat;display:none;height:100%;left:0;position:absolute;top:0;width:100%}.sidebar{border-right:1px solid #ccc;float:left;height:100%;overflow:auto;padding:0 40px;width:200px}@media (max-width:667px){.sidebar{border-right:0;border-bottom:1px solid #ccc;float:none;height:60px;padding:0;width:100%}}.sidebar .logo{display:block;margin:50px auto;width:100%}@media (max-width:667px){.sidebar .logo{float:left;margin:20px;position:fixed;max-height:20px;width:100px}}.sidebar .menu{display:none}@media (max-width:667px){.sidebar .menu{cursor:pointer;display:block;float:right;height:10px;margin:25px;position:relative;width:20px}.sidebar .menu:after,.sidebar .menu:before{background:#000;content:"";display:block;height:2px;position:absolute;transition:all .3s ease-in-out;width:100%}.sidebar .menu:before{top:0}.sidebar .menu:after{bottom:0}.sidebar .menu.active:before{top:4px;transform:rotate(-45deg)}.sidebar .menu.active:after{bottom:4px;transform:rotate(45deg)}}.sidebar h1{font-size:14px}.sidebar h2{font-size:12px}.sidebar ul{list-style:none;margin:0;padding:0}@media (max-width:667px){.sidebar ul{background:#fff;left:0;height:0;margin-top:1px;overflow:hidden;position:absolute;top:60px;transition:height .3s ease-in-out;width:100%;z-index:10}.sidebar ul.active{height:calc(100% - 60px);overflow:scroll}}.sidebar ul li{padding:0 0 10px}@media (max-width:667px){.sidebar ul li{border-bottom:1px solid #ccc;padding:0}}.sidebar ul li a{color:#d36135;font-size:12px}@media (max-width:667px){.sidebar ul li a{padding:20px 0}}.sidebar ul li a:hover{text-decoration:none}.sidebar ul li a.done{color:#7fb069;display:block}.scrubber{background:#242925;border-top:1px solid #ccc;color:#fff;display:-ms-flexbox;display:flex;height:45px;transform:translateY(46px)}.scrubber,.scrubber-container{bottom:0;position:absolute;width:100%}.scrubber-container{height:72px;overflow:hidden}.scrubber-toggle{bottom:55px;cursor:pointer;height:20px;left:50%;margin-left:-50px;position:absolute;transform:translateY(46px);width:100px}.scrubber-toggle span{background:#ccc;border-radius:50%;height:8px;left:50%;margin-left:-4px;position:absolute;top:5px;width:8px}.scrubber-toggle span:first-child{margin-left:-16px}.scrubber-toggle span:last-child{margin-left:8px}.scrubber .play-control{border-right:1px solid #4e4e4e;-ms-flex:0 0 auto;flex:0 0 auto;float:left;height:40px;margin-right:20px;padding-top:15px;width:55px}.scrubber .play-control:before{left:22px}.scrubber .play-control:after,.scrubber .play-control:before{border-color:#fff;border-style:solid;border-width:8px 5px 8px 0;content:"";position:absolute}.scrubber .play-control:after{left:30px}.scrubber .play-control:hover{cursor:pointer}.scrubber .play-control:hover:after,.scrubber .play-control:hover:before{border-color:#ccc}.scrubber .play-control.paused:before{display:none}.scrubber .play-control.paused:after{border-color:transparent transparent transparent #fff;border-style:solid;border-width:8px 0 8px 15px;content:"";left:22px;position:absolute}.scrubber .play-control.paused:hover{cursor:pointer}.scrubber .play-control.paused:hover:after{border-color:transparent transparent transparent #ccc}.scrubber .progress{background:#ccc;-ms-flex:1 1 auto;flex:1 1 auto;height:5px;margin-top:20px}.scrubber .progress .seek-bar{cursor:pointer;height:100%;width:100%}.scrubber .progress .seek-bar .play-bar{background:#1ea441;height:5px;position:relative;width:0;z-index:9999}.scrubber .progress .seek-bar .play-bar span{background:#fff;border-radius:50%;height:17px;position:absolute;right:-12px;top:-6px;width:16px}.scrubber .time{border-left:1px solid #4e4e4e;-ms-flex:0 0 auto;flex:0 0 auto;font-size:10px;margin-left:20px;padding-top:16px;width:100px}.scrubber .time .current-time{display:inline}.scrubber .time .time-seperator{display:inline;padding:0 2px}.scrubber .time .duration{display:inline}