@font-face{font-family:Montserrat;src:url(../fonts/Montserrat-Regular.ttf)}@font-face{font-family:droid_arabic_naskh;font-style:normal;font-weight:400;src:url(../fonts/droidnaskh-regular-webfontd41d.eot?#iefix) format("embedded-opentype"),url(../fonts/droidnaskh-regular-webfont.woff2) format("woff2"),url(../fonts/droidnaskh-regular-webfont.woff) format("woff"),url(../fonts/droidnaskh-regular-webfont.html) format("truetype"),url(../fonts/droidnaskh-regular-webfont.svg#droid_arabic_naskhregular) format("svg")}body,html{height:100%;width:100%;margin:0;padding:0}body{background:url(../img/content-bg.png)}p{text-align:right;direction:rtl;font-family:droid_arabic_naskh}#container{text-align:center;width:1184px;height:100%;margin:0 auto}#typingApp{overflow:hidden;width:544px;margin-top:30px;height:651px;float:left;margin-left:20px}#screenBox{display:block;width:538px;height:227px;margin:auto;border:1px solid #000;border-radius:5px;box-shadow:0 4px 6px #000;background:#c9d1d2}#screenContent{display:block;position:relative;width:506px;height:174px;overflow-y:auto;border-radius:7px;border:2px solid #999;background:#f8f8f8;padding:5px 8px;margin:6px auto 0 auto;font-size:24px;font-family:droid_arabic_naskh;line-height:46px}#screenContent hr{margin:0}#screenContent span{padding:2px 0}.en{text-align:left}.ar{text-align:right;direction:rtl}#exercices{display:block;padding-right:14px}#exercices a{display:block;float:right;width:25px;border-radius:100%;margin-right:23px;margin-top:8px;margin-bottom:7px;background:#9a9e9e;height:25px;line-height:23px;color:#fff;font-family:droid_arabic_naskh;border:1px solid #444;font-size:15px}#exercices a:hover{color:#0ff;background:#444;cursor:pointer;text-decoration:none}.activeExcercise{color:#0ff!important;background:#444!important}.passedExcercise{color:#0ff!important;background:#444!important}.tooltip{font-size:18px}#userInputs{position:absolute;top:0;left:-10000px}#keyBoard{display:block;width:538px;height:196px;margin:4px auto 24px auto;padding:8px;border:1px solid #000;border-radius:5px;box-shadow:0 6px 5px #000;background:#a5adae}.LineOfButtons .keyBtn{display:block;float:left;margin:1px;width:34px;height:34px;line-height:25px;border-radius:5px;border:2px solid #555;font-size:14px;vertical-align:middle;text-align:center;cursor:default;direction:rtl;font-family:droid_arabic_naskh;background:#333;color:#fff}.keyBtn:hover{background:#00c8ff;color:#000}.LineOfButtons .keyBtn span{display:inline-block;vertical-align:middle;line-height:normal}#tilde{width:28px;text-align:left;direction:ltr}#backSpace{width:56px;font-family:Montserrat;direction:ltr}#capsLock{width:50px;font-family:Montserrat;direction:ltr}#bar{width:50px;font-family:Montserrat;direction:ltr}#enter{width:70px;font-family:Montserrat;direction:ltr}#leftShift{width:66px;font-family:Montserrat;direction:ltr}#rightShift{width:90px;font-family:Montserrat;direction:ltr}#space{width:178px;font-family:Montserrat;direction:ltr}#leftAlt{margin-left:69px;font-family:Montserrat;direction:ltr}#rightAlt{font-family:Montserrat;direction:ltr}#rightCtrl{margin-left:128px;font-family:Montserrat;direction:ltr}#leftCtrl{font-family:Montserrat;direction:ltr}#tab{font-family:Montserrat;direction:ltr}.shift{margin-left:4px;color:#ff8700;font-weight:400}.arabicShift{margin-left:4px;color:#ff8700;font-weight:400;float:left}.newLine{padding:0 5px}#handsBox{position:relative;display:none;width:544px;margin:auto;margin-top:180px;text-align:center}.fingerMark{position:absolute;height:25px;width:25px;border-radius:50px;background:#00f6ff;border:2px solid;opacity:.6;display:none}#finger1{top:29px;left:103px}#finger2{top:11px;left:132px}#finger3{top:0;left:160px}#finger4{top:18px;left:183px}#finger5{top:79px;left:210px}#finger6{top:79px;left:308px}#finger7{top:18px;left:335px}#finger8{top:0;left:358px}#finger9{top:11px;left:385px}#finger10{top:29px;left:414px}.correctButton{background:#00c8ff!important;color:#000!important}.currentChar{background:#00c8ff;color:#000;border-radius:3px}.wrongChar{background:red;color:#fff;border-radius:3px}#rating{margin-bottom:20px;height:120px}#rating img{max-width:120px;margin:0 5px;width:100%;height:auto}.finalResult div p{text-align:center;direction:rtl;font-size:17px;line-height:45px;color:gray}.finalResultValue{display:block;font-size:40px;color:#000}#timeResult{direction:ltr}.perSecond{font-size:14px}.modal-header{background:#337ab7;color:#fff;border-top-left-radius:5px;border-top-right-radius:5px;font-family:droid_arabic_naskh}.modal-footer{font-family:droid_arabic_naskh}.modal-header .close{font-size:38px;opacity:1;color:#fff}.modal-body span{font-family:Montserrat}.rightSideColumn{padding-top:20px}.modal-title{text-align:center}#adsAlert{margin:auto;max-width:700px}#adsAlert p{font-size:14px;line-height:34px;text-align:justify;margin-bottom:20px;font-family:droid_arabic_naskh}#fingersPositionTips img{display:block;max-width:100%;height:auto}#fingersPositionTips p{font-size:14px;line-height:34px;text-align:justify;margin-bottom:20px;font-family:droid_arabic_naskh}#menu{display:block;position:absolute;top:0;right:5px;color:#fff;background:#000;padding:12px 24px;border-radius:0;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top:1px solid #222;font-size:18px;font-family:droid_arabic_naskh;z-index:2}#menu:hover{color:#0ff}.sideNav{height:100%;width:0;position:fixed;z-index:3;top:0;right:0;background:#f1f1f1;overflow-x:hidden;transition:.5s;text-align:right;font-family:droid_arabic_naskh}.sideNav h2{text-align:center;background:#333;margin:0;padding:18px 14px;font-size:20px;font-weight:700;cursor:default;color:#fff}.sideNav a{text-decoration:none;font-size:14px;color:#333;display:block;transition:.3s;padding:8px 14px;border-bottom:1px solid #d2d2d2;direction:rtl}.sideNav a .word{background:#333;color:#0ff;border-radius:5px;margin:0 5px;font-family:droid_arabic_naskh;min-width:25px;padding:0 5px;display:inline-block;text-align:center;line-height:27px;height:27px;direction:ltr}.offcanvas a:focus,.sideNav a:hover{color:#fff;background:#086a87}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#closebtn{display:inline-block;font-size:37px;position:absolute;right:0;top:0;cursor:pointer;height:58px;padding-top:11px;padding-right:10px;padding-left:10px}#closebtn:hover{color:#0ff}#sideNavHiddenDiv{display:none;position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.4);z-index:3}#fingersPositionTips .word{background:#333;color:#0ff;border-radius:5px;margin:0 5px;font-family:droid_arabic_naskh;display:inline-block;text-align:center;padding:0 5px;min-width:25px;direction:ltr}#logo{display:block;width:185px;margin:340px auto 0 auto}#logo img{width:100%;max-width:158px}#harmashLinks{display:block;margin-top:10px}#harmashLinks img{width:36px;height:auto;border:2px solid #000;border-radius:5px;box-shadow:3px 5px 3px #666}#harmashLinks img:hover{box-shadow:0 5px 3px #000}.basicTypingRules{font-family:droid_arabic_naskh}.basicTypingRules div{float:right}.basicTypingRules h3{text-align:right}.basicTypingRules p{line-height:30px;margin-bottom:33px}#ads{display:block;float:left;width:336px;height:100%;z-index:100}#ads div{display:block;width:336px;height:280px}#rightBox{position:relative;float:left;height:100%;width:200px;margin-left:20px}#clickedBtn{display:block;font-size:120px;padding-top:200px;font-family:Montserrat;cursor:default;height:200px;text-align:center}