html,body { -ms-touch-action:none } html { background-image:url(../img/wood.jpg); overflow:hidden } body { margin:0; font-family:Arial,Helvetica,Sans-serif; color:#000 } div.desc { text-indent:100%; white-space:nowrap; overflow:hidden } img { border:0 } #loading { z-index:1; background:#fff } .copycredits { position:absolute; height:33px; bottom:5px; right:5px } .copycredits img { width:33px; height:33px; cursor:pointer; float:left } .copycredits img+img { margin-left:3px } .popupWrap { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5) } .popup { position:fixed; color:#fff; border:3px solid #eee; background:#000; left:50%; top:50%; text-align:center; box-shadow:0 0 20px #000; border-collapse:separate } .popup .title { background:#eee; text-align:center; font-size:24px; line-height:32px; font-weight:bold; color:#000 } .popup .close { position:absolute; width:34px; height:34px; cursor:pointer } .popup a:link,.popup a:visited { color:yellow } #langSelect { background:#fff; width:200px; position:absolute; bottom:0; left:0 } .flag { background-image:url(../img/flags.png); background-size:240px 12px; margin-right:3px; width:18px; height:12px; display:inline-block } #langSelect td { color:#000; text-decoration:none; font-size:14px; font-weight:bold; padding:5px 2px } #langSelect tbody td:hover { background:#ccc; cursor:pointer } #langSelect tfoot tr td:after { content:'?'; float:right; display:inline-block; color:#838383 } #langSelect.open tfoot tr td:after { content:'?' } #langSelect.open { z-index:1 } #langSelect tbody { display:none } .progressbar { position:absolute; top:400px; left:130px; width:540px; border-radius:8px; padding:3px; background-color:#eee; box-shadow:0 -1px 1px rgba(0,0,0,.4) inset; border-collapse:separate } .progressbar>div { width:0; height:10px; border-radius:10px; background:#666; background:-moz-linear-gradient(top,#666 0,#999 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#666),color-stop(100%,#999)); background:-webkit-linear-gradient(top,#666 0,#999 100%); background:-o-linear-gradient(top,#666 0,#999 100%); background:-ms-linear-gradient(top,#666 0,#999 100%); background:linear-gradient(to bottom,#666 0,#999 100%) } #fullscreen-icon { position:absolute; left:10px; bottom:10px; cursor:pointer; width:40px; height:35px; background:url(../img/fullscreen-on.png) } #fullscreen-icon.on { background:url(../img/fullscreen-off.png) } #rotateHint { background:rgba(255,255,255,.85); position:fixed; top:0; left:0; bottom:0; right:0; text-align:center; display:none; z-index:99999; font-family:Arial,Helvetica,Sans-serif; padding:2em; color:#000 } #rotateHint b { font-size:20px } #rotateHint img.rotate { width:80%; max-width:400px } #rotateHint #rotateClose { position:absolute; top:5px; right:5px; width:32px; height:32px; cursor:pointer } #gameContainer { position:absolute; top:0; left:0; transform-origin:0 0; -webkit-transform-origin:0 0; -ms-transform-origin:0 0 } #cookieBar { position:absolute; left:0; bottom:0; width:100%; height:32px; display:none } * { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; outline:0!important; outline-style:none; -webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-tap-highlight-color:transparent } .animated1s { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } @-webkit-keyframes slideOutUp { 0% { -webkit-transform:translate3d(0,0,0) } 100% { opacity:0; -webkit-transform:translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0) } 100% { opacity:0; -ms-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0) } } .slideOutUp { -webkit-animation-name:slideOutUp; animation-name:slideOutUp } .credits { color:#fff; padding:10px; text-align:center; font-family:Arial,Helvetica,Sans-serif } .credits h1 { font-size:24px; font-weight:bold; margin:0 } @-webkit-keyframes zoomIn { 0% { opacity:0; -webkit-transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } @keyframes zoomIn { 0% { opacity:0; -ms-transform:scale3d(.3,.3,.3); transform:scale3d(.3,.3,.3) } 50% { opacity:1 } } .credits .zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .credits .zoomIn img { width:300px; height:91px; margin-top:15px } .ath-viewport * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .ath-viewport { position:relative; z-index:2147483641; pointer-events:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none } .ath-modal { pointer-events:auto!important; background:rgba(0,0,0,.6) } .ath-mandatory { background:#000 } .ath-container { pointer-events:auto!important; position:absolute; z-index:2147483641; padding:.7em .6em; width:18em; background:#eee; background-size:100% auto; box-shadow:0 .2em 0 #d1d1d1; font-family:sans-serif; font-size:15px; line-height:1.5em; text-align:center } .ath-container small { font-size:.8em; line-height:1.3em; display:block; margin-top:.5em } .ath-ios.ath-phone { bottom:1.8em; left:50%; margin-left:-9em } .ath-ios6.ath-tablet { left:5em; top:1.8em } .ath-ios7.ath-tablet { left:.7em; top:1.8em } .ath-ios8.ath-tablet,.ath-ios9.ath-tablet,.ath-ios10.ath-tablet { right:.4em; top:1.8em } .ath-android { bottom:1.8em; left:50%; margin-left:-9em } .ath-container:before { content:''; position:relative; display:block; float:right; margin:-.7em -.6em 0 .5em; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC); background-color:rgba(255,255,255,.8); background-size:50%; background-repeat:no-repeat; background-position:50%; width:2.7em; height:2.7em; text-align:center; overflow:hidden; color:#a33; z-index:2147483642 } .ath-container.ath-icon:before { position:absolute; top:0; right:0; margin:0; float:none } .ath-mandatory .ath-container:before { display:none } .ath-container.ath-android:before { float:left; margin:-.7em .5em 0 -.6em } .ath-container.ath-android.ath-icon:before { position:absolute; right:auto; left:0; margin:0; float:none } .ath-action-icon { display:inline-block; vertical-align:middle; background-position:50%; background-repeat:no-repeat; text-indent:-9999em; overflow:hidden } .ath-ios7 .ath-action-icon,.ath-ios8 .ath-action-icon,.ath-ios9 .ath-action-icon,.ath-ios10 .ath-action-icon { width:1.6em; height:1.6em; background-image:url(data:image/png;base64,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); margin-top:-.3em; background-size:auto 100% } .ath-ios6 .ath-action-icon { width:1.8em; height:1.8em; background-image:url(data:image/png;base64,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); margin-bottom:.4em; background-size:100% auto } .ath-android .ath-action-icon { width:1.4em; height:1.5em; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==); background-size:100% auto } .ath-container p { margin:0; padding:0; position:relative; z-index:2147483642; text-shadow:0 .1em 0 #fff; font-size:1.1em } .ath-ios.ath-phone:after { content:''; background:#eee; position:absolute; width:2em; height:2em; bottom:-.9em; left:50%; margin-left:-1em; -webkit-transform:scaleX(0.9) rotate(45deg); transform:scaleX(0.9) rotate(45deg); box-shadow:.2em .2em 0 #d1d1d1 } .ath-ios.ath-tablet:after { content:''; background:#eee; position:absolute; width:2em; height:2em; top:-.9em; left:50%; margin-left:-1em; -webkit-transform:scaleX(0.9) rotate(45deg); transform:scaleX(0.9) rotate(45deg); z-index:2147483641 } .ath-application-icon { position:relative; padding:0; border:0; margin:0 auto .2em auto; height:6em; width:6em; z-index:2147483642 } .ath-container.ath-ios .ath-application-icon { border-radius:1em; box-shadow:0 .2em .4em rgba(0,0,0,.3),inset 0 .07em 0 rgba(255,255,255,.5); margin:0 auto .4em auto } @media only screen and (orientation:landscape) { .ath-container.ath-phone { width:24em } .ath-android.ath-phone { margin-left:-12em } .ath-ios.ath-phone { margin-left:-12em } .ath-ios6:after { left:39% } .ath-ios8.ath-phone { left:auto; bottom:auto; right:.4em; top:1.8em } .ath-ios8.ath-phone:after { bottom:auto; top:-.9em; left:68%; z-index:2147483641; box-shadow:none } } @font-face { font-family:'Titillium Web'; font-style:normal; font-weight:normal; src:local('Titillium Web'),url(Titillium_Web.woff) format('woff'),url(Titillium_Web.eot?#iefix) format('embedded-opentype'),url(Titillium_Web.ttf) format('truetype') } .languageText { position:absolute } .languageUI { position:absolute } .backButton { position:absolute } .backPos { position:absolute; left:0; top:0 } .giza_css { position:absolute; left:0; top:0 } .btnumber { position:absolute; font:20px 'Titillium Web',Arial,Helvetica,Sans-serif; color:#fff; white-space:nowrap; text-shadow:1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 rgba(6,2,1,.98) } .loogText { position:absolute; text-align:left; font:20px Arial,Helvetica,Sans-serif; color:#fff; text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 rgba(6,2,1,.98) } .txt_loading { position:absolute; width:200px; height:40px; left:298px; top:353px; border:0; text-align:center; vertical-align:middle; font:16px 'Titillium Web',Helvetica; background-color:transparent } .txt_name_over { position:absolute; width:100px; height:28px; left:400px; top:256px; border:0; text-align:center; vertical-align:middle; font:16px 'Titillium Web',Helvetica; background-color:#fff; color:rgb(0,0,0) } .number { position:absolute; width:100px; text-align:center; font:22px Arial,Helvetica,Sans-serif; color:#fff; text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 rgba(6,2,1,.98) } .panel_bg { background-image:url(../img/back.png); width:800px; height:480px } .pointer { cursor:pointer } .off { opacity:.4; filter:alpha(opacity=40); cursor:none } .levelNum { font:10px Arial,Helvetica,Sans-serif; width:20px; text-align:center; position:absolute; color:#fff; cursor:pointer } #container { width:690px; height:480px; overflow:hidden }