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; }