*{box-sizing:border-box;-moz-box-sizing:border-box}body{margin:0;padding:0;font:400 14px/1 'Roboto', Arial, sans-serif;color:#666;background:#fcfcfc;box-shadow:inset 0 15px 0 #3498db}h1,h2,h3,h4,h5,h6{line-height:normal;margin:0}dl,dt,dd,ul{margin:0;padding:0;list-style:none}ol{margin:0;padding:0 0 0 20px}form,input,textarea,select{font:400 16px/16px 'Roboto', Arial, sans-serif;margin:0;padding:0;resize:none}img{max-width:100%;width:100%;margin:0 auto;height:auto;display:block;border:0}a{text-decoration:none;color:#666}p{margin:0}input:focus,textarea:focus,select:focus{outline:none}header,nav,section,main,article,aside,figure,footer,iframe,object,svg{display:block;margin:0}.clear:before,.clear:after{content:"";display:table}.clear:after{clear:both}.clear{zoom:1}::-ms-clear{display:none}#particles-js canvas{background-color:#fcfcfc;z-index:-1;position:fixed;top:0;left:0}.wrapper{max-width:1100px;margin:0 auto;padding:60px 20px}.user-profile{position:absolute;top:60px;width:100%;max-width:300px;text-align:center;transition:right 0.3s ease-in-out;-moz-transition:right 0.3s ease-in-out;-webkit-transition:right 0.3s ease-in-out;-o-transition:right 0.3s ease-in-out;background-color:#fff;padding:25px;box-shadow:0 2px 3px rgba(0,0,0,0.05);border:1px solid #eee}.user-profile.fixed{position:fixed}.user-profile .compact-header .avatar{max-width:140px;max-height:140px;border-radius:50%;margin:0 auto 25px}.user-profile .compact-header .my-info .my-name{display:block;font-size:24px;font-weight:700;line-height:30px;color:#333}.user-profile .compact-header .my-info .my-job-title{font-size:14px;font-weight:300;margin:5px 0 0}.user-profile .mainmenu{margin:40px 0;text-align:center}.user-profile .mainmenu a{display:block;max-width:300px;margin:0 auto;padding:15px 0;border:1px solid #eee;border-top:none;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.05),inset 4px 0 0 #eee;transition:all,0.1s,linear;-moz-transition:all,0.1s,linear;-webkit-transition:all,0.1s,linear;-o-transition:all,0.1s,linear}.user-profile .mainmenu a:hover,.user-profile .mainmenu a.active{background:#fcfcfc;box-shadow:0 2px 3px rgba(0,0,0,0.05),inset 4px 0 0 #3498db}.user-profile .mainmenu a:first-of-type{border-top:1px solid #eee}.user-profile .about-me{font-size:16px;line-height:26px;margin:30px 0 0}.user-profile .socials{font-size:0;margin:25px 0 0}.user-profile .socials li{display:inline-block;margin:5px}.user-profile .socials li a{position:relative;display:block;width:40px;height:40px;line-height:40px;background:#dfdfdf;border-radius:50%;transition:all,0.07s,linear;-moz-transition:all,0.07s,linear;-webkit-transition:all,0.07s,linear;-o-transition:all,0.07s,linear}.user-profile .socials li a:hover{background:#3498db}.user-profile .socials li a svg{display:inline-block;vertical-align:middle}.user-profile .socials li a svg *{fill:#fff}.user-profile .burger{display:none !important}.user-profile .burger .hidden{display:none}.user-profile .burger label{display:block;padding:8px 0;cursor:pointer;margin:0}.user-profile .burger label>span{position:relative;display:block;width:24px;height:2px;background:#111;text-indent:-9999px;transition:background 0.01s 0.3s ease;-moz-transition:background 0.01s 0.3s ease;-webkit-transition:background 0.01s 0.3s ease;-o-transition:background 0.01s 0.3s ease}.user-profile .burger label>span:before,.user-profile .burger label>span:after{position:absolute;left:0;width:24px;height:2px;background:#111;content:"";transition:top 0.3s 0.35s ease,transform 0.3s 0.05s ease;-moz-transition:top 0.3s 0.35s ease,transform 0.3s 0.05s ease;-webkit-transition:top 0.3s 0.35s ease,transform 0.3s 0.05s ease;-o-transition:top 0.3s 0.35s ease,transform 0.3s 0.05s ease}.user-profile .burger label>span:before{top:-8px}.user-profile .burger label>span:after{top:8px}.user-profile .burger .trigger:checked ~ label>span{background:transparent}.user-profile .burger .trigger:checked ~ label>span:after,.user-profile .burger .trigger:checked ~ label>span:before{transition:top 0.3s 0.05s ease,transform 0.3s 0.35s ease;-moz-transition:top 0.3s 0.05s ease,transform 0.3s 0.35s ease;-webkit-transition:top 0.3s 0.05s ease,transform 0.3s 0.35s ease;-o-transition:top 0.3s 0.05s ease,transform 0.3s 0.35s ease;top:0}.user-profile .burger .trigger:checked ~ label>span:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.user-profile .burger .trigger:checked ~ label>span:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.the-content{margin-left:350px}.the-content>h1{text-transform:uppercase;color:#aaa;letter-spacing:0.1em;font-size:12px;font-weight:400;margin:0 0 20px;text-align:center}.the-content .search{position:relative;margin:0 0 20px;border:1px solid #eee;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.05),inset 6px 0 0 #eee}.the-content .search ::-webkit-input-placeholder{color:#ddd;font-size:16px;font-style:italic}.the-content .search :-moz-placeholder{color:#ddd;opacity:1;font-size:16px;font-style:italic}.the-content .search ::-moz-placeholder{color:#ddd;opacity:1;font-size:16px;font-style:italic}.the-content .search :-ms-input-placeholder{color:#ddd;font-size:16px;font-style:italic}.the-content .search>div{overflow:hidden}.the-content .search>div .show-results-count{float:left;margin-left:-46%;padding:0 20px;min-height:55px;line-height:55px;color:#ddd;background:#fff;letter-spacing:0.05em;font-size:11px;text-transform:uppercase;box-shadow:6px 0 0 0 #eee;transition:all,0.2s,linear;-moz-transition:all,0.2s,linear;-webkit-transition:all,0.2s,linear;-o-transition:all,0.2s,linear}.the-content .search>div .show-results-count.active{margin-left:0}.the-content .search>div .search-holder{float:left;width:60%;margin:0 0 0 34px;background:url(../svg/search-icon.svg) no-repeat left center;-webkit-background-size:15px 16px;-moz-background-size:15px 16px;-o-background-size:15px 16px;background-size:15px 16px;padding:0 0 0 25px}.the-content .search>div .search-holder input{float:left;width:100%;min-height:55px;line-height:22px;background:none;border:none}.the-content .search .results-container{position:absolute;left:-1px;width:calc(100% + 2px);padding:1px;box-shadow:inset 0 0 0 1px #eee,0 7px 10px rgba(0,0,0,0.05);z-index:1000}.the-content .search .results-container li{font-size:15px}.the-content .search .results-container li a{position:relative;display:block;padding:15px 15px 15px 35px;background:#fcfcfc;box-shadow:0 -1px 0 #eee}.the-content .search .results-container li a:before{position:absolute;top:50%;left:15px;background:#666;content:"";width:5px;height:5px;border-radius:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.the-content .search .results-container li a:hover{background:#fff}.the-content .post{position:relative;margin:40px 0 0;padding:40px 40px 80px;border:1px solid #eee;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.05)}.the-content .post.page{padding:40px}.the-content .post:first-of-type{margin:0}.the-content .post .post-header ul{margin:0 0 4px}.the-content .post .post-header ul li{position:relative;float:left;margin:0 0 0 10px;padding:0 0 0 12px;text-transform:uppercase;font-size:12px;letter-spacing:0.06em;color:#aaa}.the-content .post .post-header ul li:first-of-type{margin:0;padding:0}.the-content .post .post-header ul li:first-of-type:before{content:none}.the-content .post .post-header ul li:before{position:absolute;top:50%;left:0;width:3px;height:3px;border-radius:50%;background:#ddd;content:"";-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.the-content .post .post-header ul li.cats a{color:#aaa}.the-content .post .post-header ul li.cats a:last-of-type:after{content:none}.the-content .post .post-header ul li.cats a:after{content:","}.the-content .post .post-header ul li.cats a:hover{color:#3498db;border-bottom:1px solid #3498db}.the-content .post .post-header h1,.the-content .post .post-header h2{font-size:30px;font-weight:900;margin:0 0 20px;color:#333}.the-content .post .post-header h1 a,.the-content .post .post-header h2 a{color:#333}.the-content .post .post-header h1 a:hover,.the-content .post .post-header h2 a:hover{color:#3498db}.the-content .post .post-content{font-size:16px;line-height:26px}.the-content .post .post-content abbr{border-bottom:1px dotted #666;cursor:help}.the-content .post .post-content code,.the-content .post .post-content kbd,.the-content .post .post-content pre{margin:0;font-family:monospace;word-wrap:break-word;word-break:break-word;white-space:pre-wrap}.the-content .post .post-content address,.the-content .post .post-content cite,.the-content .post .post-content var{font-style:italic}.the-content .post .post-content blockquote{margin:40px 0;padding-left:30px;font-style:italic;border-left:3px solid #aaa}.the-content .post .post-content em,.the-content .post .post-content strong{color:#333}.the-content .post .post-content h1,.the-content .post .post-content h2,.the-content .post .post-content h3,.the-content .post .post-content h4,.the-content .post .post-content h5,.the-content .post .post-content h6{position:relative;left:-40px;padding:0 0 0 40px;margin:30px 0;color:#333}.the-content .post .post-content h1{font-size:30px}.the-content .post .post-content h2{font-size:26px}.the-content .post .post-content h3{font-size:22px}.the-content .post .post-content h4{font-size:20px}.the-content .post .post-content h5{font-size:18px}.the-content .post .post-content h6{font-size:16px}.the-content .post .post-content .heading-marker{position:absolute;left:15px;top:50%;border:none;font-weight:400;color:#dadada;font-size:24px;transition:color,0.1s,linear;-moz-transition:color,0.1s,linear;-webkit-transition:color,0.1s,linear;-o-transition:color,0.1s,linear;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%)}.the-content .post .post-content .heading-marker:hover{color:#aaa}.the-content .post .post-content a{color:#3498db;border-bottom:1px solid #3498db}.the-content .post .post-content a:hover{border:none}.the-content .post .post-content ul,.the-content .post .post-content ol{margin:15px 0}.the-content .post .post-content ul li,.the-content .post .post-content ol li{margin:5px 0}.the-content .post .post-content ul li>code,.the-content .post .post-content ol li>code{font-size:14px;padding:3px 6px;background:#fcfcfc;border:1px solid #eee}.the-content .post .post-content dl{margin:40px 0}.the-content .post .post-content dl dt{margin:10px 0 0;font-size:18px;font-weight:700}.the-content .post .post-content dl dd{margin:5px 0}.the-content .post .post-content dl dd>code{font-size:14px;padding:3px 6px;background:#fcfcfc;border:1px solid #eee}.the-content .post .post-content ul{list-style-type:disc;list-style-position:inside}.the-content .post .post-content p{margin:15px 0;line-height:27px}.the-content .post .post-content p>code{font-size:14px;padding:3px 6px;background:#fcfcfc;border:1px solid #eee}.the-content .post .post-content .alignleft{float:left;margin:20px 30px 20px 0}.the-content .post .post-content .alignright{float:right;margin:20px 0 20px 20px}.the-content .post .post-content .aligncenter{clear:both;margin:0 auto 20px}.the-content .post .post-content figcaption{color:#aaa;font-size:13px;font-style:italic;padding-top:10px}.the-content .post .post-content .highlight{background:#fff;border:1px solid #eee;padding:30px}.the-content .post .post-content .highlight .lineno{padding:0 15px 0 0}.highlighter-rouge .the-content .post .post-content .highlight{background:#eef}.the-content .post .post-content .highlight .c{color:#998;font-style:italic}.the-content .post .post-content .highlight .err{color:#a61717;background-color:#e3d2d2}.the-content .post .post-content .highlight .k{font-weight:bold}.the-content .post .post-content .highlight .o{font-weight:bold}.the-content .post .post-content .highlight .cm{color:#998;font-style:italic}.the-content .post .post-content .highlight .cp{color:#999;font-weight:bold}.the-content .post .post-content .highlight .c1{color:#998;font-style:italic}.the-content .post .post-content .highlight .cs{color:#999;font-weight:bold;font-style:italic}.the-content .post .post-content .highlight .gd{color:#000;background-color:#fdd}.the-content .post .post-content .highlight .gd .x{color:#000;background-color:#faa}.the-content .post .post-content .highlight .ge{font-style:italic}.the-content .post .post-content .highlight .gr{color:#a00}.the-content .post .post-content .highlight .gh{color:#999}.the-content .post .post-content .highlight .gi{color:#000;background-color:#dfd}.the-content .post .post-content .highlight .gi .x{color:#000;background-color:#afa}.the-content .post .post-content .highlight .go{color:#888}.the-content .post .post-content .highlight .gp{color:#555}.the-content .post .post-content .highlight .gs{font-weight:bold}.the-content .post .post-content .highlight .gu{color:#aaa}.the-content .post .post-content .highlight .gt{color:#a00}.the-content .post .post-content .highlight .kc{font-weight:bold}.the-content .post .post-content .highlight .kd{font-weight:bold}.the-content .post .post-content .highlight .kp{font-weight:bold}.the-content .post .post-content .highlight .kr{font-weight:bold}.the-content .post .post-content .highlight .kt{color:#458;font-weight:bold}.the-content .post .post-content .highlight .m{color:#099}.the-content .post .post-content .highlight .s{color:#d14}.the-content .post .post-content .highlight .na{color:teal}.the-content .post .post-content .highlight .nb{color:#0086B3}.the-content .post .post-content .highlight .nc{color:#458;font-weight:bold}.the-content .post .post-content .highlight .no{color:teal}.the-content .post .post-content .highlight .ni{color:purple}.the-content .post .post-content .highlight .ne{color:#900;font-weight:bold}.the-content .post .post-content .highlight .nf{color:#900;font-weight:bold}.the-content .post .post-content .highlight .nn{color:#555}.the-content .post .post-content .highlight .nt{color:navy}.the-content .post .post-content .highlight .nv{color:teal}.the-content .post .post-content .highlight .ow{font-weight:bold}.the-content .post .post-content .highlight .w{color:#bbb}.the-content .post .post-content .highlight .mf{color:#099}.the-content .post .post-content .highlight .mh{color:#099}.the-content .post .post-content .highlight .mi{color:#099}.the-content .post .post-content .highlight .mo{color:#099}.the-content .post .post-content .highlight .sb{color:#d14}.the-content .post .post-content .highlight .sc{color:#d14}.the-content .post .post-content .highlight .sd{color:#d14}.the-content .post .post-content .highlight .s2{color:#d14}.the-content .post .post-content .highlight .se{color:#d14}.the-content .post .post-content .highlight .sh{color:#d14}.the-content .post .post-content .highlight .si{color:#d14}.the-content .post .post-content .highlight .sx{color:#d14}.the-content .post .post-content .highlight .sr{color:#009926}.the-content .post .post-content .highlight .s1{color:#d14}.the-content .post .post-content .highlight .ss{color:#990073}.the-content .post .post-content .highlight .bp{color:#999}.the-content .post .post-content .highlight .vc{color:teal}.the-content .post .post-content .highlight .vg{color:teal}.the-content .post .post-content .highlight .vi{color:teal}.the-content .post .post-content .highlight .il{color:#099}.the-content .post .post-footer{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #eee;background:#fbfbfb}.the-content .post .post-footer div{float:left;min-height:48px;border-right:1px solid #eee;font-size:11px;line-height:48px;text-transform:uppercase;color:#aaa}.the-content .post .post-footer div.share{position:relative;z-index:10;padding:0 20px 0 40px;background:#fbfbfb url(../svg/share-icon.svg) no-repeat 20px center;-webkit-background-size:10px 10px;-moz-background-size:10px 10px;-o-background-size:10px 10px;background-size:10px 10px;cursor:pointer}.the-content .post .post-footer div.share:hover{background-color:#fff}.the-content .post .post-footer div.share.active{background-color:#fff}.the-content .post .post-footer div.share.active .social-networks{display:block}.the-content .post .post-footer div.share .social-networks{display:none;position:absolute;top:-48px;left:50%;width:100px;box-shadow:0 0 0 1px #eee,0 3px 4px rgba(0,0,0,0.05);-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);transform:translate(-50%, 0)}.the-content .post .post-footer div.share .social-networks li{position:relative;float:left;width:50%;min-height:50px;background:#fff;text-align:center;box-shadow:inset 1px 0 0 #eee}.the-content .post .post-footer div.share .social-networks li:first-of-type{box-shadow:none}.the-content .post .post-footer div.share .social-networks li.share-facebook:hover{background:#3b5998}.the-content .post .post-footer div.share .social-networks li.share-twitter:hover{background:#55acee}.the-content .post .post-footer div.share .social-networks li:hover a svg{fill:#fff}.the-content .post .post-footer div.share .social-networks li a{position:absolute;width:100%;height:100%;left:0;top:0}.the-content .post .post-footer div.share .social-networks li a svg{display:inline-block;vertical-align:middle}.the-content .post .post-footer div.tags{position:absolute;right:0;width:100%;float:right;padding:0 20px;border:none;text-transform:lowercase;text-align:right}.the-content .post .post-footer div.tags ul li{display:inline}.the-content .post .post-footer div.tags ul li:last-child:after{content:none}.the-content .post .post-footer div.tags ul li:after{content:","}.the-content .post .post-footer div.tags ul li a{color:#aaa}.the-content .post .post-footer div.tags ul li a:hover{border-bottom:1px solid #aaa}.the-content .comments{position:relative;margin:40px 0 0;padding:40px;border:1px solid #eee;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.05)}.the-content .pagination{position:relative;margin:40px 0 0}.the-content .pagination .previous{float:left}.the-content .pagination .next{float:right}.the-content .pagination .previous,.the-content .pagination .next{padding:14px 20px;border:1px solid #eee;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.05);text-transform:uppercase;font-size:14px;font-weight:900;color:#666}.the-content .pagination .previous:hover,.the-content .pagination .next:hover{background:#3498db;color:#fff}.the-content .pagination .page_number{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12px;color:#aaa}.not-found{text-align:center}.not-found.post{padding:40px;font-size:16px}@media screen and (max-width: 768px), screen and (max-device-width: 768px){body{box-shadow:none}.wrapper{padding:120px 20px 50px;transition:padding 0.3s ease-in-out;-moz-transition:padding 0.3s ease-in-out;-webkit-transition:padding 0.3s ease-in-out;-o-transition:padding 0.3s ease-in-out}.wrapper.active{padding:30px 20px}.user-profile{position:fixed;top:0;right:-100%;margin:0;width:300px;height:100%;padding:30px;z-index:9999;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.15)}.user-profile.active{right:0}.user-profile.active .compact-header{display:block;position:static;top:-100px;width:100%;padding:0;box-shadow:none}.user-profile.active .compact-header .avatar{width:50px;height:50px;margin:0 auto 20px}.user-profile.active .compact-header .my-info{text-align:center}.user-profile.active .compact-header .about-me{display:none}.user-profile .compact-header{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:fixed;top:5px;left:0;width:100%;padding:20px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1),0 -5px 0 #3498db;z-index:9998}.user-profile .compact-header .avatar{width:50px;height:50px;margin:0 20px 0 0;display:inline-block}.user-profile .compact-header .my-info{text-align:left}.user-profile .compact-header .my-info .my-name{font-size:20px;line-height:26px}.user-profile .compact-header .my-info .my-job-title{font-size:14px}.user-profile .compact-header .about-me{display:none}.user-profile .burger{display:block !important;position:fixed;top:40px;right:20px;z-index:9999}.the-content{width:100%;margin:0}.backtotop{width:30px !important;height:30px !important;bottom:10px !important;right:10px !important;background-size:50% !important}}@media screen and (max-width: 640px), screen and (max-device-width: 640px){.the-content .post{padding:20px 20px 120px}.the-content .post .post-content .heading-marker{position:static;left:auto;top:auto;font-size:inherit;margin:0 0 0 10px;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.the-content .post .post-content .alignleft,.the-content .post .post-content .alignright{float:none;margin:20px 0}.the-content .post .post-content .alignleft img,.the-content .post .post-content .alignright img{width:100%}}@media screen and (max-width: 480px), screen and (max-device-width: 480px){.the-content .search>div .search-holder{width:45%}.the-content .post .post-footer div.tags{position:static;text-align:left;border-top:1px solid #eee}}