@charset "UTF-8";h1,h2{text-align:left}#scroll-top a,#topmenu a,a{text-decoration:none}#subheader,#topmenu>ul>li,#wrapper,.wrap,#global_search .form-group-inner{position:relative}.cb,.solution,pre .cl{clear:both}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}body,p{font-size:1em}h1,h2,h3,h4,h5,h6{font-weight:100}body,h1,h2,h3,h4,h5,h6{line-height:1}.header,i{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{width:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll}body,html{margin:0;padding:0;height:100%;font-family:'Roboto',arial,sans-serif}#first-article.tutorial-intro #side_menu li span .monospace,.monospace,.p_notes,pre{font-family:"Lucida Console",Monaco,monospace}p{color:#000;line-height:1.6;margin:1.6em 0}h1{color:#000;font-size:1.875em;margin:.5em 0 1.875em}h2{color:#000;font-size:1.6875em;margin:1.75em 0 1em}h3,h4,h5,h6{color:#333;font-size:1.25em;margin-left:0;margin-right:30px}a{color:#62900c;outline-style:none;outline-width:0}a:hover{color:#565656}#first-article.tutorial-intro h6#side_m_title,.monospace{color:#26478b}.mobile-only{display:none}strong{font-weight:600}.fl{float:left}.fr{float:right}.cb{height:0;line-height:0;font-size:0;padding:0;margin:0}.center{text-align:center}.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}.hidden{display:none}.button{white-space:nowrap}.half{width:50%;float:left;margin:10px 0}.third{margin:10px .5%;width:32%;float:left}.fourth,.one-third,.two-third{float:left;margin:10px 0}#popup_box .one-third{margin-top:-30px}.fourth{width:25%}.one-third{width:30%}.two-third{width:70%}#first-article .inner,#topmenu,.last-article .inner{float:right}#content article#first-article{padding-top:0}#first-article .two-third,.last-article .two-third{width:60%;margin-right:10%}#first-article.tutorial-intro .two-third{margin-right:4%}#first-article.tutorial-intro .one-third{padding-right:2.5%;padding-left:2.5%;background-color:#f0f0f0;border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.4)}#first-article.tutorial-intro ul#side_menu{list-style-type:disc;margin-left:20px;margin-top:20px}#first-article.tutorial-intro #side_menu li{margin-bottom:20px;color:#26478b}#first-article.tutorial-intro #side_menu li span{color:#333}#first-article.tutorial-intro #side_menu li span .monospace{color:#26478b}body.topic #first-article .one-third{width:33%}body.topic #first-article .two-third{margin-top:0;width:65%}.one-third .author,.one-third .preview{width:200px}.one-third figure img{border-radius:4px;border:1px solid #e1e1e1}.one-third .author_details,.one-third .preview_image_details{text-align:left;margin:10px 0}.full{width:100%;margin:20px auto}#wrapper{min-height:100%}.wrap{margin:0 auto;width:1000px;height:auto}#phpenthusiast-logo{margin-top:20px}#topmenu a{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.4);font-size:1.25em;display:block;padding:2px;margin:10px 20px;text-align:center}#topmenu a:hover{color:#caccce}#topmenu>ul>li{display:inline-block;float:left;font-size:.85em;margin:24px 0 0}#topmenu>ul>li:last-child>a{margin-right:0!important}#topmenu>ul>li>a{margin-top:0;padding:10px 15px;border-radius:5px}#topmenu>ul>li.active>a{background-color:#26488d;color:#fff!important;text-shadow:0 1px 0 #000}#topmenu>ul>li.divider-vertical{height:40px;margin:19px 8px 19px 0;width:1px;background:rgba(220,220,220,.5)}#topmenu #open-search-box svg{fill:#fff}#topmenu #open-search-box svg:hover{fill:#caccce}
#global_search button i svg{fill:#caccce;width:60px;height:60px}#global_search{visibility:hidden;position:fixed;top:-3px;opacity:1;z-index:19;width:99.8%;animation-name:magnificent_popup;animation-duration:.6s;animation-timing-function:ease-in}#global_search.active{top:84px;visibility:visible}#global_search.active-out{animation-name:reverse_magnificent_popup;animation-duration:.6s;animation-timing-function:ease-out}@keyframes magnificent_popup{from{top:-1px;}to {top:84px;}}@keyframes reverse_magnificent_popup{from{top:84px;}to{top:-1px;}}#global_search .form-group{width:1000px;max-width:100%;height:78px;margin:0 auto;background:#fff}
#searchTermInputField,#global_search [name=search_the_website_text]{float:left;width:89%;margin:13px 2.5%;height:36px;padding:6px 3%;border-radius:3px;font-size:1em;font-weight:300;line-height:1.42857143;color:#292c2e}
#global_search #search_the_website_submit,#global_search [name=search_the_website_submit]{position:absolute;top:2px;right:1%;font-size:1.7em;background:0;border:0;color:#ff9016;padding:8px 18px 0 0;opacity:1;transition:opacity .3s;cursor:pointer;text-transform:none;overflow:visible;margin:0;outline:0}#buy-ebook,#go_on a,#newsletter form .form-group+.button,.header,.solution{text-transform:uppercase}#nav-collapse{margin-top:40px;display:none}#nav-collapse li{line-height:1.4em;font-size:1em}#nav-collapse li>a{display:inline-block;width:100%;text-shadow:0 1px 0 #000;padding:11px 0;text-indent:20px;font-weight:600;color:#fff;margin-bottom:2px;margin-top:2px;border-radius:3px;background:#26488d}#global-message,#subheader .title,#subheader .title span{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,1)}
#header{width:100%;height:87px;overflow:hidden;position:fixed;top:0;left:0;right:0;z-index:20}#header .upper-panel{display:block;width:100%;height:3px;background:url(img/header-upper-panel.png) repeat-x}#header .outer-wrap{height:79px;width:100%;background:url(img/header-bg.png)}#header .bottom-panel{display:block;width:100%;height:5px;background:url(img/header-bottom-panel.png) repeat-x}#global-message{position:absolute;top:286px;width:100%;text-align:center;font-size:1.3em;line-height:1.3;padding:10px 0;border:1px solid #fff}.claim,.teaser{line-height:100%}#header #menu-btn{cursor:pointer;padding:10px 35px 16px 0;position:absolute;top:28px;right:0;display:none}#header #menu-btn a{text-align:center;width:40px;height:28px}#header #menu-btn a span{transition:all .5s ease-in-out}#header #menu-btn a span,#header #menu-btn a span:after,#header #menu-btn a span:before{cursor:pointer;height:5px;width:35px;position:absolute;display:block;content:'';border-radius:3px;background:#FAFAFB;background:linear-gradient(to bottom,#FAFAFB 0,#CACBCD 100%)}#header #menu-btn a span:before{top:-10px}#header #menu-btn a span:after{bottom:-10px}#subheader{background-image:url(img/social_background1.jpg);top:-6px;z-index:8;height:277px;overflow:hidden;background-size:100%;background-position:center -100px}#subheader .title{position:absolute;top:127px;display:block;width:100%;text-align:center;font-size:1.75em;font-weight:600;z-index:20}#content,.slider-wrapper,.solution{position:relative}#subheader .title span{display:block;font-size:1.85em;padding-top:20px}#elephant{display:block;margin:0 auto;position:absolute;width:100%;left:15%;right:35%;max-width:828px;top:377px;z-index:20}#content{padding:20px 0 0;width:100%;margin:0 auto;z-index:18;box-shadow:0 0 3px 2px rgba(0,0,0,.2)}.slider-wrapper{overflow:hidden;width:99%;margin:0 auto;padding-top:100px}.teaser{padding:.5% 1.5%;font-size:.875em}.footnotes{text-align:center;font-size:.95em;color:#6e6c6c}.small{width:250px;padding-left:0;padding-right:0;text-align:center}.light-green{background:#95C542}.lightGreen{color:#2166d3}.green{color:#008E00}#topper a,.white{color:#333}.orange{background:#EF7D00}.turky{background:#348E8A}.p_notes,.white{background:#fff}#topper a{font-weight:100;font-size:1.125em}#topper a:hover{color:#62900c}#toggleSideMenu{display:none}#side_m_title{margin-top:20px;font-size:1.5em}#side_menu{font-size:1.125em;line-height:1.25}#side_menu li{margin:5px 0}#side_menu a{color:#b7b7b7}#side_menu .active,#side_menu a:hover{color:#2a6ed7}pre{font-size:.925em;line-height:1.4;padding:0;margin:0}pre .cl{height:1px;width:100%;display:block}.code_question .code_brd_blk{width:100%;float:none}.p_notes{min-width:200px;border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.4);overflow:auto;background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(250,250,250,1) 100%)}.code_brd_blk{float:left;width:50%}.code_brd_blk .p_notes{min-width:80%}.code_teach{float:left;width:40%;min-width:350px;padding:10px 3%;background:#dcdcdc;border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.4)}.code_explaination,.code_question{background:#f0f0f0;border:1px solid #fff;box-shadow:0 0 2px 0 rgba(0,0,0,.4);float:left}.code_teach p{line-height:1.25;margin:0}.code_question{width:43%;min-width:200px;padding:20px 3%}.line-number{border-right:1px solid #b0b0b0;float:left;display:block;width:35px;max-width:7.5%;overflow:hidden;margin-right:2%}.line-number span,.line-number+code{color:#000;font-family:"Lucida Console",Monaco,monospace;padding:0;margin:0;line-height:1.6;font-size:1em}.line-number span{display:block;text-align:center}.line-number+code{float:left;width:90%}.code_question .line-number+code{width:80%}code span{display:inline-block}.code_question ul,.code_teach ul{font-size:1em;line-height:1.4}.code_question ul{margin:20px 30px}.code_question li strong{background:#000;color:#fff;padding:1px 6px 3px;border-radius:12px;display:inline-block;position:relative;left:-8px;float:left}.code_question .pencil:before,.code_question .write:before{background:#2A6ED7;padding:3px 7px;margin:0 10px 0 0;float:left}.code_question .pencil:before{content:"?";color:#fff;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.7);border:1px solid rgba(255,255,255,1);box-shadow:1px 1px 1px 0 rgba(0,0,0,.8);border-radius:4px}.code_question .write:before,.code_question p.hidden strong:first-child{border:1px solid rgba(255,255,255,1);box-shadow:1px 1px 1px 0 rgba(0,0,0,.8);color:#fff;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.7)}.code_question .write:before{content:"\039e";border-radius:4px}.scratchpad{width:90%;margin-top:30px;color:#fff;background:#000;padding:15px;height:300px}.code_question .underline{min-width:70px;border-bottom:1px solid #000;display:inline-block;margin-right:3px}.code_question p.hidden{background:#fff;border-radius:0 0 8px 8px;margin:0 5px;height:147px;overflow:auto}.code_question p.hidden strong:first-child{display:block;background:#62900C;padding:3px;border-radius:20px;text-align:center;width:25px;margin:8px auto 15px}.code_question p.hidden.p_result strong:first-child{width:auto}.solution{display:block;text-align:center;margin:65px 0 0;background:#f0f0f0;border-radius:6px;padding:10px 0;text-indent:-30px;font-weight:600;cursor:pointer;color:#006E2E;box-shadow:1px 1px 1px 1px rgba(0,0,0,.8);z-index:5}#footer,#subfooter{z-index:10;position:relative}.plus:before{content:"\2713";color:#fff;background:#006E2E;padding:3px 5px;margin:0 0 0 20px;font-weight:600;text-shadow:1px 1px 0 rgba(0,0,0,.7);border:1px solid rgba(255,255,255,1);box-shadow:1px 1px 1px 0 rgba(0,0,0,.8);border-radius:4px;float:left;text-indent:0;position:relative;top:-5px}.code_question li,.code_teach li{margin-bottom:20px}.code_question .monospace,.code_teach .monospace{text-decoration:underline;font-weight:700}.p_result strong{clear:both;display:block;padding-top:20px}code .yellow{color:#450084}code .green{color:#008E00}code .blue{color:#f26522}code .red{color:#f95b3c}code .orange{color:#2a6ed7;background:0 0}code .magenta{color:#26478b}.get-started{text-align:center;padding:30px 0 40px}#content h1,#content h5,#content h6{text-align:left}#first-article a.button,#topper a.button,.get-started a.button{font-size:1.625em;color:#fff!important;text-shadow:1px 1px 0 rgba(0,0,0,.7);padding:15px 25px;border-radius:6px;border-bottom:1px solid rgba(36,67,134,1);box-shadow:2px 2px 5px 0 rgba(0,0,0,.4);background:#244386;background:linear-gradient(to bottom,rgba(36,67,134,1) 0,rgba(44,83,158,1) 100%)}#first-article a.button{width:20px;height:20px;padding:5px 12px;cursor:pointer}#first-article a.button a:hover,#topper a.button:hover,.get-started a.button:hover{color:#fff;background:#2c539e;background:linear-gradient(to bottom,rgba(44,83,158,1) 0,rgba(36,67,134,1) 100%)}#content ol{margin-left:30px}#content ol li{margin:5px 0;padding:10px 0}#content ol li a{color:#333}#content ol li a:hover{color:#62900c}#content ol li a span{font-size:3em;border:4px solid #b7b7b7;padding:10px 20px;border-radius:50px;display:inline-block;position:relative;top:6px;color:#b7b7b7}#content ol li a:hover span{color:#62900c;border-color:#62900c}#content p{padding:10px 0;font-size:1.0625em;line-height:24px}#content p.spaced{margin:0 2% 0 4%}#content .blockquote p,#content p.blockquote,.blockquote,.blockquote p,.two-third .blockquote{text-align:left;display:block;margin:26px 5% 26px 15%;color:#2a6ed7;line-height:1.6;font-size:1.3125em;font-weight:200;font-style:italic}#content h1{margin-left:0}#content h5{margin-bottom:20px}#content article{background:#fff;padding:30px 0;border-bottom:1px solid #bebebe;position:relative}#content,#content #topper{background:#f0f0f0!important;border-bottom:0}#content #topper .wrap{background:#fff;border-radius:2px;box-shadow:0 2px 5px 1px rgba(0,0,0,.26)}#content #topper .wrap p{padding:26px 41px;width:918px}#content .content-articles .blockquote p,#content .content-articles p.blockquote,.content-articles .blockquote,.content-articles .blockquote p,.two-third .content-articles .blockquote{color:#2a6ed7;line-height:1.6;font-size:1.1875em;margin:26px 5%}#content ol li{font-size:1.1875em}#content .content-articles article{background:#f0f0f0;border-bottom:0}#content .content-articles article .wrap{background-color:#fff;padding:26px 41px;width:918px;border-radius:2px;box-shadow:0 2px 5px 1px rgba(0,0,0,.26)}#content .content-articles article h1,#content .content-articles article h2,#content .content-articles article h3{color:#2166d3}#content .content-articles article p{color:#333}#content .code_teach,.line-number{background-color:#f0f0f0}#content .code_teach p,.code_teach ul li{color:#000;font-size:1em}.tutorial article.last-article p:last-of-type{margin-bottom:4em}.two-third .list_explanations{font-size:1.5em;color:#62900c}.two-third .list_explanations li{margin:5px 0;display:block;text-align:center}.header{font-size:1.25em!important;color:#62900c;text-shadow:1px 1px 0 rgba(0,0,0,.2)}#buy-ebook,#go_on a,#newsletter form p,#social .title,#subfooter form p{text-shadow:1px 1px 0 rgba(0,0,0,.7)}#popup_box{position:relative;width:80%;margin-right:10%;margin-left:10%;background:#FFF;right:1%;bottom:20px;z-index:100;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 2px 1px rgba(0,0,0,.2);border-radius:4px;padding:15px;font-size:1em}#popup_box .big-p{font-size:1.125em;font-weight:600;padding:0;margin-bottom:0;text-align:center}.big-p span{display:block;padding:12px 0;font-size:1.375em;color:#2a6ed7}#buy-ebook,#popupBoxClose{color:#fff;cursor:pointer}#popup_box h1{margin:0}#popup_box img{margin-top:16px}#popup_box .two-third p:last-of-type{margin-bottom:0}#buy-ebook{padding:13px 23px;margin:20px auto;border:none;font-size:1.125em;border-radius:20px;background:#014f0e;background:linear-gradient(to bottom,rgba(1,79,14,1) 0,rgba(2,111,46,1) 100%)}#buy-ebook:hover{background:#026f2e;background:linear-gradient(to bottom,rgba(2,111,46,1) 0,rgba(1,79,14,1) 100%)}#popupBoxClose{font-size:17px;line-height:15px;right:15px;top:15px;position:absolute;background:#000;padding:5px 9px;border-radius:12px;font-weight:600}#popup_box{margin-top:50px;margin-bottom:50px}#popup_box .inner-popup{margin:20px 2%}#popup_box .two-third .inner{width:90%;margin:0 5%}#popup_box .two-third .inner p{padding:0;font-size:1.1em;line-height:1.5}.explain-scratchpad>span{font-size:.8125em;color:red;display:block}.cd-fixed-bg.cd-bg-2{min-height:70px;background-image:url(img/lessonbg.jpg)}.cd-fixed-bg{min-height:220px;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:center center}.cd-fixed-bg.cd-bg-1{background-image:url(img/social_background.jpg)}#social{padding:30px 0;height:170px;position:relative;z-index:8}#social .wrap{text-align:center}#social .wrap img{padding:6px;background:#fff;border-radius:6px;margin:0 15px;box-shadow:0 0 2px 1px rgba(0,0,0,.15)}#social .title{display:block;text-align:center;font-size:2.5em;color:#fff;font-weight:600;margin:10px 0 30px}#scroll-top a,td p{display:inline-block}#go_on{position:relative;z-index:8}#go_on span{display:block;padding:20px 0}#go_on a{color:#fff;font-size:1.375em;margin:10px 0}#go_on .one-third:nth-child(2){text-align:center;float:left;width:40%}#go_on .one-third:nth-child(3){text-align:right;float:right}#comment_section{background:#fff;padding:30px 6%;position:relative;z-index:18;}.white-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:500px;margin:20px auto}#topper{border-bottom:1px solid #bebebe;padding:0 0 16px;margin:0;background:#fff}#topper span{color:#62900c;font-weight:600;font-size:1.125em}#footer{width:100%;background-color:#101012}#footer p{color:#fff;padding:2px 0;font-size:.8125em}#footer a:hover{color:#fff;text-decoration:underline}#footer .half+.half p{padding:2px 0;text-align:right}#subfooter .two-third{width:67%}#subfooter .one-third{width:30%}#subfooter{background:#fff;}#subfooter form{display:block;width:90%;margin:10px auto;padding:20px;border-radius:3px;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 2px 1px rgba(0,0,0,.5);background:rgba(33,104,216,1)}.learn-more-image-wrapper.first{text-align:right;margin:26px 0 34px}#subfooter form img{display:block;margin:15px auto;max-width:110px;width:30%}#subfooter form p{color:#fff;text-align:center;font-size:14px}#subfooter form p a{font-weight:600;color:#fff}#subfooter input{width:90%;margin:0 2.5%;font-size:.75em;padding:4px}#subfooter form .form-group+table{font-size:.75em;margin:0 7px;width:95%}#subfooter form .form-group+table a{color:#fff}#subfooter form .form-group+table td:last-child{text-align:right}#subfooter form .form-group+table .submit.btn{background:#fff;border:none;padding:3px 2px 6px;border-radius:0 0 4px 4px;font-size:.875em;text-transform:uppercase;cursor:pointer;font-weight:600}#subfooter{width:100%;box-shadow:0 -2px 2px 1px rgba(0,0,0,.2)}#subfooter #newsletter{position:relative;top:0}#subfooter h3{color:#2166d3;font-weight:500;font-size:1em;margin-right:0;margin-left:0}#subfooter ul{margin-left:0!important}#subfooter ul li{list-style-type:none!important;padding:0!important;margin:7px 0}#subfooter ul li a{text-decoration:none!important;color:#565656!important;font-size:.8125em;padding:0!important}#subfooter ul li a:hover{color:#26478b!important}#newsletter{position:absolute;z-index:20;width:100%;max-width:360px;top:-150px}#newsletter form{display:block;width:100%;margin:10px auto;padding:20px;border-radius:3px;border:1px solid rgba(255,255,255,.8);box-shadow:0 0 2px 1px rgba(0,0,0,.5);background:rgba(33,104,216,.85)}#newsletter form img{display:block;margin:15px auto;max-width:110px;width:30%}#newsletter form img+p{font-weight:600}#newsletter form p{color:#fff;text-align:center;font-size:.875em}#newsletter form p a{font-weight:600;color:#fff}#newsletter .form-group{background:#ccc;padding:7px 5px;border:1px solid rgba(51,51,51,.8);border-radius:4px;margin:10px auto 0;width:90%}#newsletter .form-group input{width:94%;margin:0 1%;font-size:.75em;padding:4px}#newsletter form .form-group+.button{background:#fff;border:none;padding:3px 2px 6px;border-radius:0 0 4px 4px;font-size:.875em;cursor:pointer;font-weight:600;float:right;margin-right:20px;max-width:90px;text-align:center}#newsletter form p span.error,#newsletter form p span.message,#newsletter form p span.warning{background:#0f0f0f;display:inline-block;padding:10px 25px;border-radius:3px;font-weight:100;font-size:1.2em}#scroll-top{display:none;padding:5px 7.5px;z-index:10000;background:#000;color:#fff;border-radius:6px;position:fixed;bottom:10px;right:10px;opacity:.9}#scroll-top a{color:#fff;background-position:6px 5px;background-repeat:no-repeat;width:33px;padding:5px;line-height:36px;height:36px;text-align:center;vertical-align:middle}td p{height:26px}td.ix p,td.vi p{width:26px;background:url(/National_Library/oe_/https://phpenthusiast.com/theme/assets/images/vi.png) no-repeat}td.ix p{background:url(/National_Library/oe_/https://phpenthusiast.com/theme/assets/images/ix.png) no-repeat}.tutorial.practice .full{width:100%}.tutorial.practice .full .code_explaination,.tutorial.practice .full .code_question{width:44.5%;padding:20px 2.3%}.general-tbl{border:1px solid #000}.general-tbl td,.general-tbl th{padding:10px 2%;border:1px solid #000}.general-tbl th{font-weight:600;background:#dcdcdc}body.blog .main-title{width:100%;margin-right:0;margin-left:0;padding-right:0;padding-left:0;padding-bottom:1em}body.blog #content .main-title h1{text-align:left;margin-bottom:.5em}body.blog .main-title p{text-align:left}body.blog .main-title p.date_published{color:#62900c}body.blog article#first-article .two-third p:nth-child(1){padding-top:0;margin-top:0}body.blog #content .blockquote,body.blog #content .blockquote p,body.blog .blockquote,body.blog .blockquote p,body.blog article .blockquote,body.blog article .blockquote p,body.blog article#first-article .two-third .blockquote,body.blog article#first-article .two-third .blockquote p{font-size:1.2em;margin:26px 5%}body.blog .author{width:200px}body.blog .author .author_details{text-align:left;margin:10px 0}body.blog #content .author .author_details p{font-size:.9em;line-height:1.25em;margin:10px 0 10px 10px;padding:0}body.blog .author .author_description a{color:#565656}body.blog article#first-article .one-third .inner{float:right}.blog #content ol,.blog #content ul,ol.list,ul.list{margin-left:30px}.blog #content ol li,.blog #content ul li,ol.list li,ul.list li{font-size:1.15em;margin:5px 0;line-height:1.25;padding:10px 0;list-style-type:decimal;color:#2a6ed7}.blog #content ol li a,.blog #content ul li a,ol.list li a,ul.list li a{color:#62900c;text-decoration:underline}.blog #content ol li .monospace,.blog #content ol li a:hover,.blog #content ul li .monospace,.blog #content ul li a:hover,ol.list li .monospace,ol.list li a:hover,ul.list li .monospace,ul.list li a:hover{color:#000}.blog #content ul li,ul.list li{list-style-type:disc}body.topic #first-article .two-third{margin-right:0;margin-left:2%}.topic #content #topper .wrap p,body.tutorial #content #topper .wrap p{margin-top:3px;margin-bottom:12px}.p_result .orange{color:#000;padding:10px 0}@media only screen and (min-width:1440px){.slider{width:1440px}}@media all and (max-width:1300px){img.learn-more-image{width:85%;height:85%}}@media all and (max-width:1200px){img.learn-more-image{width:75%;height:75%}}@media all and (max-width:1100px){#header #menu-btn,#nav-collapse{display:block}#header .wrap{width:900px}#topmenu{display:none}#header.increased-height{height:380px;background-size:380px 100%}img.learn-more-image{width:65%;height:65%}#social .wrap a img{width:50px;height:50px}#subfooter .wrap{width:80%;margin-right:10%;margin-left:10%}#subfooter .wrap>.one-third,#subfooter .wrap>.two-third{width:50%}#subfooter .two-third .one-third{float:none;width:100%}#footer .wrap{width:900px}}@media all and (max-width:1040px){.wrap{max-width:100%}#footer .wrap,#header .wrap{width:800px}}@media only screen and (min-width:1000px){.slider{width:1000px}}@media (max-width:960px){#topper{display:none}#content .content-articles{width:96%;margin-right:2%;margin-left:2%}#content .content-articles article .wrap{width:90%;padding:16px 5%}.tutorial #content article .wrap{margin-right:auto;margin-left:auto}.topic #content .content-articles{width:96%;margin-right:2%;margin-left:2%}.topic #content .content-articles article .wrap{width:90%;padding:16px 5%}.tutorial.practice .full .code_explaination,.tutorial.practice .full .code_question{width:95%}}@media all and (max-width:900px){#social .inner-wrap a:nth-child(9){display:none}#toggleSideMenu{display:inline}#side_menu,.one-third .table{display:none}}@media all and (max-width:890px){.code_brd_blk,.code_teach{width:100%!important;min-width:250px}.code_teach{padding:20px 0}}@media all and (max-width:800px){#popup_box img,#social .inner-wrap a:nth-child(7),#social .inner-wrap a:nth-child(8),#subheader,#topper{display:none}#header .wrap{width:700px}body.tutorial #first-article{margin-top:40px}.home #subheader{background-image:url(img/social_background.jpg)}.tutorial .full{width:100%}.line-number+code{padding-left:0}#content .wrap{width:700px}.code_explaination,.code_question{width:100%}#footer .wrap{width:700px}#popup_box .two-third{width:100%}#newsletter form .form-group+.button{max-width:87%;margin-right:6.5%;margin-left:6.5%;text-align:center;line-height:2}.tutorial.practice .full .code_explaination,.tutorial.practice .full .code_question{width:90%;padding:20px 5%}body.blog #content .main-title{margin-top:2.5em}body.blog article#first-article .one-third,body.blog article#first-article .two-third,body.blog article.last-article .one-third,body.blog article.last-article .two-third{float:none;width:92%;margin-left:4%}body.blog article#first-article .one-third .inner,body.blog article.last-article .one-third .inner{float:none;width:200px;margin:10px auto}body.topic #first-article .two-third{width:80%;margin-right:10%;margin-left:10%}}@media all and (max-width:700px){#social .inner-wrap a:nth-child(6),#subfooter .wrap>.two-thirds,.tutorial #side_menu{display:none}#header .wrap{width:600px}#content ol.tuts{margin-left:0!important}#content p{padding:10px 0}#content ol.tuts li a{white-space:nowrap}#topper a.button{padding:15px}.tutorial #subheader h1.title{font-size:1.15em}.tutorial article#first-article .one-third,.tutorial article#first-article .two-third{float:none;width:100%}#popup_box{position:relative;margin:50px auto 0}#go_on .wrap .one-third{text-align:center;width:100%}#subfooter #newsletter{padding-top:2px}}@media all and (max-width:600px){#social .inner-wrap a:nth-child(4),#social .inner-wrap a:nth-child(5),#subfooter .wrap>.two-third,#topper,.p_notes .line-number{display:none}#header .wrap{width:96%;margin-right:2%;margin-left:2%}#first-article a.button,#topper a.button,.get-started a.button{font-size:1.15em}#first-article{padding-top:0}#popup_box{width:90%;margin-left:3%;margin-right:2.5%}.half{float:none}#subfooter .wrap,article#first-tutorials .half,article#more-tutorials .wrap{width:90%;margin-right:2.5%;margin-left:2.5%}#subfooter .wrap>.one-third{width:100%;float:none}#footer{height:114px!important}#footer .wrap{width:90%;margin-right:2.5%;margin-left:2.5%;padding-top:10px}#footer .half+.half p,#footer p{padding:0}#footer .half,#footer .half p,#footer .half+.half p{width:100%;text-align:center}body.topic #first-article .two-third{margin-right:0;margin-left:0;width:100%}}@media all and (max-width:560px){#content article#first-article{margin-top:71px}.p_result .orange{padding:1px 0}#popupBoxClose{top:60px}#popup_box .one-third{display:none}#popup_box .two-third{width:90%;margin-left:5%}#newsletter form{width:87%;margin-left:3.5%}#buy-ebook{font-size:.75em;padding:13px 10%}}.underline{text-decoration:underline}
code .black{color:#333;}
/** atom theme for code **/
.hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta-string{color:#98c379}.hljs-built_in,.hljs-class .hljs-title{color:#e6c07b}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}