@import url(https://fonts.googleapis.com/css?family=Open+Sans);@import url(font-awesome.css);*{box-sizing:border-box}img{display:block}.box{border:1px solid rgba(0,0,0,.5);height:200px;width:200px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px}body{margin:0;padding:0;font-family:'Open Sans',sans-serif;font-size:15px}.loadBar{position:absolute;top:50%;left:0;height:5px;background:#000}.loadBar span{color:#000;font-family:arial;font-size:15px;font-weight:700;text-align:center;width:100%;position:absolute;top:10px}.Overlay{position:absolute;background:rgba(250,250,250,.8);z-index:9999}#frmContact div{margin-bottom:10px}#frmContact div label{margin-left:5px}.demoInputBox{padding:10px;border:1px solid #a4a4a4;border-radius:4px;width:240px;color:#272727;font-family:'Open Sans',sans-serif;font-size:13px}.error{background-color:#FCB0B1;border:1px solid #a4a4a4;padding:5px 10px;color:#fff;border-radius:4px}.success{background-color:#84FCAF;padding:10px;color:#fff;border-radius:4px}.info{font-size:.8em;color:#F60;padding-left:5px}.btnAction{background-color:#272727;padding:10px 40px;color:#fff;border:0;border-radius:4px;cursor:pointer;font-family:'Open Sans',sans-serif;font-size:15px}.btnAction:hover{background:#000}li,ol,p,ul{margin:0;padding:0;list-style:none}a{outline:0;color:#272727;text-decoration:none}a:hover{text-decoration:underline}.clr{width:100%;display:table}.clr:after,.clr:before{clear:both;content:''}.leftArea{width:300px;border-right:3px solid #000;float:left;position:relative;z-index:1}.rightArea{float:left;position:relative;z-index:0}.scrollLine{height:3px;background:#000;position:absolute;bottom:60px}.mainArea{width:inherit;position:relative;overflow:hidden}.leftContent{width:90%;margin:0 auto}.leftContent .icon{width:20px;color:#000}.leftContent li{height:30px;line-height:30px}.pageBox{position:absolute;z-index:0;left:0;top:0;width:100%;height:inherit;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;display:none;padding-top:80px}.pageBoxImage{position:absolute;bottom:63px}.taj{left:30px;position:absolute;bottom:63px}.lamp{position:absolute;bottom:63px;right:100px}.nav{position:absolute;z-index:1;padding-top:20px}.nav li{height:25px;color:#a4a4a4;padding:0 20px;cursor:pointer;float:left}.nav li.Active,.nav li:hover{color:#272727}.me{left:0;z-index:22;width:24px;height:37px;background:url(../images/me.png) no-repeat;position:absolute;bottom:63px}.hideline{background:#fff;bottom:60px;left:515px;position:absolute;height:3px}.pencile{position:absolute;bottom:60px;width:184px;left:513px;z-index:2}.workImage{width:280px;left:30px;position:absolute;bottom:63px}.skillImage{width:230px;left:115px;position:absolute;bottom:63px}.smallTree{width:94px;height:84px;position:absolute;bottom:12px;left:30px;z-index:2}.midTree{width:153px;height:168px;position:absolute;bottom:-28px;left:90px;z-index:2}.bigTree{width:234px;height:293px;position:absolute;bottom:-107px;left:210px;z-index:2}.mainContent{width:550px;margin:0 auto;color:#a4a4a4;position:relative;z-index:22}.mainContent span{color:#272727}.mainContent .quote{font-size:18px;position:relative}.mainContent .quote:before{position:absolute;width:30px;height:29px;background:url(../images/left-quote.png) no-repeat;left:-40px;content:'';top:-10px}.mainContent ol{padding-left:20px}.mainContent ol li{padding:3px 0 3px 20px;list-style:decimal}.typeBox{width:100%;padding:20px;background:#f5f5f5;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;margin-top:20px}.textBox{background:0 0;border:1px solid #a4a4a4;font-family:'Open Sans',sans-serif;font-size:15px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;padding:5px 10px;color:#272727}.showExp{height:500px;display:none}.showlist{display:none}.skillBox{height:500px;width:430px;margin:0 auto;color:#272727}.skillBox .button{width:187px;height:32px;font-size:13px;text-align:center}.skillBox .button a{background:#fff;color:#272727;text-decoration:none;display:block;line-height:32px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.skillBox .button a:hover{background:#272727;color:#fff}.Mt10{margin-top:10px}.Fl{float:left}.Fr{float:right}