@import url(http://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic);html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,.highlight pre,.highlight .hll,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:bold}i,em{font-style:italic}.video_container iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}body{font-family:"Roboto","Calibri",sans-serif;font-weight:300;font-size:22px;line-height:1.4;background:#FDFDFD;color:#121212}.container{max-width:100%;position:relative;margin:0 auto}.overview{width:320px;font-size:18px}.content{counter-reset:h1-counter;width:calc(100% - 320px);position:absolute;right:0}@media screen and (max-width: 1000px){.content{width:100%}}.content .toggle{position:absolute;top:5px;left:5px}section:last-of-type{padding-bottom:300px}section>p,section>ul,section>ol,section>div{text-align:justify;padding-left:5%;padding-right:5%;box-sizing:border-box}section pre,section .highlight pre,.highlight section pre,section .highlight .hll,.highlight section .hll{margin-left:5%;margin-right:5%}section>ol{padding-left:calc(5% + 40px)}h1,h2,h3,h4,h5,h6{text-transform:uppercase;font-weight:700;line-height:1;color:#385958}h1{font-size:3.1em;padding:30px 0 0;text-align:right;border-bottom:#385958 9px solid;width:100%;line-height:0.61;margin:0 0 20px}h1:before{content:counter(h1-counter) " "}.h1{counter-increment:h1-counter;counter-reset:h2-counter;padding-top:80px}h2{font-size:2em;padding:30px 0 0;width:90%;text-align:center;border-bottom:5px solid #385958;margin:0 auto 20px;line-height:0.63}h2:before{content:counter(h1-counter) "." counter(h2-counter) " "}.h2{counter-increment:h2-counter;counter-reset:h3-counter;padding-top:60px}h3{font-size:1.7em;padding:20px 0 0;width:90%;text-align:left;border-bottom:4px solid #385958;margin:0 auto 20px;line-height:0.65}h3:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) " "}.h3{counter-increment:h3-counter;counter-reset:h4-counter;padding-top:40px}h4{font-size:1.5em;padding:18px 0 0;width:90%;text-align:left;border-bottom:3px solid #385958;margin:0 auto 18px;line-height:0.67}h4:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) " "}.h4{counter-increment:h4-counter;counter-reset:h5-counter 1;padding-top:30px}h5{font-size:1.3em;padding:40px 0 0;width:90%;text-align:left;border-bottom:2px solid #385958;margin:0 auto 15px;line-height:0.68}h5:before{content:counter(h1-counter) "." counter(h2-counter) "." counter(h3-counter) "." counter(h4-counter) "." counter(h5-counter) " "}a{transition:.3s all;color:#385958;text-decoration:none}.content a{border-bottom:#111a1a 1px solid;padding:0px 2px}.content a:hover{border-bottom:transparent 1px solid}a:hover{color:#111a1a}img{display:block;max-width:100%;margin:20px 0}code{font-family:'Source Code Pro', 'Courier New', monospace}.video_container{margin:30px auto;position:relative;width:90%;height:0;padding:51.3422818792% 0 0 0}#intro{padding-top:20px}code,pre,.highlight pre,.highlight .hll{white-space:pre-wrap;border-radius:0px;border:0}iframe{padding-left:5%;padding-right:5%;box-sizing:border-box;width:100%}p+p{margin-top:20px}header{background-size:auto;background-repeat:repeat;background-image:url(../img/bg.jpg);height:150px;text-align:center;position:relative;max-width:100%}header span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#FDFDFD;text-transform:uppercase;font-weight:bold}.toggle:hover{cursor:pointer;opacity:.8}@media screen and (min-width: 1001px){.toggle{display:none}}.overview{position:fixed;top:0px;left:0px;height:100%;overflow-y:auto;transition:.3s all;background:#FDFDFD;border-right:3px solid #385958}@media screen and (max-width: 1000px){.overview{left:-320px;transition:.3s all ease;transform:translate(0, 0);z-index:100}.overview.open{transform:translate(320px, 0)}}.overview .toggle{position:absolute;top:5px;right:5px;z-index:100}.overview ul{list-style:none;counter-reset:nested-counter;padding-left:0}.overview ul li{counter-increment:nested-counter;font-size:98%}.overview #nav{width:100%;box-sizing:border-box}.overview #nav>li{border-bottom:1px solid rgba(56,89,88,0.3)}.overview #nav>li a{display:block;padding:10px 20px;line-height:1;border-bottom:1px solid rgba(56,89,88,0.2)}.overview #nav>li a:before{content:counters(nested-counter,".") " ";font-size:0}.overview #nav>li a:hover{background:rgba(56,89,88,0.1)}.overview #nav>li li a{padding:8px 30px}.overview #nav>li li li a{padding:6px 40px}.overview #nav>li li li li a{padding:4px 50px}.overview #nav .current>a:before{font-size:1em}.current>a{font-weight:700}pre,.highlight pre,.highlight .hll{background-color:#f8f8f8;padding:6px 10px;border-radius:2px;overflow-x:auto;font-size:.9em;margin:15px 0}.highlight .c,.highlight .cm,.highlight .c1{color:#998}.highlight .err,.highlight .gr,.highlight .gt{color:#a61717}.highlight .k,.highlight .o,.highlight .cp,.highlight .cs,.highlight .gs,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .gu,.highlight .ne,.highlight .nf,.highlight .ow{font-weight:bold}.highlight .cp,.highlight .cs,.highlight .gh{color:#999}.highlight .gd,.highlight .gd .x,.highlight .gi,.highlight .gi .x{color:black}.highlight .gd{background-color:#e3d2d2}.highlight .gd .x{background-color:#ffaaaa}.highlight .gi{background-color:#ddffdd}.highlight .gi .x{background-color:#aaffaa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gu{color:#800080}.highlight .kt{color:#445588;font-weight:bold}.highlight .m{color:#009999}.highlight .s{color:#385958}.highlight .n{color:#333}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#990000}.highlight .nf{color:#990000}.highlight .nn{color:#555555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbbbbb}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .sb{color:#dd1144}.highlight .sc{color:#dd1144}.highlight .sd{color:#dd1144}.highlight .s2{color:#385958}.highlight .se{color:#dd1144}.highlight .sh{color:#dd1144}.highlight .si{color:#dd1144}.highlight .sx{color:#dd1144}.highlight .sr{color:#009926}.highlight .s1{color:#dd1144}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#009999}.highlight .gc{color:#999;background-color:#EAF2F5}
