*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;outline:0;box-sizing:border-box;background-size:contain}body{background:#d2d2d2;overflow:hidden;background-color:gray}.app{position:relative;width:1366px;height:768px}.container{position:absolute;width:1366px;height:768px;background-color:#fff}.container iframe{width:1366px;height:768px;border:none;overflow:hidden}.preloader{font-size:30px;position:absolute;width:100%;height:100%;background:#fff;text-align:center}.preloader>.gif{position:absolute;background:url(../images/index/preloader.gif) no-repeat;width:400px;height:500px;left:50%;top:250px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}@-webkit-keyframes fade{0%,100%{opacity:1}50%{opacity:0}}@keyframes fade{0%,100%{opacity:1}50%{opacity:0}}.preloader>.label{position:absolute;color:#2d2d2d;font-family:TradeGothicLT;top:500px;width:100%;-webkit-animation:fade 1s infinite;-moz-animation:fade 1s infinite;-o-animation:fade 1s infinite;animation:fade 1s infinite}.app-header{background-image:url(../images/index/appHeader.png);background-repeat:no-repeat;position:absolute;left:0;top:0;width:1366px;height:105px;background-size:contain}.app-title{font-family:TradeGothicLT;font-size:24px;color:#fff;position:absolute;left:331px;top:6px;width:1296px;height:28px}.lesson-title{font-family:TradeGothicLT;font-size:20px;color:#2d2d2d;position:absolute;left:330px;top:49px;width:1297px;height:24px}.btn{cursor:pointer}.btn.disabled{cursor:default;opacity:.25}.btn-next{background-image:url(../images/index/nextButton.png);background-repeat:no-repeat;position:absolute;right:0;top:370px;width:61px;height:107px}.btn-next>.arrow{background-image:url(../images/index/nextButtonHighlight.png);background-repeat:no-repeat;position:absolute;left:15px;top:36px;width:37px;height:29px}@-webkit-keyframes pulse{0%,100%{margin-left:-5px}50%{margin-left:5px}}@keyframes pulse{0%,100%{margin-left:-5px}50%{margin-left:5px}}.btn-next.highlight>.arrow{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}.progress{background-image:url(../images/index/progressBg.png);background-repeat:no-repeat;position:absolute;left:300px;bottom:5px;width:360px;height:55px}.progress>.track{background-image:url(../images/index/progressTrack.png);background-repeat:no-repeat;position:absolute;left:25px;top:22px;width:300px;height:16px}.progress>.track>.bar{background-image:url(../images/index/progressBar.png);background-repeat:no-repeat;position:absolute;left:0;top:0;height:13px;background-size:auto}@-webkit-keyframes rotate{100%{transform:rotate(-360deg)}}@keyframes rotate{100%{transform:rotate(-360deg)}}.btn-review{background-image:url(../images/index/positionBg.png);background-repeat:no-repeat;position:absolute;left:826px;bottom:5px;width:85px;height:55px}.btn-review>.icon{position:absolute;background-image:url(../images/index/bt-review.png);background-repeat:no-repeat;width:37px;height:37px;top:50%;left:50%;margin-left:-18.5px;margin-top:-18.5px}.btn-review:hover>.icon{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite}.position{padding-top:14px;text-align:center;font-family:TradeGothicLT-Bold;font-size:21px;color:#2d2d2d;background-image:url(../images/index/positionBg.png);background-repeat:no-repeat;position:absolute;left:737px;bottom:5px;width:84px;height:55px}.btn-menu{background-image:url(../images/index/menuButton.png);background-repeat:no-repeat;position:absolute;left:915px;bottom:5px;width:130px;height:55px}.btn-menu>.toggle-menu{transform:scaleY(0);opacity:0;transition:all .5s cubic-bezier(.075,.82,.165,1)}.btn-menu.selected{background-image:url(../images/index/closeMenuButton.png)}.btn-menu.selected>.toggle-menu{transform:scaleY(1);opacity:1;transition:all .5s cubic-bezier(.075,.82,.165,1)}.toggle-menu{transform-origin:0 100%;padding:0;list-style:none;position:absolute;bottom:65px;display:inline-block;background-color:rgba(0,0,0,.95);right:0}.toggle-menu>li{width:515px;padding:10px 15px}.toggle-menu>li>*{padding:5px;display:inline-block;font-family:TradeGothicLT-Bold;font-size:20px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.toggle-menu>li>.label{text-align:center;width:400px}.toggle-menu>li>.num{margin-left:10px;border:1px solid #fff;border-radius:100px}.btn-mute{background-image:url(../images/index/muteButtonBg.png);background-repeat:no-repeat;position:absolute;left:662px;bottom:5px;width:72px;height:55px}.btn-mute>.on{background-image:url(../images/index/soundOn.png);background-repeat:no-repeat;position:absolute;left:19px;top:14px;width:30px;height:25px}.btn-mute>.off{display:none;background-image:url(../images/index/soundOff.png);background-repeat:no-repeat;position:absolute;left:19px;top:14px;width:34px;height:25px}.btn-mute.selected>.on{display:none}.btn-mute.selected>.off{display:inline-block}.btn-back{background-image:url(../images/index/backButton.png);background-repeat:no-repeat;position:absolute;left:0;top:370px;width:61px;height:107px}.btn-nav{text-transform:uppercase;font-family:TradeGothicLT-Bold;font-size:16px;color:#fff;background-image:url(../images/index/progressButton.png);background-repeat:no-repeat;position:absolute;right:0;top:0;width:170px;height:41px;box-sizing:border-box;padding-left:35px;padding-top:10px;background-size:contain}