@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/** 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 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

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

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

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

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

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

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

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

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

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

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

/** 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/10. */
img { border: 0; }

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

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

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

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, .page-tools > ul > li.edit a.github, .page-tools > ul > li.edit a.github + a, .page-tools > ul > li.share a, .page-tools > ul > li.translate a, .page-tools > ul > li.add a, .page-tools > ul.pagination > li a, .home div > a, .stories .post-content .post-list li > a, .resources .results article > a, .app.post article.post-content .website-link, .app.post article.post-content .source-code-link, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button, .page-tools > ul > li.edit a.github, .page-tools > ul > li.edit a.github + a, .page-tools > ul > li.share a, .page-tools > ul > li.translate a, .page-tools > ul > li.add a, .page-tools > ul.pagination > li a, .home div > a, .stories .post-content .post-list li > a, .resources .results article > a, .app.post article.post-content .website-link, .app.post article.post-content .source-code-link { overflow: visible; }

/** 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 Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, .page-tools > ul > li.edit a.github, .page-tools > ul > li.edit a.github + a, .page-tools > ul > li.share a, .page-tools > ul > li.translate a, .page-tools > ul > li.add a, .page-tools > ul.pagination > li a, .home div > a, .stories .post-content .post-list li > a, .resources .results article > a, .app.post article.post-content .website-link, .app.post article.post-content .source-code-link, 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, .page-tools > ul > li.edit a.github, .page-tools > ul > li.edit a.github + a, .page-tools > ul > li.share a, .page-tools > ul > li.translate a, .page-tools > ul > li.add a, .page-tools > ul.pagination > li a, .home div > a, .stories .post-content .post-list li > a, .resources .results article > a, .app.post article.post-content .website-link, .app.post article.post-content .source-code-link, 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], .page-tools > ul > li.edit a[disabled].github, .page-tools > ul > li.edit a.github + a[disabled], .page-tools > ul > li.share a[disabled], .page-tools > ul > li.translate a[disabled], .page-tools > ul > li.add a[disabled], .page-tools > ul.pagination > li a[disabled], .home div > a[disabled], .stories .post-content .post-list li > a[disabled], .resources .results article > a[disabled], .app.post article.post-content [disabled].website-link, .app.post article.post-content [disabled].source-code-link, html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, .page-tools > ul > li.edit a.github::-moz-focus-inner, .page-tools > ul > li.edit a.github + a::-moz-focus-inner, .page-tools > ul > li.share a::-moz-focus-inner, .page-tools > ul > li.translate a::-moz-focus-inner, .page-tools > ul > li.add a::-moz-focus-inner, .page-tools > ul.pagination > li a::-moz-focus-inner, .home div > a::-moz-focus-inner, .stories .post-content .post-list li > a::-moz-focus-inner, .resources .results article > a::-moz-focus-inner, .app.post article.post-content .website-link::-moz-focus-inner, .app.post article.post-content .source-code-link::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

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

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 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 and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 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/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

input[type="button"], input[type="reset"], input[type="submit"], button, .page-tools > ul > li.edit a.github, .page-tools > ul > li.edit a.github + a, .page-tools > ul > li.share a, .page-tools > ul > li.translate a, .page-tools > ul > li.add a, .page-tools > ul.pagination > li a, .home div > a, .stories .post-content .post-list li > a, .resources .results article > a, .app.post article.post-content .website-link, .app.post article.post-content .source-code-link { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; background-color: #7ab800; border-radius: 3px; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: 600; line-height: 1; padding: 0.75em 1em; text-decoration: none; user-select: none; vertical-align: middle; white-space: nowrap; }
input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, .page-tools > ul > li.edit a.github:hover, .page-tools > ul > li.edit a.github + a:hover, .page-tools > ul > li.share a:hover, .page-tools > ul > li.translate a:hover, .page-tools > ul > li.add a:hover, .page-tools > ul.pagination > li a:hover, .home div > a:hover, .stories .post-content .post-list li > a:hover, .resources .results article > a:hover, .app.post article.post-content .website-link:hover, .app.post article.post-content .source-code-link:hover, button:focus, .page-tools > ul > li.edit a.github:focus, .page-tools > ul > li.edit a.github + a:focus, .page-tools > ul > li.share a:focus, .page-tools > ul > li.translate a:focus, .page-tools > ul > li.add a:focus, .page-tools > ul.pagination > li a:focus, .home div > a:focus, .stories .post-content .post-list li > a:focus, .resources .results article > a:focus, .app.post article.post-content .website-link:focus, .app.post article.post-content .source-code-link:focus { background-color: #476c00; color: #fff; }
input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, button:disabled, .page-tools > ul > li.edit a.github:disabled, .page-tools > ul > li.edit a.github + a:disabled, .page-tools > ul > li.share a:disabled, .page-tools > ul > li.translate a:disabled, .page-tools > ul > li.add a:disabled, .page-tools > ul.pagination > li a:disabled, .home div > a:disabled, .stories .post-content .post-list li > a:disabled, .resources .results article > a:disabled, .app.post article.post-content .website-link:disabled, .app.post article.post-content .source-code-link:disabled { cursor: not-allowed; opacity: 0.5; }

fieldset { background-color: white; border: 1px solid #FAFAFA; margin: 0 0 0.75em; padding: 1.5em; }

input, label, select { display: block; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }

label { font-weight: 600; margin-bottom: 0.375em; }
label.required::after { content: "*"; }
label abbr { display: none; }

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], select[multiple=multiple], textarea { background-color: #fff; border: 1px solid #FAFAFA; border-radius: 3px; box-shadow: none; box-sizing: border-box; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; margin-bottom: 0.75em; padding: 0.5em; transition: border-color; width: 100%; }
input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, select[multiple=multiple]:hover, textarea:hover { border-color: #e1e1e1; }
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus, textarea:focus { border-color: #7ab800; box-shadow: none; outline: none; }

textarea { resize: vertical; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 0.375em; }

input[type="file"] { padding-bottom: 0.75em; width: 100%; }

select { margin-bottom: 1.5em; max-width: 100%; width: auto; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }
.post .post-content ul, .docs .post-content ul { list-style-type: disc; margin-bottom: 0.75em; padding-left: 1.5em; }
.post .post-content ol, .docs .post-content ol { list-style-type: decimal; margin-bottom: 0.75em; padding-left: 1.5em; }

dl { margin-bottom: 0.75em; }
dl dt { font-weight: bold; margin-top: 0.75em; }
dl dd { margin: 0; }

table { -webkit-font-feature-settings: "kern", "liga", "tnum"; -moz-font-feature-settings: "kern", "liga", "tnum"; -ms-font-feature-settings: "kern", "liga", "tnum"; font-feature-settings: "kern", "liga", "tnum"; border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #d4d4d4; font-weight: 600; padding: 0.75em 0; text-align: left; }

td { border-bottom: 1px solid #FAFAFA; padding: 0.75em 0; }

tr, td, th { vertical-align: middle; }

body { -webkit-font-feature-settings: "kern", "liga", "pnum"; -moz-font-feature-settings: "kern", "liga", "pnum"; -ms-font-feature-settings: "kern", "liga", "pnum"; font-feature-settings: "kern", "liga", "pnum"; -webkit-font-smoothing: antialiased; color: #333; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.2; margin: 0 0 0.75em; }

p { margin: 0 0 0.75em; }

a { color: #7ab800; text-decoration: none; transition: color 0.1s linear; }
a:active, a:focus, a:hover { color: #476c00; }
a:active, a:focus { outline: none; }

hr { border-bottom: 1px solid #FAFAFA; border-left: none; border-right: none; border-top: none; margin: 1.5em 0; }

img, picture { margin: 0; max-width: 100%; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

/*
	jQuery.mmenu CSS
*/
/*
	jQuery.mmenu panels CSS
*/
.mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }

.mm-menu .mm-hidden { display: none; }

.mm-wrapper { overflow-x: hidden; position: relative; }

.mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }

.mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; }
.mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }
.mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); }
.mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); }
.mm-menu > .mm-panel.mm-highest { z-index: 1; }
.mm-menu .mm-list { padding: 20px 0; }
.mm-menu > .mm-list { padding-bottom: 0; }
.mm-menu > .mm-list:after { content: ''; display: block; height: 40px; }

.mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; }
.mm-panel > .mm-list:first-child { padding-top: 0; }

.mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; }

.mm-list { font: inherit; font-size: 14px; }
.mm-list a, .mm-list a:hover { text-decoration: none; }
.mm-list > li { position: relative; }
.mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; }
.mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; }
.mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; }
.mm-list a.mm-subopen.mm-fullsubopen { width: 100%; }
.mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; }
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; }
.mm-list > li.mm-selected > a.mm-subopen { background: transparent; }
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; }
.mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; }
.mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; }
.mm-list > li.mm-spacer { padding-top: 40px; }
.mm-list > li.mm-spacer.mm-label { padding-top: 25px; }
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; }
.mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; }
.mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; }
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; }
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; }

html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }

.mm-menu { background: #333; color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); }
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); }
.mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); }
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu offcanvas addon CSS
*/
.mm-page { box-sizing: border-box; position: relative; }

.mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; }

html.mm-opened { overflow: hidden; position: relative; }
html.mm-opened body { overflow: hidden; }

html.mm-background .mm-page { background: inherit; }

#mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; }

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; }

.mm-menu.mm-offcanvas { display: none; position: fixed; }
.mm-menu.mm-current { display: block; }

.mm-menu { width: 80%; min-width: 140px; max-width: 380px; }

html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }

@media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } }
@media all and (min-width: 475px) { html.mm-opening .mm-slideout { -webkit-transform: translate(380px, 0); -moz-transform: translate(380px, 0); -ms-transform: translate(380px, 0); -o-transform: translate(380px, 0); transform: translate(380px, 0); } }
/*
	jQuery.mmenu buttonbars addon CSS
*/
.mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; }
.mm-buttonbar:after { content: ''; display: block; clear: both; }
.mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mm-buttonbar > a { text-decoration: none; }
.mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; }
.mm-buttonbar > input:checked + label { border-color: transparent  !important; }
.mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; }
.mm-buttonbar.mm-buttonbar-2 > * { width: 50%; }
.mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; }
.mm-buttonbar.mm-buttonbar-4 > * { width: 25%; }
.mm-buttonbar.mm-buttonbar-5 > * { width: 20%; }

.mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; }

.mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; }
.mm-footer .mm-buttonbar > * { border-left: none; }

.mm-list > li > .mm-buttonbar { margin: 10px 20px; }

.mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333; }
.mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; }
em.mm-counter + a.mm-subopen { padding-left: 40px; }
em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; }
em.mm-counter + a.mm-fullsubopen { padding-left: 0; }

.mm-vertical em.mm-counter { top: 12px; margin-top: 0; }

.mm-nosubresults > em.mm-counter { display: none; }

.mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/*
	jQuery.mmenu footer addon CSS
*/
.mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; }

.mm-menu.mm-hasfooter > .mm-panel:after { height: 80px; }

.mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; }
.mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; }
.mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; }
.mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; }
.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; }
.mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; }
.mm-header [href].mm-next:after { border-top: none; border-left: none; }
.mm-header [href].mm-close:after { content: 'x'; }

.mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; }
.mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle { display: none; }
.mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; }
.mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; }
.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; }

.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-list li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; }
.mm-list li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.mm-list li.mm-collapsed:not(.mm-uncollapsed) { display: none; }

.mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after { top: 8.5px; }

.mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search, .mm-search input { box-sizing: border-box; }

.mm-list > li.mm-search { padding: 10px; margin-top: -20px; }
.mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; }

div.mm-panel > div.mm-search { padding: 0 0 10px 0; }

.mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; }

.mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; }

.mm-search { padding: 10px; }
.mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; }
.mm-search input::-ms-clear { display: none; }

.mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; }
.mm-menu .mm-noresultsmsg:after { border: none !important; }

.mm-noresults .mm-noresultsmsg { display: block; }

.mm-menu li.mm-nosubresults > a.mm-subopen { display: none; }
.mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; }
.mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; }
.mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; }
.mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; }

.mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); }
.mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu toggles addon CSS
*/
input.mm-toggle, input.mm-check { position: absolute; left: -10000px; }

label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; }
label.mm-toggle:before, label.mm-check:before { content: ''; display: block; }

label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; }
label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; }

input.mm-toggle:checked ~ label.mm-toggle:before { float: right; }

label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; }
label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

input.mm-check:checked ~ label.mm-check:before { opacity: 1; }

.mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; }
.mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; }
.mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; }

label.mm-toggle, label.mm-check { right: 20px; }

label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; }

label.mm-check + a, label.mm-check + span { margin-right: 50px; }

a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; }

a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; }

a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; }

em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; }

em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; }

em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; }

.mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); }
.mm-menu label.mm-toggle:before { background: #333; }
.mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }

.mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); }
html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); }
html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); }
html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); }

html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); }

html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); }
html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; }

html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }

@media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } }
@media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } }
html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); }

@media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } }
@media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } }
.mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; }

html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; }

.mm-menu.mm-right { left: auto; right: 0; }

.mm-menu.mm-bottom { top: auto; bottom: 0; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); }

@media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } }
@media all and (min-width: 475px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-380px, 0); -moz-transform: translate(-380px, 0); -ms-transform: translate(-380px, 0); -o-transform: translate(-380px, 0); transform: translate(-380px, 0); } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; }

.mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page { box-shadow: none; }

.mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); }
.mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); }
.mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

.mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; }
.mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; }

.mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; }
.mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }

html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white { background: #fff; color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); }
.mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); }
.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #fff; }
.mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #fff; }

.mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); }

.mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); }
.mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); }
.mm-menu.mm-white label.mm-toggle:before { background: #fff; }
.mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }

html.mm-opened.mm-black .mm-page { box-shadow: none; }

.mm-menu.mm-black { background: #000; color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); }
.mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); }
.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #000; }
.mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #000; }

.mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); }

.mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); }
.mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); }
.mm-menu.mm-black label.mm-toggle:before { background: #000; }
.mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; }
.mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 30px; }
.mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; }
.mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; }
.mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; }
.mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; }
.mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; }
.mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; }
.mm-header [href].mm-next:after { border-top: none; border-left: none; }
.mm-header [href].mm-close:after { content: 'x'; }

.mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; }
.mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; }

.mm-menu.mm-hasheader li.mm-subtitle { display: none; }
.mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; }
.mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; }
.mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; }

.mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); }
.mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); }

@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?-xa2jhf"); src: url("fonts/icomoon.eot?#iefix-xa2jhf") format("embedded-opentype"), url("fonts/icomoon.ttf?-xa2jhf") format("truetype"), url("fonts/icomoon.woff?-xa2jhf") format("woff"), url("fonts/icomoon.svg?-xa2jhf#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-skip-back:before { content: "\e050"; }

.icon-rewind:before { content: "\e051"; }

.icon-speech-bubble:before { content: "\e60c"; }

.icon-circle-check:before { content: "\e60b"; }

.icon-plus:before { content: "\e60a"; }

.icon-mail:before { content: "\e609"; }

.icon-translate:before { content: "\e608"; }

.icon-arrow-drop-down:before { content: "\e607"; }

.icon-youtube:before { content: "\e606"; }

.icon-square-minus:before { content: "\e603"; }

.icon-square-plus:before { content: "\e604"; }

.icon-link:before { content: "\e602"; }

.icon-share:before { content: "\e601"; }

.icon-git-compare:before { content: "\f0ac"; }

.icon-git-pull-request:before { content: "\f009"; }

.icon-eye:before { content: "\f04e"; }

.icon-test-tube:before { content: "\e600"; }

.icon-mark-github:before { content: "\f00a"; }

.icon-markdown:before { content: "\f0c9"; }

.icon-pencil:before { content: "\f058"; }

.icon-fast-forward:before { content: "\e055"; }

.icon-heart:before { content: "\e024"; }

.icon-paper:before { content: "\e034"; }

.icon-search:before { content: "\e036"; }

.icon-menu:before { content: "\e120"; }

.icon-github:before { content: "\eab4"; }

.icon-section:before { content: "\ea76"; }

.icon-book:before { content: "\e91f"; }

.icon-file-pdf:before { content: "\eada"; }

.icon-world:before { content: "\e605"; }

.icon-info:before { content: "\ea0c"; }

.person-name { clear: both; }

.person-photo { width: 150px; float: left; margin-right: 10px; }

body { background-color: #fff; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.9375rem; line-height: 1.6em; }

h1, h2, h3, p { margin: 0; }

hr { border-bottom: 1px solid #EDEDED; border-left: none; border-right: none; border-top: none; margin: 1.5em 0; }

p { color: #333; line-height: 1.5; }

a { color: #7ab800; text-decoration: none; }

.headerlink { visibility: hidden; }
.headerlink a { cursor: pointer; }
:hover > .headerlink, .headerlink.active { visibility: visible; }
.headerlink .url { display: block; max-height: 0; overflow: hidden; font-size: 13px; font-weight: normal; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.headerlink .url .icon-link { margin-right: 5px; }
.headerlink.active .url { max-height: 200px; overflow: auto; -webkit-transition: max-height 0.4s ease-in-out; -moz-transition: max-height 0.4s ease-in-out; transition: max-height 0.4s ease-in-out; }

blockquote { margin: 0 0 0.3em 0; padding: 0 0 0 0.75em; border-left: 1px solid #EDEDED; font-style: italic; }
blockquote cite { display: block; font-size: 0.75rem; font-style: normal; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; }
blockquote cite:before { content: "\2014 \0020"; }

pre, .panel { background: #FAFAFA; padding: 1.5em; clear: both; }
@media screen and (min-width: 40em) { pre, .panel { border-radius: 4.5px; border: 1px solid #EDEDED; } }

.pre-header { border-bottom: 1px solid #333; display: inline-block; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.7em; font-weight: 700; margin-top: 2em; margin-bottom: 2em; padding: 0.3em 0; text-align: left; text-transform: uppercase; line-height: inherit; color: #333; }
.pre-header:hover, .pre-header:active, .pre-header:focus { color: #333; }
@media screen and (min-width: 40em) { .pre-header { margin-top: 2.5rem; } }
.pre-header a { color: #333; }

.post, .docs { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; max-width: 68em; margin-left: auto; margin-right: auto; text-align: center; }
.post::after, .docs::after { clear: both; content: ""; display: table; }
.post .post-content, .docs .post-content { text-align: left; }
.post .post-content h1, .docs .post-content h1 { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 2em; font-weight: 700; margin-bottom: 0.5em; }
@media screen and (min-width: 40em) { .post .post-content h1, .docs .post-content h1 { font-size: 2.6em; } }
.post .post-content.lead-paragraph p:first-of-type, .post .post-content .lead, .docs .post-content.lead-paragraph p:first-of-type, .docs .post-content .lead { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 1em; font-style: italic; font-weight: 400; line-height: 1.6em; margin-bottom: 0.9em; }
@media screen and (min-width: 40em) { .post .post-content.lead-paragraph p:first-of-type, .post .post-content .lead, .docs .post-content.lead-paragraph p:first-of-type, .docs .post-content .lead { font-size: 1.2em; } }
.post .post-content code, .post .post-content p code, .docs .post-content code, .docs .post-content p code { background: #FAFAFA; border-radius: 4.5px; border: 1px solid #EDEDED; font-family: monaco, Consolas, "Lucida Console", monospace; font-size: 0.75em; font-style: normal; padding: 0.1em 0.4em; white-space: nowrap; }
.post .post-content code strong, .post .post-content p code strong, .docs .post-content code strong, .docs .post-content p code strong { font-family: monaco, Consolas, "Lucida Console", monospace; }
.post .post-content code[class^="icon-"], .post .post-content code[class*=" icon-"], .post .post-content p code[class^="icon-"], .post .post-content p code[class*=" icon-"], .docs .post-content code[class^="icon-"], .docs .post-content code[class*=" icon-"], .docs .post-content p code[class^="icon-"], .docs .post-content p code[class*=" icon-"] { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.post .post-content code[class^="icon-"]:before, .post .post-content code[class*=" icon-"]:before, .post .post-content p code[class^="icon-"]:before, .post .post-content p code[class*=" icon-"]:before, .docs .post-content code[class^="icon-"]:before, .docs .post-content code[class*=" icon-"]:before, .docs .post-content p code[class^="icon-"]:before, .docs .post-content p code[class*=" icon-"]:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.post .post-content pre, .post .post-content .panel, .docs .post-content pre, .docs .post-content .panel { border-radius: 4.5px; border: 1px solid #EDEDED; margin-left: -1.5em; margin-right: -1.5em; }
.post .post-content pre code, .post .post-content .panel code, .docs .post-content pre code, .docs .post-content .panel code { white-space: pre-wrap; background-color: transparent; border: none; padding: 0; }
.post .post-content h2, .docs .post-content h2 { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 1.4em; line-height: 1.3em; margin-bottom: .4em; font-weight: 700; }
.post .post-content h3, .docs .post-content h3 { font-size: 1.4em; font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-weight: 400; margin-bottom: .4em; }
.post .post-content h4, .docs .post-content h4 { font-size: 1.2em; margin-bottom: .4em; }
.post .post-content h5, .docs .post-content h5 { margin-bottom: .4em; }
.post .post-content h6, .docs .post-content h6 { display: inline; }
.post .post-content p.date, .docs .post-content p.date { color: rgba(51, 51, 51, 0.4); font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 0.8125rem; font-style: italic; margin-bottom: 0.3em; }
.post .post-content p, .docs .post-content p { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 0.9375rem; line-height: 1.6em; margin-bottom: 1.5em; }
.post .post-content p strong, .post .post-content li strong, .docs .post-content p strong, .docs .post-content li strong { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700; }
.post .post-content a.read-more, .docs .post-content a.read-more { display: inline-block; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8em; font-weight: 700; margin-left: 0.2em; position: relative; text-transform: uppercase; }
.post .post-content a.read-more span, .docs .post-content a.read-more span { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 1.5em; font-style: normal; position: absolute; right: -12px; top: -1px; }
.post .post-content hr, .docs .post-content hr { width: 3em; }
.post .post-content .author, .docs .post-content .author { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-style: italic; margin-top: -1em; margin-bottom: 1.5em; }
.post .post-content .author ul, .docs .post-content .author ul { display: inline; padding: 0; }
.post .post-content .author ul li, .docs .post-content .author ul li { display: inline; }
.post .post-content .author ul li:after, .docs .post-content .author ul li:after { content: ','; }
.post .post-content .author ul li:nth-last-child(2):after, .docs .post-content .author ul li:nth-last-child(2):after { content: ' &'; }
.post .post-content .author ul li:last-child:after, .docs .post-content .author ul li:last-child:after { content: '.'; }
.post .post-content .note, .docs .post-content .note { background-color: rgba(122, 184, 0, 0.1); padding: 1.5em; margin-left: -1.5em; margin-right: -1.5em; margin-bottom: 1.5em; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.post .post-content .note h6, .docs .post-content .note h6 { background-color: rgba(122, 184, 0, 0.6); margin-top: -1.5em; margin-right: -1.5em; margin-bottom: 0.75em; margin-left: -1.5em; padding: 0.5em 1.5em 0.5em 1.5em; color: #fff; display: block; }
.post .post-content .note p, .docs .post-content .note p { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.post .post-content .note :last-child, .docs .post-content .note :last-child { margin-bottom: 0; }
.post .post-content .footnotes, .docs .post-content .footnotes { border-top: solid 1px #EDEDED; font-size: 12px; padding-top: 5px; margin-top: 1.5em; }
.post .post-content .footnotes p, .docs .post-content .footnotes p { font-size: 12px; }

.sr-only, .post .post-content code[class^="icon-"] span, .post .post-content code[class*=" icon-"] span, .post .post-content p code[class^="icon-"] span, .post .post-content p code[class*=" icon-"] span, .docs .post-content code[class^="icon-"] span, .docs .post-content code[class*=" icon-"] span, .docs .post-content p code[class^="icon-"] span, .docs .post-content p code[class*=" icon-"] span, .site-footer ul.icons li a span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.wrapper { max-width: 68em; margin-left: auto; margin-right: auto; }
.wrapper::after { clear: both; content: ""; display: table; }

.tooltip-item { position: relative; cursor: pointer; }
.tooltip-item:focus, .tooltip-item:hover .tooltip { opacity: 1; visibility: visible; }
.tooltip-item .tooltip { position: absolute; right: 0; bottom: 3em; left: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: white; background: #fff; border-radius: 3px; box-shadow: 0 1px 2px silver; color: #333; font-size: 0.9em; line-height: 1.5em; margin: 0 auto; max-width: 16em; opacity: 0; padding: 1em; visibility: hidden; z-index: 10; cursor: auto; }
.tooltip-item .tooltip p { margin-bottom: 0.5em; }
.tooltip-item .tooltip *:last-child { margin-bottom: 0; }
.tooltip-item .tooltip:after { position: absolute; right: 0; left: 0; border: 8px solid transparent; bottom: -1.2em; color: white; content: '▼'; font-size: 1.4em; text-shadow: 0 2px 2px silver; }

#menu.mm-menu { background-color: #FAFAFA; border-right: solid 1px #EDEDED; }
#menu.mm-menu .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults)::after { margin-left: 0; }
#menu.mm-menu li.mm-selected a { border-left: solid 5px #7ab800; padding-left: 15px; }
#menu.mm-menu li.search { padding: 15px 18px; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
#menu.mm-menu li.search:after { display: none; }
#menu.mm-menu li.search input[type="search"] { border: solid 1px rgba(0, 0, 0, 0.15); height: 30px; border-radius: 15px; box-sizing: border-box; padding: 5px 15px; margin: 0; }
#menu.mm-menu li.search input[type="search"]:focus { border-color: #7ab800; }
#menu.mm-menu li a { text-transform: capitalize; }
#menu.mm-menu li .subsections, #menu.mm-menu li .filter-items { max-height: 0; padding-top: 0; padding-bottom: 0; font-size: 0.8125rem; }
#menu.mm-menu li .subsections a, #menu.mm-menu li .filter-items a { display: block; color: rgba(51, 51, 51, 0.7); padding-left: 0.75em; padding-top: 3px; padding-bottom: 3px; }
#menu.mm-menu li .subsections a:empty, #menu.mm-menu li .filter-items a:empty { display: none; }
#menu.mm-menu li .subsections a:last-child, #menu.mm-menu li .filter-items a:last-child { margin-bottom: 10px; }
#menu.mm-menu li.filter > a { cursor: pointer; background-color: transparent; }
#menu.mm-menu li.filter > a:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e604"; position: absolute; top: 12px; right: 19px; }
#menu.mm-menu li.filter.active { background-color: rgba(255, 255, 255, 0.6); }
#menu.mm-menu li.filter.active > a:after { content: "\e603"; opacity: 0.5; }
#menu.mm-menu li.filter.active .filter-items { max-height: none; }
#menu.mm-menu li.filter.active .filter-items a { cursor: pointer; position: relative; }
#menu.mm-menu li.filter.active .filter-items a .count { position: absolute; right: 10px; font-size: 12px; }
#menu.mm-menu li.filter.active .filter-items a.active { background-color: rgba(122, 184, 0, 0.1); }
#menu .apps-menu:not(.mm-selected) .mm-subopen { display: none; }

body:not(.filters) .app-sub-menu .search, body:not(.filters) .app-sub-menu .filter { display: none; }

.js #menu:not(.mm-menu) { display: none; }

.site-header { border-bottom: solid 1px #EDEDED; background-color: #fff; width: 100%; z-index: 1; position: relative; }
.site-header .show-menu { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; border-right: solid 1px #EDEDED; width: 60px; height: 100%; line-height: 1; }
.site-header .show-menu:before { content: "\e120"; font-size: 22px; padding: 6px; margin-top: 12px; margin-left: 12px; display: inline-block; color: #333; }
.mm-opened .site-header .show-menu { background-color: #7ab800; }
.mm-opened .site-header .show-menu:before { color: #fff; }
.site-header .show-menu .text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.site-header .site-title { color: #333; font-size: 0.6875rem; line-height: 58px; text-transform: uppercase; font-weight: 700; display: block; margin-left: 70px; height: 100%; }
@media screen and (min-width: 25em) { .site-header .site-title { font-size: 1.25rem; line-height: 60px; letter-spacing: 2px; margin-left: 75px; }
  .site-header .site-title .icon { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2rem; float: left; height: 60px; line-height: 55px; margin-right: 5px; text-align: center; }
  .site-header .site-title .icon:before { content: "\e034"; } }

.dropdown { line-height: 1.5; display: inline-block; position: relative; border: 1px solid #FAFAFA; border-radius: 3px; font-size: 0.9em; }
.dropdown .dropdown-description { background: #fff; color: #999999; float: left; line-height: 37px; margin: 0; padding: 0 0.5em 0 1em; }
.dropdown .dropdown-button { background: #fff; cursor: pointer; float: right; font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-style: italic; line-height: 40px; margin: 0; padding: 0 2.5em 0 0.5em; position: relative; }
.dropdown .dropdown-button:after { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: inherit; font-size: 1.2em; color: #333; content: "\e607"; display: block; position: absolute; right: 1em; top: 0; font-style: normal; }
.dropdown .dropdown-menu { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background: #fff; border-radius: 3px; border: 1px solid #FAFAFA; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #333; cursor: pointer; display: none; margin: 0; overflow: show; padding: 0; position: absolute; left: 0; top: 50px; width: 228px; z-index: 99999; }
.dropdown .dropdown-menu:before { position: absolute; color: #fff; content: "\25b2"; font-size: 16px; pointer-events: none; text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.15); top: -18px; left: 50%; width: 20px; text-align: center; margin-left: -10px; }
.dropdown .dropdown-menu li { border-bottom: 1px solid #FAFAFA; list-style: none; padding: 0.5em; }
.dropdown .dropdown-menu li a { color: #333; }
.dropdown .dropdown-menu li:hover { background: rgba(122, 184, 0, 0.1); }
.dropdown .dropdown-menu li:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.dropdown .dropdown-menu li:last-child { border: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.dropdown .show-menu { display: block; }

.language.dropdown { margin: 0.75em 1.5em; border: none; }
@media screen and (min-width: 40em) { .language.dropdown { position: absolute; top: 0; right: 150px; } }

.page-content > :first-child { min-height: 460px; }

.post-content { float: left; display: block; margin-right: 2.35765%; width: 82.94039%; margin-left: 8.5298%; }
.post-content:last-child { margin-right: 0; }
.post-content:nth-child(n+2) { padding-top: 0.75em; }
.post-content:last-child { margin-bottom: 50px; }
@media screen and (min-width: 53.75em) { .post-content { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-left: 17.05961%; }
  .post-content:last-child { margin-right: 0; } }
@media screen and (min-width: 80em) { .mm-opening .post-content { margin-left: 0%; } }

.page-tools { display: none; position: fixed; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.95); border-top: solid 1px #EDEDED; text-align: right; height: 60px; line-height: 59px; }
@media screen and (min-width: 25em) { .page-tools { display: block; } }
.page-tools > ul { float: left; display: block; text-align: left; }
.page-tools > ul > li { float: left; display: block; padding-left: 1.5em; padding-right: 1.5em; border-color: #EDEDED; border-style: solid; border-width: 0; border-right-width: 1px; color: rgba(51, 51, 51, 0.7); }
.page-tools > ul > li > a { color: rgba(51, 51, 51, 0.7); }
.page-tools > ul > li > a:hover { color: #333; }
.page-tools > ul > li .tooltip { width: 230px; bottom: 60px; }
.page-tools > ul > li:hover { background-color: #fff; color: #333; }
.page-tools > ul > li.edit:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e034"; font-size: 1.125rem; float: left; margin-top: 21px; margin-right: 5px; }
.page-tools > ul > li.edit a.github { display: block; text-align: center; }
.page-tools > ul > li.edit a.github + a { display: block; margin-top: 10px; text-align: center; background-color: #333; }
.page-tools > ul > li.donate select { width: 100%; margin-bottom: 0.5em; }
.page-tools > ul > li.donate input { width: 100%; }
.page-tools > ul > li.donate img { position: absolute; }
.page-tools > ul > li.donate:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e024"; font-size: 1.125rem; float: left; margin-top: 21px; margin-right: 5px; }
.page-tools > ul > li.share:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e601"; font-size: 1.125rem; float: left; margin-top: 21px; margin-right: 5px; }
.page-tools > ul > li.share a { display: block; text-align: center; margin-bottom: 10px; }
.page-tools > ul > li.share a.facebook { background-color: #3A5795; }
.page-tools > ul > li.share a.twitter { background-color: #55ACEE; }
.page-tools > ul > li.translate:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e608"; font-size: 1.125rem; float: left; margin-top: 21px; margin-right: 5px; }
.page-tools > ul > li.translate a { display: block; text-align: center; }
.page-tools > ul > li.add:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e60a"; font-size: 1.125rem; float: left; margin-top: 21px; margin-right: 5px; }
.page-tools > ul > li.add a { display: block; text-align: center; }
.page-tools > ul.pagination { float: right; }
.page-tools > ul.pagination > li { border-left-width: 1px; border-right-width: 0; }
.page-tools > ul.pagination > li .tooltip { left: auto; }
.page-tools > ul.pagination > li .tooltip:after { left: auto; }
.page-tools > ul.pagination > li:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.125rem; float: left; margin-top: 21px; margin-right: 5px; }
.page-tools > ul.pagination > li.start:before { content: "\e050"; }
.page-tools > ul.pagination > li.previous:before { content: "\e051"; }
.page-tools > ul.pagination > li.next:before { content: "\e055"; }
.page-tools > ul.pagination > li a { display: block; text-align: center; text-transform: capitalize; }
.footer-in-view .page-tools { position: static; clear: both; }
@media screen and (min-width: 53.75em) { .page-tools { bottom: auto; top: 165px; width: auto; border: none; left: 100%; height: auto; margin-left: -63px; }
  .page-tools > ul { float: right; }
  .page-tools > ul.pagination li { background-color: #EDEDED; }
  .page-tools > ul > li { float: none; border-width: 1px; margin-bottom: 10px; min-width: 215px; }
  .page-tools > ul > li:before { padding-right: 20px; }
  .page-tools > ul > li .tooltip { top: -2px; bottom: auto; left: -225px !important; right: auto; }
  .page-tools > ul > li .tooltip:after { right: -21px; left: auto; top: 14px; bottom: auto; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  .footer-in-view .page-tools { position: fixed; } }
@media all and (min-width: 1440px) { .page-tools { right: -23px; left: auto; }
  .page-tools > ul { float: none; }
  .page-tools > ul.pagination { float: none; }
  .page-tools > ul > li:before { padding-right: 0; } }
@media all and (min-width: 1500px) { .page-tools { right: -1px; } }

html, html.mm-background .mm-page, .site-footer { background-color: #EDEDED; }

.site-footer { padding: 1.5em; }
.site-footer > div { max-width: 100%; margin-left: auto; margin-right: auto; }
.site-footer > div::after { clear: both; content: ""; display: table; }
.site-footer a { color: #333; }
.site-footer ul { display: inline-block; }
.site-footer ul li { display: inline-block; }
.site-footer ul.icons li a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1rem; }
.site-footer ul.icons li.donate a:before { content: "\e024"; }
.site-footer ul.icons li.email a:before { content: "\e609"; }
.site-footer ul.icons li.discuss a:before { content: "\e60c"; }
.site-footer ul.icons li.source a:before { content: "\eab4"; }
@media screen and (min-width: 53.75em) { .site-footer .primary { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .site-footer .primary:last-child { margin-right: 0; } }
.site-footer .primary > a { margin-bottom: 10px; }
@media screen and (min-width: 40em) { .site-footer .primary > a { float: left; padding-left: 0.75em; padding-right: 0.75em; } }
.site-footer .secondary { padding-top: 0.75em; padding-bottom: 0.75em; font-size: 0.8em; }
@media screen and (min-width: 53.75em) { .site-footer .secondary { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-right: 0; text-align: right; padding-left: 0.75em; }
  .site-footer .secondary:last-child { margin-right: 0; } }
.site-footer .secondary li { display: inline-block; padding-right: 0.75em; }
.site-footer .secondary li.button a { top: 3px; position: relative; }
.site-footer .tertiary { clear: both; }
.site-footer .tertiary .supporters { margin-bottom: 10px; }
.site-footer .tertiary .supporters h6 { font-size: 11px; font-weight: normal; text-transform: uppercase; }
.site-footer .tertiary .supporters img { margin-right: 15px; height: 34px; }
@media screen and (min-width: 53.75em) { .site-footer .tertiary .supporters { margin-right: 0; padding-left: 0.75em; padding-right: 0.75em; display: table; }
  .site-footer .tertiary .supporters h6 { display: table-cell; vertical-align: middle; white-space: nowrap; width: 1%; }
  .site-footer .tertiary .supporters h6:after { content: ':'; }
  .site-footer .tertiary .supporters img { display: table-cell; vertical-align: middle; margin-left: 15px; margin-right: 0; float: left; } }
.site-footer .quaternary { font-size: 0.75rem; clear: left; }
.site-footer .quaternary div { padding-top: 0.75em; padding-bottom: 0.75em; }
@media screen and (min-width: 40em) { .site-footer .quaternary { width: 100%; display: table; width: 100%; table-layout: fixed; padding: 0.75em; }
  .site-footer .quaternary h6 { display: inline; }
  .site-footer .quaternary h6:after { content: ':'; }
  .site-footer .quaternary > div, .site-footer .quaternary > ul { border-top: solid 1px rgba(51, 51, 51, 0.5); }
  .site-footer .quaternary > :first-child { display: table-cell; width: 91.66667%; }
  .site-footer .quaternary > :first-child ul { display: inline; }
  .site-footer .quaternary > :first-child ul li { display: inline; }
  .site-footer .quaternary > :first-child ul li:before { content: '\00a0\007C\00a0'; color: rgba(51, 51, 51, 0.5); }
  .site-footer .quaternary > :first-child ul li:first-of-type:before { content: '\00a0'; }
  .site-footer .quaternary > :first-child + * li { margin-right: 6px; } }
@media screen and (min-width: 40em) and (min-width: 40em) { .site-footer .quaternary > :first-child + * { display: table-cell; width: 8.33333%; margin-right: 0; text-align: right; }
  .site-footer .quaternary > :first-child + * li { margin-left: 6px; margin-right: 0; } }

.mm-page > div { background-color: #fff; position: relative; }

.home .banner { background-image: url(../img/home-banner-bg.jpg); background-size: 1314px 333px; background-position: center bottom; position: relative; z-index: 0; overflow: hidden; text-align: center; }
.home .banner .wrapper { padding: 20px 1.5em 115px 1.5em; max-height: 333px; }
.home .banner .wrapper h1 { text-transform: uppercase; font-size: 28px; letter-spacing: 2px; margin-bottom: 10px; position: absolute; left: -999px; }
@media screen and (min-width: 40em) { .home .banner .wrapper h1 { position: static; padding-top: 30px; font-size: 42px; } }
.home .banner .wrapper p { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-style: italic; }
@media screen and (min-width: 40em) { .home .banner .wrapper p { font-size: 21px; margin-bottom: 30px; opacity: 0.7; white-space: pre-line; } }
.home .banner .wrapper:before { content: ''; display: block; position: absolute; width: 1315px; left: 50%; bottom: 0; margin-left: -658px; background-image: url("../img/home-banner.jpg"); background-repeat: no-repeat; background-position: center bottom; height: 215px; z-index: -1; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .home .banner .wrapper:before { background-image: url("../img/home-banner_2x.jpg"); background-size: auto 215px; } }
.home .banner.ab-dark { color: #fff; }
.home .banner.ab-dark p { color: #fff; opacity: 1; }
@media (min-width: 1020px) { .home { padding-bottom: 1.5em; } }
.home > .wrapper > div { padding: 1.5em; }
@media screen and (min-width: 40em) { .home > .wrapper > div { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; position: relative; padding-top: 3em; }
  .home > .wrapper > div:last-child { margin-right: 0; }
  .home > .wrapper > div:after { content: ''; background-color: #EDEDED; display: block; position: absolute; top: 1.5em; right: -0.75em; bottom: 0; width: 1px; }
  .home > .wrapper > div:last-child:after { display: none; } }
.home div h2 { font-size: 1.5rem; margin-bottom: 0.375rem; }
.home div p { font-weight: 300; font-size: 1rem; margin-bottom: 0.9375rem; }
.home .alpha { float: left; display: block; margin-right: 2.35765%; width: 100%; padding: 3em; background-color: #fff; }
.home .alpha:last-child { margin-right: 0; }
.home .alpha > div { max-width: 68em; margin-left: auto; margin-right: auto; }
.home .alpha > div::after { clear: both; content: ""; display: table; }
@media (min-width: 1020px) { .home .alpha { margin-top: 1.5em; } }
.home .beta { clear: left; }
.home .beta > div > div { padding: 1.5em; }
@media screen and (min-width: 40em) { .home .beta { width: 100%; } }
.home .beta > div { padding: 2.35765%; background-color: #fff; }
@media screen and (min-width: 40em) { .home .beta > div { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; margin-top: 1.5em; margin-bottom: 1.5em; }
  .home .beta > div:last-child { margin-right: 0; }
  .home .beta > div > div { max-width: 32.3em; margin-left: auto; padding: 1.5em; } }
@media screen and (min-width: 40em) { .home .beta > div:last-child > div { margin-left: 0; } }

.docs .contributing ul.tools { max-width: 68em; margin-left: auto; margin-right: auto; padding-left: 0; margin-top: 3em; margin-bottom: 3em; }
.docs .contributing ul.tools::after { clear: both; content: ""; display: table; }
.docs .contributing ul.tools li { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; text-align: center; position: relative; }
.docs .contributing ul.tools li:last-child { margin-right: 0; }
.docs .contributing ul.tools li a { font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; }
@media screen and (min-width: 40em) { .docs .contributing ul.tools li a { font-size: 1.375rem; margin-left: 30px; position: relative; } }
@media screen and (min-width: 53.75em) { .docs .contributing ul.tools li a { font-size: 1.625rem; margin-left: 40px; } }
.docs .contributing ul.tools li a:before { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; }
@media screen and (min-width: 40em) { .docs .contributing ul.tools li a:before { font-size: 1.75rem; position: absolute; left: -35px; top: -1px; } }
@media screen and (min-width: 53.75em) { .docs .contributing ul.tools li a:before { font-size: 2.125rem; left: -40px; top: -2px; } }
.docs .contributing ul.tools li.github a:before { content: "\f00a"; }
.docs .contributing ul.tools li.jekyll a:before { content: "\e600"; }
.docs .contributing ul.tools li.markdown a:before { content: "\f0c9"; }
@media screen and (min-width: 40em) { .docs .contributing ul.tools li:after { content: '+'; position: absolute; right: -0.75em; font-weight: bold; color: rgba(51, 51, 51, 0.5); }
  .docs .contributing ul.tools li:last-child:after { display: none; } }
.docs .github { font-family: Helvetica,arial,freesans,clean,sans-serif; }
.docs .github .button, .docs .github .minibutton { -moz-user-select: none; background-color: #eee; background-image: linear-gradient(#fcfcfc, #eee); background-repeat: repeat-x; border: 1px solid #d5d5d5; border-radius: 3px; color: #333; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; padding: 7px 12px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); vertical-align: middle; white-space: nowrap; }
.docs .github .minibutton { line-height: 24px; padding: 0 10px; }
.docs .github .button i, .docs .github .minibutton i { font-style: normal; font-weight: 500; opacity: 0.6; }
.docs .github .select-menu-button:after { border-color: #333 transparent transparent; border-image: none; border-style: solid; border-width: 4px; content: ""; display: inline-block; height: 0; vertical-align: -2px; width: 0; }
.docs .github .range-editor-icon { color: #666; display: inline-block; vertical-align: middle; margin-right: 5px; }
.docs .github .range-cross-repo-pair { display: inline-block; }
.docs .github .range-editor .range { display: inline-block; }
.docs .github .range-editor .range .select-menu { display: inline-block; }
.docs .github .range-editor .range .dots { color: #999; font-size: 16px; margin: 0 4px; }

.stories { max-width: 68em; margin-left: auto; margin-right: auto; font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; }
.stories::after { clear: both; content: ""; display: table; }
.stories .post-content .post-list li { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: solid 1px #FAFAFA; }
.stories .post-content .post-list li h2 { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 2em; font-weight: 700; margin-top: 0; margin-bottom: 0.1em; }
.stories .post-content .post-list li h2 a { color: #333; }
@media screen and (min-width: 40em) { .stories .post-content .post-list li h2 { font-size: 2.6em; } }
.stories .post-content .post-list li .post-excerpt { display: block; }
.stories .post-content .post-list li > a { margin-top: 1em; }
.stories .post-content .post-list li:last-child { border: none; margin-bottom: 0; }

.credits { max-width: 68em; margin-left: auto; margin-right: auto; text-align: center; padding-top: 3em; padding-bottom: 3em; }
.credits::after { clear: both; content: ""; display: table; }
.credits h1 { display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-bottom: solid 2px #333; font-size: 0.7em; font-weight: 700; padding: 0.3em 0; }
.credits h2 { margin-top: 2em; font-size: 1.2em; font-style: italic; font-weight: 400; line-height: 1.6em; color: #4d4d4d; font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; }
.credits img { margin-top: 1em; }
.credits a { color: #333; }
.credits .supporters li:after { content: '+'; color: #4d4d4d; display: block; }
.credits .supporters li:last-child:after { display: none; }
.credits .supporters li img { max-height: 76px; }

.resources { max-width: 68em; margin-left: auto; margin-right: auto; }
.resources::after { clear: both; content: ""; display: table; }
.resources h1 { display: inline-block; text-transform: uppercase; letter-spacing: 1px; border-bottom: solid 2px #333; margin-top: 3em; margin-bottom: 2.25em; margin-left: 8.5298%; }
@media screen and (min-width: 40em) { .resources h1 { margin-left: 17.05961%; } }
.resources .intro { float: left; display: block; margin-right: 2.35765%; width: 82.94039%; margin-left: 8.5298%; margin-top: -0.75em; margin-bottom: 2.25em; font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; }
.resources .intro:last-child { margin-right: 0; }
@media screen and (min-width: 40em) { .resources .intro { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-left: 17.05961%; }
  .resources .intro:last-child { margin-right: 0; } }
.resources > section { clear: both; margin-bottom: 1.5em; }
.resources > section::after { clear: both; content: ""; display: table; }
.resources > section > header { margin-bottom: 0.75em; float: left; display: block; margin-right: 2.35765%; width: 82.94039%; margin-left: 8.5298%; }
.resources > section > header:last-child { margin-right: 0; }
@media screen and (min-width: 40em) { .resources > section > header { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-left: 17.05961%; }
  .resources > section > header:last-child { margin-right: 0; } }
@media screen and (min-width: 53.75em) { .resources > section > header { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; margin-left: 0%; text-align: right; padding-left: 1.5em; }
  .resources > section > header:last-child { margin-right: 0; } }
.resources > section > header h2 { display: inline-block; text-transform: uppercase; border-bottom: solid 1px #333; font-size: 12px; padding-bottom: 3px; margin-bottom: 5px; }
.resources > section > header p { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 12px; line-height: 1.3; }
.resources > section > ul { float: left; display: block; margin-right: 2.35765%; width: 82.94039%; margin-left: 8.5298%; }
.resources > section > ul:last-child { margin-right: 0; }
@media screen and (min-width: 40em) { .resources > section > ul { float: left; display: block; margin-right: 2.35765%; width: 74.41059%; margin-left: 17.05961%; }
  .resources > section > ul:last-child { margin-right: 0; } }
@media screen and (min-width: 53.75em) { .resources > section > ul { margin-left: 0%; } }
.resources > section > ul li { display: block; margin-bottom: 24px; }
@media screen and (min-width: 40em) { .resources > section > ul li { float: left; width: 208px; margin-right: 24px; } }
.resources > section > ul li a { background-color: #333; color: #fff; display: block; background-size: cover; background-position: center center; }
@media screen and (min-width: 40em) { .resources > section > ul li a { padding-top: 100%; position: relative; }
  .resources > section > ul li a:after { content: attr(data-attribution); display: block; position: absolute; font-size: 10px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; -o-transform-origin: 100% 0; transform-origin: 100% 0; right: 20px; line-height: 20px; top: 0; padding-right: 10px; opacity: 0.8; text-shadow: 0 0 2px rgba(0, 0, 0, 0.8); } }
.resources > section > ul li a h3 { background-color: #7ab800; padding: 15px 20px; }
@media screen and (min-width: 40em) { .resources > section > ul li a h3 { position: absolute; width: 100%; bottom: 0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } }
.resources > section > ul li a h3 span { display: block; font-size: 10px; font-weight: normal; }
.resources > section > ul li a [class^="icon-"] { position: absolute; width: 100%; top: 14%; text-align: center; font-size: 63px; display: none; }
@media screen and (min-width: 40em) { .resources > section > ul li a [class^="icon-"] { display: block; } }
@media screen and (min-width: 40em) { .resources > section > ul li a:hover h3 { padding-bottom: 25px; } }
@media screen and (min-width: 40em) { .resources > section.media-types > ul li { float: left; display: block; margin-right: 3.57866%; width: 22.316%; }
  .resources > section.media-types > ul li:last-child { margin-right: 0; }
  .resources > section.media-types > ul li:nth-child(4n) { margin-right: 0; }
  .resources > section.media-types > ul li:nth-child(4n+1) { clear: left; } }
.resources .results { margin-bottom: 1.5em; font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; }
.resources .results li { clear: both; }
.resources .results aside { display: none; }
@media screen and (min-width: 53.75em) { .resources .results aside { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; text-align: right; padding-left: 1.5em; padding-top: 2.75em; }
  .resources .results aside:last-child { margin-right: 0; }
  .resources .results aside .icon-info { font-size: 20px; color: #333; opacity: 0.4; cursor: pointer; }
  .resources .results aside .icon-info span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
  .resources .results aside dl { max-height: 0; overflow: hidden; font-size: 12px; line-height: 1.3; margin-top: 2px; }
  .resources .results aside dl dt, .resources .results aside dl dd { display: inline; }
  .resources .results aside dl dt:after { content: ": "; }
  .resources .results aside dl dd:after { display: block; content: ''; height: 3px; }
  .resources .results aside.active .icon-info { opacity: 1; }
  .resources .results aside.active dl { max-height: none; } }
.resources .results article { float: left; display: block; margin-right: 2.35765%; width: 82.94039%; margin-left: 8.5298%; padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: solid 2px #FAFAFA; }
.resources .results article:last-child { margin-right: 0; }
@media screen and (min-width: 40em) { .resources .results article { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; margin-left: 17.05961%; }
  .resources .results article:last-child { margin-right: 0; } }
@media screen and (min-width: 53.75em) { .resources .results article { margin-left: 0%; } }
.resources .results article .topic { display: inline-block; text-transform: uppercase; border-bottom: solid 1px #333; font-size: 12px; margin-bottom: 5px; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; }
.resources .results article h2 { font-family: "Lora", Georgia, Cambria, "Times New Roman", Times, serif; font-size: 32px; }
.resources .results article .author { font-style: italic; display: block; margin-bottom: 5px; }
.resources .results article p { margin-bottom: 10px; }
.resources .results article > a { position: relative; }
.resources .results article > a [class^="icon-"] { font-size: 20px; position: absolute; top: 9px; }
.resources .results article > a [class^="icon-"] + span { margin-left: 25px; }

.app.post .activity { float: right; margin-top: -3em; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4d4d4d; }
.app.post .activity.has-creator { margin-top: -1em; }
.app.post .activity .icon-circle-check { float: left; line-height: inherit; margin-right: 1px; }
.app.post .activity .text { font-size: 13px; }
.app.post .activity .text.ended { color: #666666; }
.app.post article.post-content { padding-top: 0; }
@media screen and (min-width: 53.75em) { .app.post article.post-content { margin-left: 0%; } }
.app.post article.post-content .image { display: none; }
@media screen and (min-width: 40em) { .app.post article.post-content .image { display: block; margin-bottom: 10px; }
  .app.post article.post-content .image a { display: block; height: 200px; background-position: center top; background-repeat: no-repeat; background-size: cover; }
  .app.post article.post-content .image .attribution { font-size: 10px; opacity: 0.8; } }
.app.post article.post-content .source-code-link { background-color: #333; }
.app.post article.post-content .data-resource { margin-top: 10px; }
.app.post aside { height: 0; overflow: hidden; }
@media screen and (min-width: 53.75em) { .app.post aside { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; height: auto; text-align: right; padding-left: 1.5em; }
  .app.post aside:last-child { margin-right: 0; }
  .app.post aside dl { font-size: 12px; line-height: 1.3; margin-top: 2px; }
  .app.post aside dl dt, .app.post aside dl dd { display: inline; }
  .app.post aside dl dt:after { content: ": "; }
  .app.post aside dl dd:after { display: block; content: ''; height: 3px; } }

@media only screen and (min-width: 576px) { .ok-ribbon { position: absolute; } }
.active_language { color: red; }

.languages { padding: 16px 0; }