*{margin:0;padding:0}html{background-color:#eee}body{font:13px/1.5 Arial,Helvetica,sans-serif;color:#464646;word-wrap:break-word}section,header,aside,article,hgroup,nav{display:block}cite{font-style:normal}a,a:active{color:#008de6;text-decoration:underline;outline:none}a:hover{text-decoration:none}a:visited{color:#d23f4d}a img{border:none}input,textarea{background-color:#fff;border:1px solid #DDD;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;padding:6px;outline:none;resize:none;border-radius:2px;box-shadow:1px 1px 1px #fafafa}textarea{overflow:auto}input[type=submit]:not(.button){padding:6px 12px;cursor:pointer}input::input-placeholder{color:#888}input::-webkit-input-placeholder{color:#888}input::-moz-placeholder{color:#888}input:focus,textarea:focus{border-color:#bbb}.centered{text-align:center}.hidden{display:none}.leftResponsiveColumn{max-width:925px}header{background-color:#36424a;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,0.2);position:relative;height:94px;z-index:5}h1{width:250px;height:40px;position:absolute;top:50%;margin-top:-22px;left:50%;margin-left:-700px}h1 a#logo{font-weight:bold;font-size:32px;line-height:1;color:#fff !important;text-decoration:none !important}h1 a#logo b{color:#da431c}header nav{position:absolute;top:50%;left:50%;margin:-11px 0 0 -440px;cursor:default}header nav a{color:#eee !important;font-size:18px;line-height:1;display:inline-block;font-weight:bold;margin:0 22px 10px 22px;text-decoration:none !important;position:relative;text-transform:lowercase}header nav a:hover{color:#fff !important}header a.searchIcon{width:40px;height:40px;background-color:#475256;cursor:pointer;position:absolute;border-radius:3px;display:block;top:50%;right:50%;margin-right:-700px;margin-top:-20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header a.searchIcon:before{position:absolute;content:'';border-radius:50%;border:2px solid #fff;width:9px;height:9px;top:11px;left:12px}header a.searchIcon:after{position:absolute;content:'';background-color:#fff;width:2px;height:11px;top:20px;left:25px;-webkit-transform:rotate(-44deg);-moz-transform:rotate(-44deg);transform:rotate(-44deg)}header a.searchIcon:hover{background-color:#576266}header a.searchIcon.active{border-radius:0 3px 3px 0;background-color:#576266}header a.searchIcon.active form{display:block}header a.searchIcon form{display:none;position:absolute;top:0;right:41px}header a.searchIcon form input{box-shadow:none;padding:12px 12px 9px;border:none;width:210px;border-radius:2px 0 0 2px;height:19px}.tagged{color:#FFF !important;display:inline-block;line-height:1;font-size:11px;background-color:#CCC;margin-right:6px;font-weight:bold;text-decoration:none !important;padding:7px 10px;text-transform:uppercase;border-radius:1px;box-shadow:0 1px 1px rgba(0,0,0,0.2)}.tagged:last-child{margin-right:0}.tagged:hover{opacity:0.9}.tagged.tag-html5{background-color:#e76a4a}.tagged.tag-jquery{background-color:#96c96d}.tagged.tag-css,.tagged.tag-css3{background-color:#4fa3dc}.tagged.tag-quick-learn{background-color:#4fbcdc}.tagged.tag-freebie,.tagged.tag-challenge{background-color:#dca94f}.tagged.tag-quiz{background-color:#dc4f8b}.tagged.tag-node-js{background-color:#a7c56c}.tagged.tag-javascript{background-color:#e285e5}.tagged.tag-php{background-color:#9574d1}#content{width:1400px;min-height:300px;margin:60px auto;z-index:1;position:relative}* html #content{height:1%}#content:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#content > h2, .section-heading h2, .postHolder h2{padding-bottom:36px;font-size:18px;color:#686C70}.section-heading{overflow:hidden}.section-heading h2{float:left}.section-heading .tags{float:right}blockquote{box-shadow:0 0 1px #CCC;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/block_quote.gif') no-repeat 5px 1.3em #FDFDFD;border:5px solid #F5F5F5;line-height:1.4;padding:1.2em 2em 1.2em 60px;margin-bottom:1.5em;clear:left}blockquote p{margin-bottom:0 !important;line-height:1.4}blockquote.note{box-shadow:1px 1px 0 #EDE396;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/lightbulb.png') no-repeat 14px 15px #FFFFE0;border-color:#F7F0B8;color:#707037}blockquote.note em{color:#707037}blockquote.pquote{color:#888;font-size:1.1em}.button{display:inline-block;text-transform:uppercase;padding:1.05em 1.4em;border-radius:2px;font-weight:bold;border:none;color:#fff !important;text-decoration:none;font-size:14px;line-height:1;cursor:pointer}.button:hover{opacity:0.9}.button.blue{background-color:#93d0ea;box-shadow:0 0 5px #8fcde7 inset, 0 1px 1px #eee}.button.green{background-color:#a5d16d;box-shadow:0 0 5px #a4cf6c inset, 0 1px 1px #eee}.button.red{background-color:#f4836a;box-shadow:0 0 5px #ef7f65 inset, 0 1px 1px #eee}.button.orange{background-color:#ff8b62;box-shadow:0 0 5px #f68962 inset, 0 1px 1px #eee}.button.darkblue{background-color:#5babcd}.button.small{font-size:11px}.button.big{font-size:18px;padding:1.2em 2.5em 1em}.post-body>div[id^=attachment_]{margin:2em auto;width:auto !important;text-align:center;clear:left}.post-body > div[id^=attachment_] img{width:auto !important;height:auto !important;max-width:100% !important;display:block;box-shadow:0px 0px 1px #888}.post-body>div[id^=attachment_]>img{display:block;margin:0 auto;box-shadow:0px 0px 1px #888}.post-body img{max-width:100%}.post-body p>img{max-width:100%;height:auto;display:block;margin:0 auto;box-shadow:0px 0px 1px #aaa}div.wp-caption a, div.wp-caption a:hover{display:inline-block;max-width:100%}.wp-caption-text{font-size:13px;color:#777;padding-top:5px;text-align:center}#post{width:950px;background-color:#fff;min-height:300px;border-radius:2px;box-shadow:0 0 1px #ccc;font-size:15px;color:#505050}#post .featured{width:100%;display:block;border-radius:2px 2px 0 0;box-shadow:0 1px 1px #ddd}#post p.post-info{font-size:12px;color:#6a6a6a;margin-bottom:16px}#post p.post-info i{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/sprite.jpg');background-repeat:no-repeat;width:16px;height:16px;display:inline-block;vertical-align:text-bottom}#post p .icon-author{background-position:0 -195px}#post p .icon-cal{background-position:-33px -195px;margin:0 6px 0 20px}#post pre{font-size:0.8em;font-family:monospace;margin-bottom:1.5em;word-wrap:normal;position:relative;clear:left}#post pre:before{content:attr(data-lines);position:absolute;top:1.1em;text-align:right;left:-2.5em;color:#d2d2d2;width:2em;opacity:0;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;transition:opacity 0.4s}#post pre:hover:before{opacity:1}#post p > code, #post li>code{background-color:#f6f6f6;border:1px solid #eee;font-family:monospace;padding:0.1em 0.2em;font-size:0.8em;border-radius:2px}#post .post-body{padding:5em 6em 5em 5em}#post iframe{background-color:#FFF}#post p iframe{display:block;margin:0 auto;max-width:100%}#post h2{font-size:2em;line-height:1.3;margin-bottom:25px}#post h3{margin:1.5em 0 0.75em 0;font-size:1.5em;clear:left}#post h4{margin-bottom:1em;font-size:1em}#post p{margin-bottom:1.5em}#post ul,#post ol{margin-bottom:1.5em;margin-left:2em}#post li{margin-bottom:0.5em}#post .social-icons{padding:0;margin:3.5em 0}#post .social-icons a{text-indent:-999px;overflow:hidden;margin:0 4px}#post p img{max-width:100%}#post table th{text-align:center !important;font-size:0.8em;background-color:#777;color:#fff;padding:10px 30px;border:1px solid #858585}#post table tr{background-color:#fff;font-size:0.9em}#post table tr:nth-child(odd) td{background-color:#fbfbfb}#post table td,#postBody table th{padding:12px 16px;border:1px solid #f0f0f0;text-align:left}#post table{border-collapse:collapse;border:1px solid #e9e9e9;margin-bottom:2em;box-shadow:0 1px 1px #fefefe}#post table caption{caption-side:bottom;padding:10px;font-size:0.8em}#post .tutorialButtons{margin:3em 0 1em}#post .tutorialButtons a{margin-right:16px;margin-bottom:20px;text-transform:none;padding:1em 2em}#post .tutorialButtons #shareBar{text-align:center;display:inline-block;border:1px solid #DDD;padding:15px 20px 8px;vertical-align:top;margin-bottom:20px}#post .gad{padding:25px;text-align:center;background:radial-gradient(ellipse closest-side at center,  rgba(255,255,255,1) 70%,rgba(251,252,253,1) 85%,rgba(244,247,250,1) 100%)}#author-info{background-color:#F9F9F9;border-top:2px solid #F0F0F0;padding:20px;position:relative;overflow:hidden}#author-info img{float:left;border-radius:8px;margin-left:6px}#author-info h5{font-size:1em;margin:0 0 8px 90px}#author-info h5 a{color:inherit !important;text-decoration:none !important}#author-info p{margin:0 50px 5px 90px;font-size:13px}#post .bottom-meta{overflow:hidden;margin-top:2em}#post #tags{float:right;position:relative;z-index:1}p#categories{margin-bottom:0;position:relative;margin-left:24px;float:left}p#categories:before{content:'';left:-25px;width:17px;height:16px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/sprite.jpg') no-repeat -16px -195px;position:absolute;top:0.3em}.leftPostCol{max-width:950px;margin-bottom:50px}#zsban a{display:block;height:220px;border-radius:4px;background-repeat:no-repeat;margin-bottom:2em}#post .jquery-trickshots-ban{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/jquery-trickshots-small.jpg') no-repeat 100px 40px, radial-gradient(ellipse closest-side at center, #FFF 70%,#FBFCFD 85%,#F4F7FA 100%);padding:40px 40px 40px 240px;min-height:140px}#post .jquery-trickshots-ban a{color:#333a40 !important;text-decoration:none !important}#post .jquery-trickshots-ban h6{font-size:18px}#post .jquery-trickshots-ban p{margin:12px 0 20px}#post .jquery-trickshots-ban span{font-size:12px}#post .challenge{background-color:#495256;background:linear-gradient(to bottom, #4C5559, #454E52);position:fixed;bottom:0;width:950px;left:200px;z-index:25;height:50px;border-radius:1px 1px 0 0;box-shadow:0 -1px 1px rgba(0, 0, 0, 0.1);color:#fff}#post .challenge .logo{font-size:16px;position:absolute;left:24px;top:15px}#post .challenge .logo i{color:#e94d25;font-style:normal}#post .challenge .score{position:absolute;font-size:26px;text-align:center;width:100px;left:50%;margin-left:-50px;font-weight:bold;top:8px}#post .challenge .sharing-button{position:absolute;width:175px;height:36px;right:12px;top:8px;line-height:36px;text-indent:16px;background-color:#2C8B9F;text-transform:uppercase;font-size:12px;font-weight:bold}#post .challenge .sharing-button:after{content:'';position:absolute;width:0;height:0;border:5px solid rgba(0, 0, 0, 0);border-bottom-color:#FFF;top:10px;right:14px;border-width:5px 4px}#post .challenge .sharing-button span{display:none;position:absolute;width:100%;height:170px;background-color:#596469;bottom:0;left:0;z-index:1}#post .challenge .sharing-button span a{display:block;background-color:#FFF;margin:12px 15px 0;text-align:center;text-indent:0;text-decoration:none;color:#FFF !important}#post .challenge .sharing-button span .twitter{background-color:#5babcd}#post .challenge .sharing-button span .facebook{background-color:#408ad0}#post .challenge .sharing-button span .gplus{background-color:#df463f}#post .challenge .sharing-button:hover span{display:block}#post .challenge .sharing-button span:after{content:'';position:absolute;width:0;height:0;border:6px solid rgba(0, 0, 0, 0);border-top-color:#FFF;bottom:4px;left:50%;border-width:6px 5px;margin-left:-3px}#post .challenge pre{display:none}#post .inline-editor{border:1px solid #d5d5d5;box-shadow:0 1px 1px #eee;position:relative;height:400px;border-radius:2px;margin-bottom:1.5em;overflow:hidden;clear:left}#post .inline-editor p{display:none}#post .inline-editor pre{display:none}#post .inline-editor .ace_editor{position:absolute;top:50px;left:0;width:100%;bottom:0;white-space:pre;font-size:13px}#post .inline-editor .toolbar{position:absolute;height:28px;padding:10px;line-height:1;top:0;left:0;right:0;background-color:#e6e6e6;background-image:-webkit-linear-gradient(top, #ebebeb, #e3e3e3);background-image:-moz-linear-gradient(top, #ebebeb, #e3e3e3);background-image:linear-gradient(top, #ebebeb, #e3e3e3);border-bottom:1px solid #d5d5d5;box-shadow:0 1px 1px rgba(0,0,0,0.1);z-index:10;border-radius:2px 2px 0 0}#post .inline-editor .toolbar span{display:inline-block;margin-right:5px;padding:8px 16px;font-size:12px;font-weight:bold;text-align:center;border:1px solid #d2d2d2;background-color:rgba(255,255,255,0.15);cursor:pointer;text-transform:uppercase;border-radius:3px;box-shadow:0 1px 1px rgba(255,255,255,0.3);position:relative}#post .inline-editor .toolbar span.active{background-color:#fff;cursor:default;box-shadow:0 1px 1px rgba(0,0,0,0.03)}#post .inline-editor .toolbar span.locked{text-indent:14px}#post .inline-editor .toolbar span.locked:before{content:'';background-color:#888;position:absolute;width:12px;height:8px;left:10px;border-radius:1px;top:12px}#post .inline-editor .toolbar span.locked:after{content:'';position:absolute;width:4px;height:5px;left:12px;border-radius:50%;border:2px solid #888;top:7px}#post .inline-editor .toolbar .reset{width:18px;height:21px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/sprite.jpg') 0 -640px;position:absolute;top:13px;right:15px;cursor:pointer;opacity:0.6}#post .inline-editor .toolbar .reset:hover{opacity:0.75}#post .inline-editor .button{position:absolute;bottom:20px;right:20px;font-size:14px;z-index:10}#post .inline-editor .result{position:absolute;background-color:#fff;border-radius:2px;width:100%;height:100%;top:100%;left:0;z-index:20}#post .inline-editor .result iframe{position:absolute;top:0;width:100%;left:0;border-radius:2px 2px 0 0;border-bottom:1px solid #ddd}#post .inline-editor .result .inline-log{position:absolute;bottom:0;left:0;right:115px;height:65px;padding:10px 10px 10px 15px;overflow-y:auto;overflow-x:hidden;color:#666}#post .inline-editor .result .error{color:#c22;font-size:12px;margin-bottom:2px}#post .inline-editor .result .log{font-size:12px;margin-bottom:2px}#post .inline-editor .result .success, #post .inline-editor .result .fail{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#FCFCFC;z-index:10}#post .inline-editor .result .success span, #post .inline-editor .result .fail span{text-align:center;font-size:22px;position:absolute;top:50%;margin-top:35px;display:block;width:100%}#post .inline-editor .result .success i, #post .inline-editor .result .fail i{display:block;font-size:12px;color:#999;line-height:1.4}#post .inline-editor .result .success:before, #post .inline-editor .result .fail:before{content:'✓';width:120px;height:120px;border-radius:50%;background-color:#90C27F;position:absolute;top:50%;margin:0 0 0 -60px;color:#FFF;left:50%;font-size:100px;text-align:center;line-height:120px;opacity:0.5;margin-top:-100px}#post .inline-editor .result .fail:before{content:'×';background-color:#e14e36;line-height:124px}#post .inline-editor ::-webkit-scrollbar{width:7px;height:10px;background-color:#fff}#post .inline-editor ::-webkit-scrollbar-thumb{background:#bbb;border:3px solid #fff;border-left:none}#post .inline-editor ::-webkit-scrollbar-thumb:window-inactive{background:#ddd}#post .quiz{color:#65767c;background-color:#f2f8fc;border-top:4px solid #cfdbe3;display:none;clear:left;margin-bottom:1.5em}#post .quiz h3{font-size:28px;text-align:center;margin:60px 0 0}#post .quiz .panel{padding:60px 0;display:none;overflow:hidden}#post .quiz .panel>h3{margin:0 0 60px}#post .quiz .panel.success .bottom .button:before, #post .quiz .panel.fail .bottom .button:before{content:'✓';width:120px;height:120px;border-radius:50%;background-color:#90C27F;position:absolute;top:50%;margin:0 0 0 -60px;color:#FFF;left:50%;font-size:100px;text-align:center;line-height:120px;opacity:0.5;margin-top:-100px}#post .quiz .question{text-align:center;font-size:28px;font-weight:bold}#post .quiz .question img{max-width:90%;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);border:1px solid #D3D3D3;border-radius:2px}#post .quiz ul{list-style:none;width:80%;margin:60px auto 0;max-width:400px}#post .quiz ul li{background-color:#fff;border:1px solid #C8D2D6;box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);border-radius:2px}#post .quiz ul li.right{background-color:#b8e7a6;border-color:#89cc6e;color:#516648}#post .quiz ul li.wrong{background-color:#ff8d96;border-color:#e36f6f;color:#96474e}#post .quiz ul li label{display:block;cursor:pointer;line-height:24px;padding:11px 17px}#post .quiz ul li input{margin-right:8px;vertical-align:middle;box-shadow:none}#post .quiz .bottom{padding-bottom:60px;text-align:center}#post .quiz .bottom .button{font-size:16px;position:relative}#post .quiz .bottom .progress{font-size:14px;padding-top:15px}#post .quiz .bottom .button.success:before, #post .quiz .bottom .button.fail:before{content:'✓';width:36px;height:36px;border-radius:50%;background-color:#90C27F;position:absolute;top:7px;color:#FFF;left:-60px;font-size:24px;text-align:center;line-height:38px;font-weight:normal}#post .quiz .bottom .button.fail:before{content:'×';background-color:#e14e36}#post .quiz [data-type=ad]{text-align:center}#post .quiz [data-type=ad] h3{font-size:36px;margin-top:0;margin-bottom:60px}#post .quiz [data-type=finish]{padding:60px 0}#post .quiz [data-type=finish] h3{text-align:center;font-size:42px;margin-top:20px;margin-bottom:60px}#post .quiz [data-type=finish] h4{text-align:center;font-size:18px;margin-top:0;margin-bottom:24px;font-weight:normal;font-style:italic}#post .quiz [data-type=finish] p.result{background-color:#FFF;width:360px;padding:24px;text-align:center;font-size:24px;margin:0 auto 80px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);color:#87989E}#post .quiz [data-type=finish] p.result b{color:#65767c}#post .quiz [data-type=finish] .share-quiz{width:380px;margin:115px auto 65px;position:relative;text-align:center;background-color:#D9E2E9;height:36px;border-bottom:3px solid #C3CED6;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1)}#post .quiz [data-type=finish] .share-quiz:before, #post .quiz [data-type=finish] .share-quiz:after{content:'';position:absolute;width:40px;height:56px;background-color:#F2F8FC;left:-26px;top:-10px;-webkit-transform:rotate(24deg);transform:rotate(24deg)}#post .quiz [data-type=finish] .share-quiz:after{left:auto;right:-26px;-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}#post .quiz [data-type=finish] .share-quiz a{width:90px;height:90px;border-radius:50%;display:inline-block;text-indent:-999px;overflow:hidden;box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);margin:0 8px;margin-top:-68px}#post .quiz [data-type=finish] .share-quiz a.facebook{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/icons/facebook_circle.svg')}#post .quiz [data-type=finish] .share-quiz a.twitter{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/icons/twitter_circle.svg')}#post .quiz [data-type=finish] .share-quiz a.gplus{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/icons/google_circle.svg')}#postCategories{float:right;margin-top:-1px}#postCategories li a{display:inline-block;color:#fff !important;background-color:#bbb;text-decoration:none !important;border:none !important;font-size:10px;padding:2px 5px;border-radius:3px}#postCategories li a:hover{background-color:#aaa}#postCategories li{float:left;list-style:none;margin-left:6px}#subCategories li{display:inline;list-style:none}#subCategories a{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background-color:#E0E0E0;border:none;color:white;display:block;text-decoration:none !important;float:left;font-size:11px;font-weight:bold;margin:-2px 0 0 6px;padding:4px 8px}#subCategories a:hover{background-color:#8f8f8f}#subCategories{float:right;margin:-20px 0 25px}.marginBelow20px{margin-bottom:20px}.margin15auto30{margin:15px auto 30px}#frontpageBookPromo{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/frontpage_book_promo.jpg') top right no-repeat #23282C;background-size:923px 336px;height:336px;display:block;margin-bottom:40px;box-shadow:1px 1px 1px #CCC;border-radius:3px}@media all and (max-width:1400px){#frontpageBookPromo{background-position:top left}}@media all and (max-width:1200px){#frontpageBookPromo{display:none}}#newsletterSubscribe{box-shadow:0 1px 1px rgba(0, 0, 0, 0.04);background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/psd_newsletter.png') no-repeat 45px 40px #F9F9F9;height:271px;position:relative;margin:40px 0 10px;border-top:2px solid #F0F0F0}#newsletterSubscribe input[type=text]{position:absolute;width:241px;line-height:1;font-size:15px;background-color:#FFF;border:1px solid #CCC;left:230px;top:136px;padding:11px 15px 10px}#newsletterSubscribe input[type=submit]{position:absolute;z-index:1;opacity:1;background-color:#93D0EA;top:136px;height:auto;left:515px;padding:14px 19px 12px;width:auto}#newsletterSubscribe .errHolder{font-size:12px;position:absolute;top:195px;left:230px;width:339px;text-align:left}#newsletterSubscribe .hider{display:none;position:absolute;font-size:14px;padding-left:10px;color:#666;left:0;background:#F9F9F9;top:0;right:0;bottom:0;text-align:center;z-index:1;padding-top:112px}#newsletterSubscribe p{font-size:24px;font-weight:bold;color:#656565;position:absolute;top:45px;left:230px;line-height:1.6;white-space:nowrap}#newsletterSubscribe p span{font-size:15px;color:#a6a6a6;font-weight:normal;display:block}#newsletterSubscribe p span b{color:#888}#newsletterSubscribe.hero{color:#C9CCCF;border-radius:2px;height:370px;width:auto;margin-bottom:60px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/macbook_newsletter.jpg') no-repeat #2F3438 70px 80px;border:none}#newsletterSubscribe.hero h4{font-size:22px;color:#FFF;padding:75px 0 0 380px}#newsletterSubscribe.hero b{color:#fff}#newsletterSubscribe.hero input[type=text]{box-shadow:none;border:none;top:190px;left:380px;border-radius:1px;padding:12px 20px}#newsletterSubscribe.hero input[type=submit]{box-shadow:none;top:250px;left:380px;font-size:13px;background-color:#5394C3}#newsletterSubscribe.hero p{color:#C9CCCF;top:117px;font-size:15px;font-weight:normal;left:380px;width:430px;white-space:normal}#newsletterSubscribe.hero .errHolder{top:260px;font-size:12px;left:520px}#newsletterSubscribe.hero .hider{background:#2F3438;color:#FFF;padding-top:160px}#newsletterSubscribe .preview{position:absolute;top:90px;left:70px;width:260px;height:20px;text-transform:uppercase;color:#C1C3C5;font-size:11px;font-weight:bold;padding-top:160px;text-align:center;text-decoration:none !important}#newsletterSubscribe .preview:after{content:'Click to see a preview';opacity:0;transition:0.4s}#newsletterSubscribe .preview:hover:after{opacity:1}#newsletter-sidebar{width:386px;height:512px;background-repeat:no-repeat;position:fixed;top:40px;left:50%;margin-left:316px;display:none}#newsletter-sidebar input[type=text]{background-color:transparent;border:none;position:absolute;top:364px;left:56px;width:274px;text-align:center;padding:10px 0;box-shadow:none}#newsletter-sidebar input[type=submit]{position:absolute;top:420px;left:135px;box-shadow:none;width:117px;opacity:0.0;color:transparent !important}#newsletter-sidebar input[type=submit]:hover{opacity:0.1}#newsletter-sidebar .hider{position:absolute;bottom:5px;left:4px;right:3px;height:164px;border-radius:0 0 4px 5px;display:none;background:-webkit-radial-gradient(center top, farthest-corner, #f1f1f1, #dfdfdf);background:-moz-radial-gradient(center top, farthest-corner, #f1f1f1, #dfdfdf);background:radial-gradient(center top, farthest-corner, #f1f1f1, #dfdfdf)}#newsletter-sidebar p{position:absolute;width:100%;left:0;top:316px;text-align:center;font-size:16px;color:#F14B91}#newsletter-sidebar.ns-html5{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/newsletter_sidebar/html5.jpg')}#newsletter-sidebar.ns-angularjs{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/newsletter_sidebar/angularjs.jpg')}#newsletter-sidebar.ns-php{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/newsletter_sidebar/php.jpg')}#newsletter-sidebar.ns-nodejs{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/newsletter_sidebar/nodejs.jpg')}#newsletter-sidebar.ns-bootstrap{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/newsletter_sidebar/bootstrap.jpg')}#newsletter-sidebar.ns-book{background-image:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/newsletter_sidebar/book.jpg')}#newsletter-sidebar.ns-book p{display:none}#relatedSection{}#relatedSection ul{list-style:none;background-color:#fff;overflow:hidden;padding:40px;border-radius:2px;box-shadow:0 0 1px #ccc}#relatedSection ul li{background:#fff;float:left;margin-right:25px;width:150px}#relatedSection ul li a{color:#555 !important;text-decoration:none !important;display:block}#relatedSection ul li a img{display:block;box-shadow:0 1px 1px #eee;border-radius:2px}#relatedSection ul li span{display:block;vertical-align:middle;padding:10px 5px 0;line-height:1.45;max-height:55px;text-overflow:ellipsis;overflow:hidden;font-size:12px}#relatedSection ul li:last-child{margin-right:0}#relatedSection ul:before{content:'Related tutorials and articles:';display:block;padding:5px 0 25px;font-weight:bold;font-size:14px;line-height:1;text-transform:uppercase}#comments{}#comments h4{font-size:24px;line-height:1;color:#585858;margin:75px 0 40px 0;padding-bottom:20px;border-bottom:2px solid #ddd}#comments li{list-style:none;margin-bottom:25px}.comment-body{background-color:#fff;padding:40px;position:relative;margin-left:120px;box-shadow:0 0 1px #ddd;font-size:14px;color:#666;border-radius:3px}.comment-body .avatar{position:absolute;border-radius:8px;top:10px;left:-106px;width:80px;box-shadow:0 0 1px #ccc;height:80px}.comment-body p{line-height:1.5;padding-bottom:15px}.comment-body br{display:none}.comment-body .reply a{display:inline-block;text-transform:uppercase;padding:1em 1.5em;border-radius:2px;font-weight:bold;opacity:0.8;color:#fff !important;text-decoration:none;font-size:14px;line-height:1;background-color:#93d0ea;box-shadow:0 0 5px #8fcde7 inset, 0 1px 1px #eee;font-size:11px;margin-bottom:-5px;margin-top:5px}.reply a:hover{opacity:1}.comment-body pre{background-color:#F5F5F5;border-left:2px solid #E0E0E0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;margin-bottom:15px;padding:10px 15px}.comment-body>em{bottom:35px;color:red;opacity:0.4;position:absolute;right:40px}.comment-body blockquote pre{background:none;border:none;padding:0;margin:0}.comment-meta{font-size:14px;position:absolute;right:40px;top:40px}.comment-meta a{color:#b7b7b7 !important;font-size:13px;text-decoration:none !important}.comment-author{height:28px;margin-bottom:12px;text-decoration:none}.comment-author cite.fn{font-weight:bold;font-size:18px;line-height:1;color:#484848}.comment-author cite.fn a{color:inherit !important;text-decoration:none !important}.comment-author .says{display:none}.comment.bypostauthor>.comment-body{background-color:#f4fbff}.comment.bypostauthor > .comment-body pre{background-color:rgba(255,255,255,0.9);border-left:2px solid #dfdfce}.comment ol{padding:25px 0 0 50px}.comment ol cite.fn:before{content:'';width:16px;height:16px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/sprite.jpg') -34px -211px;position:absolute;left:18px;top:40px;opacity:0.15}#respond{margin-top:90px;box-shadow:0 0 1px #ddd;padding:50px;border-top:1px solid transparent;background-color:#fff;border-radius:4px}#respond h4{border-bottom:none;padding-bottom:0;margin-top:0}h4+#respond{margin-top:40px}.comment #respond{margin-top:30px;margin-left:120px;padding:40px 50px}.comment #respond h4{font-size:24px;padding-bottom:10px;margin-bottom:20px}#respond textarea{width:600px;height:150px;resize:both;max-width:90%}#submit{cursor:pointer;margin-top:10px}#submit:hover{}#respond label{position:relative;right:-6px}#respondtitle{display:none}#respond h4 span a{text-decoration:none;display:block;width:16px;height:16px;text-indent:-9999px;border:none;margin-top:6px}#respond h4 span{float:right}.comment #respond textarea{width:500px}.cancel-comment-reply{position:absolute;bottom:13px;left:190px}.cancel-comment-reply a{color:#d23f4d}#addCommentSection{position:relative}#addCommentSection form p{padding:5px 0}#addCommentSection .notes{font-size:11px;color:rgb(136, 136, 136);display:inline;line-height:1.2;padding:1px;background-color:#efefef}.comment #addCommentSection{margin:10px 0 0;box-shadow:none !important;border:none !important;border-radius:0 !important}.comment #respondtitle{display:block}.comment #leavereply{display:none}.nocomments{padding:20px;text-align:center;background-color:#fff;border-radius:5px;box-shadow:0 0 1px #ddd;color:#888}ol+.nocomments{margin-left:120px}.comment-body li{list-style:initial !important;margin:0 0 15px 25px !important}#sidebar{width:380px;float:right;background-color:#f7f7f7;position:relative;background-color:#f7f7f7;min-height:400px;margin-top:-60px}#sidebar .sidebar-group{padding:50px;border-bottom:8px solid #eee}#sidebar .sidebar-group.about{line-height:1.8;color:#5A5A5A;padding-top:55px}#sidebar .sidebar-group.as{padding:22px;overflow:hidden}#sidebar .sidebar-group.as ins{display:block !important}#sidebar .sidebar-group h5{font-size:11px;color:#666}#sidebar .sidebar-group h5 a{opacity:0.8;text-decoration:none !important}.social-icons{text-align:center;padding:18px 0 0;line-height:1}.social-icons a{display:inline-block;width:47px;height:46px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/sprite.jpg');opacity:0.8;margin-right:1px;border-radius:50%}.social-icons a:hover{opacity:1}.social-icons a.facebook{background-position:0 -47px}.social-icons a.googleplus{background-position:0 -94px}.social-icons a.rss{background-position:0 -141px}.social-icons a:before{margin-left:-6px}#sidebar .rek .bsap{overflow:hidden}#sidebar .rek .bsap a{line-height:1;margin:3px;padding:3px;background-color:#fff;border:1px solid #e4e4e4;box-shadow:0 1px 2px #eee}#sidebar .rek p{background-color:#fff;padding:8px 14px;margin:5px;display:block;font-size:11px;color:#777}#sidebar .rek p a{color:#555 !important}#sidebar .rek .bsap .adhere{line-height:120px;font-size:10px;text-transform:uppercase;background-color:#EFEFEF}#sidebar .rek .maxcdn{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/maxcdn_logo.png') no-repeat left top;display:block;margin:24px auto -10px;text-indent:-999px;overflow:hidden;height:25px;width:150px;opacity:0.75}#sidebar .rek .maxcdn:hover{background-position:left bottom}#sidebar .sidebar-group.posts{padding:25px}#sidebar .sidebar-group.posts h5{display:inline-block;padding:10px 15px 8px;cursor:pointer}#sidebar .sidebar-group h5.single, #sidebar .sidebar-group.posts h5.active{background-color:#fff;cursor:default;color:#555;display:inline-block;padding:10px 15px 8px}#sidebar .sidebar-group.posts ul{background-color:#fff;padding:15px 20px;display:none}#sidebar .sidebar-group.posts ul.active{display:block}#sidebar .sidebar-group.posts li{list-style:none;margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #eee;margin-bottom:8px;padding-bottom:8px}#sidebar .sidebar-group.posts li:hover a{background-color:#f4f4f4;color:#777 !important}#sidebar .sidebar-group.posts li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}#sidebar .sidebar-group.posts a{display:table;color:#777 !important;text-decoration:none !important;padding:10px;width:100%;box-sizing:border-box}#sidebar .sidebar-group.posts span{display:table-cell;vertical-align:middle;width:100%}#sidebar .sidebar-group.posts img{width:40px !important;height:40px !important;border:2px solid #fff;outline:1px solid #e4e4e4;margin-right:14px;vertical-align:middle}#sidebar .sidebar-group.fb{padding:40px}#sidebar .sidebar-group.twitter{padding:25px}#sidebar .sidebar-group.twitter ul{list-style:none}#sidebar .sidebar-group.twitter li{background-color:#fff;margin-bottom:1px;padding:16px;color:#777;font-size:13px}#sidebar .sidebar-group.twitter li>span{display:block;font-size:12px;margin-top:10px}#sidebar .sidebar-group.twitter li > span a{color:#aaa !important;text-decoration:none !important}#sidebar .sidebar-group.twitter li .date{float:right}#sidebar .sidebar-group.twitter li a{color:#aaa !important}#sidebar .sidebar-group.twitter li>span{display:none}#followTwitterButton{padding:15px 0 0 52px}footer{background-color:#fafafa;border-top:1px solid #d6d6d6;padding:50px 50px 40px;z-index:10;position:relative}footer .footer-limiter{max-width:1400px;margin:0 auto;overflow:hidden;position:relative}footer h6{font-size:13px;margin-bottom:10px;text-transform:uppercase}footer .footer-group{float:left;width:23%;font-size:12px;color:#6d6d6d;margin-right:5%}footer .footer-group a{margin:10px 0}footer .footer-group p{padding:6px 0}footer .bottom-nav{overflow:hidden;width:14%}footer .bottom-nav a{display:inline-block;margin:0 100px 5px 0 !important;font-weight:bold;white-space:nowrap;color:#777 !important;text-decoration:none !important;font-size:13px}footer .bottom-nav p{width:160px;font-size:11px;margin-top:5px;color:#999}footer .members, footer .book{margin-right:0}footer .book-cover-small{width:103px;height:133px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/jquery-trickshots-small.jpg') no-repeat;float:left;box-shadow:2px 2px 0 #DDD;text-indent:-999px;overflow:hidden;margin:0 20px 0 0 !important}footer .book h6{margin-top:5px;margin-bottom:0}pre code{padding:1em !important;background:#fbfbfb !important;border:1px solid #f9f9f9;overflow-y:auto}.prePosts #searchform{padding:20px 35px;background-color:#fff;max-width:550px;border-radius:3px;margin-bottom:60px;box-shadow:0 0 1px #ccc;width:100%;box-sizing:border-box;display:inline-block}.prePosts #searchform #s{width:80%;margin:10px;max-width:290px}.wpcf7-form{}.wpcf7-form p{font-size:12px}.wpcf7-form	input[type=text]{margin-top:2px}.wpcf7-form textarea{margin-top:2px;width:360px}.wpcf7-form	input[type=submit]{margin-top:20px}.wpcf7-form input.wpcf7-quiz{width:100px}.wpcf7-form small{font-size:13px;padding-top:20px;display:inline-block}article.post-item{background-color:#fff;overflow:hidden;box-shadow:0 0 1px #ccc;display:inline-block;vertical-align:top;width:445px;display:inline-block;margin:0 30px 30px 0}article.post-item h3{font-weight:bold;font-size:20px;line-height:1.35;height:200px;overflow:hidden;position:relative;z-index:1;width:100%}article.post-item h3 img{height:auto;left:-4px;margin-top:-125px;position:absolute;right:-4px;top:50%;width:auto;z-index:1}article.post-item h3 a{width:100%;display:table;z-index:2;vertical-align:bottom;height:158px;padding:20px 0 25px 30px;overflow:hidden;position:relative}article.post-item h3 a span{display:table-cell;vertical-align:bottom}article.post-item h3 a b{background-color:#383e42;display:inline-block;margin-bottom:5px;color:#fff;padding:6px 10px;line-height:1;vertical-align:bottom;margin-right:100px;white-space:nowrap}article.post-item div{color:#737373;font-size:11px;padding:25px 30px 20px;overflow:hidden;line-height:20px}article.post-item div span{float:right}article.post-item div span a{font-size:10px;padding:6px 7px 5px;box-shadow:none;opacity:0.7;margin-right:3px}article.post-item div span a:hover{opacity:0.8}article.post-item p{padding:0 30px 20px;font-size:14px;color:#4b4b4b}article.post-item .button{margin:0 0 25px 30px}.postHolder{max-width:960px}.seeAll{margin-bottom:40px;border-top:1px solid #ddd;padding-top:15px;margin-right:38px;text-align:right}.seeAll a{font-size:12px}.wp-pagenavi{color:#888;font-size:15px;text-align:right;border-top:1px solid #d3d3d3;padding-top:15px;margin:10px 38px 10px 0}.wp-pagenavi .pages{font-size:12px;border:none;background:none;outline:none;float:left;color:#666 !important;text-transform:uppercase;font-weight:bold;margin-top:4px}div.wp-pagenavi span.current{padding:0 6px}div.wp-pagenavi a{display:inline-block;padding:6px 7px;background-color:#fff;border-radius:2px;box-shadow:0 0 1px #ccc;text-decoration:none !important;line-height:1;margin:0 2px;color:#666 !important}.wp-pagenavi .extend{}.wp-pagenavi .last, .wp-pagenavi .first{display:none}div.wp-pagenavi span{display:inline-block;margin:0 2px;padding:0 2px;cursor:default}div.wp-pagenavi .previouspostslink, div.wp-pagenavi .nextpostslink{text-decoration:none !important}.fullWidth{max-width:950px;margin:0 auto}.fullWidth h2, .fullWidth h3{text-align:center}.fullWidth h2{font-size:80px;padding:20px 0}.fullWidth h3{font-weight:normal;color:#999;margin:0 0 50px;text-align:center}.fullWidth.page404{padding-bottom:150px}.fullWidth.page404 div{text-align:center;margin-bottom:20px}.fullWidth.page404 div a{display:inline-block;margin:5px;text-decoration:none !important}.fullWidth.page404 div a img{display:block;border:5px solid #fff;border-radius:3px;box-shadow:0 0 1px #c4c4c4}.fullWidth.page404 form div{padding:30px 0;background-color:#fff;box-shadow:0 0 1px #ccc;border-radius:2px;margin:40px auto 50px;max-width:660px}.fullWidth.page404 #s{width:80%;max-width:380px;margin:10px}.mContainer{background-color:#fff;border-radius:0 2px 2px 0;box-shadow:0 0 1px #ccc;margin-top:-60px;margin-bottom:100px;padding-bottom:100px}.mContainer .hero1{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/member_area/header_1.jpg') no-repeat center bottom #c2e3f6;height:630px;position:relative}.mContainer .hero2{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/member_area/header_2.jpg') no-repeat 123px bottom #c2e3f6;height:316px}.mContainer .signin *, .mContainer .signin.expand .login{display:none}.mContainer .signin .login, .mContainer .signin.expand .go, .mContainer .signin.expand input{display:block}.mContainer .signin .login{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/member_area/login_button.jpg') no-repeat center center;width:118px;height:49px;position:absolute;top:36px;right:40px;opacity:0.9}.mContainer .signin .login:hover{opacity:1}.mContainer .signin .go{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/member_area/login_go_button.jpg') no-repeat center center;width:75px;height:48px;position:absolute;top:36px;right:41px;opacity:0.9}.mContainer .signin input{box-shadow:0 1px 1px rgba(0,0,0,0.05);position:absolute;top:36px;right:114px;line-height:1;padding:14px 15px 13px;border:none;border-radius:2px 0 0 2px;width:210px;font-size:16px}.mContainer .benefits{font-size:15px;padding-left:290px;margin:0 auto 60px;width:450px;color:#707070;position:relative;max-width:560px}.mContainer .benefits p, .mContainer .benefits ul{margin:16px 0}.mContainer .benefits li{margin:16px 0 16px 24px}.mContainer .benefits:before{content:'';width:230px;height:115px;position:absolute;top:50px;left:0px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/member_area/psds.jpg') no-repeat}.mContainer .note{font-style:italic;font-size:14px;padding-top:30px;text-align:center;color:#808080}.mContainer h2{font-size:36px;padding:100px 1em 50px;text-align:center;color:#5A6E7A}.mContainer h3{font-size:24px;padding:40px 15px 15px;margin-bottom:15px}div.flashMessage{background-color:#ccc;color:#888;position:fixed;top:50px;width:500px;left:50%;margin-left:-270px;cursor:pointer;font-weight:bold;font-size:16px;text-align:center;padding:20px;z-index:100;border-radius:2px;opacity:0.95;box-shadow:0 0 6px rgba(0,0,0,0.3)}div.flashMessage.red{background-color:#E82C0C;color:#fff}div.flashMessage.green{background-color:#41B03E;color:#fff}.mContainer>form{background-color:#f7f7f7;border-radius:3px;padding:50px 60px 46px;max-width:560px;margin:0 auto}.mContainer > form input[type=text]{font-size:16px;font-weight:bold;padding:11px 16px;border-color:#CCC;box-shadow:1px 1px 1px #EEE;width:80%;max-width:320px;margin:0 5px 8px 0;color:#828282}.mContainer > form .button{font-size:14px;font-weight:bold;background-color:#69B8E5;padding:16px 20px;box-shadow:0 1px 1px #CCC;background-image:linear-gradient(to bottom, #69b8e5, #64afda)}.mContainer .mSection{max-width:1120px;margin:80px auto 40px;overflow:hidden}.mContainer .psd-post{width:180px;height:280px;float:left;text-align:center;background-color:#fbfbfb;padding:40px;border-radius:8px;margin:10px}.mContainer .psd-post a.img{width:150px;height:150px;border-radius:50%;background-repeat:no-repeat;background-size:cover;background-position:center;display:inline-block}.mContainer .psd-post p{padding:20px 0;font-weight:bold}.mMessageError,.mMessageSuccess{display:none}.mContainer .newsletter{width:221px;height:75px;background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/member_area/envelope_small.jpg') no-repeat;text-align:center;display:block;float:left;margin:28px 13px 0px;text-decoration:none !important;text-transform:uppercase;color:#888 !important;font-weight:bold;font-size:12px;line-height:80px}.mContainer .front-psd-list{overflow:hidden;text-align:center;padding-top:50px}.mContainer .front-psd-list h3{padding-bottom:30px}.mContainer .front-psd-list .psd-post{float:none;display:inline-block;vertical-align:top}.mContainer .jquery-trickshots-ban{background:url('http://cdn.tutorialzine.com/wp-content/themes/tzine/img/jquery-trickshots-small.jpg') no-repeat 100px 40px, radial-gradient(ellipse closest-side at center, #FFF 70%,#FBFCFD 85%,#F4F7FA 100%);padding:40px 40px 40px 240px;min-height:140px;max-width:600px;margin:0 auto;text-align:left;opacity:1;transition:0.3s}.mContainer .jquery-trickshots-ban a{color:#333a40 !important;text-decoration:none !important}.mContainer .jquery-trickshots-ban h6{font-size:18px}.mContainer .jquery-trickshots-ban p{margin:12px 0 20px;font-size:15px}.mContainer .jquery-trickshots-ban button{font-size:13px}[data-hint]{position:relative;display:inline-block}[data-hint]:before,[data-hint]:after{position:absolute;visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;transition:0.3s ease;bottom:100%;left:50%}[data-hint]:hover:before,[data-hint]:hover:after{visibility:visible;opacity:1;-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000001;border-top-color:#383838;margin-bottom:-12px}[data-hint]:after{content:attr(data-hint);background:#383838;color:white;text-shadow:0 -1px 0px black;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;box-shadow:4px 4px 8px rgba(0,0,0,0.3);margin-left:-18px}#book-view{font:16px/1.5 'PT Serif', Corbel, sans-serif}#book-view .leftcol{float:left;margin:100px 0 0 240px;width:322px}#book-view .leftcol img{box-shadow:1px 1px 1px #ccc;max-width:100%}#book-view .leftcol .links{padding:15px 0 10px;text-align:center;font-size:18px}#book-view .rightcol{width:470px;float:left;margin:30px 30px 80px 110px;margin-top:30px}#book-view .rightcol .instructions{padding:15px;font:12px/1.5 sans-serif;text-align:center}#book-view h2{text-align:left;padding-bottom:0;color:#3981A0;padding-left:0;padding-top:70px;font-weight:normal;font-size:32px}#book-view h3{font:inherit;font-size:18px;margin-bottom:24px;color:#999;font-style:italic;padding:0}#book-view .content{}#book-view .content p{margin-bottom:1.5em}#book-view .packages{margin-top:60px}#book-view .packages .package{background-color:#fefce8;padding:20px 30px;color:#6d7176;font-size:16px;margin-bottom:12px;min-height:50px;border-radius:4px;position:relative;line-height:52px;padding-right:120px}#book-view .packages .button{font-size:20px;position:absolute;top:50%;right:25px;margin-top:-26px;padding:0.8em 1.5em 0.8em;box-shadow:0 0 5px #f68962 inset, 0 1px 1px #ddd}#book-view .packages .label{display:inline-block;width:200px;vertical-align:middle;line-height:1.5;font-size:15px}#book-view .packages .price{width:115px;display:inline-block;vertical-align:middle;font-size:24px;font-weight:bold;text-align:center;line-height:1.5}#book-view .packages .price i{font-style:normal;color:#e87373;text-decoration:line-through;display:block;margin-bottom:-4px;font-size:0.65em}#book-view h3 b{font-weight:normal;color:#666}#book-view .blue_content{background-color:#e9f5fc;padding:50px 60px;overflow:hidden;color:#54575b;max-width:1000px;clear:both;margin:0 auto 80px;font-size:16px;text-align:left}#book-view .blue_content h3{font:inherit;font-size:24px;font-style:italic;padding:0 0 25px 20px;margin-bottom:0;font-weight:bold;color:inherit}#book-view .blue_content ul{list-style:none}#book-view .blue_content li{display:inline-block;width:48%;vertical-align:top;padding:0 20px 25px;box-sizing:border-box}#book-view .testimonials{font-size:16px;margin-bottom:50px}#book-view .testimonials h3{text-align:center;font-size:24px;font-weight:bold;color:#54575B;margin-top:100px;font-style:normal}#book-view .testimonials blockquote{text-align:left;max-width:640px;display:block;padding:25px 35px;background:#F6F6F6;margin:60px auto 20px;line-height:1.5;border-radius:3px}#book-view .testimonials p{max-width:640px;margin:0 auto}#book-view #shareBar{text-align:center;padding:13px 0;background-color:#F8F8F8;border-radius:4px;line-height:2;max-width:400px;margin:40px auto 0}section.book-shelf{max-width:600px;margin:0 auto;text-align:center}section.book-shelf h2{font-size:50px;margin:100px 0 30px;text-transform:uppercase}section.book-shelf .book{display:inline-block;position:relative;z-index:10;box-shadow:0px 2px 1px rgba(0,0,0,0.2)}section.book-shelf .book img{display:block}section.book-shelf .shelf{background-color:#444;height:50px;border-bottom:20px solid #333;position:relative;z-index:0;box-shadow:0 5px 5px rgba(0,0,0,0.2);margin-bottom:50px;top:-30px}section.book-shelf .shelf:after, section.book-shelf .shelf:before{width:40px;height:100px;background-color:#eee;bottom:0px;left:-40px;content:'';position:absolute;-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg)}section.book-shelf .shelf:after{left:auto;right:-40px;-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-20deg);-moz-transform:rotate(-20deg);transform:rotate(-20deg)}#downloadBookForm{box-shadow:0 1px 1px rgba(0, 0, 0, 0.04);background-color:#F9F9F9;position:relative;padding:20px 30px 18px;margin-bottom:20px;border-top:2px solid #F0F0F0;font-size:16px}#downloadBookForm h4{margin-bottom:16px;font-size:18px}#downloadBookForm p{margin-bottom:20px}#downloadBookForm p i{color:#888}#downloadBookForm input[type=text]{font-size:14px;width:270px;line-height:1;padding:12px;margin-right:6px;border-color:#CCC;margin-bottom:10px;max-width:90%;border-color:#bbb}@media all and (max-width: 1500px){h1{left:50px;margin-left:0}header nav{left:280px;margin-left:0;padding-right:80px}header a.searchIcon{right:50px;margin-right:0}#content{width:auto;margin-left:50px;margin-right:50px}#post{font-size:15px}}@media all and (max-width: 1470px){#post,.leftPostCol{width:auto;margin-right:380px}#relatedSection li:last-child{display:none}#relatedSection ul li{margin-right:36px}#sidebar{width:340px}header{height:85px}#sidebar .rek{padding:25px}#sidebar .sidebar-group.fb{padding:20px}#sidebar .sidebar-group.as{padding:2px}section.postHolder{margin-right:320px}section.postHolder .post-item{width:45%;display:inline-block;margin:0 3% 3% 0}section.postHolder .post-item h3{font-size:20px}section.postHolder .seeAll{margin-right:6%}.wp-pagenavi{margin-right:60px}#book-view .leftcol{margin:100px 60px 0 160px;width:25%;text-align:center}#book-view .rightcol{width:50%;max-width:480px;float:left;margin:30px 0 50px;margin-top:30px}#book-view .blue_content{margin-bottom:0}#newsletter-sidebar{left:auto;margin-left:0;right:25px;top:25px}.leftResponsiveColumn{max-width:900px;margin-right:382px !important;width:auto}#post #newsletterSubscribe p{left:210px;font-size:20px}#post #newsletterSubscribe input[type=text]{left:210px}#post #newsletterSubscribe input[type=submit]{left:500px}}@media all and (max-width: 1340px){.hide1340{display:none !important}.mContainer .mSection{text-align:center}.mContainer .mSection .psd-post{float:none;display:inline-block;vertical-align:top}.mContainer .newsletter{float:none;display:inline-block}.leftResponsiveColumn{width:auto;margin-right:380px !important}}@media all and (max-width: 1320px){.hide1320{display:none}}@media all and (max-width: 1200px){#post,.leftPostCol{margin:0 auto 50px}#sidebar{display:none}#newsletter-sidebar{display:none !important}footer .footer-limiter{max-width:950px}#relatedSection ul{padding-bottom:30px}#relatedSection ul li span{height:60px}section.postHolder{margin:0 auto}section.postHolder .seeAll{margin-right:0}#newsletterSubscribe{width:auto;margin-left:auto;margin-right:auto}#book-view .blue_content{margin-bottom:-50px}#book-view .rightcol{width:auto;margin:50px;float:none;max-width:480px;text-align:left;display:inline-block}#book-view .leftcol{width:auto;margin:50px;display:inline-block;float:none}#book-view h2{padding-top:0}#book-view{text-align:center}.leftResponsiveColumn{margin-left:auto;margin-right:auto !important;max-width:960px}section.postHolder .itemRow{overflow:hidden}section.postHolder .post-item{width:48%;margin:0 0 3em;max-width:450px}section.postHolder .post-item:first-child{float:left}section.postHolder .post-item:last-child{float:right}}@media all and (max-width: 1000px){.mContainer .hero1{background-size:contain;height:400px}.mContainer .benefits{padding:0 40px;width:auto}.mContainer .benefits:before{display:none}}@media all and (max-width: 840px){header{height:auto}h1{position:static;width:auto;padding:10px 0 20px 0;margin:0 !important;text-align:center}h1 a{font-size:32px !important}header nav{position:static;width:auto;margin:0 !important;text-align:center;padding-right:0}header nav a{padding:0 5px 10px;font-size:18px;margin:0 10px}header select{width:96%;font:inherit;font-size:14px;padding:4px;margin:0 2% 2%}#post{font-size:13px}#post .post-body{padding:3em}#post h2{font-size:28px}footer{padding:30px 0 10px}footer .footer-group{display:none}footer .bottom-nav{display:block;float:none;width:auto;margin:0;text-align:center}footer .bottom-nav a{margin:0 10px 10px 0 !important;padding:0 10px}footer .bottom-nav p{width:auto}.hide840{display:none}#respond textarea{width:100% !important}section.postHolder{text-align:center}section.postHolder .post-item{width:100%;max-width:450px;text-align:left;float:none !important}section.postHolder .seeAll{margin-right:6%;text-align:center}#content .prePosts{text-align:center}.mContainer h2{font-size:36px;padding-bottom:40px}.mContainer>form{text-align:center}.mContainer .hero2{display:none}.mContainer .jquery-trickshots-ban{background-position:center 40px;text-align:center;padding:200px 20px 60px;max-width:none}#book-view .leftcol img{width:420px;margin-top:40px}.section-heading{text-align:center}.section-heading h2, .section-heading .tags{float:none;margin-bottom:20px;padding-bottom:0}.section-heading .tags{margin-bottom:40px}.fullWidth h2{font-size:36px;padding:20px 0 10px}.fullWidth.page404 div a:last-child{display:none}}@media all and (max-width: 600px){#content{margin:40px 20px 20px}#post .post-body{padding:2em}.hide600{display:none}header a.searchIcon{margin-top:-45px}h1{padding:10px 0 10px 0}.mContainer .hero1{display:none}.postHolder h2{padding-top:20px}section.book-shelf .book img{width:300px;height:auto}#book-view .blue_content{padding:40px 20px 0}#book-view .blue_content li{display:block;width:100%;padding:0 15px 30px}#book-view .blue_content h3{text-align:center;padding:0 0 25px}#book-view .leftcol{margin:40px 0;width:100%}#book-view .testimonials h3{font-size:18px}#book-view .testimonials{margin-bottom:0}#book-view .leftcol img{height:auto !important;width:80%}#book-view #shareBar{display:none !important}#book-view .rightcol{padding:0 20px;margin:0;font-size:16px;width:100%;box-sizing:border-box}#book-view h2{padding:0;width:auto;font-size:30px;text-align:center}#book-view .rightcol h3{text-align:center;font-size:16px}.wp-pagenavi{margin-right:0}section.postHolder .seeAll{margin-right:0}.section-heading{padding-top:15px}section.postHolder .post-item h3{font-size:16px}#post .bottom-meta{text-align:center}#post .bottom-meta #tags{float:none;margin-bottom:20px;display:inline-block}#post .bottom-meta #categories{display:none}}@media all and (max-width: 400px){header a.searchIcon{display:none}#post h2{font-size:24px}#content{margin:10px}#post .post-body{padding:1.5em}#book-view .packages .button{position:static;margin:0 auto}#book-view .packages .package{padding:15px 20px;text-align:center}article.post-item div span{display:block;float:none;margin-top:15px}article.post-item div{padding:25px 20px 20px;font-size:11px}article.post-item p{padding:0 20px 20px}article.post-item .button{margin:0 0 20px 20px}.section-heading .tags{margin-bottom:20px}.section-heading .tags .tagged{margin-bottom:15px}}@media all and (orientation : portrait){#jq-trickshots-fixed{display:none !important}}/*/*/.webappstudio-animation{position:relative;margin:40px auto;padding:56px 0 30px;font-family:Arial,Helvetica,sans-serif;background-color:#fff;max-width:778px;height:550px;background:radial-gradient(ellipse closest-side at center,  rgba(255,255,255,1) 70%,rgba(251,252,253,1) 85%,rgba(244,247,250,1) 100%)}.webappstudio-animation .limiter{position:relative;max-width:570px;margin:0 auto;text-align:center}.webappstudio-animation>a{position:absolute;text-decoration:none;width:100%;height:100%;top:0;left:0;z-index:30}.webappstudio-animation .limiter a{border-radius:5px;text-decoration:none;background-color:rgba(255, 255, 255, 0);width:130px;height:49px;font-family:Arial,Helvetica,sans-serif;color:#60b4e6;font-size:16px;font-weight:400;line-height:20px;text-align:center;border:2px solid #a0d7f8;padding:15px 20px}.webappstudio-animation .limiter h6{font-weight:normal;font-size:32px;color:#333a40;margin:0;text-align:center}.webappstudio-animation .limiter h6 strong span{color:#5fb4e6}.webappstudio-animation .limiter p{color:#333a40;font-size:16px;font-weight:400;line-height:30px;text-align:center;margin:25px auto 40px !important}/**/.animation{width:800px;height:400px;margin:70px auto 0;position:relative}.animation .browser{position:absolute;top:0;left:0;border-radius:3px;background-color:#fff;width:302px;height:240px;box-shadow:0 1px 2px 0 #FFF}.animation .box{position:absolute;bottom:180px;right:223px;width:145px;height:120px}.animation .box-top{background-color:#eff1f5;position:absolute;line-height:101px;font-size:25px;font-weight:bold;color:#8c97a5;font-family:Arial,sans-serif;text-align:center;bottom:180px;right:235px;width:131px;height:101px}.animation .box-top span{color:#5fb4e6}.animation .cursor{opacity:0;position:absolute;top:-120px;left:-190px;width:40px;height:20px}.animation.active .cursor{opacity:1;-webkit-animation:workflow-cursor 12s infinite;animation:workflow-cursor 12s infinite}.animation>span{position:absolute;top:0;left:0;width:55px;height:43px;border-radius:4px}.animation .header-drop{opacity:0;background-color:#A5E8F0}.animation.active .header-drop{opacity:1;-webkit-animation:workflow-header-drop 12s infinite;animation:workflow-header-drop 12s infinite}.animation .body-drop{opacity:0;background-color:#BCE4AF}.animation.active .body-drop{opacity:1;-webkit-animation:workflow-body-drop 12s infinite;animation:workflow-body-drop 12s infinite}.animation .column-drop{opacity:0;background-color:#F4ACF0}.animation.active .column-drop{opacity:1;-webkit-animation:workflow-column-drop 12s infinite;animation:workflow-column-drop 12s infinite}.animation .column-drop:before, .animation .column-drop:after{content:'';width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;background-color:inherit}.animation.active .column-drop:before{-webkit-animation:workflow-column-drop-before 12s infinite;animation:workflow-column-drop-before 12s infinite}.animation.active .column-drop:after{-webkit-animation:workflow-column-drop-after 12s infinite;animation:workflow-column-drop-after 12s infinite}@-webkit-keyframes workflow-cursor{0%,24%,48%,80%,100%{-webkit-transform:translate(695px,275px)}6%,18%,30%,42%,54%,66%{-webkit-transform:translate(675px,140px)}12%,13%{-webkit-transform:translate(330px,180px)}36%,37%{-webkit-transform:translate(330px,250px)}60%,61%{-webkit-transform:translate(330px, 320px)}}@-webkit-keyframes workflow-header-drop{0%{-webkit-transform:translate(485px,135px)}6%{-webkit-transform:translate(465px,0)}12%{-webkit-transform:translate(120px,40px);width:55px;height:43px}14%,96%{-webkit-transform:translate(20px,52px);width:263px;height:24px;border-radius:0;opacity:1}100%{-webkit-transform:translate(20px, 52px);width:263px;height:24px;border-radius:0;opacity:0}}@-webkit-keyframes workflow-body-drop{0%,24%{-webkit-transform:translate(485px,135px)}30%{-webkit-transform:translate(465px,0)}36%{-webkit-transform:translate(120px,110px);width:55px;height:43px}38%,96%{-webkit-transform:translate(19px,90px);width:264px;height:79px;border-radius:0;opacity:1}100%{-webkit-transform:translate(19px, 90px);width:264px;height:79px;border-radius:0;opacity:0}}@-webkit-keyframes workflow-column-drop{0%,48%{-webkit-transform:translate(485px,135px)}54%{-webkit-transform:translate(465px,0)}60%{-webkit-transform:translate(120px,180px);width:55px;height:43px}62%,96%{-webkit-transform:translate(110px,184px);width:80px;height:38px;border-radius:0;opacity:1}100%{-webkit-transform:translate(110px, 184px);width:80px;height:38px;border-radius:0;opacity:0}}@-webkit-keyframes workflow-column-drop-before{60%{-webkit-transform:translate(0,0);opacity:0}62%,96%{-webkit-transform:translate(-92px,0);opacity:1}100%{-webkit-transform:translate(-92px, 0);opacity:0}}@-webkit-keyframes workflow-column-drop-after{60%{-webkit-transform:translate(0,0);opacity:0}62%,96%{-webkit-transform:translate(92px,0);opacity:1}100%{-webkit-transform:translate(92px, 0);opacity:0}}@keyframes workflow-cursor{0%,24%,48%,80%,100%{transform:translate(695px,275px)}6%,18%,30%,42%,54%,66%{transform:translate(675px,140px)}12%,13%{transform:translate(330px,180px)}36%,37%{transform:translate(330px,250px)}60%,61%{transform:translate(330px, 320px)}}@keyframes workflow-header-drop{0%{transform:translate(485px,135px)}6%{transform:translate(465px,0)}12%{transform:translate(120px,40px);width:55px;height:43px}14%,96%{transform:translate(20px,52px);width:263px;height:24px;border-radius:0;opacity:1}100%{transform:translate(20px, 52px);width:263px;height:24px;border-radius:0;opacity:0}}@keyframes workflow-body-drop{0%,24%{transform:translate(485px,135px)}30%{transform:translate(465px,0)}36%{transform:translate(120px,110px);width:55px;height:43px}38%,96%{transform:translate(19px,90px);width:264px;height:79px;border-radius:0;opacity:1}100%{transform:translate(19px, 90px);width:264px;height:79px;border-radius:0;opacity:0}}@keyframes workflow-column-drop{0%,48%{transform:translate(485px,135px)}54%{transform:translate(465px,0)}60%{transform:translate(120px,180px);width:55px;height:43px}62%,96%{transform:translate(110px,184px);width:80px;height:38px;border-radius:0;opacity:1}100%{transform:translate(110px, 184px);width:80px;height:38px;border-radius:0;opacity:0}}@keyframes workflow-column-drop-before{60%{transform:translate(0,0);opacity:0}62%,96%{transform:translate(-92px,0);opacity:1}100%{transform:translate(-92px, 0);opacity:0}}@keyframes workflow-column-drop-after{60%{transform:translate(0,0);opacity:0}62%,96%{transform:translate(92px,0);opacity:1}100%{transform:translate(92px, 0);opacity:0}}@media (max-width: 900px){.webappstudio-animation{padding:50px 0 60px;height:inherit}.animation{display:none}}@media (max-width: 800px){.webappstudio-animation{display:none}}