@charset "UTF-8";
/* Sitewide variabelen */
/* scss Imports */
/*! 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;
}

meta.foundation-version {
  font-family: "/5.5.3/";
}

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em;
}

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 43em)/";
  width: 0em;
}

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:43.0625em)/";
  width: 43.0625em;
}

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:43.0625em) and (max-width:64em)/";
  width: 43.0625em;
}

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em;
}

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em;
}

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em;
}

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em;
}

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em;
}

meta.foundation-data-attribute-namespace {
  font-family: false;
}

html, body {
  height: 100%;
}

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

html,
body {
  font-size: 15px;
}

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative;
}

a:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

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

.clearfix:after {
  clear: both;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
}

select {
  width: 100%;
}

.row {
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.row:before, .row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.row.collapse > .column,
.row.collapse > .columns {
  padding-left: 0;
  padding-right: 0;
}

.row.collapse .row {
  margin-left: 0;
  margin-right: 0;
}

.row .row {
  margin: 0 -1rem;
  max-width: none;
  width: auto;
}

.row .row:before, .row .row:after {
  content: " ";
  display: table;
}

.row .row:after {
  clear: both;
}

.row .row.collapse {
  margin: 0;
  max-width: none;
  width: auto;
}

.row .row.collapse:before, .row .row.collapse:after {
  content: " ";
  display: table;
}

.row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
  float: left;
}

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right;
}

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left;
}

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .small-1 {
    width: 8.33333%;
  }
  .small-2 {
    width: 16.66667%;
  }
  .small-3 {
    width: 25%;
  }
  .small-4 {
    width: 33.33333%;
  }
  .small-5 {
    width: 41.66667%;
  }
  .small-6 {
    width: 50%;
  }
  .small-7 {
    width: 58.33333%;
  }
  .small-8 {
    width: 66.66667%;
  }
  .small-9 {
    width: 75%;
  }
  .small-10 {
    width: 83.33333%;
  }
  .small-11 {
    width: 91.66667%;
  }
  .small-12 {
    width: 100%;
  }
  .small-offset-0 {
    margin-left: 0 !important;
  }
  .small-offset-1 {
    margin-left: 8.33333% !important;
  }
  .small-offset-2 {
    margin-left: 16.66667% !important;
  }
  .small-offset-3 {
    margin-left: 25% !important;
  }
  .small-offset-4 {
    margin-left: 33.33333% !important;
  }
  .small-offset-5 {
    margin-left: 41.66667% !important;
  }
  .small-offset-6 {
    margin-left: 50% !important;
  }
  .small-offset-7 {
    margin-left: 58.33333% !important;
  }
  .small-offset-8 {
    margin-left: 66.66667% !important;
  }
  .small-offset-9 {
    margin-left: 75% !important;
  }
  .small-offset-10 {
    margin-left: 83.33333% !important;
  }
  .small-offset-11 {
    margin-left: 91.66667% !important;
  }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none;
  }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left;
  }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right;
  }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
}

@media only screen and (min-width: 43.0625em) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .medium-1 {
    width: 8.33333%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-0 {
    margin-left: 0 !important;
  }
  .medium-offset-1 {
    margin-left: 8.33333% !important;
  }
  .medium-offset-2 {
    margin-left: 16.66667% !important;
  }
  .medium-offset-3 {
    margin-left: 25% !important;
  }
  .medium-offset-4 {
    margin-left: 33.33333% !important;
  }
  .medium-offset-5 {
    margin-left: 41.66667% !important;
  }
  .medium-offset-6 {
    margin-left: 50% !important;
  }
  .medium-offset-7 {
    margin-left: 58.33333% !important;
  }
  .medium-offset-8 {
    margin-left: 66.66667% !important;
  }
  .medium-offset-9 {
    margin-left: 75% !important;
  }
  .medium-offset-10 {
    margin-left: 83.33333% !important;
  }
  .medium-offset-11 {
    margin-left: 91.66667% !important;
  }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none;
  }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left;
  }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right;
  }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .large-1 {
    width: 8.33333%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-3 {
    width: 25%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-6 {
    width: 50%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-9 {
    width: 75%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-0 {
    margin-left: 0 !important;
  }
  .large-offset-1 {
    margin-left: 8.33333% !important;
  }
  .large-offset-2 {
    margin-left: 16.66667% !important;
  }
  .large-offset-3 {
    margin-left: 25% !important;
  }
  .large-offset-4 {
    margin-left: 33.33333% !important;
  }
  .large-offset-5 {
    margin-left: 41.66667% !important;
  }
  .large-offset-6 {
    margin-left: 50% !important;
  }
  .large-offset-7 {
    margin-left: 58.33333% !important;
  }
  .large-offset-8 {
    margin-left: 66.66667% !important;
  }
  .large-offset-9 {
    margin-left: 75% !important;
  }
  .large-offset-10 {
    margin-left: 83.33333% !important;
  }
  .large-offset-11 {
    margin-left: 91.66667% !important;
  }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none;
  }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left;
  }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right;
  }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
}

@media only screen and (min-width: 90.0625em) {
  .xlarge-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .xlarge-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .xlarge-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .xlarge-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .xlarge-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .xlarge-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .xlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .xlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .xlarge-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .xlarge-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .xlarge-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .xlarge-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .xlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .xlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .xlarge-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .xlarge-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .xlarge-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .xlarge-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .xlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .xlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .xlarge-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .xlarge-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .xlarge-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .xlarge-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .xlarge-1 {
    width: 8.33333%;
  }
  .xlarge-2 {
    width: 16.66667%;
  }
  .xlarge-3 {
    width: 25%;
  }
  .xlarge-4 {
    width: 33.33333%;
  }
  .xlarge-5 {
    width: 41.66667%;
  }
  .xlarge-6 {
    width: 50%;
  }
  .xlarge-7 {
    width: 58.33333%;
  }
  .xlarge-8 {
    width: 66.66667%;
  }
  .xlarge-9 {
    width: 75%;
  }
  .xlarge-10 {
    width: 83.33333%;
  }
  .xlarge-11 {
    width: 91.66667%;
  }
  .xlarge-12 {
    width: 100%;
  }
  .xlarge-offset-0 {
    margin-left: 0 !important;
  }
  .xlarge-offset-1 {
    margin-left: 8.33333% !important;
  }
  .xlarge-offset-2 {
    margin-left: 16.66667% !important;
  }
  .xlarge-offset-3 {
    margin-left: 25% !important;
  }
  .xlarge-offset-4 {
    margin-left: 33.33333% !important;
  }
  .xlarge-offset-5 {
    margin-left: 41.66667% !important;
  }
  .xlarge-offset-6 {
    margin-left: 50% !important;
  }
  .xlarge-offset-7 {
    margin-left: 58.33333% !important;
  }
  .xlarge-offset-8 {
    margin-left: 66.66667% !important;
  }
  .xlarge-offset-9 {
    margin-left: 75% !important;
  }
  .xlarge-offset-10 {
    margin-left: 83.33333% !important;
  }
  .xlarge-offset-11 {
    margin-left: 91.66667% !important;
  }
  .xlarge-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.xlarge-centered,
  .columns.xlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.xlarge-uncentered,
  .columns.xlarge-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.xlarge-centered:last-child,
  .columns.xlarge-centered:last-child {
    float: none;
  }
  .column.xlarge-uncentered:last-child,
  .columns.xlarge-uncentered:last-child {
    float: left;
  }
  .column.xlarge-uncentered.opposite,
  .columns.xlarge-uncentered.opposite {
    float: right;
  }
  .row.xlarge-collapse > .column,
  .row.xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.xlarge-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.xlarge-uncollapse > .column,
  .row.xlarge-uncollapse > .columns {
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
}

@media only screen and (min-width: 120.0625em) {
  .xxlarge-push-0 {
    position: relative;
    left: 0;
    right: auto;
  }
  .xxlarge-pull-0 {
    position: relative;
    right: 0;
    left: auto;
  }
  .xxlarge-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }
  .xxlarge-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }
  .xxlarge-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }
  .xxlarge-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }
  .xxlarge-push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }
  .xxlarge-pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }
  .xxlarge-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }
  .xxlarge-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }
  .xxlarge-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }
  .xxlarge-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }
  .xxlarge-push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }
  .xxlarge-pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }
  .xxlarge-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }
  .xxlarge-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }
  .xxlarge-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }
  .xxlarge-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }
  .xxlarge-push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }
  .xxlarge-pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }
  .xxlarge-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }
  .xxlarge-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }
  .xxlarge-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }
  .xxlarge-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }
  .column,
  .columns {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
  .xxlarge-1 {
    width: 8.33333%;
  }
  .xxlarge-2 {
    width: 16.66667%;
  }
  .xxlarge-3 {
    width: 25%;
  }
  .xxlarge-4 {
    width: 33.33333%;
  }
  .xxlarge-5 {
    width: 41.66667%;
  }
  .xxlarge-6 {
    width: 50%;
  }
  .xxlarge-7 {
    width: 58.33333%;
  }
  .xxlarge-8 {
    width: 66.66667%;
  }
  .xxlarge-9 {
    width: 75%;
  }
  .xxlarge-10 {
    width: 83.33333%;
  }
  .xxlarge-11 {
    width: 91.66667%;
  }
  .xxlarge-12 {
    width: 100%;
  }
  .xxlarge-offset-0 {
    margin-left: 0 !important;
  }
  .xxlarge-offset-1 {
    margin-left: 8.33333% !important;
  }
  .xxlarge-offset-2 {
    margin-left: 16.66667% !important;
  }
  .xxlarge-offset-3 {
    margin-left: 25% !important;
  }
  .xxlarge-offset-4 {
    margin-left: 33.33333% !important;
  }
  .xxlarge-offset-5 {
    margin-left: 41.66667% !important;
  }
  .xxlarge-offset-6 {
    margin-left: 50% !important;
  }
  .xxlarge-offset-7 {
    margin-left: 58.33333% !important;
  }
  .xxlarge-offset-8 {
    margin-left: 66.66667% !important;
  }
  .xxlarge-offset-9 {
    margin-left: 75% !important;
  }
  .xxlarge-offset-10 {
    margin-left: 83.33333% !important;
  }
  .xxlarge-offset-11 {
    margin-left: 91.66667% !important;
  }
  .xxlarge-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto;
  }
  .column.xxlarge-centered,
  .columns.xxlarge-centered {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  .column.xxlarge-uncentered,
  .columns.xxlarge-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .column.xxlarge-centered:last-child,
  .columns.xxlarge-centered:last-child {
    float: none;
  }
  .column.xxlarge-uncentered:last-child,
  .columns.xxlarge-uncentered:last-child {
    float: left;
  }
  .column.xxlarge-uncentered.opposite,
  .columns.xxlarge-uncentered.opposite {
    float: right;
  }
  .row.xxlarge-collapse > .column,
  .row.xxlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0;
  }
  .row.xxlarge-collapse .row {
    margin-left: 0;
    margin-right: 0;
  }
  .row.xxlarge-uncollapse > .column,
  .row.xxlarge-uncollapse > .columns {
    padding-left: 1rem;
    padding-right: 1rem;
    float: left;
  }
}

.accordion {
  margin-bottom: 0;
  margin-left: 0;
}

.accordion:before, .accordion:after {
  content: " ";
  display: table;
}

.accordion:after {
  clear: both;
}

.accordion .accordion-navigation, .accordion dd {
  display: block;
  margin-bottom: 0 !important;
}

.accordion .accordion-navigation.active > a, .accordion dd.active > a {
  background: #dfdfd9;
  color: #222222;
}

.accordion .accordion-navigation > a, .accordion dd > a {
  background: #eaeae6;
  color: #222222;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.93333rem;
  padding: 1rem;
}

.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
  background: #dfdfd9;
}

.accordion .accordion-navigation > .content, .accordion dd > .content {
  display: none;
  padding: 0;
}

.accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
  background: #FFFFFF;
  display: block;
}

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.86667rem;
  font-weight: normal;
  margin-bottom: 1.33333rem;
  padding: 0.93333rem 1.6rem 0.93333rem 0.93333rem;
  position: relative;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  background-color: #5F6062;
  border-color: #525354;
  color: #FFFFFF;
}

.alert-box .close {
  right: 0.26667rem;
  background: inherit;
  color: #333333;
  font-size: 1.46667rem;
  line-height: .9;
  margin-top: -0.73333rem;
  opacity: 0.3;
  padding: 0 6px 4px;
  position: absolute;
  top: 50%;
}

.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}

.alert-box.radius {
  border-radius: 0;
}

.alert-box.round {
  border-radius: 1000px;
}

.alert-box.success {
  background-color: #66a56f;
  border-color: #55915e;
  color: #FFFFFF;
}

.alert-box.alert {
  background-color: #C75252;
  border-color: #b73b3b;
  color: #FFFFFF;
}

.alert-box.secondary {
  background-color: #BCBDBD;
  border-color: #a1a3a3;
  color: #404141;
}

.alert-box.warning {
  background-color: #e09520;
  border-color: #c1801b;
  color: #FFFFFF;
}

.alert-box.info {
  background-color: #57acc2;
  border-color: #409ab1;
  color: #FFFFFF;
}

.alert-box.alert-close {
  opacity: 0;
}

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.2rem;
}

[class*="block-grid-"]:before, [class*="block-grid-"]:after {
  content: " ";
  display: table;
}

[class*="block-grid-"]:after {
  clear: both;
}

[class*="block-grid-"] > li {
  display: block;
  float: left;
  height: auto;
  padding: 0 0.2rem 0.4rem;
}

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .small-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .small-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .small-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .small-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .small-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .small-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .small-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .small-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .small-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .small-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .small-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .small-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .small-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .small-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .small-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .small-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .small-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .small-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .small-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .small-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .small-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .small-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .small-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .small-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 43.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .medium-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .medium-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .medium-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .medium-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .medium-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .medium-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .medium-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .medium-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .medium-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .medium-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .medium-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .medium-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .medium-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .medium-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .medium-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .medium-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%;
  }
  .large-block-grid-1 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-1 > li:nth-of-type(1n+1) {
    clear: both;
  }
  .large-block-grid-2 > li {
    list-style: none;
    width: 50%;
  }
  .large-block-grid-2 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-2 > li:nth-of-type(2n+1) {
    clear: both;
  }
  .large-block-grid-3 > li {
    list-style: none;
    width: 33.33333%;
  }
  .large-block-grid-3 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-3 > li:nth-of-type(3n+1) {
    clear: both;
  }
  .large-block-grid-4 > li {
    list-style: none;
    width: 25%;
  }
  .large-block-grid-4 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-4 > li:nth-of-type(4n+1) {
    clear: both;
  }
  .large-block-grid-5 > li {
    list-style: none;
    width: 20%;
  }
  .large-block-grid-5 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-5 > li:nth-of-type(5n+1) {
    clear: both;
  }
  .large-block-grid-6 > li {
    list-style: none;
    width: 16.66667%;
  }
  .large-block-grid-6 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-6 > li:nth-of-type(6n+1) {
    clear: both;
  }
  .large-block-grid-7 > li {
    list-style: none;
    width: 14.28571%;
  }
  .large-block-grid-7 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-7 > li:nth-of-type(7n+1) {
    clear: both;
  }
  .large-block-grid-8 > li {
    list-style: none;
    width: 12.5%;
  }
  .large-block-grid-8 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-8 > li:nth-of-type(8n+1) {
    clear: both;
  }
  .large-block-grid-9 > li {
    list-style: none;
    width: 11.11111%;
  }
  .large-block-grid-9 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-9 > li:nth-of-type(9n+1) {
    clear: both;
  }
  .large-block-grid-10 > li {
    list-style: none;
    width: 10%;
  }
  .large-block-grid-10 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-10 > li:nth-of-type(10n+1) {
    clear: both;
  }
  .large-block-grid-11 > li {
    list-style: none;
    width: 9.09091%;
  }
  .large-block-grid-11 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-11 > li:nth-of-type(11n+1) {
    clear: both;
  }
  .large-block-grid-12 > li {
    list-style: none;
    width: 8.33333%;
  }
  .large-block-grid-12 > li:nth-of-type(1n) {
    clear: none;
  }
  .large-block-grid-12 > li:nth-of-type(12n+1) {
    clear: both;
  }
}

.breadcrumbs {
  border-style: solid;
  border-width: 0;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0);
  border-radius: 0;
}

.breadcrumbs > * {
  color: #B6A67A;
  float: left;
  font-size: 0.73333rem;
  line-height: 0.73333rem;
  margin: 0;
  text-transform: uppercase;
}

.breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
  text-decoration: underline;
}

.breadcrumbs > * a {
  color: #B6A67A;
}

.breadcrumbs > *.current {
  color: #333333;
  cursor: default;
}

.breadcrumbs > *.current a {
  color: #333333;
  cursor: default;
}

.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
  text-decoration: none;
}

.breadcrumbs > *.unavailable {
  color: #999999;
}

.breadcrumbs > *.unavailable a {
  color: #999999;
}

.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
  color: #999999;
  cursor: not-allowed;
  text-decoration: none;
}

.breadcrumbs > *:before {
  color: #AAAAAA;
  content: ">";
  margin: 0 0.8rem;
  position: relative;
  top: 1px;
}

.breadcrumbs > *:first-child:before {
  content: " ";
  margin: 0;
}

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/";
}

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.33333rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1.06667rem 2.13333rem 1.13333rem 2.13333rem;
  font-size: 1.06667rem;
  background-color: #e9e8e2;
  border-color: #f6f5f1;
  color: #5F6062;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

button:hover, button:focus, .button:hover, .button:focus {
  background-color: #f6f5f1;
}

button:hover, button:focus, .button:hover, .button:focus {
  color: #5F6062;
}

button.secondary, .button.secondary {
  background-color: #BCBDBD;
  border-color: #FFFFFF;
  color: #5F6062;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: transparent;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: #5F6062;
}

button.success, .button.success {
  background-color: #66a56f;
  border-color: #4f8657;
  color: #5F6062;
}

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #4f8657;
}

button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: #5F6062;
}

button.alert, .button.alert {
  background-color: #C75252;
  border-color: #aa3737;
  color: #5F6062;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #aa3737;
}

button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: #5F6062;
}

button.warning, .button.warning {
  background-color: #e09520;
  border-color: #b47719;
  color: #5F6062;
}

button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  background-color: #b47719;
}

button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
  color: #5F6062;
}

button.info, .button.info {
  background-color: #57acc2;
  border-color: #3c8fa5;
  color: #5F6062;
}

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  background-color: #3c8fa5;
}

button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
  color: #5F6062;
}

button.large, .button.large {
  padding: 1.2rem 2.4rem 1.26667rem 2.4rem;
  font-size: 1.33333rem;
}

button.small, .button.small {
  padding: 0.93333rem 1.86667rem 1rem 1.86667rem;
  font-size: 0.93333rem;
}

button.tiny, .button.tiny {
  padding: 0.66667rem 1.33333rem 0.73333rem 1.33333rem;
  font-size: 0.73333rem;
}

button.expand, .button.expand {
  padding: 1.06667rem 2.13333rem 1.13333rem 2.13333rem;
  font-size: 1.06667rem;
  padding-bottom: 1.13333rem;
  padding-top: 1.06667rem;
  padding-left: 1.06667rem;
  padding-right: 1.06667rem;
  width: 100%;
}

button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.8rem;
}

button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.8rem;
}

button.radius, .button.radius {
  border-radius: 0;
}

button.round, .button.round {
  border-radius: 1000px;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #e9e8e2;
  border-color: #f6f5f1;
  color: #5F6062;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #f6f5f1;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: #5F6062;
}

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #e9e8e2;
}

button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #BCBDBD;
  border-color: #FFFFFF;
  color: #5F6062;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: transparent;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: #5F6062;
}

button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #BCBDBD;
}

button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #66a56f;
  border-color: #4f8657;
  color: #5F6062;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #4f8657;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: #5F6062;
}

button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #66a56f;
}

button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #C75252;
  border-color: #aa3737;
  color: #5F6062;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #aa3737;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: #5F6062;
}

button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #C75252;
}

button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
  background-color: #e09520;
  border-color: #b47719;
  color: #5F6062;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #b47719;
}

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  color: #5F6062;
}

button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
  background-color: #e09520;
}

button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
  background-color: #57acc2;
  border-color: #3c8fa5;
  color: #5F6062;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
  opacity: 0.7;
}

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #3c8fa5;
}

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  color: #5F6062;
}

button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
  background-color: #57acc2;
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

@media only screen and (min-width: 43.0625em) {
  button, .button {
    display: inline-block;
  }
}

.button-group {
  list-style: none;
  margin: 0;
  left: 0;
}

.button-group:before, .button-group:after {
  content: " ";
  display: table;
}

.button-group:after {
  clear: both;
}

.button-group.even-2 li {
  display: inline-block;
  margin: 0 -2px;
  width: 50%;
}

.button-group.even-2 li > button, .button-group.even-2 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
  border-left: 0;
}

.button-group.even-2 li button, .button-group.even-2 li .button {
  width: 100%;
}

.button-group.even-3 li {
  display: inline-block;
  margin: 0 -2px;
  width: 33.33333%;
}

.button-group.even-3 li > button, .button-group.even-3 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
  border-left: 0;
}

.button-group.even-3 li button, .button-group.even-3 li .button {
  width: 100%;
}

.button-group.even-4 li {
  display: inline-block;
  margin: 0 -2px;
  width: 25%;
}

.button-group.even-4 li > button, .button-group.even-4 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
  border-left: 0;
}

.button-group.even-4 li button, .button-group.even-4 li .button {
  width: 100%;
}

.button-group.even-5 li {
  display: inline-block;
  margin: 0 -2px;
  width: 20%;
}

.button-group.even-5 li > button, .button-group.even-5 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
  border-left: 0;
}

.button-group.even-5 li button, .button-group.even-5 li .button {
  width: 100%;
}

.button-group.even-6 li {
  display: inline-block;
  margin: 0 -2px;
  width: 16.66667%;
}

.button-group.even-6 li > button, .button-group.even-6 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
  border-left: 0;
}

.button-group.even-6 li button, .button-group.even-6 li .button {
  width: 100%;
}

.button-group.even-7 li {
  display: inline-block;
  margin: 0 -2px;
  width: 14.28571%;
}

.button-group.even-7 li > button, .button-group.even-7 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
  border-left: 0;
}

.button-group.even-7 li button, .button-group.even-7 li .button {
  width: 100%;
}

.button-group.even-8 li {
  display: inline-block;
  margin: 0 -2px;
  width: 12.5%;
}

.button-group.even-8 li > button, .button-group.even-8 li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
  border-left: 0;
}

.button-group.even-8 li button, .button-group.even-8 li .button {
  width: 100%;
}

.button-group > li {
  display: inline-block;
  margin: 0 -2px;
}

.button-group > li > button, .button-group > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group > li:first-child button, .button-group > li:first-child .button {
  border-left: 0;
}

.button-group.stack > li {
  display: block;
  margin: 0;
  float: none;
}

.button-group.stack > li > button, .button-group.stack > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
  border-left: 0;
}

.button-group.stack > li > button, .button-group.stack > li .button {
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}

.button-group.stack > li > button {
  width: 100%;
}

.button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
  border-top: 0;
}

.button-group.stack-for-small > li {
  display: inline-block;
  margin: 0 -2px;
}

.button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
  border-left: 0;
}

@media only screen and (max-width: 43em) {
  .button-group.stack-for-small > li {
    display: block;
    margin: 0;
    width: 100%;
  }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
    border-left: 0;
  }
  .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
  }
  .button-group.stack-for-small > li > button {
    width: 100%;
  }
  .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
    border-top: 0;
  }
}

.button-group.radius > * {
  display: inline-block;
  margin: 0 -2px;
}

.button-group.radius > * > button, .button-group.radius > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
  border-left: 0;
}

.button-group.radius > *,
.button-group.radius > * > a,
.button-group.radius > * > button,
.button-group.radius > * > .button {
  border-radius: 0;
}

.button-group.radius > *:first-child,
.button-group.radius > *:first-child > a,
.button-group.radius > *:first-child > button,
.button-group.radius > *:first-child > .button {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.button-group.radius > *:last-child,
.button-group.radius > *:last-child > a,
.button-group.radius > *:last-child > button,
.button-group.radius > *:last-child > .button {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.button-group.radius.stack > * {
  display: block;
  margin: 0;
}

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
  border-left: 0;
}

.button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}

.button-group.radius.stack > * > button {
  width: 100%;
}

.button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
  border-top: 0;
}

.button-group.radius.stack > *,
.button-group.radius.stack > * > a,
.button-group.radius.stack > * > button,
.button-group.radius.stack > * > .button {
  border-radius: 0;
}

.button-group.radius.stack > *:first-child,
.button-group.radius.stack > *:first-child > a,
.button-group.radius.stack > *:first-child > button,
.button-group.radius.stack > *:first-child > .button {
  -webkit-top-left-radius: 0;
  -webkit-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.button-group.radius.stack > *:last-child,
.button-group.radius.stack > *:last-child > a,
.button-group.radius.stack > *:last-child > button,
.button-group.radius.stack > *:last-child > .button {
  -webkit-bottom-left-radius: 0;
  -webkit-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media only screen and (min-width: 43.0625em) {
  .button-group.radius.stack-for-small > * {
    display: inline-block;
    margin: 0 -2px;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.radius.stack-for-small > *,
  .button-group.radius.stack-for-small > * > a,
  .button-group.radius.stack-for-small > * > button,
  .button-group.radius.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.radius.stack-for-small > *:first-child,
  .button-group.radius.stack-for-small > *:first-child > a,
  .button-group.radius.stack-for-small > *:first-child > button,
  .button-group.radius.stack-for-small > *:first-child > .button {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .button-group.radius.stack-for-small > *:last-child,
  .button-group.radius.stack-for-small > *:last-child > a,
  .button-group.radius.stack-for-small > *:last-child > button,
  .button-group.radius.stack-for-small > *:last-child > .button {
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}

@media only screen and (max-width: 43em) {
  .button-group.radius.stack-for-small > * {
    display: block;
    margin: 0;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
  }
  .button-group.radius.stack-for-small > * > button {
    width: 100%;
  }
  .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
    border-top: 0;
  }
  .button-group.radius.stack-for-small > *,
  .button-group.radius.stack-for-small > * > a,
  .button-group.radius.stack-for-small > * > button,
  .button-group.radius.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.radius.stack-for-small > *:first-child,
  .button-group.radius.stack-for-small > *:first-child > a,
  .button-group.radius.stack-for-small > *:first-child > button,
  .button-group.radius.stack-for-small > *:first-child > .button {
    -webkit-top-left-radius: 0;
    -webkit-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .button-group.radius.stack-for-small > *:last-child,
  .button-group.radius.stack-for-small > *:last-child > a,
  .button-group.radius.stack-for-small > *:last-child > button,
  .button-group.radius.stack-for-small > *:last-child > .button {
    -webkit-bottom-left-radius: 0;
    -webkit-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.button-group.round > * {
  display: inline-block;
  margin: 0 -2px;
}

.button-group.round > * > button, .button-group.round > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round > *:first-child button, .button-group.round > *:first-child .button {
  border-left: 0;
}

.button-group.round > *,
.button-group.round > * > a,
.button-group.round > * > button,
.button-group.round > * > .button {
  border-radius: 0;
}

.button-group.round > *:first-child,
.button-group.round > *:first-child > a,
.button-group.round > *:first-child > button,
.button-group.round > *:first-child > .button {
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.button-group.round > *:last-child,
.button-group.round > *:last-child > a,
.button-group.round > *:last-child > button,
.button-group.round > *:last-child > .button {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

.button-group.round.stack > * {
  display: block;
  margin: 0;
}

.button-group.round.stack > * > button, .button-group.round.stack > * .button {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.5);
}

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
  border-left: 0;
}

.button-group.round.stack > * > button, .button-group.round.stack > * .button {
  border-color: rgba(255, 255, 255, 0.5);
  border-left-width: 0;
  border-top: 1px solid;
  display: block;
  margin: 0;
}

.button-group.round.stack > * > button {
  width: 100%;
}

.button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
  border-top: 0;
}

.button-group.round.stack > *,
.button-group.round.stack > * > a,
.button-group.round.stack > * > button,
.button-group.round.stack > * > .button {
  border-radius: 0;
}

.button-group.round.stack > *:first-child,
.button-group.round.stack > *:first-child > a,
.button-group.round.stack > *:first-child > button,
.button-group.round.stack > *:first-child > .button {
  -webkit-top-left-radius: 1.06667rem;
  -webkit-top-right-radius: 1.06667rem;
  border-top-left-radius: 1.06667rem;
  border-top-right-radius: 1.06667rem;
}

.button-group.round.stack > *:last-child,
.button-group.round.stack > *:last-child > a,
.button-group.round.stack > *:last-child > button,
.button-group.round.stack > *:last-child > .button {
  -webkit-bottom-left-radius: 1.06667rem;
  -webkit-bottom-right-radius: 1.06667rem;
  border-bottom-left-radius: 1.06667rem;
  border-bottom-right-radius: 1.06667rem;
}

@media only screen and (min-width: 43.0625em) {
  .button-group.round.stack-for-small > * {
    display: inline-block;
    margin: 0 -2px;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.round.stack-for-small > *,
  .button-group.round.stack-for-small > * > a,
  .button-group.round.stack-for-small > * > button,
  .button-group.round.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.round.stack-for-small > *:first-child,
  .button-group.round.stack-for-small > *:first-child > a,
  .button-group.round.stack-for-small > *:first-child > button,
  .button-group.round.stack-for-small > *:first-child > .button {
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
  }
  .button-group.round.stack-for-small > *:last-child,
  .button-group.round.stack-for-small > *:last-child > a,
  .button-group.round.stack-for-small > *:last-child > button,
  .button-group.round.stack-for-small > *:last-child > .button {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
  }
}

@media only screen and (max-width: 43em) {
  .button-group.round.stack-for-small > * {
    display: block;
    margin: 0;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
    border-left: 1px solid;
    border-color: rgba(255, 255, 255, 0.5);
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
    border-left: 0;
  }
  .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
    border-color: rgba(255, 255, 255, 0.5);
    border-left-width: 0;
    border-top: 1px solid;
    display: block;
    margin: 0;
  }
  .button-group.round.stack-for-small > * > button {
    width: 100%;
  }
  .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
    border-top: 0;
  }
  .button-group.round.stack-for-small > *,
  .button-group.round.stack-for-small > * > a,
  .button-group.round.stack-for-small > * > button,
  .button-group.round.stack-for-small > * > .button {
    border-radius: 0;
  }
  .button-group.round.stack-for-small > *:first-child,
  .button-group.round.stack-for-small > *:first-child > a,
  .button-group.round.stack-for-small > *:first-child > button,
  .button-group.round.stack-for-small > *:first-child > .button {
    -webkit-top-left-radius: 1.06667rem;
    -webkit-top-right-radius: 1.06667rem;
    border-top-left-radius: 1.06667rem;
    border-top-right-radius: 1.06667rem;
  }
  .button-group.round.stack-for-small > *:last-child,
  .button-group.round.stack-for-small > *:last-child > a,
  .button-group.round.stack-for-small > *:last-child > button,
  .button-group.round.stack-for-small > *:last-child > .button {
    -webkit-bottom-left-radius: 1.06667rem;
    -webkit-bottom-right-radius: 1.06667rem;
    border-bottom-left-radius: 1.06667rem;
    border-bottom-right-radius: 1.06667rem;
  }
}

.button-bar:before, .button-bar:after {
  content: " ";
  display: table;
}

.button-bar:after {
  clear: both;
}

.button-bar .button-group {
  float: left;
  margin-right: 0.66667rem;
}

.button-bar .button-group div {
  overflow: hidden;
}

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border: none 0 #cccccc;
  font-size: 0.93333rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px;
}

.f-dropdown.open {
  display: block;
}

.f-dropdown > *:first-child {
  margin-top: 0;
}

.f-dropdown > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-right {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border: none 0 #cccccc;
  font-size: 0.93333rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: 2px;
  max-width: 200px;
}

.f-dropdown.drop-right.open {
  display: block;
}

.f-dropdown.drop-right > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-right > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-right:before {
  border: inset 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 89;
}

.f-dropdown.drop-right:after {
  border: inset 1px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent #cccccc transparent transparent;
  border-right-style: solid;
  position: absolute;
  top: 9px;
  left: -2px;
  z-index: 88;
}

.f-dropdown.drop-left {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border: none 0 #cccccc;
  font-size: 0.93333rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 0;
  margin-left: -2px;
  max-width: 200px;
}

.f-dropdown.drop-left.open {
  display: block;
}

.f-dropdown.drop-left > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-left > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-left:before {
  border: inset 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent transparent;
  border-left-style: solid;
  position: absolute;
  top: 10px;
  right: 0px;
  left: auto;
  z-index: 89;
}

.f-dropdown.drop-left:after {
  border: inset 1px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent #cccccc;
  border-left-style: solid;
  position: absolute;
  top: 9px;
  right: -2px;
  left: auto;
  z-index: 88;
}

.f-dropdown.drop-top {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border: none 0 #cccccc;
  font-size: 0.93333rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-left: 0;
  margin-top: -2px;
  max-width: 200px;
}

.f-dropdown.drop-top.open {
  display: block;
}

.f-dropdown.drop-top > *:first-child {
  margin-top: 0;
}

.f-dropdown.drop-top > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.drop-top:before {
  border: inset 0px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent transparent;
  border-top-style: solid;
  bottom: 0px;
  position: absolute;
  top: auto;
  left: 10px;
  right: auto;
  z-index: 89;
}

.f-dropdown.drop-top:after {
  border: inset 1px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: #cccccc transparent transparent transparent;
  border-top-style: solid;
  bottom: -2px;
  position: absolute;
  top: auto;
  left: 9px;
  right: auto;
  z-index: 88;
}

.f-dropdown li {
  cursor: pointer;
  font-size: 0.93333rem;
  line-height: 1.2rem;
  margin: 0;
}

.f-dropdown li:hover, .f-dropdown li:focus {
  background: transparent;
}

.f-dropdown li a {
  display: block;
  padding: 0.5rem;
  color: #5F6062;
}

.f-dropdown.content {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border: none 0 #cccccc;
  font-size: 0.93333rem;
  height: auto;
  max-height: none;
  padding: 1.33333rem;
  width: 100%;
  z-index: 89;
  max-width: 200px;
}

.f-dropdown.content.open {
  display: block;
}

.f-dropdown.content > *:first-child {
  margin-top: 0;
}

.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}

.f-dropdown.radius {
  border-radius: 0;
}

.f-dropdown.tiny {
  max-width: 200px;
}

.f-dropdown.small {
  max-width: 300px;
}

.f-dropdown.medium {
  max-width: 500px;
}

.f-dropdown.large {
  max-width: 800px;
}

.f-dropdown.mega {
  width: 100% !important;
  max-width: 100% !important;
}

.f-dropdown.mega.open {
  left: 0 !important;
}

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.8rem;
}

.dropdown.button::after, button.dropdown::after {
  border-color: #FFFFFF transparent transparent transparent;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  width: 0;
}

.dropdown.button::after, button.dropdown::after {
  border-width: 0.4rem;
  right: 1.5rem;
  margin-top: -0.16667rem;
}

.dropdown.button::after, button.dropdown::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.tiny, button.dropdown.tiny {
  padding-right: 2.8rem;
}

.dropdown.button.tiny:after, button.dropdown.tiny:after {
  border-width: 0.4rem;
  right: 1.2rem;
  margin-top: -0.13333rem;
}

.dropdown.button.tiny::after, button.dropdown.tiny::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.small, button.dropdown.small {
  padding-right: 3.26667rem;
}

.dropdown.button.small::after, button.dropdown.small::after {
  border-width: 0.46667rem;
  right: 1.4rem;
  margin-top: -0.16667rem;
}

.dropdown.button.small::after, button.dropdown.small::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.large, button.dropdown.large {
  padding-right: 3.86667rem;
}

.dropdown.button.large::after, button.dropdown.large::after {
  border-width: 0.33333rem;
  right: 1.83333rem;
  margin-top: -0.16667rem;
}

.dropdown.button.large::after, button.dropdown.large::after {
  border-color: #FFFFFF transparent transparent transparent;
}

.dropdown.button.secondary:after, button.dropdown.secondary:after {
  border-color: #333333 transparent transparent transparent;
}

/* Standard Forms */
form {
  margin: 0 0 1.06667rem;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.53333rem;
}

form .row .row .column,
form .row .row .columns {
  padding: 0 0.53333rem;
}

form .row .row.collapse {
  margin: 0;
}

form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}

form .row .row.collapse input {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.53333rem;
}

/* Label Styles */
label {
  color: #5F6062;
  cursor: pointer;
  display: block;
  font-size: 0.93333rem;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0.35rem;
  /* Styles for required inputs */
}

label.right {
  float: none !important;
  text-align: right;
}

label.inline {
  margin: 0 0 1.06667rem 0;
  padding: 0.53333rem 0;
}

label small {
  text-transform: capitalize;
  color: #76787a;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.93333rem;
  height: 2.46667rem;
  line-height: 2.46667rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2;
}

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}

.prefix.button {
  border: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
  text-align: center;
}

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc;
}

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc;
}

/* We use this to get basic styling on all basic form elements */
input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 0;
  border-color: #cccccc;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.93333rem;
  height: 2.46667rem;
  margin: 0 0 1.06667rem 0;
  padding: 0.53333rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear;
}

input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
  background: #FFFFFF;
  border-color: #999999;
  outline: none;
}

input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
  background-color: #e3e0d3;
  cursor: default;
}

input:not([type])[disabled], input:not([type])[readonly],
fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly],
fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly],
fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly],
fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly],
fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly],
fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly],
fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly],
fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly],
fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly],
fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly],
fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly],
fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly],
fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly],
fieldset[disabled] textarea {
  background-color: #e3e0d3;
  cursor: default;
}

input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
  border-radius: 0;
}

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select,
form .row .prefix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select,
form .row .postfix-radius.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select,
form .row .prefix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select,
form .row .postfix-round.row.collapse button {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto;
}

/* Not allow resize out of parent */
textarea {
  max-width: 100%;
}

::-webkit-input-placeholder {
  color: #666666;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}

:-ms-input-placeholder {
  color: #666666;
}

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #fff;
  border-radius: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+");
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 0;
  border-color: #cccccc;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.93333rem;
  line-height: normal;
  padding: 0.53333rem;
  border-radius: 0;
  height: 2.46667rem;
}

select::-ms-expand {
  display: none;
}

select.radius {
  border-radius: 0;
}

select:focus {
  background-color: #fff;
  border-color: #999999;
}

select:disabled {
  background-color: #e3e0d3;
  cursor: default;
}

select[multiple] {
  height: auto;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1.06667rem 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.53333rem;
  margin-right: 1.06667rem;
  margin-bottom: 0;
  vertical-align: baseline;
}

/* Normalize file input width */
input[type="file"] {
  width: 100%;
}

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 0 solid #DDDDDD;
  margin: 0;
  padding: 0;
}

fieldset legend {
  font-weight: bold;
  margin: 0;
  margin-left: -0.2rem;
  padding: 0 0.2rem;
}

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1.06667rem;
  margin-top: -1px;
  padding: 0;
  background: transparent;
  color: #C75252;
}

[data-abide] span.error, [data-abide] small.error {
  display: none;
}

span.error, small.error {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1.06667rem;
  margin-top: -1px;
  padding: 0;
  background: transparent;
  color: #C75252;
}

.error input,
.error textarea,
.error select {
  margin-bottom: 0;
}

.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1.06667rem;
}

.error label,
.error label.error {
  color: #C75252;
}

.error small.error {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1.06667rem;
  margin-top: -1px;
  padding: 0;
  background: transparent;
  color: #C75252;
}

.error > label > small {
  background: transparent;
  color: #76787a;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
}

.error span.error-message {
  display: block;
}

input.error,
textarea.error,
select.error {
  margin-bottom: 0;
}

label.error {
  color: #C75252;
}

.inline-list {
  list-style: none;
  margin-top: 0;
  margin-bottom: 1.13333rem;
  margin-left: -1.46667rem;
  margin-right: 0;
  overflow: hidden;
  padding: 0;
}

.inline-list > li {
  display: block;
  float: left;
  list-style: none;
  margin-left: 1.46667rem;
}

.inline-list > li > * {
  display: block;
}

.label {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.2rem 0.5rem;
  font-size: 0.8rem;
  background-color: #5F6062;
  color: #FFFFFF;
}

.label.radius {
  border-radius: 0;
}

.label.round {
  border-radius: 1000px;
}

.label.alert {
  background-color: #C75252;
  color: #FFFFFF;
}

.label.warning {
  background-color: #e09520;
  color: #FFFFFF;
}

.label.success {
  background-color: #66a56f;
  color: #FFFFFF;
}

.label.secondary {
  background-color: #BCBDBD;
  color: #333333;
}

.label.info {
  background-color: #57acc2;
  color: #FFFFFF;
}

ul.pagination {
  display: block;
  margin-left: -0.33333rem;
  min-height: 7.86667rem;
}

ul.pagination li {
  color: #5F6062;
  font-size: 0.93333rem;
  height: 1.6rem;
  margin-left: 0.33333rem;
}

ul.pagination li a, ul.pagination li button {
  border-radius: 0;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  background: none;
  color: #5F6062;
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  padding: 0.06667rem 0.66667rem 0.06667rem;
}

ul.pagination li:hover a,
ul.pagination li a:focus,
ul.pagination li:hover button,
ul.pagination li button:focus {
  background: #FFFFFF;
}

ul.pagination li.unavailable a, ul.pagination li.unavailable button {
  cursor: default;
  color: #999999;
  pointer-events: none;
}

ul.pagination li.unavailable:hover a,
ul.pagination li.unavailable a:focus,
ul.pagination li.unavailable:hover button,
ul.pagination li.unavailable button:focus {
  background: transparent;
}

ul.pagination li.current a, ul.pagination li.current button {
  background: #FFFFFF;
  color: #5F6062;
  cursor: default;
  font-weight: normal;
}

ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: #FFFFFF;
}

ul.pagination li {
  display: block;
  float: left;
}

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center;
}

.pagination-centered ul.pagination li {
  display: inline-block;
  float: none;
}

/* Panels */
.panel {
  border-style: solid;
  border-width: 0;
  border-color: rgba(227, 227, 227, 0.725);
  margin-bottom: 1.33333rem;
  padding: 3.33333rem 3.66667rem 2rem 3.66667rem;
  background: rgba(255, 255, 255, 0.725);
  color: #5F6062;
}

.panel > :first-child {
  margin-top: 0;
}

.panel > :last-child {
  margin-bottom: 0;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
  color: #5F6062;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.66667rem;
}

.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}

.panel.callout {
  border-style: solid;
  border-width: 0;
  border-color: rgba(227, 227, 227, 0.725);
  margin-bottom: 1.33333rem;
  padding: 3.33333rem 3.66667rem 2rem 3.66667rem;
  background: #f5f5f6;
  color: #5F6062;
}

.panel.callout > :first-child {
  margin-top: 0;
}

.panel.callout > :last-child {
  margin-bottom: 0;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
  color: #5F6062;
}

.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.66667rem;
}

.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}

.panel.callout a:not(.button) {
  color: #5F6062;
}

.panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
  color: #525354;
}

.panel.radius {
  border-radius: 0;
}

.reveal-modal-bg {
  background: #0a0a0a;
  background: rgba(10, 10, 10, 0.45);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1004;
  left: 0;
}

.reveal-modal {
  border-radius: 0;
  display: none;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 1005;
  left: 0;
  background-color: #FFFFFF;
  padding: 2rem;
  border: solid 1px transparent;
  -webkit-box-shadow: 0 0 10px rgba(10, 10, 10, 0.4);
          box-shadow: 0 0 10px rgba(10, 10, 10, 0.4);
}

@media only screen and (max-width: 43em) {
  .reveal-modal {
    min-height: 100vh;
  }
}

.reveal-modal .column, .reveal-modal .columns {
  min-width: 0;
}

.reveal-modal > :first-child {
  margin-top: 0;
}

.reveal-modal > :last-child {
  margin-bottom: 0;
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 95%;
  }
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal {
    top: 6.66667rem;
  }
}

.reveal-modal.radius {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.reveal-modal.round {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 1000px;
}

.reveal-modal.collapse {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal.tiny {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 30%;
  }
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal.small {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 40%;
  }
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal.medium {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 60%;
  }
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal.large {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 70%;
  }
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal.xlarge {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 95%;
  }
}

.reveal-modal.full {
  height: 100vh;
  height: 100%;
  left: 0;
  margin-left: 0 !important;
  max-width: none !important;
  min-height: 100vh;
  top: 0;
}

@media only screen and (min-width: 43.0625em) {
  .reveal-modal.full {
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    right: 0;
    width: 100%;
  }
}

.reveal-modal.toback {
  z-index: 1003;
}

.reveal-modal .close-reveal-modal {
  color: #AAAAAA;
  cursor: pointer;
  font-size: 2.66667rem;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 0.66667rem;
  right: 1.46667rem;
}

.side-nav {
  display: block;
  font-family: "Open Sans", sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.93333rem 0;
}

.side-nav li {
  font-size: 0.93333rem;
  font-weight: normal;
  margin: 0 0 0.46667rem 0;
}

.side-nav li a:not(.button) {
  color: #5F6062;
  display: block;
  margin: 0;
  padding: 0.46667rem 0.93333rem;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
  background: rgba(0, 0, 0, 0.025);
  color: #8e8f92;
}

.side-nav li a:not(.button):active {
  color: #8e8f92;
}

.side-nav li.active > a:first-child:not(.button) {
  color: #8e8f92;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.side-nav li.divider {
  border-top: 1px solid;
  height: 0;
  list-style: none;
  padding: 0;
  border-top-color: #e6e6e6;
}

.side-nav li.heading {
  color: #5F6062;
  font-size: 0.93333rem;
  font-weight: bold;
  text-transform: uppercase;
}

.split.button {
  position: relative;
  padding-right: 5.4rem;
}

.split.button span {
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: solid 1px;
}

.split.button span:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%;
}

.split.button span:active {
  background-color: rgba(0, 0, 0, 0.1);
}

.split.button span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button span {
  width: 3.3rem;
}

.split.button span:after {
  border-top-style: solid;
  border-width: 0.4rem;
  margin-left: -0.4rem;
  top: 48%;
}

.split.button span:after {
  border-color: #FFFFFF transparent transparent transparent;
}

.split.button.secondary span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.secondary span:after {
  border-color: #FFFFFF transparent transparent transparent;
}

.split.button.alert span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.success span {
  border-left-color: rgba(255, 255, 255, 0.5);
}

.split.button.tiny {
  padding-right: 4rem;
}

.split.button.tiny span {
  width: 2.4rem;
}

.split.button.tiny span:after {
  border-top-style: solid;
  border-width: 0.4rem;
  margin-left: -0.4rem;
  top: 48%;
}

.split.button.small {
  padding-right: 4.66667rem;
}

.split.button.small span {
  width: 2.8rem;
}

.split.button.small span:after {
  border-top-style: solid;
  border-width: 0.46667rem;
  margin-left: -0.4rem;
  top: 48%;
}

.split.button.large {
  padding-right: 5.86667rem;
}

.split.button.large span {
  width: 3.66667rem;
}

.split.button.large span:after {
  border-top-style: solid;
  border-width: 0.33333rem;
  margin-left: -0.4rem;
  top: 48%;
}

.split.button.expand {
  padding-left: 2rem;
}

.split.button.secondary span:after {
  border-color: #333333 transparent transparent transparent;
}

.split.button.radius span {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.split.button.round span {
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
}

.split.button.no-pip span:before {
  border-style: none;
}

.split.button.no-pip span:after {
  border-style: none;
}

.split.button.no-pip span > i {
  display: block;
  left: 50%;
  margin-left: -0.28889em;
  margin-top: -0.48889em;
  position: absolute;
  top: 50%;
}

.sub-nav {
  display: block;
  margin: -0.26667rem 0 1.2rem;
  overflow: hidden;
  padding-top: 0.26667rem;
  width: auto;
}

.sub-nav dt {
  text-transform: uppercase;
}

.sub-nav dt,
.sub-nav dd,
.sub-nav li {
  color: #999999;
  float: left;
  font-family: "Open Sans", sans-serif;
  font-size: 0.93333rem;
  font-weight: normal;
  margin-left: 1.06667rem;
  margin-bottom: 0;
}

.sub-nav dt a,
.sub-nav dd a,
.sub-nav li a {
  color: #999999;
  padding: 0.2rem 1.06667rem;
  text-decoration: none;
}

.sub-nav dt a:hover,
.sub-nav dd a:hover,
.sub-nav li a:hover {
  color: #737373;
}

.sub-nav dt.active a,
.sub-nav dd.active a,
.sub-nav li.active a {
  border-radius: 3px;
  background: #5F6062;
  color: #FFFFFF;
  cursor: default;
  font-weight: normal;
  padding: 0.2rem 1.06667rem;
}

.sub-nav dt.active a:hover,
.sub-nav dd.active a:hover,
.sub-nav li.active a:hover {
  background: #525354;
}

.switch {
  border: none;
  margin-bottom: 1.5rem;
  outline: 0;
  padding: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.switch label {
  background: #DDDDDD;
  color: transparent;
  cursor: pointer;
  display: block;
  margin-bottom: 1rem;
  position: relative;
  text-indent: 100%;
  width: 4rem;
  height: 2rem;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch input {
  left: 10px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 9px;
}

.switch input + label {
  margin-left: 0;
  margin-right: 0;
}

.switch label:after {
  background: #FFFFFF;
  content: "";
  display: block;
  height: 1.5rem;
  left: .25rem;
  position: absolute;
  top: .25rem;
  width: 1.5rem;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.switch input:checked + label {
  background: #5F6062;
}

.switch input:checked + label:after {
  left: 2.25rem;
}

.switch label {
  height: 2rem;
  width: 4rem;
}

.switch label:after {
  height: 1.5rem;
  width: 1.5rem;
}

.switch input:checked + label:after {
  left: 2.25rem;
}

.switch label {
  color: transparent;
  background: #DDDDDD;
}

.switch label:after {
  background: #FFFFFF;
}

.switch input:checked + label {
  background: #5F6062;
}

.switch.large label {
  height: 2.5rem;
  width: 5rem;
}

.switch.large label:after {
  height: 2rem;
  width: 2rem;
}

.switch.large input:checked + label:after {
  left: 2.75rem;
}

.switch.small label {
  height: 1.75rem;
  width: 3.5rem;
}

.switch.small label:after {
  height: 1.25rem;
  width: 1.25rem;
}

.switch.small input:checked + label:after {
  left: 2rem;
}

.switch.tiny label {
  height: 1.5rem;
  width: 3rem;
}

.switch.tiny label:after {
  height: 1rem;
  width: 1rem;
}

.switch.tiny input:checked + label:after {
  left: 1.75rem;
}

.switch.radius label {
  border-radius: 4px;
}

.switch.radius label:after {
  border-radius: 3px;
}

.switch.round {
  border-radius: 1000px;
}

.switch.round label {
  border-radius: 2rem;
}

.switch.round label:after {
  border-radius: 2rem;
}

table {
  background: transparent;
  border: solid 0px #CCCCCC;
  margin-bottom: 1.33333rem;
  table-layout: auto;
}

table caption {
  background: transparent;
  color: #5F6062;
  font-size: 0.93333rem;
  font-weight: bold;
}

table thead {
  background: #F5F5F5;
}

table thead tr th,
table thead tr td {
  color: #5F6062;
  font-size: 0.93333rem;
  font-weight: bold;
  padding: 0.53333rem 0.66667rem 0.66667rem;
}

table tfoot {
  background: #F5F5F5;
}

table tfoot tr th,
table tfoot tr td {
  color: #5F6062;
  font-size: 0.93333rem;
  font-weight: bold;
  padding: 0.53333rem 0.66667rem 0.66667rem;
}

table tr th,
table tr td {
  color: #5F6062;
  font-size: 0.93333rem;
  padding: 0.33333rem 1rem 0.33333rem 1rem;
  text-align: left;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: transparent;
}

table thead tr th,
table tfoot tr th,
table tfoot tr td,
table tbody tr th,
table tbody tr td,
table tr td {
  display: table-cell;
  line-height: 1.2rem;
}

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0;
}

.tabs:before, .tabs:after {
  content: " ";
  display: table;
}

.tabs:after {
  clear: both;
}

.tabs dd,
.tabs .tab-title {
  float: left;
  list-style: none;
  margin-bottom: 0 !important;
  position: relative;
}

.tabs dd > a,
.tabs .tab-title > a {
  display: block;
  background-color: #FFFFFF;
  color: #5F6062;
  font-family: "Open Sans", sans-serif;
  font-size: 0.8rem;
  padding: 1.06667rem 2.13333rem;
}

.tabs dd > a:hover,
.tabs .tab-title > a:hover {
  background-color: #FFFFFF;
}

.tabs dd.active > a,
.tabs .tab-title.active > a {
  background-color: #FFFFFF;
  color: #B6A67A;
}

.tabs.radius dd:first-child a,
.tabs.radius .tab:first-child a {
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.tabs.radius dd:last-child a,
.tabs.radius .tab:last-child a {
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.tabs.vertical dd,
.tabs.vertical .tab-title {
  position: inherit;
  float: none;
  display: block;
  top: auto;
}

.tabs-content {
  margin-bottom: 1.6rem;
  width: 100%;
}

.tabs-content:before, .tabs-content:after {
  content: " ";
  display: table;
}

.tabs-content:after {
  clear: both;
}

.tabs-content > .content {
  display: none;
  float: left;
  padding: 1rem 0;
  width: 100%;
}

.tabs-content > .content.active {
  display: block;
  float: none;
}

.tabs-content > .content.contained {
  padding: 1rem;
}

.tabs-content.vertical {
  display: block;
}

.tabs-content.vertical > .content {
  padding: 0 1rem;
}

@media only screen and (min-width: 43.0625em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%;
  }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%;
  }
}

.no-js .tabs-content > .content {
  display: block;
  float: none;
}

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  color: #333333;
  cursor: help;
  font-weight: bold;
}

.has-tip:hover, .has-tip:focus {
  border-bottom: dotted 1px #2b2b2c;
  color: #5F6062;
}

.has-tip.tip-left, .has-tip.tip-right {
  float: none !important;
}

.tooltip {
  background: #333333;
  color: #FFFFFF;
  display: none;
  font-size: 0.93333rem;
  font-weight: normal;
  line-height: 1.3;
  max-width: 300px;
  padding: 0.8rem;
  position: absolute;
  width: 100%;
  z-index: 1006;
  left: 50%;
}

.tooltip > .nub {
  border: solid 5px;
  border-color: transparent transparent #333333 transparent;
  display: block;
  height: 0;
  pointer-events: none;
  position: absolute;
  top: -10px;
  width: 0;
  left: 5px;
}

.tooltip > .nub.rtl {
  left: auto;
  right: 5px;
}

.tooltip.radius {
  border-radius: 0;
}

.tooltip.round {
  border-radius: 1000px;
}

.tooltip.round > .nub {
  left: 2rem;
}

.tooltip.opened {
  border-bottom: dotted 1px #2b2b2c !important;
  color: #5F6062 !important;
}

.tap-to-close {
  color: #777777;
  display: block;
  font-size: 0.66667rem;
  font-weight: normal;
}

@media only screen {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px;
  }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    bottom: -10px;
    top: auto;
  }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important;
  }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    left: auto;
    margin-top: -5px;
    right: -10px;
    top: 50%;
  }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    left: -10px;
    margin-top: -5px;
    right: auto;
    top: 50%;
  }
}

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:1px)/";
  width: 1px;
}

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #fff;
}

.contain-to-grid .top-bar {
  margin-bottom: 0;
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  left: 0;
}

.fixed.expanded:not(.top-bar) {
  height: auto;
  max-height: 100%;
  overflow-y: auto;
  width: 100%;
}

.fixed.expanded:not(.top-bar) .title-area {
  position: fixed;
  width: 100%;
  z-index: 99;
}

.fixed.expanded:not(.top-bar) .top-bar-section {
  margin-top: 4rem;
  z-index: 98;
}

.top-bar {
  background: #fff;
  height: 4rem;
  line-height: 4rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}

.top-bar ul {
  list-style: none;
  margin-bottom: 0;
}

.top-bar .row {
  max-width: none;
}

.top-bar form,
.top-bar input,
.top-bar select {
  margin-bottom: 0;
}

.top-bar input,
.top-bar select {
  font-size: 0.75rem;
  height: 1.86667rem;
  padding-bottom: .35rem;
  padding-top: .35rem;
}

.top-bar .button, .top-bar button {
  font-size: 0.75rem;
  margin-bottom: 0;
  padding-bottom: 0.41667rem;
  padding-top: 0.41667rem;
}

@media only screen and (max-width: 43em) {
  .top-bar .button, .top-bar button {
    position: relative;
    top: -1px;
  }
}

.top-bar .title-area {
  margin: 0;
  position: relative;
}

.top-bar .name {
  font-size: 15px;
  height: 4rem;
  margin: 0;
}

.top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
  font-size: 1.13333rem;
  line-height: 4rem;
  margin: 0;
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
  color: #5F6062;
  display: block;
  font-weight: normal;
  padding: 0 1.66667rem;
  width: 75%;
}

.top-bar .toggle-topbar {
  position: absolute;
  right: 0;
  top: 0;
}

.top-bar .toggle-topbar a {
  color: #5F6062;
  display: block;
  font-size: 0.86667rem;
  font-weight: bold;
  height: 4rem;
  line-height: 4rem;
  padding: 0 1.66667rem;
  position: relative;
  text-transform: uppercase;
}

.top-bar .toggle-topbar.menu-icon {
  margin-top: -16px;
  top: 50%;
}

.top-bar .toggle-topbar.menu-icon a {
  color: #5F6062;
  height: 34px;
  line-height: 33px;
  padding: 0 3.33333rem 0 1.66667rem;
  position: relative;
}

.top-bar .toggle-topbar.menu-icon a span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  right: 1.66667rem;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 16px;
}

.top-bar .toggle-topbar.menu-icon a span:hover:after {
  -webkit-box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px "";
}

.top-bar.expanded {
  background: transparent;
  height: auto;
}

.top-bar.expanded .title-area {
  background: #fff;
}

.top-bar.expanded .toggle-topbar a {
  color: #888888;
}

.top-bar.expanded .toggle-topbar a span::after {
  -webkit-box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
          box-shadow: 0 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
  .top-bar.expanded .top-bar-section .dropdown {
    clip: initial;
  }
  .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
    padding: 0;
  }
}

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  -webkit-transition: left 300ms ease-out;
  transition: left 300ms ease-out;
}

.top-bar-section ul {
  display: block;
  font-size: 15px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}

.top-bar-section .divider,
.top-bar-section [role="separator"] {
  border-top: solid 1px #bcbdbd;
  clear: both;
  height: 1px;
  width: 100%;
}

.top-bar-section ul li {
  background: rgba(255, 255, 255, 0.7);
}

.top-bar-section ul li > a {
  color: #5F6062;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 0.86667rem;
  font-weight: 600;
  padding-left: 1.66667rem;
  padding: 12px 0 12px 1.66667rem;
  text-transform: none;
  width: 100%;
}

.top-bar-section ul li > a.button {
  font-size: 0.86667rem;
  padding-left: 1.66667rem;
  padding-right: 1.66667rem;
  background-color: #5F6062;
  border-color: #4c4d4e;
  color: #5F6062;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  background-color: #4c4d4e;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
  color: #5F6062;
}

.top-bar-section ul li > a.button.secondary {
  background-color: #BCBDBD;
  border-color: #969898;
  color: #5F6062;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
  background-color: #969898;
}

.top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
  color: #5F6062;
}

.top-bar-section ul li > a.button.success {
  background-color: #66a56f;
  border-color: #4f8657;
  color: #5F6062;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
  background-color: #4f8657;
}

.top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
  color: #5F6062;
}

.top-bar-section ul li > a.button.alert {
  background-color: #C75252;
  border-color: #aa3737;
  color: #5F6062;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
  background-color: #aa3737;
}

.top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
  color: #5F6062;
}

.top-bar-section ul li > a.button.warning {
  background-color: #e09520;
  border-color: #b47719;
  color: #5F6062;
}

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
  background-color: #b47719;
}

.top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
  color: #5F6062;
}

.top-bar-section ul li > a.button.info {
  background-color: #57acc2;
  border-color: #3c8fa5;
  color: #5F6062;
}

.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
  background-color: #3c8fa5;
}

.top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
  color: #5F6062;
}

.top-bar-section ul li > button {
  font-size: 0.86667rem;
  padding-left: 1.66667rem;
  padding-right: 1.66667rem;
  background-color: #5F6062;
  border-color: #4c4d4e;
  color: #5F6062;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  background-color: #4c4d4e;
}

.top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
  color: #5F6062;
}

.top-bar-section ul li > button.secondary {
  background-color: #BCBDBD;
  border-color: #969898;
  color: #5F6062;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  background-color: #969898;
}

.top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
  color: #5F6062;
}

.top-bar-section ul li > button.success {
  background-color: #66a56f;
  border-color: #4f8657;
  color: #5F6062;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
  background-color: #4f8657;
}

.top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
  color: #5F6062;
}

.top-bar-section ul li > button.alert {
  background-color: #C75252;
  border-color: #aa3737;
  color: #5F6062;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
  background-color: #aa3737;
}

.top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
  color: #5F6062;
}

.top-bar-section ul li > button.warning {
  background-color: #e09520;
  border-color: #b47719;
  color: #5F6062;
}

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
  background-color: #b47719;
}

.top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
  color: #5F6062;
}

.top-bar-section ul li > button.info {
  background-color: #57acc2;
  border-color: #3c8fa5;
  color: #5F6062;
}

.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
  background-color: #3c8fa5;
}

.top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
  color: #5F6062;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  background-color: #555555;
  color: #5F6062;
  background: #FFFFFF;
}

.top-bar-section ul li.active > a {
  background: #5F6062;
  color: #5F6062;
}

.top-bar-section ul li.active > a:hover {
  background: #525354;
  color: #FFFFFF;
}

.top-bar-section .has-form {
  padding: 1.66667rem;
}

.top-bar-section .has-dropdown {
  position: relative;
}

.top-bar-section .has-dropdown > a:after {
  border: inset 5px;
  content: "";
  display: block;
  height: 0;
  width: 0;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
  border-left-style: solid;
  margin-right: 1.66667rem;
  margin-top: -4.5px;
  position: absolute;
  top: 50%;
  right: 0;
}

.top-bar-section .has-dropdown.moved {
  position: static;
}

.top-bar-section .has-dropdown.moved > .dropdown {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
  display: block;
  position: absolute !important;
  width: 100%;
}

.top-bar-section .has-dropdown.moved > a:after {
  display: none;
}

.top-bar-section .dropdown {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  display: block;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 99;
  left: 100%;
}

.top-bar-section .dropdown li {
  height: auto;
  width: 100%;
}

.top-bar-section .dropdown li a {
  font-weight: 600;
  padding: 8px 1.66667rem;
}

.top-bar-section .dropdown li a.parent-link {
  font-weight: 600;
}

.top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.2rem;
}

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
  color: #5F6062;
  display: block;
}

.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
  background: none;
}

.top-bar-section .dropdown li.has-form {
  padding: 8px 1.66667rem;
}

.top-bar-section .dropdown li .button,
.top-bar-section .dropdown li button {
  top: auto;
}

.top-bar-section .dropdown label {
  color: #777777;
  font-size: 0.66667rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 8px 1.66667rem 2px;
  text-transform: uppercase;
}

.js-generated {
  display: block;
}

@media only screen and (min-width: 1px) {
  .top-bar {
    background: #fff;
    overflow: visible;
  }
  .top-bar:before, .top-bar:after {
    content: " ";
    display: table;
  }
  .top-bar:after {
    clear: both;
  }
  .top-bar .toggle-topbar {
    display: none;
  }
  .top-bar .title-area {
    float: left;
  }
  .top-bar .name h1 a,
  .top-bar .name h2 a,
  .top-bar .name h3 a,
  .top-bar .name h4 a,
  .top-bar .name h5 a,
  .top-bar .name h6 a {
    width: auto;
  }
  .top-bar input,
  .top-bar select,
  .top-bar .button,
  .top-bar button {
    font-size: 0.93333rem;
    height: 1.86667rem;
    position: relative;
    top: 1.06667rem;
  }
  .top-bar .has-form > .button,
  .top-bar .has-form > button {
    font-size: 0.93333rem;
    height: 1.86667rem;
    position: relative;
    top: 1.06667rem;
  }
  .top-bar.expanded {
    background: #fff;
  }
  .contain-to-grid .top-bar {
    margin: 0 auto;
    margin-bottom: 0;
    max-width: 100%;
  }
  .top-bar-section {
    -webkit-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important;
  }
  .top-bar-section ul {
    display: inline;
    height: auto !important;
    width: auto;
  }
  .top-bar-section ul li {
    float: left;
  }
  .top-bar-section ul li .js-generated {
    display: none;
  }
  .top-bar-section li.hover > a:not(.button) {
    background-color: #555555;
    background: #FFFFFF;
    color: #5F6062;
  }
  .top-bar-section li:not(.has-form) a:not(.button) {
    background: #fff;
    line-height: 4rem;
    padding: 0 1.66667rem;
  }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background-color: #555555;
    background: #FFFFFF;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button) {
    background: #5F6062;
    color: #5F6062;
    line-height: 4rem;
    padding: 0 1.66667rem;
  }
  .top-bar-section li.active:not(.has-form) a:not(.button):hover {
    background: #525354;
    color: #FFFFFF;
  }
  .top-bar-section .has-dropdown > a {
    padding-right: 1.66667rem !important;
  }
  .top-bar-section .has-dropdown > a:after {
    border: inset 5px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
    border-top-style: solid;
    margin-top: -2.5px;
    top: 2rem;
  }
  .top-bar-section .has-dropdown.moved {
    position: relative;
  }
  .top-bar-section .has-dropdown.moved > .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
  }
  .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
  .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
    border: none;
    content: "\00bb";
    top: 0.2rem;
    right: 5px;
  }
  .top-bar-section .dropdown {
    left: 0;
    background: transparent;
    min-width: 100%;
    top: auto;
  }
  .top-bar-section .dropdown li a {
    background: rgba(255, 255, 255, 0.7);
    color: #5F6062;
    line-height: 4rem;
    padding: 12px 1.66667rem;
    white-space: nowrap;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    background: rgba(255, 255, 255, 0.7);
    color: #5F6062;
  }
  .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
    background-color: #555555;
    color: #b6a679;
    background: rgba(255, 255, 255, 0.7);
  }
  .top-bar-section .dropdown li label {
    background: #333333;
    white-space: nowrap;
  }
  .top-bar-section .dropdown li .dropdown {
    left: 100%;
    top: 0;
  }
  .top-bar-section > ul > .divider,
  .top-bar-section > ul > [role="separator"] {
    border-right: solid 1px #bcbdbd;
    border-bottom: none;
    border-top: none;
    clear: none;
    height: 4rem;
    width: 0;
  }
  .top-bar-section .has-form {
    background: #fff;
    height: 4rem;
    padding: 0 1.66667rem;
  }
  .top-bar-section .right li .dropdown {
    left: auto;
    right: 0;
  }
  .top-bar-section .right li .dropdown li .dropdown {
    right: 100%;
  }
  .top-bar-section .left li .dropdown {
    right: auto;
    left: 0;
  }
  .top-bar-section .left li .dropdown li .dropdown {
    left: 100%;
  }
  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #FFFFFF;
    color: #5F6062;
  }
  .no-js .top-bar-section ul li:active > a {
    background: #5F6062;
    color: #5F6062;
  }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important;
  }
}

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

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

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

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

@media only screen and (max-width: 43em) {
  .small-only-text-left {
    text-align: left !important;
  }
  .small-only-text-right {
    text-align: right !important;
  }
  .small-only-text-center {
    text-align: center !important;
  }
  .small-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen {
  .small-text-left {
    text-align: left !important;
  }
  .small-text-right {
    text-align: right !important;
  }
  .small-text-center {
    text-align: center !important;
  }
  .small-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important;
  }
  .medium-only-text-right {
    text-align: right !important;
  }
  .medium-only-text-center {
    text-align: center !important;
  }
  .medium-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 43.0625em) {
  .medium-text-left {
    text-align: left !important;
  }
  .medium-text-right {
    text-align: right !important;
  }
  .medium-text-center {
    text-align: center !important;
  }
  .medium-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important;
  }
  .large-only-text-right {
    text-align: right !important;
  }
  .large-only-text-center {
    text-align: center !important;
  }
  .large-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 64.0625em) {
  .large-text-left {
    text-align: left !important;
  }
  .large-text-right {
    text-align: right !important;
  }
  .large-text-center {
    text-align: center !important;
  }
  .large-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.0625em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important;
  }
  .xlarge-only-text-right {
    text-align: right !important;
  }
  .xlarge-only-text-center {
    text-align: center !important;
  }
  .xlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 90.0625em) {
  .xlarge-text-left {
    text-align: left !important;
  }
  .xlarge-text-right {
    text-align: right !important;
  }
  .xlarge-text-center {
    text-align: center !important;
  }
  .xlarge-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 120.0625em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important;
  }
  .xxlarge-only-text-right {
    text-align: right !important;
  }
  .xxlarge-only-text-center {
    text-align: center !important;
  }
  .xxlarge-only-text-justify {
    text-align: justify !important;
  }
}

@media only screen and (min-width: 120.0625em) {
  .xxlarge-text-left {
    text-align: left !important;
  }
  .xxlarge-text-right {
    text-align: right !important;
  }
  .xxlarge-text-center {
    text-align: center !important;
  }
  .xxlarge-text-justify {
    text-align: justify !important;
  }
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* Default Link Styles */
a {
  color: #B6A67A;
  line-height: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  color: #a7945f;
}

a img {
  border: none;
}

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 0.93333rem;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.33333rem;
  text-rendering: optimizeLegibility;
}

p.lead {
  font-size: 1.16667rem;
  line-height: 1.6;
}

p aside {
  font-size: 0.93333rem;
  font-style: italic;
  line-height: 1.35;
}

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  color: #5F6062;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  margin-top: 0.2rem;
  text-rendering: optimizeLegibility;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  color: #96979a;
  font-size: 60%;
  line-height: 0;
}

h1 {
  font-size: 0.93333rem;
}

h2 {
  font-size: 1.33333rem;
}

h3 {
  font-size: 1.13333rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 1rem;
}

.subheader {
  line-height: 1.4;
  color: #96979a;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

hr {
  border: solid #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.33333rem 0 1.26667rem;
}

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  background-color: #ebebeb;
  border-color: #d3d4d4;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.13333rem 0.33333rem 0.06667rem;
}

/* Lists */
ul,
ol,
dl {
  font-family: inherit;
  font-size: 0.93333rem;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.33333rem;
}

ul {
  margin-left: 1.1rem;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.33333rem;
  margin-bottom: 0;
}

ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}

ul.square {
  list-style-type: square;
  margin-left: 1.1rem;
}

ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem;
}

ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem;
}

/* Ordered Lists */
ol {
  margin-left: 1.4rem;
}

ol li ul,
ol li ol {
  margin-left: 1.33333rem;
  margin-bottom: 0;
}

.no-bullet {
  list-style-type: none;
  margin-left: 0;
}

.no-bullet li ul,
.no-bullet li ol {
  margin-left: 1.33333rem;
  margin-bottom: 0;
  list-style: none;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

dl dd {
  margin-bottom: 0.8rem;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  cursor: help;
}

abbr {
  text-transform: none;
}

abbr[title] {
  border-bottom: 1px dotted #DDDDDD;
}

/* Blockquotes */
blockquote {
  margin: 0 0 1.33333rem;
  padding: 0.6rem 1.33333rem 0 0;
  border-left: 0;
}

blockquote cite {
  display: block;
  font-size: 0.86667rem;
  color: #5F6062;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited {
  color: #5F6062;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #5F6062;
}

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.33333rem 0;
  border: 1px solid #DDDDDD;
  padding: 0.66667rem 0.8rem;
}

.vcard li {
  margin: 0;
  display: block;
}

.vcard .fn {
  font-weight: bold;
  font-size: 1rem;
}

.vevent .summary {
  font-weight: bold;
}

.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.06667rem;
}

@media only screen and (min-width: 43.0625em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4;
  }
  h1 {
    font-size: 2.13333rem;
  }
  h2 {
    font-size: 1.46667rem;
  }
  h3 {
    font-size: 1.2rem;
  }
  h4 {
    font-size: 1rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 1rem;
  }
}

/*
       * Print styles.
       *
       * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
       * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
      */
@media print {
  * {
    background: transparent !important;
    color: #0a0a0a !important;
    /* Black prints faster: h5bp.com/s */
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.34in;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.off-canvas-wrap.move-right, .off-canvas-wrap.move-left, .off-canvas-wrap.move-bottom, .off-canvas-wrap.move-top {
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
}

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.inner-wrap:before, .inner-wrap:after {
  content: " ";
  display: table;
}

.inner-wrap:after {
  clear: both;
}

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: #FFFFFF;
  height: 3rem;
  line-height: 3rem;
  position: relative;
}

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 3rem;
  margin: 0;
}

.tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
  font-size: 1rem;
}

.left-small {
  height: 3rem;
  position: absolute;
  top: 0;
  width: 3rem;
  border-right: solid 1px #1a1a1a;
  left: 0;
}

.right-small {
  height: 3rem;
  position: absolute;
  top: 0;
  width: 3rem;
  border-left: solid 1px #1a1a1a;
  right: 0;
}

.tab-bar-section {
  height: 3rem;
  padding: 0 0.66667rem;
  position: absolute;
  text-align: center;
  top: 0;
}

.tab-bar-section.left {
  text-align: left;
}

.tab-bar-section.right {
  text-align: right;
}

.tab-bar-section.left {
  left: 0;
  right: 3rem;
}

.tab-bar-section.right {
  left: 3rem;
  right: 0;
}

.tab-bar-section.middle {
  left: 3rem;
  right: 3rem;
}

.tab-bar .menu-icon {
  color: #FFFFFF;
  display: block;
  height: 3rem;
  padding: 0;
  position: relative;
  text-indent: 2.33333rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 3rem;
}

.tab-bar .menu-icon span::after {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -0.53333rem;
  left: 0.96667rem;
  -webkit-box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
  width: 1.06667rem;
}

.tab-bar .menu-icon span:hover:after {
  -webkit-box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
          box-shadow: 0 0 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3;
}

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-transition: -webkit-transform 500ms ease 0s;
  transition: -webkit-transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
  width: 16.66667rem;
  z-index: 1001;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  top: 0;
}

.left-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-transition: -webkit-transform 500ms ease 0s;
  transition: -webkit-transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
  width: 16.66667rem;
  z-index: 1001;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  top: 0;
}

.right-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.top-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-transition: -webkit-transform 500ms ease 0s;
  transition: -webkit-transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
  width: 16.66667rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  height: 20rem;
}

.top-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

.bottom-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  -webkit-transition: -webkit-transform 500ms ease 0s;
  transition: -webkit-transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s, -webkit-transform 500ms ease 0s;
  width: 16.66667rem;
  z-index: 1001;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  height: 20rem;
}

.bottom-off-canvas-menu * {
  -webkit-backface-visibility: hidden;
}

ul.off-canvas-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.off-canvas-list li label {
  background: #444444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  display: block;
  font-size: 0.8rem;
  font-weight: bold;
  margin: 0;
  padding: 0.3rem 1rem;
  text-transform: uppercase;
}

ul.off-canvas-list li a {
  border-bottom: 1px solid #262626;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  padding: 0.66667rem;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
}

ul.off-canvas-list li a:hover {
  background: #242424;
}

ul.off-canvas-list li a:active {
  background: #242424;
}

.move-right > .inner-wrap {
  -webkit-transform: translate3d(16.66667rem, 0, 0);
  transform: translate3d(16.66667rem, 0, 0);
}

.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .move-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-left > .inner-wrap {
  -webkit-transform: translate3d(-16.66667rem, 0, 0);
  transform: translate3d(-16.66667rem, 0, 0);
}

.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .move-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-top > .inner-wrap {
  -webkit-transform: translate3d(0, -20rem, 0);
  transform: translate3d(0, -20rem, 0);
}

.move-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .move-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.move-bottom > .inner-wrap {
  -webkit-transform: translate3d(0, 20rem, 0);
  transform: translate3d(0, 20rem, 0);
}

.move-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .move-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu,
.offcanvas-overlap .top-off-canvas-menu, .offcanvas-overlap .bottom-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .offcanvas-overlap .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-left .right-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .offcanvas-overlap-left .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-right .left-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .offcanvas-overlap-right .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-top .bottom-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-top .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .offcanvas-overlap-top .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.offcanvas-overlap-bottom .top-off-canvas-menu {
  -webkit-transform: none;
  transform: none;
  z-index: 1003;
}

.offcanvas-overlap-bottom .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  -webkit-box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
          box-shadow: -4px 0 4px rgba(10, 10, 10, 0.5), 4px 0 4px rgba(10, 10, 10, 0.5);
  cursor: pointer;
  -webkit-transition: background 300ms ease;
  transition: background 300ms ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: rgba(255, 255, 255, 0.2);
  bottom: 0;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1002;
}

@media only screen and (min-width: 43.0625em) {
  .offcanvas-overlap-bottom .exit-off-canvas:hover {
    background: rgba(255, 255, 255, 0.05);
  }
}

.no-csstransforms .left-off-canvas-menu {
  left: -16.66667rem;
}

.no-csstransforms .right-off-canvas-menu {
  right: -16.66667rem;
}

.no-csstransforms .top-off-canvas-menu {
  top: -20rem;
}

.no-csstransforms .bottom-off-canvas-menu {
  bottom: -20rem;
}

.no-csstransforms .move-left > .inner-wrap {
  right: 16.66667rem;
}

.no-csstransforms .move-right > .inner-wrap {
  left: 16.66667rem;
}

.no-csstransforms .move-top > .inner-wrap {
  right: 20rem;
}

.no-csstransforms .move-bottom > .inner-wrap {
  left: 20rem;
}

.left-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 16.66667rem;
  height: 20rem;
  z-index: 1002;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.left-submenu * {
  -webkit-backface-visibility: hidden;
}

.left-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 1rem;
  text-transform: uppercase;
  margin: 0;
}

.left-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.left-submenu .back > a:before {
  content: "\AB";
  margin-right: .5rem;
  display: inline;
}

.left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.right-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 16.66667rem;
  height: 20rem;
  z-index: 1002;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.right-submenu * {
  -webkit-backface-visibility: hidden;
}

.right-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 1rem;
  text-transform: uppercase;
  margin: 0;
}

.right-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.right-submenu .back > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline;
}

.right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}

.top-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 16.66667rem;
  height: 20rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  top: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.top-submenu * {
  -webkit-backface-visibility: hidden;
}

.top-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 1rem;
  text-transform: uppercase;
  margin: 0;
}

.top-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.top-submenu.move-bottom, .top-submenu.offcanvas-overlap-bottom, .top-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.bottom-submenu {
  -webkit-backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  background: #333333;
  bottom: 0;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 16.66667rem;
  height: 20rem;
  z-index: 1002;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  bottom: 0;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.bottom-submenu * {
  -webkit-backface-visibility: hidden;
}

.bottom-submenu .back > a {
  background: #444;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
  color: #999999;
  font-weight: bold;
  padding: 0.3rem 1rem;
  text-transform: uppercase;
  margin: 0;
}

.bottom-submenu .back > a:hover {
  background: #303030;
  border-bottom: none;
  border-top: 1px solid #5e5e5e;
}

.bottom-submenu.move-top, .bottom-submenu.offcanvas-overlap-top, .bottom-submenu.offcanvas-overlap {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: .5rem;
  display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: .5rem;
  display: inline;
}

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* medium displays */
@media only screen and (min-width: 43.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* large displays */
@media only screen and (min-width: 64.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
  }
  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
  }
  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
  }
  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    display: table !important;
  }
  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    display: table-header-group !important;
  }
  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    display: table-row-group !important;
  }
  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row;
  }
  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important;
  }
}

/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important;
  }
  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }
  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }
  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }
  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}

@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }
  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }
  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important;
  }
  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }
  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }
  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }
  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}

/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important;
}

.touch table.show-for-touch {
  display: table !important;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.show-on-focus:focus, .show-on-focus:active {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto;
}

/* Print visibility */
.print-only,
.show-for-print {
  display: none !important;
}

@media print {
  .print-only,
  .show-for-print {
    display: block !important;
  }
  .hide-on-print,
  .hide-for-print {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
}

.crumbpath ul {
  border-style: solid;
  border-width: 0;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0);
}

.crumbpath ul li {
  color: #B6A67A;
  float: left;
  font-size: 0.73333rem;
  line-height: 0.73333rem;
  margin: 0;
  text-transform: uppercase;
}

.crumbpath ul li:hover a, .crumbpath ul li:focus a {
  text-decoration: underline;
}

.crumbpath ul li a {
  color: #B6A67A;
}

.crumbpath ul li.current {
  color: #333333;
  cursor: default;
}

.crumbpath ul li.current a {
  color: #333333;
  cursor: default;
}

.crumbpath ul li.current:hover, .crumbpath ul li.current:hover a, .crumbpath ul li.current:focus, .crumbpath ul li.current:focus a {
  text-decoration: none;
}

.crumbpath ul li.unavailable {
  color: #999999;
}

.crumbpath ul li.unavailable a {
  color: #999999;
}

.crumbpath ul li.unavailable:hover,
.crumbpath ul li.unavailable:hover a, .crumbpath ul li.unavailable:focus,
.crumbpath ul li.unavailable a:focus {
  color: #999999;
  cursor: not-allowed;
  text-decoration: none;
}

.crumbpath ul li:before {
  color: #AAAAAA;
  content: ">";
  margin: 0 0.8rem;
  position: relative;
  top: 1px;
}

.crumbpath ul li:first-child:before {
  content: " ";
  margin: 0;
}

.crumbpath ul .hier a {
  color: #333333;
}

@media only screen and (max-width: 43em) {
  .touch .crumbpath {
    border-style: solid;
    border-width: 0;
    display: block;
    list-style: none;
    margin-left: 0;
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0);
    direction: rtl;
    display: block;
    overflow-x: auto;
  }
  .touch .crumbpath ul {
    padding: 0;
    margin: 0;
    border: none;
    background: none transparent;
    display: inline-block;
    direction: ltr;
    white-space: nowrap;
  }
  .touch .crumbpath ul li {
    display: inline-block;
    float: none;
  }
}

.summary {
  margin-bottom: 1rem;
}

/* Grid view loading style */
.grid-view-loading {
  position: relative;
}

.grid-view-loading:after {
  content: url(../images/ajax-loader.gif);
  left: 50%;
  position: absolute;
  top: 50%;
  margin: -8px 0 0 -8px;
  z-index: 99999;
}

.grid-view-loading > * {
  opacity: 0.2;
}

/* Extention van heading styling naar classes */
[class*="heading-h"] {
  display: block;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}

[class^="heading-h1"] {
  color: #5F6062;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.4;
}

.heading-h1 {
  font-size: 2.13333rem;
}

.heading-h2 {
  font-size: 1.46667rem;
}

.heading-h3 {
  font-size: 1.2rem;
}

.heading-h4 {
  font-size: 1rem;
}

.heading-h5 {
  font-size: 1rem;
}

.heading-h6 {
  font-size: 1rem;
}

/* Hier de styles die voor alle platformen gelden */
h1, h2, h3, h4, h5, h6, [class^="heading-h"] {
  text-transform: uppercase;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, [class^="heading-h"] small {
  line-height: 1;
  margin-top: .5rem;
}

h2, h3, h4, h5, h6, [class^="heading-h"] {
  letter-spacing: 1px;
}

.heading--bold {
  display: block;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
}

.links {
  float: left;
  margin-right: 1rem;
}

.rechts {
  float: right;
  margin-left: 1rem;
}

.geen {
  clear: both;
  display: block;
  float: none;
  margin: 0 auto;
}

.inline-list > li > * {
  display: initial;
}

.text-center .inline-list {
  display: inline-block;
}

.text-center .inline-list > li:first-child {
  margin-left: 0;
}

.top-bar .name > span > a {
  width: auto;
}

.pager {
  display: inline-block;
}

.yiiPager {
  display: block;
  margin-left: -0.33333rem;
  min-height: 7.86667rem;
}

.yiiPager li {
  color: #5F6062;
  font-size: 0.93333rem;
  height: 1.6rem;
  margin-left: 0.33333rem;
}

.yiiPager li a, .yiiPager li button {
  border-radius: 0;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
  background: none;
  color: #5F6062;
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: inherit;
  padding: 0.06667rem 0.66667rem 0.06667rem;
}

.yiiPager li:hover a,
.yiiPager li a:focus,
.yiiPager li:hover button,
.yiiPager li button:focus {
  background: #FFFFFF;
}

.yiiPager li.unavailable a, .yiiPager li.unavailable button {
  cursor: default;
  color: #999999;
  pointer-events: none;
}

.yiiPager li.unavailable:hover a,
.yiiPager li.unavailable a:focus,
.yiiPager li.unavailable:hover button,
.yiiPager li.unavailable button:focus {
  background: transparent;
}

.yiiPager li.current a, .yiiPager li.current button {
  background: #FFFFFF;
  color: #5F6062;
  cursor: default;
  font-weight: normal;
}

.yiiPager li.current a:hover, .yiiPager li.current a:focus, .yiiPager li.current button:hover, .yiiPager li.current button:focus {
  background: #FFFFFF;
}

.yiiPager li {
  display: block;
  float: left;
}

.yiiPager .selected a, .yiiPager .selected button {
  background: #FFFFFF;
  color: #5F6062;
  cursor: default;
  font-weight: normal;
}

.yiiPager .selected a:hover, .yiiPager .selected a:focus, .yiiPager .selected button:hover, .yiiPager .selected button:focus {
  background: #FFFFFF;
}

.yiiPager .hidden, .yiiPager .disabled {
  opacity: 0.5;
}

.yiiPager .hidden a, .yiiPager .hidden button, .yiiPager .disabled a, .yiiPager .disabled button {
  cursor: default;
  color: #999999;
  pointer-events: none;
}

.yiiPager .hidden:hover a,
.yiiPager .hidden a:focus,
.yiiPager .hidden:hover button,
.yiiPager .hidden button:focus, .yiiPager .disabled:hover a,
.yiiPager .disabled a:focus,
.yiiPager .disabled:hover button,
.yiiPager .disabled button:focus {
  background: transparent;
}

/* Pager in list view while loading */
.list-view-loading .yiiPager {
  position: relative;
}

.list-view-loading .yiiPager:after {
  content: url(../images/ajax-loader.gif);
  left: 50%;
  position: absolute;
  top: 50%;
  margin: -8px 0 0 -8px;
  z-index: 99999;
}

.list-view-loading .yiiPager > * {
  opacity: 0.2;
}

/* Hide those raunchy keys that come with the pagers*/
.keys {
  display: none;
}

.subnav .menu {
  display: block;
  font-family: "Open Sans", sans-serif;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0.93333rem 0;
}

.subnav .menu li {
  font-size: 0.93333rem;
  font-weight: normal;
  margin: 0 0 0.46667rem 0;
}

.subnav .menu li a:not(.button) {
  color: #5F6062;
  display: block;
  margin: 0;
  padding: 0.46667rem 0.93333rem;
}

.subnav .menu li a:not(.button):hover, .subnav .menu li a:not(.button):focus {
  background: rgba(0, 0, 0, 0.025);
  color: #8e8f92;
}

.subnav .menu li a:not(.button):active {
  color: #8e8f92;
}

.subnav .menu li.active > a:first-child:not(.button) {
  color: #8e8f92;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}

.subnav .menu li.divider {
  border-top: 1px solid;
  height: 0;
  list-style: none;
  padding: 0;
  border-top-color: #e6e6e6;
}

.subnav .menu li.heading {
  color: #5F6062;
  font-size: 0.93333rem;
  font-weight: bold;
  text-transform: uppercase;
}

.subnav .menu.horizontal {
  padding: 0;
}

.subnav .menu.horizontal li {
  position: relative;
  float: left;
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
}

.subnav .menu.horizontal li + li {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.subnav .menu.horizontal li a:not(.button) {
  display: inline-block;
}

.subnav .menu.horizontal li a:not(.button):hover {
  background: transparent;
}

/*!
 * jQuery UI Accordion 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

/*!
 * jQuery UI Button 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

/*!
 * jQuery UI Dialog 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

/*!
 * jQuery UI Draggable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/*!
 * jQuery UI Menu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/*!
 * jQuery UI Progressbar 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/*!
 * jQuery UI Selectable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

/*!
 * jQuery UI Selectmenu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/*!
 * jQuery UI Spinner 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/*!
 * jQuery UI Tabs 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

/*!
 * jQuery UI Tooltip 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Icons
 * ----------------------------------------------------------------------
 * Copyright: 2015 Michael Keck.
 * Generated: with IcoMoon-App (Chromium)
 * License:   CC BY-SA 3.0
 *            https://creativecommons.org/licenses/by-sa/3.0/
 * Update:    2015-07-18
 * Version:   Font 1.4
 *            Styles 1.4
 */
/* load icon font */
@font-face {
  font-family: 'jquery-ui';
  src: url("../dist/jquery-ui-iconfont/fonts/jquery-ui.eot?jquf1.4");
  src: url("../dist/jquery-ui-iconfont/fonts/jquery-ui.eot?#iefixjquf1.4") format("embedded-opentype"), url("../dist/jquery-ui-iconfont/fonts/jquery-ui.woff?jquf1.4") format("woff"), url("../dist/jquery-ui-iconfont/fonts/jquery-ui.ttf?jquf1.4") format("truetype"), url("../dist/jquery-ui-iconfont/fonts/jquery-ui.svg?jquf1.4#jquery-ui") format("svg");
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

/* basic settings */
.ui-icon,
.ui-busy-icon {
  background: transparent none no-repeat scroll 0 0 !important;
  display: block;
  font: normal normal normal 14px/16px 'jquery-ui', sans-serif;
  height: 1em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-transform: none;
  text-indent: -9999px;
  transform: translate(0, 0);
  width: 1em;
  -moz-osx-font-smoothing: grayscale;
  -moz-transform: translate(0, 0);
  -webkit-font-smoothing: antialiased;
  -webkit-transform: translate(0, 0);
}

.ui-icon:before {
  display: block;
  height: 1em;
  left: 50%;
  line-height: 1;
  margin-left: -0.5em;
  margin-top: -0.5em;
  position: absolute;
  text-indent: 0;
  top: 50%;
  width: 1em;
}

/* positioning on button element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -0.5em;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* positioning on datepicker element(s) */
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  cursor: pointer;
  font-size: 1em;
  height: 2em;
  margin: 1px;
  top: 1px;
  width: 2em;
}

.ui-datepicker .ui-datepicker-prev {
  left: 0;
}

.ui-datepicker .ui-datepicker-next {
  right: 0;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  margin: 0;
}

.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.5em;
  overflow: hidden;
  position: absolute;
  top: 50%;
}

.ui-datepicker-rtl .ui-datepicker-prev,
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 0;
}

.ui-datepicker-rtl .ui-datepicker-next,
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 0;
  right: auto;
}

/* positioning on selectmenu element(s) */
.ui-selectmenu-button span.ui-icon {
  left: auto;
  margin-top: -0.5em;
  position: absolute;
  right: 0.5em;
  top: 50%;
}

/* positioning on accordion(s) */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  display: block;
  left: 0.5em;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
}

/* positioning on spinner inputs(s) */
.ui-spinner-input {
  margin: 0.2em 1.4em 0.2em 0.4em;
}

.ui-spinner-button {
  width: 1.2em;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  left: 0;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
}

/* positioning on dialogs(s) */
.ui-dialog .ui-dialog-titlebar-close {
  display: block;
  height: 1.8em;
  margin: -0.9em 0 0 0;
  padding: 0;
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 1.8em;
}

.ui-dialog .ui-resizable-se {
  bottom: 0;
  display: block;
  height: 1em;
  padding: 0 .5em .5em 0;
  position: absolute;
  right: 0;
  width: 1em;
}

.ui-dialog .ui-resizable-se:before {
  left: 0;
  margin: 0 0 0 0;
  top: 0;
}

/* this makes resizable handlers responsive */
.ui-resizable-handle {
  display: block;
  font-size: 1em;
  position: absolute;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n,
.ui-resizable-s {
  height: 1em;
  left: 0;
  width: 100%;
}

.ui-resizable-n {
  top: -0.5em;
}

.ui-resizable-s {
  bottom: -0.5em;
}

.ui-resizable-e,
.ui-resizable-w {
  height: 100%;
  top: 0;
  width: 1em;
}

.ui-resizable-e {
  right: -0.5em;
}

.ui-resizable-w {
  left: -0.5em;
}

.ui-resizable-se {
  bottom: 1px;
  height: 1em;
  right: 1px;
  width: 1em;
}

.ui-resizable-nw,
.ui-resizable-sw {
  height: 1em;
  left: -0.5em;
  width: 1em;
}

.ui-resizable-sw {
  bottom: -0.5em;
}

.ui-resizable-nw {
  top: -0.5em;
}

.ui-resizable-ne {
  width: 1em;
  height: 1em;
  right: -0.5em;
  top: -0.5em;
}

/* apply glyphs to icons */
.ui-icon-arrow-1-n:before {
  content: '\e600';
}

.ui-icon-arrow-u:before {
  content: '\e600';
}

.ui-icon-arrow-1-ne:before {
  content: '\e601';
}

.ui-icon-arrow-u-r:before {
  content: '\e601';
}

.ui-icon-arrow-1-e:before {
  content: '\e602';
}

.ui-icon-arrow-r:before {
  content: '\e602';
}

.ui-icon-arrow-1-se:before {
  content: '\e603';
}

.ui-icon-arrow-d-r:before {
  content: '\e603';
}

.ui-icon-arrow-1-s:before {
  content: '\e604';
}

.ui-icon-arrow-d:before {
  content: '\e604';
}

.ui-icon-arrow-1-sw:before {
  content: '\e605';
}

.ui-icon-arrow-d-l:before {
  content: '\e605';
}

.ui-icon-arrow-1-w:before {
  content: '\e606';
}

.ui-icon-arrow-l:before {
  content: '\e606';
}

.ui-icon-arrow-1-nw:before {
  content: '\e607';
}

.ui-icon-arrow-u-l:before {
  content: '\e607';
}

.ui-icon-arrowstop-1-n:before {
  content: '\e608';
}

.ui-icon-arrowstop-1-e:before {
  content: '\e609';
}

.ui-icon-arrowstop-1-s:before {
  content: '\e60a';
}

.ui-icon-arrowstop-1-w:before {
  content: '\e60b';
}

.ui-icon-arrowreturn-1-n:before {
  content: '\e60c';
}

.ui-icon-arrowreturn-1-e:before {
  content: '\e60d';
}

.ui-icon-forward:before {
  content: '\e60d';
}

.ui-icon-arrowreturn-1-s:before {
  content: '\e60e';
}

.ui-icon-arrowreturn-1-w:before {
  content: '\e60f';
}

.ui-icon-back:before {
  content: '\e60f';
}

.ui-icon-arrowrefresh-1-n:before {
  content: '\e610';
}

.ui-icon-arrowrefresh-1-e:before {
  content: '\e611';
}

.ui-icon-arrowrefresh-1-s:before {
  content: '\e612';
}

.ui-icon-arrowrefresh-1-w:before {
  content: '\e613';
}

.ui-icon-arrow-2-n-s:before {
  content: '\e614';
}

.ui-icon-arrow-2-ne-sw:before {
  content: '\e615';
}

.ui-icon-arrow-2-e-w:before {
  content: '\e616';
}

.ui-icon-arrow-2-se-nw:before {
  content: '\e617';
}

.ui-icon-arrow-4:before {
  content: '\e618';
}

.ui-icon-move:before {
  content: '\e618';
}

.ui-icon-arrow-4-diag:before {
  content: '\e619';
}

.ui-icon-fullscreen:before {
  content: '\e619';
}

.ui-icon-arrowthick-1-n:before {
  content: '\e61a';
}

.ui-icon-arrowthick-1-ne:before {
  content: '\e61b';
}

.ui-icon-arrowthick-1-e:before {
  content: '\e61c';
}

.ui-icon-arrowthick-1-se:before {
  content: '\e61d';
}

.ui-icon-arrowthick-1-s:before {
  content: '\e61e';
}

.ui-icon-arrowthick-1-sw:before {
  content: '\e61f';
}

.ui-icon-arrowthick-1-w:before {
  content: '\e620';
}

.ui-icon-arrowthick-1-nw:before {
  content: '\e621';
}

.ui-icon-arrowthickstop-1-n:before {
  content: '\e622';
}

.ui-icon-arrowthickstop-1-e:before {
  content: '\e623';
}

.ui-icon-arrowthickstop-1-s:before {
  content: '\e624';
}

.ui-icon-arrowthickstop-1-w:before {
  content: '\e625';
}

.ui-icon-arrowreturnthick-1-n:before {
  content: '\e626';
}

.ui-icon-arrowreturnthick-1-e:before {
  content: '\e627';
}

.ui-icon-arrowreturnthick-1-s:before {
  content: '\e628';
}

.ui-icon-arrowreturnthick-1-w:before {
  content: '\e629';
}

.ui-icon-arrowthick-2-n-s:before {
  content: '\e62a';
}

.ui-icon-arrowthick-2-ne-sw:before {
  content: '\e62b';
}

.ui-icon-arrowthick-2-e-w:before {
  content: '\e62c';
}

.ui-icon-arrowthick-2-se-nw:before {
  content: '\e62d';
}

.ui-icon-circle-arrow-n:before {
  content: '\e62e';
}

.ui-icon-circle-arrow-e:before {
  content: '\e62f';
}

.ui-icon-circle-arrow-s:before {
  content: '\e630';
}

.ui-icon-circle-arrow-w:before {
  content: '\e631';
}

.ui-icon-circle-b-arrow-n:before {
  content: '\e632';
}

.ui-icon-circle-b-arrow-e:before {
  content: '\e633';
}

.ui-icon-circle-b-arrow-s:before {
  content: '\e634';
}

.ui-icon-circle-b-arrow-w:before {
  content: '\e635';
}

.ui-icon-carat-1-n:before {
  content: '\e636';
}

.ui-icon-caret-u:before {
  content: '\e636';
}

.ui-icon-carat-1-ne:before {
  content: '\e637';
}

.ui-icon-carat-1-e:before {
  content: '\e638';
}

.ui-icon-caret-r:before {
  content: '\e638';
}

.ui-icon-carat-1-se:before {
  content: '\e639';
}

.ui-icon-carat-1-s:before {
  content: '\e63a';
}

.ui-icon-caret-d:before {
  content: '\e63a';
}

.ui-icon-carat-1-sw:before {
  content: '\e63b';
}

.ui-icon-carat-1-w:before {
  content: '\e63c';
}

.ui-icon-caret-l:before {
  content: '\e63c';
}

.ui-icon-carat-1-nw:before {
  content: '\e63d';
}

.ui-icon-carat-2-n:before {
  content: '\e63e';
}

.ui-icon-carat-2-e:before {
  content: '\e63f';
}

.ui-icon-carat-2-s:before {
  content: '\e640';
}

.ui-icon-carat-2-w:before {
  content: '\e641';
}

.ui-icon-carat-2-n-s:before {
  content: '\e642';
}

.ui-icon-carat-2-e-w:before {
  content: '\e643';
}

.ui-icon-triangle-1-n:before {
  content: '\e644';
}

.ui-icon-triangle-1-ne:before {
  content: '\e645';
}

.ui-icon-triangle-1-e:before {
  content: '\e646';
}

.ui-icon-triangle-1-se:before {
  content: '\e647';
}

.ui-icon-triangle-1-s:before {
  content: '\e648';
}

.ui-icon-triangle-1-sw:before {
  content: '\e649';
}

.ui-icon-triangle-1-w:before {
  content: '\e64a';
}

.ui-icon-triangle-1-nw:before {
  content: '\e64b';
}

.ui-icon-triangle-1-n-stop:before {
  content: '\e64c';
}

.ui-icon-triangle-1-e-stop:before {
  content: '\e64d';
}

.ui-icon-seek-end:before {
  content: '\e64d';
}

.ui-icon-triangle-1-s-stop:before {
  content: '\e64e';
}

.ui-icon-triangle-1-w-stop:before {
  content: '\e64f';
}

.ui-icon-seek-first:before {
  content: '\e64f';
}

.ui-icon-triangle-2-e:before {
  content: '\e650';
}

.ui-icon-seek-next:before {
  content: '\e650';
}

.ui-icon-triangle-2-w:before {
  content: '\e651';
}

.ui-icon-seek-prev:before {
  content: '\e651';
}

.ui-icon-triangle-2-n-s:before {
  content: '\e652';
}

.ui-icon-triangle-2-e-w:before {
  content: '\e653';
}

.ui-icon-circle-triangle-n:before {
  content: '\e654';
}

.ui-icon-circle-triangle-e:before {
  content: '\e655';
}

.ui-icon-circle-triangle-s:before {
  content: '\e656';
}

.ui-icon-circle-triangle-w:before {
  content: '\e657';
}

.ui-icon-circle-b-triangle-n:before {
  content: '\e658';
}

.ui-icon-circle-b-triangle-e:before {
  content: '\e659';
}

.ui-icon-circle-b-triangle-s:before {
  content: '\e65a';
}

.ui-icon-circle-b-triangle-w:before {
  content: '\e65b';
}

.ui-icon-bullet:before {
  content: '\e65c';
}

.ui-icon-circle:before {
  content: '\e65d';
}

.ui-icon-radio-off:before {
  content: '\e65d';
}

.ui-icon-alert:before {
  content: '\e65e';
}

.ui-icon-alert-b:before {
  content: '\e65f';
}

.ui-icon-help-plain:before {
  content: '\e660';
}

.ui-icon-help:before {
  content: '\e661';
}

.ui-icon-circle-help:before {
  content: '\e661';
}

.ui-icon-circle-b-help:before {
  content: '\e662';
}

.ui-icon-info-plain:before {
  content: '\e663';
}

.ui-icon-info:before {
  content: '\e664';
}

.ui-icon-circle-info:before {
  content: '\e664';
}

.ui-icon-circle-b-info:before {
  content: '\e665';
}

.ui-icon-notice-plain:before {
  content: '\e666';
}

.ui-icon-notice:before {
  content: '\e667';
}

.ui-icon-circle-notice:before {
  content: '\e667';
}

.ui-icon-circle-b-notice:before {
  content: '\e668';
}

.ui-icon-grip-diagonal-se:before {
  content: '\e669';
}

.ui-icon-gripsmall-diagonal-se:before {
  content: '\e66a';
}

.ui-icon-grip-solid-horizontal:before {
  content: '\e66b';
}

.ui-icon-grip-dotted-horizontal:before {
  content: '\e66c';
}

.ui-icon-grip-solid-vertical:before {
  content: '\e66d';
}

.ui-icon-grip-dotted-vertical:before {
  content: '\e66e';
}

.ui-icon-check:before {
  content: '\e66f';
}

.ui-icon-circle-check:before {
  content: '\e670';
}

.ui-icon-circle-b-check:before {
  content: '\e671';
}

.ui-icon-check-off:before {
  content: '\e672';
}

.ui-icon-check-on:before {
  content: '\e673';
}

.ui-icon-cancel:before {
  content: '\e674';
}

.ui-icon-forbidden:before {
  content: '\e674';
}

.ui-icon-close:before {
  content: '\e675';
}

.ui-icon-delete:before {
  content: '\e675';
}

.ui-icon-circle-close:before {
  content: '\e676';
}

.ui-icon-circle-b-close:before {
  content: '\e677';
}

.ui-icon-closethick:before {
  content: '\e678';
}

.ui-icon-squaresmall-close:before {
  content: '\e679';
}

.ui-icon-circlesmall-close:before {
  content: '\e67a';
}

.ui-icon-minus:before {
  content: '\e67b';
}

.ui-icon-circle-minus:before {
  content: '\e67c';
}

.ui-icon-circle-b-minus:before {
  content: '\e67d';
}

.ui-icon-minusthick:before {
  content: '\e67e';
}

.ui-icon-squaresmall-minus:before {
  content: '\e67f';
}

.ui-icon-circlesmall-minus:before {
  content: '\e680';
}

.ui-icon-plus:before {
  content: '\e681';
}

.ui-icon-circle-plus:before {
  content: '\e682';
}

.ui-icon-circle-b-plus:before {
  content: '\e683';
}

.ui-icon-plusthick:before {
  content: '\e684';
}

.ui-icon-squaresmall-plus:before {
  content: '\e685';
}

.ui-icon-circlesmall-plus:before {
  content: '\e686';
}

.ui-icon-pencil:before {
  content: '\e687';
}

.ui-icon-edit:before {
  content: '\e687';
}

.ui-icon-copy:before {
  content: '\e688';
}

.ui-icon-files:before {
  content: '\e688';
}

.ui-icon-scissors:before {
  content: '\e689';
}

.ui-icon-cut:before {
  content: '\e689';
}

.ui-icon-clipboard:before {
  content: '\e68a';
}

.ui-icon-paste:before {
  content: '\e68a';
}

.ui-icon-disk:before {
  content: '\e68b';
}

.ui-icon-save:before {
  content: '\e68b';
}

.ui-icon-undo:before {
  content: '\e68c';
}

.ui-icon-redo:before {
  content: '\e68d';
}

.ui-icon-rename:before {
  content: '\e68e';
}

.ui-icon-trash:before {
  content: '\e68f';
}

.ui-icon-recycle:before {
  content: '\e68f';
}

.ui-icon-print:before {
  content: '\e690';
}

.ui-icon-print-b:before {
  content: '\e691';
}

.ui-icon-note:before {
  content: '\e692';
}

.ui-icon-table:before {
  content: '\e693';
}

.ui-icon-tag:before {
  content: '\e694';
}

.ui-icon-ticket:before {
  content: '\e695';
}

.ui-icon-folder:before {
  content: '\e696';
}

.ui-icon-folder-collapsed:before {
  content: '\e696';
}

.ui-icon-folder-open:before {
  content: '\e697';
}

.ui-icon-folder-expanded:before {
  content: '\e697';
}

.ui-icon-document:before {
  content: '\e698';
}

.ui-icon-file:before {
  content: '\e698';
}

.ui-icon-document-b:before {
  content: '\e699';
}

.ui-icon-file-b:before {
  content: '\e699';
}

.ui-icon-audio:before {
  content: '\e69a';
}

.ui-icon-music:before {
  content: '\e69a';
}

.ui-icon-movie:before {
  content: '\e69b';
}

.ui-icon-film:before {
  content: '\e69b';
}

.ui-icon-video:before {
  content: '\e69c';
}

.ui-icon-image:before {
  content: '\e69d';
}

.ui-icon-picture:before {
  content: '\e69d';
}

.ui-icon-script:before {
  content: '\e69e';
}

.ui-icon-file-pdf:before {
  content: '\e69f';
}

.ui-icon-file-rtf:before {
  content: '\e6a0';
}

.ui-icon-file-spreadsheet:before {
  content: '\e6a1';
}

.ui-icon-file-xls:before {
  content: '\e6a1';
}

.ui-icon-file-txt:before {
  content: '\e6a2';
}

.ui-icon-file-text:before {
  content: '\e6a2';
}

.ui-icon-file-word:before {
  content: '\e6a3';
}

.ui-icon-file-zip:before {
  content: '\e6a4';
}

.ui-icon-play:before {
  content: '\e6a5';
}

.ui-icon-pause:before {
  content: '\e6a6';
}

.ui-icon-stop:before {
  content: '\e6a7';
}

.ui-icon-volume-off:before {
  content: '\e6a8';
}

.ui-icon-mute:before {
  content: '\e6a8';
}

.ui-icon-volume-mute:before {
  content: '\e6a8';
}

.ui-icon-volume-on:before {
  content: '\e6a9';
}

.ui-icon-volume-high:before {
  content: '\e6a9';
}

.ui-icon-volume-on-b:before {
  content: '\e6aa';
}

.ui-icon-volume-low:before {
  content: '\e6aa';
}

.ui-icon-shuffle:before {
  content: '\e6ab';
}

.ui-icon-retweet:before {
  content: '\e6ac';
}

.ui-icon-eject:before {
  content: '\e6ad';
}

.ui-icon-link:before {
  content: '\e6ae';
}

.ui-icon-extlink:before {
  content: '\e6af';
}

.ui-icon-linkext:before {
  content: '\e6af';
}

.ui-icon-action:before {
  content: '\e6af';
}

.ui-icon-link-broken:before {
  content: '\e6b0';
}

.ui-icon-locked:before {
  content: '\e6b1';
}

.ui-icon-unlocked:before {
  content: '\e6b2';
}

.ui-icon-window:before {
  content: '\e6b3';
}

.ui-icon-newwin:before {
  content: '\e6b4';
}

.ui-icon-popup:before {
  content: '\e6b4';
}

.ui-icon-dialog:before {
  content: '\e6b4';
}

.ui-icon-window-sidebar:before {
  content: '\e6b5';
}

.ui-icon-menu:before {
  content: '\e6b6';
}

.ui-icon-bars:before {
  content: '\e6b6';
}

.ui-icon-home:before {
  content: '\e6b7';
}

.ui-icon-bookmark:before {
  content: '\e6b8';
}

.ui-icon-bookmark-b:before {
  content: '\e6b9';
}

.ui-icon-star:before {
  content: '\e6ba';
}

.ui-icon-star-b:before {
  content: '\e6bb';
}

.ui-icon-addon:before {
  content: '\e6bc';
}

.ui-icon-puzzle:before {
  content: '\e6bc';
}

.ui-icon-plugin:before {
  content: '\e6bd';
}

.ui-icon-package:before {
  content: '\e6be';
}

.ui-icon-power:before {
  content: '\e6bf';
}

.ui-icon-switch:before {
  content: '\e6bf';
}

.ui-icon-refresh:before {
  content: '\e6c0';
}

.ui-icon-group:before {
  content: '\e6c1';
}

.ui-icon-users:before {
  content: '\e6c1';
}

.ui-icon-person:before {
  content: '\e6c2';
}

.ui-icon-user:before {
  content: '\e6c2';
}

.ui-icon-heart:before {
  content: '\e6c3';
}

.ui-icon-heart-b:before {
  content: '\e6c4';
}

.ui-icon-heart-beat:before {
  content: '\e6c5';
}

.ui-icon-key:before {
  content: '\e6c6';
}

.ui-icon-lightbulb:before {
  content: '\e6c7';
}

.ui-icon-cart:before {
  content: '\e6c8';
}

.ui-icon-shop:before {
  content: '\e6c8';
}

.ui-icon-cart-b:before {
  content: '\e6c9';
}

.ui-icon-clock:before {
  content: '\e6ca';
}

.ui-icon-clock-b:before {
  content: '\e6cb';
}

.ui-icon-cloud:before {
  content: '\e6cc';
}

.ui-icon-cloud-b:before {
  content: '\e6cd';
}

.ui-icon-cloud-download:before {
  content: '\e6ce';
}

.ui-icon-cloud-upload:before {
  content: '\e6cf';
}

.ui-icon-comment:before {
  content: '\e6d0';
}

.ui-icon-comments:before {
  content: '\e6d1';
}

.ui-icon-globe:before {
  content: '\e6d2';
}

.ui-icon-globe-b:before {
  content: '\e6d3';
}

.ui-icon-location:before {
  content: '\e6d4';
}

.ui-icon-navigation:before {
  content: '\e6d5';
}

.ui-icon-gear:before {
  content: '\e6d6';
}

.ui-icon-gears:before {
  content: '\e6d7';
}

.ui-icon-camera:before {
  content: '\e6d8';
}

.ui-icon-flag:before {
  content: '\e6d9';
}

.ui-icon-eye:before {
  content: '\e6da';
}

.ui-icon-box:before {
  content: '\e6db';
}

.ui-icon-transfer-e-w:before {
  content: '\e6dc';
}

.ui-icon-transferthick-e-w:before {
  content: '\e6dd';
}

.ui-icon-sign-in:before {
  content: '\e6de';
}

.ui-icon-login:before {
  content: '\e6de';
}

.ui-icon-sign-out:before {
  content: '\e6df';
}

.ui-icon-logout:before {
  content: '\e6df';
}

.ui-icon-logoff:before {
  content: '\e6df';
}

.ui-icon-toggle-off:before {
  content: '\e6e0';
}

.ui-icon-toggle-on:before {
  content: '\e6e1';
}

.ui-icon-search:before {
  content: '\e6e2';
}

.ui-icon-wrench:before {
  content: '\e6e3';
}

.ui-icon-settings:before {
  content: '\e6e4';
}

.ui-icon-radio-on:before {
  content: '\e6e5';
}

.ui-icon-selectbox:before {
  content: '\e6e6';
}

.ui-icon-suitcase:before {
  content: '\e6e7';
}

.ui-icon-truck:before {
  content: '\e6e8';
}

.ui-icon-database:before {
  content: '\e6e9';
}

.ui-icon-databases:before {
  content: '\e6ea';
}

.ui-icon-book:before {
  content: '\e6eb';
}

.ui-icon-book-b:before {
  content: '\e6ec';
}

.ui-icon-calculator:before {
  content: '\e6ed';
}

.ui-icon-calculator-b:before {
  content: '\e6ee';
}

.ui-icon-calendar:before {
  content: '\e6ef';
}

.ui-icon-calendar-b:before {
  content: '\e6f0';
}

.ui-icon-calendar-day:before {
  content: '\e6f1';
}

.ui-icon-address:before {
  content: '\e6f2';
}

.ui-icon-contact:before {
  content: '\e6f3';
}

.ui-icon-phone:before {
  content: '\e6f4';
}

.ui-icon-circle-phone:before {
  content: '\e6f5';
}

.ui-icon-mail-closed:before {
  content: '\e6f6';
}

.ui-icon-mail:before {
  content: '\e6f6';
}

.ui-icon-mail-open:before {
  content: '\e6f7';
}

.ui-icon-mail-reply:before {
  content: '\e6f8';
}

.ui-icon-mail-replyall:before {
  content: '\e6f9';
}

.ui-icon-mail-forward:before {
  content: '\e6fa';
}

.ui-icon-mail-send:before {
  content: '\e6fb';
}

.ui-icon-newspaper:before {
  content: '\e6fc';
}

.ui-icon-newsletter:before {
  content: '\e6fc';
}

.ui-icon-pin-s:before {
  content: '\e6fd';
}

.ui-icon-pin-w:before {
  content: '\e6fe';
}

.ui-icon-zoomin:before {
  content: '\e6ff';
}

.ui-icon-circle-zoomin:before {
  content: '\e700';
}

.ui-icon-zoomout:before {
  content: '\e701';
}

.ui-icon-circle-zoomout:before {
  content: '\e702';
}

.ui-icon-screen-display:before {
  content: '\e703';
}

.ui-icon-desktop:before {
  content: '\e703';
}

.ui-icon-screen-laptop:before {
  content: '\e704';
}

.ui-icon-screen-mobile:before {
  content: '\e705';
}

.ui-icon-mobile:before {
  content: '\e705';
}

.ui-icon-view-icons:before {
  content: '\e706';
}

.ui-icon-view-icons-b:before {
  content: '\e707';
}

.ui-icon-grid:before {
  content: '\e707';
}

.ui-icon-view-list:before {
  content: '\e708';
}

.ui-icon-list:before {
  content: '\e708';
}

.ui-icon-sorting:before {
  content: '\e709';
}

.ui-icon-sorting-asc:before {
  content: '\e70a';
}

.ui-icon-sorting-desc:before {
  content: '\e70b';
}

.ui-icon-battery-0:before {
  content: '\e70c';
}

.ui-icon-battery-1:before {
  content: '\e70d';
}

.ui-icon-battery-2:before {
  content: '\e70e';
}

.ui-icon-battery-3:before {
  content: '\e70f';
}

.ui-icon-signal:before {
  content: '\e710';
}

.ui-icon-signal-diag:before {
  content: '\e711';
}

.ui-icon-window-minimize:before {
  content: '\e717';
}

/* animated font glyphs */
.ui-loading-icon.ui-icon-balls:before {
  content: '\e712';
}

.ui-loading-icon.ui-icon-circle:before {
  content: '\e713';
}

.ui-loading-icon.ui-icon-comet:before {
  content: '\e714';
}

.ui-loading-icon.ui-icon-lines:before {
  content: '\e715';
}

.ui-loading-icon.ui-icon-planet:before {
  content: '\e716';
}

/**
 * Animations
 */
/* animation keyframes rotate 360 clockwise */
@keyframes clockwise {
  from {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -moz-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes clockwise {
  from {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

/* animation keyframes for bouncing */
@keyframes bounce {
  0%, 100% {
    transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -webkit-transform: scale(0.2);
  }
  50% {
    transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
  }
}

@-webkit-keyframes bounce {
  0%, 100% {
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* animation keyframes translate */
@keyframes translate {
  0%, 100% {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  50% {
    transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    width: 0.6em;
  }
}

@-webkit-keyframes translate {
  0%, 100% {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }
  50% {
    transform: translate(100%, 0);
    -webkit-transform: translate(100%, 0);
    width: 0.6em;
  }
}

/* animation keyframes move from left to right */
@keyframes move-right {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}

@-webkit-keyframes move-right {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}

/* animation keyframes fill and rotate */
@keyframes square-fill {
  0%, 25%, 100% {
    height: 0;
  }
  50%, 75% {
    height: 100%;
  }
}

@-webkit-keyframes square-fill {
  0%, 25%, 100% {
    height: 0;
  }
  50%, 75% {
    height: 100%;
  }
}

@keyframes square-clockwise {
  0% {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  25%, 50% {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  75%, 100% {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes square-clockwise {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  25%, 50% {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }
  75%, 100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

/* animated font glyphs */
.ui-animate.clockwise .ui-icon,
.ui-animate.anti-clockwise .ui-icon {
  animation: clockwise 1s infinite linear;
  -moz-animation: clockwise 1s infinite linear;
  -ms-animation: clockwise 1s infinite linear;
  -webkit-animation: clockwise 1s infinite linear;
}

.ui-animate.anti-clockwise .ui-icon {
  animation-direction: reverse;
  -moz-animation-direction: reverse;
  -ms-animation-direction: reverse;
  -webkit-animation-direction: reverse;
}

.ui-animate.bounce .ui-icon:before {
  animation: bounce 1s infinite ease-in-out;
  -moz-animation: bounce 1s infinite ease-in-out;
  -ms-animation: bounce 1s infinite ease-in-out;
  -webkit-animation: bounce 1s infinite ease-in-out;
}

.ui-loading-icon.ui-icon-circle,
.ui-loading-icon.ui-icon-comet,
.ui-loading-icon.ui-icon-planet {
  animation: clockwise 1s infinite linear;
  -moz-animation: clockwise 1s infinite linear;
  -ms-animation: clockwise 1s infinite linear;
  -webkit-animation: clockwise 1s infinite linear;
}

.ui-loading-icon.ui-icon-balls,
.ui-loading-icon.ui-icon-lines {
  animation: clockwise 1s infinite ease-in-out;
  -moz-animation: clockwise 1s infinite ease-in-out;
  -ms-animation: clockwise 1s infinite ease-in-out;
  -webkit-animation: clockwise 1s infinite ease-in-out;
}

/* animated css generated icons basic settings */
.ui-busy-icon:after,
.ui-busy-icon:before {
  text-indent: -99999px;
}

.ui-busy-icon:after,
.ui-busy-icon:before {
  content: '';
  display: block;
  height: 1em;
  left: 50%;
  line-height: 1;
  margin-left: -0.5em;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  width: 1em;
}

/* round icons: circle, clock, comet, planet, radar */
.ui-busy-icon-balls:after,
.ui-busy-icon-balls:before,
.ui-busy-icon-circle,
.ui-busy-icon-circle:after,
.ui-busy-icon-circle:before,
.ui-busy-icon-clock,
.ui-busy-icon-clock:after,
.ui-busy-icon-clock:before,
.ui-busy-icon-comet,
.ui-busy-icon-comet:after,
.ui-busy-icon-comet:before,
.ui-busy-icon-planet:after,
.ui-busy-icon-planet:before,
.ui-busy-icon-radar,
.ui-busy-icon-radar:after,
.ui-busy-icon-radar:before {
  border-radius: 100%;
  box-sizing: border-box;
  -moz-border-radius: 100%;
  -moz-box-sizing: border-box;
  -webkit-border-radius: 100%;
  -webkit-box-sizing: border-box;
}

/* round icons rotate clockwise: circle, comet, planet, radar */
.ui-busy-icon-circle:after,
.ui-busy-icon-comet,
.ui-busy-icon-planet,
.ui-busy-icon-radar:before {
  animation: clockwise 1s linear infinite;
  -moz-animation: clockwise 1s linear infinite;
  -ms-animation: clockwise 1s linear infinite;
  -webkit-animation: clockwise 1s linear infinite;
}

/* fill icons with base color */
.ui-busy-icon-balls:after,
.ui-busy-icon-balls:before,
.ui-busy-icon-clock:after,
.ui-busy-icon-clock:before,
.ui-busy-icon-comet:before,
.ui-busy-icon-line:before,
.ui-busy-icon-planet:after,
.ui-busy-icon-progress:before,
.ui-busy-icon-radar:after,
.ui-busy-icon-square:before {
  box-shadow: 0 0 0 1em inset;
  -moz-box-shadow: 0 0 0 1em inset;
  -webkit-box-shadow: 0 0 0 1em inset;
}

/* ball icons styles */
.ui-busy-icon-balls {
  width: 1em;
  height: 1em;
  animation: clockwise 2s linear infinite;
  -moz-animation: clockwise 2s linear infinite;
  -ms-animation: clockwise 2s linear infinite;
  -webkit-animation: clockwise 2s linear infinite;
}

.ui-busy-icon-balls:after,
.ui-busy-icon-balls:before {
  height: 0.5em;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  border-radius: 100%;
  top: 0;
  width: 0.5em;
  animation: bounce 2s ease-in-out infinite;
  -moz-animation: bounce 2s ease-in-out infinite;
  -ms-animation: bounce 2s ease-in-out infinite;
  -webkit-animation: bounce 2s ease-in-out infinite;
}

.ui-busy-icon-balls:before {
  top: auto;
  bottom: 0;
  animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -ms-animation-delay: -1.0s;
  -webkit-animation-delay: -1.0s;
}

/* circle icon styles */
.ui-busy-icon-circle:after,
.ui-busy-icon-circle:before {
  border: 0.2em solid;
}

.ui-busy-icon-circle:after {
  border-top-color: transparent;
}

.ui-busy-icon-circle:before {
  opacity: 0.25;
}

/* clock icon styles */
.ui-busy-icon-clock {
  border: 0.2em solid;
}

.ui-busy-icon-clock:after,
.ui-busy-icon-clock:before {
  border-radius: 0.1em;
  margin-left: -0.1em;
  margin-top: -0.1em;
  width: 0.2em;
  transform-origin: 0.1em 0.1em;
  -moz-transform-origin: 0.1em 0.1em;
  -ms-transform-origin: 0.1em 0.1em;
  -webkit-transform-origin: 0.1em 0.1em;
}

/* animate clock 'minutes' */
.ui-busy-icon-clock:after {
  height: 0.7em;
  animation: clockwise 2s linear infinite;
  -moz-animation: clockwise 2s linear infinite;
  -ms-animation: clockwise 2s linear infinite;
  -webkit-animation: clockwise 2s linear infinite;
}

/* animate clock 'hours' */
.ui-busy-icon-clock:before {
  height: 0.4em;
  animation: clockwiseate 12s linear infinite;
  -moz-animation: clockwise 12s linear infinite;
  -ms-animation: clockwise 12s linear infinite;
  -webkit-animation: clockwise 12s linear infinite;
}

/* comet and planet styles */
.ui-busy-icon-comet:after,
.ui-busy-icon-comet:before,
.ui-busy-icon-planet:after {
  margin-left: 0;
  margin-top: 0;
}

.ui-busy-icon-comet:before,
.ui-busy-icon-planet:after {
  height: 0.4em;
  left: 0.6em;
  top: 0.6em;
  width: 0.4em;
}

.ui-busy-icon-comet {
  border-bottom-right-radius: 0.4em;
  box-shadow: -0.1em 0.1em 0.1em 0 inset;
  -moz-box-shadow: -0.1em 0.1em 0.1em 0 inset;
  -moz-border-bottom-right-radius: 0.4em;
  -webkit-border-bottom-right-radius: 0.4em;
  -webkit-box-shadow: -0.1em 0.1em 0.1em 0 inset;
}

.ui-busy-icon-comet:after {
  -webkit-box-shadow: -0.2em -0.1em 0.1em -0.2em;
          box-shadow: -0.2em -0.1em 0.1em -0.2em;
  left: 0;
  top: 0;
  -moz-box-shadow: 0.1em 0 0.1em -0.1em;
  -webkit-box-shadow: 0.1em 0.1em 0.1em -0.1em;
}

.ui-busy-icon-planet:before {
  box-shadow: 0 0 0.1em 0 inset;
  -moz-box-shadow: 0 0 0.1em 0 inset;
  -webkit-box-shadow: 0 0 0.1em 0 inset;
}

/* line progress styles */
.ui-busy-icon-line:before {
  height: 0.2em;
  margin-top: -0.1em;
  width: 0.2em;
  -webkit-animation: translate 2s infinite;
          animation: translate 2s infinite;
}

/* square and progress */
.ui-busy-icon-progress,
.ui-busy-icon-square {
  border: 0.2em solid;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.ui-busy-icon-progress:before,
.ui-busy-icon-square:before {
  height: 100%;
  left: 0;
  margin-left: 0;
  margin-top: 0;
  top: 0;
  width: 100%;
}

.ui-busy-icon-progress:before {
  animation: move-right 2s linear infinite;
  -moz-animation: move-right 2s linear infinite;
  -ms-animation: move-right 2s linear infinite;
  -webkit-animation: move-right 2s linear infinite;
}

.ui-busy-icon-square {
  animation: square-clockwise 3s ease infinite;
  -moz-animation: square-clockwise 3s ease infinite;
  -ms-animation: square-clockwise 3s ease infinite;
  -webkit-animation: square-clockwise 3s ease infinite;
}

.ui-busy-icon-square:before {
  animation: square-fill 3s ease infinite;
  -moz-animation: square-fill 3s ease infinite;
  -ms-animation: square-fill 3s ease infinite;
  -webkit-animation: square-fill 3s ease infinite;
}

/* radar icon styles */
.ui-busy-icon-radar:before {
  border: 0.2em solid;
  border-bottom-color: transparent;
  border-top-color: transparent;
}

.ui-busy-icon-radar:after {
  height: 0.4em;
  margin-left: -0.2em;
  margin-top: -0.2em;
  width: 0.4em;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../dist/slick-carousel/slick/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: 'slick';
  font-weight: normal;
  font-style: normal;
  src: url("../dist/slick-carousel/slick/fonts/slick.eot");
  src: url("../dist/slick-carousel/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("../dist/slick-carousel/slick/fonts/slick.woff") format("woff"), url("../dist/slick-carousel/slick/fonts/slick.ttf") format("truetype"), url("../dist/slick-carousel/slick/fonts/slick.svg?slick") format("svg");
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black;
}

#snackbar-container {
  position: fixed;
  left: 20px;
  bottom: 0;
  z-index: 99999;
}

.snackbar {
  overflow: hidden;
  clear: both;
  min-width: 288px;
  max-width: 568px;
  cursor: pointer;
  opacity: 0;
}

.snackbar.snackbar-opened {
  height: auto;
  opacity: 1;
}

@media (max-width: 767px) {
  #snackbar-container {
    left: 0 !important;
    right: 0;
    width: 100%;
  }
  #snackbar-container .snackbar {
    min-width: 100%;
  }
  #snackbar-container [class="snackbar snackbar-opened"] ~ .snackbar.toast {
    margin-top: 20px;
  }
  #snackbar-container [class="snackbar snackbar-opened"] {
    border-radius: 0;
    margin-bottom: 0;
  }
}

/*!
 * Polyfill CSS object-fit
 * http://helloanselm.com/object-fit
 *
 * @author: Anselm Hannemann <hello@anselm-hannemann.com>
 * @author: Christian "Schepp" Schaefer <schaepp@gmx.de>
 * @version: 0.3.4
 *
 */
x-object-fit {
  position: relative !important;
  display: inline-block !important;
}

x-object-fit > .x-object-fit-taller,
x-object-fit > .x-object-fit-wider {
  position: absolute !important;
  left: -100% !important;
  right: -100% !important;
  top: -100% !important;
  bottom: -100% !important;
  margin: auto !important;
}

.x-object-fit-none > .x-object-fit-taller,
.x-object-fit-none > .x-object-fit-wider {
  width: auto !important;
  height: auto !important;
}

.x-object-fit-fill > .x-object-fit-taller,
.x-object-fit-fill > .x-object-fit-wider {
  width: 100% !important;
  height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-taller {
  width: auto !important;
  height: 100% !important;
}

.x-object-fit-contain > .x-object-fit-wider {
  width: 100% !important;
  height: auto !important;
}

.x-object-fit-cover > .x-object-fit-taller,
.x-object-fit-cover > .x-object-fit-wider {
  max-width: none !important;
  max-height: none !important;
}

.x-object-fit-cover > .x-object-fit-taller {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}

.x-object-fit-cover > .x-object-fit-wider {
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
}

.x-object-position-top > .x-object-fit-taller,
.x-object-position-top > .x-object-fit-wider {
  top: 0 !important;
  bottom: auto !important;
}

.x-object-position-right > .x-object-fit-taller,
.x-object-position-right > .x-object-fit-wider {
  left: auto !important;
  right: 0 !important;
}

.x-object-position-bottom > .x-object-fit-taller,
.x-object-position-bottom > .x-object-fit-wider {
  top: auto !important;
  bottom: 0 !important;
}

.x-object-position-left > .x-object-fit-taller,
.x-object-position-left > .x-object-fit-wider {
  left: 0 !important;
  right: auto !important;
}

.accordion {
  margin: 0;
  width: 100%;
}

.accordion .accordion-navigation > a {
  padding-right: 3.6rem;
  position: relative;
}

.accordion-navigation + .accordion-navigation {
  margin-top: 1px;
}

.accordion-navigation > a {
  font-weight: bold;
}

.accordion-navigation > a::after {
  color: #222;
  content: "\F140";
  font-family: "Material Design Icons";
  font-size: 24px;
  line-height: 1;
  position: absolute;
  right: 1rem;
}

.accordion-navigation > a[aria-expanded="true"]::after {
  content: "\F143";
}

.accordion .accordion-navigation > .content--padded {
  padding: 1rem;
}

.accordion--small .accordion-navigation > a {
  padding: .5rem 1rem;
}

.agenda {
  background: transparent;
  margin: 25px 0;
}

.agenda__row {
  padding: 50px 0;
}

.agenda a:hover {
  text-decoration: none;
}

.agenda .icon-arrow-left:before {
  margin: 0 10px -5px 0;
}

.agenda .icon-arrow-right:after {
  margin: 0 0 -5px 10px;
}

.agenda .radiobuttonlist input[type="radio"] {
  display: none;
  left: auto;
  position: static;
}

.agenda .radiobuttonlist input[type="radio"] + label {
  margin: 0;
  display: inline-block;
  background: #e9e8e2;
  width: 100%;
  border: 2px solid #FFF;
  text-align: center;
  color: #5F6062;
  padding: 1.06667rem;
  -webkit-transition: background-color 300ms ease-out;
  transition: background-color 300ms ease-out;
}

.agenda .radiobuttonlist input[type="radio"] + label:hover {
  background: #f6f5f1;
  color: #5F6062;
}

.agenda .radiobuttonlist input[type="radio"]:checked + label {
  background: #f6f5f1;
  color: #5F6062;
}

.agenda .radiobuttonlist input[type="radio"]:disabled + label {
  background: #c9caca;
  color: #fcfcfc;
  cursor: default;
}

.agenda .radiobuttonlist label:before {
  content: none;
}

.agenda .radiobuttonlist label > * {
  /* Bugfix voor Safari i.v.m. Fastclick */
  display: block;
  pointer-events: none;
}

.agenda__selector-location {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.radiobuttonlist .agenda__selector-location input[type="radio"] + label {
  padding: 2rem 1.5rem;
  font-size: 1.15rem;
}

.agenda__selector-week {
  overflow: hidden;
  margin-top: -3px;
  margin-bottom: 20px;
}

.agenda__selector-week--prev, .agenda__selector-week--next {
  position: relative;
  float: left;
  width: 33%;
}

.agenda__selector-week--prev.inactive, .agenda__selector-week--next.inactive {
  background-color: #c9caca;
  color: #fcfcfc;
}

.agenda__selector-week--prev.inactive:hover, .agenda__selector-week--next.inactive:hover {
  background-color: #c9caca;
  color: #fcfcfc;
}

.agenda__selector-week--prev {
  margin: 0 0 2px 2px;
}

.agenda__selector-week--prev.inactive:before {
  background-image: url(../images/sprite.png);
  background-position: -23px -105px;
  width: 23px;
  height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .agenda__selector-week--prev.inactive:before {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.agenda__selector-week--next {
  margin: 0 2px 2px 0;
  float: right;
}

.agenda__selector-week--next.inactive:after {
  background-image: url(../images/sprite.png);
  background-position: -92px -105px;
  width: 23px;
  height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .agenda__selector-week--next.inactive:after {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.agenda__selector-week--select {
  width: 33%;
  padding: 0 30px 0 10px;
  height: 48px;
  margin: 0 0 0 3px;
  float: left;
  background-color: #e9e8e2;
}

.agenda__selector-week__date {
  display: none;
}

.agenda__selector-day {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.agenda__selector-day__day {
  position: relative;
  width: 14.28%;
  float: left;
}

.agenda__selector-day__day label.agenda__selector-day__day-label--highlighted {
  background: #B6A67A !important;
  color: #FFF !important;
}

.agenda__selector-day__day input:checked + label.agenda__selector-day__day-label--highlighted {
  background: #c1b38e !important;
  color: #FFF !important;
}

.agenda__selector-day__day input:disabled + label.agenda__selector-day__day-label--highlighted {
  background: #c9caca !important;
  color: #fcfcfc !important;
  cursor: default;
}

.agenda__selector-day__weekday {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}

.agenda__selector-day__date {
  display: block;
}

.agenda__selector-time {
  list-style: none;
  padding: 0;
  margin: 0 0 50px 0;
}

.agenda__selector-time__time {
  margin: 0;
  position: relative;
  float: left;
}

.agenda__selector-today {
  float: right;
  margin-top: -35px;
  margin-right: 2px;
}

.agenda__selector-today.inactive {
  background: #c9caca;
  color: #fcfcfc;
}

.agenda__selector-today.inactive:hover {
  background: #c9caca;
  color: #fcfcfc;
}

.agenda form input[type="submit"] {
  background-color: #e9e8e2;
  background-image: url(../images/button-bg_dark.png);
  background-position: right 25px center;
  background-repeat: no-repeat;
  background-size: 23px 20px;
  margin-bottom: 0;
  padding: 0.93333rem 60px 0.93333rem 15px;
  color: #5F6062;
  float: right;
  font-size: 0.93333rem;
}

.agenda form input[type="submit"]:hover {
  background-color: #f6f5f1;
}

.agenda form input[type="submit"].button--last-submit {
  background-color: #b6a679;
  background-image: url(../images/button-bg_white.png);
  color: #fff;
}

.agenda form input[type="submit"].button--last-submit:hover {
  background-color: #a39059;
  color: #FFF;
}

.agenda .form-container {
  background: #f6f5f1;
  margin-bottom: 20px;
}

.agenda .confirmation .column {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (min-width:64.0625em) {
  .agenda__selector-week--select {
    width: 33%;
  }
  .agenda__selector-week__date {
    display: inline;
  }
}

/* Between Medium and Large */
@media only screen and (max-width: 1365px) {
  .agenda__selector-week__date {
    display: none;
  }
  .agenda__selector-week--select {
    width: 32.5%;
  }
}

@media only screen and (min-width:43.0625em) and (max-width:64em) {
  .agenda__selector-week--select {
    width: 32.5%;
  }
}

/* Between Small and Medium */
@media only screen and (max-width: 768px) {
  .agenda__selector-week--select {
    width: 32%;
  }
}

@media only screen and (min-width:43.0625em) {
  .agenda > form > .row {
    margin-right: 0 !important;
  }
  .agenda .button--next {
    float: right;
    margin: 2px 2px 0 0;
  }
  .agenda__selector-location {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .agenda__selector-location__location {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
            flex: 0 0 33.3333%;
  }
  .agenda__selector-location__location label {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 43em) {
  .agenda {
    margin: 25px 0;
  }
  .agenda__selector-day__day {
    width: 100%;
  }
  .agenda__selector-week {
    padding: 2px 2px 0 2px;
    margin-top: 10px;
  }
  .agenda__selector-week--prev, .agenda__selector-week--next {
    float: left;
    width: 50%;
    margin: 2px 0;
    padding-left: 0.53333rem !important;
    padding-right: 0.53333rem !important;
  }
  .agenda__selector-week--prev {
    border-right: 2px solid #FFF;
  }
  .agenda__selector-week--next {
    border-left: 2px solid #FFF;
  }
  .agenda__selector-week--select {
    width: 100%;
    margin: 2px 2px 2px 0;
    height: 46px;
  }
  .agenda__selector-today {
    margin-top: -57px;
    padding: 5px !important;
    width: 80px;
    text-align: center;
    font-size: 11px !important;
  }
  .agenda .button--fullwidth {
    width: 100%;
  }
}

.button--expanded {
  width: 100%;
}

@media only screen and (max-width: 43em) {
  .button--expanded-on-small {
    width: 100%;
  }
}

.cta-buttons {
  margin-left: -3px;
  margin-right: -3px;
}

.cta-buttons .cta-button {
  background: #e9e8e2;
  color: #5F6062;
  padding: 0.93333rem 0.93333rem 1rem 0.93333rem;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  background-clip: padding-box !important;
  margin-bottom: 6px;
}

.cta-buttons .cta-button:hover {
  background: #f6f5f1;
  -webkit-transition: background, .25ms, ease;
  transition: background, .25ms, ease;
}

@media only screen and (min-width: 43.0625em) {
  .cta-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .cta-buttons .cta-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .cta-buttons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cta-buttons .cta-button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

@media only screen and (max-width: 43em) {
  .cta-buttons {
    margin-bottom: 0 !important;
  }
  .cta-buttons .cta-button {
    border: 0;
    margin-bottom: 6px;
    width: 100%;
  }
  .cta-buttons .cta-button:first-child {
    border-right: 0;
  }
  .cta-buttons .cta-button:last-child {
    border-left: 0;
    margin-bottom: 0;
  }
}

.cta-buttons--project .cta-button {
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 0 5px 0;
}

.f-dropdown .divider {
  border-top: 1px solid #EEEEEE;
  margin: .5rem 0;
}

.flexbox .flexbox--align-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flexbox .flexbox--align-middle > .row {
  width: 100%;
}

.flexbox .flexbox--equal-heights {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flexbox .flexbox--equal-heights::before, .flexbox .flexbox--equal-heights::after {
  display: none;
}

.flexbox .flexbox--equal-heights > .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flexbox .flexbox--equal-heights > .column > .formpanel {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* Footer */
.socialmedia {
  height: 40px;
  margin: 0;
}

.socialmedia li {
  margin-left: 0;
}

.socialmedia li + li {
  margin-left: 10px;
}

.socialmedia a {
  display: block;
  height: 35px;
  width: 35px;
}

.socialmedia a:hover {
  background-position: bottom center;
}

.socialmedia .twitter {
  background-image: url(../images/sprite.png);
  background-position: -105px 0px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .twitter {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .twitter:hover {
  background-image: url(../images/sprite.png);
  background-position: -70px -70px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .twitter:hover {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .instagram {
  background-image: url(../images/sprite.png);
  background-position: -70px -35px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .instagram {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .instagram:hover {
  background-image: url(../images/sprite.png);
  background-position: -70px 0px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .instagram:hover {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .facebook {
  background-image: url(../images/sprite.png);
  background-position: -35px 0px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .facebook {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .facebook:hover {
  background-image: url(../images/sprite.png);
  background-position: 0px 0px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .facebook:hover {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .youtube {
  background-image: url(../images/sprite.png);
  background-position: -105px -70px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .youtube {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .youtube:hover {
  background-image: url(../images/sprite.png);
  background-position: -105px -35px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .youtube:hover {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .googleplus {
  background-image: url(../images/sprite.png);
  background-position: -35px -35px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .googleplus {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .googleplus:hover {
  background-image: url(../images/sprite.png);
  background-position: 0px -35px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .googleplus:hover {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .pinterest {
  background-image: url(../images/sprite.png);
  background-position: -35px -70px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .pinterest {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.socialmedia .pinterest:hover {
  background-image: url(../images/sprite.png);
  background-position: 0px -70px;
  width: 35px;
  height: 35px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .socialmedia .pinterest:hover {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.pagefooter {
  clear: both;
  height: 7em;
  margin-top: -7em;
  position: relative;
  width: 100%;
  z-index: 10;
}

.pagefooter a {
  color: #5F6062;
}

.pagefooter a:hover {
  color: #B6A67A;
  text-decoration: none;
}

.pagefooter ul {
  margin-bottom: 0;
}

.pagefooter ul.inline-list {
  margin-left: 0;
}

.pagefooter .top-footer {
  background-color: #fff;
  padding: 10px 0 5px;
}

.pagefooter .top-footer .inline-list li + li {
  margin-left: 1.2rem;
}

.pagefooter .top-footer a {
  padding-top: 4px;
  text-transform: uppercase;
}

.pagefooter .top-footer a:hover {
  background: url(../images/hover_bar.jpg) no-repeat left top;
}

.pagefooter .bottom-footer {
  background: #f6f5f1;
  padding: 6px 0;
}

.pagefooter .bottom-footer ul {
  padding: 5px 0;
}

.co2neutral {
  height: 35px;
  margin: 0 25px;
  vertical-align: baseline;
}

@media only screen and (max-width: 43em) {
  .pagefooter .top-footer {
    padding: 10px 0;
  }
  .pagefooter .top-footer .inline-list {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .pagefooter .top-footer .inline-list li {
    display: inline-block;
    float: none;
    margin: 5px 0 0 0;
    padding: 0 12px;
  }
  .pagefooter .top-footer .inline-list li + li {
    margin-left: 0 !important;
  }
  .co2neutral {
    display: block;
    vertical-align: middle;
    margin: 0px auto 10px;
  }
}

/* Custom form elementen */
input[type="checkbox"],
input[type="radio"] {
  left: -999em;
  position: absolute;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: normal;
  line-height: 1.2;
  margin: 0 0 4px 0;
  padding-left: 1.5rem;
}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
  border: 1px solid #afafaf;
  content: '';
  display: inline-block !important;
  height: 12px;
  left: 0;
  margin: 2px 0 0 0;
  position: absolute;
  width: 12px;
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  background-color: #5e5f61;
  -webkit-box-shadow: inset 0 0 0 2px #f6f5f1;
          box-shadow: inset 0 0 0 2px #f6f5f1;
}

input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label {
  cursor: default;
}

input[type="checkbox"][disabled] + label::before,
input[type="radio"][disabled] + label::before {
  background-color: #e3e0d3;
}

input[type="checkbox"][disabled]:checked + label::before,
input[type="radio"][disabled]:checked + label::before {
  background-color: #5e5f61;
  -webkit-box-shadow: inset 0 0 0 2px #e3e0d3;
          box-shadow: inset 0 0 0 2px #e3e0d3;
}

input[type="radio"] + label:before {
  border-radius: 50%;
}

.checkboxfield {
  position: relative;
}

.checkboxfield:before, .checkboxfield:after {
  content: " ";
  display: table;
}

.checkboxfield:after {
  clear: both;
}

.checkboxfield--nolabel label {
  text-indent: -9999px;
}

.checkboxfield--xl input[type='checkbox'] + label {
  margin: 0;
}

.checkboxfield--xl input[type='checkbox'] + label::before {
  height: 18px;
  margin: 0;
  top: 0;
  width: 18px;
}

.checkboxfield.checkboxfield--nolabel {
  height: 18px;
  width: 18px;
}

.radiobuttonlist, .checkboxlist {
  display: block;
  margin-bottom: 1.06667rem;
}

.radiobuttonlist > span,
.radiobuttonlist > div, .checkboxlist > span,
.checkboxlist > div {
  display: block;
  padding: 0;
  position: relative;
}

.radiobuttonlist > span:before, .radiobuttonlist > span:after,
.radiobuttonlist > div:before,
.radiobuttonlist > div:after, .checkboxlist > span:before, .checkboxlist > span:after,
.checkboxlist > div:before,
.checkboxlist > div:after {
  content: " ";
  display: table;
}

.radiobuttonlist > span:after,
.radiobuttonlist > div:after, .checkboxlist > span:after,
.checkboxlist > div:after {
  clear: both;
}

.radiobuttonlist span span,
.radiobuttonlist div div, .checkboxlist span span,
.checkboxlist div div {
  display: block;
}

.radiobuttonlist--inline, .checkboxlist--inline {
  padding: .5rem 0;
}

.radiobuttonlist--inline span span,
.radiobuttonlist--inline div div, .checkboxlist--inline span span,
.checkboxlist--inline div div {
  display: inline-block;
  margin-right: 15px;
  position: relative;
}

.radiobuttonlist__dependency, .checkboxlist__dependency {
  padding-top: .25rem !important;
  padding-bottom: 1.5rem;
}

.radiobuttonlist__dependencyfield:last-child .checkboxlist__dependency, .checkboxlist__dependencyfield:last-child .checkboxlist__dependency {
  padding-bottom: 0;
}

.radiobuttonlist input[type="checkbox"] + label,
.radiobuttonlist input[type="radio"] + label, .checkboxlist input[type="checkbox"] + label,
.checkboxlist input[type="radio"] + label {
  line-height: 1.4;
}

select.custom {
  background: white url(../images/selectfield_elements.png) no-repeat center left;
  /* this is the new drop button, in image form */
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: 22px;
  margin: 0;
  outline: none;
  overflow: hidden;
  /* this hides the select's drop button */
  padding: 0 1.5em;
  /* padding should be added to the select, not the div */
  width: 115%;
  /* this percentage effectively extends the drop down button out of view */
  -webkit-appearance: none;
}

select.custom:hover {
  cursor: pointer;
}

input[type="file"],
input[type="checkbox"],
input[type="radio"] {
  margin: 0;
  padding: 0;
}

select, select option {
  outline: none;
}

label {
  margin-right: 13px;
}

.selectfield--fullwidth select,
.offerte-form form.offerte .selectfield--fullwidth select {
  width: 100%;
}

/* Bel me terug formulier */
.contact-form.offerte-form form.offerte input[type="text"], .contact-form.offerte-form form.offerte input[type="email"], .contact-form.offerte-form form.offerte select, .contact-form.offerte-form form.offerte textarea {
  height: auto;
  max-width: 280px;
  padding: 6px;
}

.input--inline {
  display: inline-block;
  margin-left: .5rem;
  margin-right: .5rem;
  max-width: 7.5rem;
}

.input--inline:first-of-type {
  margin-left: 0;
}

.input--inline--small {
  max-width: 3.5rem;
}

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

@media only screen and (max-width: 43em) {
  form .input--inline {
    max-width: 5rem;
  }
}

.page_home.transparent_header a {
  outline: 0;
}

.page_home.transparent_header .mdi {
  line-height: .5;
}

.page_home.transparent_header .top-bar .name h1 a {
  padding-right: 2px;
}

.page_home.transparent_header .textblock {
  padding-top: 0;
}

.page_home.transparent_header .slick-slide,
.page_home.transparent_header .textblock {
  background-position: center;
}

.page_home.transparent_header .pagefooter {
  height: 126px;
  margin-top: -126px;
}

.sticky-footer .pagefooter {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.slide-footer {
  background: #f6f5f1 !important;
}

.slide-footer:before {
  display: none !important;
}

.slide-footer .pagefooter {
  padding: 7rem 1rem 1rem 1rem;
  text-align: center;
}

.slide-footer .pagefooter .inline-list li {
  display: inline-block;
  float: none;
}

.slide-footer .pagefooter .top-footer {
  background: none;
}

.slide-footer .pagefooter .top-footer .inline-list li {
  margin: 5px 0 0;
}

.slide-footer .pagefooter .bottom-footer {
  padding: 1rem;
}

.slide-footer .pagefooter .bottom-footer .inline-list:first-child {
  border-top: 1px solid rgba(95, 96, 98, 0.2);
  padding-top: 2rem;
}

.slide-footer .pagefooter .inline-list,
.slide-footer .pagefooter .socialmedia {
  float: none;
  clear: both;
}

.openingstijden-mobile table, .openingstijden-mobile strong {
  padding-left: 0;
}

.openingstijden-mobile table tr, .openingstijden-mobile strong tr {
  padding: 10px;
}

.no-js .page_home .section.textblock:first-child {
  padding-top: 60px;
}

@media only screen and (min-width: 43.0625em) {
  .openingstijden-mobile {
    display: none !important;
  }
  .page_home .row.section.section--mobile {
    display: none;
  }
}

@media only screen and (max-width: 43em) {
  .page_home.transparent_header main {
    float: left;
  }
  .page_home.transparent_header .prevblock {
    display: none;
  }
  .page_home.transparent_header .panel {
    margin-bottom: 0;
  }
  .page_home.transparent_header .panel.contact .contact-data {
    padding: 15px 0;
  }
  .page_home.transparent_header .slick-dots {
    display: none;
  }
  .page_home.transparent_header .slick-slide.hastext .table {
    background: rgba(255, 255, 255, 0.8);
  }
  .page_home.transparent_header .row.section:before {
    content: ' ';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
  }
  .page_home .contact-data__general-info {
    display: none !important;
  }
  .page_home .contact-data__general-info + br {
    display: none;
  }
  .page_home .contact-data:last-of-type .contact-data__general-info {
    display: inline-block !important;
  }
  .page_home .contact-data:last-of-type .contact-data__general-info:nth-last-of-type(2) {
    margin-top: 1rem;
  }
}

.ios8-9 .row.section .nextblock {
  bottom: 80px;
}

.ios7minus .row.section:first-child .nextblock,
.ios10plus .row.section:first-child .nextblock {
  bottom: 0;
}

.ios7minus .row.section .nextblock,
.ios10plus .row.section .nextblock {
  bottom: 40px;
}

/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../dist/mdi/fonts/materialdesignicons-webfont.eot?v=2.1.19");
  src: url("../dist/mdi/fonts/materialdesignicons-webfont.eot?#iefix&v=2.1.19") format("embedded-opentype"), url("../dist/mdi/fonts/materialdesignicons-webfont.woff2?v=2.1.19") format("woff2"), url("../dist/mdi/fonts/materialdesignicons-webfont.woff?v=2.1.19") format("woff"), url("../dist/mdi/fonts/materialdesignicons-webfont.ttf?v=2.1.19") format("truetype"), url("../dist/mdi/fonts/materialdesignicons-webfont.svg?v=2.1.19#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-access-point:before {
  content: "\F002";
}

.mdi-access-point-network:before {
  content: "\F003";
}

.mdi-account:before {
  content: "\F004";
}

.mdi-account-alert:before {
  content: "\F005";
}

.mdi-account-box:before {
  content: "\F006";
}

.mdi-account-box-outline:before {
  content: "\F007";
}

.mdi-account-card-details:before {
  content: "\F5D2";
}

.mdi-account-check:before {
  content: "\F008";
}

.mdi-account-circle:before {
  content: "\F009";
}

.mdi-account-convert:before {
  content: "\F00A";
}

.mdi-account-edit:before {
  content: "\F6BB";
}

.mdi-account-key:before {
  content: "\F00B";
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-account-minus:before {
  content: "\F00D";
}

.mdi-account-multiple:before {
  content: "\F00E";
}

.mdi-account-multiple-minus:before {
  content: "\F5D3";
}

.mdi-account-multiple-outline:before {
  content: "\F00F";
}

.mdi-account-multiple-plus:before {
  content: "\F010";
}

.mdi-account-multiple-plus-outline:before {
  content: "\F7FF";
}

.mdi-account-network:before {
  content: "\F011";
}

.mdi-account-off:before {
  content: "\F012";
}

.mdi-account-outline:before {
  content: "\F013";
}

.mdi-account-plus:before {
  content: "\F014";
}

.mdi-account-plus-outline:before {
  content: "\F800";
}

.mdi-account-remove:before {
  content: "\F015";
}

.mdi-account-search:before {
  content: "\F016";
}

.mdi-account-settings:before {
  content: "\F630";
}

.mdi-account-settings-variant:before {
  content: "\F631";
}

.mdi-account-star:before {
  content: "\F017";
}

.mdi-account-switch:before {
  content: "\F019";
}

.mdi-adjust:before {
  content: "\F01A";
}

.mdi-air-conditioner:before {
  content: "\F01B";
}

.mdi-airballoon:before {
  content: "\F01C";
}

.mdi-airplane:before {
  content: "\F01D";
}

.mdi-airplane-landing:before {
  content: "\F5D4";
}

.mdi-airplane-off:before {
  content: "\F01E";
}

.mdi-airplane-takeoff:before {
  content: "\F5D5";
}

.mdi-airplay:before {
  content: "\F01F";
}

.mdi-alarm:before {
  content: "\F020";
}

.mdi-alarm-bell:before {
  content: "\F78D";
}

.mdi-alarm-check:before {
  content: "\F021";
}

.mdi-alarm-light:before {
  content: "\F78E";
}

.mdi-alarm-multiple:before {
  content: "\F022";
}

.mdi-alarm-off:before {
  content: "\F023";
}

.mdi-alarm-plus:before {
  content: "\F024";
}

.mdi-alarm-snooze:before {
  content: "\F68D";
}

.mdi-album:before {
  content: "\F025";
}

.mdi-alert:before {
  content: "\F026";
}

.mdi-alert-box:before {
  content: "\F027";
}

.mdi-alert-circle:before {
  content: "\F028";
}

.mdi-alert-circle-outline:before {
  content: "\F5D6";
}

.mdi-alert-decagram:before {
  content: "\F6BC";
}

.mdi-alert-octagon:before {
  content: "\F029";
}

.mdi-alert-octagram:before {
  content: "\F766";
}

.mdi-alert-outline:before {
  content: "\F02A";
}

.mdi-all-inclusive:before {
  content: "\F6BD";
}

.mdi-allo:before {
  content: "\F801";
}

.mdi-alpha:before {
  content: "\F02B";
}

.mdi-alphabetical:before {
  content: "\F02C";
}

.mdi-altimeter:before {
  content: "\F5D7";
}

.mdi-amazon:before {
  content: "\F02D";
}

.mdi-amazon-clouddrive:before {
  content: "\F02E";
}

.mdi-ambulance:before {
  content: "\F02F";
}

.mdi-amplifier:before {
  content: "\F030";
}

.mdi-anchor:before {
  content: "\F031";
}

.mdi-android:before {
  content: "\F032";
}

.mdi-android-debug-bridge:before {
  content: "\F033";
}

.mdi-android-head:before {
  content: "\F78F";
}

.mdi-android-studio:before {
  content: "\F034";
}

.mdi-angular:before {
  content: "\F6B1";
}

.mdi-angularjs:before {
  content: "\F6BE";
}

.mdi-animation:before {
  content: "\F5D8";
}

.mdi-apple:before {
  content: "\F035";
}

.mdi-apple-finder:before {
  content: "\F036";
}

.mdi-apple-ios:before {
  content: "\F037";
}

.mdi-apple-keyboard-caps:before {
  content: "\F632";
}

.mdi-apple-keyboard-command:before {
  content: "\F633";
}

.mdi-apple-keyboard-control:before {
  content: "\F634";
}

.mdi-apple-keyboard-option:before {
  content: "\F635";
}

.mdi-apple-keyboard-shift:before {
  content: "\F636";
}

.mdi-apple-mobileme:before {
  content: "\F038";
}

.mdi-apple-safari:before {
  content: "\F039";
}

.mdi-application:before {
  content: "\F614";
}

.mdi-approval:before {
  content: "\F790";
}

.mdi-apps:before {
  content: "\F03B";
}

.mdi-archive:before {
  content: "\F03C";
}

.mdi-arrange-bring-forward:before {
  content: "\F03D";
}

.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}

.mdi-arrange-send-backward:before {
  content: "\F03F";
}

.mdi-arrange-send-to-back:before {
  content: "\F040";
}

.mdi-arrow-all:before {
  content: "\F041";
}

.mdi-arrow-bottom-left:before {
  content: "\F042";
}

.mdi-arrow-bottom-right:before {
  content: "\F043";
}

.mdi-arrow-collapse:before {
  content: "\F615";
}

.mdi-arrow-collapse-all:before {
  content: "\F044";
}

.mdi-arrow-collapse-down:before {
  content: "\F791";
}

.mdi-arrow-collapse-left:before {
  content: "\F792";
}

.mdi-arrow-collapse-right:before {
  content: "\F793";
}

.mdi-arrow-collapse-up:before {
  content: "\F794";
}

.mdi-arrow-down:before {
  content: "\F045";
}

.mdi-arrow-down-bold:before {
  content: "\F72D";
}

.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

.mdi-arrow-down-box:before {
  content: "\F6BF";
}

.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

.mdi-arrow-down-thick:before {
  content: "\F046";
}

.mdi-arrow-expand:before {
  content: "\F616";
}

.mdi-arrow-expand-all:before {
  content: "\F04C";
}

.mdi-arrow-expand-down:before {
  content: "\F795";
}

.mdi-arrow-expand-left:before {
  content: "\F796";
}

.mdi-arrow-expand-right:before {
  content: "\F797";
}

.mdi-arrow-expand-up:before {
  content: "\F798";
}

.mdi-arrow-left:before {
  content: "\F04D";
}

.mdi-arrow-left-bold:before {
  content: "\F730";
}

.mdi-arrow-left-bold-box:before {
  content: "\F731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

.mdi-arrow-left-box:before {
  content: "\F6C0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

.mdi-arrow-left-thick:before {
  content: "\F04E";
}

.mdi-arrow-right:before {
  content: "\F054";
}

.mdi-arrow-right-bold:before {
  content: "\F733";
}

.mdi-arrow-right-bold-box:before {
  content: "\F734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

.mdi-arrow-right-box:before {
  content: "\F6C1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

.mdi-arrow-right-thick:before {
  content: "\F055";
}

.mdi-arrow-top-left:before {
  content: "\F05B";
}

.mdi-arrow-top-right:before {
  content: "\F05C";
}

.mdi-arrow-up:before {
  content: "\F05D";
}

.mdi-arrow-up-bold:before {
  content: "\F736";
}

.mdi-arrow-up-bold-box:before {
  content: "\F737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

.mdi-arrow-up-box:before {
  content: "\F6C2";
}

.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

.mdi-arrow-up-thick:before {
  content: "\F05E";
}

.mdi-artist:before {
  content: "\F802";
}

.mdi-assistant:before {
  content: "\F064";
}

.mdi-asterisk:before {
  content: "\F6C3";
}

.mdi-at:before {
  content: "\F065";
}

.mdi-atlassian:before {
  content: "\F803";
}

.mdi-atom:before {
  content: "\F767";
}

.mdi-attachment:before {
  content: "\F066";
}

.mdi-audiobook:before {
  content: "\F067";
}

.mdi-auto-fix:before {
  content: "\F068";
}

.mdi-auto-upload:before {
  content: "\F069";
}

.mdi-autorenew:before {
  content: "\F06A";
}

.mdi-av-timer:before {
  content: "\F06B";
}

.mdi-azure:before {
  content: "\F804";
}

.mdi-baby:before {
  content: "\F06C";
}

.mdi-baby-buggy:before {
  content: "\F68E";
}

.mdi-backburger:before {
  content: "\F06D";
}

.mdi-backspace:before {
  content: "\F06E";
}

.mdi-backup-restore:before {
  content: "\F06F";
}

.mdi-bandcamp:before {
  content: "\F674";
}

.mdi-bank:before {
  content: "\F070";
}

.mdi-barcode:before {
  content: "\F071";
}

.mdi-barcode-scan:before {
  content: "\F072";
}

.mdi-barley:before {
  content: "\F073";
}

.mdi-barrel:before {
  content: "\F074";
}

.mdi-basecamp:before {
  content: "\F075";
}

.mdi-basket:before {
  content: "\F076";
}

.mdi-basket-fill:before {
  content: "\F077";
}

.mdi-basket-unfill:before {
  content: "\F078";
}

.mdi-basketball:before {
  content: "\F805";
}

.mdi-battery:before {
  content: "\F079";
}

.mdi-battery-10:before {
  content: "\F07A";
}

.mdi-battery-20:before {
  content: "\F07B";
}

.mdi-battery-30:before {
  content: "\F07C";
}

.mdi-battery-40:before {
  content: "\F07D";
}

.mdi-battery-50:before {
  content: "\F07E";
}

.mdi-battery-60:before {
  content: "\F07F";
}

.mdi-battery-70:before {
  content: "\F080";
}

.mdi-battery-80:before {
  content: "\F081";
}

.mdi-battery-90:before {
  content: "\F082";
}

.mdi-battery-alert:before {
  content: "\F083";
}

.mdi-battery-charging:before {
  content: "\F084";
}

.mdi-battery-charging-100:before {
  content: "\F085";
}

.mdi-battery-charging-20:before {
  content: "\F086";
}

.mdi-battery-charging-30:before {
  content: "\F087";
}

.mdi-battery-charging-40:before {
  content: "\F088";
}

.mdi-battery-charging-60:before {
  content: "\F089";
}

.mdi-battery-charging-80:before {
  content: "\F08A";
}

.mdi-battery-charging-90:before {
  content: "\F08B";
}

.mdi-battery-charging-wireless:before {
  content: "\F806";
}

.mdi-battery-charging-wireless-10:before {
  content: "\F807";
}

.mdi-battery-charging-wireless-20:before {
  content: "\F808";
}

.mdi-battery-charging-wireless-30:before {
  content: "\F809";
}

.mdi-battery-charging-wireless-40:before {
  content: "\F80A";
}

.mdi-battery-charging-wireless-50:before {
  content: "\F80B";
}

.mdi-battery-charging-wireless-60:before {
  content: "\F80C";
}

.mdi-battery-charging-wireless-70:before {
  content: "\F80D";
}

.mdi-battery-charging-wireless-80:before {
  content: "\F80E";
}

.mdi-battery-charging-wireless-90:before {
  content: "\F80F";
}

.mdi-battery-charging-wireless-alert:before {
  content: "\F810";
}

.mdi-battery-charging-wireless-outline:before {
  content: "\F811";
}

.mdi-battery-minus:before {
  content: "\F08C";
}

.mdi-battery-negative:before {
  content: "\F08D";
}

.mdi-battery-outline:before {
  content: "\F08E";
}

.mdi-battery-plus:before {
  content: "\F08F";
}

.mdi-battery-positive:before {
  content: "\F090";
}

.mdi-battery-unknown:before {
  content: "\F091";
}

.mdi-beach:before {
  content: "\F092";
}

.mdi-beaker:before {
  content: "\F68F";
}

.mdi-beats:before {
  content: "\F097";
}

.mdi-beer:before {
  content: "\F098";
}

.mdi-behance:before {
  content: "\F099";
}

.mdi-bell:before {
  content: "\F09A";
}

.mdi-bell-off:before {
  content: "\F09B";
}

.mdi-bell-outline:before {
  content: "\F09C";
}

.mdi-bell-plus:before {
  content: "\F09D";
}

.mdi-bell-ring:before {
  content: "\F09E";
}

.mdi-bell-ring-outline:before {
  content: "\F09F";
}

.mdi-bell-sleep:before {
  content: "\F0A0";
}

.mdi-beta:before {
  content: "\F0A1";
}

.mdi-bible:before {
  content: "\F0A2";
}

.mdi-bike:before {
  content: "\F0A3";
}

.mdi-bing:before {
  content: "\F0A4";
}

.mdi-binoculars:before {
  content: "\F0A5";
}

.mdi-bio:before {
  content: "\F0A6";
}

.mdi-biohazard:before {
  content: "\F0A7";
}

.mdi-bitbucket:before {
  content: "\F0A8";
}

.mdi-bitcoin:before {
  content: "\F812";
}

.mdi-black-mesa:before {
  content: "\F0A9";
}

.mdi-blackberry:before {
  content: "\F0AA";
}

.mdi-blender:before {
  content: "\F0AB";
}

.mdi-blinds:before {
  content: "\F0AC";
}

.mdi-block-helper:before {
  content: "\F0AD";
}

.mdi-blogger:before {
  content: "\F0AE";
}

.mdi-bluetooth:before {
  content: "\F0AF";
}

.mdi-bluetooth-audio:before {
  content: "\F0B0";
}

.mdi-bluetooth-connect:before {
  content: "\F0B1";
}

.mdi-bluetooth-off:before {
  content: "\F0B2";
}

.mdi-bluetooth-settings:before {
  content: "\F0B3";
}

.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}

.mdi-blur:before {
  content: "\F0B5";
}

.mdi-blur-linear:before {
  content: "\F0B6";
}

.mdi-blur-off:before {
  content: "\F0B7";
}

.mdi-blur-radial:before {
  content: "\F0B8";
}

.mdi-bomb:before {
  content: "\F690";
}

.mdi-bomb-off:before {
  content: "\F6C4";
}

.mdi-bone:before {
  content: "\F0B9";
}

.mdi-book:before {
  content: "\F0BA";
}

.mdi-book-minus:before {
  content: "\F5D9";
}

.mdi-book-multiple:before {
  content: "\F0BB";
}

.mdi-book-multiple-variant:before {
  content: "\F0BC";
}

.mdi-book-open:before {
  content: "\F0BD";
}

.mdi-book-open-page-variant:before {
  content: "\F5DA";
}

.mdi-book-open-variant:before {
  content: "\F0BE";
}

.mdi-book-plus:before {
  content: "\F5DB";
}

.mdi-book-secure:before {
  content: "\F799";
}

.mdi-book-unsecure:before {
  content: "\F79A";
}

.mdi-book-variant:before {
  content: "\F0BF";
}

.mdi-bookmark:before {
  content: "\F0C0";
}

.mdi-bookmark-check:before {
  content: "\F0C1";
}

.mdi-bookmark-music:before {
  content: "\F0C2";
}

.mdi-bookmark-outline:before {
  content: "\F0C3";
}

.mdi-bookmark-plus:before {
  content: "\F0C5";
}

.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}

.mdi-bookmark-remove:before {
  content: "\F0C6";
}

.mdi-boombox:before {
  content: "\F5DC";
}

.mdi-bootstrap:before {
  content: "\F6C5";
}

.mdi-border-all:before {
  content: "\F0C7";
}

.mdi-border-bottom:before {
  content: "\F0C8";
}

.mdi-border-color:before {
  content: "\F0C9";
}

.mdi-border-horizontal:before {
  content: "\F0CA";
}

.mdi-border-inside:before {
  content: "\F0CB";
}

.mdi-border-left:before {
  content: "\F0CC";
}

.mdi-border-none:before {
  content: "\F0CD";
}

.mdi-border-outside:before {
  content: "\F0CE";
}

.mdi-border-right:before {
  content: "\F0CF";
}

.mdi-border-style:before {
  content: "\F0D0";
}

.mdi-border-top:before {
  content: "\F0D1";
}

.mdi-border-vertical:before {
  content: "\F0D2";
}

.mdi-bow-tie:before {
  content: "\F677";
}

.mdi-bowl:before {
  content: "\F617";
}

.mdi-bowling:before {
  content: "\F0D3";
}

.mdi-box:before {
  content: "\F0D4";
}

.mdi-box-cutter:before {
  content: "\F0D5";
}

.mdi-box-shadow:before {
  content: "\F637";
}

.mdi-bridge:before {
  content: "\F618";
}

.mdi-briefcase:before {
  content: "\F0D6";
}

.mdi-briefcase-check:before {
  content: "\F0D7";
}

.mdi-briefcase-download:before {
  content: "\F0D8";
}

.mdi-briefcase-outline:before {
  content: "\F813";
}

.mdi-briefcase-upload:before {
  content: "\F0D9";
}

.mdi-brightness-1:before {
  content: "\F0DA";
}

.mdi-brightness-2:before {
  content: "\F0DB";
}

.mdi-brightness-3:before {
  content: "\F0DC";
}

.mdi-brightness-4:before {
  content: "\F0DD";
}

.mdi-brightness-5:before {
  content: "\F0DE";
}

.mdi-brightness-6:before {
  content: "\F0DF";
}

.mdi-brightness-7:before {
  content: "\F0E0";
}

.mdi-brightness-auto:before {
  content: "\F0E1";
}

.mdi-broom:before {
  content: "\F0E2";
}

.mdi-brush:before {
  content: "\F0E3";
}

.mdi-buffer:before {
  content: "\F619";
}

.mdi-bug:before {
  content: "\F0E4";
}

.mdi-bulletin-board:before {
  content: "\F0E5";
}

.mdi-bullhorn:before {
  content: "\F0E6";
}

.mdi-bullseye:before {
  content: "\F5DD";
}

.mdi-bus:before {
  content: "\F0E7";
}

.mdi-bus-articulated-end:before {
  content: "\F79B";
}

.mdi-bus-articulated-front:before {
  content: "\F79C";
}

.mdi-bus-double-decker:before {
  content: "\F79D";
}

.mdi-bus-school:before {
  content: "\F79E";
}

.mdi-bus-side:before {
  content: "\F79F";
}

.mdi-cached:before {
  content: "\F0E8";
}

.mdi-cake:before {
  content: "\F0E9";
}

.mdi-cake-layered:before {
  content: "\F0EA";
}

.mdi-cake-variant:before {
  content: "\F0EB";
}

.mdi-calculator:before {
  content: "\F0EC";
}

.mdi-calendar:before {
  content: "\F0ED";
}

.mdi-calendar-blank:before {
  content: "\F0EE";
}

.mdi-calendar-check:before {
  content: "\F0EF";
}

.mdi-calendar-clock:before {
  content: "\F0F0";
}

.mdi-calendar-multiple:before {
  content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}

.mdi-calendar-plus:before {
  content: "\F0F3";
}

.mdi-calendar-question:before {
  content: "\F691";
}

.mdi-calendar-range:before {
  content: "\F678";
}

.mdi-calendar-remove:before {
  content: "\F0F4";
}

.mdi-calendar-text:before {
  content: "\F0F5";
}

.mdi-calendar-today:before {
  content: "\F0F6";
}

.mdi-call-made:before {
  content: "\F0F7";
}

.mdi-call-merge:before {
  content: "\F0F8";
}

.mdi-call-missed:before {
  content: "\F0F9";
}

.mdi-call-received:before {
  content: "\F0FA";
}

.mdi-call-split:before {
  content: "\F0FB";
}

.mdi-camcorder:before {
  content: "\F0FC";
}

.mdi-camcorder-box:before {
  content: "\F0FD";
}

.mdi-camcorder-box-off:before {
  content: "\F0FE";
}

.mdi-camcorder-off:before {
  content: "\F0FF";
}

.mdi-camera:before {
  content: "\F100";
}

.mdi-camera-burst:before {
  content: "\F692";
}

.mdi-camera-enhance:before {
  content: "\F101";
}

.mdi-camera-front:before {
  content: "\F102";
}

.mdi-camera-front-variant:before {
  content: "\F103";
}

.mdi-camera-gopro:before {
  content: "\F7A0";
}

.mdi-camera-iris:before {
  content: "\F104";
}

.mdi-camera-metering-center:before {
  content: "\F7A1";
}

.mdi-camera-metering-matrix:before {
  content: "\F7A2";
}

.mdi-camera-metering-partial:before {
  content: "\F7A3";
}

.mdi-camera-metering-spot:before {
  content: "\F7A4";
}

.mdi-camera-off:before {
  content: "\F5DF";
}

.mdi-camera-party-mode:before {
  content: "\F105";
}

.mdi-camera-rear:before {
  content: "\F106";
}

.mdi-camera-rear-variant:before {
  content: "\F107";
}

.mdi-camera-switch:before {
  content: "\F108";
}

.mdi-camera-timer:before {
  content: "\F109";
}

.mdi-cancel:before {
  content: "\F739";
}

.mdi-candle:before {
  content: "\F5E2";
}

.mdi-candycane:before {
  content: "\F10A";
}

.mdi-cannabis:before {
  content: "\F7A5";
}

.mdi-car:before {
  content: "\F10B";
}

.mdi-car-battery:before {
  content: "\F10C";
}

.mdi-car-connected:before {
  content: "\F10D";
}

.mdi-car-convertible:before {
  content: "\F7A6";
}

.mdi-car-estate:before {
  content: "\F7A7";
}

.mdi-car-hatchback:before {
  content: "\F7A8";
}

.mdi-car-pickup:before {
  content: "\F7A9";
}

.mdi-car-side:before {
  content: "\F7AA";
}

.mdi-car-sports:before {
  content: "\F7AB";
}

.mdi-car-wash:before {
  content: "\F10E";
}

.mdi-caravan:before {
  content: "\F7AC";
}

.mdi-cards:before {
  content: "\F638";
}

.mdi-cards-outline:before {
  content: "\F639";
}

.mdi-cards-playing-outline:before {
  content: "\F63A";
}

.mdi-cards-variant:before {
  content: "\F6C6";
}

.mdi-carrot:before {
  content: "\F10F";
}

.mdi-cart:before {
  content: "\F110";
}

.mdi-cart-off:before {
  content: "\F66B";
}

.mdi-cart-outline:before {
  content: "\F111";
}

.mdi-cart-plus:before {
  content: "\F112";
}

.mdi-case-sensitive-alt:before {
  content: "\F113";
}

.mdi-cash:before {
  content: "\F114";
}

.mdi-cash-100:before {
  content: "\F115";
}

.mdi-cash-multiple:before {
  content: "\F116";
}

.mdi-cash-usd:before {
  content: "\F117";
}

.mdi-cast:before {
  content: "\F118";
}

.mdi-cast-connected:before {
  content: "\F119";
}

.mdi-cast-off:before {
  content: "\F789";
}

.mdi-castle:before {
  content: "\F11A";
}

.mdi-cat:before {
  content: "\F11B";
}

.mdi-cctv:before {
  content: "\F7AD";
}

.mdi-ceiling-light:before {
  content: "\F768";
}

.mdi-cellphone:before {
  content: "\F11C";
}

.mdi-cellphone-android:before {
  content: "\F11D";
}

.mdi-cellphone-basic:before {
  content: "\F11E";
}

.mdi-cellphone-dock:before {
  content: "\F11F";
}

.mdi-cellphone-iphone:before {
  content: "\F120";
}

.mdi-cellphone-link:before {
  content: "\F121";
}

.mdi-cellphone-link-off:before {
  content: "\F122";
}

.mdi-cellphone-settings:before {
  content: "\F123";
}

.mdi-cellphone-wireless:before {
  content: "\F814";
}

.mdi-certificate:before {
  content: "\F124";
}

.mdi-chair-school:before {
  content: "\F125";
}

.mdi-chart-arc:before {
  content: "\F126";
}

.mdi-chart-areaspline:before {
  content: "\F127";
}

.mdi-chart-bar:before {
  content: "\F128";
}

.mdi-chart-bar-stacked:before {
  content: "\F769";
}

.mdi-chart-bubble:before {
  content: "\F5E3";
}

.mdi-chart-donut:before {
  content: "\F7AE";
}

.mdi-chart-donut-variant:before {
  content: "\F7AF";
}

.mdi-chart-gantt:before {
  content: "\F66C";
}

.mdi-chart-histogram:before {
  content: "\F129";
}

.mdi-chart-line:before {
  content: "\F12A";
}

.mdi-chart-line-stacked:before {
  content: "\F76A";
}

.mdi-chart-line-variant:before {
  content: "\F7B0";
}

.mdi-chart-pie:before {
  content: "\F12B";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

.mdi-chart-timeline:before {
  content: "\F66E";
}

.mdi-check:before {
  content: "\F12C";
}

.mdi-check-all:before {
  content: "\F12D";
}

.mdi-check-circle:before {
  content: "\F5E0";
}

.mdi-check-circle-outline:before {
  content: "\F5E1";
}

.mdi-checkbox-blank:before {
  content: "\F12E";
}

.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

.mdi-checkbox-blank-outline:before {
  content: "\F131";
}

.mdi-checkbox-marked:before {
  content: "\F132";
}

.mdi-checkbox-marked-circle:before {
  content: "\F133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

.mdi-checkbox-marked-outline:before {
  content: "\F135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

.mdi-checkerboard:before {
  content: "\F13A";
}

.mdi-chemical-weapon:before {
  content: "\F13B";
}

.mdi-chevron-double-down:before {
  content: "\F13C";
}

.mdi-chevron-double-left:before {
  content: "\F13D";
}

.mdi-chevron-double-right:before {
  content: "\F13E";
}

.mdi-chevron-double-up:before {
  content: "\F13F";
}

.mdi-chevron-down:before {
  content: "\F140";
}

.mdi-chevron-left:before {
  content: "\F141";
}

.mdi-chevron-right:before {
  content: "\F142";
}

.mdi-chevron-up:before {
  content: "\F143";
}

.mdi-chili-hot:before {
  content: "\F7B1";
}

.mdi-chili-medium:before {
  content: "\F7B2";
}

.mdi-chili-mild:before {
  content: "\F7B3";
}

.mdi-chip:before {
  content: "\F61A";
}

.mdi-church:before {
  content: "\F144";
}

.mdi-circle:before {
  content: "\F764";
}

.mdi-circle-outline:before {
  content: "\F765";
}

.mdi-cisco-webex:before {
  content: "\F145";
}

.mdi-city:before {
  content: "\F146";
}

.mdi-clipboard:before {
  content: "\F147";
}

.mdi-clipboard-account:before {
  content: "\F148";
}

.mdi-clipboard-alert:before {
  content: "\F149";
}

.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}

.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}

.mdi-clipboard-check:before {
  content: "\F14C";
}

.mdi-clipboard-flow:before {
  content: "\F6C7";
}

.mdi-clipboard-outline:before {
  content: "\F14D";
}

.mdi-clipboard-plus:before {
  content: "\F750";
}

.mdi-clipboard-text:before {
  content: "\F14E";
}

.mdi-clippy:before {
  content: "\F14F";
}

.mdi-clock:before {
  content: "\F150";
}

.mdi-clock-alert:before {
  content: "\F5CE";
}

.mdi-clock-end:before {
  content: "\F151";
}

.mdi-clock-fast:before {
  content: "\F152";
}

.mdi-clock-in:before {
  content: "\F153";
}

.mdi-clock-out:before {
  content: "\F154";
}

.mdi-clock-start:before {
  content: "\F155";
}

.mdi-close:before {
  content: "\F156";
}

.mdi-close-box:before {
  content: "\F157";
}

.mdi-close-box-outline:before {
  content: "\F158";
}

.mdi-close-circle:before {
  content: "\F159";
}

.mdi-close-circle-outline:before {
  content: "\F15A";
}

.mdi-close-network:before {
  content: "\F15B";
}

.mdi-close-octagon:before {
  content: "\F15C";
}

.mdi-close-octagon-outline:before {
  content: "\F15D";
}

.mdi-close-outline:before {
  content: "\F6C8";
}

.mdi-closed-caption:before {
  content: "\F15E";
}

.mdi-cloud:before {
  content: "\F15F";
}

.mdi-cloud-braces:before {
  content: "\F7B4";
}

.mdi-cloud-check:before {
  content: "\F160";
}

.mdi-cloud-circle:before {
  content: "\F161";
}

.mdi-cloud-download:before {
  content: "\F162";
}

.mdi-cloud-off-outline:before {
  content: "\F164";
}

.mdi-cloud-outline:before {
  content: "\F163";
}

.mdi-cloud-print:before {
  content: "\F165";
}

.mdi-cloud-print-outline:before {
  content: "\F166";
}

.mdi-cloud-sync:before {
  content: "\F63F";
}

.mdi-cloud-tags:before {
  content: "\F7B5";
}

.mdi-cloud-upload:before {
  content: "\F167";
}

.mdi-clover:before {
  content: "\F815";
}

.mdi-code-array:before {
  content: "\F168";
}

.mdi-code-braces:before {
  content: "\F169";
}

.mdi-code-brackets:before {
  content: "\F16A";
}

.mdi-code-equal:before {
  content: "\F16B";
}

.mdi-code-greater-than:before {
  content: "\F16C";
}

.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}

.mdi-code-less-than:before {
  content: "\F16E";
}

.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}

.mdi-code-not-equal:before {
  content: "\F170";
}

.mdi-code-not-equal-variant:before {
  content: "\F171";
}

.mdi-code-parentheses:before {
  content: "\F172";
}

.mdi-code-string:before {
  content: "\F173";
}

.mdi-code-tags:before {
  content: "\F174";
}

.mdi-code-tags-check:before {
  content: "\F693";
}

.mdi-codepen:before {
  content: "\F175";
}

.mdi-coffee:before {
  content: "\F176";
}

.mdi-coffee-outline:before {
  content: "\F6C9";
}

.mdi-coffee-to-go:before {
  content: "\F177";
}

.mdi-coin:before {
  content: "\F178";
}

.mdi-coins:before {
  content: "\F694";
}

.mdi-collage:before {
  content: "\F640";
}

.mdi-color-helper:before {
  content: "\F179";
}

.mdi-comment:before {
  content: "\F17A";
}

.mdi-comment-account:before {
  content: "\F17B";
}

.mdi-comment-account-outline:before {
  content: "\F17C";
}

.mdi-comment-alert:before {
  content: "\F17D";
}

.mdi-comment-alert-outline:before {
  content: "\F17E";
}

.mdi-comment-check:before {
  content: "\F17F";
}

.mdi-comment-check-outline:before {
  content: "\F180";
}

.mdi-comment-multiple-outline:before {
  content: "\F181";
}

.mdi-comment-outline:before {
  content: "\F182";
}

.mdi-comment-plus-outline:before {
  content: "\F183";
}

.mdi-comment-processing:before {
  content: "\F184";
}

.mdi-comment-processing-outline:before {
  content: "\F185";
}

.mdi-comment-question:before {
  content: "\F816";
}

.mdi-comment-question-outline:before {
  content: "\F186";
}

.mdi-comment-remove:before {
  content: "\F5DE";
}

.mdi-comment-remove-outline:before {
  content: "\F187";
}

.mdi-comment-text:before {
  content: "\F188";
}

.mdi-comment-text-outline:before {
  content: "\F189";
}

.mdi-compare:before {
  content: "\F18A";
}

.mdi-compass:before {
  content: "\F18B";
}

.mdi-compass-outline:before {
  content: "\F18C";
}

.mdi-console:before {
  content: "\F18D";
}

.mdi-console-line:before {
  content: "\F7B6";
}

.mdi-contact-mail:before {
  content: "\F18E";
}

.mdi-contacts:before {
  content: "\F6CA";
}

.mdi-content-copy:before {
  content: "\F18F";
}

.mdi-content-cut:before {
  content: "\F190";
}

.mdi-content-duplicate:before {
  content: "\F191";
}

.mdi-content-paste:before {
  content: "\F192";
}

.mdi-content-save:before {
  content: "\F193";
}

.mdi-content-save-all:before {
  content: "\F194";
}

.mdi-content-save-outline:before {
  content: "\F817";
}

.mdi-content-save-settings:before {
  content: "\F61B";
}

.mdi-contrast:before {
  content: "\F195";
}

.mdi-contrast-box:before {
  content: "\F196";
}

.mdi-contrast-circle:before {
  content: "\F197";
}

.mdi-cookie:before {
  content: "\F198";
}

.mdi-copyright:before {
  content: "\F5E6";
}

.mdi-corn:before {
  content: "\F7B7";
}

.mdi-counter:before {
  content: "\F199";
}

.mdi-cow:before {
  content: "\F19A";
}

.mdi-creation:before {
  content: "\F1C9";
}

.mdi-credit-card:before {
  content: "\F19B";
}

.mdi-credit-card-multiple:before {
  content: "\F19C";
}

.mdi-credit-card-off:before {
  content: "\F5E4";
}

.mdi-credit-card-plus:before {
  content: "\F675";
}

.mdi-credit-card-scan:before {
  content: "\F19D";
}

.mdi-crop:before {
  content: "\F19E";
}

.mdi-crop-free:before {
  content: "\F19F";
}

.mdi-crop-landscape:before {
  content: "\F1A0";
}

.mdi-crop-portrait:before {
  content: "\F1A1";
}

.mdi-crop-rotate:before {
  content: "\F695";
}

.mdi-crop-square:before {
  content: "\F1A2";
}

.mdi-crosshairs:before {
  content: "\F1A3";
}

.mdi-crosshairs-gps:before {
  content: "\F1A4";
}

.mdi-crown:before {
  content: "\F1A5";
}

.mdi-cube:before {
  content: "\F1A6";
}

.mdi-cube-outline:before {
  content: "\F1A7";
}

.mdi-cube-send:before {
  content: "\F1A8";
}

.mdi-cube-unfolded:before {
  content: "\F1A9";
}

.mdi-cup:before {
  content: "\F1AA";
}

.mdi-cup-off:before {
  content: "\F5E5";
}

.mdi-cup-water:before {
  content: "\F1AB";
}

.mdi-currency-btc:before {
  content: "\F1AC";
}

.mdi-currency-chf:before {
  content: "\F7B8";
}

.mdi-currency-cny:before {
  content: "\F7B9";
}

.mdi-currency-eth:before {
  content: "\F7BA";
}

.mdi-currency-eur:before {
  content: "\F1AD";
}

.mdi-currency-gbp:before {
  content: "\F1AE";
}

.mdi-currency-inr:before {
  content: "\F1AF";
}

.mdi-currency-jpy:before {
  content: "\F7BB";
}

.mdi-currency-krw:before {
  content: "\F7BC";
}

.mdi-currency-ngn:before {
  content: "\F1B0";
}

.mdi-currency-rub:before {
  content: "\F1B1";
}

.mdi-currency-sign:before {
  content: "\F7BD";
}

.mdi-currency-try:before {
  content: "\F1B2";
}

.mdi-currency-twd:before {
  content: "\F7BE";
}

.mdi-currency-usd:before {
  content: "\F1B3";
}

.mdi-currency-usd-off:before {
  content: "\F679";
}

.mdi-cursor-default:before {
  content: "\F1B4";
}

.mdi-cursor-default-outline:before {
  content: "\F1B5";
}

.mdi-cursor-move:before {
  content: "\F1B6";
}

.mdi-cursor-pointer:before {
  content: "\F1B7";
}

.mdi-cursor-text:before {
  content: "\F5E7";
}

.mdi-database:before {
  content: "\F1B8";
}

.mdi-database-minus:before {
  content: "\F1B9";
}

.mdi-database-plus:before {
  content: "\F1BA";
}

.mdi-debug-step-into:before {
  content: "\F1BB";
}

.mdi-debug-step-out:before {
  content: "\F1BC";
}

.mdi-debug-step-over:before {
  content: "\F1BD";
}

.mdi-decagram:before {
  content: "\F76B";
}

.mdi-decagram-outline:before {
  content: "\F76C";
}

.mdi-decimal-decrease:before {
  content: "\F1BE";
}

.mdi-decimal-increase:before {
  content: "\F1BF";
}

.mdi-delete:before {
  content: "\F1C0";
}

.mdi-delete-circle:before {
  content: "\F682";
}

.mdi-delete-empty:before {
  content: "\F6CB";
}

.mdi-delete-forever:before {
  content: "\F5E8";
}

.mdi-delete-restore:before {
  content: "\F818";
}

.mdi-delete-sweep:before {
  content: "\F5E9";
}

.mdi-delete-variant:before {
  content: "\F1C1";
}

.mdi-delta:before {
  content: "\F1C2";
}

.mdi-deskphone:before {
  content: "\F1C3";
}

.mdi-desktop-classic:before {
  content: "\F7BF";
}

.mdi-desktop-mac:before {
  content: "\F1C4";
}

.mdi-desktop-tower:before {
  content: "\F1C5";
}

.mdi-details:before {
  content: "\F1C6";
}

.mdi-developer-board:before {
  content: "\F696";
}

.mdi-deviantart:before {
  content: "\F1C7";
}

.mdi-dialpad:before {
  content: "\F61C";
}

.mdi-diamond:before {
  content: "\F1C8";
}

.mdi-dice-1:before {
  content: "\F1CA";
}

.mdi-dice-2:before {
  content: "\F1CB";
}

.mdi-dice-3:before {
  content: "\F1CC";
}

.mdi-dice-4:before {
  content: "\F1CD";
}

.mdi-dice-5:before {
  content: "\F1CE";
}

.mdi-dice-6:before {
  content: "\F1CF";
}

.mdi-dice-d10:before {
  content: "\F76E";
}

.mdi-dice-d20:before {
  content: "\F5EA";
}

.mdi-dice-d4:before {
  content: "\F5EB";
}

.mdi-dice-d6:before {
  content: "\F5EC";
}

.mdi-dice-d8:before {
  content: "\F5ED";
}

.mdi-dice-multiple:before {
  content: "\F76D";
}

.mdi-dictionary:before {
  content: "\F61D";
}

.mdi-dip-switch:before {
  content: "\F7C0";
}

.mdi-directions:before {
  content: "\F1D0";
}

.mdi-directions-fork:before {
  content: "\F641";
}

.mdi-discord:before {
  content: "\F66F";
}

.mdi-disk:before {
  content: "\F5EE";
}

.mdi-disk-alert:before {
  content: "\F1D1";
}

.mdi-disqus:before {
  content: "\F1D2";
}

.mdi-disqus-outline:before {
  content: "\F1D3";
}

.mdi-division:before {
  content: "\F1D4";
}

.mdi-division-box:before {
  content: "\F1D5";
}

.mdi-dna:before {
  content: "\F683";
}

.mdi-dns:before {
  content: "\F1D6";
}

.mdi-do-not-disturb:before {
  content: "\F697";
}

.mdi-do-not-disturb-off:before {
  content: "\F698";
}

.mdi-dolby:before {
  content: "\F6B2";
}

.mdi-domain:before {
  content: "\F1D7";
}

.mdi-donkey:before {
  content: "\F7C1";
}

.mdi-door:before {
  content: "\F819";
}

.mdi-door-closed:before {
  content: "\F81A";
}

.mdi-door-open:before {
  content: "\F81B";
}

.mdi-dots-horizontal:before {
  content: "\F1D8";
}

.mdi-dots-horizontal-circle:before {
  content: "\F7C2";
}

.mdi-dots-vertical:before {
  content: "\F1D9";
}

.mdi-dots-vertical-circle:before {
  content: "\F7C3";
}

.mdi-douban:before {
  content: "\F699";
}

.mdi-download:before {
  content: "\F1DA";
}

.mdi-download-network:before {
  content: "\F6F3";
}

.mdi-drag:before {
  content: "\F1DB";
}

.mdi-drag-horizontal:before {
  content: "\F1DC";
}

.mdi-drag-vertical:before {
  content: "\F1DD";
}

.mdi-drawing:before {
  content: "\F1DE";
}

.mdi-drawing-box:before {
  content: "\F1DF";
}

.mdi-dribbble:before {
  content: "\F1E0";
}

.mdi-dribbble-box:before {
  content: "\F1E1";
}

.mdi-drone:before {
  content: "\F1E2";
}

.mdi-dropbox:before {
  content: "\F1E3";
}

.mdi-drupal:before {
  content: "\F1E4";
}

.mdi-duck:before {
  content: "\F1E5";
}

.mdi-dumbbell:before {
  content: "\F1E6";
}

.mdi-ear-hearing:before {
  content: "\F7C4";
}

.mdi-earth:before {
  content: "\F1E7";
}

.mdi-earth-box:before {
  content: "\F6CC";
}

.mdi-earth-box-off:before {
  content: "\F6CD";
}

.mdi-earth-off:before {
  content: "\F1E8";
}

.mdi-edge:before {
  content: "\F1E9";
}

.mdi-eject:before {
  content: "\F1EA";
}

.mdi-elephant:before {
  content: "\F7C5";
}

.mdi-elevation-decline:before {
  content: "\F1EB";
}

.mdi-elevation-rise:before {
  content: "\F1EC";
}

.mdi-elevator:before {
  content: "\F1ED";
}

.mdi-email:before {
  content: "\F1EE";
}

.mdi-email-alert:before {
  content: "\F6CE";
}

.mdi-email-open:before {
  content: "\F1EF";
}

.mdi-email-open-outline:before {
  content: "\F5EF";
}

.mdi-email-outline:before {
  content: "\F1F0";
}

.mdi-email-secure:before {
  content: "\F1F1";
}

.mdi-email-variant:before {
  content: "\F5F0";
}

.mdi-emby:before {
  content: "\F6B3";
}

.mdi-emoticon:before {
  content: "\F1F2";
}

.mdi-emoticon-cool:before {
  content: "\F1F3";
}

.mdi-emoticon-dead:before {
  content: "\F69A";
}

.mdi-emoticon-devil:before {
  content: "\F1F4";
}

.mdi-emoticon-excited:before {
  content: "\F69B";
}

.mdi-emoticon-happy:before {
  content: "\F1F5";
}

.mdi-emoticon-neutral:before {
  content: "\F1F6";
}

.mdi-emoticon-poop:before {
  content: "\F1F7";
}

.mdi-emoticon-sad:before {
  content: "\F1F8";
}

.mdi-emoticon-tongue:before {
  content: "\F1F9";
}

.mdi-engine:before {
  content: "\F1FA";
}

.mdi-engine-outline:before {
  content: "\F1FB";
}

.mdi-equal:before {
  content: "\F1FC";
}

.mdi-equal-box:before {
  content: "\F1FD";
}

.mdi-eraser:before {
  content: "\F1FE";
}

.mdi-eraser-variant:before {
  content: "\F642";
}

.mdi-escalator:before {
  content: "\F1FF";
}

.mdi-ethernet:before {
  content: "\F200";
}

.mdi-ethernet-cable:before {
  content: "\F201";
}

.mdi-ethernet-cable-off:before {
  content: "\F202";
}

.mdi-etsy:before {
  content: "\F203";
}

.mdi-ev-station:before {
  content: "\F5F1";
}

.mdi-eventbrite:before {
  content: "\F7C6";
}

.mdi-evernote:before {
  content: "\F204";
}

.mdi-exclamation:before {
  content: "\F205";
}

.mdi-exit-to-app:before {
  content: "\F206";
}

.mdi-export:before {
  content: "\F207";
}

.mdi-eye:before {
  content: "\F208";
}

.mdi-eye-off:before {
  content: "\F209";
}

.mdi-eye-off-outline:before {
  content: "\F6D0";
}

.mdi-eye-outline:before {
  content: "\F6CF";
}

.mdi-eyedropper:before {
  content: "\F20A";
}

.mdi-eyedropper-variant:before {
  content: "\F20B";
}

.mdi-face:before {
  content: "\F643";
}

.mdi-face-profile:before {
  content: "\F644";
}

.mdi-facebook:before {
  content: "\F20C";
}

.mdi-facebook-box:before {
  content: "\F20D";
}

.mdi-facebook-messenger:before {
  content: "\F20E";
}

.mdi-factory:before {
  content: "\F20F";
}

.mdi-fan:before {
  content: "\F210";
}

.mdi-fan-off:before {
  content: "\F81C";
}

.mdi-fast-forward:before {
  content: "\F211";
}

.mdi-fast-forward-outline:before {
  content: "\F6D1";
}

.mdi-fax:before {
  content: "\F212";
}

.mdi-feather:before {
  content: "\F6D2";
}

.mdi-ferry:before {
  content: "\F213";
}

.mdi-file:before {
  content: "\F214";
}

.mdi-file-account:before {
  content: "\F73A";
}

.mdi-file-chart:before {
  content: "\F215";
}

.mdi-file-check:before {
  content: "\F216";
}

.mdi-file-cloud:before {
  content: "\F217";
}

.mdi-file-delimited:before {
  content: "\F218";
}

.mdi-file-document:before {
  content: "\F219";
}

.mdi-file-document-box:before {
  content: "\F21A";
}

.mdi-file-excel:before {
  content: "\F21B";
}

.mdi-file-excel-box:before {
  content: "\F21C";
}

.mdi-file-export:before {
  content: "\F21D";
}

.mdi-file-find:before {
  content: "\F21E";
}

.mdi-file-hidden:before {
  content: "\F613";
}

.mdi-file-image:before {
  content: "\F21F";
}

.mdi-file-import:before {
  content: "\F220";
}

.mdi-file-lock:before {
  content: "\F221";
}

.mdi-file-multiple:before {
  content: "\F222";
}

.mdi-file-music:before {
  content: "\F223";
}

.mdi-file-outline:before {
  content: "\F224";
}

.mdi-file-pdf:before {
  content: "\F225";
}

.mdi-file-pdf-box:before {
  content: "\F226";
}

.mdi-file-percent:before {
  content: "\F81D";
}

.mdi-file-plus:before {
  content: "\F751";
}

.mdi-file-powerpoint:before {
  content: "\F227";
}

.mdi-file-powerpoint-box:before {
  content: "\F228";
}

.mdi-file-presentation-box:before {
  content: "\F229";
}

.mdi-file-restore:before {
  content: "\F670";
}

.mdi-file-send:before {
  content: "\F22A";
}

.mdi-file-tree:before {
  content: "\F645";
}

.mdi-file-video:before {
  content: "\F22B";
}

.mdi-file-word:before {
  content: "\F22C";
}

.mdi-file-word-box:before {
  content: "\F22D";
}

.mdi-file-xml:before {
  content: "\F22E";
}

.mdi-film:before {
  content: "\F22F";
}

.mdi-filmstrip:before {
  content: "\F230";
}

.mdi-filmstrip-off:before {
  content: "\F231";
}

.mdi-filter:before {
  content: "\F232";
}

.mdi-filter-outline:before {
  content: "\F233";
}

.mdi-filter-remove:before {
  content: "\F234";
}

.mdi-filter-remove-outline:before {
  content: "\F235";
}

.mdi-filter-variant:before {
  content: "\F236";
}

.mdi-finance:before {
  content: "\F81E";
}

.mdi-find-replace:before {
  content: "\F6D3";
}

.mdi-fingerprint:before {
  content: "\F237";
}

.mdi-fire:before {
  content: "\F238";
}

.mdi-firefox:before {
  content: "\F239";
}

.mdi-fish:before {
  content: "\F23A";
}

.mdi-flag:before {
  content: "\F23B";
}

.mdi-flag-checkered:before {
  content: "\F23C";
}

.mdi-flag-outline:before {
  content: "\F23D";
}

.mdi-flag-triangle:before {
  content: "\F23F";
}

.mdi-flag-variant:before {
  content: "\F240";
}

.mdi-flag-variant-outline:before {
  content: "\F23E";
}

.mdi-flash:before {
  content: "\F241";
}

.mdi-flash-auto:before {
  content: "\F242";
}

.mdi-flash-circle:before {
  content: "\F81F";
}

.mdi-flash-off:before {
  content: "\F243";
}

.mdi-flash-outline:before {
  content: "\F6D4";
}

.mdi-flash-red-eye:before {
  content: "\F67A";
}

.mdi-flashlight:before {
  content: "\F244";
}

.mdi-flashlight-off:before {
  content: "\F245";
}

.mdi-flask:before {
  content: "\F093";
}

.mdi-flask-empty:before {
  content: "\F094";
}

.mdi-flask-empty-outline:before {
  content: "\F095";
}

.mdi-flask-outline:before {
  content: "\F096";
}

.mdi-flattr:before {
  content: "\F246";
}

.mdi-flip-to-back:before {
  content: "\F247";
}

.mdi-flip-to-front:before {
  content: "\F248";
}

.mdi-floor-plan:before {
  content: "\F820";
}

.mdi-floppy:before {
  content: "\F249";
}

.mdi-flower:before {
  content: "\F24A";
}

.mdi-folder:before {
  content: "\F24B";
}

.mdi-folder-account:before {
  content: "\F24C";
}

.mdi-folder-download:before {
  content: "\F24D";
}

.mdi-folder-google-drive:before {
  content: "\F24E";
}

.mdi-folder-image:before {
  content: "\F24F";
}

.mdi-folder-lock:before {
  content: "\F250";
}

.mdi-folder-lock-open:before {
  content: "\F251";
}

.mdi-folder-move:before {
  content: "\F252";
}

.mdi-folder-multiple:before {
  content: "\F253";
}

.mdi-folder-multiple-image:before {
  content: "\F254";
}

.mdi-folder-multiple-outline:before {
  content: "\F255";
}

.mdi-folder-open:before {
  content: "\F76F";
}

.mdi-folder-outline:before {
  content: "\F256";
}

.mdi-folder-plus:before {
  content: "\F257";
}

.mdi-folder-remove:before {
  content: "\F258";
}

.mdi-folder-star:before {
  content: "\F69C";
}

.mdi-folder-upload:before {
  content: "\F259";
}

.mdi-font-awesome:before {
  content: "\F03A";
}

.mdi-food:before {
  content: "\F25A";
}

.mdi-food-apple:before {
  content: "\F25B";
}

.mdi-food-croissant:before {
  content: "\F7C7";
}

.mdi-food-fork-drink:before {
  content: "\F5F2";
}

.mdi-food-off:before {
  content: "\F5F3";
}

.mdi-food-variant:before {
  content: "\F25C";
}

.mdi-football:before {
  content: "\F25D";
}

.mdi-football-australian:before {
  content: "\F25E";
}

.mdi-football-helmet:before {
  content: "\F25F";
}

.mdi-forklift:before {
  content: "\F7C8";
}

.mdi-format-align-bottom:before {
  content: "\F752";
}

.mdi-format-align-center:before {
  content: "\F260";
}

.mdi-format-align-justify:before {
  content: "\F261";
}

.mdi-format-align-left:before {
  content: "\F262";
}

.mdi-format-align-middle:before {
  content: "\F753";
}

.mdi-format-align-right:before {
  content: "\F263";
}

.mdi-format-align-top:before {
  content: "\F754";
}

.mdi-format-annotation-plus:before {
  content: "\F646";
}

.mdi-format-bold:before {
  content: "\F264";
}

.mdi-format-clear:before {
  content: "\F265";
}

.mdi-format-color-fill:before {
  content: "\F266";
}

.mdi-format-color-text:before {
  content: "\F69D";
}

.mdi-format-float-center:before {
  content: "\F267";
}

.mdi-format-float-left:before {
  content: "\F268";
}

.mdi-format-float-none:before {
  content: "\F269";
}

.mdi-format-float-right:before {
  content: "\F26A";
}

.mdi-format-font:before {
  content: "\F6D5";
}

.mdi-format-header-1:before {
  content: "\F26B";
}

.mdi-format-header-2:before {
  content: "\F26C";
}

.mdi-format-header-3:before {
  content: "\F26D";
}

.mdi-format-header-4:before {
  content: "\F26E";
}

.mdi-format-header-5:before {
  content: "\F26F";
}

.mdi-format-header-6:before {
  content: "\F270";
}

.mdi-format-header-decrease:before {
  content: "\F271";
}

.mdi-format-header-equal:before {
  content: "\F272";
}

.mdi-format-header-increase:before {
  content: "\F273";
}

.mdi-format-header-pound:before {
  content: "\F274";
}

.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}

.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}

.mdi-format-horizontal-align-right:before {
  content: "\F620";
}

.mdi-format-indent-decrease:before {
  content: "\F275";
}

.mdi-format-indent-increase:before {
  content: "\F276";
}

.mdi-format-italic:before {
  content: "\F277";
}

.mdi-format-line-spacing:before {
  content: "\F278";
}

.mdi-format-line-style:before {
  content: "\F5C8";
}

.mdi-format-line-weight:before {
  content: "\F5C9";
}

.mdi-format-list-bulleted:before {
  content: "\F279";
}

.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}

.mdi-format-list-checks:before {
  content: "\F755";
}

.mdi-format-list-numbers:before {
  content: "\F27B";
}

.mdi-format-page-break:before {
  content: "\F6D6";
}

.mdi-format-paint:before {
  content: "\F27C";
}

.mdi-format-paragraph:before {
  content: "\F27D";
}

.mdi-format-pilcrow:before {
  content: "\F6D7";
}

.mdi-format-quote-close:before {
  content: "\F27E";
}

.mdi-format-quote-open:before {
  content: "\F756";
}

.mdi-format-rotate-90:before {
  content: "\F6A9";
}

.mdi-format-section:before {
  content: "\F69E";
}

.mdi-format-size:before {
  content: "\F27F";
}

.mdi-format-strikethrough:before {
  content: "\F280";
}

.mdi-format-strikethrough-variant:before {
  content: "\F281";
}

.mdi-format-subscript:before {
  content: "\F282";
}

.mdi-format-superscript:before {
  content: "\F283";
}

.mdi-format-text:before {
  content: "\F284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}

.mdi-format-title:before {
  content: "\F5F4";
}

.mdi-format-underline:before {
  content: "\F287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}

.mdi-format-vertical-align-center:before {
  content: "\F622";
}

.mdi-format-vertical-align-top:before {
  content: "\F623";
}

.mdi-format-wrap-inline:before {
  content: "\F288";
}

.mdi-format-wrap-square:before {
  content: "\F289";
}

.mdi-format-wrap-tight:before {
  content: "\F28A";
}

.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}

.mdi-forum:before {
  content: "\F28C";
}

.mdi-forum-outline:before {
  content: "\F821";
}

.mdi-forward:before {
  content: "\F28D";
}

.mdi-foursquare:before {
  content: "\F28E";
}

.mdi-fridge:before {
  content: "\F28F";
}

.mdi-fridge-filled:before {
  content: "\F290";
}

.mdi-fridge-filled-bottom:before {
  content: "\F291";
}

.mdi-fridge-filled-top:before {
  content: "\F292";
}

.mdi-fuel:before {
  content: "\F7C9";
}

.mdi-fullscreen:before {
  content: "\F293";
}

.mdi-fullscreen-exit:before {
  content: "\F294";
}

.mdi-function:before {
  content: "\F295";
}

.mdi-gamepad:before {
  content: "\F296";
}

.mdi-gamepad-variant:before {
  content: "\F297";
}

.mdi-garage:before {
  content: "\F6D8";
}

.mdi-garage-open:before {
  content: "\F6D9";
}

.mdi-gas-cylinder:before {
  content: "\F647";
}

.mdi-gas-station:before {
  content: "\F298";
}

.mdi-gate:before {
  content: "\F299";
}

.mdi-gauge:before {
  content: "\F29A";
}

.mdi-gavel:before {
  content: "\F29B";
}

.mdi-gender-female:before {
  content: "\F29C";
}

.mdi-gender-male:before {
  content: "\F29D";
}

.mdi-gender-male-female:before {
  content: "\F29E";
}

.mdi-gender-transgender:before {
  content: "\F29F";
}

.mdi-gesture:before {
  content: "\F7CA";
}

.mdi-gesture-double-tap:before {
  content: "\F73B";
}

.mdi-gesture-swipe-down:before {
  content: "\F73C";
}

.mdi-gesture-swipe-left:before {
  content: "\F73D";
}

.mdi-gesture-swipe-right:before {
  content: "\F73E";
}

.mdi-gesture-swipe-up:before {
  content: "\F73F";
}

.mdi-gesture-tap:before {
  content: "\F740";
}

.mdi-gesture-two-double-tap:before {
  content: "\F741";
}

.mdi-gesture-two-tap:before {
  content: "\F742";
}

.mdi-ghost:before {
  content: "\F2A0";
}

.mdi-gift:before {
  content: "\F2A1";
}

.mdi-git:before {
  content: "\F2A2";
}

.mdi-github-box:before {
  content: "\F2A3";
}

.mdi-github-circle:before {
  content: "\F2A4";
}

.mdi-github-face:before {
  content: "\F6DA";
}

.mdi-glass-flute:before {
  content: "\F2A5";
}

.mdi-glass-mug:before {
  content: "\F2A6";
}

.mdi-glass-stange:before {
  content: "\F2A7";
}

.mdi-glass-tulip:before {
  content: "\F2A8";
}

.mdi-glassdoor:before {
  content: "\F2A9";
}

.mdi-glasses:before {
  content: "\F2AA";
}

.mdi-gmail:before {
  content: "\F2AB";
}

.mdi-gnome:before {
  content: "\F2AC";
}

.mdi-golf:before {
  content: "\F822";
}

.mdi-gondola:before {
  content: "\F685";
}

.mdi-google:before {
  content: "\F2AD";
}

.mdi-google-analytics:before {
  content: "\F7CB";
}

.mdi-google-assistant:before {
  content: "\F7CC";
}

.mdi-google-cardboard:before {
  content: "\F2AE";
}

.mdi-google-chrome:before {
  content: "\F2AF";
}

.mdi-google-circles:before {
  content: "\F2B0";
}

.mdi-google-circles-communities:before {
  content: "\F2B1";
}

.mdi-google-circles-extended:before {
  content: "\F2B2";
}

.mdi-google-circles-group:before {
  content: "\F2B3";
}

.mdi-google-controller:before {
  content: "\F2B4";
}

.mdi-google-controller-off:before {
  content: "\F2B5";
}

.mdi-google-drive:before {
  content: "\F2B6";
}

.mdi-google-earth:before {
  content: "\F2B7";
}

.mdi-google-glass:before {
  content: "\F2B8";
}

.mdi-google-home:before {
  content: "\F823";
}

.mdi-google-keep:before {
  content: "\F6DB";
}

.mdi-google-maps:before {
  content: "\F5F5";
}

.mdi-google-nearby:before {
  content: "\F2B9";
}

.mdi-google-pages:before {
  content: "\F2BA";
}

.mdi-google-photos:before {
  content: "\F6DC";
}

.mdi-google-physical-web:before {
  content: "\F2BB";
}

.mdi-google-play:before {
  content: "\F2BC";
}

.mdi-google-plus:before {
  content: "\F2BD";
}

.mdi-google-plus-box:before {
  content: "\F2BE";
}

.mdi-google-translate:before {
  content: "\F2BF";
}

.mdi-google-wallet:before {
  content: "\F2C0";
}

.mdi-gradient:before {
  content: "\F69F";
}

.mdi-grease-pencil:before {
  content: "\F648";
}

.mdi-grid:before {
  content: "\F2C1";
}

.mdi-grid-large:before {
  content: "\F757";
}

.mdi-grid-off:before {
  content: "\F2C2";
}

.mdi-group:before {
  content: "\F2C3";
}

.mdi-guitar-acoustic:before {
  content: "\F770";
}

.mdi-guitar-electric:before {
  content: "\F2C4";
}

.mdi-guitar-pick:before {
  content: "\F2C5";
}

.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}

.mdi-guy-fawkes-mask:before {
  content: "\F824";
}

.mdi-hackernews:before {
  content: "\F624";
}

.mdi-hamburger:before {
  content: "\F684";
}

.mdi-hand-pointing-right:before {
  content: "\F2C7";
}

.mdi-hanger:before {
  content: "\F2C8";
}

.mdi-hangouts:before {
  content: "\F2C9";
}

.mdi-harddisk:before {
  content: "\F2CA";
}

.mdi-headphones:before {
  content: "\F2CB";
}

.mdi-headphones-box:before {
  content: "\F2CC";
}

.mdi-headphones-off:before {
  content: "\F7CD";
}

.mdi-headphones-settings:before {
  content: "\F2CD";
}

.mdi-headset:before {
  content: "\F2CE";
}

.mdi-headset-dock:before {
  content: "\F2CF";
}

.mdi-headset-off:before {
  content: "\F2D0";
}

.mdi-heart:before {
  content: "\F2D1";
}

.mdi-heart-box:before {
  content: "\F2D2";
}

.mdi-heart-box-outline:before {
  content: "\F2D3";
}

.mdi-heart-broken:before {
  content: "\F2D4";
}

.mdi-heart-half:before {
  content: "\F6DE";
}

.mdi-heart-half-full:before {
  content: "\F6DD";
}

.mdi-heart-half-outline:before {
  content: "\F6DF";
}

.mdi-heart-off:before {
  content: "\F758";
}

.mdi-heart-outline:before {
  content: "\F2D5";
}

.mdi-heart-pulse:before {
  content: "\F5F6";
}

.mdi-help:before {
  content: "\F2D6";
}

.mdi-help-box:before {
  content: "\F78A";
}

.mdi-help-circle:before {
  content: "\F2D7";
}

.mdi-help-circle-outline:before {
  content: "\F625";
}

.mdi-help-network:before {
  content: "\F6F4";
}

.mdi-hexagon:before {
  content: "\F2D8";
}

.mdi-hexagon-multiple:before {
  content: "\F6E0";
}

.mdi-hexagon-outline:before {
  content: "\F2D9";
}

.mdi-high-definition:before {
  content: "\F7CE";
}

.mdi-highway:before {
  content: "\F5F7";
}

.mdi-history:before {
  content: "\F2DA";
}

.mdi-hololens:before {
  content: "\F2DB";
}

.mdi-home:before {
  content: "\F2DC";
}

.mdi-home-account:before {
  content: "\F825";
}

.mdi-home-assistant:before {
  content: "\F7CF";
}

.mdi-home-automation:before {
  content: "\F7D0";
}

.mdi-home-circle:before {
  content: "\F7D1";
}

.mdi-home-heart:before {
  content: "\F826";
}

.mdi-home-map-marker:before {
  content: "\F5F8";
}

.mdi-home-modern:before {
  content: "\F2DD";
}

.mdi-home-outline:before {
  content: "\F6A0";
}

.mdi-home-variant:before {
  content: "\F2DE";
}

.mdi-hook:before {
  content: "\F6E1";
}

.mdi-hook-off:before {
  content: "\F6E2";
}

.mdi-hops:before {
  content: "\F2DF";
}

.mdi-hospital:before {
  content: "\F2E0";
}

.mdi-hospital-building:before {
  content: "\F2E1";
}

.mdi-hospital-marker:before {
  content: "\F2E2";
}

.mdi-hot-tub:before {
  content: "\F827";
}

.mdi-hotel:before {
  content: "\F2E3";
}

.mdi-houzz:before {
  content: "\F2E4";
}

.mdi-houzz-box:before {
  content: "\F2E5";
}

.mdi-hulu:before {
  content: "\F828";
}

.mdi-human:before {
  content: "\F2E6";
}

.mdi-human-child:before {
  content: "\F2E7";
}

.mdi-human-female:before {
  content: "\F649";
}

.mdi-human-greeting:before {
  content: "\F64A";
}

.mdi-human-handsdown:before {
  content: "\F64B";
}

.mdi-human-handsup:before {
  content: "\F64C";
}

.mdi-human-male:before {
  content: "\F64D";
}

.mdi-human-male-female:before {
  content: "\F2E8";
}

.mdi-human-pregnant:before {
  content: "\F5CF";
}

.mdi-humble-bundle:before {
  content: "\F743";
}

.mdi-ice-cream:before {
  content: "\F829";
}

.mdi-image:before {
  content: "\F2E9";
}

.mdi-image-album:before {
  content: "\F2EA";
}

.mdi-image-area:before {
  content: "\F2EB";
}

.mdi-image-area-close:before {
  content: "\F2EC";
}

.mdi-image-broken:before {
  content: "\F2ED";
}

.mdi-image-broken-variant:before {
  content: "\F2EE";
}

.mdi-image-filter:before {
  content: "\F2EF";
}

.mdi-image-filter-black-white:before {
  content: "\F2F0";
}

.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

.mdi-image-filter-drama:before {
  content: "\F2F3";
}

.mdi-image-filter-frames:before {
  content: "\F2F4";
}

.mdi-image-filter-hdr:before {
  content: "\F2F5";
}

.mdi-image-filter-none:before {
  content: "\F2F6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

.mdi-image-filter-vintage:before {
  content: "\F2F8";
}

.mdi-image-multiple:before {
  content: "\F2F9";
}

.mdi-image-off:before {
  content: "\F82A";
}

.mdi-import:before {
  content: "\F2FA";
}

.mdi-inbox:before {
  content: "\F686";
}

.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}

.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}

.mdi-incognito:before {
  content: "\F5F9";
}

.mdi-infinity:before {
  content: "\F6E3";
}

.mdi-information:before {
  content: "\F2FC";
}

.mdi-information-outline:before {
  content: "\F2FD";
}

.mdi-information-variant:before {
  content: "\F64E";
}

.mdi-instagram:before {
  content: "\F2FE";
}

.mdi-instapaper:before {
  content: "\F2FF";
}

.mdi-internet-explorer:before {
  content: "\F300";
}

.mdi-invert-colors:before {
  content: "\F301";
}

.mdi-itunes:before {
  content: "\F676";
}

.mdi-jeepney:before {
  content: "\F302";
}

.mdi-jira:before {
  content: "\F303";
}

.mdi-jsfiddle:before {
  content: "\F304";
}

.mdi-json:before {
  content: "\F626";
}

.mdi-karate:before {
  content: "\F82B";
}

.mdi-keg:before {
  content: "\F305";
}

.mdi-kettle:before {
  content: "\F5FA";
}

.mdi-key:before {
  content: "\F306";
}

.mdi-key-change:before {
  content: "\F307";
}

.mdi-key-minus:before {
  content: "\F308";
}

.mdi-key-plus:before {
  content: "\F309";
}

.mdi-key-remove:before {
  content: "\F30A";
}

.mdi-key-variant:before {
  content: "\F30B";
}

.mdi-keyboard:before {
  content: "\F30C";
}

.mdi-keyboard-backspace:before {
  content: "\F30D";
}

.mdi-keyboard-caps:before {
  content: "\F30E";
}

.mdi-keyboard-close:before {
  content: "\F30F";
}

.mdi-keyboard-off:before {
  content: "\F310";
}

.mdi-keyboard-return:before {
  content: "\F311";
}

.mdi-keyboard-tab:before {
  content: "\F312";
}

.mdi-keyboard-variant:before {
  content: "\F313";
}

.mdi-kickstarter:before {
  content: "\F744";
}

.mdi-kodi:before {
  content: "\F314";
}

.mdi-label:before {
  content: "\F315";
}

.mdi-label-outline:before {
  content: "\F316";
}

.mdi-ladybug:before {
  content: "\F82C";
}

.mdi-lambda:before {
  content: "\F627";
}

.mdi-lamp:before {
  content: "\F6B4";
}

.mdi-lan:before {
  content: "\F317";
}

.mdi-lan-connect:before {
  content: "\F318";
}

.mdi-lan-disconnect:before {
  content: "\F319";
}

.mdi-lan-pending:before {
  content: "\F31A";
}

.mdi-language-c:before {
  content: "\F671";
}

.mdi-language-cpp:before {
  content: "\F672";
}

.mdi-language-csharp:before {
  content: "\F31B";
}

.mdi-language-css3:before {
  content: "\F31C";
}

.mdi-language-go:before {
  content: "\F7D2";
}

.mdi-language-html5:before {
  content: "\F31D";
}

.mdi-language-javascript:before {
  content: "\F31E";
}

.mdi-language-php:before {
  content: "\F31F";
}

.mdi-language-python:before {
  content: "\F320";
}

.mdi-language-python-text:before {
  content: "\F321";
}

.mdi-language-r:before {
  content: "\F7D3";
}

.mdi-language-swift:before {
  content: "\F6E4";
}

.mdi-language-typescript:before {
  content: "\F6E5";
}

.mdi-laptop:before {
  content: "\F322";
}

.mdi-laptop-chromebook:before {
  content: "\F323";
}

.mdi-laptop-mac:before {
  content: "\F324";
}

.mdi-laptop-off:before {
  content: "\F6E6";
}

.mdi-laptop-windows:before {
  content: "\F325";
}

.mdi-lastfm:before {
  content: "\F326";
}

.mdi-lastpass:before {
  content: "\F446";
}

.mdi-launch:before {
  content: "\F327";
}

.mdi-lava-lamp:before {
  content: "\F7D4";
}

.mdi-layers:before {
  content: "\F328";
}

.mdi-layers-off:before {
  content: "\F329";
}

.mdi-lead-pencil:before {
  content: "\F64F";
}

.mdi-leaf:before {
  content: "\F32A";
}

.mdi-led-off:before {
  content: "\F32B";
}

.mdi-led-on:before {
  content: "\F32C";
}

.mdi-led-outline:before {
  content: "\F32D";
}

.mdi-led-strip:before {
  content: "\F7D5";
}

.mdi-led-variant-off:before {
  content: "\F32E";
}

.mdi-led-variant-on:before {
  content: "\F32F";
}

.mdi-led-variant-outline:before {
  content: "\F330";
}

.mdi-library:before {
  content: "\F331";
}

.mdi-library-books:before {
  content: "\F332";
}

.mdi-library-music:before {
  content: "\F333";
}

.mdi-library-plus:before {
  content: "\F334";
}

.mdi-lightbulb:before {
  content: "\F335";
}

.mdi-lightbulb-on:before {
  content: "\F6E7";
}

.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}

.mdi-lightbulb-outline:before {
  content: "\F336";
}

.mdi-link:before {
  content: "\F337";
}

.mdi-link-off:before {
  content: "\F338";
}

.mdi-link-variant:before {
  content: "\F339";
}

.mdi-link-variant-off:before {
  content: "\F33A";
}

.mdi-linkedin:before {
  content: "\F33B";
}

.mdi-linkedin-box:before {
  content: "\F33C";
}

.mdi-linux:before {
  content: "\F33D";
}

.mdi-loading:before {
  content: "\F771";
}

.mdi-lock:before {
  content: "\F33E";
}

.mdi-lock-open:before {
  content: "\F33F";
}

.mdi-lock-open-outline:before {
  content: "\F340";
}

.mdi-lock-outline:before {
  content: "\F341";
}

.mdi-lock-pattern:before {
  content: "\F6E9";
}

.mdi-lock-plus:before {
  content: "\F5FB";
}

.mdi-lock-reset:before {
  content: "\F772";
}

.mdi-locker:before {
  content: "\F7D6";
}

.mdi-locker-multiple:before {
  content: "\F7D7";
}

.mdi-login:before {
  content: "\F342";
}

.mdi-login-variant:before {
  content: "\F5FC";
}

.mdi-logout:before {
  content: "\F343";
}

.mdi-logout-variant:before {
  content: "\F5FD";
}

.mdi-looks:before {
  content: "\F344";
}

.mdi-loop:before {
  content: "\F6EA";
}

.mdi-loupe:before {
  content: "\F345";
}

.mdi-lumx:before {
  content: "\F346";
}

.mdi-magnet:before {
  content: "\F347";
}

.mdi-magnet-on:before {
  content: "\F348";
}

.mdi-magnify:before {
  content: "\F349";
}

.mdi-magnify-minus:before {
  content: "\F34A";
}

.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}

.mdi-magnify-plus:before {
  content: "\F34B";
}

.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}

.mdi-mail-ru:before {
  content: "\F34C";
}

.mdi-mailbox:before {
  content: "\F6ED";
}

.mdi-map:before {
  content: "\F34D";
}

.mdi-map-marker:before {
  content: "\F34E";
}

.mdi-map-marker-circle:before {
  content: "\F34F";
}

.mdi-map-marker-minus:before {
  content: "\F650";
}

.mdi-map-marker-multiple:before {
  content: "\F350";
}

.mdi-map-marker-off:before {
  content: "\F351";
}

.mdi-map-marker-outline:before {
  content: "\F7D8";
}

.mdi-map-marker-plus:before {
  content: "\F651";
}

.mdi-map-marker-radius:before {
  content: "\F352";
}

.mdi-margin:before {
  content: "\F353";
}

.mdi-markdown:before {
  content: "\F354";
}

.mdi-marker:before {
  content: "\F652";
}

.mdi-marker-check:before {
  content: "\F355";
}

.mdi-martini:before {
  content: "\F356";
}

.mdi-material-ui:before {
  content: "\F357";
}

.mdi-math-compass:before {
  content: "\F358";
}

.mdi-matrix:before {
  content: "\F628";
}

.mdi-maxcdn:before {
  content: "\F359";
}

.mdi-medical-bag:before {
  content: "\F6EE";
}

.mdi-medium:before {
  content: "\F35A";
}

.mdi-memory:before {
  content: "\F35B";
}

.mdi-menu:before {
  content: "\F35C";
}

.mdi-menu-down:before {
  content: "\F35D";
}

.mdi-menu-down-outline:before {
  content: "\F6B5";
}

.mdi-menu-left:before {
  content: "\F35E";
}

.mdi-menu-right:before {
  content: "\F35F";
}

.mdi-menu-up:before {
  content: "\F360";
}

.mdi-menu-up-outline:before {
  content: "\F6B6";
}

.mdi-message:before {
  content: "\F361";
}

.mdi-message-alert:before {
  content: "\F362";
}

.mdi-message-bulleted:before {
  content: "\F6A1";
}

.mdi-message-bulleted-off:before {
  content: "\F6A2";
}

.mdi-message-draw:before {
  content: "\F363";
}

.mdi-message-image:before {
  content: "\F364";
}

.mdi-message-outline:before {
  content: "\F365";
}

.mdi-message-plus:before {
  content: "\F653";
}

.mdi-message-processing:before {
  content: "\F366";
}

.mdi-message-reply:before {
  content: "\F367";
}

.mdi-message-reply-text:before {
  content: "\F368";
}

.mdi-message-settings:before {
  content: "\F6EF";
}

.mdi-message-settings-variant:before {
  content: "\F6F0";
}

.mdi-message-text:before {
  content: "\F369";
}

.mdi-message-text-outline:before {
  content: "\F36A";
}

.mdi-message-video:before {
  content: "\F36B";
}

.mdi-meteor:before {
  content: "\F629";
}

.mdi-metronome:before {
  content: "\F7D9";
}

.mdi-metronome-tick:before {
  content: "\F7DA";
}

.mdi-micro-sd:before {
  content: "\F7DB";
}

.mdi-microphone:before {
  content: "\F36C";
}

.mdi-microphone-off:before {
  content: "\F36D";
}

.mdi-microphone-outline:before {
  content: "\F36E";
}

.mdi-microphone-settings:before {
  content: "\F36F";
}

.mdi-microphone-variant:before {
  content: "\F370";
}

.mdi-microphone-variant-off:before {
  content: "\F371";
}

.mdi-microscope:before {
  content: "\F654";
}

.mdi-microsoft:before {
  content: "\F372";
}

.mdi-minecraft:before {
  content: "\F373";
}

.mdi-minus:before {
  content: "\F374";
}

.mdi-minus-box:before {
  content: "\F375";
}

.mdi-minus-box-outline:before {
  content: "\F6F1";
}

.mdi-minus-circle:before {
  content: "\F376";
}

.mdi-minus-circle-outline:before {
  content: "\F377";
}

.mdi-minus-network:before {
  content: "\F378";
}

.mdi-mixcloud:before {
  content: "\F62A";
}

.mdi-mixer:before {
  content: "\F7DC";
}

.mdi-monitor:before {
  content: "\F379";
}

.mdi-monitor-multiple:before {
  content: "\F37A";
}

.mdi-more:before {
  content: "\F37B";
}

.mdi-motorbike:before {
  content: "\F37C";
}

.mdi-mouse:before {
  content: "\F37D";
}

.mdi-mouse-off:before {
  content: "\F37E";
}

.mdi-mouse-variant:before {
  content: "\F37F";
}

.mdi-mouse-variant-off:before {
  content: "\F380";
}

.mdi-move-resize:before {
  content: "\F655";
}

.mdi-move-resize-variant:before {
  content: "\F656";
}

.mdi-movie:before {
  content: "\F381";
}

.mdi-movie-roll:before {
  content: "\F7DD";
}

.mdi-multiplication:before {
  content: "\F382";
}

.mdi-multiplication-box:before {
  content: "\F383";
}

.mdi-mushroom:before {
  content: "\F7DE";
}

.mdi-mushroom-outline:before {
  content: "\F7DF";
}

.mdi-music:before {
  content: "\F759";
}

.mdi-music-box:before {
  content: "\F384";
}

.mdi-music-box-outline:before {
  content: "\F385";
}

.mdi-music-circle:before {
  content: "\F386";
}

.mdi-music-note:before {
  content: "\F387";
}

.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

.mdi-music-note-eighth:before {
  content: "\F388";
}

.mdi-music-note-half:before {
  content: "\F389";
}

.mdi-music-note-off:before {
  content: "\F38A";
}

.mdi-music-note-quarter:before {
  content: "\F38B";
}

.mdi-music-note-sixteenth:before {
  content: "\F38C";
}

.mdi-music-note-whole:before {
  content: "\F38D";
}

.mdi-music-off:before {
  content: "\F75A";
}

.mdi-nature:before {
  content: "\F38E";
}

.mdi-nature-people:before {
  content: "\F38F";
}

.mdi-navigation:before {
  content: "\F390";
}

.mdi-near-me:before {
  content: "\F5CD";
}

.mdi-needle:before {
  content: "\F391";
}

.mdi-nest-protect:before {
  content: "\F392";
}

.mdi-nest-thermostat:before {
  content: "\F393";
}

.mdi-netflix:before {
  content: "\F745";
}

.mdi-network:before {
  content: "\F6F2";
}

.mdi-new-box:before {
  content: "\F394";
}

.mdi-newspaper:before {
  content: "\F395";
}

.mdi-nfc:before {
  content: "\F396";
}

.mdi-nfc-tap:before {
  content: "\F397";
}

.mdi-nfc-variant:before {
  content: "\F398";
}

.mdi-ninja:before {
  content: "\F773";
}

.mdi-nintendo-switch:before {
  content: "\F7E0";
}

.mdi-nodejs:before {
  content: "\F399";
}

.mdi-note:before {
  content: "\F39A";
}

.mdi-note-multiple:before {
  content: "\F6B7";
}

.mdi-note-multiple-outline:before {
  content: "\F6B8";
}

.mdi-note-outline:before {
  content: "\F39B";
}

.mdi-note-plus:before {
  content: "\F39C";
}

.mdi-note-plus-outline:before {
  content: "\F39D";
}

.mdi-note-text:before {
  content: "\F39E";
}

.mdi-notebook:before {
  content: "\F82D";
}

.mdi-notification-clear-all:before {
  content: "\F39F";
}

.mdi-npm:before {
  content: "\F6F6";
}

.mdi-nuke:before {
  content: "\F6A3";
}

.mdi-null:before {
  content: "\F7E1";
}

.mdi-numeric:before {
  content: "\F3A0";
}

.mdi-numeric-0-box:before {
  content: "\F3A1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}

.mdi-numeric-1-box:before {
  content: "\F3A4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}

.mdi-numeric-2-box:before {
  content: "\F3A7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}

.mdi-numeric-3-box:before {
  content: "\F3AA";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}

.mdi-numeric-4-box:before {
  content: "\F3AD";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}

.mdi-numeric-5-box:before {
  content: "\F3B0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}

.mdi-numeric-6-box:before {
  content: "\F3B3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}

.mdi-numeric-7-box:before {
  content: "\F3B6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}

.mdi-numeric-8-box:before {
  content: "\F3B9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}

.mdi-numeric-9-box:before {
  content: "\F3BC";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}

.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

.mdi-nut:before {
  content: "\F6F7";
}

.mdi-nutrition:before {
  content: "\F3C2";
}

.mdi-oar:before {
  content: "\F67B";
}

.mdi-octagon:before {
  content: "\F3C3";
}

.mdi-octagon-outline:before {
  content: "\F3C4";
}

.mdi-octagram:before {
  content: "\F6F8";
}

.mdi-octagram-outline:before {
  content: "\F774";
}

.mdi-odnoklassniki:before {
  content: "\F3C5";
}

.mdi-office:before {
  content: "\F3C6";
}

.mdi-oil:before {
  content: "\F3C7";
}

.mdi-oil-temperature:before {
  content: "\F3C8";
}

.mdi-omega:before {
  content: "\F3C9";
}

.mdi-onedrive:before {
  content: "\F3CA";
}

.mdi-onenote:before {
  content: "\F746";
}

.mdi-opacity:before {
  content: "\F5CC";
}

.mdi-open-in-app:before {
  content: "\F3CB";
}

.mdi-open-in-new:before {
  content: "\F3CC";
}

.mdi-openid:before {
  content: "\F3CD";
}

.mdi-opera:before {
  content: "\F3CE";
}

.mdi-orbit:before {
  content: "\F018";
}

.mdi-ornament:before {
  content: "\F3CF";
}

.mdi-ornament-variant:before {
  content: "\F3D0";
}

.mdi-owl:before {
  content: "\F3D2";
}

.mdi-package:before {
  content: "\F3D3";
}

.mdi-package-down:before {
  content: "\F3D4";
}

.mdi-package-up:before {
  content: "\F3D5";
}

.mdi-package-variant:before {
  content: "\F3D6";
}

.mdi-package-variant-closed:before {
  content: "\F3D7";
}

.mdi-page-first:before {
  content: "\F600";
}

.mdi-page-last:before {
  content: "\F601";
}

.mdi-page-layout-body:before {
  content: "\F6F9";
}

.mdi-page-layout-footer:before {
  content: "\F6FA";
}

.mdi-page-layout-header:before {
  content: "\F6FB";
}

.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

.mdi-palette:before {
  content: "\F3D8";
}

.mdi-palette-advanced:before {
  content: "\F3D9";
}

.mdi-panda:before {
  content: "\F3DA";
}

.mdi-pandora:before {
  content: "\F3DB";
}

.mdi-panorama:before {
  content: "\F3DC";
}

.mdi-panorama-fisheye:before {
  content: "\F3DD";
}

.mdi-panorama-horizontal:before {
  content: "\F3DE";
}

.mdi-panorama-vertical:before {
  content: "\F3DF";
}

.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}

.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}

.mdi-paperclip:before {
  content: "\F3E2";
}

.mdi-parking:before {
  content: "\F3E3";
}

.mdi-passport:before {
  content: "\F7E2";
}

.mdi-pause:before {
  content: "\F3E4";
}

.mdi-pause-circle:before {
  content: "\F3E5";
}

.mdi-pause-circle-outline:before {
  content: "\F3E6";
}

.mdi-pause-octagon:before {
  content: "\F3E7";
}

.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}

.mdi-paw:before {
  content: "\F3E9";
}

.mdi-paw-off:before {
  content: "\F657";
}

.mdi-pen:before {
  content: "\F3EA";
}

.mdi-pencil:before {
  content: "\F3EB";
}

.mdi-pencil-box:before {
  content: "\F3EC";
}

.mdi-pencil-box-outline:before {
  content: "\F3ED";
}

.mdi-pencil-circle:before {
  content: "\F6FE";
}

.mdi-pencil-circle-outline:before {
  content: "\F775";
}

.mdi-pencil-lock:before {
  content: "\F3EE";
}

.mdi-pencil-off:before {
  content: "\F3EF";
}

.mdi-pentagon:before {
  content: "\F6FF";
}

.mdi-pentagon-outline:before {
  content: "\F700";
}

.mdi-percent:before {
  content: "\F3F0";
}

.mdi-periodic-table-co2:before {
  content: "\F7E3";
}

.mdi-periscope:before {
  content: "\F747";
}

.mdi-pharmacy:before {
  content: "\F3F1";
}

.mdi-phone:before {
  content: "\F3F2";
}

.mdi-phone-bluetooth:before {
  content: "\F3F3";
}

.mdi-phone-classic:before {
  content: "\F602";
}

.mdi-phone-forward:before {
  content: "\F3F4";
}

.mdi-phone-hangup:before {
  content: "\F3F5";
}

.mdi-phone-in-talk:before {
  content: "\F3F6";
}

.mdi-phone-incoming:before {
  content: "\F3F7";
}

.mdi-phone-locked:before {
  content: "\F3F8";
}

.mdi-phone-log:before {
  content: "\F3F9";
}

.mdi-phone-minus:before {
  content: "\F658";
}

.mdi-phone-missed:before {
  content: "\F3FA";
}

.mdi-phone-outgoing:before {
  content: "\F3FB";
}

.mdi-phone-paused:before {
  content: "\F3FC";
}

.mdi-phone-plus:before {
  content: "\F659";
}

.mdi-phone-return:before {
  content: "\F82E";
}

.mdi-phone-settings:before {
  content: "\F3FD";
}

.mdi-phone-voip:before {
  content: "\F3FE";
}

.mdi-pi:before {
  content: "\F3FF";
}

.mdi-pi-box:before {
  content: "\F400";
}

.mdi-piano:before {
  content: "\F67C";
}

.mdi-pig:before {
  content: "\F401";
}

.mdi-pill:before {
  content: "\F402";
}

.mdi-pillar:before {
  content: "\F701";
}

.mdi-pin:before {
  content: "\F403";
}

.mdi-pin-off:before {
  content: "\F404";
}

.mdi-pine-tree:before {
  content: "\F405";
}

.mdi-pine-tree-box:before {
  content: "\F406";
}

.mdi-pinterest:before {
  content: "\F407";
}

.mdi-pinterest-box:before {
  content: "\F408";
}

.mdi-pipe:before {
  content: "\F7E4";
}

.mdi-pipe-disconnected:before {
  content: "\F7E5";
}

.mdi-pistol:before {
  content: "\F702";
}

.mdi-pizza:before {
  content: "\F409";
}

.mdi-plane-shield:before {
  content: "\F6BA";
}

.mdi-play:before {
  content: "\F40A";
}

.mdi-play-box-outline:before {
  content: "\F40B";
}

.mdi-play-circle:before {
  content: "\F40C";
}

.mdi-play-circle-outline:before {
  content: "\F40D";
}

.mdi-play-pause:before {
  content: "\F40E";
}

.mdi-play-protected-content:before {
  content: "\F40F";
}

.mdi-playlist-check:before {
  content: "\F5C7";
}

.mdi-playlist-minus:before {
  content: "\F410";
}

.mdi-playlist-play:before {
  content: "\F411";
}

.mdi-playlist-plus:before {
  content: "\F412";
}

.mdi-playlist-remove:before {
  content: "\F413";
}

.mdi-playstation:before {
  content: "\F414";
}

.mdi-plex:before {
  content: "\F6B9";
}

.mdi-plus:before {
  content: "\F415";
}

.mdi-plus-box:before {
  content: "\F416";
}

.mdi-plus-box-outline:before {
  content: "\F703";
}

.mdi-plus-circle:before {
  content: "\F417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}

.mdi-plus-circle-outline:before {
  content: "\F419";
}

.mdi-plus-network:before {
  content: "\F41A";
}

.mdi-plus-one:before {
  content: "\F41B";
}

.mdi-plus-outline:before {
  content: "\F704";
}

.mdi-pocket:before {
  content: "\F41C";
}

.mdi-pokeball:before {
  content: "\F41D";
}

.mdi-poker-chip:before {
  content: "\F82F";
}

.mdi-polaroid:before {
  content: "\F41E";
}

.mdi-poll:before {
  content: "\F41F";
}

.mdi-poll-box:before {
  content: "\F420";
}

.mdi-polymer:before {
  content: "\F421";
}

.mdi-pool:before {
  content: "\F606";
}

.mdi-popcorn:before {
  content: "\F422";
}

.mdi-pot:before {
  content: "\F65A";
}

.mdi-pot-mix:before {
  content: "\F65B";
}

.mdi-pound:before {
  content: "\F423";
}

.mdi-pound-box:before {
  content: "\F424";
}

.mdi-power:before {
  content: "\F425";
}

.mdi-power-plug:before {
  content: "\F6A4";
}

.mdi-power-plug-off:before {
  content: "\F6A5";
}

.mdi-power-settings:before {
  content: "\F426";
}

.mdi-power-socket:before {
  content: "\F427";
}

.mdi-power-socket-eu:before {
  content: "\F7E6";
}

.mdi-power-socket-uk:before {
  content: "\F7E7";
}

.mdi-power-socket-us:before {
  content: "\F7E8";
}

.mdi-prescription:before {
  content: "\F705";
}

.mdi-presentation:before {
  content: "\F428";
}

.mdi-presentation-play:before {
  content: "\F429";
}

.mdi-printer:before {
  content: "\F42A";
}

.mdi-printer-3d:before {
  content: "\F42B";
}

.mdi-printer-alert:before {
  content: "\F42C";
}

.mdi-printer-settings:before {
  content: "\F706";
}

.mdi-priority-high:before {
  content: "\F603";
}

.mdi-priority-low:before {
  content: "\F604";
}

.mdi-professional-hexagon:before {
  content: "\F42D";
}

.mdi-projector:before {
  content: "\F42E";
}

.mdi-projector-screen:before {
  content: "\F42F";
}

.mdi-publish:before {
  content: "\F6A6";
}

.mdi-pulse:before {
  content: "\F430";
}

.mdi-puzzle:before {
  content: "\F431";
}

.mdi-qqchat:before {
  content: "\F605";
}

.mdi-qrcode:before {
  content: "\F432";
}

.mdi-qrcode-scan:before {
  content: "\F433";
}

.mdi-quadcopter:before {
  content: "\F434";
}

.mdi-quality-high:before {
  content: "\F435";
}

.mdi-quicktime:before {
  content: "\F436";
}

.mdi-radar:before {
  content: "\F437";
}

.mdi-radiator:before {
  content: "\F438";
}

.mdi-radio:before {
  content: "\F439";
}

.mdi-radio-handheld:before {
  content: "\F43A";
}

.mdi-radio-tower:before {
  content: "\F43B";
}

.mdi-radioactive:before {
  content: "\F43C";
}

.mdi-radiobox-blank:before {
  content: "\F43D";
}

.mdi-radiobox-marked:before {
  content: "\F43E";
}

.mdi-raspberrypi:before {
  content: "\F43F";
}

.mdi-ray-end:before {
  content: "\F440";
}

.mdi-ray-end-arrow:before {
  content: "\F441";
}

.mdi-ray-start:before {
  content: "\F442";
}

.mdi-ray-start-arrow:before {
  content: "\F443";
}

.mdi-ray-start-end:before {
  content: "\F444";
}

.mdi-ray-vertex:before {
  content: "\F445";
}

.mdi-react:before {
  content: "\F707";
}

.mdi-read:before {
  content: "\F447";
}

.mdi-receipt:before {
  content: "\F449";
}

.mdi-record:before {
  content: "\F44A";
}

.mdi-record-rec:before {
  content: "\F44B";
}

.mdi-recycle:before {
  content: "\F44C";
}

.mdi-reddit:before {
  content: "\F44D";
}

.mdi-redo:before {
  content: "\F44E";
}

.mdi-redo-variant:before {
  content: "\F44F";
}

.mdi-refresh:before {
  content: "\F450";
}

.mdi-regex:before {
  content: "\F451";
}

.mdi-relative-scale:before {
  content: "\F452";
}

.mdi-reload:before {
  content: "\F453";
}

.mdi-remote:before {
  content: "\F454";
}

.mdi-rename-box:before {
  content: "\F455";
}

.mdi-reorder-horizontal:before {
  content: "\F687";
}

.mdi-reorder-vertical:before {
  content: "\F688";
}

.mdi-repeat:before {
  content: "\F456";
}

.mdi-repeat-off:before {
  content: "\F457";
}

.mdi-repeat-once:before {
  content: "\F458";
}

.mdi-replay:before {
  content: "\F459";
}

.mdi-reply:before {
  content: "\F45A";
}

.mdi-reply-all:before {
  content: "\F45B";
}

.mdi-reproduction:before {
  content: "\F45C";
}

.mdi-resize-bottom-right:before {
  content: "\F45D";
}

.mdi-responsive:before {
  content: "\F45E";
}

.mdi-restart:before {
  content: "\F708";
}

.mdi-restore:before {
  content: "\F6A7";
}

.mdi-rewind:before {
  content: "\F45F";
}

.mdi-rewind-outline:before {
  content: "\F709";
}

.mdi-rhombus:before {
  content: "\F70A";
}

.mdi-rhombus-outline:before {
  content: "\F70B";
}

.mdi-ribbon:before {
  content: "\F460";
}

.mdi-rice:before {
  content: "\F7E9";
}

.mdi-ring:before {
  content: "\F7EA";
}

.mdi-road:before {
  content: "\F461";
}

.mdi-road-variant:before {
  content: "\F462";
}

.mdi-robot:before {
  content: "\F6A8";
}

.mdi-rocket:before {
  content: "\F463";
}

.mdi-roomba:before {
  content: "\F70C";
}

.mdi-rotate-3d:before {
  content: "\F464";
}

.mdi-rotate-left:before {
  content: "\F465";
}

.mdi-rotate-left-variant:before {
  content: "\F466";
}

.mdi-rotate-right:before {
  content: "\F467";
}

.mdi-rotate-right-variant:before {
  content: "\F468";
}

.mdi-rounded-corner:before {
  content: "\F607";
}

.mdi-router-wireless:before {
  content: "\F469";
}

.mdi-routes:before {
  content: "\F46A";
}

.mdi-rowing:before {
  content: "\F608";
}

.mdi-rss:before {
  content: "\F46B";
}

.mdi-rss-box:before {
  content: "\F46C";
}

.mdi-ruler:before {
  content: "\F46D";
}

.mdi-run:before {
  content: "\F70D";
}

.mdi-run-fast:before {
  content: "\F46E";
}

.mdi-sale:before {
  content: "\F46F";
}

.mdi-sass:before {
  content: "\F7EB";
}

.mdi-satellite:before {
  content: "\F470";
}

.mdi-satellite-variant:before {
  content: "\F471";
}

.mdi-saxophone:before {
  content: "\F609";
}

.mdi-scale:before {
  content: "\F472";
}

.mdi-scale-balance:before {
  content: "\F5D1";
}

.mdi-scale-bathroom:before {
  content: "\F473";
}

.mdi-scanner:before {
  content: "\F6AA";
}

.mdi-school:before {
  content: "\F474";
}

.mdi-screen-rotation:before {
  content: "\F475";
}

.mdi-screen-rotation-lock:before {
  content: "\F476";
}

.mdi-screwdriver:before {
  content: "\F477";
}

.mdi-script:before {
  content: "\F478";
}

.mdi-sd:before {
  content: "\F479";
}

.mdi-seal:before {
  content: "\F47A";
}

.mdi-search-web:before {
  content: "\F70E";
}

.mdi-seat-flat:before {
  content: "\F47B";
}

.mdi-seat-flat-angled:before {
  content: "\F47C";
}

.mdi-seat-individual-suite:before {
  content: "\F47D";
}

.mdi-seat-legroom-extra:before {
  content: "\F47E";
}

.mdi-seat-legroom-normal:before {
  content: "\F47F";
}

.mdi-seat-legroom-reduced:before {
  content: "\F480";
}

.mdi-seat-recline-extra:before {
  content: "\F481";
}

.mdi-seat-recline-normal:before {
  content: "\F482";
}

.mdi-security:before {
  content: "\F483";
}

.mdi-security-home:before {
  content: "\F689";
}

.mdi-security-network:before {
  content: "\F484";
}

.mdi-select:before {
  content: "\F485";
}

.mdi-select-all:before {
  content: "\F486";
}

.mdi-select-inverse:before {
  content: "\F487";
}

.mdi-select-off:before {
  content: "\F488";
}

.mdi-selection:before {
  content: "\F489";
}

.mdi-selection-off:before {
  content: "\F776";
}

.mdi-send:before {
  content: "\F48A";
}

.mdi-send-secure:before {
  content: "\F7EC";
}

.mdi-serial-port:before {
  content: "\F65C";
}

.mdi-server:before {
  content: "\F48B";
}

.mdi-server-minus:before {
  content: "\F48C";
}

.mdi-server-network:before {
  content: "\F48D";
}

.mdi-server-network-off:before {
  content: "\F48E";
}

.mdi-server-off:before {
  content: "\F48F";
}

.mdi-server-plus:before {
  content: "\F490";
}

.mdi-server-remove:before {
  content: "\F491";
}

.mdi-server-security:before {
  content: "\F492";
}

.mdi-set-all:before {
  content: "\F777";
}

.mdi-set-center:before {
  content: "\F778";
}

.mdi-set-center-right:before {
  content: "\F779";
}

.mdi-set-left:before {
  content: "\F77A";
}

.mdi-set-left-center:before {
  content: "\F77B";
}

.mdi-set-left-right:before {
  content: "\F77C";
}

.mdi-set-none:before {
  content: "\F77D";
}

.mdi-set-right:before {
  content: "\F77E";
}

.mdi-settings:before {
  content: "\F493";
}

.mdi-settings-box:before {
  content: "\F494";
}

.mdi-shape:before {
  content: "\F830";
}

.mdi-shape-circle-plus:before {
  content: "\F65D";
}

.mdi-shape-outline:before {
  content: "\F831";
}

.mdi-shape-plus:before {
  content: "\F495";
}

.mdi-shape-polygon-plus:before {
  content: "\F65E";
}

.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}

.mdi-shape-square-plus:before {
  content: "\F660";
}

.mdi-share:before {
  content: "\F496";
}

.mdi-share-variant:before {
  content: "\F497";
}

.mdi-shield:before {
  content: "\F498";
}

.mdi-shield-half-full:before {
  content: "\F77F";
}

.mdi-shield-outline:before {
  content: "\F499";
}

.mdi-ship-wheel:before {
  content: "\F832";
}

.mdi-shopping:before {
  content: "\F49A";
}

.mdi-shopping-music:before {
  content: "\F49B";
}

.mdi-shovel:before {
  content: "\F70F";
}

.mdi-shovel-off:before {
  content: "\F710";
}

.mdi-shredder:before {
  content: "\F49C";
}

.mdi-shuffle:before {
  content: "\F49D";
}

.mdi-shuffle-disabled:before {
  content: "\F49E";
}

.mdi-shuffle-variant:before {
  content: "\F49F";
}

.mdi-sigma:before {
  content: "\F4A0";
}

.mdi-sigma-lower:before {
  content: "\F62B";
}

.mdi-sign-caution:before {
  content: "\F4A1";
}

.mdi-sign-direction:before {
  content: "\F780";
}

.mdi-sign-text:before {
  content: "\F781";
}

.mdi-signal:before {
  content: "\F4A2";
}

.mdi-signal-2g:before {
  content: "\F711";
}

.mdi-signal-3g:before {
  content: "\F712";
}

.mdi-signal-4g:before {
  content: "\F713";
}

.mdi-signal-hspa:before {
  content: "\F714";
}

.mdi-signal-hspa-plus:before {
  content: "\F715";
}

.mdi-signal-off:before {
  content: "\F782";
}

.mdi-signal-variant:before {
  content: "\F60A";
}

.mdi-silverware:before {
  content: "\F4A3";
}

.mdi-silverware-fork:before {
  content: "\F4A4";
}

.mdi-silverware-spoon:before {
  content: "\F4A5";
}

.mdi-silverware-variant:before {
  content: "\F4A6";
}

.mdi-sim:before {
  content: "\F4A7";
}

.mdi-sim-alert:before {
  content: "\F4A8";
}

.mdi-sim-off:before {
  content: "\F4A9";
}

.mdi-sitemap:before {
  content: "\F4AA";
}

.mdi-skip-backward:before {
  content: "\F4AB";
}

.mdi-skip-forward:before {
  content: "\F4AC";
}

.mdi-skip-next:before {
  content: "\F4AD";
}

.mdi-skip-next-circle:before {
  content: "\F661";
}

.mdi-skip-next-circle-outline:before {
  content: "\F662";
}

.mdi-skip-previous:before {
  content: "\F4AE";
}

.mdi-skip-previous-circle:before {
  content: "\F663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}

.mdi-skull:before {
  content: "\F68B";
}

.mdi-skype:before {
  content: "\F4AF";
}

.mdi-skype-business:before {
  content: "\F4B0";
}

.mdi-slack:before {
  content: "\F4B1";
}

.mdi-sleep:before {
  content: "\F4B2";
}

.mdi-sleep-off:before {
  content: "\F4B3";
}

.mdi-smoking:before {
  content: "\F4B4";
}

.mdi-smoking-off:before {
  content: "\F4B5";
}

.mdi-snapchat:before {
  content: "\F4B6";
}

.mdi-snowflake:before {
  content: "\F716";
}

.mdi-snowman:before {
  content: "\F4B7";
}

.mdi-soccer:before {
  content: "\F4B8";
}

.mdi-soccer-field:before {
  content: "\F833";
}

.mdi-sofa:before {
  content: "\F4B9";
}

.mdi-solid:before {
  content: "\F68C";
}

.mdi-sort:before {
  content: "\F4BA";
}

.mdi-sort-alphabetical:before {
  content: "\F4BB";
}

.mdi-sort-ascending:before {
  content: "\F4BC";
}

.mdi-sort-descending:before {
  content: "\F4BD";
}

.mdi-sort-numeric:before {
  content: "\F4BE";
}

.mdi-sort-variant:before {
  content: "\F4BF";
}

.mdi-soundcloud:before {
  content: "\F4C0";
}

.mdi-source-branch:before {
  content: "\F62C";
}

.mdi-source-commit:before {
  content: "\F717";
}

.mdi-source-commit-end:before {
  content: "\F718";
}

.mdi-source-commit-end-local:before {
  content: "\F719";
}

.mdi-source-commit-local:before {
  content: "\F71A";
}

.mdi-source-commit-next-local:before {
  content: "\F71B";
}

.mdi-source-commit-start:before {
  content: "\F71C";
}

.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}

.mdi-source-fork:before {
  content: "\F4C1";
}

.mdi-source-merge:before {
  content: "\F62D";
}

.mdi-source-pull:before {
  content: "\F4C2";
}

.mdi-soy-sauce:before {
  content: "\F7ED";
}

.mdi-speaker:before {
  content: "\F4C3";
}

.mdi-speaker-off:before {
  content: "\F4C4";
}

.mdi-speaker-wireless:before {
  content: "\F71E";
}

.mdi-speedometer:before {
  content: "\F4C5";
}

.mdi-spellcheck:before {
  content: "\F4C6";
}

.mdi-spotify:before {
  content: "\F4C7";
}

.mdi-spotlight:before {
  content: "\F4C8";
}

.mdi-spotlight-beam:before {
  content: "\F4C9";
}

.mdi-spray:before {
  content: "\F665";
}

.mdi-square:before {
  content: "\F763";
}

.mdi-square-inc:before {
  content: "\F4CA";
}

.mdi-square-inc-cash:before {
  content: "\F4CB";
}

.mdi-square-outline:before {
  content: "\F762";
}

.mdi-square-root:before {
  content: "\F783";
}

.mdi-stack-overflow:before {
  content: "\F4CC";
}

.mdi-stackexchange:before {
  content: "\F60B";
}

.mdi-stadium:before {
  content: "\F71F";
}

.mdi-stairs:before {
  content: "\F4CD";
}

.mdi-standard-definition:before {
  content: "\F7EE";
}

.mdi-star:before {
  content: "\F4CE";
}

.mdi-star-circle:before {
  content: "\F4CF";
}

.mdi-star-half:before {
  content: "\F4D0";
}

.mdi-star-off:before {
  content: "\F4D1";
}

.mdi-star-outline:before {
  content: "\F4D2";
}

.mdi-steam:before {
  content: "\F4D3";
}

.mdi-steering:before {
  content: "\F4D4";
}

.mdi-step-backward:before {
  content: "\F4D5";
}

.mdi-step-backward-2:before {
  content: "\F4D6";
}

.mdi-step-forward:before {
  content: "\F4D7";
}

.mdi-step-forward-2:before {
  content: "\F4D8";
}

.mdi-stethoscope:before {
  content: "\F4D9";
}

.mdi-sticker:before {
  content: "\F5D0";
}

.mdi-sticker-emoji:before {
  content: "\F784";
}

.mdi-stocking:before {
  content: "\F4DA";
}

.mdi-stop:before {
  content: "\F4DB";
}

.mdi-stop-circle:before {
  content: "\F666";
}

.mdi-stop-circle-outline:before {
  content: "\F667";
}

.mdi-store:before {
  content: "\F4DC";
}

.mdi-store-24-hour:before {
  content: "\F4DD";
}

.mdi-stove:before {
  content: "\F4DE";
}

.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}

.mdi-subway:before {
  content: "\F6AB";
}

.mdi-subway-variant:before {
  content: "\F4DF";
}

.mdi-summit:before {
  content: "\F785";
}

.mdi-sunglasses:before {
  content: "\F4E0";
}

.mdi-surround-sound:before {
  content: "\F5C5";
}

.mdi-surround-sound-2-0:before {
  content: "\F7EF";
}

.mdi-surround-sound-3-1:before {
  content: "\F7F0";
}

.mdi-surround-sound-5-1:before {
  content: "\F7F1";
}

.mdi-surround-sound-7-1:before {
  content: "\F7F2";
}

.mdi-svg:before {
  content: "\F720";
}

.mdi-swap-horizontal:before {
  content: "\F4E1";
}

.mdi-swap-vertical:before {
  content: "\F4E2";
}

.mdi-swim:before {
  content: "\F4E3";
}

.mdi-switch:before {
  content: "\F4E4";
}

.mdi-sword:before {
  content: "\F4E5";
}

.mdi-sword-cross:before {
  content: "\F786";
}

.mdi-sync:before {
  content: "\F4E6";
}

.mdi-sync-alert:before {
  content: "\F4E7";
}

.mdi-sync-off:before {
  content: "\F4E8";
}

.mdi-tab:before {
  content: "\F4E9";
}

.mdi-tab-plus:before {
  content: "\F75B";
}

.mdi-tab-unselected:before {
  content: "\F4EA";
}

.mdi-table:before {
  content: "\F4EB";
}

.mdi-table-column:before {
  content: "\F834";
}

.mdi-table-column-plus-after:before {
  content: "\F4EC";
}

.mdi-table-column-plus-before:before {
  content: "\F4ED";
}

.mdi-table-column-remove:before {
  content: "\F4EE";
}

.mdi-table-column-width:before {
  content: "\F4EF";
}

.mdi-table-edit:before {
  content: "\F4F0";
}

.mdi-table-large:before {
  content: "\F4F1";
}

.mdi-table-of-contents:before {
  content: "\F835";
}

.mdi-table-row:before {
  content: "\F836";
}

.mdi-table-row-height:before {
  content: "\F4F2";
}

.mdi-table-row-plus-after:before {
  content: "\F4F3";
}

.mdi-table-row-plus-before:before {
  content: "\F4F4";
}

.mdi-table-row-remove:before {
  content: "\F4F5";
}

.mdi-table-settings:before {
  content: "\F837";
}

.mdi-tablet:before {
  content: "\F4F6";
}

.mdi-tablet-android:before {
  content: "\F4F7";
}

.mdi-tablet-ipad:before {
  content: "\F4F8";
}

.mdi-taco:before {
  content: "\F761";
}

.mdi-tag:before {
  content: "\F4F9";
}

.mdi-tag-faces:before {
  content: "\F4FA";
}

.mdi-tag-heart:before {
  content: "\F68A";
}

.mdi-tag-multiple:before {
  content: "\F4FB";
}

.mdi-tag-outline:before {
  content: "\F4FC";
}

.mdi-tag-plus:before {
  content: "\F721";
}

.mdi-tag-remove:before {
  content: "\F722";
}

.mdi-tag-text-outline:before {
  content: "\F4FD";
}

.mdi-target:before {
  content: "\F4FE";
}

.mdi-taxi:before {
  content: "\F4FF";
}

.mdi-teamviewer:before {
  content: "\F500";
}

.mdi-telegram:before {
  content: "\F501";
}

.mdi-television:before {
  content: "\F502";
}

.mdi-television-box:before {
  content: "\F838";
}

.mdi-television-classic:before {
  content: "\F7F3";
}

.mdi-television-classic-off:before {
  content: "\F839";
}

.mdi-television-guide:before {
  content: "\F503";
}

.mdi-television-off:before {
  content: "\F83A";
}

.mdi-temperature-celsius:before {
  content: "\F504";
}

.mdi-temperature-fahrenheit:before {
  content: "\F505";
}

.mdi-temperature-kelvin:before {
  content: "\F506";
}

.mdi-tennis:before {
  content: "\F507";
}

.mdi-tent:before {
  content: "\F508";
}

.mdi-terrain:before {
  content: "\F509";
}

.mdi-test-tube:before {
  content: "\F668";
}

.mdi-text-shadow:before {
  content: "\F669";
}

.mdi-text-to-speech:before {
  content: "\F50A";
}

.mdi-text-to-speech-off:before {
  content: "\F50B";
}

.mdi-textbox:before {
  content: "\F60E";
}

.mdi-textbox-password:before {
  content: "\F7F4";
}

.mdi-texture:before {
  content: "\F50C";
}

.mdi-theater:before {
  content: "\F50D";
}

.mdi-theme-light-dark:before {
  content: "\F50E";
}

.mdi-thermometer:before {
  content: "\F50F";
}

.mdi-thermometer-lines:before {
  content: "\F510";
}

.mdi-thought-bubble:before {
  content: "\F7F5";
}

.mdi-thought-bubble-outline:before {
  content: "\F7F6";
}

.mdi-thumb-down:before {
  content: "\F511";
}

.mdi-thumb-down-outline:before {
  content: "\F512";
}

.mdi-thumb-up:before {
  content: "\F513";
}

.mdi-thumb-up-outline:before {
  content: "\F514";
}

.mdi-thumbs-up-down:before {
  content: "\F515";
}

.mdi-ticket:before {
  content: "\F516";
}

.mdi-ticket-account:before {
  content: "\F517";
}

.mdi-ticket-confirmation:before {
  content: "\F518";
}

.mdi-ticket-percent:before {
  content: "\F723";
}

.mdi-tie:before {
  content: "\F519";
}

.mdi-tilde:before {
  content: "\F724";
}

.mdi-timelapse:before {
  content: "\F51A";
}

.mdi-timer:before {
  content: "\F51B";
}

.mdi-timer-10:before {
  content: "\F51C";
}

.mdi-timer-3:before {
  content: "\F51D";
}

.mdi-timer-off:before {
  content: "\F51E";
}

.mdi-timer-sand:before {
  content: "\F51F";
}

.mdi-timer-sand-empty:before {
  content: "\F6AC";
}

.mdi-timer-sand-full:before {
  content: "\F78B";
}

.mdi-timetable:before {
  content: "\F520";
}

.mdi-toggle-switch:before {
  content: "\F521";
}

.mdi-toggle-switch-off:before {
  content: "\F522";
}

.mdi-tooltip:before {
  content: "\F523";
}

.mdi-tooltip-edit:before {
  content: "\F524";
}

.mdi-tooltip-image:before {
  content: "\F525";
}

.mdi-tooltip-outline:before {
  content: "\F526";
}

.mdi-tooltip-outline-plus:before {
  content: "\F527";
}

.mdi-tooltip-text:before {
  content: "\F528";
}

.mdi-tooth:before {
  content: "\F529";
}

.mdi-tor:before {
  content: "\F52A";
}

.mdi-tower-beach:before {
  content: "\F680";
}

.mdi-tower-fire:before {
  content: "\F681";
}

.mdi-towing:before {
  content: "\F83B";
}

.mdi-trackpad:before {
  content: "\F7F7";
}

.mdi-traffic-light:before {
  content: "\F52B";
}

.mdi-train:before {
  content: "\F52C";
}

.mdi-tram:before {
  content: "\F52D";
}

.mdi-transcribe:before {
  content: "\F52E";
}

.mdi-transcribe-close:before {
  content: "\F52F";
}

.mdi-transfer:before {
  content: "\F530";
}

.mdi-transit-transfer:before {
  content: "\F6AD";
}

.mdi-translate:before {
  content: "\F5CA";
}

.mdi-treasure-chest:before {
  content: "\F725";
}

.mdi-tree:before {
  content: "\F531";
}

.mdi-trello:before {
  content: "\F532";
}

.mdi-trending-down:before {
  content: "\F533";
}

.mdi-trending-neutral:before {
  content: "\F534";
}

.mdi-trending-up:before {
  content: "\F535";
}

.mdi-triangle:before {
  content: "\F536";
}

.mdi-triangle-outline:before {
  content: "\F537";
}

.mdi-trophy:before {
  content: "\F538";
}

.mdi-trophy-award:before {
  content: "\F539";
}

.mdi-trophy-outline:before {
  content: "\F53A";
}

.mdi-trophy-variant:before {
  content: "\F53B";
}

.mdi-trophy-variant-outline:before {
  content: "\F53C";
}

.mdi-truck:before {
  content: "\F53D";
}

.mdi-truck-delivery:before {
  content: "\F53E";
}

.mdi-truck-fast:before {
  content: "\F787";
}

.mdi-truck-trailer:before {
  content: "\F726";
}

.mdi-tshirt-crew:before {
  content: "\F53F";
}

.mdi-tshirt-v:before {
  content: "\F540";
}

.mdi-tumblr:before {
  content: "\F541";
}

.mdi-tumblr-reblog:before {
  content: "\F542";
}

.mdi-tune:before {
  content: "\F62E";
}

.mdi-tune-vertical:before {
  content: "\F66A";
}

.mdi-twitch:before {
  content: "\F543";
}

.mdi-twitter:before {
  content: "\F544";
}

.mdi-twitter-box:before {
  content: "\F545";
}

.mdi-twitter-circle:before {
  content: "\F546";
}

.mdi-twitter-retweet:before {
  content: "\F547";
}

.mdi-uber:before {
  content: "\F748";
}

.mdi-ubuntu:before {
  content: "\F548";
}

.mdi-ultra-high-definition:before {
  content: "\F7F8";
}

.mdi-umbraco:before {
  content: "\F549";
}

.mdi-umbrella:before {
  content: "\F54A";
}

.mdi-umbrella-outline:before {
  content: "\F54B";
}

.mdi-undo:before {
  content: "\F54C";
}

.mdi-undo-variant:before {
  content: "\F54D";
}

.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}

.mdi-unfold-less-vertical:before {
  content: "\F75F";
}

.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}

.mdi-unfold-more-vertical:before {
  content: "\F760";
}

.mdi-ungroup:before {
  content: "\F550";
}

.mdi-unity:before {
  content: "\F6AE";
}

.mdi-untappd:before {
  content: "\F551";
}

.mdi-update:before {
  content: "\F6AF";
}

.mdi-upload:before {
  content: "\F552";
}

.mdi-upload-multiple:before {
  content: "\F83C";
}

.mdi-upload-network:before {
  content: "\F6F5";
}

.mdi-usb:before {
  content: "\F553";
}

.mdi-van-passenger:before {
  content: "\F7F9";
}

.mdi-van-utility:before {
  content: "\F7FA";
}

.mdi-vanish:before {
  content: "\F7FB";
}

.mdi-vector-arrange-above:before {
  content: "\F554";
}

.mdi-vector-arrange-below:before {
  content: "\F555";
}

.mdi-vector-circle:before {
  content: "\F556";
}

.mdi-vector-circle-variant:before {
  content: "\F557";
}

.mdi-vector-combine:before {
  content: "\F558";
}

.mdi-vector-curve:before {
  content: "\F559";
}

.mdi-vector-difference:before {
  content: "\F55A";
}

.mdi-vector-difference-ab:before {
  content: "\F55B";
}

.mdi-vector-difference-ba:before {
  content: "\F55C";
}

.mdi-vector-intersection:before {
  content: "\F55D";
}

.mdi-vector-line:before {
  content: "\F55E";
}

.mdi-vector-point:before {
  content: "\F55F";
}

.mdi-vector-polygon:before {
  content: "\F560";
}

.mdi-vector-polyline:before {
  content: "\F561";
}

.mdi-vector-radius:before {
  content: "\F749";
}

.mdi-vector-rectangle:before {
  content: "\F5C6";
}

.mdi-vector-selection:before {
  content: "\F562";
}

.mdi-vector-square:before {
  content: "\F001";
}

.mdi-vector-triangle:before {
  content: "\F563";
}

.mdi-vector-union:before {
  content: "\F564";
}

.mdi-venmo:before {
  content: "\F578";
}

.mdi-verified:before {
  content: "\F565";
}

.mdi-vibrate:before {
  content: "\F566";
}

.mdi-video:before {
  content: "\F567";
}

.mdi-video-3d:before {
  content: "\F7FC";
}

.mdi-video-4k-box:before {
  content: "\F83D";
}

.mdi-video-input-antenna:before {
  content: "\F83E";
}

.mdi-video-input-component:before {
  content: "\F83F";
}

.mdi-video-input-hdmi:before {
  content: "\F840";
}

.mdi-video-input-svideo:before {
  content: "\F841";
}

.mdi-video-off:before {
  content: "\F568";
}

.mdi-video-switch:before {
  content: "\F569";
}

.mdi-view-agenda:before {
  content: "\F56A";
}

.mdi-view-array:before {
  content: "\F56B";
}

.mdi-view-carousel:before {
  content: "\F56C";
}

.mdi-view-column:before {
  content: "\F56D";
}

.mdi-view-dashboard:before {
  content: "\F56E";
}

.mdi-view-dashboard-variant:before {
  content: "\F842";
}

.mdi-view-day:before {
  content: "\F56F";
}

.mdi-view-grid:before {
  content: "\F570";
}

.mdi-view-headline:before {
  content: "\F571";
}

.mdi-view-list:before {
  content: "\F572";
}

.mdi-view-module:before {
  content: "\F573";
}

.mdi-view-parallel:before {
  content: "\F727";
}

.mdi-view-quilt:before {
  content: "\F574";
}

.mdi-view-sequential:before {
  content: "\F728";
}

.mdi-view-stream:before {
  content: "\F575";
}

.mdi-view-week:before {
  content: "\F576";
}

.mdi-vimeo:before {
  content: "\F577";
}

.mdi-violin:before {
  content: "\F60F";
}

.mdi-visualstudio:before {
  content: "\F610";
}

.mdi-vk:before {
  content: "\F579";
}

.mdi-vk-box:before {
  content: "\F57A";
}

.mdi-vk-circle:before {
  content: "\F57B";
}

.mdi-vlc:before {
  content: "\F57C";
}

.mdi-voice:before {
  content: "\F5CB";
}

.mdi-voicemail:before {
  content: "\F57D";
}

.mdi-volume-high:before {
  content: "\F57E";
}

.mdi-volume-low:before {
  content: "\F57F";
}

.mdi-volume-medium:before {
  content: "\F580";
}

.mdi-volume-minus:before {
  content: "\F75D";
}

.mdi-volume-mute:before {
  content: "\F75E";
}

.mdi-volume-off:before {
  content: "\F581";
}

.mdi-volume-plus:before {
  content: "\F75C";
}

.mdi-vpn:before {
  content: "\F582";
}

.mdi-vuejs:before {
  content: "\F843";
}

.mdi-walk:before {
  content: "\F583";
}

.mdi-wall:before {
  content: "\F7FD";
}

.mdi-wallet:before {
  content: "\F584";
}

.mdi-wallet-giftcard:before {
  content: "\F585";
}

.mdi-wallet-membership:before {
  content: "\F586";
}

.mdi-wallet-travel:before {
  content: "\F587";
}

.mdi-wan:before {
  content: "\F588";
}

.mdi-washing-machine:before {
  content: "\F729";
}

.mdi-watch:before {
  content: "\F589";
}

.mdi-watch-export:before {
  content: "\F58A";
}

.mdi-watch-import:before {
  content: "\F58B";
}

.mdi-watch-vibrate:before {
  content: "\F6B0";
}

.mdi-water:before {
  content: "\F58C";
}

.mdi-water-off:before {
  content: "\F58D";
}

.mdi-water-percent:before {
  content: "\F58E";
}

.mdi-water-pump:before {
  content: "\F58F";
}

.mdi-watermark:before {
  content: "\F612";
}

.mdi-waves:before {
  content: "\F78C";
}

.mdi-weather-cloudy:before {
  content: "\F590";
}

.mdi-weather-fog:before {
  content: "\F591";
}

.mdi-weather-hail:before {
  content: "\F592";
}

.mdi-weather-lightning:before {
  content: "\F593";
}

.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}

.mdi-weather-night:before {
  content: "\F594";
}

.mdi-weather-partlycloudy:before {
  content: "\F595";
}

.mdi-weather-pouring:before {
  content: "\F596";
}

.mdi-weather-rainy:before {
  content: "\F597";
}

.mdi-weather-snowy:before {
  content: "\F598";
}

.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}

.mdi-weather-sunny:before {
  content: "\F599";
}

.mdi-weather-sunset:before {
  content: "\F59A";
}

.mdi-weather-sunset-down:before {
  content: "\F59B";
}

.mdi-weather-sunset-up:before {
  content: "\F59C";
}

.mdi-weather-windy:before {
  content: "\F59D";
}

.mdi-weather-windy-variant:before {
  content: "\F59E";
}

.mdi-web:before {
  content: "\F59F";
}

.mdi-webcam:before {
  content: "\F5A0";
}

.mdi-webhook:before {
  content: "\F62F";
}

.mdi-webpack:before {
  content: "\F72A";
}

.mdi-wechat:before {
  content: "\F611";
}

.mdi-weight:before {
  content: "\F5A1";
}

.mdi-weight-kilogram:before {
  content: "\F5A2";
}

.mdi-whatsapp:before {
  content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}

.mdi-white-balance-auto:before {
  content: "\F5A5";
}

.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}

.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}

.mdi-white-balance-sunny:before {
  content: "\F5A8";
}

.mdi-widgets:before {
  content: "\F72B";
}

.mdi-wifi:before {
  content: "\F5A9";
}

.mdi-wifi-off:before {
  content: "\F5AA";
}

.mdi-wii:before {
  content: "\F5AB";
}

.mdi-wiiu:before {
  content: "\F72C";
}

.mdi-wikipedia:before {
  content: "\F5AC";
}

.mdi-window-close:before {
  content: "\F5AD";
}

.mdi-window-closed:before {
  content: "\F5AE";
}

.mdi-window-maximize:before {
  content: "\F5AF";
}

.mdi-window-minimize:before {
  content: "\F5B0";
}

.mdi-window-open:before {
  content: "\F5B1";
}

.mdi-window-restore:before {
  content: "\F5B2";
}

.mdi-windows:before {
  content: "\F5B3";
}

.mdi-wordpress:before {
  content: "\F5B4";
}

.mdi-worker:before {
  content: "\F5B5";
}

.mdi-wrap:before {
  content: "\F5B6";
}

.mdi-wrench:before {
  content: "\F5B7";
}

.mdi-wunderlist:before {
  content: "\F5B8";
}

.mdi-xamarin:before {
  content: "\F844";
}

.mdi-xamarin-outline:before {
  content: "\F845";
}

.mdi-xaml:before {
  content: "\F673";
}

.mdi-xbox:before {
  content: "\F5B9";
}

.mdi-xbox-controller:before {
  content: "\F5BA";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}

.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

.mdi-xbox-controller-off:before {
  content: "\F5BB";
}

.mdi-xda:before {
  content: "\F5BC";
}

.mdi-xing:before {
  content: "\F5BD";
}

.mdi-xing-box:before {
  content: "\F5BE";
}

.mdi-xing-circle:before {
  content: "\F5BF";
}

.mdi-xml:before {
  content: "\F5C0";
}

.mdi-xmpp:before {
  content: "\F7FE";
}

.mdi-yammer:before {
  content: "\F788";
}

.mdi-yeast:before {
  content: "\F5C1";
}

.mdi-yelp:before {
  content: "\F5C2";
}

.mdi-yin-yang:before {
  content: "\F67F";
}

.mdi-youtube-creator-studio:before {
  content: "\F846";
}

.mdi-youtube-gaming:before {
  content: "\F847";
}

.mdi-youtube-play:before {
  content: "\F5C3";
}

.mdi-youtube-tv:before {
  content: "\F448";
}

.mdi-zip-box:before {
  content: "\F5C4";
}

.mdi-blank:before {
  content: "\F68C";
  visibility: hidden;
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: white;
}

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(45deg);
            transform: scaleX(-1) rotate(45deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: scaleY(-1) rotate(45deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(90deg);
            transform: scaleX(-1) rotate(90deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: scaleY(-1) rotate(90deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(135deg);
            -ms-transform: rotate(135deg);
            transform: scaleY(-1) rotate(135deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(180deg);
            transform: scaleX(-1) rotate(180deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: scaleY(-1) rotate(180deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(225deg);
            transform: scaleX(-1) rotate(225deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(225deg);
            -ms-transform: rotate(225deg);
            transform: scaleY(-1) rotate(225deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(270deg);
            transform: scaleX(-1) rotate(270deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: scaleY(-1) rotate(270deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
        // Not included in production
        &.mdi-flip-h:before {
            -webkit-transform: scaleX(-1) rotate(315deg);
            transform: scaleX(-1) rotate(315deg);
            filter: FlipH;
            -ms-filter: "FlipH";
        }
        &.mdi-flip-v:before {
            -webkit-transform: scaleY(-1) rotate(315deg);
            -ms-transform: rotate(315deg);
            transform: scaleY(-1) rotate(315deg);
            filter: FlipV;
            -ms-filter: "FlipV";
        }
        */
}

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  -webkit-filter: FlipH;
          filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-filter: FlipV;
          filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.mdi {
  display: inline-block;
}

.mdi::before {
  vertical-align: middle;
}

.icon--checkbox::before {
  border: 1px solid #afafaf;
  -webkit-box-shadow: inset 0 0 0 2px #f6f5f1;
          box-shadow: inset 0 0 0 2px #f6f5f1;
  content: '';
  height: 18px;
  width: 18px;
}

.icon--checkbox-checked::before {
  background-color: #5e5f61;
  -webkit-box-shadow: inset 0 0 0 3px #f6f5f1;
          box-shadow: inset 0 0 0 3px #f6f5f1;
}

.ui-widget {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
}

.ui-widget .ui-widget {
  font-size: 1rem;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea {
  height: auto;
  padding: inherit;
}

.ui-widget table tbody tr:nth-child(even) {
  background-color: inherit;
}

.ui-widget tbody,
.ui-widget tfoot {
  border: inherit;
}

.ui-widget-content {
  background: white;
  border: 1px solid #cacaca;
  color: #222;
}

.ui-widget-content a {
  color: #222;
}

.ui-widget-header {
  background: #f3f3f3;
  border: 1px solid #e6e6e6;
  color: #222;
  font-weight: normal;
}

.ui-widget-header a {
  color: #222;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background: none;
  border: 1px solid transparent;
  color: #222;
  font-weight: normal;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #5F6062;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #e6e6e6;
  border: 1px solid #cacaca;
  color: #222;
  font-weight: normal;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #525354;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #5F6062;
  border: 1px solid #5F6062;
  color: #FFFFFF;
  font-weight: normal;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #dfdfe0;
  border: 1px solid #cfcfd0;
  color: #222;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #5F6062;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  background: #e09520;
  border: 1px solid #e09520;
  color: #FFFFFF;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #FFFFFF;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #FFFFFF;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  font-weight: normal;
  opacity: .7;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  background-image: none;
  opacity: .35;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}

.ui-widget-overlay {
  background: rgba(10, 10, 10, 0.45);
  opacity: 1;
}

.ui-widget-shadow {
  background: #cacaca;
  border-radius: 8px;
  margin: 0;
  opacity: .3;
  padding: 5px;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  border: 0;
  margin: 1px !important;
}

/**
 * fullPage 2.6.0
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 * Contribution by Jhony0311
 */
.page_home {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#superContainer {
  height: 100%;
  position: relative;
  /* Touch detection for Windows 8 */
  -ms-touch-action: none;
  /* IE 11 on Windows Phone 8.1*/
  touch-action: none;
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  /* <=28 */
  box-sizing: border-box;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-section.fp-table[class*='hide-for-'], .fp-section.fp-table[class*='show-for-'], .fp-slide.fp-table[class*='hide-for-'], .fp-slide.fp-table[class*='show-for-'] {
  display: table !important;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: scroll;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 50%;
  opacity: 1;
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li:hover #fp-nav ul li a.active span,
#fp-slidesNav ul li:hover #fp-nav ul li a.active span, #fp-nav ul li:hover
.fp-slidesNav ul li a.active span,
#fp-slidesNav ul li:hover
.fp-slidesNav ul li a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li:hover .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

.fp-slidesNav ul li {
  display: inline-block;
}

*[class^='icon-']:before {
  content: ' ';
  display: inline-block !important;
}

.icon-arrow-left:before {
  background-image: url(../images/sprite.png);
  background-position: -46px -105px;
  width: 23px;
  height: 20px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon-arrow-left:before {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.icon-arrow-right:after {
  background-image: url(../images/sprite.png);
  background-position: -115px -105px;
  width: 23px;
  height: 20px;
  content: ' ';
  display: inline-block !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon-arrow-right:after {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.kleur_show h1, .kleur_show h2 {
  font-size: 0.93333rem;
  font-weight: 600;
  text-transform: none;
}

.kleur_show h2 {
  letter-spacing: normal;
}

.kleur_show a.no-pointer {
  pointer-events: none;
}

.kleur_show a.no-pointer img {
  pointer-events: all;
}

.kleur_show .thumb,
.kleur_show .kleur.preview {
  padding-right: 6px;
}

.kleur_show .thumb .shadow,
.kleur_show .kleur.preview .shadow {
  margin: 0 0 6px 0;
}

.kleur_show .thumb .shadow:last-child,
.kleur_show .kleur.preview .shadow:last-child {
  margin-bottom: 0;
}

.kleur_show .thumb .shadow {
  position: relative;
  display: block;
}

.kleur_show .thumb .shadow:after {
  content: ' ';
  -webkit-transition: -webkit-box-shadow 500ms ease;
  transition: -webkit-box-shadow 500ms ease;
  transition: box-shadow 500ms ease;
  transition: box-shadow 500ms ease, -webkit-box-shadow 500ms ease;
}

.kleur_show .thumb .shadow:hover:after {
  -webkit-box-shadow: inset 0 0 0 25px rgba(255, 255, 255, 0.7);
          box-shadow: inset 0 0 0 25px rgba(255, 255, 255, 0.7);
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 99999;
}

.kleur_show .kleur.preview {
  padding-left: 0;
}

.kleur_show .kleur.preview div[data-preview-image] {
  background-position: center;
  background-size: cover;
  height: calc(100% - 56px);
}

.kleur_show .kleur.preview div.buttons {
  height: 50px;
  margin: 6px -3px;
}

.kleur_show .kleur.preview div.buttons .column {
  padding: 0 3px;
}

.kleur_show .kleur.preview div.buttons span {
  bottom: 0px;
  position: relative;
  height: 42px;
}

.kleur_show .kleur.preview div.buttons .icon-arrow-left:before {
  margin: 0 10px -5px 0;
}

.kleur_show .kleur.preview div.buttons .icon-arrow-right:after {
  margin: 0 0 -5px 10px;
}

.kleur_show .kleur.preview div.buttons a, .kleur_show .kleur.preview div.buttons span {
  background: #e9e8e2 none;
  color: #5F6062;
  font-weight: normal;
  height: 50px;
  text-transform: uppercase;
  width: 100%;
}

.kleur_show .kleur.preview div.buttons span {
  line-height: 1.7;
}

.kleur_show .kleur.preview div.buttons a:hover {
  background: #f6f5f1;
  -webkit-transition: background, .25ms ease-in-out;
  transition: background, .25ms ease-in-out;
}

.kleur_show .kleur.preview a {
  display: block;
  position: relative;
  height: auto;
  width: auto;
}

.kleur_show .kleur.preview a:hover {
  background-color: #f6f5f1;
}

.kleur_show .kleur.preview a.button.secondary {
  bottom: 110px;
  position: absolute;
}

.kleur_show .kleur.preview a.button.secondary:hover {
  background: rgba(255, 255, 255, 0.5);
}

.kleur_show .column.information {
  padding-left: 0;
}

.kleur_show .column.information > .row {
  background: #f6f5f1;
  margin: 0 0 6px 0;
  padding: 15px 25px 0 25px;
}

.kleur_show .column.information > .row.cta-buttons {
  background: none;
  padding: 0;
}

.kleur_show .column.information .toepassingen img {
  margin-bottom: 5px;
}

.kleur_show .column.information .toepassingen a {
  color: #5F6062;
  display: inline-block;
  line-height: 1.3;
  margin: 0 15px 20px 0;
  text-align: center;
  vertical-align: top;
  width: 85px;
}

.kleur_show .column.information .toepassingen a:last-child {
  margin-right: 0;
}

.kleur_show .column.information .toepassingen a:hover {
  color: #B6A67A;
}

.kleur_show .column.information .toepassingen span {
  display: block;
}

/* Preview functionaliteit */
[data-preview-image]:not(:first-child) {
  display: none;
}

@media only screen and (max-width: 900px) {
  .kleur .buttons a {
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media only screen and (max-width: 43em) {
  .kleur_show .horizontal-thumbs .row {
    margin: 0 -3px;
  }
  .kleur_show .horizontal-thumbs .column {
    padding: 0 3px;
  }
  .kleur_show .thumb {
    padding-right: 13px;
  }
  .kleur_show .thumb img {
    margin-right: 6px;
  }
  .kleur_show .thumb img:last-child {
    margin-bottom: 6px;
    margin-right: 0;
  }
  .kleur_show .kleur.preview {
    height: 486px;
    padding: 0 14px;
  }
  .kleur_show .kleur.preview a.button.secondary {
    bottom: 60px;
    margin: 0 20px 20px 20px;
  }
  .kleur_show .column.information {
    padding-left: 1rem;
  }
  .kleur_show .kleur.preview div[data-preview-image] {
    height: calc(100% - 62px);
  }
}

/* Kleuren overzicht */
.general-filter {
  float: left;
  width: 100%;
}

.top-bar-section ul.tabs {
  float: left;
  position: relative;
  z-index: 10;
}

.top-bar-section ul.tabs li a:hover, .top-bar-section ul.tabs li.tab-title.active a, .top-bar-section ul.tabs li.tab-title.active a:hover {
  background: url(../images/hover_bar.jpg) no-repeat 25px 42px !important;
  color: #B6A67A;
}

.top-bar-section ul.tabs li a {
  padding-right: 15px !important;
  text-transform: uppercase;
}

.top-bar-section ul.tabs span {
  margin-left: 5px;
}

.top-bar-section ul.tabs span,
.top-bar-section ul.tabs li a:hover span {
  color: #BCBDBD;
}

.tabs-content {
  margin-bottom: 0;
}

.tabs-content > .content.active {
  padding: 0;
  position: relative;
}

.overview {
  padding: 0 0 0 25px;
}

.overview ul {
  margin: 0;
  overflow: visible;
}

.overview li {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0 6px 6px 0;
  width: 16.66667%;
}

.overview li a, .overview li .hoverable {
  -webkit-box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.7);
          box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.7);
  -webkit-transition: -webkit-box-shadow 500ms ease;
  transition: -webkit-box-shadow 500ms ease;
  transition: box-shadow 500ms ease;
  transition: box-shadow 500ms ease, -webkit-box-shadow 500ms ease;
}

.overview li a:hover, .overview li.current a, .overview li .hoverable:hover {
  -webkit-box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 0.7);
          box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 0.7);
}

.overview a, .overview .hoverable {
  display: block;
}

.overview img {
  position: relative;
  vertical-align: top;
  width: 100%;
  z-index: -1;
}

.kleurenoverzicht-keuze .inline-list {
  width: 100%;
}

@media only screen and (min-width: 43.0625em) {
  .overview li:nth-of-type(24) ~ li {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 43em) {
  .top-bar .top-bar-section .general-filter {
    margin-top: 1rem;
  }
  .top-bar .top-bar-section .general-filter .tabs {
    margin: 0 10px;
  }
  .top-bar .top-bar-section .general-filter .tabs li a {
    padding: 0 7px !important;
  }
}

.language-switch {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}

.language-switch--backend {
  position: relative;
  display: inline-block;
  float: right;
}

.language-switch a {
  background: rgba(255, 255, 255, 0.7);
  color: #5F6062;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  height: 45px;
  padding: 0 1rem;
  position: relative;
  width: 45px;
  text-align: center;
  line-height: 45px;
}

.language-switch a.current {
  color: #B6A67A;
}

.language-switch a.current::after {
  background-color: #B6A67A;
  bottom: .66rem;
  content: '';
  display: inline-block;
  height: 2px;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 33%;
}

.language-switch a + a {
  margin-left: .25rem;
}

.language-switch a + a::before {
  background: #BCBDBD;
  content: '';
  display: inline-block;
  height: 1.5rem;
  left: -.125rem;
  position: absolute;
  width: 1px;
}

.transparent_header .language-switch {
  right: 25px;
}

.transparent_header .language-switch a + a::before {
  display: none;
}

@media only screen and (max-width: 43em) {
  .language-switch a {
    padding: 0 .75rem;
  }
  .language-switch a.current::after {
    width: 40%;
    bottom: .4rem;
  }
  .language-switch a + a::before {
    height: 45px;
  }
  .transparent_header .language-switch {
    right: 0;
  }
}

.issuuembed span:last-of-type {
  text-align: center !important;
  display: block;
  padding: 0 0 10px 0 !important;
  background-color: #e6e6e6;
  margin-bottom: 10px;
}

.magazine-form .medium-centered {
  max-width: 280px;
}

/* Offerte formulier */
.offerte-form > .column {
  margin: 0 auto;
  max-width: 1310px;
}

.offerte-form .medium-8 .errorMessage {
  margin-bottom: 0;
}

.offerte-form .medium-8 .errorMessage.hide {
  display: none;
}

.offerte-form .small-labels label {
  min-width: 100px;
  width: 25%;
}

.offerte-form h1 {
  font-size: 1.33333rem;
}

.offerte-form__step {
  color: #BCBDBD;
  float: left;
  margin-left: -24px;
}

.offerte-form__step.required {
  color: #5F6062;
  margin-left: 0;
}

.offerte-form .column .offerte-form__nestedfields > div + div {
  padding-top: 1rem;
}

.offerte-form .column .offerte-form__nestedfields > div input, .offerte-form .column .offerte-form__nestedfields > div select, .offerte-form .column .offerte-form__nestedfields > div textarea {
  margin-top: 0;
}

.offerte-form form.offerte > div.row {
  background: #f6f5f1;
  margin: 0 1% 1% 0;
  padding: 15px 15px 15px 0;
}

.offerte-form form.offerte > div.row > div > label {
  display: inline;
  font-weight: bold;
  text-transform: uppercase;
}

.offerte-form form.offerte input[type="text"], .offerte-form form.offerte input[type="email"] {
  height: auto;
  max-width: 240px;
  padding: 6px;
}

.offerte-form form.offerte select, .offerte-form form.offerte input[type="number"], .offerte-form form.offerte .ie9-fix input {
  height: 19px;
  padding: 0 0 0 6px;
  width: 80px;
}

.offerte-form form.offerte select {
  width: 90px;
}

.offerte-form form.offerte .radiobuttonlist {
  margin-bottom: 0;
}

.offerte-form form.offerte .radiobuttonlist span {
  margin-left: 0;
}

.offerte-form form.offerte .radiobuttonlist > span {
  padding: 0 !important;
}

.offerte-form form.offerte .button.secondary {
  background: #b6a679 url(../images/offerte_button.png) no-repeat right center;
  background-size: 33px 33px;
  color: #fff;
  margin-bottom: 0;
  padding: 8px 50px 8px 15px;
}

.offerte-form form.offerte .button.secondary:hover {
  background-color: #a39059;
}

.offerte-form form.offerte .slick-slide span {
  margin-left: 0;
  padding-left: 0;
}

.offerte-form .slick-slider-container {
  height: 76px;
}

.offerte-form .slick-slider {
  overflow: hidden;
}

.offerte-form .slick-slider * {
  outline: none;
}

.offerte-form .slick-slider img {
  width: 100%;
}

.offerte-form .slick-slider button {
  height: 20px;
  margin: -22px 0 0 0;
  outline: 0;
  padding: 0;
  text-indent: -9999px;
  width: 25px;
}

.offerte-form .slick-slider button:hover {
  background-color: #fff;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

.offerte-form .slick-slider .slick-prev {
  background-image: url(../images/sprite.png);
  background-position: 0px -105px;
  width: 23px;
  height: 20px;
  float: left;
  left: 0;
  margin-left: 5px;
  position: relative;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .offerte-form .slick-slider .slick-prev {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.offerte-form .slick-slider .slick-next {
  background-image: url(../images/sprite.png);
  background-position: -69px -105px;
  width: 23px;
  height: 20px;
  float: right;
  margin-right: 3px;
  position: relative;
  right: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .offerte-form .slick-slider .slick-next {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.offerte-form .slick-slide {
  display: none;
  margin: 0 5px;
}

.offerte-form .slick-slide:first-child {
  display: inline-block;
}

.offerte-form .slick-slide span {
  display: block;
  margin: 0;
  padding-top: 3px;
  text-align: center;
  text-transform: uppercase;
}

.offerte-form .slick-slider, .offerte-form .slick-track, .offerte-form .slick-list {
  height: auto;
}

.offerte-preview {
  background-color: #f6f5f1;
  padding: 15px 80px 0px 80px;
}

.offerte-preview .offerte-kleur {
  display: none;
  height: 270px;
  margin-bottom: 40px;
  overflow: hidden;
}

.offerte-preview img {
  margin-bottom: 40px;
}

.offerte-preview strong {
  display: inline-block;
  text-transform: uppercase;
}

.offerte-preview div {
  display: none;
}

.offerte-preview div:first-child {
  display: block;
}

.offerte-preview ul, .offerte-preview span {
  display: block;
}

.offerte-preview .button {
  background: #b6a679 url(../images/offerte_button.png) no-repeat right center;
  background-size: 33px 33px;
  color: #fff;
  margin-bottom: 0;
  padding: 8px 50px 8px 15px;
}

.offerte-preview .button:hover {
  background-color: #a39059;
}

.offerte-list {
  margin-bottom: 0;
}

.offerte-list li strong {
  padding-right: 10px;
}

.offerte-list li strong:first-child {
  color: #BCBDBD;
  margin-right: 15px;
}

.offerte-list li span {
  padding-right: 10px;
}

.offerte-list li p {
  margin-bottom: 0;
}

.offerte-list li p:last-child {
  margin-bottom: 10px;
}

.offerte-list__total > span {
  display: inline !important;
  padding: 0 !important;
}

.project-title {
  line-height: 1;
  margin-bottom: 5px;
}

.houtstaal {
  padding-left: 30px;
}

.houtstaal table caption {
  padding-bottom: 10px;
}

.houtstaal table tr {
  padding-bottom: 5px;
}

.houtstaal table tr td:first-child {
  padding-left: 0;
}

.houtstaal table tr td {
  line-height: 1.2rem;
}

.magazine-form form.offerte > div.row {
  margin: 1%;
}

@media only screen and (min-width: 880px) {
  .offerte-form .offerte-preview ul {
    display: table;
  }
  .offerte-form .offerte-preview ul > strong {
    display: table-caption;
  }
  .offerte-form .offerte-preview ul li {
    display: table-row;
  }
  .offerte-form .offerte-preview ul li strong, .offerte-form .offerte-preview ul li span {
    display: table-cell;
    line-height: 1.3;
    padding-bottom: 10px;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 860px) {
  .offerte-form form.offerte > div.row {
    padding: 15px 15px 15px 30px;
  }
  .offerte-form form.offerte > div.row > .medium-8 {
    width: 100%;
  }
  .offerte-form .offerte-preview {
    padding: 15px;
    width: 100%;
  }
}

@media only screen and (max-width: 64em) {
  .offerte-list li > span, .offerte-list li > p {
    display: block;
    margin-left: 43px;
  }
}

@media only screen and (max-width: 43em) {
  .row.offerte-form .medium-12.medium-centered,
  .row.offerte-form .medium-6.column {
    padding-right: 0;
    padding-left: 0;
  }
  .row.offerte-form form.offerte > div.row {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
  .row.offerte-form form.offerte span {
    margin-right: 5px;
  }
  .row.offerte-form .offerte-list {
    margin-bottom: 20px;
  }
}

/* Project overzichtspagina */
.kleurfilter,
.vloerfilter,
.vloerverwarmingfilter {
  color: #bcbcbc;
}

.kleurfilter:before,
.vloerfilter:before,
.vloerverwarmingfilter:before {
  content: ' : ';
  color: #bcbcbc;
}

.kleurfilter:hover,
.vloerfilter:hover,
.vloerverwarmingfilter:hover {
  color: #B6A67A;
}

.active-filter-container {
  text-transform: uppercase;
  color: #BCBDBD;
  margin-bottom: 6px;
}

.active-filter-container .inner {
  background: #f6f5f1;
  height: 40px;
}

.touch .project-filter ul.tabs > li a:hover {
  background: #f6f5f1  !important;
  color: #5F6062;
}

.projecten > li > a > img {
  width: 100%;
}

.project-filter ul.tabs {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
}

.project-filter ul.tabs a {
  padding: 1rem;
  padding-right: 32px;
}

.project-filter ul.tabs a:hover {
  color: #B6A67A;
}

.project-filter ul.tabs a:hover span {
  color: #B6A67A;
}

.project-filter ul.tabs li:first-child a {
  padding-right: 1rem;
}

.project-filter ul.tabs .has-dropdown > a {
  background: url(../images/icons/projecten-dropdown.png) no-repeat right 12px top 19px;
}

.project-filter ul.tabs .has-dropdown > a:hover {
  background: url(../images/icons/projecten-dropdown-hover.png) no-repeat right 12px top 19px;
}

.project-filter ul.tabs .has-dropdown.hover > a {
  background: url(../images/icons/projecten-dropdown-hover.png) no-repeat right 12px top 19px;
}

.project-filter ul.tabs .f-dropdown {
  outline: none;
  min-width: 175px;
}

.project-filter ul.tabs .f-dropdown li:last-child a {
  padding-bottom: 20px;
}

.project-filter ul.tabs .f-dropdown li.parent-link {
  display: none !important;
}

.project-filter ul.tabs .f-dropdown li.active:hover a,
.project-filter ul.tabs .f-dropdown li.active a {
  color: #B6A67A;
}

.project-filter ul.tabs .f-dropdown li a, .project-filter ul.tabs .f-dropdown li.active a {
  line-height: 1rem;
  padding: 15px 15px 0 32px;
}

.project-filter ul.tabs .f-dropdown li.active:hover a:before,
.project-filter ul.tabs .f-dropdown li.active a:before,
.project-filter ul.tabs .f-dropdown li:hover a:before {
  content: "\203A";
  position: absolute;
  left: 15px;
}

/* Project detailpagina */
.project-detail .section {
  background-position: bottom center;
  min-height: 20px;
}

.project-detail .section.foto-vloerdetail {
  overflow: hidden;
}

.project-info {
  background: #fff;
  padding: 15px 45px;
  position: relative;
}

.project-info strong {
  display: block;
}

.project-info .projecttext h1 {
  font-size: 0.93333rem;
  font-weight: bold;
}

.project-info .projecttext p {
  margin-bottom: 0;
}

.project-info .project-properties {
  height: 100%;
}

.project-info .project-properties div {
  border-left: 1px solid #BCBDBD;
  height: 100%;
}

.project-info .button.secondary {
  background-color: transparent;
  border: 1px solid #fff;
  top: -80px;
  color: #fff;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 190px;
  position: absolute;
}

.project-info .button.secondary:hover {
  background: rgba(188, 189, 189, 0.4);
  -webkit-transition: background, .25ms, ease;
  transition: background, .25ms, ease;
}

.project-info .button.secondary.emphasized {
  background-color: rgba(95, 96, 98, 0.45);
  color: #fff;
}

.project-info .button.secondary.emphasized:hover {
  background-color: rgba(95, 96, 98, 0.3);
}

.project-info .button.secondary.metprijsblok {
  top: -160px;
}

.foto-vloerdetail {
  height: 100vh;
}

.foto-vloerdetail__prijsblok {
  display: block;
  background: rgba(233, 232, 226, 0.3);
  bottom: 9%;
  color: #3A3C3D !important;
  font-size: 1.06667rem;
  padding: 1.06667rem;
  padding-right: 250px;
  position: absolute;
  right: 0;
}

.foto-vloerdetail__prijsblok__prijs {
  font-size: 1.33333rem;
}

a.foto-vloerdetail__prijsblok:hover {
  background: rgba(233, 232, 226, 0.5);
  color: #3A3C3D !important;
}

a.foto-vloerdetail__prijsblok:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  width: 20px;
  height: 30px;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../images/next--noborder.svg);
  background-repeat: no-repeat;
  background-size: 14px 25px;
  background-position: center;
}

/* Animatie voor inladen afbeeldingen, alleen als er javascript is */
.js .project-info {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.js .foto-vloerdetail {
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .project-info strong {
    display: inline-block;
    margin-right: 10px;
  }
  .project-info .project-properties div {
    height: 33.33%;
  }
  .project-info .project-cta-buttons a {
    font-size: 0.8rem;
  }
  .projecten {
    padding: 0;
  }
  .foto-vloerdetail__prijsblok {
    padding-right: 100px;
  }
}

@media only screen and (max-width: 43em) {
  .project-filter ul.tabs .has-dropdown > a,
  .project-filter ul.tabs .has-dropdown.hover > a,
  .project-filter ul.tabs .has-dropdown > a:hover {
    background-position: right 12px top 17px;
  }
  .project-filter ul.tabs .dropdown li.active:hover a:before,
  .project-filter ul.tabs .dropdown li.active a:before,
  .project-filter ul.tabs .dropdown li:hover a:before {
    left: 6px;
    font-size: 15px;
  }
  .active-filter-container {
    background: #fff;
  }
  .active-filter-container .inner {
    background: #fff;
  }
  .project-info {
    position: relative;
  }
  .project-info div {
    margin-bottom: 10px;
  }
  .project-info .project-properties div {
    border-left: 0;
    padding-left: 0;
  }
  .project-info .button.secondary.metprijsblok {
    top: -80px;
  }
  .project-detail .top-bar-section .left > li > .dropdown {
    background: #fff;
  }
  .project-detail .top-bar-section .left > li > .dropdown > li.hier > a {
    background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
    color: #B6A67A !important;
  }
  .project-detail .top-bar-section .left > li > .dropdown > li.open > a {
    background: none;
    color: #5F6062;
  }
  .project-detail .top-bar-section .left > li > .dropdown > li.open > a + .level2 li.hier > a {
    background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
    color: #B6A67A !important;
  }
  .project-detail .top-bar-section .left > li > .dropdown li a:hover {
    background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
  }
  .project-detail .top-bar-section li.menu.has-dropdown:not(.has-form) > a:not(.button) {
    height: 60px;
  }
  .project-detail .top-bar-section .has-dropdown > a:after {
    display: none;
  }
  .project-detail .contain-to-grid .top-bar-section li.menu.has-dropdown.hover:not(.has-form) > a:not(.button) {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
  }
  .project-detail .contentcontainer .section {
    background-image: none !important;
  }
  .project-detail .section {
    height: auto;
    min-height: 0;
  }
  .project-detail .section.foto-vloerdetail {
    min-height: 260px;
  }
  .project-detail .slider-buttons {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .projecten {
    padding: 0;
    margin: 0 -14px;
  }
  .projecten li:nth-child(even) {
    padding-right: 0;
  }
  .projecten li:nth-child(odd) {
    padding-left: 0;
  }
  .project-filter {
    margin-top: 10px;
    padding: 10px 10px 5px 10px;
    width: 100%;
  }
  .project-filter,
  .project-filter, .project-filter ul.tabs > li > a,
  .project-filter, .project-filter ul.tabs > li > a:hover,
  .project-filter, .project-filter ul.tabs > li.active {
    background-color: #f6f5f1 !important;
  }
  .project-cta-buttons a {
    border-right: none;
    border-left: none;
  }
  .foto-vloerdetail__prijsblok {
    padding: 1.06667rem;
    bottom: 28%;
  }
  a.foto-vloerdetail__prijsblok {
    padding-right: 40px;
  }
  .js .project-info {
    opacity: 1;
  }
  .js .foto-vloerdetail {
    opacity: 1;
  }
  .project-info > .row {
    margin-bottom: 0;
  }
  .project-info > .row > .column:last-child {
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 600px) {
  .project-filter .title.back {
    display: none !important;
  }
  .project-filter .tabs {
    width: 100%;
  }
  .project-filter .tabs > li {
    display: block;
    padding: 5px 0;
    float: none;
  }
  .project-filter .tabs > li a {
    display: inline-block;
    width: auto;
  }
  .project-filter .tabs > li a + span {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    background-color: transparent;
  }
}

.is-full-reveal-open {
  overflow: hidden;
}

.reveal-modal:focus {
  outline: none;
}

.reveal-modal.full {
  border-radius: 0;
  overflow-y: auto;
  position: fixed !important;
  top: 0 !important;
}

.reveal-modal--large {
  max-width: 1000px;
}

.reveal-modal--medium {
  max-width: 600px;
}

.reveal-modal--small {
  max-width: 500px;
}

.reveal-modal > .row,
.reveal-modal form > .row:not(.formpanel) {
  margin-left: -1rem;
  margin-right: -1rem;
  max-width: none;
  width: auto;
}

.popup {
  background: #f6f5f1;
  color: #5F6062;
  font-family: 'Open Sans', sans-serif;
}

.popup img {
  width: 100%;
}

.popup .title {
  background-image: url(../images/header_bar.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  display: block;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 4px;
  margin-bottom: 1rem;
  padding: 0 0 2rem 0;
  text-align: center;
  text-transform: uppercase;
}

.popup .subtitle {
  display: block;
  font-size: 20px;
  margin-bottom: 1rem;
  text-align: center;
}

.popup .button.secondary {
  background: #b6a679 url(../images/offerte_button.png) no-repeat right center;
  background-size: 33px 33px;
  color: #fff;
  margin-bottom: 0;
  padding: 8px 50px 8px 15px;
}

.popup .button.secondary:hover {
  background-color: #a39059;
}

.popup__mobile-link {
  display: none;
}

.popup__image-container {
  display: block;
  margin-bottom: .75rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.popup__button-container > .column:first-child {
  padding-right: .5rem;
}

.popup__button-container > .column:last-child {
  padding-left: .5rem;
}

.popup__button-container .button {
  padding-bottom: .75rem;
  padding-top: .75rem;
}

@media only screen and (min-width: 43.0625em) {
  .popup--magazine {
    max-width: 550px;
  }
  .popup--adviesgesprek {
    max-width: 1000px;
  }
}

@media only screen and (max-width: 43em) {
  .reveal-modal {
    padding: 1rem;
  }
  .reveal-modal .titlewrap {
    margin-right: 15px;
  }
  .reveal-modal .close-reveal-modal {
    top: .25rem;
    right: .75rem;
  }
  .popup {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    bottom: 0;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
    padding: 1rem 2rem;
    position: fixed;
    top: auto !important;
  }
  .popup .title {
    display: none;
  }
  .popup .subtitle {
    display: none;
  }
  .popup .close-reveal-modal {
    top: 7px;
    right: .5rem;
    font-size: 2rem;
  }
  .popup__mobile-link {
    display: inline-block;
    font-size: 1.25rem;
    line-height: 1.75;
    position: relative;
    top: -2px;
    margin-bottom: .25rem;
  }
  .popup__content > .column {
    padding: 0;
  }
  .popup__image-container {
    max-height: 12.5vh;
    margin-bottom: .75rem;
  }
  .popup__image-container img {
    -webkit-transform: translateY(-25%);
            transform: translateY(-25%);
    position: relative;
  }
  .popup__button-container > .column:first-child {
    padding-right: .5rem;
  }
  .popup__button-container > .column:last-child {
    padding-left: .5rem;
  }
  .popup__button-container .button {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  -bg--popup {
    background: none;
  }
}

.routeform {
  background: #f6f5f1;
  padding: 1rem;
  margin-bottom: 1rem;
}

.routeform label {
  display: none;
}

.routeform input[type=text] {
  padding: 0.93333rem;
  height: auto;
}

.routeform .button {
  margin-bottom: 0;
}

@media only screen and (min-width: 64.0625em) {
  .routeform input[type=text] {
    margin-bottom: 0;
  }
}

.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-search .select2-search--inline {
  margin: 0;
  width: 100% !important;
}

.select2-container .select2-search--inline {
  clear: both;
  float: none;
}

.select2.select2-container,
.select2-search__field {
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  display: block;
  padding: 5px 10px;
}

.select2.select2-container {
  border-radius: 0;
  border: 1px solid #ddd !important;
  margin-top: .5rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
  border-radius: 0 !important;
  border: none !important;
}

.select2-container--default .select2-selection--single {
  border: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  background-color: #FFFFFF;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin: 0;
  padding: 1rem;
}

.select2-container--open .select2-dropdown--below {
  border-top: 1px solid #aaa !important;
}

.select2-search--dropdown {
  border-bottom: 1px solid #aaa;
  padding: 5px;
}

.select2-container--default .select2-selection--single {
  border: none;
}

.select2-container--default .select2-selection--single *:focus {
  outline: none;
}

.select2-container--default .select2-results > .select2-results__options {
  width: 100%;
}

.sitemap.contentblock {
  max-width: 850px;
}

.sitemap {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sitemap ul {
  display: block;
}

.sitemap .level2 > li {
  margin-top: 1rem;
}

.sitemap .level2 > li > a {
  font-size: 1.46667rem;
  text-transform: uppercase;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.no-js .slick-slider,
.no-js .slick-list,
.no-js .slick-track {
  height: auto;
}

.no-js .slick-slide.hastext {
  display: block;
  width: 100%;
}

.slick-slider, .slick-list, .slick-track {
  background-size: cover;
  height: 100vh;
  width: 100%;
  margin-bottom: 0;
}

.slick-slide {
  background-size: cover;
  position: relative;
}

.slick-slide .button.secondary, .slick-slide .button.secondary-cta {
  background-color: transparent;
  border: 1px solid #fff;
  bottom: 10%;
  color: #fff;
  left: 50%;
  margin-left: -100px;
  position: absolute;
}

.slick-slide .button.secondary:hover, .slick-slide .button.secondary-cta:hover {
  background: rgba(188, 189, 189, 0.4);
  -webkit-transition: background, .25ms, ease;
  transition: background, .25ms, ease;
}

.slick-slide .button.secondary-cta {
  bottom: 25%;
}

.slick-dots {
  bottom: 20px;
  list-style-type: none;
  margin: 0;
  position: absolute;
  width: 100%;
  text-align: center;
}

.slick-dots li {
  background-color: #fff;
  border-radius: 30px;
  position: relative;
  height: 10px;
  width: 10px;
  display: inline-block;
  margin: 0 10px;
  text-indent: -9999px;
}

.slick-dots li:hover:before, .slick-dots li.slick-active:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 1px solid #fff;
  border-radius: 15px;
}

.slick-dots li:hover {
  cursor: pointer;
}

.slick-dots li button {
  width: 0;
  height: 0;
}

.slick-dots li button:before {
  content: ' ';
  width: 0;
  height: 0;
}

.slick-dots button {
  padding: 0;
}

.slider-buttons {
  left: 0;
  position: absolute;
  top: 48%;
  width: 100%;
}

.slider-buttons .prev, .slider-buttons .next {
  height: 42px;
  margin: 0;
  outline: 0;
  padding: 0;
  text-indent: -9999px;
  width: 42px;
}

.slider-buttons .prev:hover, .slider-buttons .next:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

.slider-buttons .prev {
  background: transparent url(../images/prev.png) no-repeat;
  float: left;
  margin-left: 25px;
}

.slider-buttons .next {
  background: transparent url(../images/next.png) no-repeat;
  float: right;
  margin-right: 25px;
}

.table {
  display: table;
}

.table-cell {
  display: table-cell;
}

.table-cell.vertical-align-middle {
  vertical-align: middle;
}

.slick-slide .table {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 43em) {
  .slick-dots {
    display: none !important;
  }
}

.table-default {
  width: 100%;
}

.table-default td, .table-default th {
  border: 1px solid #CCCCCC;
  line-height: 1.4;
  padding: .75rem;
  vertical-align: top;
}

.table-default td, .table-default th, .table-default p, .table-default li {
  font-size: 0.86667rem;
}

.table-default tfoot {
  background: #fff;
}

.table-default tfoot td {
  font-weight: inherit;
}

.table-default--always-scroll {
  display: block;
  overflow-x: auto;
}

.table--planning th {
  font-size: 12px;
  padding: 6px;
}

.table--planning td {
  padding: 5px;
  font-size: 12px;
}

.table--planning a.button {
  white-space: nowrap;
}

.row--undercover {
  background: #FFFFFF;
}

.row--undercover td {
  border: 0;
  border-left: 0;
  border-right: 0;
  height: 50px;
  min-height: 50px;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.row--undercover__floating-title {
  position: absolute;
}

.row--multiheader {
  background: #F5F5F5 !important;
}

.row--double-border {
  border-top: 2px solid #CCCCCC;
}

.row--double-border:first-child,
.row--multiheader + .row--double-border {
  border-top: 1px solid #CCCCCC;
}

.row--info {
  border-left: 3px solid #57acc2;
  background-color: #e6f3f6 !important;
}

.row--success {
  border-left: 3px solid #66a56f;
  background-color: #e8f2e9 !important;
}

.row--near-success {
  border-left: 3px solid #a066a5;
  background-color: #f1e8f2 !important;
}

.row--low-warning {
  border-left: 3px solid #eacb33;
  background-color: #fcf7e0 !important;
}

.row--warning {
  border-left: 3px solid #e09520;
  background-color: #faefde !important;
}

.row--alert {
  border-left: 3px solid #C75252;
  background-color: #f7e5e5 !important;
}

.table-nav {
  float: right;
  margin-bottom: 1rem;
}

.table-nav__text {
  display: inline-block;
  margin-left: 1rem;
}

.table-nav__text + .button {
  margin-left: 1rem;
}

.table-nav__prev.button, .table-nav__next.button {
  padding-left: 0.74667rem;
  padding-right: 0.74667rem;
}

.table-nav .button {
  margin-bottom: 0;
}

.table-nav .button .mdi {
  margin: -.5rem 0;
  line-height: 0;
}

.dashboard__header .table-nav {
  margin-bottom: 0;
}

@media only screen and (min-width: 64.0625em) and (max-width: 90em) {
  .table-default--scroll-on-large {
    display: block;
    overflow-x: auto;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .table-default--scroll-on-medium {
    display: block;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 43em) {
  .table-default {
    display: block;
    overflow-x: auto;
  }
  .table-nav {
    float: none;
  }
  .dashboard__header .table-nav {
    margin-top: .5rem;
  }
}

.top-bar-section .left > li > .dropdown {
  background: #fff;
}

.top-bar-section .left > li > .dropdown > li.hier > a {
  background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
  color: #B6A67A !important;
}

.top-bar-section .left > li > .dropdown > li.open > a {
  background: none;
  color: #5F6062;
}

.top-bar-section .left > li > .dropdown > li.open > a + .level2 li.hier > a {
  background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
  color: #B6A67A !important;
}

.top-bar-section .left > li > .dropdown li a:hover {
  background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
}

.top-bar-section li.menu.has-dropdown:not(.has-form) > a:not(.button) {
  height: 60px;
}

.top-bar-section .has-dropdown > a:after {
  display: none;
}

.contain-to-grid .top-bar-section li.menu.has-dropdown.hover:not(.has-form) > a:not(.button) {
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.contain-to-grid {
  padding: 10px 0;
}

.top-bar .title-area {
  z-index: 5;
}

.top-bar-section .left > li > .dropdown {
  font-size: 0.93333rem;
  left: -188px;
  margin-top: 15px;
  min-width: 264px;
  opacity: 0;
  padding: 10px 0 20px 0;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
  z-index: 11;
}

.top-bar-section .left > li > .dropdown li.haschildren.open.hier .level2, .top-bar-section .left > li > .dropdown li.haschildren.open .level2 {
  clip: auto;
  display: block;
  left: 0;
  position: relative !important;
}

.top-bar-section .left > li > .dropdown li a {
  display: block;
  line-height: 1;
  padding: 11px 0 11px 25px;
  text-transform: uppercase;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
}

.top-bar-section .left > li > .dropdown .level2 {
  display: none;
}

.top-bar-section .menu.has-dropdown.hover > .dropdown {
  opacity: 0.8;
}

.top-bar-section li.menu.has-dropdown {
  width: 76px;
}

.top-bar-section li.menu.has-dropdown .level2 {
  margin-top: 10px;
}

.top-bar-section li.menu.has-dropdown .level2 li {
  padding-left: 20px;
  padding-top: 5px;
}

.top-bar-section li.menu.has-dropdown a:after {
  display: none;
}

.top-bar-section li.menu.has-dropdown > a {
  height: 63px;
}

.top-bar-section li.active:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button):hover {
  background: none;
}

.top-bar-section ul.tabs li a {
  outline: none;
  text-transform: uppercase;
}

.top-bar-section .breadcrumbs {
  float: left;
  margin-left: 3px;
}

.top-bar-section .breadcrumbs > *:before {
  background: none;
  margin: 0;
  padding-top: 2px;
  top: 0;
}

.top-bar-section .breadcrumbs li > a {
  background: none !important;
  display: inline;
  font-weight: normal;
  height: 100%;
  line-height: 2.6;
  padding: 0 15px !important;
}

.transparent_header .breadcrumbs {
  background: rgba(0, 0, 0, 0.2);
}

.transparent_header .breadcrumbs li {
  background: rgba(255, 255, 255, 0.8) !important;
  height: 80px;
  padding-top: 11px;
}

.transparent_header .contain-to-grid {
  background: none;
  padding-top: 0;
  position: absolute;
}

.transparent_header .top-bar-section ul .divider {
  border: 0;
}

.transparent_header .top-bar-section ul li {
  background: none;
}

.transparent_header .top-bar-section ul li.menu.has-dropdown:not(.has-form) > a:not(.button) {
  background: rgba(0, 0, 0, 0.2) url(../images/nav_toggle_wide--notext.svg) no-repeat center center;
  height: 80px;
  padding-top: 15px;
}

.transparent_header .top-bar-section ul li.menu.has-dropdown.hover:not(.has-form) > a:not(.button) {
  background: rgba(0, 0, 0, 0.2) url(../images/nav_toggle_expanded_wide.svg) no-repeat center center;
}

.transparent_header .top-bar {
  background: none;
  height: 5.66667rem;
  margin: 0 !important;
}

.transparent_header .top-bar .name > span > a {
  margin-left: 25px;
  margin-right: 3px;
  padding: 0;
}

.transparent_header .top-bar-section .left li .dropdown {
  margin-top: 3px;
}

.transparent_header .textblock {
  padding-top: 100px;
}

.transparent_header .logo img {
  background-color: rgba(0, 0, 0, 0.2);
  vertical-align: top;
}

/* menuknop */
.buttons-container {
  cursor: pointer;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  height: 60px;
  line-height: 60px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 45px;
}

.buttons-container .lines-button {
  background: none;
  border: none;
  display: inline-block;
  height: 2px;
  left: 0;
  outline: none;
  position: relative;
  top: -3px;
  width: 45px;
}

.buttons-container .lines-buttonspan {
  display: block;
}

.buttons-container .text {
  display: none;
}

.buttons-container .ie.text {
  bottom: -42px;
}

/* ====================== lines button ==================================================*/
.transparent_header .buttons-container {
  display: none;
}

.lines-button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.lines-button .lines {
  background: #5F6062;
  display: inline-block;
  height: 2px;
  margin: 0 auto;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 36px;
}

.lines-button .lines:before, .lines-button .lines:after {
  background: #5F6062;
  content: '';
  display: inline-block;
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: 0.28571rem center;
  -webkit-transform-origin: 0.28571rem center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 36px;
}

.lines-button .lines:before {
  content: "";
  top: -10px;
}

.lines-button .lines:after {
  content: "";
  top: 10px;
}

.lines-button:active {
  -webkit-transition: none;
  transition: none;
}

.hover .lines-button.arrow {
  left: 11px;
  top: -12px;
}

.hover .lines-button.arrow .lines {
  -webkit-transform: translate(20px, 0);
          transform: translate(20px, 0);
  width: 33px;
}

.hover .lines-button.arrow .lines:before, .hover .lines-button.arrow .lines:after {
  top: 0;
  width: 17px;
}

.hover .lines-button.arrow .lines:before {
  left: -1px;
  top: -2px;
  -webkit-transform: rotateZ(-40deg);
          transform: rotateZ(-40deg);
}

.hover .lines-button.arrow .lines:after {
  left: -1px;
  top: 2px;
  -webkit-transform: rotateZ(40deg);
          transform: rotateZ(40deg);
}

.hover .lines-button.arrow-up {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
}

.hover .text {
  opacity: 0;
}

/* menuknop */
@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .top-bar .name > span > a {
    padding-left: 25px;
  }
  .overview .top-bar-section ul.tabs li a {
    padding-right: 0 !important;
  }
}

@media only screen and (max-width: 43em) {
  .contain-to-grid {
    padding: 5px 0;
  }
  .contain-to-grid .logo img {
    height: 31px;
  }
  .transparent_header .contain-to-grid .logo img {
    height: auto;
  }
  .top-bar {
    height: 2.5rem;
    line-height: 2.5rem;
  }
  .top-bar .name {
    height: 2.5rem;
  }
  .top-bar .name span {
    line-height: 2.5rem;
  }
  .top-bar .name span a {
    padding: 0 0 0 1rem;
    margin-right: 10px;
  }
  .top-bar .title-area {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .top-bar .top-bar-section ul li.menu.has-dropdown:not(.has-form) > a:not(.button) {
    background: rgba(0, 0, 0, 0.2) url(../images/nav_toggle--small.svg) no-repeat top left;
    height: 45px;
  }
  .top-bar .top-bar-section ul li.menu.has-dropdown.hover:not(.has-form) > a:not(.button) {
    background: rgba(0, 0, 0, 0.2) url(../images/nav_toggle_expanded--small.svg) no-repeat top left;
  }
  .top-bar .top-bar-section li.menu.has-dropdown {
    width: 45px;
  }
  .top-bar .top-bar-section .menu.has-dropdown.hover > .dropdown {
    opacity: 0.9;
  }
  .top-bar .top-bar-section .left li .dropdown {
    margin-top: -11px;
    margin-left: 6px;
  }
  .top-bar .top-bar-section .left li .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    font-size: 14px;
  }
  .top-bar .top-bar-section .left > li > .dropdown {
    left: -161px;
  }
  .top-bar .top-bar-section ul.tabs > li a:hover, .top-bar .top-bar-section ul.tabs > li.tab-title.active a, .top-bar .top-bar-section ul.tabs > li.tab-title.active a:hover {
    background-position: 15px 4px !important;
  }
  .top-bar .top-bar-section ul.tabs li a {
    font-size: 12px !important;
    padding: 0 15px !important;
  }
  .top-bar .top-bar-section ul.tabs li:not(.has-form) a:not(.button) {
    line-height: 2.6em;
  }
  .top-bar .top-bar-section > ul > .divider,
  .top-bar .top-bar-section .top-bar-section > ul > [role="separator"] {
    height: 2.5rem;
  }
  .top-bar .top-bar-section li.menu.has-dropdown {
    height: 2.5rem;
  }
  .top-bar .buttons-container {
    padding-left: 0;
    padding-right: 0;
    width: 45px;
    height: 54px;
    line-height: 54px;
    display: block;
  }
  .top-bar .buttons-container .lines-button {
    top: -13px;
  }
  .top-bar .buttons-container .lines-button .lines, .top-bar .buttons-container .lines-button .lines::before, .top-bar .buttons-container .lines-button .lines::after {
    width: 25px;
  }
  .transparent_header .top-bar {
    height: 4rem;
  }
  .transparent_header .top-bar .left li .dropdown {
    margin-top: 3px;
    margin-left: 6px;
    min-width: 252px;
  }
  .transparent_header .top-bar .name > span > a {
    height: 45px;
    margin-left: 7px;
    overflow: hidden;
  }
  .transparent_header .top-bar .name > span > a img {
    position: relative;
  }
  .transparent_header .top-bar ul li.menu.has-dropdown:not(.has-form) {
    width: 45px;
    height: 45px;
  }
  .transparent_header .top-bar ul li.menu.has-dropdown:not(.has-form) > a:not(.button) {
    height: 45px;
    padding: 0 1.25rem;
  }
  .hover .lines-button.arrow {
    top: -20px;
    left: 12px;
  }
}

.text--alert {
  color: #C75252;
}

.text--success {
  color: #66a56f;
}

.text--warning {
  color: #e09520;
}

.text--info {
  color: #57acc2;
}

.text--large {
  font-size: 1.2rem;
}

.text--caps {
  text-transform: uppercase;
}

.text--faded {
  opacity: .85;
}

.heading--small {
  font-size: 1.13333rem;
}

.paragraph--no-margin {
  margin: 0;
}

@media only screen and (max-width: 43em) {
  .small-float-left {
    float: left;
  }
  .small-float-right {
    float: right;
  }
}

@media only screen and (min-width:43.0625em) {
  .medium-float-left {
    float: left;
  }
  .medium-float-right {
    float: right;
  }
}

@media only screen and (min-width:64.0625em) {
  .large-float-left {
    float: left;
  }
  .large-float-right {
    float: right;
  }
}

.advies__list li {
  line-height: 1.2;
}

.advies__list li + li {
  margin-top: .5rem;
}

.advies__list p {
  margin: 0;
}

.advies__vloerregel .offerte-kleur {
  margin: 0 0 1rem 0;
  overflow: hidden;
}

.alert-message {
  display: inline-block;
  padding: 0 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.alert-message.success {
  color: #66a56f;
}

.alert-message.alert {
  color: #C75252;
}

.alert-message p {
  margin: 0;
}

.alert-message .has-tip {
  border-bottom: none;
  color: inherit;
}

@media only screen and (max-width: 43em) {
  .alert-message {
    padding: 0 1rem 1rem 0;
    clear: both;
  }
}

.page--backend [class*='heading-h'] {
  display: block;
}

.page--backend .top-bar-section .menu.has-dropdown.hover > .dropdown {
  opacity: 1;
}

.page--backend .offerte-preview {
  height: 100%;
}

.page--backend .subnav .menu > li.open > a, .page--backend .subnav .menu > li.hier > a {
  color: #B6A67A;
}

.page--backend .subnav .menu > li a:focus {
  background: none;
}

.titlewrap {
  max-width: 1280px;
  margin: 0 auto;
}

.spacer {
  display: inline-block;
  width: 1rem;
}

@media only screen and (min-width: 43.0625em) {
  .page--backend [data-equalizer] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.planning-column {
  overflow: hidden;
}

.planning-column .dashboard__header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.planning-column .scrollable {
  width: 100%;
  overflow-x: scroll;
}

.calendar {
  display: block;
  width: 750px;
}

.calendar th,
.calendar td {
  padding: 5px;
  text-align: left;
  border-left: #c1c1c1 1px solid;
}

.calendar__week {
  border-bottom: 1px solid #cacaca;
}

.calendar__week td,
.calendar__week th {
  padding-bottom: 10px;
  padding-top: 10px;
}

.calendar__week .day-start {
  border-left: 1px #000 solid;
}

.calendar__week .sticky {
  position: absolute;
  background: #f6f5f1;
  z-index: 1001;
}

.calendar__day--week-start {
  border-left: 1px solid #CCCCCC;
}

.calendar__label {
  color: #8a8a8a;
}

.calendar__labels {
  background: none;
  border-bottom: 1px solid #8a8a8a;
}

.calendar__labels .calendar__label {
  padding-top: 0;
}

.calendar__labels .month-label {
  padding-right: 170px;
}

.calendar__legenda {
  background: none;
}

.calendar__legenda tr th,
.calendar__legenda tr td {
  font-weight: normal;
  padding-top: 20px;
}

.calendar__legenda .inline-list {
  margin-bottom: 0;
}

.calendar__legenda .mdi::before,
.calendar .mdi::before {
  color: #afafaf;
}

/* Grid view loading style */
.planning-loading {
  position: relative;
}

.planning-loading:after {
  content: url(../images/ajax-loader.gif);
  left: 50%;
  position: absolute;
  top: 50%;
  margin: -8px 0 0 -8px;
  z-index: 99999;
}

.planning-loading > * {
  opacity: 0.2;
}

@media only screen and (min-width: 64.0625em) {
  .calendar th,
  .calendar td {
    padding: 10px;
  }
}

@media screen and (max-width: 768px) {
  .calendar {
    width: 640px;
  }
}

.clientmeta__photo {
  border: 1px solid #DDDDDD;
  padding: 5px;
  margin: 0 1rem 0 0;
  width: 80px;
}

.clientmeta__info {
  float: left;
}

.clientmeta__name {
  display: block;
  font-size: 2rem;
  text-transform: none;
  margin-top: -.5rem;
}

.clientmeta__name small {
  font-weight: normal;
  padding: 0 0 0 1rem;
}

.clientmeta__address {
  line-height: 2;
}

.clientmeta__address .mdi {
  line-height: 1;
}

.clientmeta__actions {
  float: right;
}

@media only screen and (max-width: 43em) {
  .clientmeta__info {
    float: none;
    margin-bottom: 1rem;
  }
  .clientmeta__name small {
    display: block;
    padding: 0;
  }
  .clientmeta__actions {
    display: none;
  }
}

.clientprogress {
  padding: 0;
  margin-left: 0;
  width: 100%;
}

.clientprogress .mdi {
  vertical-align: middle;
  float: left;
  margin-left: -2rem;
  line-height: 1;
}

.clientprogress__step {
  border-top: 1px solid #DDDDDD;
  list-style: none;
  padding: 1rem 0 1rem 2rem;
}

.clientprogress__step--unavailable > * {
  opacity: .5;
}

.clientprogress__title {
  display: block;
}

.clientprogress__events {
  padding: 0;
  margin: 0;
}

.clientprogress__event {
  line-height: 1.4;
  padding: 0;
  margin: .75rem 0 0 0;
  list-style: none;
}

.clientprogress__event > * {
  margin-right: 5px;
}

.clientprogress__event a {
  display: block;
}

.clientprogress__quotationaccepted {
  color: #66a56f;
}

@media only screen and (min-width: 64.0625em) {
  .clientprogress__event a {
    display: inline-block;
  }
}

.dashboard__header {
  background: #f6f5f1;
  margin-bottom: 1rem;
  padding: 1rem 0;
}

.dashboard__content {
  padding-bottom: 4rem;
}

.dashboard .column {
  vertical-align: middle;
}

.dashboard__title {
  display: inline-block;
}

.dashboard__title h1 {
  font-size: 2rem;
  line-height: 1.6;
  margin: 0;
}

.dashboard__title h1 small {
  padding: 0 0 0 1rem;
}

.dashboard__meta {
  margin-top: -.5rem;
}

.dashboard__logout {
  display: inline-block;
  margin: 0 1.5rem 0 0;
}

.dashboard__cancel {
  display: inline-block;
  margin: .8rem 1.5rem 0 0;
}

.dashboard__action.button {
  background: #b6a679;
  color: #ffffff;
  float: right;
  line-height: 24px;
  margin: 0;
  padding: 0.8rem 2.5rem;
}

.dashboard__action.button .mdi {
  float: left;
  margin-right: 5px;
}

.dashboard__action.button:hover, .dashboard__action.button:focus {
  background-color: #a39059;
  color: #ffffff;
}

.dashboard__action.button.success {
  background: #66a56f;
}

.dashboard__action.button.success:hover, .dashboard__action.button.success:focus {
  background: #55915e;
}

.dashboard__action.button.alert {
  background: #C75252;
}

.dashboard__action.button.alert:hover, .dashboard__action.button.alert:focus {
  background: #b73b3b;
}

.dashboard__action.button.tiny {
  font-size: 0.93333rem;
  padding: .5rem;
}

.dashboard__action.button + .dashboard__action {
  margin-left: 1rem;
}

.dashboard__tabs.menu {
  display: block;
  margin: 1rem 0 -1rem !important;
  padding: 0;
}

.dashboard__tabs.menu .tab-title + .tab-title {
  margin-left: .25rem;
}

.dashboard__tabs.menu .tab-title > a:not(.button) {
  background: #eaeae6;
  font-size: 0.86667rem;
  font-weight: bold;
  padding: 1rem;
}

.dashboard__tabs.menu .tab-title > a:not(.button):hover {
  background: rgba(0, 0, 0, 0.1);
}

.dashboard__tabs.menu .tab-title.open > a:not(.button), .dashboard__tabs.menu .tab-title.hier > a:not(.button) {
  background-color: #FFFFFF;
  color: #B6A67A;
}

.dashboard__tabs.menu .tab-title--warning::after, .dashboard__tabs.menu .tab-title--alert::after {
  background: #5F6062;
  border-radius: 50%;
  color: #FFFFFF;
  content: attr(data-alert);
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  position: absolute;
  right: -6px;
  text-align: center;
  top: -6px;
  width: 18px;
  z-index: 99;
}

.dashboard__tabs.menu .tab-title--warning.tab-title--exclamation::after, .dashboard__tabs.menu .tab-title--alert.tab-title--exclamation::after {
  content: '!';
}

.dashboard__tabs.menu .tab-title--warning::after {
  background: #e09520;
}

.dashboard__tabs.menu .tab-title--alert::after {
  background: #C75252;
}

.dashboard__tabs.menu .tabs__dropdownbutton {
  background: rgba(0, 0, 0, 0.1);
  margin: 0 0 0 1px;
  padding: 12px 6px;
}

.dashboard__tabs.menu .tabs__dropdownbutton:hover {
  background: rgba(0, 0, 0, 0.1);
}

.dashboard__tabcontent {
  overflow: auto;
}

.dashboard__dropdown {
  background-color: #eaeae6;
  width: auto;
}

.dashboard__dropdown a {
  white-space: nowrap;
}

.dashboard__dropdown li.open a:not(.button), .dashboard__dropdown li.hier a:not(.button) {
  color: #B6A67A;
}

@media only screen and (max-width: 43em) {
  .dashboard__action.button {
    padding: .5rem;
    width: 100%;
    margin: .5rem 0;
  }
  .dashboard__action.button ~ .button {
    margin: 0 0 .5rem;
  }
  .dashboard__action.button:first-child {
    margin-top: 0;
  }
  .dashboard__tabs.menu {
    margin: 1rem 0 0 0 !important;
  }
  .dashboard__tabs.menu .tab-title {
    width: 100%;
  }
  .dashboard__tabs.menu .tab-title + .tab-title {
    margin-left: 0;
  }
  .dashboard__tabs.menu .tab-title > a:not(.button) {
    width: 100%;
  }
  .dashboard__tabs.menu .tab-title--warning::after, .dashboard__tabs.menu .tab-title--alert::after {
    top: 0;
    right: -6px;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
  }
  .dashboard__tabs.menu .tabs__dropdownbutton {
    position: absolute;
    right: 0;
    padding: 11px 6px;
  }
  .dashboard__dropdown {
    width: 100% !important;
    left: 0 !important;
    margin-top: 0;
  }
  .dashboard__belafspraakmobile {
    position: relative;
    top: -.35rem;
  }
}

.datablock {
  background-color: #fafafa;
  border: 1px solid #DDDDDD;
  padding: 1rem;
  margin: 0 0 1rem 0;
  width: 100%;
}

.datablock--top-spacing {
  margin-top: 1rem;
}

.datablock__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.datablock__container .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.datablock__container .column .button.tiny {
  margin: -.5rem -.5rem 0 .5rem;
}

.datablock__title {
  display: inline-block;
  font-size: 0.86667rem;
  margin-bottom: .5rem;
}

.datablock__info {
  clear: both;
  font-size: 0.86667rem;
}

.datablock table:last-child {
  margin-bottom: 0;
}

.datablock [class*=heading--] + table {
  margin-top: 1.25rem;
}

@media only screen and (max-width: 43em) {
  .datablock__container {
    display: block;
  }
}

.dependencyfield--separator {
  margin-bottom: 1.06667rem !important;
}

.dependencyfield .radiobuttonlist, .dependencyfield .checkboxlist {
  margin-bottom: 0;
}

.dependencyfield .checkboxfield, .dependencyfield .radiobuttonlist--inline {
  margin-bottom: .5rem;
}

.dependencyfield__dependency:not(.column) {
  overflow: hidden;
  width: 100%;
}

.dependencyfield__dependency--hidden {
  display: none;
}

.dashboard__content .row + .dependencyfield {
  margin-top: 1rem;
}

.page--backend label {
  font-weight: bold;
}

.page--backend .offerte-form > .medium-12 > .row > .medium-6 {
  padding: 0;
}

.page--backend .offerte-form form.offerte > div.row:last-child {
  margin-bottom: 0;
}

.page--backend .offerte-form .column select,
.page--backend .offerte-form .column input[type=text],
.page--backend .offerte-form .column input[type=date],
.page--backend .offerte-form .column input[type=radio],
.page--backend .offerte-form .column input[type=checkbox],
.page--backend .offerte-form .column input[type=number],
.page--backend .offerte-form .column input[type=email],
.page--backend .offerte-form .column input[type=time],
.page--backend .offerte-form .column textarea {
  height: auto;
  margin: .5rem 0 0 0;
  padding: 0.53333rem;
}

.page--backend .offerte-form .radiobuttonlist {
  margin-top: .5rem;
}

.page--backend select,
.page--backend .offerte-form form.offerte select {
  height: auto;
  max-width: 100%;
  padding-right: 2rem;
  width: auto;
}

.page--backend .select--full-width {
  width: 100%;
}

.page--backend .selectfield .selectfield {
  display: inline-block;
  margin-left: 4px;
}

.button--nomargin {
  margin: 0 !important;
}

.button.button--continue, .button.button--small-padding {
  background-color: #b6a679;
  margin: 0;
  padding: 8px 15px;
  color: #FFFFFF;
}

.button.button--continue:hover, .button.button--continue:focus, .button.button--small-padding:hover, .button.button--small-padding:focus {
  background-color: #a39059;
  color: #FFFFFF;
}

.button.button--small-padding {
  float: left;
}

.button.button--continue {
  background-image: url(../images/offerte_button.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 33px 33px;
  padding-right: 50px;
  float: right;
}

.button.disabled {
  cursor: not-allowed;
}

.page--backend .button.tiny {
  line-height: 24px;
  margin: -.5rem 0 .5rem 0;
  max-height: 32px;
  padding: .25rem .5rem;
}

.page--backend .button.tiny:not(.dashboard__action) .mdi {
  margin: 0;
}

.page--backend .button.tiny:not(.dashboard__action):hover, .page--backend .button.tiny:not(.dashboard__action):focus {
  background-color: #DDDDDD;
}

.page--backend .button.tiny + .button {
  margin-left: .5rem;
}

.button .mdi {
  margin: 0 .25rem 0 0;
}

.formpanel {
  background: #f6f5f1;
  display: block;
  margin: 0;
  padding: 1rem;
  margin-bottom: 1rem;
}

.formpanel.row {
  margin-bottom: 1rem !important;
}

.formpanel--savebar {
  margin: 0;
}

.formpanel--savebar .left + .left {
  margin-right: 1rem;
}

.formpanel--savebar .right + .right {
  margin-left: 1rem;
}

.formpanel--savebar .checkboxfield {
  margin-top: .8rem;
}

.formpanel--margin-bottom {
  margin-bottom: 1rem;
}

.formpanel--withlegend {
  padding-top: 3.5rem;
  position: relative;
}

.formpanel--withlegend legend {
  font-family: "Open Sans", sans-serif;
  font-size: 1.13333rem;
  font-weight: normal;
  position: absolute;
  text-transform: uppercase;
  top: 10px;
}

.formpanel textarea {
  max-width: 460px;
}

.formpanel .button:last-child {
  margin-bottom: 0;
}

.formpanel__legweek {
  padding-bottom: 1rem;
}

input.input--small {
  width: 240px;
}

.readonly {
  margin-bottom: 1rem;
}

.inputprice span {
  display: block;
  margin: .75rem 0;
}

.unit {
  display: block;
  position: relative;
}

.unit input {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}

.unit::after {
  display: inline-block;
  padding: 8px 0;
  position: relative;
}

.unit--m::after {
  content: 'm';
}

.unit--m2::after {
  content: 'm\00b2';
}

#add-adviesgesprek {
  max-width: 500px;
  width: auto;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes delayedFadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes delayedFadeOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.js .js-savebutton {
  overflow: hidden;
  padding-left: 20px !important;
  padding-right: 54px !important;
}

.js .js-savebutton:before, .js .js-savebutton:after {
  content: " ";
  display: table;
}

.js .js-savebutton:after {
  clear: both;
}

.js .js-savebutton:before {
  content: '\F12C';
  display: inline-block;
  font-family: 'Material Design Icons';
  font-size: 24px;
  margin: 0 10px 0 0;
  opacity: 0;
  position: relative;
  vertical-align: middle;
  z-index: 5;
}

.js .js-savebutton--saved {
  background-color: #66a56f;
}

.js .js-savebutton--saved:hover, .js .js-savebutton--savedfocus {
  background-color: #66a56f;
}

.js .js-autosave .js-savebutton {
  pointer-events: none;
}

.js .js-autosave .js-savebutton:before {
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
  content: '\F0E8';
  opacity: 1;
}

.js .js-autosave-complete .js-savebutton {
  position: relative;
}

.js .js-autosave-complete .js-savebutton:before {
  -webkit-animation: delayedFadeOut 1s linear;
          animation: delayedFadeOut 1s linear;
  background: #66a56f;
  -webkit-box-shadow: 0 0 0 999px #66a56f;
          box-shadow: 0 0 0 999px #66a56f;
  content: '\F12C';
}

.js .js-autosave-failed .js-savebutton {
  position: relative;
}

.js .js-autosave-failed .js-savebutton:before {
  -webkit-animation: delayedFadeOut 1s linear;
          animation: delayedFadeOut 1s linear;
  background: #C75252;
  -webkit-box-shadow: 0 0 0 999px #C75252;
          box-shadow: 0 0 0 999px #C75252;
  content: '\F156';
}

@media only screen and (min-width: 43.0625em) {
  .aangebodenlabel {
    position: absolute;
    left: 91.666%;
    top: 20px;
    font-weight: bold;
    font-size: 0.8rem;
  }
  .checkboxfield--aangeboden {
    margin-top: 11px;
  }
  .formpanel--savebar .dashboard__action.left {
    margin-right: 1rem;
    margin-left: 0;
  }
  .formpanel--savebar .dashboard__action.right {
    margin-left: 1rem;
    margin-right: 0;
  }
}

@media only screen and (max-width: 43em) {
  .inputprice span {
    margin-top: 0;
  }
  .formpanel--savebar {
    margin-bottom: .5rem;
  }
  .formpanel--savebar .button {
    float: none !important;
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .checkboxfield--aangeboden label {
    text-indent: 0 !important;
  }
  .aangebodenlabel {
    display: none;
  }
  .page--backend select,
  .page--backend .offerte-form form.offerte select {
    width: 100%;
  }
}

.grid-view {
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  position: relative;
}

.grid-view .items {
  width: 100%;
}

.grid-view thead tr {
  border-bottom: 1px solid #DDDDDD;
}

.grid-view thead th {
  background: #fff;
  padding: 0.5rem 0.5rem;
}

.grid-view tbody tr {
  border-bottom: 1px solid #DDDDDD;
}

.grid-view tr td:first-child, .grid-view tr th:first-child {
  padding-left: 0;
}

.grid-view tr td:last-child, .grid-view tr th:last-child {
  padding-right: 0;
}

.grid-view th, .grid-view th input, .grid-view th select {
  font-weight: normal;
}

.grid-view th, .grid-view td {
  padding: 1rem 0.5rem;
}

.grid-view td {
  line-height: 1.4;
}

.grid-view .datecell,
.grid-view .actions {
  white-space: nowrap;
}

.grid-view .datecell__td,
.grid-view .actions__td {
  padding-right: .5rem;
}

.grid-view .action-delete {
  display: inline-block;
  line-height: 40px;
  color: #5F6062;
}

.grid-view .action-delete:hover {
  color: #525354;
}

.grid-view .action-delete .mdi {
  vertical-align: middle;
}

.grid-view .action-delete__td {
  padding-left: 0;
}

.grid-view .filters td {
  padding: 0;
}

.grid-view .filters td input, .grid-view .filters td select {
  background-color: transparent;
  border-bottom: none;
  font-size: inherit;
  font-weight: 400;
  height: 48px;
  padding: 0 0.5rem;
  margin: 0;
  text-overflow: ellipsis;
}

.grid-view .filters td input:focus, .grid-view .filters td select:focus {
  border: none;
}

.grid-view .filters td ::-webkit-input-placeholder {
  color: #AAAAAA;
  font-style: italic;
}

.grid-view .filters td :-moz-placeholder {
  color: #AAAAAA;
  font-style: italic;
}

.grid-view .filters td ::-moz-placeholder {
  color: #AAAAAA;
  font-style: italic;
}

.grid-view .filters td :-ms-input-placeholder {
  color: #AAAAAA;
  font-style: italic;
}

.grid-view .asc,
.grid-view .desc,
.grid-view select:focus,
.grid-view input:focus,
.grid-view input:valid,
.grid-view .active {
  color: #000 !important;
}

.grid-view th a {
  color: inherit;
  display: block;
  position: relative;
}

.grid-view th a,
.grid-view .asc,
.grid-view .desc {
  cursor: pointer;
  white-space: nowrap;
}

.grid-view th a:before, .grid-view th a:after,
.grid-view .asc:before,
.grid-view .asc:after,
.grid-view .desc:before,
.grid-view .desc:after {
  font-family: "Material Design Icons";
  display: inline-block;
  font-size: 16px;
  position: relative;
  line-height: 1;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  width: 14px;
}

.grid-view .asc, .grid-view .desc {
  font-weight: bold;
}

.grid-view .asc:before, .grid-view .desc:before {
  content: "\F05D";
}

.grid-view th a:before, .grid-view th a:after {
  content: "\F360";
  margin: 0;
  left: -4px;
  top: -3px;
}

.grid-view th a:after {
  content: "\F35D";
  position: absolute;
  top: 4px;
}

.grid-view .asc:before,
.grid-view .desc:before {
  margin: 0 2px 0 0;
  top: 0;
  left: -2px;
}

.grid-view .asc:after,
.grid-view .desc:after {
  display: none;
}

.grid-view .desc:before {
  content: '\F045';
}

.grid-view__inforow + .grid-view__inforow {
  margin-top: .5rem;
}

.grid-view .pager {
  float: right;
}

.grid-view .pager .yiiPager {
  float: right;
  min-height: auto;
  margin: 0 0 2rem 2rem;
}

.grid-view-loading {
  cursor: wait !important;
}

.grid-view-loading * {
  cursor: wait !important;
}

.actions {
  margin: 0;
}

.actions .button {
  padding: .5rem .5rem .5rem 1rem;
  line-height: 1;
  margin: 0;
}

.actions li {
  list-style: none;
}

.actions .f-dropdown {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 8px 0 rgba(0, 0, 0, 0.12);
  padding: .5rem 1rem;
  max-width: 240px;
}

.actions .f-dropdown a:hover {
  color: #B6A67A;
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .grid-view th a,
  .grid-view .asc,
  .grid-view .desc {
    white-space: normal;
  }
  .grid-view--parketteur.dashboard-table td:nth-child(5) {
    word-break: break-all;
    word-wrap: break-word;
  }
  .grid-view a[href^="mailto:"] {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}

@media screen and (max-width: 760px) {
  .grid-view .pager {
    margin-bottom: 1rem;
    text-align: center;
  }
  .grid-view .pager .yiiPager {
    float: none;
    margin-left: 0;
    margin-top: .5rem;
  }
  .grid-view .pager .yiiPager li {
    margin-bottom: .5rem;
  }
  .grid-view-loading:after {
    position: fixed;
  }
  .grid-view.responsive-table {
    /* Responsive tabellen */
  }
  .grid-view.responsive-table table.items thead, .grid-view.responsive-table table.items thead tr {
    display: block;
  }
  .grid-view.responsive-table table.items thead {
    margin-bottom: 3px;
  }
  .grid-view.responsive-table table.items tr.filters {
    padding: 10px 10px 0 10px;
  }
  .grid-view.responsive-table table.items tr.filters td input,
  .grid-view.responsive-table table.items tr.filters td select {
    margin-bottom: 10px;
    background-color: #FFFFFF;
  }
  .grid-view.responsive-table table.items tr.filters + tr {
    border: none;
    padding: 10px;
  }
  .grid-view.responsive-table table.items tr.filters + tr:before, .grid-view.responsive-table table.items tr.filters + tr:after {
    content: " ";
    display: table;
  }
  .grid-view.responsive-table table.items tr.filters + tr:after {
    clear: both;
  }
  .grid-view.responsive-table table.items tr.filters + tr:before {
    content: 'Sorteer op';
    display: block;
    margin: 10px 0;
    clear: both;
  }
  .grid-view.responsive-table table.items tr.filters + tr td, .grid-view.responsive-table table.items tr.filters + tr th {
    font-size: 0;
    height: auto;
    padding: 0;
    float: left;
    margin-bottom: 20px;
    background: transparent;
  }
  .grid-view.responsive-table table.items tr.filters + tr td:before, .grid-view.responsive-table table.items tr.filters + tr td:after, .grid-view.responsive-table table.items tr.filters + tr th:before, .grid-view.responsive-table table.items tr.filters + tr th:after {
    content: " ";
    display: table;
  }
  .grid-view.responsive-table table.items tr.filters + tr td:after, .grid-view.responsive-table table.items tr.filters + tr th:after {
    clear: both;
  }
  .grid-view.responsive-table table.items tr.filters + tr a {
    background-color: #eee;
    outline: 5px solid #eee;
    display: block;
    font-size: 13px;
    white-space: nowrap;
    padding-right: 10px;
    margin-right: 18px;
    margin-left: 5px;
  }
  .grid-view.responsive-table table.items th:empty,
  .grid-view.responsive-table table.items td:empty {
    display: none;
  }
  .grid-view.responsive-table table.items {
    /* Force table to not be like tables anymore */
    display: block;
  }
  .grid-view.responsive-table table.items tbody, .grid-view.responsive-table table.items th, .grid-view.responsive-table table.items td, .grid-view.responsive-table table.items tr {
    display: block;
  }
  .grid-view.responsive-table table.items thead tr {
    border: none;
  }
  .grid-view.responsive-table table.items tbody {
    border-bottom: none;
  }
  .grid-view.responsive-table table.items tbody tr:nth-child(even) {
    background-color: #f7f7f7;
  }
  .grid-view.responsive-table table.items tbody tr + tr {
    border-top: none;
  }
  .grid-view.responsive-table table.items tbody > tr > td:last-child {
    border-bottom: none;
  }
  .grid-view.responsive-table table.items tfoot {
    margin: 10px 0 0 0;
    display: block;
  }
  .grid-view.responsive-table table.items tr {
    border: none;
  }
  .grid-view.responsive-table table.items th {
    padding-left: 7px;
  }
  .grid-view.responsive-table table.items tbody td,
  .grid-view.responsive-table table.items tfoot td {
    /* Behave  like a "row" */
    border: none;
    line-height: 1.4em;
    min-height: 23px;
    position: relative;
    padding-right: 10px;
    padding-left: 50%;
    width: auto !important;
    text-align: left;
  }
  .grid-view.responsive-table table.items tbody td .button,
  .grid-view.responsive-table table.items tfoot td .button {
    float: none;
  }
  .grid-view.responsive-table table.items tbody td:before,
  .grid-view.responsive-table table.items tfoot td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    font-weight: bold;
    font-size: 13px;
    top: 10px;
    left: -3px;
    width: 50%;
    padding: 4px 12px 0;
    content: attr(data-column-title);
  }
  .grid-view.dashboard-table table.items tr.filters td .button {
    margin-bottom: 0;
  }
  .grid-view.dashboard-table table.items tbody td:last-child {
    padding-left: 10px;
  }
  .grid-view.dashboard-table table.items tbody td:first-child:last-child:before {
    display: none;
  }
  .grid-view.dashboard-table table.items tbody td.button-column {
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-view .button-column {
    text-align: right;
    white-space: nowrap;
  }
  .grid-view .actions {
    width: 100%;
  }
  .grid-view .actions .button {
    width: 100%;
  }
  .grid-view .actions .f-dropdown {
    left: 10px !important;
  }
  .grid-view .action-delete__td {
    padding-top: 0;
    padding-left: 50% !important;
  }
  .grid-view .action-delete::after {
    content: attr(title);
    display: inline;
    position: relative;
    top: 2px;
  }
  .grid-view a[href^="mailto:"] {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}

.legenda {
  margin-bottom: 0;
  margin-top: .5rem;
}

.legenda__container {
  background: #FFFFFF;
  margin: -1rem -1rem 0;
  padding: 1rem;
  position: relative;
  z-index: 50;
}

.legenda__container.is_stuck {
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}

.legenda__collapse-button {
  float: right;
  background: transparent;
  padding: 0;
  margin: 0;
}

.legenda__heading {
  margin-bottom: 0;
}

.legenda__item:not(.legenda__item--custom-icon)::before,
.legenda__item .mdi {
  margin-right: .5rem;
}

.legenda__item::before {
  background: #FFFFFF;
  border: 1px solid #8a8a8a;
  content: '';
  display: inline-block;
  height: 1rem;
  position: relative;
  top: 2px;
  width: 1rem;
}

.legenda__item--custom-icon::before {
  display: none;
}

.legenda__item--info::before {
  background: #57acc2;
  border-color: #57acc2;
}

.legenda__item--near-success::before {
  background: #a066a5;
  border-color: #a066a5;
}

.legenda__item--success {
  border-color: #66a56f;
}

.legenda__item--success::before {
  background: #66a56f;
}

.legenda__item--low-warning::before {
  background: #eacb33;
  border-color: #eacb33;
}

.legenda__item--warning::before {
  background: #e09520;
  border-color: #e09520;
}

.legenda__item--alert::before {
  background: #C75252;
  border-color: #C75252;
}

.legenda .mdi::before {
  line-height: 1;
}

@media only screen and (max-width: 43em) {
  .legenda__item {
    float: none !important;
  }
}

.login {
  display: table;
  height: 100%;
  width: 100%;
}

.login__container {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.login__logo {
  margin: 0 0 2rem 0;
  width: 240px;
}

.login__form {
  max-width: 400px;
  margin: 0 auto;
}

.quotation__table .text-right {
  white-space: nowrap;
}

.quotation__table__collapse {
  border-bottom: none;
}

.quotation__table__collapse td, .quotation__table__collapse th {
  border-bottom: none;
  padding-bottom: 0;
}

.quotation__table__collapse + tr td, .quotation__table__collapse + tr th {
  border-top: none;
  padding-top: 0;
}

.quotation__actions {
  white-space: nowrap;
}

.repeatable-box {
  position: relative;
  padding: .5rem 0;
}

.repeatable-box.row,
.repeatable-box + .row {
  margin-top: 1rem;
}

.repeatable-box .column {
  min-height: 1px;
}

.repeatable-box:after {
  content: '';
  display: block;
  width: calc(100% - 1rem);
  height: 1px;
  background: #DDDDDD;
  position: relative;
  margin: 0.5rem 0.5rem 0 0.5rem;
  top: .5rem;
}

.repeatable-box:nth-child(2) .repeatable-box__remove-button {
  display: none;
}

.repeatable-box__label {
  margin-top: 7px;
}

.repeatable-box__select {
  width: 100% !important;
}

.repeatable-box__select__other {
  display: none;
  margin-top: 1rem;
}

.repeatable-box__add-button.button {
  margin: 1rem 0 2rem 0 !important;
  padding-left: 0.93333rem;
}

.repeatable-box__add-button.button:focus {
  outline: none;
}

.repeatable-box__remove-button {
  background: transparent;
  border: 0;
  color: #5F6062;
  padding: 0;
  margin: 0;
  font-size: 0.93333rem;
}

.repeatable-box__remove-button:hover {
  color: #C75252;
}

.repeatable-box__remove-button:focus {
  outline: none;
}

.repeatable-box__remove-button .mdi {
  line-height: 1;
}

.repeatable-box__title-row {
  padding-top: 7px;
  margin-bottom: .5rem;
}

.repeatable-box__title-row + .repeatable-box {
  margin-top: 0 !important;
}

.repeatable-box__totals.datablock {
  margin: 1rem 0;
}

.repeatable-box__totals__list {
  list-style: none;
  margin: 0;
}

.repeatable-box__totals__subtotal {
  font-weight: bold;
  text-align: left;
  font-size: 1rem;
  margin-bottom: .5rem;
}

.repeatable-box .unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  line-height: 2.5;
}

.repeatable-box .unit__flex-unit {
  white-space: nowrap;
}

.repeatable-box .unit input {
  width: 100%;
}

.repeatable-box .unit::after {
  padding: 0;
}

@media only screen and (min-width: 64.0625em) {
  .repeatable-box__remove-button span {
    display: none;
  }
  .repeatable-box .input--inline {
    width: 100%;
    max-width: none;
  }
  .repeatable-box .unit .input--inline {
    max-width: 5.5rem;
  }
}

@media only screen and (min-width: 43.0625em) {
  .repeatable-box {
    line-height: 2.5;
  }
  .repeatable-box__label {
    display: none;
  }
  .repeatable-box .checkboxfield--aangeboden {
    line-height: 1;
  }
}

@media only screen and (max-width: 64em) {
  .repeatable-box:after {
    margin-top: 0;
  }
  .repeatable-box__remove-button__container {
    padding-top: 1rem;
  }
  .repeatable-box__remove-button .mdi {
    margin-left: -4px;
  }
  .repeatable-box__remove-button span {
    display: inline-block;
    position: relative;
    top: 2px;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .repeatable-box__remove-button {
    margin: 0 0 1rem -2px;
  }
  .repeatable-box__text-input {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 43em) {
  .repeatable-box__remove-button {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: .5rem;
  }
}

.snackbar {
  color: #FFFFFF;
  padding: 1rem;
  margin-top: 10px;
}

.snackbar-content {
  display: block;
  padding-left: 2.5rem;
}

.snackbar-content:before, .snackbar-content:after {
  content: " ";
  display: table;
}

.snackbar-content:after {
  clear: both;
}

.snackbar__icon {
  position: absolute;
  left: 15px;
  line-height: 1;
}

.snackbar.alert {
  background-color: #C75252;
}

.snackbar.info {
  background-color: #5F6062;
}

.snackbar.warning {
  background-color: #e09520;
}

.snackbar.success {
  background-color: #66a56f;
}

@media only screen and (min-width: 43.0625em) {
  #snackbar-container {
    bottom: 20px;
  }
}

@media only screen and (max-width: 43em) {
  .snackbar {
    padding: .5rem;
  }
  .snackbar.snackbar-opened {
    margin: 0;
    border-radius: 0;
  }
}

.vloerregel__container {
  padding: 1rem;
}

.vloerregel__container .close {
  color: #AAAAAA;
  cursor: pointer;
  font-size: 2.66667rem;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  top: 0.66667rem;
  right: 1.46667rem;
}

.vloerregel--inkoop__ruimte + .vloerregel--inkoop__ruimte {
  border-top: 1px dotted #DDDDDD;
  padding-top: 1.33333rem;
  margin-top: 1.33333rem;
}

.workload__count {
  border: 1px solid #afafaf;
  display: inline-block;
  margin: 0 5px;
  padding: 3px 10px;
}

.workload__text, .workload__alert {
  float: left;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

.workload__alert {
  display: none;
}

.workload__alert .mdi::before {
  line-height: 1;
}

.workload__text {
  margin-right: 1rem;
}

.legweek__alert {
  display: none;
}

.legweek__alert .mdi::before {
  line-height: 1;
}

.legweek__text {
  margin-right: 1rem;
}

.no-js .offerte-form form.offerte #OfferteFormModel_kleur, .no-js .offerte-form form.offerte #OfferteFormModel_legpatroon, .no-js .offerte-form form.offerte #OfferteFormModel_houtsortering {
  display: block;
  width: auto;
}

/* Hier de styles die voor alle platformen gelden */
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  line-height: 1;
  margin-top: .5rem;
}

h2, h3, h4, h5, h6 {
  letter-spacing: 1px;
}

ul, ol {
  display: inline-block;
}

blockquote {
  background: transparent;
  content: "\201C" "\201D" "\2018" "\2019";
}

blockquote p:before {
  content: open-quote;
  float: left;
}

blockquote p:after {
  content: close-quote;
}

blockquote p {
  font-style: italic;
  font-weight: bold;
}

.hr--plus {
  overflow: visible;
}

.hr--plus::after {
  color: #5F6062;
  content: '+';
  display: inline;
  float: left;
  font-size: 1.2rem;
  height: 0;
  position: relative;
  top: -2rem;
}

.hr--dotted {
  border-style: dotted;
}

.section {
  background-size: cover;
  min-height: 100vh;
  position: relative;
}

.no-js .section {
  min-height: 0;
}

.section .prevblock, .section .nextblock {
  border: 0;
  color: #fff;
  height: 45px;
  left: 50%;
  margin-left: -22.5px;
  padding: 10px;
  position: absolute;
  text-transform: uppercase;
  -webkit-transition: background-color, .25s, ease;
  transition: background-color, .25s, ease;
  width: 45px;
  z-index: 9999;
}

.section .prevblock:hover, .section .nextblock:hover {
  background-color: rgba(255, 255, 255, 0.4);
  color: #fff;
  text-decoration: none;
}

.section .prevblock {
  background: url(../images/up.png) no-repeat center;
  top: 55px;
}

.section .nextblock {
  background: url(../images/down.png) no-repeat center;
  bottom: 87px;
}

body {
  color: #5F6062;
  font-size: 14px;
  height: 100%;
  min-height: 100%;
}

body > .container {
  min-height: 100%;
}

main {
  height: 100%;
  padding-bottom: 7em;
}

.button--fullwidth {
  width: 100%;
}

.button--light-bg:hover, .button--light-bg:focus {
  background: #dbdad0;
  color: #5F6062 !important;
}

.bg-image {
  bottom: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Class voor oa de slider buttons. Deze worden dan pas getoond, wanneer de slider getoond wordt */
.show-on-slider {
  opacity: 0;
  -webkit-transition: all .25s ease-in;
  transition: all .25s ease-in;
}

.no-js .show-on-slider {
  opacity: 1;
}

.preview {
  height: 100%;
  padding-left: 0;
}

.preview a {
  display: none;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.preview a:first-child {
  display: block;
}

.preview span {
  background: #f6f5f1 url(../images/preview_title_bg.png) no-repeat center top;
  bottom: 48px;
  display: block;
  font-weight: 600;
  height: 50px;
  padding-top: 14px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
}

.preview span.preview-title {
  bottom: 0;
  color: #5F6062;
  width: 100%;
}

.preview span.preview-title:hover {
  color: #B6A67A;
}

.preview .secondary.button {
  background: transparent;
  border: 1px solid #fff;
  bottom: 168px;
  color: #fff;
  display: inline-block;
  height: auto;
  left: 40px;
  letter-spacing: 2px;
  right: 50px;
  text-transform: uppercase;
}

.preview img {
  height: 100%;
  width: 100%;
}

@media only screen and (max-width: 900px) {
  .preview .secondary.button {
    padding: 1rem;
    left: 10px;
    right: 10px;
  }
}

.fp-responsive .fullpage {
  display: none;
}

/* Blokken */
.panel {
  font-size: 0.93333rem;
}

.panel .row {
  margin: 0;
}

.panel h1, .panel h2 {
  background-image: url(../images/header_bar.jpg);
  background-position: center bottom;
  background-repeat: no-repeat;
  font-size: 2.13333rem;
  letter-spacing: 4px;
  margin-bottom: 2rem;
  padding: 0 0 2rem;
  text-transform: uppercase;
}

.panel .cta-button {
  background: url(../images/link_bg.png) no-repeat left center;
  color: #B6A67A;
  display: inline-block;
  padding-left: 1.66667rem;
  text-transform: uppercase;
}

.panel .cta-button:hover {
  text-decoration: underline;
}

.panel.contact {
  padding-left: 7px;
  padding-right: 7px;
}

.panel.contact--home {
  padding-left: .5rem;
  padding-right: .5rem;
}

.panel.contact .contact-data {
  background: #f6f5f1;
  padding: 30px 0;
}

.panel.contact .contact-data:first-of-type {
  margin-bottom: 10px;
}

.panel.contact table, .panel.contact .contact-data__leftblock {
  float: left;
}

.panel.contact table a, .panel.contact .contact-data__leftblock a {
  color: #5F6062;
}

.panel.contact table a:hover, .panel.contact .contact-data__leftblock a:hover {
  color: #B6A67A;
}

.panel.contact .company {
  margin-bottom: 1rem !important;
}

.page_home .panel.contact .company {
  margin-bottom: 0 !important;
}

.panel.contact .company .address {
  float: left;
}

.panel.contact .company .address span {
  display: inline;
}

.panel.contact .company span {
  display: block;
}

.panel.contact .openingstijden strong {
  padding-right: 20px;
}

.panel.contact .openingstijden table {
  margin-bottom: 0;
  margin-left: 0;
}

.panel.contact .openingstijden td, .panel.contact .openingstijden th {
  line-height: 1.5;
  padding: 0;
}

.panel.contact .openingstijden td:last-child {
  padding-right: 0;
}

.panel.contact .openingstijden__extra {
  clear: both;
  padding-top: 1rem;
  text-align: right;
}

.panel.contact .openingstijden__extra p:last-child {
  margin-bottom: 0;
}

.panel.contact table {
  width: 100%;
}

.contact-data-compact-block {
  background: #f6f5f1;
  padding: 1.5rem;
}

.contact-data-compact-block__title a {
  color: #5F6062;
}

.contact-data-compact-block .button {
  margin-bottom: 0;
}

.contact-actions {
  margin: .5rem 0;
}

.contact-actions li {
  margin-bottom: 1rem;
}

.contact-actions a {
  font-weight: bold;
}

@media only screen and (max-width: 43em) {
  .contact-data-compact-block {
    margin-bottom: .5rem;
    padding: 1rem;
  }
  .contact-actions {
    margin: .25rem 0;
    font-size: .8rem;
  }
  .contact-actions li {
    float: left;
    margin-right: .5rem;
    margin-bottom: .5rem;
  }
  .panel.contact--home {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Kleur detail */
.detail-info {
  background: gray;
  padding: 8px;
}

.detail-info .properties p {
  border-left: 1px solid #efeee9;
  float: left;
  padding-left: 10px;
}

.detail-info .properties strong {
  display: block;
}

.textblock {
  background-position: center;
  padding: 55px 0 30px 0;
}

.textblock + .textblock {
  border-top: 5px solid #FFFFFF;
}

.textblock.small-bottom-margin {
  margin-bottom: 6px;
}

.textblock.dark-bg {
  background: #e9e8e2;
}

.textblock.light-bg {
  background: #f6f5f1;
}

.textblock.light-bg .button {
  background-color: #fff;
}

.textblock a:hover {
  text-decoration: underline;
}

.textblock .cta-button {
  background-color: #f6f5f1;
}

.textblock .cta-button:hover {
  background-color: #fff;
  text-decoration: none;
}

.section--padding-bottom {
  display: table;
  padding-bottom: 30px;
}

.textblock .contentblock .cta-button {
  background-color: transparent;
}

.textblock-link {
  background: #fff;
  color: #BCBDBD;
  display: block;
  padding: 10px 0;
  text-transform: uppercase;
}

.textblock-link:after {
  content: ' ';
  background-image: url(../images/sprite.png);
  background-position: 0px -125px;
  width: 15px;
  height: 13px;
  display: inline-block !important;
  margin: 0 0 -1px 10px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .textblock-link:after {
    background-image: url(../images/sprite@2x.png);
    background-size: 140px 138px;
  }
}

.pagination {
  padding-top: 55px;
}

.pagination .current a,
.pagination li a:hover {
  border: 1px solid #BCBDBD;
}

.pagination li {
  margin-bottom: 10px;
}

.pagination li a {
  border: 1px solid transparent;
}

.shortweblogcategory,
.weblogarchive,
.blogs-we-love-container {
  background: #f6f5f1;
  border-right: 6px solid #fff;
  padding: 30px;
}

.shortweblogcategory strong,
.weblogarchive strong,
.blogs-we-love-container strong {
  border-bottom: 1px solid #fff;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.shortweblogcategory strong a,
.weblogarchive strong a,
.blogs-we-love-container strong a {
  color: #5F6062;
}

.shortweblogcategory a,
.weblogarchive a,
.blogs-we-love-container a {
  color: #BCBDBD;
}

.shortweblogcategory a:hover,
.shortweblogcategory a strong a:hover,
.weblogarchive a:hover,
.weblogarchive a strong a:hover,
.blogs-we-love-container a:hover,
.blogs-we-love-container a strong a:hover {
  color: #B6A67A;
}

.shortweblogcategory .tagcloud li,
.weblogarchive .tagcloud li,
.blogs-we-love-container .tagcloud li {
  float: left;
  margin-left: 5px;
}

.shortweblogcategory .tagcloud li span, .shortweblogcategory .tagcloud li a,
.weblogarchive .tagcloud li span,
.weblogarchive .tagcloud li a,
.blogs-we-love-container .tagcloud li span,
.blogs-we-love-container .tagcloud li a {
  display: inline-block;
}

.shortweblogcategory .blogs-we-love + .linklist,
.weblogarchive .blogs-we-love + .linklist,
.blogs-we-love-container .blogs-we-love + .linklist {
  list-style-type: none;
  margin: 0;
}

.blogs-we-love-container {
  border-right: 0;
}

.weblog_index .messageintro {
  padding-top: 4px;
}

.weblog_index .weblogarchive ul, .weblog_show .weblogarchive ul {
  display: block;
}

.weblog_index > .container > .contentcontainer > .panel, .weblog_show > .container > .contentcontainer > .panel {
  background: none;
  padding-top: 0;
}

.weblog_index .top-blogitem-title, .weblog_show .top-blogitem-title {
  background-color: #f6f5f1;
  min-height: 124px;
  position: absolute;
  width: 100%;
}

.weblog_index .contentbox, .weblog_show .contentbox {
  background: #f6f5f1;
  border-right: 6px solid #fff;
  padding: 30px;
}

.weblog_index .contentbox:last-child, .weblog_show .contentbox:last-child {
  border-right: 0;
}

.weblog_index .webloglist > li:first-child, .weblog_show .webloglist > li:first-child {
  padding-top: 25px;
}

.weblog_index .webloglist > li:first-child .meta, .weblog_index .webloglist > li:first-child h2, .weblog_show .webloglist > li:first-child .meta, .weblog_show .webloglist > li:first-child h2 {
  margin: 0 -30px 10px -30px;
  padding-left: 30px;
}

.weblog_index .webloglist > li:first-child .meta, .weblog_show .webloglist > li:first-child .meta {
  margin-top: -6px;
  padding-bottom: 13px;
}

.meta.inline-list {
  margin-top: -6px;
}

.webloglist > li {
  background: #f6f5f1;
  margin-bottom: 30px;
  padding: 20px 30px 30px 30px;
}

.webloglist img, .webloglist iframe {
  display: block;
  margin: 0 -30px;
  max-width: none;
  width: calc(100% + 60px);
}

.contentblock {
  max-width: 720px;
}

.panel,
.textblock > .medium-centered {
  max-width: 850px;
}

.weblog_show .contentblock .intro img,
.weblog_show .contentblock .intro iframe {
  display: block;
  margin: 0 -25px;
  max-width: none;
  width: calc(100% + 50px);
}

img.full-width {
  width: 100%;
}

.weblog_show .blog-header .meta,
.webloglist .meta,
.defaultcomment .meta {
  margin-bottom: 15px;
  text-transform: uppercase;
}

.weblog_show .blog-header .meta a:hover,
.webloglist .meta a:hover,
.defaultcomment .meta a:hover {
  color: #B6A67A;
}

.weblog_show .blog-header .meta li,
.webloglist .meta li,
.defaultcomment .meta li {
  margin-left: 0;
  padding: 0 25px;
}

.weblog_show .blog-header .meta li:first-child,
.webloglist .meta li:first-child,
.defaultcomment .meta li:first-child {
  padding-top: 0;
}

.weblog_show .blog-header .meta time,
.webloglist .meta time,
.defaultcomment .meta time {
  background: url(../images/icons/blog_date.jpg) no-repeat left center;
  background-size: 15px;
  margin-left: 0;
}

.weblog_show .blog-header .meta .comments,
.webloglist .meta .comments,
.defaultcomment .meta .comments {
  background: url(../images/icons/blog_reply.jpg) no-repeat left center;
  background-size: 16px;
}

.weblog_show .blog-header .meta .subjects,
.webloglist .meta .subjects,
.defaultcomment .meta .subjects {
  background: url(../images/icons/blog_subject.jpg) no-repeat left center;
  background-size: 19px;
}

.weblog_show .blog-header .meta, .weblog_show .blog-header .meta a,
.webloglist .meta,
.webloglist .meta a,
.defaultcomment .meta,
.defaultcomment .meta a {
  color: #BCBDBD;
}

.weblog_show .blog-header .meta time,
.weblog_show .blog-header .meta .comments,
.weblog_show .blog-header .meta .subjects {
  background: none;
}

.weblog_show .blog-header .meta li {
  border-right: 1px solid #BCBDBD;
}

.weblog_show .blog-header .meta li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.weblog_show .blog-header .meta time {
  padding-left: 0;
}

.meta li {
  line-height: 1.7;
}

.meta li:first-child {
  padding-left: 0;
}

.meta time {
  padding-left: 24px;
}

.weblog_show .contentblock > .row:first-child {
  margin-bottom: 6px;
  padding-top: 0;
}

.weblog_show .blog-header,
.weblog_show .defaultcontentcommentcontainer,
.weblog_show .intro {
  background: #f6f5f1;
  padding: 0 25px;
}

.weblog_show .blog-header {
  margin: 0 25px;
  padding-top: 30px;
}

.weblog_show h1 {
  border-bottom: 1px solid #fff;
  font-size: 1.2rem;
  padding: 0 10px 10px 25px;
}

.weblog_show .addthis_toolbox {
  border-bottom: 1px solid #fff;
  margin-bottom: 7.5px;
  padding: 0 10px 0 25px;
}

.weblog_show .addthis_toolbox a {
  padding-right: 20px;
}

.weblog_show .defaultcontentcommentcontainer {
  padding-bottom: 20px;
  padding-top: 30px;
}

.weblog_show .defaultcontentcommentcontainer form {
  max-width: 345px;
}

.weblog_show .defaultcontentcommentcontainer strong {
  border-bottom: 1px solid #fff;
  display: block;
  font-size: 1.2rem;
  margin-bottom: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.weblog_show .defaultcontentcommentcontainer .textblock-link:hover,
.weblog_show .defaultcontentcommentcontainer .textblock-link:hover input[type="submit"] {
  background: #fafafa;
  -webkit-transition: background .25s ease-in-out;
  transition: background .25s ease-in-out;
}

.weblog_show .defaultcontentcommentcontainer input[type="submit"] {
  background: #fff;
  border: 0;
}

.weblog_show .defaultprevnext {
  margin: 20px 0 0 0;
}

.weblog_show .defaultprevnext .prev, .weblog_show .defaultprevnext .next {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #cdcece;
  height: 25px;
  padding: 0;
  width: 25px;
}

.weblog_show .defaultprevnext .prev:hover, .weblog_show .defaultprevnext .next:hover {
  background-color: #f2f2f2;
  -webkit-transition: background-color .25s ease-in-out;
  transition: background-color .25s ease-in-out;
}

.weblog_show .defaultprevnext .next {
  background-image: url(../images/next_dark.png);
}

.weblog_show .defaultprevnext .prev {
  background-image: url(../images/prev_dark.png);
}

.webloglist, .weblog_show .contentblock > .row {
  list-style-type: none;
  margin: 0;
}

.webloglist h2, .weblog_show .contentblock > .row h2 {
  background: none;
  border-bottom: 1px solid #cbcbca;
  margin-bottom: 0.66667rem;
  padding-bottom: 0.66667rem;
}

.webloglist h2 a, .weblog_show .contentblock > .row h2 a {
  color: #5F6062;
}

.webloglist h2 a:hover, .weblog_show .contentblock > .row h2 a:hover {
  color: #B6A67A;
}

.webloglist .textblock-link, .weblog_show .contentblock > .row .textblock-link {
  display: inline-block;
  margin-top: 20px;
  padding: 10px 20px;
}

.webloglist .textblock-link a, .weblog_show .contentblock > .row .textblock-link a {
  color: #BCBDBD;
}

.webloglist .textblock-link a:hover, .weblog_show .contentblock > .row .textblock-link a:hover {
  text-decoration: underline;
}

.webloglist img, .weblog_show .contentblock > .row img {
  margin-bottom: 20px;
}

.defaultcommentlist {
  display: block;
  margin-bottom: 20px;
}

.defaultcommentlist .defaultcomment .meta {
  border-bottom: 1px solid #fff;
  padding: 0 0 15px 0;
}

.defaultcommentlist .defaultcomment .meta time {
  background: none;
}

.defaultcommentlist .defaultcomment .meta span {
  margin-left: 0;
  padding-left: 10px;
}

.defaultcommentlist .defaultcomment .meta span:first-child {
  padding-left: 0;
}

.weblogarchive .meta, .tagcloud .meta {
  color: #5F6062;
}

/* Onderwerpen pagina */
.weblogcategorylist li {
  background: #f6f5f1;
  margin-bottom: 6px;
  padding: 25px 25px 1px 25px;
}

.pagebreak {
  margin-top: -7px;
}

.pagebreak .small-block-grid-3 > li {
  padding: 0;
}

.pagebreak img {
  width: 100%;
}

table {
  width: 80%;
}

table caption {
  text-align: left;
  text-transform: uppercase;
}

/* Contact pagina */
.page_contact .row.section {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page_contact .panel.contact {
  margin-top: 1.33333rem;
}

/* Google Maps */
.map_canvas {
  height: 500px;
}

.button.large {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

@media only screen and (max-width: 1305px) {
  .panel.contact,
  .panel.contact table tr td,
  .panel.contact p {
    font-size: 0.86667rem;
  }
}

@media only screen and (max-width: 1190px) {
  .panel.contact .company .address,
  .panel.contact .openingstijden table {
    border-left: 0;
    width: 100%;
  }
  .panel.contact table tr td,
  .panel.contact .company .address {
    padding-left: 0;
  }
}

.row.light-bg.textblock, .row.dark-bg.textblock {
  padding-bottom: 50px;
  padding-top: 50px;
}

.kleurenoverzicht-keuze {
  margin: 0 auto;
  max-width: 1310px;
}

.panel.title-only {
  padding-bottom: 4rem;
}

.portfolio-title {
  background: #f6f5f1;
  background-image: url(../images/header_bar.jpg);
  background-position: center bottom 20px;
  background-repeat: no-repeat;
  color: #5F6062 !important;
  font-size: 2.13333rem;
  letter-spacing: 4px;
  padding: 20px 0 30px;
  text-align: center;
}

.has-tip:after {
  content: '\F2FD';
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 16px;
  margin-left: 4px;
  text-rendering: auto;
}

.fullpage-loading .container::before {
  background: #f6f5f1;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.fullpage-loading .container::after {
  -webkit-animation: loader 1s infinite linear;
          animation: loader 1s infinite linear;
  border-bottom: 1em solid rgba(255, 255, 255, 0.75);
  border-left: 1em solid #B6A67A;
  border-radius: 50%;
  border-right: 1em solid rgba(255, 255, 255, 0.75);
  border-top: 1em solid rgba(255, 255, 255, 0.75);
  content: '';
  display: block;
  font-size: 10px;
  height: 6rem;
  left: 50%;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 6rem;
  z-index: 1000;
}

.slider-buttons .next, .slider-buttons .prev,
.section .nextblock, .section .prevblock {
  background-color: rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
            transform: rotate(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-50%, -50%);
            transform: rotate(360deg) translate(-50%, -50%);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg) translate(-50%, -50%);
            transform: rotate(0deg) translate(-50%, -50%);
  }
  100% {
    -webkit-transform: rotate(360deg) translate(-50%, -50%);
            transform: rotate(360deg) translate(-50%, -50%);
  }
}

/* Non semantic helpers kunnen hier */
.nomargin {
  margin: 0;
}

.link--unstyled {
  color: #5F6062;
}

.img--margin-bottom {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 43em) {
  .img--margin-bottom {
    margin-bottom: .5rem;
  }
}

.heading--extra-margin {
  margin-bottom: 2.5rem;
}

form .errorMessage {
  display: block;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 1.06667rem;
  margin-top: -1px;
  padding: 0;
  background: transparent;
  color: #C75252;
}

form .error > div > label {
  color: #5F6062;
}

form label {
  min-width: 13%;
}

.js .b-lazy {
  opacity: 0.01;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.js .b-lazy.b-loaded {
  opacity: 1;
}

.js .hide-if-js {
  display: none;
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) and (orientation: portrait) {
  .overview {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 58.33333%;
    float: left;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) and (orientation: portrait) {
  .overview + .preview {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 41.66667%;
    float: left;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) and (orientation: portrait) {
  .overview li {
    width: 20%;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) and (orientation: landscape) {
  .overview + .preview {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 33.33333%;
    float: left;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) and (orientation: landscape) {
  .overview {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 66.66667%;
    float: left;
  }
}

@media only screen and (max-width: 320px) {
  .offerte-form .offerte-preview ul span {
    display: block;
  }
}

@media only screen and (min-width: 43.0625em) and (max-width: 64em) {
  .overview {
    padding: 0;
  }
  .overview li .hoverable:hover, .overview li.current .hoverable {
    -webkit-box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.7);
            box-shadow: inset 0 0 0 15px rgba(255, 255, 255, 0.7);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  .section .pagefooter {
    bottom: 20px;
  }
  .slick-dots {
    bottom: 20px;
  }
  .kleur_show .column.information .cta-buttons .cta-button {
    border: 0;
    margin-bottom: 6px;
  }
  .kleur_show .column.information .cta-buttons .cta-button:nth-child(2), .kleur_show .column.information .cta-buttons .cta-button:nth-child(4) {
    border-left: 6px solid #fff;
  }
  .openingstijden__button {
    margin-top: 1rem;
  }
}

/* Hier alles dat alleen voor medium schermen en hoger moet gelden  */
@media only screen and (min-width: 43.0625em) {
  .overview {
    padding-left: 25px;
    width: 67%;
  }
  .overview + .preview {
    padding-left: 0;
    padding-right: 25px;
    width: 33%;
  }
  .overview + .preview .inner {
    height: 100%;
    position: relative;
    width: 100%;
  }
}

/* Hier alles dat alleen voor de hele grote schermen moet gelden */
@media only screen and (min-width: 64.0625em) {
  .panel.contact .company .column:nth-child(2) {
    border-left: 1px solid #cbcbca;
  }
  .panel.contact .company .address {
    float: left;
  }
  .panel.contact .company .address span {
    display: inline;
  }
  .panel.contact .openingstijden .column:nth-child(2) {
    border-left: 1px solid #cbcbca;
  }
}

@media only screen and (max-width: 43em) and (orientation: landscape) {
  .page_contact .panel,
  .slick-slide .panel {
    position: relative;
    -webkit-transform: none;
            transform: none;
  }
}

/* Hier alles dat alleen voor kleine schermen moet gelden */
@media only screen and (max-width: 43em) {
  html {
    font-size: 14px;
  }
  p {
    line-height: 1.4;
  }
  .section {
    height: auto;
  }
  .overview + .preview {
    display: none;
  }
  .overview {
    padding: 0 5px 0 15px;
  }
  .overview li {
    width: 33.33333333333%;
  }
  .tabs-content > .content {
    display: block;
    padding: 0.33333rem 0;
  }
  .panel {
    padding: 1rem 1rem 1.5rem 1rem;
  }
  .panel h1, .panel h2 {
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 3px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    padding: .25rem 0 1rem;
  }
  .panel .cta-button {
    margin-bottom: .25rem;
  }
  .panel.contact h1, .panel.contact h2, .panel.contact h3, .panel.contact h4, .panel.contact h5, .panel.contact h6 {
    line-height: 1.5;
    text-align: center;
  }
  .panel.contact .company .address,
  .panel.contact .company strong,
  .panel.contact .openingstijden strong,
  .panel.contact .openingstijden table {
    float: none;
    font-size: 13px;
  }
  .panel.contact .company .address {
    padding-left: 0;
  }
  .panel.contact .openinstijden table {
    margin-left: 0;
  }
  .panel.contact .address,
  .panel.contact table {
    border-left: 0;
  }
  .panel.contact table tr td {
    font-size: 1rem;
    padding-left: 0;
  }
  .panel.contact .company {
    margin-bottom: 0;
  }
  .panel.contact .openingstijden__extra {
    margin-bottom: 1rem;
  }
  .panel.contact .openingstijden__extra p {
    font-size: 1rem;
  }
  .panel.contact .openingstijden__button {
    margin-top: .5rem;
    margin-bottom: 0;
  }
  .panel.contact .contact-data:first-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .slick-slide .table .panel {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .overview li a:hover, .overview li.current a, .overview li .hoverable:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .pagination-centered ul.pagination li.page {
    display: none;
  }
  .bottom-footer .inline-list a {
    line-height: 2;
  }
  .offerte-form .slick-slider .slick-prev {
    margin-left: 0;
  }
  .offerte-form .offerte-preview {
    padding: 28px;
  }
  .offerte-form .offerte-preview strong {
    margin-right: 10px;
  }
  .offerte-form span {
    margin-left: 0;
  }
  .offerte-form form > div.row {
    padding-left: 15px;
  }
  .offerte-form .slick-slide {
    margin: 0;
  }
  .offerte-form .column:first-child {
    padding-right: 14px;
  }
  .offerte-form.contact-form .column:last-child {
    padding-right: 10px;
  }
  .offerte-form .column:last-child {
    padding-left: 14px;
    padding-right: 18px;
  }
  .offerte-form form.offerte span {
    margin-left: 0;
  }
  .slider-buttons .next {
    margin-right: 0;
  }
  .slider-buttons .prev {
    margin-left: 0;
  }
  .slider-buttons .next, .slider-buttons .prev,
  .section .nextblock, .section .prevblock {
    background-size: 100%;
    height: 35px;
    width: 35px;
  }
  .section .nextblock {
    top: auto;
  }
  .weblog_index .top-blogitem-title {
    display: none;
  }
  .weblog_index .webloglist > li:first-child, .weblog_show .webloglist > li:first-child {
    padding-top: 20px;
  }
  .weblog_show .blog-header {
    margin: 0;
  }
  .weblog_show .contentbox, .weblog_index .contentbox {
    border-right: 0;
  }
  .weblog_show .blog-header .meta, .webloglist .meta, .defaultcomment .meta {
    margin-bottom: 10px;
  }
  .section {
    background: none;
  }
  .section .nextblock {
    bottom: 60px;
    margin-left: -20px;
  }
  .section .nextblock, .section .prevblock {
    background-size: 50%;
  }
  .page_contact .top-bar-section .left > li > .dropdown {
    background: #fff;
  }
  .page_contact .top-bar-section .left > li > .dropdown > li.hier > a {
    background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
    color: #B6A67A !important;
  }
  .page_contact .top-bar-section .left > li > .dropdown > li.open > a {
    background: none;
    color: #5F6062;
  }
  .page_contact .top-bar-section .left > li > .dropdown > li.open > a + .level2 li.hier > a {
    background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
    color: #B6A67A !important;
  }
  .page_contact .top-bar-section .left > li > .dropdown li a:hover {
    background: url(../images/hover_bar.jpg) no-repeat 25px top !important;
  }
  .page_contact .top-bar-section li.menu.has-dropdown:not(.has-form) > a:not(.button) {
    height: 60px;
  }
  .page_contact .top-bar-section .has-dropdown > a:after {
    display: none;
  }
  .page_contact .contain-to-grid .top-bar-section li.menu.has-dropdown.hover:not(.has-form) > a:not(.button) {
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
  }
  .socialmedia {
    margin-left: 0;
  }
  .portfolio-title {
    font-size: 1.2rem;
  }
  .row.light-bg.textblock,
  .row.dark-bg.textblock {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .row.textblock .row > .column:first-child {
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 370px) {
  .panel.contact h1, .panel.contact h2, .panel.contact h3, .panel.contact h4, .panel.contact h5, .panel.contact h6 {
    margin-bottom: 1rem;
  }
  .panel.contact .contact-data {
    padding: 15px 0;
  }
  .panel.contact .company {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=map/styles.css.map */