/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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 {
  -webkit-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,
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 {
  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,
select {
  text-transform: none; }

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

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

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-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"] {
  -webkit-box-sizing: border-box;
          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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */ }

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

.highlight {
  background: #f2f2f2;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  padding: 20px;
  line-height: 1.5;
  font-size: 14px; }

.highlight .c {
  color: #999988;
  font-style: italic; }

/* Comment */
.highlight .err {
  color: #a61717;
  background-color: #e3d2d2; }

/* Error */
.highlight .k {
  font-weight: bold; }

/* Keyword */
.highlight .o {
  font-weight: bold; }

/* Operator */
.highlight .cm {
  color: #999988;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #999999;
  font-weight: bold; }

/* Comment.Preproc */
.highlight .c1 {
  color: #999988;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #999999;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .gd {
  color: #000000;
  background-color: #ffdddd; }

/* Generic.Deleted */
.highlight .gd .x {
  color: #000000;
  background-color: #ffaaaa; }

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

/* Generic.Emph */
.highlight .gr {
  color: #aa0000; }

/* Generic.Error */
.highlight .gh {
  color: #999999; }

/* Generic.Heading */
.highlight .gi {
  color: #000000;
  background-color: #ddffdd; }

/* Generic.Inserted */
.highlight .gi .x {
  color: #000000;
  background-color: #aaffaa; }

/* Generic.Inserted.Specific */
.highlight .go {
  color: #888888; }

/* Generic.Output */
.highlight .gp {
  color: #555555; }

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

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

/* Generic.Subheading */
.highlight .gt {
  color: #aa0000; }

/* Generic.Traceback */
.highlight .kc {
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  font-weight: bold; }

/* Keyword.Declaration */
.highlight .kp {
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #445588;
  font-weight: bold; }

/* Keyword.Type */
.highlight .m {
  color: #009999; }

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

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

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

/* Name.Builtin */
.highlight .nc {
  color: #445588;
  font-weight: bold; }

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

/* Name.Constant */
.highlight .ni {
  color: #800080; }

/* Name.Entity */
.highlight .ne {
  color: #990000;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #990000;
  font-weight: bold; }

/* Name.Function */
.highlight .nn {
  color: #555555; }

/* Name.Namespace */
.highlight .nt {
  color: #000080; }

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

/* Name.Variable */
.highlight .ow {
  font-weight: bold; }

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

/* Text.Whitespace */
.highlight .mf {
  color: #009999; }

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

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

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

/* Literal.Number.Oct */
.highlight .sb {
  color: #d14; }

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

/* Literal.String.Char */
.highlight .sd {
  color: #d14; }

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

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

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

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

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

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

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

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

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

/* Name.Builtin.Pseudo */
.highlight .vc {
  color: #008080; }

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

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

/* Name.Variable.Instance */
.highlight .il {
  color: #009999; }

/* Literal.Number.Integer.Long */
/*! suit-grid v1.1.0 | MIT License | github.com/suitcss */
/* ==========================================================================
   SUIT: grid
   ========================================================================== */
/**
 * Core grid component
 *
 * DO NOT apply dimension or offset utilities to the `grid` element. All cell
 * widths and offsets should be applied to child grid cells.
 *
 * Example uses:
 *
 * <div class="grid [grid--alignCenter|grid--alignRight]">
 *     <div class="grid-cell [grid-cell--center] u-size1of2"></div>
 *     <div class="grid-cell u-size1of2"></div>
 *     <div class="grid-cell u-size1of3"></div>
 *     <div class="grid-cell u-size1of3"></div>
 * </div>
 */
/* grid container
   ========================================================================== */
/**
 * All content must be contained within child `grid-cell` elements.
 *
 * 1. Account for browser defaults of elements that might be the root node of
 *    the component.
 * 2. Ensure consistent default alignment.
 * 3. Remove inter-cell whitespace that appears between `inline-block` child
 *    elements.
 */
.grid {
  display: block;
  /* 1 */
  padding: 0;
  /* 1 */
  margin: 0;
  /* 1 */
  text-align: left;
  /* 2 */
  font-size: 0;
  /* 3 */ }

/**
 * Modifier: center align all grid cells
 */
.grid--alignCenter {
  text-align: center; }

/**
 * Modifier: right align all grid cells
 */
.grid--alignRight {
  text-align: right; }

/**
 * Modifier: middle-align grid cells
 */
.grid--alignMiddle > .grid-cell {
  vertical-align: middle; }

/**
 * Modifier: bottom-align grid cells
 */
.grid--alignBottom > .grid-cell {
  vertical-align: bottom; }

/* grid cell
   ========================================================================== */
/**
 * No explicit width by default. Rely on combining `grid-cell` with a dimension
 * utility or a component class that extends 'grid'.
 *
 * 1. Fundamentals of the non-float grid layout.
 * 2. Reset font size change made in `grid`.
 * 3. Keeps content correctly aligned with the grid direction.
 * 4. Controls vertical positioning of units.
 * 5. Make cells full-width by default.
 */
.grid-cell {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  /* 1 */
  font-size: 1rem;
  /* 2 */
  margin: 0;
  padding: 0;
  text-align: left;
  /* 3 */
  vertical-align: top;
  /* 4 */
  width: 100%;
  /* 5 */ }

/**
 * Modifier: face to face leave some space
 */
.grid-cell--center {
  display: block;
  margin: 0 auto; }

.grid--withGutter {
  margin: 0 -10px -20px; }
  .grid--withGutter .grid-cell {
    padding: 0 10px 20px; }

/**
 * Sizing utilities
 */
/* Intrinsic widths
   ========================================================================== */
/**
 * Make an element shrink wrap its content.
 */
.u-sizeFit,
.u-sizeFitAlt {
  display: block !important;
  float: left !important;
  width: auto !important; }

.u-sizeFitAlt {
  float: right !important; }

/**
 * Make an element fill the remaining space.
 * N.B. This will hide overflow.
 */
.u-sizeFill {
  display: block !important;
  overflow: hidden !important;
  width: auto !important; }

/**
 * An alternative method to make an element fill the remaining space.
 * N.B. Do not use if child elements might be wider than the remaining space.
 * In Chrome, Safari, and Firefox it results in undesired layout.
 */
.u-sizeFillAlt {
  display: table-cell !important;
  max-width: 100% !important;
  width: 10000px !important; }

/**
 * Make an element the width of its parent.
 */
.u-sizeFull {
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  display: block !important;
  width: 100% !important; }

/* Proportional widths
   ========================================================================== */
/**
 * Specify the proportional width of an object.
 * Intentional redundancy build into each set of unit classes.
 * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part
 */
.u-size1of12 {
  width: -webkit-calc(100% * 1 / 12) !important;
  width: calc(100% * 1 / 12) !important; }

.u-size1of10 {
  width: 10% !important; }

.u-size1of8 {
  width: 12.5% !important; }

.u-size1of6,
.u-size2of12 {
  width: -webkit-calc(100% * 1 / 6) !important;
  width: calc(100% * 1 / 6) !important; }

.u-size1of5,
.u-size2of10 {
  width: 20% !important; }

.u-size1of4,
.u-size2of8,
.u-size3of12 {
  width: 25% !important; }

.u-size3of10 {
  width: 30% !important; }

.u-size1of3,
.u-size2of6,
.u-size4of12 {
  width: -webkit-calc(100% * 1 / 3) !important;
  width: calc(100% * 1 / 3) !important; }

.u-size3of8 {
  width: 37.5% !important; }

.u-size2of5,
.u-size4of10 {
  width: 40% !important; }

.u-size5of12 {
  width: -webkit-calc(100% * 5 / 12) !important;
  width: calc(100% * 5 / 12) !important; }

.u-size1of2,
.u-size2of4,
.u-size3of6,
.u-size4of8,
.u-size5of10,
.u-size6of12 {
  width: 50% !important; }

.u-size7of12 {
  width: -webkit-calc(100% * 7 / 12) !important;
  width: calc(100% * 7 / 12) !important; }

.u-size3of5,
.u-size6of10 {
  width: 60% !important; }

.u-size5of8 {
  width: 62.5% !important; }

.u-size2of3,
.u-size4of6,
.u-size8of12 {
  width: -webkit-calc(100% * 2 / 3) !important;
  width: calc(100% * 2 / 3) !important; }

.u-size7of10 {
  width: 70% !important; }

.u-size3of4,
.u-size6of8,
.u-size9of12 {
  width: 75% !important; }

.u-size4of5,
.u-size8of10 {
  width: 80% !important; }

.u-size5of6,
.u-size10of12 {
  width: -webkit-calc(100% * 5 / 6) !important;
  width: calc(100% * 5 / 6) !important; }

.u-size7of8 {
  width: 87.5% !important; }

.u-size9of10 {
  width: 90% !important; }

.u-size11of12 {
  width: -webkit-calc(100% * 11 / 12) !important;
  width: calc(100% * 11 / 12) !important; }

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  -webkit-border-radius: 5px;
          border-radius: 5px;
  border: 2px solid #1A3546;
  background: #1A3546;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 14px;
  line-height: 16px;
  padding: 20px;
  overflow: hidden; }
  .tooltipster-default .tooltipster-content .md-logotype-alt {
    display: block;
    margin-bottom: 0;
    color: #fff;
    font-size: 30px;
    text-align: center; }
  .tooltipster-default .tooltipster-content h2 {
    color: #fff;
    text-align: center; }
  .tooltipster-default .tooltipster-content p {
    color: rgba(255, 255, 255, 0.75); }
  .tooltipster-default .tooltipster-content strong {
    color: #fff; }
  .tooltipster-default .tooltipster-content a {
    color: #fff;
    font-weight: 600; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

.donate-bar {
  padding: .75rem 1rem;
  width: 100%;
  height: auto;
  background: #DFF0D8;
  border-bottom: 1px solid rgba(60, 118, 61, 0.25); }
  .donate-bar p {
    margin-bottom: 0;
    color: #3C763D; }

.donate-blurb {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 1rem;
  text-align: center; }
  .donate-blurb p {
    margin-bottom: 0; }

.donate-bar-wrap {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  text-align: center; }

.donate-btn {
  display: inline-block;
  font-size: 16px;
  color: #3C763D;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: inset 0 -2px 6px rgba(218, 225, 230, 0.2), 0 0 0 1px rgba(90, 101, 112, 0.05), 0 1px 2px rgba(90, 101, 112, 0.22);
          box-shadow: inset 0 -2px 6px rgba(218, 225, 230, 0.2), 0 0 0 1px rgba(90, 101, 112, 0.05), 0 1px 2px rgba(90, 101, 112, 0.22);
  background: #fff;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .02rem; }
  @media screen and (min-width: 610px) {
    .donate-btn {
      float: left; } }
  .donate-btn:hover input[type="image"] {
    opacity: .75; }
  .donate-btn input[type="image"] {
    display: block;
    padding: .5rem 1rem;
    vertical-align: middle;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s; }

.donate-bar-progress-wrap {
  margin: .5rem auto 0;
  max-width: 400px;
  width: 100%; }
  @media screen and (min-width: 610px) {
    .donate-bar-progress-wrap {
      float: right; } }

.donate-bar-progress {
  margin: 0 auto;
  position: relative;
  width: 100% !important;
  height: 22px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 20px;
          border-radius: 20px;
  border: 1px solid #fff; }

.donate-bar-progress-fill {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #fff;
  -webkit-border-top-left-radius: 20px;
          border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
          border-bottom-left-radius: 20px; }

[data-progress]:after {
  position: absolute;
  top: -2px;
  right: -40px;
  content: attr(data-progress);
  color: #3C763D; }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

/* ==========================================================================
   General
   ========================================================================== */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

body {
  font-family: "freight-sans-pro",sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  color: #1A3547; }

p {
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 18px;
  line-height: 1.5;
  color: #6B7A8B; }

ul {
  padding-left: 1rem;
  line-height: 1.6; }

a {
  color: #1A3547; }
  a:hover {
    text-decoration: none; }

img {
  width: 100%; }

@media screen and (max-width: 600px) {
  .m-hidden {
    display: none; } }

.button {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid #6FC90D;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: #6FC90D;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 1px, inset rgba(255, 255, 255, 0.25) 0 1px 1px, rgba(0, 0, 0, 0.25) 0 1px 1px;
          box-shadow: inset rgba(0, 0, 0, 0.05) 0 -1px 1px, inset rgba(255, 255, 255, 0.25) 0 1px 1px, rgba(0, 0, 0, 0.25) 0 1px 1px; }
  .button:hover {
    background: #64b60c; }

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

.darken {
  background: #000;
  display: none;
  z-index: 100;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px; }

.lightbox-holder {
  position: absolute;
  display: none;
  top: 50%;
  left: 50%;
  background: #111;
  z-index: 1000; }

.lightbox-image {
  -webkit-box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 40px 10px rgba(0, 0, 0, 0.25); }

.lightbox-holder__controls {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: auto;
  height: 50px;
  z-index: 10003;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.lightbox-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 60%;
          border-radius: 60%;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  cursor: pointer;
  z-index: 10003;
  -webkit-transition: background ease-in-out 0.2s;
  transition: background ease-in-out 0.2s; }
  .lightbox-close:hover {
    background: rgba(17, 17, 17, 0.5); }

.lightbox-refresh {
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  d
.lightbox-refresh:hover {
    opacity: .75; }

.lightbox-download {
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s; }
  d
.lightbox-download:hover {
    opacity: .75; }

/* ==========================================================================
   nav styles
   ========================================================================== */
.nav {
  width: 100%;
  padding: 0 20px;
  background: #fff;
  border-bottom: 1px solid #eee; }
  .nav h1 {
    margin-bottom: 0;
    margin-right: 50px; }
    @media screen and (max-width: 680px) {
      .nav h1 {
        display: block;
        width: 100%;
        margin-right: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eee;
        text-align: center; } }
  .nav h2 {
    margin-bottom: .2rem; }
  .nav p {
    margin: 0; }

.nav__wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 680px) {
    .nav__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.stats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .stats h3 {
    margin-bottom: .2rem;
    font-size: 24px;
    font-family: "proxima-nova",sans-serif; }

.stats__alltime {
  margin-left: 50px;
  padding: 20px 0 20px 50px;
  border-left: 1px solid #eee; }

/* ==========================================================================
   header styles
   ========================================================================== */
.header {
  position: relative;
  width: 100%;
  height: 200px;
  border-bottom: 1px solid #eee;
  background: #1A3547;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: .15; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: .15; } }

.fadeIn {
  -webkit-animation: fadeIn;
          animation: fadeIn;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }

.header__images {
  font-size: 0; }
  .header__images img {
    width: -webkit-calc(100% * 1 / 6) !important;
    width: calc(100% * 1 / 6) !important;
    vertical-align: top;
    opacity: 0; }
    @media screen and (max-width: 1200px) {
      .header__images img {
        width: -webkit-calc(100% * 1 / 4) !important;
        width: calc(100% * 1 / 4) !important; } }
    @media screen and (max-width: 800px) {
      .header__images img {
        width: -webkit-calc(100% * 1 / 3) !important;
        width: calc(100% * 1 / 3) !important; } }
    .header__images img:nth-child(1) {
      -webkit-animation-delay: 2.5s;
              animation-delay: 2.5s; }
    .header__images img:nth-child(2) {
      -webkit-animation-delay: 1s;
              animation-delay: 1s; }
    .header__images img:nth-child(3) {
      -webkit-animation-delay: 1.25s;
              animation-delay: 1.25s; }
    .header__images img:nth-child(4) {
      -webkit-animation-delay: 2s;
              animation-delay: 2s; }
    .header__images img:nth-child(5) {
      -webkit-animation-delay: .05s;
              animation-delay: .05s; }
    .header__images img:nth-child(6) {
      -webkit-animation-delay: 1.75s;
              animation-delay: 1.75s; }
    .header__images img:nth-child(7) {
      -webkit-animation-delay: .25s;
              animation-delay: .25s; }
    .header__images img:nth-child(8) {
      -webkit-animation-delay: 2s;
              animation-delay: 2s; }
    .header__images img:nth-child(9) {
      -webkit-animation-delay: 1.05s;
              animation-delay: 1.05s; }
    .header__images img:nth-child(10) {
      -webkit-animation-delay: 2.25s;
              animation-delay: 2.25s; }
    .header__images img:nth-child(11) {
      -webkit-animation-delay: 1.75s;
              animation-delay: 1.75s; }
    .header__images img:nth-child(12) {
      -webkit-animation-delay: 2.75s;
              animation-delay: 2.75s; }

.header__input {
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  max-width: 630px;
  z-index: 10; }
  .header__input input {
    padding: 14px 20px;
    width: 100%;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    border: 1px solid #0f1f29;
    -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.25);
            box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.25);
    font-size: 20px;
    font-family: "proxima-nova",sans-serif;
    color: #1A3547;
    opacity: 0;
    -webkit-animation-delay: .25s;
            animation-delay: .25s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }

/* ==========================================================================
   section styles
   ========================================================================== */
.section {
  padding: 50px 20px;
  width: 100%;
  border-bottom: 1px solid #eee; }

.section--controls {
  background: url("/img/bg-2.svg") center center no-repeat;
  background-size: 1100px; }

.section--about {
  padding-bottom: 0;
  background: #fafafa; }
  @media screen and (min-width: 600px) {
    .section--about {
      padding-top: 0;
      background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fafafa), color-stop(50%, #fff));
      background: linear-gradient(to left, #fafafa 50%, #fff 50%); } }

.section__wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px; }

.controls {
  margin: 0 -10px;
  padding-left: 0;
  list-style: none;
  font-size: 0;
  text-align: center; }
  .controls li {
    margin-bottom: 20px;
    padding: 0 10px;
    display: inline-block;
    width: 20%; }
    @media screen and (max-width: 800px) {
      .controls li {
        width: 50%; } }
  .controls small {
    display: block;
    font-size: .8rem;
    font-weight: 600;
    color: #778594;
    text-align: left; }

.controls__item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 12px 20px;
  width: 100%;
  border: 1px solid #CBCBD2;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: #fff;
  color: #778594;
  font-family: "proxima-nova",sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: text;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
          box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.1);
  outline: none; }
  .controls__item:hover, .controls__item:focus {
    border-color: #1A3547; }

.toggles {
  margin: 0 -10px;
  padding-left: 0;
  list-style: none;
  font-size: 0;
  text-align: center; }
  .toggles li {
    margin-bottom: 20px;
    padding: 0 10px;
    display: inline-block;
    width: 20%; }
    @media screen and (max-width: 800px) {
      .toggles li {
        width: 50%; } }
  .toggles small {
    display: block;
    font-size: .8rem;
    font-weight: 600;
    color: #778594;
    text-align: left; }

.toggles__item {
  position: relative;
  overflow: hidden;
  display: inline-block;
  padding: 12px 20px;
  width: 100%;
  border: 1px solid #CBCBD2;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: #fff;
  color: #778594;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .toggles__item:hover {
    border-color: #1A3547; }

.toggles__item--selected {
  background: #1A3547;
  border-color: #1A3547;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  -webkit-transition-property: all;
  transition-property: all; }

.toggles__item--grayscale:hover {
  border-color: #6B7C8C !important; }

.toggles__item--grayscale.toggles__item--selected {
  background: #6B7C8C;
  border-color: #6B7C8C; }

.toggles__item--sepia:hover {
  border-color: #CF5300 !important; }

.toggles__item--sepia.toggles__item--selected {
  background: #CF5300;
  border-color: #CF5300; }

/**
 * Create material design link effect
 * http://codepen.io/440design/pen/iEztk
 */
.ink {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 100%;
          border-radius: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0); }

.animate {
  -webkit-animation: ripple 0.5s linear;
          animation: ripple 0.5s linear; }

@-webkit-keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5); } }

@keyframes ripple {
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5); } }

.about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-align-content: stretch;
      -ms-flex-line-pack: stretch;
          align-content: stretch; }
  @media screen and (max-width: 600px) {
    .about {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.about__howto {
  padding: 0 0 20px; }
  @media screen and (min-width: 600px) {
    .about__howto {
      padding: 50px 40px 50px 0;
      width: 50%;
      border-right: 1px solid #eee; } }
  .about__howto input {
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    padding: 12px 20px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 6px;
            border-radius: 6px;
    outline: none;
    font-family: "proxima-nova",sans-serif;
    font-size: 18px;
    color: #1A3547; }

.about__ad {
  margin-bottom: 50px;
  width: 100%; }
  @media screen and (min-width: 600px) {
    .about__ad {
      margin-bottom: 0;
      padding: 50px 0 50px 40px;
      width: 50%; } }
  .about__ad .one .bsa_it_ad {
    background: #fff; }

.ad {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 300px;
  background: #fff;
  text-align: center; }
  .ad a {
    display: inline-block; }
  .ad img {
    vertical-align: middle; }

.plugins {
  margin-left: -20px;
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
  padding: 20px;
  background: #1A3547; }
  .plugins h2 {
    margin: 0;
    color: #fff; }
    @media screen and (max-width: 800px) {
      .plugins h2 {
        margin-bottom: 20px; } }
  .plugins ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
  .plugins li {
    margin-left: 30px;
    display: inline-block;
    font-size: 1rem; }
    .plugins li:first-of-type {
      margin-left: 0; }
    @media screen and (max-width: 550px) {
      .plugins li {
        margin: 0;
        text-align: center;
        width: 33.33%; } }
  .plugins p {
    margin: 0;
    color: #fff;
    font-weight: bold; }
  .plugins a {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    opacity: .8;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s; }
    .plugins a:hover {
      opacity: 1; }

.plugins__wrap {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1000px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  @media screen and (max-width: 800px) {
    .plugins__wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; } }

.plugins__ee {
  max-width: 40px; }

.plugins__craft {
  max-width: 60px; }

.plugins__statamic {
  max-width: 40px; }

.plugins__pyro {
  max-width: 25px; }

.plugins__typo3 {
  max-width: 80px; }

.plugins__drupal {
  max-width: 80px; }

.plugins__wordpress {
  max-width: 30px; }

/* ==========================================================================
   footer styles
   ========================================================================== */
.footer {
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px;
  max-width: 1000px;
  width: 100%;
  text-align: center; }
  .footer a {
    color: #1A3546;
    text-decoration: underline; }
  .footer .ss-standard {
    vertical-align: middle;
    color: #8793A0; }

#btn_attr, .close_attr {
  cursor: pointer; }

#attribution {
  margin-top: 1rem;
  display: none;
  border: 1px solid #CBCBD2;
  padding: 20px;
  -webkit-border-radius: 6px;
          border-radius: 6px;
  background: #fafafa; }
  #attribution ul {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
    list-style-type: none; }