/*
 *
 *  Minimal Mistakes
 *
 *  Designer: Michael Rose
 *  Twitter: http://twitter.com/mmistakes
 *
*/
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.5em;
  width: 100%;
  /* make full width */ }

/* Selection ============================================= */
::-moz-selection {
  background-color: #dadada;
  color: #343434;
  text-shadow: none; }

::selection {
  background-color: #dadada;
  color: #343434;
  text-shadow: none; }

/* Global Classes ======================================== */
.all-caps {
  text-transform: uppercase; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.image-pull-right {
  float: right;
  margin-top: 0; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    display: table;
    content: ""; }
  .clearfix:after {
    clear: both; }

.unstyled-list {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  .unstyled-list li {
    list-style-type: none; }

/* Global Transition ==================================== */
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Pragati Narrow", sans-serif; }

h1 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 0.8125;
  margin-bottom: 26px;
  margin-bottom: 1.625rem; }

h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 0.9286;
  margin-bottom: 26px;
  margin-bottom: 1.625rem; }

h3 {
  font-weight: normal;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.0833;
  margin-bottom: 26px;
  margin-bottom: 1.625rem; }

h4 {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4444;
  margin-bottom: 26px;
  margin-bottom: 1.625rem; }

h5 {
  font-weight: normal;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  margin-bottom: 26px;
  margin-bottom: 1.625rem; }

h6 {
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8571;
  margin-bottom: 26px;
  margin-bottom: 1.625rem; }

a {
  text-decoration: none;
  color: #343434; }
  a:visited {
    color: #4e4e4e; }
  a:hover {
    color: #1b1b1b; }
  a:focus {
    outline: thin dotted;
    color: #343434; }
  a:hover, a:active {
    outline: 0; }

figcaption {
  padding-top: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8571;
  line-height: 1.3;
  color: #4d4d4b; }

.image-credit {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  display: block;
  text-align: right;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.1667;
  line-height: 1.3;
  font-style: italic;
  color: #80807e; }
  @media only screen and (min-width: 37.5em) {
    .image-credit {
      display: inline;
      float: left;
      width: 75%;
      margin-left: 0%;
      margin-right: 0%; } }
  @media only screen and (min-width: 86.375em) {
    .image-credit {
      display: inline;
      float: left;
      width: 70.8333333333%; } }
  .image-credit a {
    color: #80807e; }

.notice {
  margin-top: 1.5em;
  padding: .5em 1em;
  text-indent: 0;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px; }

blockquote {
  margin-left: -28px;
  padding-left: 20px;
  border-left: 8px solid #333332;
  font-family: "IBM Plex Sans", sans-serif;
  font-style: italic; }

.footnotes ol, .footnotes li, .footnotes p {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem; }

p {
  margin: 0 0 1.625rem; }

tt, code, kbd, samp, pre {
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; }

p code,
li code {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  white-space: nowrap;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #f7f7f7;
  background-color: #efefef;
  border-radius: 3px; }

pre {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
  overflow-x: auto; }

.highlight {
  background-color: #efefef;
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.1667;
  color: #333332;
  margin-bottom: 1.5em;
  border-radius: 4px;
  /* Comment */
  /* Error */
  /* Keyword */
  /* Operator */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.Single */
  /* Comment.Special */
  /* Generic.Deleted */
  /* Generic.Emph */
  /* Generic.Error */
  /* Generic.Heading */
  /* Generic.Inserted */
  /* Generic.Output */
  /* Generic.Prompt */
  /* Generic.Strong */
  /* Generic.Subheading */
  /* Generic.Traceback */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Text.Whitespace */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Literal.Number.Integer.Long */ }
  .highlight pre {
    position: relative;
    margin: 0;
    padding: 1em; }
  .highlight .lineno {
    padding-right: 24px;
    color: #b3b3b1; }
  .highlight .hll {
    background-color: #ffffcc; }
  .highlight .c {
    color: #999988;
    font-style: italic; }
  .highlight .err {
    color: #a61717;
    background-color: #e3d2d2; }
  .highlight .k {
    color: #000000;
    font-weight: bold; }
  .highlight .o {
    color: #000000;
    font-weight: bold; }
  .highlight .cm {
    color: #999988;
    font-style: italic; }
  .highlight .cp {
    color: #999999;
    font-weight: bold;
    font-style: italic; }
  .highlight .c1 {
    color: #999988;
    font-style: italic; }
  .highlight .cs {
    color: #999999;
    font-weight: bold;
    font-style: italic; }
  .highlight .gd {
    color: #000000;
    background-color: #ffdddd; }
  .highlight .ge {
    color: #000000;
    font-style: italic; }
  .highlight .gr {
    color: #aa0000; }
  .highlight .gh {
    color: #999999; }
  .highlight .gi {
    color: #000000;
    background-color: #ddffdd; }
  .highlight .go {
    color: #888888; }
  .highlight .gp {
    color: #555555; }
  .highlight .gs {
    font-weight: bold; }
  .highlight .gu {
    color: #aaaaaa; }
  .highlight .gt {
    color: #aa0000; }
  .highlight .kc {
    color: #000000;
    font-weight: bold; }
  .highlight .kd {
    color: #000000;
    font-weight: bold; }
  .highlight .kn {
    color: #000000;
    font-weight: bold; }
  .highlight .kp {
    color: #000000;
    font-weight: bold; }
  .highlight .kr {
    color: #000000;
    font-weight: bold; }
  .highlight .kt {
    color: #445588;
    font-weight: bold; }
  .highlight .m {
    color: #009999; }
  .highlight .s {
    color: #d01040; }
  .highlight .na {
    color: #008080; }
  .highlight .nb {
    color: #0086B3; }
  .highlight .nc {
    color: #445588;
    font-weight: bold; }
  .highlight .no {
    color: #008080; }
  .highlight .nd {
    color: #3c5d5d;
    font-weight: bold; }
  .highlight .ni {
    color: #800080; }
  .highlight .ne {
    color: #990000;
    font-weight: bold; }
  .highlight .nf {
    color: #990000;
    font-weight: bold; }
  .highlight .nl {
    color: #990000;
    font-weight: bold; }
  .highlight .nn {
    color: #555555; }
  .highlight .nt {
    color: #000080; }
  .highlight .nv {
    color: #008080; }
  .highlight .ow {
    color: #000000;
    font-weight: bold; }
  .highlight .w {
    color: #bbbbbb; }
  .highlight .mf {
    color: #009999; }
  .highlight .mh {
    color: #009999; }
  .highlight .mi {
    color: #009999; }
  .highlight .mo {
    color: #009999; }
  .highlight .sb {
    color: #d01040; }
  .highlight .sc {
    color: #d01040; }
  .highlight .sd {
    color: #d01040; }
  .highlight .s2 {
    color: #d01040; }
  .highlight .se {
    color: #d01040; }
  .highlight .sh {
    color: #d01040; }
  .highlight .si {
    color: #d01040; }
  .highlight .sx {
    color: #d01040; }
  .highlight .sr {
    color: #009926; }
  .highlight .s1 {
    color: #d01040; }
  .highlight .ss {
    color: #990073; }
  .highlight .bp {
    color: #999999; }
  .highlight .vc {
    color: #008080; }
  .highlight .vg {
    color: #008080; }
  .highlight .vi {
    color: #008080; }
  .highlight .il {
    color: #009999; }

.CodeRay {
  background-color: #efefef;
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.1667;
  color: #333332;
  margin-bottom: 1.5em;
  border-radius: 4px; }
  .CodeRay pre {
    margin: 0px;
    padding: 1em; }

span.CodeRay {
  white-space: pre;
  border: 0px;
  padding: 2px; }

table.CodeRay {
  border-collapse: collapse;
  width: 100%;
  padding: 2px; }

table.CodeRay td {
  padding: 1em 0.5em;
  vertical-align: top; }

.CodeRay .line-numbers, .CodeRay .no {
  background-color: #ECECEC;
  color: #AAA;
  text-align: right; }

.CodeRay .line-numbers a {
  color: #AAA; }

.CodeRay .line-numbers tt {
  font-weight: bold; }

.CodeRay .line-numbers .highlighted {
  color: red; }

.CodeRay .line {
  display: block;
  float: left;
  width: 100%; }

.CodeRay span.line-numbers {
  padding: 0 24px 0 4px; }

.CodeRay .code {
  width: 100%; }

ol.CodeRay {
  font-size: 10pt; }

ol.CodeRay li {
  white-space: pre; }

.CodeRay .code pre {
  overflow: auto; }

.CodeRay .debug {
  color: white !important;
  background: blue !important; }

.CodeRay .annotation {
  color: #007; }

.CodeRay .attribute-name {
  color: #f08; }

.CodeRay .attribute-value {
  color: #700; }

.CodeRay .binary {
  color: #509;
  font-weight: bold; }

.CodeRay .comment {
  color: #998;
  font-style: italic; }

.CodeRay .char {
  color: #04D; }

.CodeRay .char .content {
  color: #04D; }

.CodeRay .char .delimiter {
  color: #039; }

.CodeRay .class {
  color: #458;
  font-weight: bold; }

.CodeRay .complex {
  color: #A08;
  font-weight: bold; }

.CodeRay .constant {
  color: teal; }

.CodeRay .color {
  color: #0A0; }

.CodeRay .class-variable {
  color: #369; }

.CodeRay .decorator {
  color: #B0B; }

.CodeRay .definition {
  color: #099;
  font-weight: bold; }

.CodeRay .directive {
  color: #088;
  font-weight: bold; }

.CodeRay .delimiter {
  color: black; }

.CodeRay .doc {
  color: #970; }

.CodeRay .doctype {
  color: #34b; }

.CodeRay .doc-string {
  color: #D42;
  font-weight: bold; }

.CodeRay .escape {
  color: #666;
  font-weight: bold; }

.CodeRay .entity {
  color: #800;
  font-weight: bold; }

.CodeRay .error {
  color: #F00;
  background-color: #FAA; }

.CodeRay .exception {
  color: #C00;
  font-weight: bold; }

.CodeRay .filename {
  color: #099; }

.CodeRay .function {
  color: #900;
  font-weight: bold; }

.CodeRay .global-variable {
  color: teal;
  font-weight: bold; }

.CodeRay .hex {
  color: #058;
  font-weight: bold; }

.CodeRay .integer {
  color: #099; }

.CodeRay .include {
  color: #B44;
  font-weight: bold; }

.CodeRay .inline {
  color: black; }

.CodeRay .inline .inline {
  background: #ccc; }

.CodeRay .inline .inline .inline {
  background: #bbb; }

.CodeRay .inline .inline-delimiter {
  color: #D14; }

.CodeRay .inline-delimiter {
  color: #D14; }

.CodeRay .important {
  color: #f00; }

.CodeRay .interpreted {
  color: #B2B;
  font-weight: bold; }

.CodeRay .instance-variable {
  color: teal; }

.CodeRay .label {
  color: #970;
  font-weight: bold; }

.CodeRay .local-variable {
  color: #963; }

.CodeRay .octal {
  color: #40E;
  font-weight: bold; }

.CodeRay .predefined-constant {
  font-weight: bold; }

.CodeRay .predefined {
  color: #369;
  font-weight: bold; }

.CodeRay .preprocessor {
  color: #579; }

.CodeRay .pseudo-class {
  color: #00C;
  font-weight: bold; }

.CodeRay .predefined-type {
  color: #074;
  font-weight: bold; }

.CodeRay .reserved, .keyword {
  color: #000;
  font-weight: bold; }

.CodeRay .key {
  color: #808; }

.CodeRay .key .delimiter {
  color: #606; }

.CodeRay .key .char {
  color: #80f; }

.CodeRay .value {
  color: #088; }

.CodeRay .regexp {
  background-color: #fff0ff; }

.CodeRay .regexp .content {
  color: #808; }

.CodeRay .regexp .delimiter {
  color: #404; }

.CodeRay .regexp .modifier {
  color: #C2C; }

.CodeRay .regexp .function {
  color: #404;
  font-weight: bold; }

.CodeRay .string {
  color: #D20; }

.CodeRay .string .string .string {
  background-color: #ffd0d0; }

.CodeRay .string .content {
  color: #D14; }

.CodeRay .string .char {
  color: #D14; }

.CodeRay .string .delimiter {
  color: #D14; }

.CodeRay .shell {
  color: #D14; }

.CodeRay .shell .delimiter {
  color: #D14; }

.CodeRay .symbol {
  color: #990073; }

.CodeRay .symbol .content {
  color: #A60; }

.CodeRay .symbol .delimiter {
  color: #630; }

.CodeRay .tag {
  color: #070; }

.CodeRay .tag-special {
  color: #D70;
  font-weight: bold; }

.CodeRay .type {
  color: #339;
  font-weight: bold; }

.CodeRay .variable {
  color: #036; }

.CodeRay .insert {
  background: #afa; }

.CodeRay .delete {
  background: #faa; }

.CodeRay .change {
  color: #aaf;
  background: #007; }

.CodeRay .head {
  color: #f8f;
  background: #505; }

.CodeRay .insert .insert {
  color: #080;
  font-weight: bold; }

.CodeRay .delete .delete {
  color: #800;
  font-weight: bold; }

.CodeRay .change .change {
  color: #66f; }

.CodeRay .head .head {
  color: #f4f; }

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff; }

/* Figures and images ==================================== */
figure {
  margin-bottom: 1.625rem; }

article img {
  max-width: 100%;
  height: auto;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic; }

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

.half {
  margin: 0 auto;
  width: 100%;
  *zoom: 1; }
  .half:before, .half:after {
    display: table;
    content: "";
    line-height: 0; }
  .half:after {
    clear: both; }
  @media only screen and (min-width: 30em) {
    .half img {
      display: inline;
      float: left;
      width: 50%; }
    .half figcaption {
      display: inline;
      float: left;
      width: 100%; } }

.third {
  margin: 0 auto;
  width: 100%;
  *zoom: 1; }
  .third:before, .third:after {
    display: table;
    content: "";
    line-height: 0; }
  .third:after {
    clear: both; }
  @media only screen and (min-width: 30em) {
    .third img {
      display: inline;
      float: left;
      width: 33.3333333333%; }
    .third figcaption {
      display: inline;
      float: left;
      width: 100%; } }

/* Buttons ============================================== */
.btn, #goog-wm-sb {
  display: inline-block;
  margin-bottom: 20px;
  padding: 8px 20px;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #111;
  color: #fff;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #111;
  border-radius: 3px; }
  .btn:visited, #goog-wm-sb:visited {
    color: #fff; }
  .btn:hover, #goog-wm-sb:hover {
    background-color: #fff;
    color: #111; }

.btn-success {
  background-color: #5cb85c;
  color: #fff;
  border-color: #5cb85c; }
  .btn-success:visited {
    color: #fff; }
  .btn-success:hover {
    background-color: #fff;
    color: #5cb85c; }

.btn-warning {
  background-color: #dd8338;
  color: #fff;
  border-color: #dd8338; }
  .btn-warning:visited {
    color: #fff; }
  .btn-warning:hover {
    background-color: #fff;
    color: #dd8338; }

.btn-danger {
  background-color: #C64537;
  color: #fff;
  border-color: #C64537; }
  .btn-danger:visited {
    color: #fff; }
  .btn-danger:hover {
    background-color: #fff;
    color: #C64537; }

.btn-info {
  background-color: #308cbc;
  color: #fff;
  border-color: #308cbc; }
  .btn-info:visited {
    color: #fff; }
  .btn-info:hover {
    background-color: #fff;
    color: #308cbc; }

/* Well ================================================= */
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }

btnform {
  margin: 0 0 5px 0; }
  btnform fieldset {
    margin-bottom: 5px;
    padding: 0;
    border-width: 0; }
  btnform legend {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    *margin-left: -7px;
    padding: 0;
    color: #333332;
    border: 0;
    border-bottom: 1px solid #dddddd;
    white-space: normal; }
  btnform p {
    margin-bottom: 5px / 2; }
  btnform ul {
    list-style-type: none;
    margin: 0 0 5px 0;
    padding: 0; }
  btnform br {
    display: none; }

label,
input,
button,
select,
textarea {
  vertical-align: baseline;
  *vertical-align: middle; }

input,
button,
select,
textarea {
  font-family: "IBM Plex Sans", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

label {
  display: block;
  margin-bottom: 10px / 8;
  font-weight: bold;
  color: #333332;
  cursor: pointer; }
  label input,
  label textarea,
  label select {
    display: block; }

input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 4px;
  margin-bottom: 5px / 4;
  background-color: #fff;
  border: 1px solid #dddddd;
  color: #333332; }
  input:hover,
  textarea:hover,
  select:hover {
    border-color: #919191; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  border-radius: 0;
  border: 0 \9; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible; }

select,
input[type="file"] {
  *margin-top: 4px; }

select {
  width: auto;
  background-color: #fff; }

select[multiple],
select[size] {
  height: auto; }

textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top; }

input[type="hidden"] {
  display: none; }

.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

/* disabled ==================================== */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  opacity: 0.5;
  cursor: not-allowed; }

/* focus and active ============================ */
input:focus,
textarea:focus {
  border-color: #111;
  outline: 0;
  outline: thin dotted \9; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

/* help text ==================================== */
.help-block,
.help-inline {
  color: #919191; }

.help-block {
  display: block;
  margin-bottom: 1em;
  line-height: 1em; }

.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px; }

/* .form-inline ================================= */
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0; }

.form-inline label {
  display: inline-block; }

.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px; }

/* .form-search ================================= */
.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0; }

.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  border-radius: 14px; }

.form-search label {
  display: inline-block; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px; }

body {
  background-color: #fff;
  font-family: "IBM Plex Sans", sans-serif;
  color: #333332;
  line-height: 1.3; }

.navigation-wrapper {
  margin: 0 auto;
  width: 100%;
  padding: 2em 0 0;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  *zoom: 1; }
  .navigation-wrapper:before, .navigation-wrapper:after {
    display: table;
    content: "";
    line-height: 0; }
  .navigation-wrapper:after {
    clear: both; }

.site-name {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 1em;
  float: none;
  display: block;
  font-size: 24px;
  font-size: 1.5rem; }
  @media only screen and (min-width: 37.5em) {
    .site-name {
      display: inline;
      float: left;
      width: 16.6666666667%;
      margin-left: 4.1666666667%;
      margin-right: 4.1666666667%;
      font-size: 16px;
      font-size: 1rem; } }
  @media only screen and (min-width: 86.375em) {
    .site-name {
      display: inline;
      float: left;
      width: 12.5%;
      margin-left: 16.6666666667%; } }

.top-navigation {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 1em;
  float: none;
  display: block; }
  @media only screen and (min-width: 37.5em) {
    .top-navigation {
      display: inline;
      float: left;
      width: 75%;
      margin-left: 0%;
      margin-right: 0%; } }
  @media only screen and (min-width: 86.375em) {
    .top-navigation {
      display: inline;
      float: left;
      width: 66.6666666667%; } }
  .top-navigation ul {
    margin: 0;
    padding: 0;
    clear: both;
    list-style-type: none; }
  .top-navigation li {
    display: block;
    list-style-type: none;
    border-bottom: 1px solid #dddddd;
    border-bottom: 1px solid fade(#111, 10);
    font-size: 16px;
    font-size: 1rem; }
    .top-navigation li:last-child {
      border-bottom: 0 solid transparent; }
    @media only screen and (min-width: 37.5em) {
      .top-navigation li {
        display: inline;
        margin-right: 25px;
        white-space: nowrap;
        border-bottom: 0 solid transparent; } }
    .top-navigation li a {
      display: block;
      padding: 10px 0;
      decoration: none;
      border-bottom: 0 solid transparent;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s; }
      @media only screen and (min-width: 37.5em) {
        .top-navigation li a {
          display: inline;
          padding: 0; } }

.navicon-lines-button {
  padding: 0.375rem 0.75rem;
  transition: .3s;
  cursor: pointer;
  user-select: none;
  border-radius: 0.2142857143rem; }

.navicon-lines-button:hover {
  opacity: 1; }

.navicon-lines-button:active {
  transition: 0; }

.navicon-lines {
  margin-right: 10px;
  margin-bottom: 0.3rem;
  display: inline-block;
  width: 1.5rem;
  height: 0.2142857143rem;
  background: #fff;
  border-radius: 0.1071428571rem;
  transition: .3s;
  position: relative; }
  .navicon-lines:before, .navicon-lines:after {
    display: inline-block;
    width: 1.5rem;
    height: 0.2142857143rem;
    background: #fff;
    border-radius: 0.1071428571rem;
    transition: .3s;
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 0.1071428571rem center;
    transform-origin: 0.1071428571rem center; }
  .navicon-lines:before {
    top: 0.375rem; }
  .navicon-lines:after {
    top: -0.375rem; }

.navicon-lines-button:hover {
  opacity: 1; }
  .navicon-lines-button:hover .navicon-lines:before {
    top: 0.4285714286rem; }
  .navicon-lines-button:hover .navicon-lines:after {
    top: -0.4285714286rem; }

.navicon-lines-button.x.active .navicon-lines {
  background: transparent; }
  .navicon-lines-button.x.active .navicon-lines:before, .navicon-lines-button.x.active .navicon-lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 1.5rem; }
  .navicon-lines-button.x.active .navicon-lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg); }
  .navicon-lines-button.x.active .navicon-lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg); }

.nav .navtoogle {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: normal;
  background-color: #111;
  color: #fff;
  border: none;
  cursor: pointer; }
  @media only screen and (min-width: 37.5em) {
    .nav .navtoogle {
      display: none; } }

.nav button {
  border: none;
  background: none; }

.navtoogle i {
  z-index: -1; }

.icon-menu {
  position: relative;
  top: 3px;
  line-height: 0; }

.no-js .nav .navtoggle {
  display: none; }

.no-js .nav ul {
  max-height: 30em;
  overflow: hidden; }

.js .nav ul {
  max-height: 0;
  overflow: hidden; }
  @media only screen and (min-width: 37.5em) {
    .js .nav ul {
      max-height: 30em; } }

.js .nav .active + ul {
  max-height: 30em;
  overflow: hidden;
  -webkit-transition: max-height .4s;
  -moz-transition: max-height .4s;
  -o-transition: max-height .4s;
  -ms-transition: max-height .4s;
  transition: max-height .4s; }

#main {
  counter-reset: captions;
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  clear: both;
  margin-top: 1em; }
  #main:before, #main:after {
    display: table;
    content: "";
    line-height: 0; }
  #main:after {
    clear: both; }
  #main article {
    margin: 0 auto;
    width: 100%;
    display: inline;
    float: left;
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%;
    margin-bottom: 2em; }
    @media only screen and (min-width: 37.5em) {
      #main article {
        display: inline;
        float: left;
        width: 50%;
        margin-left: 0%;
        margin-right: 0%; } }
    @media only screen and (min-width: 86.375em) {
      #main article {
        display: inline;
        float: left;
        width: 37.5%; } }

#index {
  margin: 0 auto;
  width: 100%;
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 2em; }
  @media only screen and (min-width: 37.5em) {
    #index {
      display: inline;
      float: left;
      width: 50%;
      margin-left: 0%;
      margin-right: 0%; } }
  @media only screen and (min-width: 86.375em) {
    #index {
      display: inline;
      float: left;
      width: 37.5%; } }
  #index h3 {
    margin: 0;
    padding-bottom: .5em;
    font-size: 28px;
    font-size: 1.75rem;
    border-bottom: 1px solid #c4c4c4; }
  #index article h2 {
    margin-bottom: 4px;
    font-size: 20px;
    font-size: 1.25rem; }
    #index article h2.link-post {
      margin-bottom: 26px;
      margin-bottom: 1.625rem; }
  #index article p {
    font-size: 14px;
    font-size: 0.875rem; }
  #index article p + p {
    text-indent: 0; }

.image-wrap {
  position: relative;
  margin-bottom: 2em; }
  .image-wrap:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 8%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-bottom-color: #fff; }
    @media only screen and (min-width: 37.5em) {
      .image-wrap:after {
        left: 25%; } }
    @media only screen and (min-width: 86.375em) {
      .image-wrap:after {
        left: 33.333333333%; } }
  .image-wrap img {
    width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic; }
  .image-wrap .headline-wrap {
    position: absolute;
    bottom: 25px;
    margin-left: 8.3333333333%; }
    @media only screen and (min-width: 37.5em) {
      .image-wrap .headline-wrap {
        left: 25%;
        margin-left: 0; } }
    @media only screen and (min-width: 86.375em) {
      .image-wrap .headline-wrap {
        margin-left: 8.3333333333%; } }
    .image-wrap .headline-wrap h1, .image-wrap .headline-wrap h2 {
      color: #fff;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }

.byline {
  clear: both;
  font-size: 80%; }

.article-author-side h3,
.article-author-bottom h3 {
  margin-bottom: 0; }
.article-author-side p,
.article-author-bottom p {
  font-size: 80%;
  font-style: italic; }
.article-author-side a, .article-author-side a:hover,
.article-author-bottom a,
.article-author-bottom a:hover {
  border-bottom: 0 solid transparent; }

.author-social {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #111; }
  .author-social:visited {
    color: #111; }
  .author-social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .author-social:active {
    -webkit-transform: translate(0, 2px);
    -moz-transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -o-transform: translate(0, 2px);
    transform: translate(0, 2px); }
  .author-social .fa {
    margin-right: 5px; }

.article-author-side {
  display: none; }
  .article-author-side .bio-photo {
    max-width: 110px;
    border-radius: 150px; }
  @media only screen and (min-width: 37.5em) {
    .article-author-side {
      display: block;
      display: inline;
      float: left;
      width: 16.6666666667%;
      margin-left: 4.1666666667%;
      margin-right: 4.1666666667%; }
      .article-author-side h3,
      .article-author-side p,
      .article-author-side .author-social {
        display: block;
        max-width: 125px; }
      .article-author-side h3 {
        margin-top: 10px;
        margin-bottom: 10px; }
      .article-author-side p {
        margin-bottom: 20px; }
      .article-author-side .author-social {
        margin-bottom: 5px; } }
  @media only screen and (min-width: 62em) {
    .article-author-side h3,
    .article-author-side .bio-photo,
    .article-author-side p,
    .article-author-side .author-social {
      max-width: 150px; } }
  @media only screen and (min-width: 86.375em) {
    .article-author-side {
      display: inline;
      float: left;
      width: 12.5%;
      margin-left: 16.6666666667%; } }

.article-author-bottom {
  margin-bottom: 1em; }
  @media only screen and (min-width: 37.5em) {
    .article-author-bottom {
      display: none; } }
  .article-author-bottom .bio-photo {
    float: left;
    margin-right: 25px;
    max-width: 100px;
    border-radius: 150px; }
  .article-author-bottom .author-social {
    display: inline-block;
    margin-right: 10px; }
  @media only screen and (min-width: 62em) {
    .article-author-bottom h3,
    .article-author-bottom .bio-photo,
    .article-author-bottom p,
    .article-author-bottom .author-social {
      max-width: 150px; } }

.article-wrap p > a,
.article-wrap li > a {
  border-bottom: 1px dotted #b4b4b4; }
  .article-wrap p > a:hover,
  .article-wrap li > a:hover {
    border-bottom-style: solid; }
.article-wrap p > a.reversefootnote,
.article-wrap li > a.reversefootnote {
  border-bottom-width: 0; }

.toc {
  display: none;
  font-size: 95%; }
  @media only screen and (min-width: 37.5em) {
    .toc {
      display: block;
      display: inline;
      float: left;
      width: 16.6666666667%;
      margin-left: 4.1666666667%;
      margin-right: 4.1666666667%;
      position: absolute;
      top: 5.5em;
      right: 0;
      background-color: #fff; } }
  .toc header {
    background: #2b2b2b; }
  .toc h3 {
    margin: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    text-transform: uppercase; }
    .toc h3:hover {
      cursor: pointer; }
  .toc ul {
    margin: 2px 0 0;
    padding: 0;
    line-height: 1; }
  .toc li {
    display: block;
    margin: 0 0 1px 0;
    padding: 0;
    font-family: "Pragati Narrow", sans-serif;
    list-style-type: none; }
    .toc li:last-child {
      border-bottom-width: 0; }
    .toc li a {
      padding: 10px;
      display: block;
      color: #fff;
      border-bottom-width: 0;
      background: #5e5e5e;
      opacity: 0.7;
      -webkit-transition: opacity 0.2s ease-in-out;
      -moz-transition: opacity 0.2s ease-in-out;
      -ms-transition: opacity 0.2s ease-in-out;
      -o-transition: opacity 0.2s ease-in-out;
      transition: opacity 0.2s ease-in-out; }
      .toc li a:hover {
        opacity: 1; }
    .toc li ul {
      margin: 1px 0 0; }

.image-grid {
  *zoom: 1;
  list-style: none;
  margin: 0 0 1em;
  padding: 0; }
  .image-grid:before, .image-grid:after {
    display: table;
    content: "";
    line-height: 0; }
  .image-grid:after {
    clear: both; }
  .image-grid li {
    display: inline;
    float: left;
    width: 50%; }
    @media only screen and (min-width: 30em) {
      .image-grid li {
        width: 33.333333%; } }
    @media only screen and (min-width: 37.5em) {
      .image-grid li {
        width: 25%; } }
    @media only screen and (min-width: 48em) {
      .image-grid li {
        width: 20%; } }
    @media only screen and (min-width: 62em) {
      .image-grid li {
        width: 16.666666666%; } }

.recent-grid {
  *zoom: 1;
  list-style: none;
  margin: 1em 0; }
  .recent-grid:before, .recent-grid:after {
    display: table;
    content: "";
    line-height: 0; }
  .recent-grid:after {
    clear: both; }
  .recent-grid li {
    display: inline; }
    .recent-grid li a {
      border-bottom: 0 solid transparent; }
      .recent-grid li a:hover {
        border-bottom: 0 solid transparent; }
  .recent-grid img {
    width: 19%;
    margin-bottom: 1%; }

.holder {
  font-family: "Pragati Narrow", sans-serif; }
  .holder a {
    cursor: pointer;
    margin: 0 5px; }
  .holder a.jp-previous {
    margin-left: 0;
    margin-right: 15px; }
  .holder a.jp-next {
    margin-left: 15px;
    margin-right: 0; }
  .holder a.jp-current {
    font-weight: normal; }
  .holder a.jp-current,
  .holder a.jp-current:hover,
  .holder a.jp-disabled,
  .holder a.jp-disabled:hover {
    cursor: default;
    background: none; }
  .holder span {
    margin: 0 5px; }

.footer-wrap {
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  clear: both;
  padding-bottom: 3em; }
  .footer-wrap:before, .footer-wrap:after {
    display: table;
    content: "";
    line-height: 0; }
  .footer-wrap:after {
    clear: both; }
  .footer-wrap a,
  .footer-wrap a:active,
  .footer-wrap a:visited,
  .footer-wrap p,
  .footer-wrap h4,
  .footer-wrap h5,
  .footer-wrap h6,
  .footer-wrap span {
    font-size: 14px;
    font-size: 0.875rem; }
  .footer-wrap footer {
    display: inline;
    float: left;
    width: 83.3333333333%;
    margin-left: 8.3333333333%;
    margin-right: 8.3333333333%; }
    @media only screen and (min-width: 37.5em) {
      .footer-wrap footer {
        display: inline;
        float: left;
        width: 50%;
        margin-left: 25%;
        margin-right: 25%; } }
    @media only screen and (min-width: 86.375em) {
      .footer-wrap footer {
        display: inline;
        float: left;
        width: 37.5%;
        margin-left: 33.3333333333%;
        margin-right: 29.1666666667%; } }

.related-articles {
  display: inline;
  float: left;
  width: 83.3333333333%;
  margin-left: 8.3333333333%;
  margin-right: 8.3333333333%;
  margin-bottom: 2em; }
  @media only screen and (min-width: 37.5em) {
    .related-articles {
      display: inline;
      float: left;
      width: 50%;
      margin-left: 25%;
      margin-right: 25%; } }
  @media only screen and (min-width: 86.375em) {
    .related-articles {
      display: inline;
      float: left;
      width: 37.5%;
      margin-left: 33.3333333333%;
      margin-right: 29.1666666667%; } }
  .related-articles h4 {
    text-transform: uppercase;
    margin-bottom: 0; }
  .related-articles li {
    margin-bottom: 0; }

.footer-icons li {
  display: inline-block;
  padding-right: 5px; }
  .footer-icons li a {
    color: #9a9a9a;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear; }
    .footer-icons li a:hover {
      text-decoration: none;
      border-bottom: none; }
      .footer-icons li a:hover .icon-twitter,
      .footer-icons li a:hover .icon-twitter-sign {
        color: #2aa9df; }
      .footer-icons li a:hover .icon-facebook,
      .footer-icons li a:hover .icon-facebook-sign {
        color: #3a5a98; }
      .footer-icons li a:hover .icon-instagram,
      .footer-icons li a:hover .icon-instagram-sign {
        color: #306088; }
      .footer-icons li a:hover .icon-google-plus,
      .footer-icons li a:hover .icon-google-plus-sign {
        color: #b63324; }
      .footer-icons li a:hover .icon-lastfm,
      .footer-icons li a:hover .icon-lastfm-sign {
        color: #d80049; }
      .footer-icons li a:hover .icon-github {
        color: #4183c4; }

.browser-upgrade {
  background: #000;
  text-align: center;
  margin: 0 0 2em 0;
  padding: 10px;
  text-align: center;
  color: #fff; }
  .browser-upgrade a {
    color: #fff;
    border-bottom: 1px dotted #fff;
    text-decoration: none; }
    .browser-upgrade a:hover {
      border-bottom: 1px solid #fff; }

#goog-fixurl ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  #goog-fixurl ul li {
    list-style-type: none; }

#goog-wm-qt {
  width: auto;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 8px 20px;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  color: #111;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #919191;
  border-radius: 3px; }

/* Magnific Popup CSS */
.mfp-counter {
  font-family: "IBM Plex Sans", sans-serif; }

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #111;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #fff; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #fff; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #fff; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #fff; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans Narrow"), local("PTSans-Narrow"), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/UyYrYy3ltEffJV9QueSi4RdbPw3QSf9R-kE0EsQUn2A.woff) format("woff"); }
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: local("PT Sans Narrow Bold"), local("PTSans-NarrowBold"), url(http://themes.googleusercontent.com/static/fonts/ptsansnarrow/v5/Q_pTky3Sc3ubRibGToTAYiylde52zikAzebNtJS89aM.woff) format("woff"); }
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local("PT Serif"), local("PTSerif-Regular"), url(http://fonts.gstatic.com/s/ptserif/v7/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2) format("woff2"), url(http://fonts.gstatic.com/s/ptserif/v7/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format("woff"); }
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local("PT Serif Bold"), local("PTSerif-Bold"), url(http://fonts.gstatic.com/s/ptserif/v7/QABk9IxT-LFTJ_dQzv7xpI4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2"), url(http://fonts.gstatic.com/s/ptserif/v7/QABk9IxT-LFTJ_dQzv7xpIbN6UDyHWBl620a-IRfuBk.woff) format("woff"); }
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: local("PT Serif Italic"), local("PTSerif-Italic"), url(http://fonts.gstatic.com/s/ptserif/v7/03aPdn7fFF3H6ngCgAlQzPk_vArhqVIZ0nv9q090hN8.woff2) format("woff2"), url(http://fonts.gstatic.com/s/ptserif/v7/03aPdn7fFF3H6ngCgAlQzBsxEYwM7FgeyaSgU71cLG0.woff) format("woff"); }