@font-face{font-family:"MyriadPro Regular";font-style:normal;font-weight:400;src:url('../../fonts/MyriadPro-Regular.eot');src:local("☺"),url('../../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),url("../../fonts/MyriadPro-Regular.woff") format("woff"),url("../../fonts/MyriadPro-Regular.otf") format("opentype")}@font-face{font-family:'MyriadPro Light';src:url('../../fonts/MyriadPro-Light.eot');src:local('☺'),url('../../fonts/MyriadPro-Light.woff') format('woff'),url('../../fonts/MyriadPro-Light.ttf') format('truetype'),url('../../fonts/MyriadPro-Light.svg') format('svg');font-weight:400;font-style:normal}@font-face{font-family:'MyriadPro-lt';src:url('../../fonts/MyriadPro-lt.eot');src:local('☺'),url('../../fonts/MyriadPro-lt.woff') format('woff'),url('../../fonts/MyriadPro-lt.ttf') format('truetype'),url('../../fonts/MyriadPro-lt.svg') format('svg');font-weight:400;font-style:normal}@font-face{font-family:"MyriadPro Semibold";font-style:normal;font-weight:400;src:url('../../fonts/MyriadPro-Semibold.eot');src:local("☺"),url('../../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),url("../../fonts/MyriadPro-Semibold.woff") format("woff"),url("../../fonts/MyriadPro-Semibold.otf") format("opentype")}@font-face{font-family:'proxima_nova_cn_rgregular';src:url('../../fonts/proximanovacond-regular-webfont.eot');src:url('../../fonts/proximanovacond-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/proximanovacond-regular-webfont.woff') format('woff'),url('../../fonts/proximanovacond-regular-webfont.ttf') format('truetype'),url('../../fonts/proximanovacond-regular-webfont.svg#proxima_nova_cn_rgregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'proxima_nova_cn_ltregular';src:url('../../fonts/proximanovacond-light-webfont.eot');src:url('../../fonts/proximanovacond-light-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/proximanovacond-light-webfont.woff') format('woff'),url('../../fonts/proximanovacond-light-webfont.ttf') format('truetype'),url('../../fonts/proximanovacond-light-webfont.svg#proxima_nova_cn_ltregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'proxima_nova_cn_ltbold';src:url('../../fonts/proximanovacond-semibold-webfont.eot');src:url('../../fonts/proximanovacond-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/proximanovacond-semibold-webfont.woff') format('woff'),url('../../fonts/proximanovacond-semibold-webfont.ttf') format('truetype'),url('../../fonts/proximanovacond-semibold-webfont.svg#proxima_nova_cn_ltbold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'proxima_nova_cn_ltbold_italic';src:url('../../fonts/proximanovacond-semiboldit-webfont.eot');src:url('../../fonts/proximanovacond-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/proximanovacond-semiboldit-webfont.woff') format('woff'),url('../../fonts/proximanovacond-semiboldit-webfont.ttf') format('truetype'),url('../../fonts/proximanovacond-semiboldit-webfont.svg#proxima_nova_cn_ltbold_italic') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'proxima_nova_rgbold';src:url('../../fonts/proximanova-bold-webfont.eot');src:url('../../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/proximanova-bold-webfont.woff') format('woff'),url('../../fonts/proximanova-bold-webfont.ttf') format('truetype'),url('../../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'proxima_nova_rgregular';src:url('../../fonts/proximanova-regular-webfont.eot');src:url('../../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/proximanova-regular-webfont.woff') format('woff'),url('../../fonts/proximanova-regular-webfont.ttf') format('truetype'),url('../../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');font-weight:normal;font-style:normal}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:13px;line-height:1.231}body,button,input,select,textarea{font-family:sans-serif;color:#222}::-moz-selection{background:#026ca8;color:#fff}::selection{background:#026ca8;color:#fff}a{color:#026ca8;text-decoration:none !important}a:hover{color:#000}a:focus{outline:thin dotted}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}blockquote{margin:1em 15px !important;border-left:none !important}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;color:#333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}p{text-shadow:#efefef 1px 1px 2px}ul,ol{margin:0;padding:0}dd{margin:0}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;*margin-left:-7px;padding:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:"";display:block}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@-webkit-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-o-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}a:hover{-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s}a.readmore:link,a.readmore:visited{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.5);-o-box-shadow:0 1px 1px rgba(255,255,255,0.5);box-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #DDD;padding:5px 10px 5px 10px;-webkit-transition:background-image .2s,border-color .2s !important;-moz-transition:background-image .2s,border-color .2s !important;-o-transition:background-image .2s,border-color .2s !important;transition:background-image .2s,border-color .2s !important;color:#666 !important;text-decoration:none;font-size:13px;font-family:"proxima_nova_cn_rgregular"}a.readmore:link:hover,a.readmore:visited:hover{color:#026ca8 !important;background-image:linear-gradient(bottom,#ededed 0,#f9f9f9 50%);background-image:-o-linear-gradient(bottom,#ededed 0,#f9f9f9 50%);background-image:-moz-linear-gradient(bottom,#ededed 0,#f9f9f9 50%);background-image:-webkit-linear-gradient(bottom,#ededed 0,#f9f9f9 50%);background-image:-ms-linear-gradient(bottom,#ededed 0,#f9f9f9 50%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ededed),color-stop(0.5,#f9f9f9));border-color:#afafaf;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}a.readmore:link:active,a.readmore:visited:active{background-image:linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-o-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-moz-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-webkit-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-ms-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#e6e6e6),color-stop(0,#f2f0f0));border-color:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-o-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2)}a.github-link:link,a.github-link:visited,a.download-link:link,a.download-link:visited,a.demo-link:link,a.demo-link:visited,a.website-link:link,a.website-link:visited{color:#555 !important;font-size:11px;text-shadow:0 1px 0 white;text-shadow:0 0 0 transparent,0 1px 0 white;padding:3px 15px 3px 6px;margin:10px 0 5px 0;border:1px solid #CCC !important;border-bottom-color:#CCC !important;background-image:-moz-linear-gradient(top,#f3f3f3 0,#f0f0f0 100%);background-image:-ms-linear-gradient(top,#f3f3f3 0,#f0f0f0 100%);background-image:-o-linear-gradient(top,#f3f3f3 0,#f0f0f0 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#f0f0f0));background-image:-webkit-linear-gradient(top,#f3f3f3 0,#fe0f0f0 100%);background-image:linear-gradient(to bottom,#f3f3f3 0,#f0f0f0 100%);-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 0 1px #fff;-moz-box-shadow:inset 0 0 1px #fff;-o-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff;-webkit-transition:all .218s !important;-moz-transition:all .218s !important;-o-transition:all .218s !important;transition:all .218s !important;display:none}a.github-link:link.visible,a.github-link:visited.visible,a.download-link:link.visible,a.download-link:visited.visible,a.demo-link:link.visible,a.demo-link:visited.visible,a.website-link:link.visible,a.website-link:visited.visible{display:inline-block}a.github-link:link:hover,a.github-link:visited:hover,a.download-link:link:hover,a.download-link:visited:hover,a.demo-link:link:hover,a.demo-link:visited:hover,a.website-link:link:hover,a.website-link:visited:hover{color:#026ca8 !important;background-image:-moz-linear-gradient(top,#f3f3f3 0,#e0e0e0 100%);background-image:-ms-linear-gradient(top,#f3f3f3 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#f3f3f3 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f3f3f3),color-stop(100%,#e0e0e0));background-image:-webkit-linear-gradient(top,#f3f3f3 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#f3f3f3 0,#e0e0e0 100%);text-decoration:none;border:1px solid rgba(0,97,127,0.4) !important;-webkit-box-shadow:0 0 4px rgba(0,97,127,0.3),inset 0 0 3px #fff;-moz-box-shadow:0 0 4px rgba(0,97,127,0.3),inset 0 0 3px #fff;-o-box-shadow:0 0 4px rgba(0,97,127,0.3),inset 0 0 3px #fff;box-shadow:0 0 4px rgba(0,97,127,0.3),inset 0 0 3px #fff}a.github-link:link:active,a.github-link:visited:active,a.download-link:link:active,a.download-link:visited:active,a.demo-link:link:active,a.demo-link:visited:active,a.website-link:link:active,a.website-link:visited:active{background-image:linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-o-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-moz-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-webkit-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-ms-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#e6e6e6),color-stop(0,#f2f0f0));border-color:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-o-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2)}a.github-link:link span,a.github-link:visited span,a.download-link:link span,a.download-link:visited span,a.demo-link:link span,a.demo-link:visited span,a.website-link:link span,a.website-link:visited span{padding-left:25px;font-family:'proxima_nova_rgregular';font-size:13px;font-style:normal;display:inline-block;background-image:url('/assets/images/icon-github.png');background-repeat:no-repeat;background-position:left 1px;line-height:25px}a.download-link:link span,a.download-link:visited span{background-image:url('/assets/images/arrow_down.gif');background-position:left 3px;padding-left:20px;line-height:25px}a.demo-link:link span,a.demo-link:visited span{background-image:url('/assets/images/application.gif');background-position:left 2px;padding-left:23px;line-height:25px}a.website-link:link span,a.website-link:visited span{background-image:none;padding-left:10px}a .permalink{position:relative;float:right;margin-right:5px;margin-top:-10px;opacity:.3;-webkit-transition:opacity 218ms;-moz-transition:opacity 218ms;-o-transition:opacity 218ms;transition:opacity 218ms}a .permalink:hover{opacity:.8}@-webkit-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-o-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}html{height:100%}html,body{background-color:#fcfcfc;/*background-image:url("../images/brillant-pattern.png");*/-webkit-font-smoothing:antialiased;min-height:100%;padding:0;margin:0;overflow-x:hidden}body{min-height:100%;display:-webkit-box;display:-o-box;display:box;-webkit-box-orient:vertical;-mox-box-orient:vertical;-o-box-orient:vertical;box-orient:vertical}#background{position:fixed;top:0;left:0;z-index:0}#wrapper{overflow-x:visible;min-width:505px;box-sizing:border-box;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1}#wrapper #sections-wrapper{position:relative;z-index:1;width:100%;padding:20px 20px 20px 140px;-webkit-transition:left .3s ease-in-out;-moz-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out;transition:left .3s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#wrapper #sections-wrapper .preloader{display:none;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;width:330px;height:7px;line-height:7px;border:1px solid rgba(0,0,0,0.3);-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 1px 1px rgba(255,255,255,1),inset 0 0 3px rgba(0,0,0,0.2);-moz-box-shadow:0 0 1px 1px rgba(255,255,255,1),inset 0 0 3px rgba(0,0,0,0.2);-o-box-shadow:0 0 1px 1px rgba(255,255,255,1),inset 0 0 3px rgba(0,0,0,0.2);box-shadow:0 0 1px 1px rgba(255,255,255,1),inset 0 0 3px rgba(0,0,0,0.2);content:" ";background-color:rgba(0,0,0,0.1);background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0.25,rgba(255,255,255,0.2)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.2)),color-stop(0.75,rgba(255,255,255,0.2)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent);-webkit-animation:preloader-move 2s linear infinite;-moz-animation:preloader-move 2s linear infinite;-o-animation:preloader-move 2s linear infinite;animation:preloader-move 2s linear infinite;-webkit-background-size:50px 50px;-moz-background-size:50px 50px;-o-background-size:50px 50px;background-size:50px 50px}#wrapper #sections-wrapper .preloader.active{display:block}#wrapper #sections-wrapper .seo{display:none}#wrapper #sections-wrapper section{opacity:0;display:none;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}#wrapper #sections-wrapper section .centered{width:100%}#wrapper #sections-wrapper section.active{display:block}kbd{padding:0 4px;margin:0 2px;background:rgba(175,175,175,0.02);-webkit-box-shadow:1px 1px 2px 1px #d0d6cb;-moz-box-shadow:1px 1px 2px 1px #d0d6cb;-o-box-shadow:1px 1px 2px 1px #d0d6cb;-box-shadow:1px 1px 2px 1px #d0d6cb}@-webkit-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-o-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}section.experiments .centered,section.tutorials .centered,section.tag .centered,section.blog .centered{position:relative}section.experiments .centered article,section.tutorials .centered article,section.tag .centered article,section.blog .centered article{position:absolute;float:left;list-style:none;color:#666;display:block;width:300px;padding:20px;margin:5px 5px 25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,1);border-color:#ddd;border-radius:4px 4px 4px 4px;border-style:solid;border-width:1px}section.experiments .centered article.featured,section.tutorials .centered article.featured,section.blog .centered article.featured{width:430px}section.experiments .centered article a.title:link,section.tutorials .centered article a.title:link,section.tag .centered article a.title:link,section.blog .centered article a.title:link,section.experiments .centered article a.title:visited,section.tag .centered article a.title:visited,section.blog .centered article a.title:visited{margin-top:5px;display:inline-block;color:#666;text-decoration:none;font-size:11px;text-shadow:0 1px #fff;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s}section.experiments .centered article a.title:link:hover,section.tutorials .centered article a.title:link:hover,section.tag .centered article a.title:link:hover,section.blog .centered article a.title:link:hover,section.experiments .centered article a.title:visited:hover,section.tag .centered article a.title:visited:hover,section.blog .centered article a.title:visited:hover{color:#026ca8}section.experiments .centered article .photo,section.tutorials .centered article .photo,section.tag .centered article .photo,section.blog .centered article .photo{line-height:0;margin-bottom:10px;position:relative}section.experiments .centered article .photo .github-ribbon,section.tutorials .centered article .photo .github-ribbon,section.tag .centered article .photo .github-ribbon,section.blog .centered article .photo .github-ribbon{display:none;position:absolute;top:-6px;right:-12px;z-index:10}section.experiments .centered article .photo .github-ribbon img,section.tutorials .centered article .photo .github-ribbon img,section.tag .centered article .photo .github-ribbon img,section.blog .centered article .photo .github-ribbon img{border:0;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 rgba(0,0,0,0);-o-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}section.experiments .centered article .photo .fwasotd-ribbon,section.tutorials .centered article .photo .fwasotd-ribbon,section.tag .centered article .photo .fwasotd-ribbon,section.blog .centered article .photo .fwasotd-ribbon{display:none;position:absolute;top:0;right:-6px;z-index:10}section.experiments .centered article .photo .fwasotd-ribbon img,section.tutorials .centered article .photo .fwasotd-ribbon img,section.tag .centered article .photo .fwasotd-ribbon img,section.blog .centered article .photo .fwasotd-ribbon img{border:0;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 rgba(0,0,0,0);-o-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}section.experiments .centered article .photo .thumbnail-image,section.tutorials .centered article .photo .thumbnail-image,section.tag .centered article .photo .thumbnail-image,section.blog .centered article .photo .thumbnail-image{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;border:4px solid #fff;-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);-o-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);-webkit-transition:border-color .3s;-moz-transition:border-color .3s;-o-transition:border-color .3s;transition:border-color .3s;-webkit-transition:-webkit-filter .1s ease-in-out}section.experiments .centered article .photo .featured-image,section.tutorials .centered article .photo .featured-image,section.tag .centered article .photo .featured-image,section.blog .centered article .photo .featured-image{position:absolute;top:-10px;right:-10px;float:right}.gray{-webkit-filter:grayscale(0.4)}section.experiments .centered article .photo .hover-image,section.tutorials .centered article .photo .hover-image,section.blog .centered article .photo .hover-image{display:block;position:absolute;left:3px;top:3px;width:100%;height:100%}section.experiments .centered article .photo .hover-image .hover-icon,section.tutorials .centered article .photo .hover-image .hover-icon,section.blog .centered article .photo .hover-image .hover-icon{position:absolute;width:100%;height:100%}section.experiments .centered article .photo .hover-image .hidden,section.tutorials .centered article .photo .hover-image .hidden,section.blog .centered article .photo .hover-image .hidden{display:none}section.experiments .centered article .photo .span-container,.tutorials-item .photo .span-container,section.tutorials .centered article .photo .span-container,.tutorials-item .photo .span-container,section.blog .centered article .photo .span-container,.tutorials-item .photo .span-container{display:none;position:absolute;left:4px;background:#fff;width:98%;height:25px;overflow:hidden;bottom:4px}section.experiments .centered article .photo .image-title,.tutorials-item .photo .image-title,section.tutorials .centered article .photo .image-title,.tutorials-item .photo .image-title,section.blog .centered article .photo .image-title,.tutorials-item .photo .image-title{position:relative;width:100%;height:100%;opacity:.8}.photo a{text-decoration:none}.thumbnail-title{color:#0384bb;font-family:"proxima_nova_cn_ltbold",Arial,Helvetica,sans-serif;margin-left:10px;position:relative;font-size:11pt;top:13px}section.experiments .centered article .photo img:hover,section.tutorials .centered article .photo img:hover,section.tag .centered article .photo img:hover,section.blog .centered article .photo img:hover{border-color:#fff}section.experiments .centered article .description h1,section.tutorials .centered article .description h1,section.tag .centered article .description h1,section.blog .centered article .description h1{padding:0 0 5px 0;margin:0;text-shadow:0 1px #fff;font-family:'MyriadPro Light';font-size:20px;font-weight:bold;line-height:24px;color:#333;}section.experiments .centered article .description p,section.tutorials .centered article .description p,section.tag .centered article .description p,section.blog .centered article .description p,section.experiments .centered article .description aside,section.tutorials .centered article .description aside,section.tag .centered article .description aside,section.blog .centered article .description aside,section.experiments .centered article .description time,section.tutorials .centered article .description time,section.tag .centered article .description time,section.blog .centered article .description time{font-family:"Roboto Condensed";font-size:10.5pt;font-weight:lighter;line-height:18px;display:block}section.experiments .centered article .description p,section.tutorials .centered article .description p,section.tag .centered article .description p,section.blog .centered article .description p{margin:0 0 15px 0;color:#555}section.experiments .centered article .description aside,section.tutorials .centered article .description aside,section.tag .centered article .description aside,section.blog .centered article .description aside,section.experiments .centered article .description time,section.tutorials .centered article .description time,section.tag .centered article .description time,section.blog .centered article .description time{font-family:"proxima_nova_cn_ltregular";color:#026ca8;font-style:normal;font-size:10pt}section.experiments .centered article .description aside,section.tutorials .centered article .description aside,section.tag .centered article .description aside,section.blog .centered article .description aside{padding-bottom:10px}section.experiments .centered article .description time,section.tutorials .centered article .description time,section.tag .centered article .description time,section.blog .centered article .description time{font-size:12px;color:#666;display:block;font-style:normal}section.experiments .centered.animated article,section.tutorials .centered.animated article,section.tag .centered.animated article,section.blog .centered.animated article{-webkit-transition:left 0 ease-in-out,top 0 ease-in-out;-moz-transition:left 0 ease-in-out,top 0 ease-in-out;-o-transition:left 0 ease-in-out,top 0 ease-in-out;transition:left 0 ease-in-out,top 0 ease-in-out}.centered article:before,.centered article:after{content:'';z-index:-1;position:absolute;left:10px;bottom:18px;width:80%;max-width:300px;max-height:100px;height:20%;-moz-box-shadow:0 15px 10px rgba(0,0,0,0.5);-webkit-box-shadow:0 15px 10px rgba(0,0,0,0.5);box-shadow:0 15px 10px rgba(0,0,0,0.5);-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);transform:rotate(-3deg)}.centered article:after{left:auto;right:10px;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);transform:rotate(3deg)}@-webkit-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-o-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}section.about{font-family:Georgia;padding-top:10px;color:#999;margin-left:20px}section.about .left{float:left;width:200px}section.about .columns{float:left;width:640px}section.about .column{float:left;width:280px;margin-right:20px}section.about p{padding:0;margin:6px 0 6px 0}@-webkit-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-o-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}section.post-details{padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;max-width:1200px;position:relative}section.post-details #about-me{position:absolute;display:block;left:0;top:40px}section.post-details #about-me.invisible{display:none}section.post-details .back{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 1px rgba(255,255,255,0.5);-o-box-shadow:0 1px 1px rgba(255,255,255,0.5);box-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #DDD !important;padding:5px 11px 5px 10px;-webkit-transition:background-image .2s,border-color .2s !important;-moz-transition:background-image .2s,border-color .2s !important;-o-transition:background-image .2s,border-color .2s !important;transition:background-image .2s,border-color .2s !important;background-color:#fff;color:#333 !important;text-decoration:none;font-size:11px;display:inline-block;position:fixed;top:300px;left:48px}section.post-details .back:hover{color:#026ca8 !important;background-image:linear-gradient(bottom,#dcdcdc 0,#f2f0f0 50%);background-image:-o-linear-gradient(bottom,#dcdcdc 0,#f2f0f0 50%);background-image:-moz-linear-gradient(bottom,#dcdcdc 0,#f2f0f0 50%);background-image:-webkit-linear-gradient(bottom,#dcdcdc 0,#f2f0f0 50%);background-image:-ms-linear-gradient(bottom,#dcdcdc 0,#f2f0f0 50%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#dcdcdc),color-stop(0.5,#f2f0f0));border-color:#999 !important;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.1);-o-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1)}section.post-details .back:active{background-image:linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-o-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-moz-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-webkit-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-ms-linear-gradient(bottom,#e6e6e6 50%,#f2f0f0 0);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.5,#e6e6e6),color-stop(0,#f2f0f0));border-color:#999;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-o-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px rgba(0,0,0,0.2)}section.post-details .back span{display:inline-block;background-image:url('/assets/images/back-arrow.png');background-repeat:no-repeat;background-position:center 4px;padding:0 5px 0 5px;width:25px;height:20px}section.post-details .alignnone{display:block;margin-bottom:20px}section.post-details .content{padding-top:10px;max-width:1200px;font-family:'Roboto';font-style:normal;font-weight:300;color:#444;font-size:15px;line-height:24px;float:left}section.post-details .content .quote-left{display:inline-block;margin-right:8px}section.post-details .content .quote-right{display:inline-block;margin-left:8px}section.post-details .content blockquote{border-left:1px solid #47a00d!important;height:100%}section.post-details .content blockquote p{padding-left:20px;font-size:16px !important;font-family:"MyriadPro Light"}section.post-details .content .sidebar{float:left;width:200px}section.post-details .content .sidebar h2{font-family:"Open sans";line-height:24px;font-size:16px;font-weight:300;padding:8px 0 8px 0;border-top:1px dotted #ccc}section.post-details .content .details{margin-left:250px}section.post-details .content .categories{padding:4px 0 6px 0;border-bottom:1px dotted #ccc;color:#026ca8;font-family:"Roboto";font-style:normal;font-weight:300;font-size:10pt;font-style:normal}section.post-details .content .tags{display:inline-block !important;padding:10px;margin-bottom:0;list-style:none;background-color:rgba(255,255,255,0.5)}section.post-details .content .tags li,section.post-details .content .tags a{margin:4px 2px !important;padding-right:5px !important;float:left;height:24px;line-height:24px;position:relative;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px}section.post-details .content .tags a{margin-left:20px;padding:0 5px 0 10px;background:rgba(177,177,177,0.1);border-width:1px;font-size:12px;font-family:"Roboto Condensed";color:#00617f;border-color:rgba(204,204,204,0.5) rgba(204,204,204,0.5) rgba(204,204,204,0.5) transparent;border-style:solid;text-decoration:none}section.post-details .content .tags a:before{content:"";float:left;position:absolute;top:-1px;width:0;height:0;left:-11px;border-color:transparent rgba(177,177,177,0.1);border-style:solid;border-width:12px 10px 14px 0}section.post-details .content .tags a:after{content:"";position:absolute;top:10px;left:2px;float:left;width:5px;height:5px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;background:rgba(255,255,255,0.65);-moz-box-shadow:-1px -1px 2px #333;-webkit-box-shadow:-1px -1px 2px #333;box-shadow:-1px -1px 2px #333}section.post-details .content .tags a:hover{-moz-box-shadow:2px 2px 3px rgba(0,97,127,0.36);-webkit-box-shadow:2px 2px 3px rgba(0,97,127,0.36);box-shadow:2px 2px 3px rgba(0,97,127,0.36);-moz-transition-property:-moz-box-shadow;-moz-transition-duration:.4s;-moz-transition-timing-function:ease-in-out;-webkit-transition-property:-webkit-box-shadow;-webkit-transition-duration:.4s;-webkit-transition-timing-function:ease-in-out;transition-property:box-shadow;transition-duration:.4s;transition-timing-function:ease-in-out}section.post-details .content .tags a:active{left:1px;top:1px;-moz-box-shadow:2px 1px 3px rgba(0,97,127,0.5);-webkit-box-shadow:2px 1px 3px rgba(0,97,127,0.5);box-shadow:2px 1px 3px rgba(0,97,127,0.5);-moz-transition:-moz-box-shadow .2s ease-in;-webkit-transition:-webkit-box-shadow .2s ease-in;transition:box-shadow .2s ease-in}section.post-details .content .tags li a:link,section.post-details .content .tags li a:visited{text-decoration:none}section.post-details .content .tags li a:link:hover,section.post-details .content .tags li a:visited:hover{border-bottom:0}section.post-details .content time{font-size:12px;color:#666;display:block;margin-bottom:0;padding:5px 0 0 0;border-top:1px dotted #ccc}section.post-details .content h1{font-family:'Oswald', sans-serif;font-size:40px;font-weight:normal;text-shadow:0 1px 1px rgba(255,255,255,0.8);/*text-transform:uppercase;letter-spacing:2pt;*/padding:0;margin:0 0 50px 0;line-height:50px;/*color:#fff;text-shadow:1px 1px 0 rgba(237,237,237,0.9),2px 2px 0 rgba(219,219,219,0.7),3px 3px 0 rgba(196,196,196,0.5),4px 4px 0 rgba(175,175,175,0.3),5px 5px 2px rgba(124,124,124,0.8),6px 6px 6px #444,5px 5px 15px #999;*/-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section.post-details .details .content h2{font-size:26px;font-family:'Open sans';font-weight:700;line-height:26px;text-shadow:0 1px 1px rgba(255,255,255,0.8);margin:25px 0;color:#333}section.post-details .content h3{font-size:22px;line-height:22px;font-family:'Open sans';font-weight:300;text-shadow:0 1px 1px rgba(255,255,255,0.8);margin:0 0 15px 0;color:#666}section.post-details .content h4{font-size:18px;line-height:18px;font-family:'Open sans';font-weight:300;font-style:italic;text-shadow:0 1px 1px rgba(255,255,255,0.8);margin:0 0 15px 0;color:#666}section.post-details .content p{margin:0 0 15px 0;font-size:16px !important;line-height:1.7}section.post-details .content .aligncenter{max-width:100%;height:auto;margin:15px auto;display:block}section.post-details .content ul,section.post-details .content ol{margin:0 0 15px 0}section.post-details .content ul li,section.post-details .content ol li{margin-left:20px}section.post-details .content .text{margin-top:10px;text-shadow:#efefef 1px 1px 2px}section.post-details .content .comments{display:block;margin-top:80px;margin-left:260px;padding:20px;background-color:#fff;box-shadow:inset 0 0 2px 2px #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:400px;overflow-x:hidden;overflow-y:auto}section.post-details .content .comments iframe{-webkit-box-shadow:0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 rgba(0,0,0,0);-o-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}section.post-details .content .comments #dsq-content .dsq-toolbar-item{background:0;background-color:#026ca8}section.post-details .content .comments .dsq-toolbar-label{color:#fff}.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after{content:"off"}.toggle-buttons input[type="checkbox"]:checked+span::after,.toggle-buttons input[type="radio"]:checked+span::after{content:"on"}.toggle-buttons{-moz-user-select:none;-webkit-user-select:none;user-select:none}.toggle-buttons{position:relative;top:40px}.toggle-buttons ul{list-style:none}.toggle-buttons label,.toggle-buttons input[type="checkbox"]+span,.toggle-buttons input[type="radio"]+span,.toggle-buttons input[type="checkbox"]+span::before,.toggle-buttons input[type="radio"]+span::before,.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after{display:inline-block}.toggle-buttons label,.toggle-buttons input[type="checkbox"]+span,.toggle-buttons input[type="radio"]+span{vertical-align:middle}.toggle-buttons input[type="checkbox"]+span,.toggle-buttons input[type="radio"]+span,.toggle-buttons input[type="checkbox"]+span::before,.toggle-buttons input[type="radio"]+span::before,.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after{-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}.toggle-buttons input[type="checkbox"]+span::before,.toggle-buttons input[type="radio"]+span::before,.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after,.toggle-buttons input[type="checkbox"]:checked+span::before,.toggle-buttons input[type="radio"]:checked+span::before,.toggle-buttons input[type="checkbox"]:checked+span::after,.toggle-buttons input[type="radio"]:checked+span::after{top:0}.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after,.toggle-buttons input[type="checkbox"]:checked+span::before,.toggle-buttons input[type="radio"]:checked+span::before{right:0}.toggle-buttons input[type="checkbox"]+span::before,.toggle-buttons input[type="radio"]+span::before,.toggle-buttons input[type="checkbox"]:checked+span::after,.toggle-buttons input[type="radio"]:checked+span::after{left:0}.toggle-buttons input[type="checkbox"],.toggle-buttons input[type="radio"],.toggle-buttons input[type="checkbox"]+span::before,.toggle-buttons input[type="radio"]+span::before,.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after{position:absolute}.toggle-buttons label{margin:4px;cursor:pointer}.toggle-buttons input[type="checkbox"],.toggle-buttons input[type="radio"]{filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0}.toggle-buttons input[type="checkbox"]+span,.toggle-buttons input[type="radio"]+span{width:80px;height:30px;font:bold 14px/30px Arial,Sans-serif;color:#8c8c8c;text-transform:uppercase;border:solid 1px #bcbbbb;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c8",endColorstr="#f3f3f3");background:-moz-linear-gradient(top,#c8c8c8,#f3f3f3);background:-webkit-linear-gradient(top,#c8c8c8,#f3f3f3);background:-o-linear-gradient(top,#c8c8c8,#f3f3f3);background:-ms-linear-gradient(top,#c8c8c8,#f3f3f3);background:linear-gradient(top,#c8c8c8,#f3f3f3);position:relative;text-indent:-9999px}.toggle-buttons input[type="checkbox"]+span::before,.toggle-buttons input[type="radio"]+span::before{content:"";width:50%;height:29px;border-top:solid 1px #fff;border-right:solid 1px #bebebe;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf",endColorstr="#f9f9f9");background:-moz-linear-gradient(top,#cfcfcf,#f9f9f9);background:-webkit-linear-gradient(top,#cfcfcf,#f9f9f9);background:-o-linear-gradient(top,#cfcfcf,#f9f9f9);background:-ms-linear-gradient(top,#cfcfcf,#f9f9f9);background:linear-gradient(top,#cfcfcf,#f9f9f9);-moz-box-shadow:1px 0 1px #bebebe;-webkit-box-shadow:1px 0 1px #bebebe;box-shadow:1px 0 1px #bebebe}.toggle-buttons input[type="checkbox"]+span::after,.toggle-buttons input[type="radio"]+span::after{text-indent:-40px;height:32px;text-align:center;box-shadow:inset 1px 1px 4px rgba(89,174,22,0.6)}.toggle-buttons input[type="checkbox"]:checked+span,.toggle-buttons input[type="radio"]:checked+span{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#459e0c",endColorstr="#76c524");background:-moz-linear-gradient(top,#459e0c,#76c524);background:-webkit-linear-gradient(top,#459e0c,#76c524);background:-o-linear-gradient(top,#459e0c,#76c524);background:-ms-linear-gradient(top,#459e0c,#76c524);background:linear-gradient(top,#459e0c,#76c524);color:#fff;text-shadow:-1px -1px #2e7703}.toggle-buttons input[type="checkbox"]:checked+span::before,.toggle-buttons input[type="radio"]:checked+span::before{left:auto}.toggle-buttons input[type="checkbox"]:checked+span::after,.toggle-buttons input[type="radio"]:checked+span::after{border-top:solid 1px #459e0c;border-bottom:solid 1px #459e0c;border-left:solid 1px #76c524;height:30px;top:-1px;left:-1px;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px}.browser-support li.ie6,.browser-support li.ie7,.browser-support li.ie8{display:none}.comments-toggle{display:block;width:180px;float:left;position:relative;margin-left:300px !important;margin-bottom:40px !important;top:46px}.header-icons span{height:38px;font-size:0;position:relative;vertical-align:middle;width:55px;display:inline-block;float:left;text-indent:-9999em}.header-icons #facebook-icon{background:url("/assets/images/social_share_icons_03.png") no-repeat scroll 0 0 transparent}.header-icons #twitter-icon{background:url("/assets/images/social_share_icons_03.png") no-repeat scroll -55px 0 transparent}.header-icons #email-icon{background:url("/assets/images/social_share_icons_03.png") no-repeat scroll -110px 0 transparent}@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,700,600&subset=latin,cyrillic,latin-ext);@import url(http://fonts.googleapis.com/css?family=Lobster);@-webkit-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-moz-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}@-o-keyframes preloader-move{0{background-position:0 0}100%{background-position:50px 50px}}footer{position:relative;z-index:3;margin-top:80px;-webkit-box-shadow:inset 2px 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:inset 2px 2px 4px rgba(0,0,0,0.2);-o-box-shadow:inset 2px 2px 4px rgba(0,0,0,0.2);box-shadow:inset 2px 2px 4px rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.8);background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAPv3r37z4gsBhIQEhJihAvCBECKwILIAmBBdAGQIAAFwRPPgxehHAAAAABJRU5ErkJggg==");display:block;opacity:0}footer.active{-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;opacity:1}footer aside{padding:20px;display:inline-block}footer aside.menu{padding-left:60px;padding-right:60px;float:left;min-width:60px}footer aside.menu nav a:link,footer aside.menu nav a:visited{text-decoration:none;color:#666;text-shadow:0 1px 1px #fff;display:block;font-size:36px;text-align:center;padding:2px 0 2px 0;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s}footer aside.menu nav span{position:relative;display:block;opacity:0;padding-left:5px;font-family:MyriadPro Light;font-size:24px;text-align:center;cursor:default}footer aside.menu nav span.hover{opacity:1;-webkit-transition:opacity .6s ease;-moz-transition:opacity .6s ease;-o-transition:opacity .6s ease;-ms-transition:opacity .6s ease;transition:opacity .6s ease}footer aside.menu nav a.odd:link:hover,footer aside.menu nav a.odd:visited:hover{color:#99df1c}footer aside.menu nav a.even:link:hover,footer aside.menu nav a.even:visited:hover{color:#026ca8}footer aside.latest-tweets{float:left;color:#ccc;width:25%;font-size:18px;font-family:'MyriadPro Light'}footer aside.latest-tweets a:link,footer aside.latest-tweets a:visited{color:#f02311;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;transition:color .2s;text-decoration:none;border-bottom:1px dotted #f02311}footer aside.latest-tweets hgroup h1{padding:0 30px 0 0;display:inline-block;margin:0;font-weight:normal;color:#666;font-size:24px;line-height:27px;background-image:url('/assets/images/twitter-footer-icon.png');background-repeat:no-repeat;background-position:right 5px;background-size:24px 20px;text-shadow:0 1px 1px #fff}footer aside.latest-tweets p{font-family:Georgia;font-size:14px;color:#666;margin:0;padding:15px 0 15px 0;text-shadow:0 1px 1px #fff;border-bottom:1px dashed #ccc;line-height:18px}footer aside.copy{font-size:11px;padding-left:240px;font-family:Georgia;text-shadow:0 1px 1px rgba(255,255,255,0.8);font-style:italic;color:#666}footer aside.copy a:link,footer aside.copy a:visited{color:#f02311;text-decoration:none;border-bottom:1px dotted rgba(0,0,0,0);-webkit-transition:border-bottom .2s;-moz-transition:border-bottom .2s;-o-transition:border-bottom .2s;transition:border-bottom .2s}footer aside.copy a:link:hover,footer aside.copy a:visited:hover{border-bottom:1px dotted #f02311}footer aside.flickr-photos,footer aside.spotify-play-now{padding-top:0;clear:both;display:block;padding-left:240px;color:#ccc;max-width:450px;font-size:15px;font-family:'Oswald'}footer aside.flickr-photos hgroup h1,footer aside.spotify-play-now hgroup h1{padding:0 40px 20px 0;display:inline-block;margin:0;font-weight:normal;color:#666;font-size:20px;line-height:27px;text-shadow:0 1px 1px #fff}footer aside.flickr-photos nav a:link,footer aside.spotify-play-now nav a:link,footer aside.flickr-photos nav a:visited,footer aside.spotify-play-now nav a:visited{text-align:center;width:50px;height:50px;overflow:hidden;display:inline-block;margin-right:10px;margin-bottom:10px;opacity:.9;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:2px solid white;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);-o-box-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:1px 1px 1px rgba(0,0,0,0.2);background-color:#000}footer aside.flickr-photos nav a:link img,footer aside.spotify-play-now nav a:link img,footer aside.flickr-photos nav a:visited img,footer aside.spotify-play-now nav a:visited img{height:50px}footer aside.flickr-photos nav a:link:hover,footer aside.spotify-play-now nav a:link:hover,footer aside.flickr-photos nav a:visited:hover,footer aside.spotify-play-now nav a:visited:hover{opacity:1}footer aside.footer-logo{float:right}.footer-integration{float:left;width:100%;position:relative;height:auto;background-image:url("../images/footer-logo.png");background-position:200px top;background-repeat:no-repeat}.flip-container{position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;background:#fff;border-radius:5px;border:1px solid rgba(0,0,0,0.05);box-shadow:2px 2px 4px rgba(0,0,0,0.2);margin:40px 0;padding:10px;width:420px;height:240px;z-index:1;float:right;right:100px}.flip-container{-webkit-perspective:500px;-moz-perspective:500px;-o-perspective:500px;-ms-perspective:500px;perspective:500px}.flipper{width:100%;height:100%;-webkit-transition:all .4s cubic-bezier(0.42,0,0.58,1.0) .1s;-webkit-transform-style:preserve-3d;-moz-transition:all .4s cubic-bezier(0.42,0,0.58,1.0) .1s;-moz-transform-style:preserve-3d;-o-transition:all .4s cubic-bezier(0.42,0,0.58,1.0) .1s;-o-transform-style:preserve-3d;-ms-transition:all .4s cubic-bezier(0.42,0,0.58,1.0) .1s;-ms-transform-style:preserve-3d;transition:all .4s cubic-bezier(0.42,0,0.58,1.0) .1s;transform-style:preserve-3d;border-color:rgba(0,0,0,0.1);border-style:solid;border-width:1px}.front{background-color:#f2f2f2;z-index:2;-webkit-backface-visibility:hidden}.flip-container.clickme .flipper{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg)}.face{position:absolute;width:100%;height:100%;backface-visibility:hidden}.face img{position:absolute;border:5px solid #fff;border-radius:50% 50% 50% 50%;box-shadow:0 2px 4px rgba(0,0,0,0.4);vertical-align:middle}.face.back{z-index:9999;display:block;box-sizing:border-box;color:black;text-align:center;background-color:#f2f2f2;-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-o-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-backface-visibility:hidden}.face #about{position:relative;display:inline-block;padding-top:10px;width:60%;color:#555;margin-left:120px;text-align:justify}.face #about p{padding:0;margin:0}.face #about p:first-child{color:#000;font-family:"Open sans";font-size:26px;font-weight:300}.face #about p:last-child{font-family:"Open Sans";font-size:10pt;font-weight:300;padding-top:5px}.flip-container .profile{margin:5px 0 0 5px}.face .info-button{position:relative;float:right;display:inline-block;top:20px}.face .info-button a{background-image:url("../images/about_button.png");background-position:0 1px;background-repeat:no-repeat;display:block;float:right;height:0;margin-right:8px;margin-top:-5px;overflow:hidden;padding-top:32px;text-decoration:none;width:32px}.face .info-button a:hover{background-position:0 -31px;padding-top:32px}.face .info-button a:active{background-position:0 -63px}.face .hover:hover{cursor:pointer;opacity:1}.face .hover{position:absolute;width:90px;height:91px;background-color:rgba(52,152,219,0.9);top:5px;left:5px;font-size:1.8em;border:5px solid #5cc0ff;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;text-align:center;color:white;opacity:0;font-family:'FontAwesome';font-weight:300;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.face .sharing-section{clear:both;margin-top:40px}.face .icon-button{background-color:white;border-radius:3.6rem;border-style:solid;border-width:1px;border-color:rgba(0,0,0,0.1);cursor:pointer;display:inline-block;font-size:2.0rem;height:3.6rem;line-height:3.6rem;margin:0 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:3.6rem}[class^="icon-"]:before,[class*=" icon-"]:before{cursor:pointer !important;text-decoration:none !important}.face .icon-button span{border-radius:0;display:block;height:0;left:50%;margin:0;position:absolute;top:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:0}.face .icon-button:hover span{width:3.6rem;height:3.6rem;border-radius:3.6rem;margin:-1.8rem}.face .linkedin span{background-color:#0181b2}.face .stackexchange span{background-color:#f67a00}.face .github span{background-color:#333}.face .codepen span{background-color:#333}.face .youtube span{background-color:#cd332d}.face .icon-button i{background:0;color:white;height:3.6rem;left:0;line-height:3.6rem;position:absolute;top:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:3.6rem;z-index:10}.face .icon-button .icon-linkedin{color:#0181b2}.face .icon-button .icon-stackexchange{color:#f67a00}.face .icon-button .icon-github{color:#333}.face .icon-button .icon-codepen{color:#333}.face .icon-button .icon-youtube{color:#cd332d}.face .icon-button:hover .icon-linkedin,.face .icon-button:hover .icon-stackexchange,.face .icon-button:hover .icon-github,.face .icon-button:hover .icon-codepen,.face .icon-button:hover .icon-youtube{color:white}.back .back-title,.back section{font-size:22px;line-height:22px;font-family:'Open sans';font-weight:300;text-shadow:0 1px 1px rgba(255,255,255,0.8);margin:8px 25px 8px;color:#666}.back section{font-family:'proxima_nova_cn_ltregular';font-weight:300;font-size:18px}.back section p{margin:0}.back code{padding:1px 4px !important}.back code,.back pre{font-size:12px !important}.face .hover .icon-twitter{font-size:2.2em;position:absolute;top:20px;left:24px;color:#fff}.cbp-qtrotator{position:relative;float:left;margin:3em auto 5em auto;max-width:800px;width:30%;min-height:100px;padding:0 !important}.cbp-qtrotator .cbp-qtcontent{position:absolute;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;top:0;z-index:0;opacity:0;width:100%}.no-js .cbp-qtrotator .cbp-qtcontent{border-bottom:0}.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,.no-js .cbp-qtrotator .cbp-qtcontent{position:relative;z-index:100;pointer-events:auto;opacity:1}.cbp-qtrotator .cbp-qtcontent:before,.cbp-qtrotator .cbp-qtcontent:after{content:" ";display:table}.cbp-qtrotator .cbp-qtcontent:after{clear:both}.cbp-qtprogress{position:absolute;background:#47a3da;height:1px;width:0;top:0;z-index:1000}.cbp-qtrotator blockquote{margin:0;padding:0}.cbp-qtrotator blockquote>div{float:left;display:inline-block;margin-right:20px;font-size:40px;color:#47a3da;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cbp-qtrotator blockquote .icon-beaker{color:#d7222e}.cbp-qtrotator blockquote .icon-edit{color:#0483bd}.cbp-qtrotator blockquote .icon-reorder{color:#01979d}\.cbp-qtrotator blockquote .icon-desktop{color:#921980}.cbp-qtrotator blockquote p{font-family:'Roboto';font-size:14pt;color:#888;font-weight:300}.cbp-qtrotator blockquote p:first-child:hover{color:#0483bd}.cbp-qtrotator blockquote p:nth-child(2){font-size:11pt;font-family:"Roboto Condensed"}.cbp-qtrotator blockquote footer{font-size:1.2em}.cbp-qtrotator blockquote footer:before{content:'? '}.cbp-qtrotator .cbp-qtcontent img{float:right;margin-left:3em}@media screen and (max-width:30.6em){.cbp-qtrotator{font-size:70%}.cbp-qtrotator img{width:80px}}