@import url(https://fonts.googleapis.com/css?family=Monda:400,700);@font-face{font-family:OldEnglish;src:url(../fonts/oldEnglish.ttf)}body{margin:0 auto;font-family:Monda,sans-serif;font-size:18px;line-height:1.428571429;color:#232221;background-image:url(/images/bg.png);width:1000px;max-width:1000px;position:relative}a{overflow:hidden;position:relative;display:inline-table;outline:0;text-decoration:none;text-shadow:0 0 1px rgba(255,255,255,.3);color:#428bca}a span{position:relative;display:inline-block;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}a span::before{position:absolute;top:100%;content:attr(data-hover);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}a:focus span,a:hover span{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}a:focus,a:hover{color:#2a6496}h1,h2{margin-top:20px;margin-bottom:10px;color:#232221;font-weight:1000;line-height:1.1}h1{font-size:72px}h2{font-size:30px}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #bbb}table{width:100%;max-width:100%;margin:-2px}img{vertical-align:middle}ul{margin:0 0 0 -20px}li{margin-top:10px}blockquote{margin:10px 0 0 30px;position:relative}blockquote:before{content:"“";font-size:45px;color:#999;position:absolute;left:-30px;top:-24px}#body{padding-left:30px;opacity:0;width:970px;max-width:970px}#header td{text-align:center;vertical-align:top;color:#065c74;font-weight:700;font-size:25px}#container>tbody>tr>td:last-child,#header>tbody>tr>td:last-child{width:370px;background-image:url(/images/bgd.png)}#header img{border-radius:10px;-ms-border-radius:10px;padding-bottom:10px;border-bottom:4px solid #050505;margin:29px}#header h1{margin-top:29px;font-family:oldEnglish;font-weight:400}#who-am-i{font-size:18px;font-weight:400;border-top:1px solid #bbb;margin-top:30px;text-align:justify;padding:30px;color:#666}#container{margin-top:-4px;width:970px;max-width:970px}#container td{vertical-align:top}#contact-info{margin:auto;width:272px;font-size:22px}#contact-info a{width:100%;display:block;margin-bottom:5px}#contact-info a,.right-col a{color:#065c74}#contact-info a:hover,.right-col a:hover{color:#428bca}#contact-info i{width:27px;text-align:center;margin-right:10px;font-size:26px}#mail-to{letter-spacing:.01em}#github{letter-spacing:.16em}#stackoverflow{letter-spacing:.09em}#linkedin{letter-spacing:.02em}#google-plus{letter-spacing:.15em}#twitter{letter-spacing:-.017em;}#facebook{letter-spacing:.098em}.div>tbody>tr>td{width:472px}.div:not(#skills)>tbody>tr:not(:first-child)>td:first-child{width:100px;min-width:100px;text-align:center}.div>tbody>tr:first-child>td,.right-col-title{width:100%;text-align:left;border-bottom:3px solid #999}.div:not(.trainings)>tbody>tr:not(:first-child)>td{padding-top:20px}.trainings{line-height:30px}.div>tbody>tr>td:first-child i,.right-col-title>i{font-size:50px;vertical-align:middle;width:50px;text-align:center}.title{font-size:30px;font-weight:700;vertical-align:middle!important;padding-left:15px}.div-title{font-size:20px;font-weight:700;line-height:36px}.div-desc{display:block;border-top:1px solid #bbb;text-align:justify;font-family:"Trebuchet MS",Helvetica,sans-serif;font-size:16px;margin-top:10px;padding-top:10px}.no-border{border:0;padding-top:0;margin-top:4px}.period{font-size:16px;margin-top:10px;display:block;color:#444}.trainings .period{margin-top:0}.present{letter-spacing:2.2px}.logo{background-image:url(../images/logos.png?v=1);width:100px;height:100px;display:block;-webkit-transition:background-position .7s;-moz-transition:background-position .7s;-o-transition:background-position .7s;transition:background-position .7s}#ojuba{background-position:100px 0}#ojuba:hover{background-position:100px -100px}#freesoft{background-position:300px 0}#freesoft:hover{background-position:300px -100px}#maqola{background-position:200px 0}#maqola:hover{background-position:200px -100px}.unhcr{background-position:0 0}.unhcr:hover{background-position:0 -100px}.ammanhs{background-position:1000px 0}.ammanhs:hover{background-position:1000px -100px}#arcaptcha{background-position:600px 0}#arcaptcha:hover{background-position:600px -100px}#jeeran{background-position:900px 0}#jeeran:hover{background-position:900px -100px}#khorafy{background-position:500px 0}#khorafy:hover{background-position:500px -100px}#google{background-position:1100px 0}#google:hover{background-position:1100px -100px}#takhreej{background-position:700px 0}#takhreej:hover{background-position:700px -100px}#zu{background-position:800px 0}#zu:hover{background-position:800px -100px}#sa7abah{background-position:400px 0}#sa7abah:hover{background-position:400px -100px}.right-col{padding:20px;text-align:justify;color:#050505}.desc{margin-bottom:10px}.youtube{width:330px;height:217px}.right-col-hr{border-color:#666}.right-col-title{margin-bottom:20px}#press-title{font-size:32px;text-align:center;font-family:oldEnglish}.date{font-size:16px;color:#333;display:inline-block}#recom .title{padding-left:10px}.img{background-image:url(../images/rec.jpg);border-radius:40px;-ms-border-radius:40px;width:80px;height:80px;display:inline-block;box-shadow:none;-webkit-transition:box-shadow .7s;-moz-transition:box-shadow .7s;-o-transition:box-shadow .7s;transition:box-shadow .7s}#muayyad{background-position:80px 0}#mais{background-position:0 80px}#belal{background-position:80px 80px}.img:hover{box-shadow:0 0 10px rgba(0,0,0,.7)}.bio{display:inline-block;font-size:20px;vertical-align:top}.muted{display:block;font-size:16px;margin-top:-2px}.bio>.muted:last-child{margin-top:4px}.inline{line-height:14px}.inline-p{margin-bottom:-6px}.edu-dev-title{margin-bottom:-5px;margin-top:5px}.prj-desc{text-align:justify;margin-top:5px;border-top:1px solid #bbb;padding-top:10px}#prv,#prv-frame{position:fixed;top:0;opacity:0;visibility:hidden;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}#prv-frame{width:100%;height:100%;background:rgba(150,150,150,.5);left:0;z-index:1000}#prv{width:1000px;background-color:#fff;margin:30px auto;z-index:1010;max-height:90%;overflow:auto}#prv-img{max-width:100%;margin:auto;cursor:zoom-in}.newspapers{background:url(/images/newspapers.png) no-repeat;line-height:26px;margin-bottom:5px;padding-bottom:1px}.addustour{padding-left:82px}.alarabalyawm{padding-left:100px;background-position:0 -25px}#loading{z-index:1100;color:#666;text-align:center;position:absolute;width:970px;left:0;top:200px}#loading i{font-size:120px}#skills{line-height:24px}#skills>tbody>tr>td:first-child{width:210px;max-width:210px}.scaler{width:100%;height:24px;border:1px solid #999;position:relative;overflow:hidden}.scale{height:100%;background-color:#065c74;position:absolute}.skill-title{font-size:17px;padding-top:10px;color:#444}.padding-top{padding-top:20px}.animated{-moz-animation-duration:1s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-moz-animation-name:bounceInDown;-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-moz-animation-name:bounceInLeft;-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-moz-animation-name:bounceInRight;-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-moz-backface-visibility:visible!important;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-moz-animation-name:flipInX;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-moz-animation-name:rollIn;-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-moz-animation-name:rotateInDownRight;-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-moz-animation-name:zoomIn;-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes slideInLeft{from{left:-100%;opacity:0}to{left:0;opacity:1}}@-moz-keyframes slideInLeft{from{left:-100%}to{left:0}}@-o-keyframes slideInLeft{from{left:-100%}to{left:0}}@keyframes slideInLeft{from{left:-100%;opacity:0}to{left:0;opacity:1}}.slideInLeft{-moz-animation-duration:2s;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:slideInLeft;-moz-animation-name:slideInLeft;animation-name:slideInLeft}.box{position:relative;width:328px;padding:40px 50px;background-color:#F4F1EC;-webkit-box-shadow:0 0 4px rgba(0,0,0,.2),inset 0 0 50px rgba(0,0,0,.1);-moz-box-shadow:0 0 4px rgba(0,0,0,.2),inset 0 0 50px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.2),inset 0 0 50px rgba(0,0,0,.1);display:inline-table;margin:12px 10px;text-align:justify}.box:after,.box:before{position:absolute;width:40%;height:10px;content:' ';left:12px;bottom:12px;background:0 0;-webkit-transform:skew(-5deg) rotate(-5deg);-moz-transform:skew(-5deg) rotate(-5deg);-ms-transform:skew(-5deg) rotate(-5deg);-o-transform:skew(-5deg) rotate(-5deg);transform:skew(-5deg) rotate(-5deg);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.3);-moz-box-shadow:0 6px 12px rgba(0,0,0,.3);box-shadow:0 6px 12px rgba(0,0,0,.3);z-index:-1}.box:after{left:auto;right:12px;-webkit-transform:skew(5deg) rotate(5deg);-moz-transform:skew(5deg) rotate(5deg);-ms-transform:skew(5deg) rotate(5deg);-o-transform:skew(5deg) rotate(5deg);transform:skew(5deg) rotate(5deg)}