@font-face { font-family: 'Futura Md BT'; src: url("../fonts/futura medium bt.tff") format("truetype"); font-weight: normal; font-style: normal; }
/* syntax highlighting (base16) */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/** A very simple reset that sits on top of Normalize.css.
*/
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, fieldset, legend, figure, hr { margin: 0; padding: 0; }

/** Remove trailing margins from nested lists. */
li > ul, li > ol { margin-bottom: 0; }

/** Remove default table spacing. */
table { border-collapse: collapse; border-spacing: 0; }

h1, h2, h3, h4, h5, h6, ul, ol, dl, blockquote, p, address, hr, table, fieldset, figure, pre { margin-bottom: 15px; }

ul, ol, dd { margin-left: 15px; }

/* Syntax Highlighting
*/
div.highlighter-rouge, figure.highlight { position: relative; margin-bottom: 1em; background: #263238; color: #eeffff; font-family: Monaco, Consolas, "Lucida Console", monospace; font-size: 0.75em; line-height: 1.8; border-radius: 4px; }
div.highlighter-rouge > pre, div.highlighter-rouge pre.highlight, figure.highlight > pre, figure.highlight pre.highlight { margin: 0; padding: 1em; }

.highlight table { margin-bottom: 0; font-size: 1em; border: 0; }
.highlight table td { padding: 0; width: calc(100% - 1em); border: 0; /* line numbers*/ /* code */ }
.highlight table td.gutter, .highlight table td.rouge-gutter { padding-right: 1em; width: 1em; color: #b2ccd6; border-right: 1px solid #b2ccd6; text-align: right; }
.highlight table td.code, .highlight table td.rouge-code { padding-left: 1em; }
.highlight table pre { margin: 0; }

.highlight pre { width: 100%; }

.highlight .hll { background-color: #eeffff; }

.highlight .c { /* Comment */ color: #b2ccd6; }
.highlight .err { /* Error */ color: #f07178; }
.highlight .k { /* Keyword */ color: #c792ea; }
.highlight .l { /* Literal */ color: #f78c6c; }
.highlight .n { /* Name */ color: #eeffff; }
.highlight .o { /* Operator */ color: #89ddff; }
.highlight .p { /* Punctuation */ color: #eeffff; }
.highlight .cm { /* Comment.Multiline */ color: #b2ccd6; }
.highlight .cp { /* Comment.Preproc */ color: #b2ccd6; }
.highlight .c1 { /* Comment.Single */ color: #b2ccd6; }
.highlight .cs { /* Comment.Special */ color: #b2ccd6; }
.highlight .gd { /* Generic.Deleted */ color: #f07178; }
.highlight .ge { /* Generic.Emph */ font-style: italic; }
.highlight .gh { /* Generic.Heading */ color: #eeffff; font-weight: bold; }
.highlight .gi { /* Generic.Inserted */ color: #c3e88d; }
.highlight .gp { /* Generic.Prompt */ color: #b2ccd6; font-weight: bold; }
.highlight .gs { /* Generic.Strong */ font-weight: bold; }
.highlight .gu { /* Generic.Subheading */ color: #89ddff; font-weight: bold; }
.highlight .kc { /* Keyword.Constant */ color: #c792ea; }
.highlight .kd { /* Keyword.Declaration */ color: #c792ea; }
.highlight .kn { /* Keyword.Namespace */ color: #89ddff; }
.highlight .kp { /* Keyword.Pseudo */ color: #c792ea; }
.highlight .kr { /* Keyword.Reserved */ color: #c792ea; }
.highlight .kt { /* Keyword.Type */ color: #ffcb6b; }
.highlight .ld { /* Literal.Date */ color: #c3e88d; }
.highlight .m { /* Literal.Number */ color: #f78c6c; }
.highlight .s { /* Literal.String */ color: #c3e88d; }
.highlight .na { /* Name.Attribute */ color: #82aaff; }
.highlight .nb { /* Name.Builtin */ color: #eeffff; }
.highlight .nc { /* Name.Class */ color: #ffcb6b; }
.highlight .no { /* Name.Constant */ color: #f07178; }
.highlight .nd { /* Name.Decorator */ color: #89ddff; }
.highlight .ni { /* Name.Entity */ color: #eeffff; }
.highlight .ne { /* Name.Exception */ color: #f07178; }
.highlight .nf { /* Name.Function */ color: #82aaff; }
.highlight .nl { /* Name.Label */ color: #eeffff; }
.highlight .nn { /* Name.Namespace */ color: #ffcb6b; }
.highlight .nx { /* Name.Other */ color: #82aaff; }
.highlight .py { /* Name.Property */ color: #eeffff; }
.highlight .nt { /* Name.Tag */ color: #89ddff; }
.highlight .nv { /* Name.Variable */ color: #f07178; }
.highlight .ow { /* Operator.Word */ color: #89ddff; }
.highlight .w { /* Text.Whitespace */ color: #eeffff; }
.highlight .mf { /* Literal.Number.Float */ color: #f78c6c; }
.highlight .mh { /* Literal.Number.Hex */ color: #f78c6c; }
.highlight .mi { /* Literal.Number.Integer */ color: #f78c6c; }
.highlight .mo { /* Literal.Number.Oct */ color: #f78c6c; }
.highlight .sb { /* Literal.String.Backtick */ color: #c3e88d; }
.highlight .sc { /* Literal.String.Char */ color: #eeffff; }
.highlight .sd { /* Literal.String.Doc */ color: #b2ccd6; }
.highlight .s2 { /* Literal.String.Double */ color: #c3e88d; }
.highlight .se { /* Literal.String.Escape */ color: #f78c6c; }
.highlight .sh { /* Literal.String.Heredoc */ color: #c3e88d; }
.highlight .si { /* Literal.String.Interpol */ color: #f78c6c; }
.highlight .sx { /* Literal.String.Other */ color: #c3e88d; }
.highlight .sr { /* Literal.String.Regex */ color: #c3e88d; }
.highlight .s1 { /* Literal.String.Single */ color: #c3e88d; }
.highlight .ss { /* Literal.String.Symbol */ color: #c3e88d; }
.highlight .bp { /* Name.Builtin.Pseudo */ color: #eeffff; }
.highlight .vc { /* Name.Variable.Class */ color: #f07178; }
.highlight .vg { /* Name.Variable.Global */ color: #f07178; }
.highlight .vi { /* Name.Variable.Instance */ color: #f07178; }
.highlight .il { /* Literal.Number.Integer.Long */ color: #f78c6c; }

.gist th, .gist td { border-bottom: 0; }

.container { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }

.container-full { max-width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; }

.row { display: flex; flex-wrap: wrap; flex: 0 1 auto; flex-direction: row; box-sizing: border-box; margin-left: -15px; margin-right: -15px; }

.col { padding-left: 15px; padding-right: 15px; }

[class^="col-"] { flex: auto; }

/* ========== MOBILE FIRST ========== */
.col-0 { width: 0%; }

.col-1 { width: 8.3333333333%; }

.col-2 { width: 16.6666666667%; }

.col-3 { width: 25%; }

.col-4 { width: 33.3333333333%; }

.col-5 { width: 41.6666666667%; }

.col-6 { width: 50%; }

.col-7 { width: 58.3333333333%; }

.col-8 { width: 66.6666666667%; }

.col-9 { width: 75%; }

.col-10 { width: 83.3333333333%; }

.col-11 { width: 91.6666666667%; }

.col-12 { width: 100%; }

.push-0 { margin-left: 0%; }

.push-1 { margin-left: 8.3333333333%; }

.push-2 { margin-left: 16.6666666667%; }

.push-3 { margin-left: 25%; }

.push-4 { margin-left: 33.3333333333%; }

.push-5 { margin-left: 41.6666666667%; }

.push-6 { margin-left: 50%; }

.push-7 { margin-left: 58.3333333333%; }

.push-8 { margin-left: 66.6666666667%; }

.push-9 { margin-left: 75%; }

.push-10 { margin-left: 83.3333333333%; }

.push-11 { margin-left: 91.6666666667%; }

.push-12 { margin-left: 100%; }

.pull-0 { margin-right: 0%; }

.pull-1 { margin-right: 8.3333333333%; }

.pull-2 { margin-right: 16.6666666667%; }

.pull-3 { margin-right: 25%; }

.pull-4 { margin-right: 33.3333333333%; }

.pull-5 { margin-right: 41.6666666667%; }

.pull-6 { margin-right: 50%; }

.pull-7 { margin-right: 58.3333333333%; }

.pull-8 { margin-right: 66.6666666667%; }

.pull-9 { margin-right: 75%; }

.pull-10 { margin-right: 83.3333333333%; }

.pull-11 { margin-right: 91.6666666667%; }

.pull-12 { margin-right: 100%; }

@media (min-width: 768px) { .col-t-0 { width: 0%; }
  .col-t-1 { width: 8.3333333333%; }
  .col-t-2 { width: 16.6666666667%; }
  .col-t-3 { width: 25%; }
  .col-t-4 { width: 33.3333333333%; }
  .col-t-5 { width: 41.6666666667%; }
  .col-t-6 { width: 50%; }
  .col-t-7 { width: 58.3333333333%; }
  .col-t-8 { width: 66.6666666667%; }
  .col-t-9 { width: 75%; }
  .col-t-10 { width: 83.3333333333%; }
  .col-t-11 { width: 91.6666666667%; }
  .col-t-12 { width: 100%; }
  .push-t-0 { margin-left: 0%; }
  .push-t-1 { margin-left: 8.3333333333%; }
  .push-t-2 { margin-left: 16.6666666667%; }
  .push-t-3 { margin-left: 25%; }
  .push-t-4 { margin-left: 33.3333333333%; }
  .push-t-5 { margin-left: 41.6666666667%; }
  .push-t-6 { margin-left: 50%; }
  .push-t-7 { margin-left: 58.3333333333%; }
  .push-t-8 { margin-left: 66.6666666667%; }
  .push-t-9 { margin-left: 75%; }
  .push-t-10 { margin-left: 83.3333333333%; }
  .push-t-11 { margin-left: 91.6666666667%; }
  .push-t-12 { margin-left: 100%; }
  .pull-t-0 { margin-right: 0%; }
  .pull-t-1 { margin-right: 8.3333333333%; }
  .pull-t-2 { margin-right: 16.6666666667%; }
  .pull-t-3 { margin-right: 25%; }
  .pull-t-4 { margin-right: 33.3333333333%; }
  .pull-t-5 { margin-right: 41.6666666667%; }
  .pull-t-6 { margin-right: 50%; }
  .pull-t-7 { margin-right: 58.3333333333%; }
  .pull-t-8 { margin-right: 66.6666666667%; }
  .pull-t-9 { margin-right: 75%; }
  .pull-t-10 { margin-right: 83.3333333333%; }
  .pull-t-11 { margin-right: 91.6666666667%; }
  .pull-t-12 { margin-right: 100%; } }
@media (min-width: 992px) { .col-d-0 { width: 0%; }
  .col-d-1 { width: 8.3333333333%; }
  .col-d-2 { width: 16.6666666667%; }
  .col-d-3 { width: 25%; }
  .col-d-4 { width: 33.3333333333%; }
  .col-d-5 { width: 41.6666666667%; }
  .col-d-6 { width: 50%; }
  .col-d-7 { width: 58.3333333333%; }
  .col-d-8 { width: 66.6666666667%; }
  .col-d-9 { width: 75%; }
  .col-d-10 { width: 83.3333333333%; }
  .col-d-11 { width: 91.6666666667%; }
  .col-d-12 { width: 100%; }
  .push-d-0 { margin-left: 0%; }
  .push-d-1 { margin-left: 8.3333333333%; }
  .push-d-2 { margin-left: 16.6666666667%; }
  .push-d-3 { margin-left: 25%; }
  .push-d-4 { margin-left: 33.3333333333%; }
  .push-d-5 { margin-left: 41.6666666667%; }
  .push-d-6 { margin-left: 50%; }
  .push-d-7 { margin-left: 58.3333333333%; }
  .push-d-8 { margin-left: 66.6666666667%; }
  .push-d-9 { margin-left: 75%; }
  .push-d-10 { margin-left: 83.3333333333%; }
  .push-d-11 { margin-left: 91.6666666667%; }
  .push-d-12 { margin-left: 100%; }
  .pull-d-0 { margin-right: 0%; }
  .pull-d-1 { margin-right: 8.3333333333%; }
  .pull-d-2 { margin-right: 16.6666666667%; }
  .pull-d-3 { margin-right: 25%; }
  .pull-d-4 { margin-right: 33.3333333333%; }
  .pull-d-5 { margin-right: 41.6666666667%; }
  .pull-d-6 { margin-right: 50%; }
  .pull-d-7 { margin-right: 58.3333333333%; }
  .pull-d-8 { margin-right: 66.6666666667%; }
  .pull-d-9 { margin-right: 75%; }
  .pull-d-10 { margin-right: 83.3333333333%; }
  .pull-d-11 { margin-right: 91.6666666667%; }
  .pull-d-12 { margin-right: 100%; } }
@media (min-width: 768px) { .col-t-0 { width: 0%; }
  .col-t-1 { width: 8.3333333333%; }
  .col-t-2 { width: 16.6666666667%; }
  .col-t-3 { width: 25%; }
  .col-t-4 { width: 33.3333333333%; }
  .col-t-5 { width: 41.6666666667%; }
  .col-t-6 { width: 50%; }
  .col-t-7 { width: 58.3333333333%; }
  .col-t-8 { width: 66.6666666667%; }
  .col-t-9 { width: 75%; }
  .col-t-10 { width: 83.3333333333%; }
  .col-t-11 { width: 91.6666666667%; }
  .col-t-12 { width: 100%; }
  .push-t-0 { margin-left: 0%; }
  .push-t-1 { margin-left: 8.3333333333%; }
  .push-t-2 { margin-left: 16.6666666667%; }
  .push-t-3 { margin-left: 25%; }
  .push-t-4 { margin-left: 33.3333333333%; }
  .push-t-5 { margin-left: 41.6666666667%; }
  .push-t-6 { margin-left: 50%; }
  .push-t-7 { margin-left: 58.3333333333%; }
  .push-t-8 { margin-left: 66.6666666667%; }
  .push-t-9 { margin-left: 75%; }
  .push-t-10 { margin-left: 83.3333333333%; }
  .push-t-11 { margin-left: 91.6666666667%; }
  .push-t-12 { margin-left: 100%; }
  .pull-t-0 { margin-right: 0%; }
  .pull-t-1 { margin-right: 8.3333333333%; }
  .pull-t-2 { margin-right: 16.6666666667%; }
  .pull-t-3 { margin-right: 25%; }
  .pull-t-4 { margin-right: 33.3333333333%; }
  .pull-t-5 { margin-right: 41.6666666667%; }
  .pull-t-6 { margin-right: 50%; }
  .pull-t-7 { margin-right: 58.3333333333%; }
  .pull-t-8 { margin-right: 66.6666666667%; }
  .pull-t-9 { margin-right: 75%; }
  .pull-t-10 { margin-right: 83.3333333333%; }
  .pull-t-11 { margin-right: 91.6666666667%; }
  .pull-t-12 { margin-right: 100%; } }
@media (min-width: 992px) { .col-d-0 { width: 0%; }
  .col-d-1 { width: 8.3333333333%; }
  .col-d-2 { width: 16.6666666667%; }
  .col-d-3 { width: 25%; }
  .col-d-4 { width: 33.3333333333%; }
  .col-d-5 { width: 41.6666666667%; }
  .col-d-6 { width: 50%; }
  .col-d-7 { width: 58.3333333333%; }
  .col-d-8 { width: 66.6666666667%; }
  .col-d-9 { width: 75%; }
  .col-d-10 { width: 83.3333333333%; }
  .col-d-11 { width: 91.6666666667%; }
  .col-d-12 { width: 100%; }
  .push-d-0 { margin-left: 0%; }
  .push-d-1 { margin-left: 8.3333333333%; }
  .push-d-2 { margin-left: 16.6666666667%; }
  .push-d-3 { margin-left: 25%; }
  .push-d-4 { margin-left: 33.3333333333%; }
  .push-d-5 { margin-left: 41.6666666667%; }
  .push-d-6 { margin-left: 50%; }
  .push-d-7 { margin-left: 58.3333333333%; }
  .push-d-8 { margin-left: 66.6666666667%; }
  .push-d-9 { margin-left: 75%; }
  .push-d-10 { margin-left: 83.3333333333%; }
  .push-d-11 { margin-left: 91.6666666667%; }
  .push-d-12 { margin-left: 100%; }
  .pull-d-0 { margin-right: 0%; }
  .pull-d-1 { margin-right: 8.3333333333%; }
  .pull-d-2 { margin-right: 16.6666666667%; }
  .pull-d-3 { margin-right: 25%; }
  .pull-d-4 { margin-right: 33.3333333333%; }
  .pull-d-5 { margin-right: 41.6666666667%; }
  .pull-d-6 { margin-right: 50%; }
  .pull-d-7 { margin-right: 58.3333333333%; }
  .pull-d-8 { margin-right: 66.6666666667%; }
  .pull-d-9 { margin-right: 75%; }
  .pull-d-10 { margin-right: 83.3333333333%; }
  .pull-d-11 { margin-right: 91.6666666667%; }
  .pull-d-12 { margin-right: 100%; } }
@media (min-width: 768px) { .col-t-0 { width: 0%; }
  .col-t-1 { width: 8.3333333333%; }
  .col-t-2 { width: 16.6666666667%; }
  .col-t-3 { width: 25%; }
  .col-t-4 { width: 33.3333333333%; }
  .col-t-5 { width: 41.6666666667%; }
  .col-t-6 { width: 50%; }
  .col-t-7 { width: 58.3333333333%; }
  .col-t-8 { width: 66.6666666667%; }
  .col-t-9 { width: 75%; }
  .col-t-10 { width: 83.3333333333%; }
  .col-t-11 { width: 91.6666666667%; }
  .col-t-12 { width: 100%; }
  .push-t-0 { margin-left: 0%; }
  .push-t-1 { margin-left: 8.3333333333%; }
  .push-t-2 { margin-left: 16.6666666667%; }
  .push-t-3 { margin-left: 25%; }
  .push-t-4 { margin-left: 33.3333333333%; }
  .push-t-5 { margin-left: 41.6666666667%; }
  .push-t-6 { margin-left: 50%; }
  .push-t-7 { margin-left: 58.3333333333%; }
  .push-t-8 { margin-left: 66.6666666667%; }
  .push-t-9 { margin-left: 75%; }
  .push-t-10 { margin-left: 83.3333333333%; }
  .push-t-11 { margin-left: 91.6666666667%; }
  .push-t-12 { margin-left: 100%; }
  .pull-t-0 { margin-right: 0%; }
  .pull-t-1 { margin-right: 8.3333333333%; }
  .pull-t-2 { margin-right: 16.6666666667%; }
  .pull-t-3 { margin-right: 25%; }
  .pull-t-4 { margin-right: 33.3333333333%; }
  .pull-t-5 { margin-right: 41.6666666667%; }
  .pull-t-6 { margin-right: 50%; }
  .pull-t-7 { margin-right: 58.3333333333%; }
  .pull-t-8 { margin-right: 66.6666666667%; }
  .pull-t-9 { margin-right: 75%; }
  .pull-t-10 { margin-right: 83.3333333333%; }
  .pull-t-11 { margin-right: 91.6666666667%; }
  .pull-t-12 { margin-right: 100%; } }
@media (min-width: 992px) { .col-d-0 { width: 0%; }
  .col-d-1 { width: 8.3333333333%; }
  .col-d-2 { width: 16.6666666667%; }
  .col-d-3 { width: 25%; }
  .col-d-4 { width: 33.3333333333%; }
  .col-d-5 { width: 41.6666666667%; }
  .col-d-6 { width: 50%; }
  .col-d-7 { width: 58.3333333333%; }
  .col-d-8 { width: 66.6666666667%; }
  .col-d-9 { width: 75%; }
  .col-d-10 { width: 83.3333333333%; }
  .col-d-11 { width: 91.6666666667%; }
  .col-d-12 { width: 100%; }
  .push-d-0 { margin-left: 0%; }
  .push-d-1 { margin-left: 8.3333333333%; }
  .push-d-2 { margin-left: 16.6666666667%; }
  .push-d-3 { margin-left: 25%; }
  .push-d-4 { margin-left: 33.3333333333%; }
  .push-d-5 { margin-left: 41.6666666667%; }
  .push-d-6 { margin-left: 50%; }
  .push-d-7 { margin-left: 58.3333333333%; }
  .push-d-8 { margin-left: 66.6666666667%; }
  .push-d-9 { margin-left: 75%; }
  .push-d-10 { margin-left: 83.3333333333%; }
  .push-d-11 { margin-left: 91.6666666667%; }
  .push-d-12 { margin-left: 100%; }
  .pull-d-0 { margin-right: 0%; }
  .pull-d-1 { margin-right: 8.3333333333%; }
  .pull-d-2 { margin-right: 16.6666666667%; }
  .pull-d-3 { margin-right: 25%; }
  .pull-d-4 { margin-right: 33.3333333333%; }
  .pull-d-5 { margin-right: 41.6666666667%; }
  .pull-d-6 { margin-right: 50%; }
  .pull-d-7 { margin-right: 58.3333333333%; }
  .pull-d-8 { margin-right: 66.6666666667%; }
  .pull-d-9 { margin-right: 75%; }
  .pull-d-10 { margin-right: 83.3333333333%; }
  .pull-d-11 { margin-right: 91.6666666667%; }
  .pull-d-12 { margin-right: 100%; } }
@media (min-width: 992px) { .d-hide { display: none !important; }
  .d-show { display: block !important; } }
*, *::after, *::before { box-sizing: border-box; }

body { font-family: "Nunito", sans-serif; font-size: 16px; line-height: 28px; color: #f6f6f6; background: #2C2F36; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body input, body textarea { border: #3E4250 1px solid; outline: none; }
body input:focus:required:invalid, body textarea:focus:required:invalid { border-color: #e02f40; }
body input:required:valid, body textarea:required:valid { border-color: #34a74e; }

::placeholder { color: #666; }

*::selection { color: #ffffff; background-color: #1ABC9C; }

h1, h2, h3, h4, h5, h6 { line-height: initial; }

h1 { font-size: 36px; }

h2 { font-size: 28px; }

h3 { font-size: 24px; }

h4 { font-size: 20px; }

h5 { font-size: 18px; }

h6 { font-size: 16px; }

blockquote { padding-left: 15px; border-left: 3px solid #1ABC9C; font-style: normal; }

pre { overflow: auto; padding: 15px; margin-bottom: 0; font-size: 14px; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }

img { max-width: 100%; height: auto; vertical-align: middle; }
img + em { text-align: center; display: block; margin-top: 10px; font-weight: normal; font-size: 16px; color: #707890; }

a { text-decoration: none; color: #1ABC9C; transition: 0.35s; }
a:hover { color: #3ee4c4; }

hr { display: block; height: 2px; padding: 0; margin: 30px 0; line-height: 0; border: 0; background-color: #3E4250; }

blockquote { padding: 15px 15px 15px 30px; font-size: 18px; font-style: normal; border-left: 4px solid #1ABC9C; }
blockquote p { margin-bottom: 0; }

pre { overflow: auto; padding: 15px; margin-bottom: 0; font-size: 14px; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; }

.table-container { max-width: 100%; overflow-x: auto; }

table { font-size: 12px; color: #101010; width: 100%; border-width: 1px; border-color: #707890; border-collapse: collapse; }

table th { padding: 8px; font-size: 16px; text-align: left; border: 1px solid #707890; color: #ffffff; background-color: #1ABC9C; }

table tr { background-color: #c5f7ed; transition: all .3s ease; }
table tr:nth-child(even) { background-color: #ffffff; }

table td { padding: 8px; font-size: 14px; border: 1px solid #707890; }

table tr:hover { background-color: #ffffff; }

.button { display: inline-block; white-space: nowrap; vertical-align: middle; font: inherit; text-align: center; padding: 8px 30px; border-radius: 3px; cursor: pointer; transition: 0.35s; }
.button--primary { color: #ffffff; background-color: #1ABC9C; }
.button--primary:hover { background-color: #117964; color: #ffffff; transition: 0.35s; }
.button--big { display: block; width: 100%; }

.pagination { margin: 20px 0 40px; }
.pagination .pagination-list { display: flex; align-items: center; text-align: center; }
.pagination .pagination-list .older-posts, .pagination .pagination-list .previous-posts, .pagination .pagination-list .newer-posts { display: inline-block; flex-grow: 1; }
.pagination .pagination-list .older-posts .older-link, .pagination .pagination-list .older-posts .previous-link, .pagination .pagination-list .older-posts .newer-link, .pagination .pagination-list .previous-posts .older-link, .pagination .pagination-list .previous-posts .previous-link, .pagination .pagination-list .previous-posts .newer-link, .pagination .pagination-list .newer-posts .older-link, .pagination .pagination-list .newer-posts .previous-link, .pagination .pagination-list .newer-posts .newer-link { display: flex; justify-content: center; align-items: center; padding: 20px 35px; font-size: 14px; line-height: 18px; font-weight: bold; color: #f6f6f6; background: rgba(35, 36, 39, 0.95); transition: 0.35s; }
.pagination .pagination-list .older-posts .older-link:hover, .pagination .pagination-list .older-posts .previous-link:hover, .pagination .pagination-list .older-posts .newer-link:hover, .pagination .pagination-list .previous-posts .older-link:hover, .pagination .pagination-list .previous-posts .previous-link:hover, .pagination .pagination-list .previous-posts .newer-link:hover, .pagination .pagination-list .newer-posts .older-link:hover, .pagination .pagination-list .newer-posts .previous-link:hover, .pagination .pagination-list .newer-posts .newer-link:hover { background: rgba(28, 29, 31, 0.95); }
.pagination .pagination-list .older-link i { margin-left: 10px; }
.pagination .pagination-list .previous-link i, .pagination .pagination-list .newer-link i { margin-right: 10px; }
@media only screen and (min-width: 768px) { .pagination { margin: 20px 0; } }

.footer { padding: 50px 0; margin-top: 30px; background: #101010; }

.footer-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; margin-bottom: 10px; border-bottom: 1px solid #3E4250; }
.footer-top .logo-text { font-size: 16px; font-weight: 700; line-height: 16px; text-transform: uppercase; letter-spacing: 5px; color: #f6f6f6; }
.footer-top .logo-text:hover { color: #707890; }
.footer-top .top { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; border: 1px solid #2C2F36; background-color: #2C2F36; color: #f6f6f6; cursor: pointer; transition: 0.35s; opacity: .5; }
.footer-top .top:hover { opacity: 1; }

.footer-bottom { display: flex; align-items: center; flex-wrap: wrap; }
.footer-bottom .copyright { margin-right: 60px; }
.footer-bottom .copyright p { margin-bottom: 0; font-size: 13px; color: #e7e7e7; }
.footer-bottom .copyright p a { color: #e7e7e7; }
.footer-bottom .copyright p a:hover { color: #1ABC9C; }
.footer-bottom .footer-social ul li { display: inline-block; margin-left: 15px; }
.footer-bottom .footer-social ul li:first-child { margin-left: 0; }
.footer-bottom .footer-social ul li a { font-size: 13px; font-weight: bold; color: #e7e7e7; transition: 0.35s; }
.footer-bottom .footer-social ul li a:hover { color: #1ABC9C; }

.header { margin-bottom: 50px; background: #101010; padding: 40px 0 0; }

.header-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #e7e7e7; }

.header-avatar { display: block; margin: auto; border-radius: 100%; width: 100px; overflow: hidden; margin-bottom: 20px; border: 4px solid #ffffff; }
@media only screen and (min-width: 768px) { .header-avatar { width: 200px; margin-bottom: 60px; } }
.header-avatar:hover { -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); }

.header-title { font-family: "Futura Md BT",sans-serif; font-size: 27px; font-weight: 500; letter-spacing: 0em; line-height: 1; text-align: right; }
@media only screen and (min-width: 768px) { .header-title { font-size: 32px; } }
@media only screen and (min-width: 1220px) { .header-title { font-size: 40px; } }

.header-subtitle { font-family: "Futura Md BT",sans-serif; font-size: 18px; font-weight: 500; letter-spacing: 0em; text-align: right; border-bottom: 4px solid #e7e7e7; margin-bottom: 20px; }
@media only screen and (min-width: 768px) { .header-subtitle { font-size: 32px; } }
@media only screen and (min-width: 1220px) { .header-subtitle { font-size: 40px; } }

.menu-links .list-reset { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin-top: 60px; }
.menu-links .list-reset .item { list-style: none; }
.menu-links .list-reset .item .item-link { color: #e7e7e7; font-size: 18px; }
.menu-links .list-reset .item .item-link:hover { color: #1ABC9C; }

.header-tagline { margin-top: 10px; font-family: "Nunito", sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0em; line-height: 1.5; }
@media only screen and (min-width: 768px) { .header-tagline { margin-top: 15px; font-size: 18px; } }
@media only screen and (min-width: 1220px) { .header-tagline { font-size: 18px; } }

.article-first { margin-bottom: 30px; background: #101010; }
.article-first .article-image-first { position: relative; display: flex; align-items: center; min-height: 450px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #101010; box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25); }
.article-first .article-image-first:before { content: ""; display: table; padding-top: 50%; }
.article-first .article-content-first { padding: 20px; color: #f6f6f6; }
.article-first .article-content-first .article-tag .tag { font-size: 12px; }
.article-first .article-content-first .article-date .date { font-size: 12px; color: rgba(246, 246, 246, 0.8); }
.article-first .article-content-first .article-title { margin-bottom: 20px; font-size: 30px; line-height: 30px; font-weight: normal; }
.article-first .article-content-first .article-title a { color: #f6f6f6; transition: 0.35s; }
.article-first .article-content-first .article-excerpt { max-width: 450px; margin-bottom: 30px; font-size: 14px; line-height: 23px; }
.article-first .article-content-first .button { font-size: 14px; font-weight: 700; border: 1px solid #c9d3e7; color: #f6f6f6; transition: 0.35s; }
.article-first .article-content-first .button:hover { border: 1px solid #1ABC9C; background: #1ABC9C; color: #ffffff; }

.article { display: flex; margin-bottom: 25px; }
.article .article-box { padding-bottom: 20px; border-bottom: 2px solid #3E4250; }
.article .article-head { background: #101010; }
.article .article-image { position: relative; display: block; margin-bottom: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #101010; box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25); }
.article .article-image:before { content: ""; display: table; padding-top: 75%; }
.article .article-content .article-info { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 5px; }
.article .article-content .article-info .article-date { font-size: 12px; color: rgba(246, 246, 246, 0.8); }
.article .article-content .article-info .article-tag .tag { display: inline-block; padding: 2px 5px; margin-right: 5px; font-size: 12px; line-height: 18px; font-weight: bold; border: 1px solid #1ABC9C; border-radius: 3px; text-transform: capitalize; color: #1ABC9C; transition: 0.35s; }
.article .article-content .article-info .article-tag .tag:last-child { margin-right: 0; }
.article .article-content .article-info .article-tag .tag:hover { background: #1ABC9C; color: #ffffff; }
.article .article-content .article-title { margin-bottom: 5px; }
.article .article-content .article-title a { font-size: 24px; color: #f6f6f6; }
.article .article-content .article-excerpt { margin-bottom: 0; font-size: 15px; line-height: 25px; color: #e7e7e7; }

.article-box { position: relative; overflow: hidden; }

.article-first .article-image-first, .article-box .article-image { position: relative; opacity: 0; transition: all 1s cubic-bezier(0.6, 0.3, 0, 1); }

.article-first.reveal-in .article-image-first, .article-box.reveal-in .article-image { opacity: 1; }

@media only screen and (min-width: 576px) { .article-first .article-content-first .article-title { font-size: 45px; line-height: 45px; }
  .article-first .article-content-first .article-excerpt { margin-bottom: 50px; }
  .menu-list .menu-link { font-size: 50px; line-height: 80px; }
  .menu-list .menu-link:before { height: 8px; } }
@media only screen and (min-width: 768px) { .article-first .article-content-first { padding: 60px 40px 0; } }
@media only screen and (max-width: 480px) { .header { padding: 20px 0 0; margin-bottom: 30px; }
  .header-box { flex-flow: wrap; }
  .header-box hr { width: 100%; background-color: transparent; margin: 0; }
  .wd-mob { width: 100%; }
  .header-avatar { margin: auto; margin-bottom: 25px; }
  .header-title { font-size: 20px; text-align: center; }
  .header-subtitle { font-size: 16px; text-align: center; border-bottom: 2px solid #e7e7e7; }
  .menu-links .list-reset { margin-top: 20px; }
  .menu-links .list-reset .item { list-style: none; width: calc(100% / 2); } }
.post { margin-bottom: 20px; }

.post-image-box { background: #101010; }
.post-image-box.reveal-in .post-image { opacity: 1; }

.post-image { min-height: 430px; margin-bottom: 30px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #101010; box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25); position: relative; opacity: 0; transition: all 1s cubic-bezier(0.6, 0.3, 0, 1); }
.post-image:after { content: ""; display: table; width: 100%; padding-top: 50%; }

.post-head, .post-content { background: rgba(35, 36, 39, 0.95); }

.post-content { padding: 40px 15px; box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25); }

.post-head, .post-body { margin-bottom: 20px; border-bottom: 1px solid #3E4250; }

.post-head { padding-bottom: 30px; }
.post-head .post-tag { margin-bottom: 20px; text-align: center; }
.post-head .post-tag .tag { display: inline-block; padding: 5px 15px; margin-right: 5px; font-size: 12px; line-height: 18px; font-weight: bold; border: 1px solid #1ABC9C; text-transform: capitalize; color: #1ABC9C; transition: 0.35s; }
.post-head .post-tag .tag:last-child { margin-right: 0; }
.post-head .post-tag .tag:hover { background: #1ABC9C; color: #ffffff; }
.post-head .post-title { font-size: 28px; text-align: center; font-weight: normal; line-height: 28px; margin-bottom: 5px; }
.post-head .post-time { text-align: center; }
.post-head .post-time span { font-size: 12px; }

.post-body { padding-bottom: 20px; }

.post-share { padding: 10px 0; }
.post-share .share-item { display: inline-block; padding-right: 15px; }
.post-share .share-item a { color: #1ABC9C; }
.post-share .share-item a:hover { color: #3ee4c4; }
.post-share .share-item a i.ion { font-size: 20px; }

.post-navigation { display: flex; flex-wrap: wrap; margin-top: 30px; }

.prev, .next { flex-basis: 100%; padding: 15px; background-color: #1ABC9C; color: #f6f6f6; }
.prev:hover, .next:hover { background: #3ee4c4; color: #ffffff; }
.prev:hover .post-nav-title, .next:hover .post-nav-title { color: #1ABC9C; transition: 0.35s; }
.prev .post-nav-arrow, .next .post-nav-arrow { font-size: 14px; }
.prev .post-nav-title, .next .post-nav-title { font-size: 18px; color: #f6f6f6; transition: 0.35s; }

.prev { margin-bottom: 10px; }

.prev, .next { text-align: center; }

.disabled { color: rgba(255, 249, 252, 0.5); pointer-events: none; cursor: not-allowed; }

.comments { padding: 0 15px; background: #232427; }

@media only screen and (min-width: 576px) { .post-content { padding: 40px; }
  .post-head .post-title { font-size: 43px; line-height: 43px; margin-bottom: 10px; }
  .post-navigation { display: flex; justify-content: space-between; flex-wrap: nowrap; }
  .prev, .next { flex-basis: 48%; padding: 20px; }
  .prev .post-nav-title, .next .post-nav-title { font-size: 21px; }
  .prev { text-align: left; margin-bottom: 0; }
  .next { text-align: right; } }
.page { margin-bottom: 20px; }

.page-image-box { background: #101010; }
.page-image-box.reveal-in .page-image { opacity: 1; }

.page-image { min-height: 230px; margin-bottom: 30px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #101010; box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25); opacity: 0; transition: all 1s cubic-bezier(0.6, 0.3, 0, 1); }
.page-image:after { content: ""; display: table; width: 100%; padding-top: 50%; }

.page-content { padding: 40px 15px; box-shadow: 0 9px 18px 0 rgba(0, 0, 0, 0.25); background: rgba(35, 36, 39, 0.95); }

.page-head { padding-bottom: 30px; }
.page-head .page-title { font-size: 28px; text-align: center; font-weight: normal; line-height: 28px; margin-bottom: 0; }

.page-head, .page-body { margin-bottom: 20px; border-bottom: 1px solid #3E4250; }

.page-body { padding-bottom: 20px; }

@media only screen and (min-width: 576px) { .page-content { padding: 40px; }
  .page-head .page-title { font-size: 43px; line-height: 43px; margin-bottom: 10px; } }
.tags-list { display: flex; flex-wrap: wrap; margin: 40px 0; padding: 0; list-style: none; }
.tags-list .tags-item { margin: 5px; }
.tags-list .tags-link { display: inline-block; padding: 7px 12px; font-size: 14px; border-radius: 4px; color: #f6f6f6; font-weight: 700; background: #2C2F36; }
.tags-list .tags-link:hover { color: #ffffff; background: #1ABC9C; }

.tags-title { margin-bottom: 5px; }

.tags-group { margin-bottom: 30px; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.block { display: block; }

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

.inline { display: inline; }

.vertical-center { display: flex; align-items: center; justify-content: center; }

.show { display: block !important; }

.hide { display: none !important; }

.invisible { visibility: hidden; }

.float-left { float: left; }

.float-right { float: right; }

.no-padding { padding: 0; }

.no-margin { margin: 0; }

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

.list-reset { list-style-type: none; margin: 0; padding: 0; }