button, hr, input { overflow: visible; }

audio, canvas, progress, video { display: inline-block; }

progress, sub, sup { vertical-align: baseline; }

html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

menu, article, aside, details, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: .67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; }

code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sub { bottom: -.25em; }

sup { top: -.5em; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

button, select { text-transform: none; }

[type=submit], [type=reset], button, html [type=button] { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: ButtonText dotted 1px; }

fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

summary { display: list-item; }

[hidden], template { display: none; }

/*# sourceMappingURL=normalize.min.css.map */
/*! Animate.css - http://daneden.me/animate */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px);
    transform: translateY(-15px); } }

@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }

.bounce { -webkit-animation-name: bounce; animation-name: bounce; }

@-webkit-keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInDown { 0% { -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% { -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes fadeInLeft { 0% { -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    opacity: 0; }
  100% { -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInUp { 0% { -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeInUp { 0% { -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% { -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@font-face { font-family: 'Bitter'; font-weight: normal; font-style: normal; src: url("../fonts/bitter-regular-webfont.eot"); src: url("../fonts/bitter-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bitter-regular-webfont.woff") format("woff"), url("../fonts/bitter-regular-webfont.ttf") format("truetype"), url("../fonts/bitter-regular-webfont.svg#bitterregular") format("svg"); }

@font-face { font-family: 'Junge Regular'; font-weight: normal; font-style: normal; src: url("../fonts/junge-regular-webfont.eot"); src: url("../fonts/junge-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/junge-regular-webfont.woff") format("woff"), url("../fonts/junge-regular-webfont.ttf") format("truetype"), url("../fonts/junge-regular-webfont.svg#jungeregular") format("svg"); }

@font-face { font-family: 'Ubuntu Condensed'; font-weight: normal; font-style: normal; src: url("../fonts/ubuntu-c-webfont.eot"); src: url("../fonts/ubuntu-c-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-c-webfont.woff") format("woff"), url("../fonts/ubuntu-c-webfont.ttf") format("truetype"), url("../fonts/ubuntu-c-webfont.svg#ubuntu_condensedregular") format("svg"); }

/*
helper.css contains non-semantic helper classes
This must be the last file to import

No styleguide reference.
*/
/* For image replacement */
.ir { display: block; overflow: hidden; text-align: left; text-indent: -999em; border: none; background-color: transparent; background-repeat: no-repeat; *line-height: 0; direction: ltr; }

.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: none; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position: static; overflow: visible; clip: auto; width: auto; height: auto; margin: 0; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Firefox had different box-sizing for hr. See: http://jsfiddle.net/sFgt7/ */
hr { -moz-box-sizing: content-box; }

/* Contain floats: h5bp.com/q */
#page:after, #page:before, .cf:after, .cf:before, .clearfix:after, .clearfix:before, .hasGrid:after, .hasGrid:before, .tag_box:after, .tag_box:before, .unit-inner:after, .unit-inner:before { display: table; content: ''; }

#page:after, .cf:after, .clearfix:after, .hasGrid:after, .tag_box:after, .unit-inner:after { clear: both; }

#page, .cf, .clearfix, .hasGrid, .tag_box, .unit-inner { *zoom: 1; }

.left { float: left; *display: inline; }

.right { float: right; *display: inline; }

input:focus { outline: 0; box-shadow: none; }

input::-ms-clear, input::-webkit-search-cancel-button, input::-webkit-search-decoration, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }

.highlight .hll { background-color: #49483e; }

.highlight { background: #272822; color: #f8f8f2; }

.highlight .c { color: #75715e; }

/* Comment */
.highlight .k { color: #66d9ef; }

/* Keyword */
.highlight .l { color: #ae81ff; }

/* Literal */
.highlight .n { color: #f8f8f2; }

/* Name */
.highlight .o { color: #f92672; }

/* Operator */
.highlight .p { color: #f8f8f2; }

/* Punctuation */
.highlight .ch { color: #75715e; }

/* Comment.Hashbang */
.highlight .cm { color: #75715e; }

/* Comment.Multiline */
.highlight .cp { color: #75715e; }

/* Comment.Preproc */
.highlight .cpf { color: #75715e; }

/* Comment.PreprocFile */
.highlight .c1 { color: #75715e; }

/* Comment.Single */
.highlight .cs { color: #75715e; }

/* Comment.Special */
.highlight .gd { color: #f92672; }

/* Generic.Deleted */
.highlight .ge { font-style: italic; }

/* Generic.Emph */
.highlight .gi { color: #a6e22e; }

/* Generic.Inserted */
.highlight .gs { font-weight: bold; }

/* Generic.Strong */
.highlight .gu { color: #75715e; }

/* Generic.Subheading */
.highlight .kc { color: #66d9ef; }

/* Keyword.Constant */
.highlight .kd { color: #66d9ef; }

/* Keyword.Declaration */
.highlight .kn { color: #f92672; }

/* Keyword.Namespace */
.highlight .kp { color: #66d9ef; }

/* Keyword.Pseudo */
.highlight .kr { color: #66d9ef; }

/* Keyword.Reserved */
.highlight .kt { color: #66d9ef; }

/* Keyword.Type */
.highlight .ld { color: #e6db74; }

/* Literal.Date */
.highlight .m { color: #ae81ff; }

/* Literal.Number */
.highlight .s { color: #e6db74; }

/* Literal.String */
.highlight .na { color: #a6e22e; }

/* Name.Attribute */
.highlight .nb { color: #f8f8f2; }

/* Name.Builtin */
.highlight .nc { color: #a6e22e; }

/* Name.Class */
.highlight .no { color: #66d9ef; }

/* Name.Constant */
.highlight .nd { color: #a6e22e; }

/* Name.Decorator */
.highlight .ni { color: #f8f8f2; }

/* Name.Entity */
.highlight .ne { color: #a6e22e; }

/* Name.Exception */
.highlight .nf { color: #a6e22e; }

/* Name.Function */
.highlight .nl { color: #f8f8f2; }

/* Name.Label */
.highlight .nn { color: #f8f8f2; }

/* Name.Namespace */
.highlight .nx { color: #a6e22e; }

/* Name.Other */
.highlight .py { color: #f8f8f2; }

/* Name.Property */
.highlight .nt { color: #f92672; }

/* Name.Tag */
.highlight .nv { color: #f8f8f2; }

/* Name.Variable */
.highlight .ow { color: #f92672; }

/* Operator.Word */
.highlight .w { color: #f8f8f2; }

/* Text.Whitespace */
.highlight .mb { color: #ae81ff; }

/* Literal.Number.Bin */
.highlight .mf { color: #ae81ff; }

/* Literal.Number.Float */
.highlight .mh { color: #ae81ff; }

/* Literal.Number.Hex */
.highlight .mi { color: #ae81ff; }

/* Literal.Number.Integer */
.highlight .mo { color: #ae81ff; }

/* Literal.Number.Oct */
.highlight .sa { color: #e6db74; }

/* Literal.String.Affix */
.highlight .sb { color: #e6db74; }

/* Literal.String.Backtick */
.highlight .sc { color: #e6db74; }

/* Literal.String.Char */
.highlight .dl { color: #e6db74; }

/* Literal.String.Delimiter */
.highlight .sd { color: #e6db74; }

/* Literal.String.Doc */
.highlight .s2 { color: #e6db74; }

/* Literal.String.Double */
.highlight .se { color: #ae81ff; }

/* Literal.String.Escape */
.highlight .sh { color: #e6db74; }

/* Literal.String.Heredoc */
.highlight .si { color: #e6db74; }

/* Literal.String.Interpol */
.highlight .sx { color: #e6db74; }

/* Literal.String.Other */
.highlight .sr { color: #e6db74; }

/* Literal.String.Regex */
.highlight .s1 { color: #e6db74; }

/* Literal.String.Single */
.highlight .ss { color: #e6db74; }

/* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2; }

/* Name.Builtin.Pseudo */
.highlight .fm { color: #a6e22e; }

/* Name.Function.Magic */
.highlight .vc { color: #f8f8f2; }

/* Name.Variable.Class */
.highlight .vg { color: #f8f8f2; }

/* Name.Variable.Global */
.highlight .vi { color: #f8f8f2; }

/* Name.Variable.Instance */
.highlight .vm { color: #f8f8f2; }

/* Name.Variable.Magic */
.highlight .il { color: #ae81ff; }

/* Literal.Number.Integer.Long */
.pace { -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; -webkit-pointer-events: none; }

.pace-inactive { display: none; }

.pace .pace-progress { position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; background: #FF9900; }

.pace .pace-progress-inner { position: absolute; right: 0; display: block; width: 100px; height: 100%; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); opacity: 1.0; box-shadow: 0 0 10px #FF9900, 0 0 5px #FF9900; }

.pace .pace-activity { position: fixed; z-index: 2000; top: 15px; right: 15px; display: block; width: 14px; height: 14px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; border: solid 2px transparent; border-top-color: #FF9900; border-left-color: #FF9900; border-radius: 10px; }

@-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes pace-spinner { 0% { transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { transform: rotate(360deg);
    transform: rotate(360deg); } }

html { background: url("../images/theme/noisy_texture_section0-200x200.png") repeat 0 0 #F9F9F9; }

body { font-family: "Bitter", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 18px; line-height: 32px; color: rgba(0, 0, 0, 0.8); }

.body .unit-body { padding: 12px 26px 26px 36px; border-top: 1px solid rgba(255, 255, 255, 0.6); background: #FFFFFF; box-shadow: #ADADAD 0 0 9px; }

.h1, .h2, .h3, .h4, h1, h2, h3, h4 { font-family: "Ubuntu Condensed", Helvetica, sans-serif; }

.h1, h1 { font-size: 1.725em; line-height: 42px; margin-top: 42px; margin-bottom: 26px; }

.h2, h2 { font-size: 1.575em; line-height: 42px; margin-top: 34px; margin-bottom: 16px; }

.h3, h3 { font-size: 1.325em; line-height: 26px; margin-top: 26px; margin-bottom: 20px; }

.h4, h4 { font-size: 1em; line-height: 26px; margin-top: 26px; margin-bottom: 12px; }

.small, aside, small { font-size: .75em; }

a:hover, a:link, a:visited { text-decoration: none; }

img { max-width: 95%; }

button, input, optgroup, select, textarea { font-family: "Bitter", "Palatino Linotype", "Book Antiqua", Palatino, serif; }

.site-notice { text-align: center; color: rgba(0, 0, 0, 0.8); }

.site-notice a { font-size: .95em; padding-right: 3px; padding-left: 3px; color: #0077CC; border-bottom: 1px dotted #FFD18D; }

.site-notice a:hover { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; color: rgba(0, 0, 0, 0.8); background-color: #FF9900; }

.site-notice a:visited { color: #4A6B82; }

body.nav-overlay, body.search-overlay { overflow: hidden; }

body.nav-overlay:after, body.search-overlay:after { position: fixed; z-index: 9001; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; content: ''; background-color: rgba(25, 25, 25, 0.95); }

.overlay-wrapper { position: absolute; top: 50px; display: none; zoom: 1; width: 90%; padding-right: 5%; padding-left: 5%; }

.overlay-form { position: relative; z-index: 9002; top: 0; left: -200px; width: 100%; opacity: 0; }

.overlay-form.active { top: 0; left: 0; opacity: 1; }

.overlay-form a, .overlay-form h1, .overlay-form h2, .overlay-form h3, .overlay-form h4, .overlay-form li, .overlay-form ol, .overlay-form dl, .overlay-form p, .overlay-form span, .overlay-form button, .overlay-form input { color: #FFFFFF; }

.overlay-form .overlay-header { font-size: 2em; border: none; border-bottom: 1px solid #FFFFFF; background-color: transparent; }

.overlay-form .search-field { width: 100%; padding-bottom: 12px; background-clip: padding-box; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.overlay-form .menu { display: block; margin-left: 18px; padding-bottom: 16px; text-align: center; }

.overlay-form .btn-close { position: absolute; z-index: 1; top: .6rem; right: 1rem; display: block; width: auto; height: auto; cursor: pointer; text-align: center; }

.overlay-form .btn-close:hover { font-weight: bold; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.overlay-form .results { position: absolute; width: 100%; margin: 0; padding: 0; outline: 0; text-shadow: none; }

.overlay-form .results .entry-date { display: none; float: right; }

.overlay-form .results li { font-size: 1em; margin-left: 12px; padding: 3px; }

.overlay-form .results li:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: 1px dashed #FFFFFF; }

.nav-form .results ul { padding: 0; }

.nav-form .results ul li { list-style: none; }

.nav-form .results ul li a { display: block; margin-right: auto; margin-left: auto; text-align: center; }

.the-header .unit-head { padding: 26px; padding-bottom: 12px; text-align: center; }

.the-header .unit-head .nav-global .logo { font-family: "Ubuntu Condensed", Helvetica, sans-serif; font-weight: bold; display: block; padding-bottom: 18px; }

.the-header .unit-head .nav-global .logo a { font-size: 1.5em; line-height: 0; display: inline; margin-left: 8px; }

.the-header .unit-head .nav-global .logo a:hover { color: #FF9900; background-color: transparent; }

.the-header .unit-head .nav-global .logo button { display: none; width: 24px; height: 24px; border: none; }

.the-header .unit-head .nav-global .logo .btn-menu { float: left; background: url("../images/theme/btn-menu.png") no-repeat; }

.the-header .unit-head .nav-global .logo .btn-search { float: right; background: url("../images/theme/btn-search.png") no-repeat; }

.the-header .unit-head .nav-global ul { margin: 0; padding: 0; }

.the-header .unit-head .nav-global ul li { display: inline; }

.the-header .unit-head .nav-global ul li a { padding: 12px; padding-bottom: 18px; color: rgba(0, 0, 0, 0.8); }

.the-header .unit-head .nav-global ul li a:active, .the-header .unit-head .nav-global ul li a:hover { cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; background-color: #FF9900; }

.the-footer { font-size: .9em; line-height: 1.6em; padding: 26px; text-align: center; }

.the-footer a { color: rgba(0, 0, 0, 0.8); }

.the-footer a:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #FF9900; }

.the-footer p a { padding: 2px 3px; color: #0077CC; border-bottom: 1px dotted #FFD18D; }

.the-footer p a:visited { color: #4A6B82; }

.the-footer p a:hover { color: rgba(0, 0, 0, 0.8); background-color: rgba(255, 153, 0, 0.7); }

.the-footer h4 { margin-top: 0; }

.the-footer h4 a:hover { font-weight: bold; }

.the-footer .back-to-top { font-size: .9em; position: fixed; right: .25em; bottom: .5em; display: none; padding: 1.2em 1.2em .2em; text-decoration: none; background-color: transparent; }

.the-footer .social-links { margin-top: 12px; }

.the-footer .social-links a { display: inline-block; width: 42px; height: 42px; margin: 1.5px; background-size: 42px 42px; }

.social-links a { text-indent: -9999em; opacity: .3; background-repeat: no-repeat; background-position: center center; filter: alpha(opacity=30); }

.social-links a:hover { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 1.0; filter: alpha(opacity=100); }

.social-links .ico-facebook { background-image: url("../images/simple-icons/facebook-48.png"); background-color: #3B5998; }

.social-links .ico-github { background-image: url("../images/simple-icons/github-48.png"); background-color: #181717; }

.social-links .ico-gmail { background-image: url("../images/simple-icons/gmail-48.png"); background-color: #D14836; }

.social-links .ico-instagram { background-image: url("../images/simple-icons/instagram-48.png"); background-color: #E4405F; }

.social-links .ico-linkedin { background-image: url("../images/simple-icons/linkedin-48.png"); background-color: #0077B5; }

.social-links .ico-rss { background-image: url("../images/simple-icons/rss-48.png"); background-color: #FFA500; }

.social-links .ico-stackoverflow { background-image: url("../images/simple-icons/stackoverflow-48.png"); background-color: #FE7A16; }

.social-links .ico-twitter { background-image: url("../images/simple-icons/twitter-48.png"); background-color: #1DA1F2; }

.social-links .ico-vk { background-image: url("../images/simple-icons/vk-48.png"); background-color: #6383A8; }

.unit-article a { font-size: .95em; padding: 2px; color: #0077CC; border-bottom: 1px dotted #FFD18D; }

.unit-article a:hover { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: rgba(0, 0, 0, 0.8); background-color: rgba(255, 153, 0, 0.7); }

.unit-article a:visited { color: #4A6B82; }

.unit-article a.internal { color: rgba(0, 0, 0, 0.8); }

.unit-article a.internal:active, .unit-article a.internal:hover, .unit-article a.internal:visited { color: rgba(0, 0, 0, 0.8); }

.unit-article .button, .unit-article button { line-height: 1.45em; display: inline-block; margin-left: 8px; padding: 2px 24px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; text-align: center; vertical-align: inherit; white-space: nowrap; text-decoration: none; color: rgba(0, 0, 0, 0.8); border: 2px solid rgba(0, 0, 0, 0.8); outline: 0; background: transparent; background-clip: padding-box; text-shadow: none; }

.unit-article .button:hover, .unit-article button:hover { color: #FF9900; border-color: #FF9900; background-color: #FFFFFF; }

.unit-article img { max-width: 100%; height: auto; border: solid 5px transparent; }

.unit-article ul li { list-style: disc; }

.unit-article ul li li { list-style: circle; }

.unit-article ul li li li { list-style: square; }

.unit-article ol { list-style: decimal; }

.unit-article table { overflow: auto; border-collapse: collapse; border: 2px solid #ADADAD; background-color: #FFFFFF; }

.unit-article table td, .unit-article table th { padding: 3px 12px; border: 1px dashed rgba(175, 175, 175, 0.5); }

.unit-article table tr:nth-child(even) td { background-color: #EAEAEA; }

.unit-article table a { font-size: 1em; border-bottom: none; }

.unit-article table .center, .unit-article table th { text-align: center; }

.unit-article table .bold { font-weight: bold; }

.unit-article blockquote, .unit-article code, .unit-article kbd, .unit-article pre, .unit-article samp { font-family: Monaco, "Lucida Console", monospace; font-size: 12px; line-height: 20px; }

.unit-article table, .unit-article blockquote, .unit-article figure, .unit-article .highlighter-rouge { margin: 12px; }

.unit-article code.highlighter-rouge { margin: 0; padding: 4px; white-space: nowrap; background-color: #EAEAEA; }

.unit-article pre { overflow: auto; padding: 24px; }

.unit-article pre code { white-space: pre; }

.unit-article pre table { margin: 0; border: none; background-color: #272822; }

.unit-article pre table:hover { border: none; }

.unit-article pre table td { border: none; background-color: #272822; }

.unit-article pre table .gutter { padding-right: 0; padding-left: 0; }

.unit-article pre.lineno { overflow: visible; padding-right: 10px; padding-left: 10px; }

.unit-article pre pre { margin: 0; padding: 0; }

.unit-article pre pre.lineno { padding-left: 0; }

.unit-article pre::-webkit-scrollbar { height: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.unit-article pre::-webkit-scrollbar-track { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #272822; }

.unit-article pre::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ADADAD; }

.unit-article blockquote { overflow: auto; padding: 6px 18px; border: 1px dashed #ADADAD; border-left: 8px solid #ADADAD; background-color: #EAEAEA; }

.unit-article blockquote p { margin: 12px 0 !important; }

.unit-article blockquote dl, .unit-article blockquote ol, .unit-article blockquote ul { margin-top: 0; margin-bottom: 0; padding: 8px 24px; }

.unit-article .center-block { display: block; margin-right: auto; margin-left: auto; }

.unit-article li > p { margin: 0; }

.unit-article .footnote, .unit-article .reversefootnote { padding: 0 2px; border: none; }

.unit-article .footnotes { font-size: .9em; line-height: 1.2em; margin-top: 26px; border-top: 1px dashed rgba(0, 0, 0, 0.8); }

.unit-article .footnotes ol { margin-top: 26px; padding-left: 18px; }

.unit-article .footnotes ol p { margin-top: 12px; margin-bottom: 12px; padding-left: 6px; }

.unit-article .toc { display: inline-block; min-width: 195px; margin: 8px 0; padding: 12px 24px; text-align: left; border: 1px dashed #ADADAD; }

.unit-article .toc a { color: rgba(0, 0, 0, 0.8); border: none; }

.unit-article .toc a:active, .unit-article .toc a:hover, .unit-article .toc a:visited { color: rgba(0, 0, 0, 0.8); }

.unit-article .toc li, .unit-article .toc ol, .unit-article .toc ul { margin-left: .8em; padding-left: 0; }

.unit-article .toc:hover { border-width: 1.5px; }

.unit-article .data-table { overflow: auto; }

.unit-article .data-table::-webkit-scrollbar { height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.unit-article .data-table::-webkit-scrollbar-track { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ADADAD; }

.unit-article .data-table::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #797979; }

.unit-article .gist .gist-file { font-family: Monaco, "Lucida Console", monospace !important; border: none !important; }

.unit-article .gist .gist-file .gist-data { font-size: 12px; margin: 12px; background-color: #272822; }

.unit-article .gist .gist-file .gist-data .data { padding: 20px; padding-left: 12px; }

.unit-article .gist .gist-file .gist-data .data::-webkit-scrollbar { height: 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.unit-article .gist .gist-file .gist-data .data::-webkit-scrollbar-track { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #272822; }

.unit-article .gist .gist-file .gist-data .data::-webkit-scrollbar-thumb:horizontal { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #ADADAD; }

.unit-article .gist .gist-file .gist-data .data table { border: none; background-color: #272822; }

.unit-article .gist .gist-file .gist-data .data table td { font-family: Monaco, "Lucida Console", monospace; font-size: 12px; line-height: 20px; border: none; background-color: #272822; }

.unit-article .gist .gist-file .gist-data .data .blob-code-inner, .unit-article .gist .gist-file .gist-data .data .blob-num { color: #FFFFFF; }

.unit-article .gist .gist-file .gist-data .data .blob-num:hover { cursor: default; }

.unit-article .gist .gist-file .gist-data .data .pl-s, .unit-article .gist .gist-file .gist-data .data .pl-pds, .unit-article .gist .gist-file .gist-data .data .pl-s .pl-pse .pl-s1, .unit-article .gist .gist-file .gist-data .data .pl-sr, .unit-article .gist .gist-file .gist-data .data .pl-sr .pl-cce, .unit-article .gist .gist-file .gist-data .data .pl-sr .pl-sre, .unit-article .gist .gist-file .gist-data .data .pl-sr .pl-sra { color: #ECAC29; }

.unit-article .gist .gist-file .gist-data .data .pl-k, .unit-article .gist .gist-file .gist-data .data .pl-smi, .unit-article .gist .gist-file .gist-data .data .pl-e { color: #66D9EF; }

.unit-article .gist .gist-file .gist-data .data .pl-c1 { color: #F8F8F2; }

.unit-article .gist .gist-file .gist-data .data .pl-en, .unit-article .gist .gist-file .gist-data .data .pl-ent { color: #A6E22E; }

.unit-article .gist .gist-file .gist-meta { display: none; visibility: hidden; }

.unit-article .tag_box { padding: .8125em; list-style: none; background: url("../images/theme/noisy_texture_section0-200x200.png") repeat #F0F0F0; background-clip: padding-box; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.4), 0 3px 0 rgba(255, 255, 255, 0.4); }

.unit-article .tag_box li { line-height: normal; display: inline; vertical-align: middle; }

.unit-article .tag_box li a { float: left; margin: 5px; padding: 3px 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; -o-transition-duration: .2s; transition-duration: .2s; vertical-align: bottom; color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); background-color: #EAEAEA; background-clip: padding-box; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2); }

.unit-article .tag_box li a:hover { color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.8); background-color: #FF9900; }

.unit-article .tag_box li a:hover span { border: 1px solid rgba(0, 0, 0, 0.8); background-color: #FF9900; }

.unit-article .tag_box li a span { font-size: .875em; font-weight: bold; position: relative; top: -2px; display: inline-block; padding: 1px 5px; vertical-align: middle; border: 1px solid rgba(0, 0, 0, 0.8); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #EAEAEA; }

.unit-article.layout-page .year { margin-top: 24px; }

.unit-article.layout-page .post-list { margin: 0; padding: 0; padding-left: 1.05em; list-style-type: disc; }

.unit-article.layout-page .post-list li { margin-top: 8px; margin-bottom: 8px; }

.unit-article.layout-page .post-list li a { font-size: 1em; line-height: 1.525em; border-bottom: none; }

.unit-article.layout-page .post-list li .date { font-size: .8em; float: right; }

.unit-article.layout-post iframe { display: block; width: 100%; height: 180px; margin-right: auto; margin-left: auto; }

.unit-article.layout-post .misc-content { margin-top: 48px; }

.unit-article.layout-post .license-icon { float: right; border-bottom: none; background-color: transparent; }

.unit-article.layout-post .meta { margin-bottom: 26px; border-bottom: 1px dotted rgba(21, 25, 25, 0.8); }

.unit-article.layout-post .meta .date-publish { margin-bottom: 0; }

.unit-article.layout-post .meta .list-category { margin-top: 0; margin-bottom: 0; }

.unit-article.layout-post .meta .list-linear { margin-top: 0; padding-left: 0; list-style: none; letter-spacing: -.31em; word-spacing: -.43em; *letter-spacing: normal; }

.unit-article.layout-post .meta .list-linear .list-head { margin-right: 10px; padding-right: 4px; }

.unit-article.layout-post .meta .list-linear a { border: none; background-color: transparent; color: rgba(0, 0, 0, 0.8); }

.unit-article.layout-post .meta .list-linear a:hover span { background-color: #FF9900; }

.unit-article.layout-post .meta .list-linear span { font-size: .875em; font-weight: bold; position: relative; top: -2px; display: inline-block; margin: 0 6px 0 0; padding: 1px 5px; vertical-align: middle; text-transform: uppercase; color: white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #FF9900; }

.unit-article.layout-post .meta .list-linear li { line-height: normal; display: inline-block; zoom: 1; margin-right: 16px; vertical-align: middle; letter-spacing: normal; word-spacing: normal; *display: inline; }

.unit-article.layout-post .meta .list-linear li:last-child { margin-right: 0; }

.unit-article.layout-post .meta .list-linear li a:hover { color: #797979; }

.unit-article.layout-post .post-image:visited { border-bottom: none; }

.unit-article.layout-post .post-image:hover { background-color: transparent; }

.unit-article.layout-post .post-image img { display: block; margin-right: auto; margin-left: auto; }

.unit-article.layout-post .post-image img:hover { -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; background-color: transparent; }

.unit-article .unit-head { border-bottom: 5px solid rgba(0, 0, 0, 0.8); }

.unit-article .unit-head h1 { margin-top: 0; margin-bottom: 8px; }

.unit-article .unit-foot { top: auto; margin-top: 26px; padding-top: 12px; border-top: 3px solid rgba(0, 0, 0, 0.8); }

.unit-article .unit-foot nav { display: block; }

.unit-article .unit-foot nav a[rel='prev'] { line-height: 1.325em; float: left; padding: 4px; }

.unit-article .unit-foot nav a[rel='next'] { line-height: 1.325em; float: right; padding: 4px; }

.unit-article .unit-foot .post-buttons { margin-bottom: 18px; }

.unit-article .unit-foot .post-buttons .addthis_toolbox { float: right; }

.unit-article .unit-foot .post-buttons .addthis_toolbox a { opacity: .3; border: none; filter: alpha(opacity=30); }

.unit-article .unit-foot .post-buttons .addthis_toolbox a:hover { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; opacity: 1.0; background: transparent; filter: alpha(opacity=100); }

.unit-article .unit-foot .post-buttons .addthis_toolbox .label { float: left; margin-right: 6px; }

/* Old mobile phone width: [0, 640] */
@media only screen and (max-width: 640px) { body { font-size: .8em; line-height: 24px; } h2, h3, h4 { margin-top: 16px; margin-bottom: 16px; } h1, h2 { line-height: 32px; } .the-header .unit-head { padding: 16px; padding-bottom: 8px; } .the-header .unit-head .nav-global .logo { padding-bottom: 0; } .the-header .unit-head .nav-global .logo a { margin-left: 14px; padding-top: 6px; padding-bottom: 6px; } .the-header .unit-head .nav-global .logo .btn-menu, .the-header .unit-head .nav-global .logo .btn-search { display: inline; cursor: pointer; } .the-header .unit-head .nav-global ul li { display: none; } .the-header .unit-head .nav-global ul li .btn-search { display: none; } .the-footer .social-links a { width: 32px; height: 32px; background-size: 32px 32px; } }

/* Smartphone width: [0, 1200] */
@media only screen and (max-width: 1200px) { .unit-article .year, .unit-article header h1 { text-align: center; } .unit-article .date { display: none; } }

/* Tablet width: [1200, infinity) */
@media only screen and (min-width: 1200px) { .unit-body { margin-right: 12%; margin-left: 12%; } .the-footer h4 a { font-size: 1.25em; } .search-form .results .entry-date { display: block; float: right; } }

.hidden { display: none; }

/*# sourceMappingURL=blog.css.map */