crispy-css/dest/css/styles.css

@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

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

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

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

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

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

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

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

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

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

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

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

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

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

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

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

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

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

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

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

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

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

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

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

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

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

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

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

.container,
.container-full {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px; }
  .container .grid,
  .container-full .grid {
    margin-right: -15px;
    margin-left: -15px; }

@media (min-width: 576px) {
  .container {
    max-width: 576px; } }

@media (min-width: 768px) {
  .container {
    max-width: 768px; } }

@media (min-width: 992px) {
  .container {
    max-width: 992px; } }

@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }

@media (min-width: 1600px) {
  .container {
    max-width: 1600px; } }

.grid {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0 auto;
  position: relative;
  letter-spacing: -.31em;
  *letter-spacing: normal;
  word-spacing: -.43em;
  list-style-type: none; }
  .grid::before, .grid::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal; }

[class^="col-"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: normal;
  word-spacing: normal;
  white-space: normal;
  position: relative;
  width: 100%;
  vertical-align: top;
  padding: 15px;
  display: inline-block;
  *display: inline;
  zoom: 1; }
  [class^="col-"]::before, [class^="col-"]::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal; }
  [class^="col-"] .grid {
    -ms-flex: 1 1 auto;
    -webkit-box-flex: 1;
            flex: 1 1 auto;
    margin: -15px; }

.col-12 {
  width: 100%;
  *width: 99.9%; }

.col-11 {
  width: 91.66667%;
  *width: 91.56667%; }

.col-10 {
  width: 83.33333%;
  *width: 83.23333%; }

.col-9 {
  width: 75%;
  *width: 74.9%; }

.col-8 {
  width: 66.66667%;
  *width: 66.56667%; }

.col-7 {
  width: 58.33333%;
  *width: 58.23333%; }

.col-6 {
  width: 50%;
  *width: 49.9%; }

.col-5 {
  width: 41.66667%;
  *width: 41.56667%; }

.col-4 {
  width: 33.33333%;
  *width: 33.23333%; }

.col-3 {
  width: 25%;
  *width: 24.9%; }

.col-2 {
  width: 16.66667%;
  *width: 16.56667%; }

.col-1 {
  width: 8.33333%;
  *width: 8.23333%; }

@media (min-width: 576px) {
  .col-xs-12 {
    width: 100%;
    *width: 99.9%; }
  .col-xs-11 {
    width: 91.66667%;
    *width: 91.56667%; }
  .col-xs-10 {
    width: 83.33333%;
    *width: 83.23333%; }
  .col-xs-9 {
    width: 75%;
    *width: 74.9%; }
  .col-xs-8 {
    width: 66.66667%;
    *width: 66.56667%; }
  .col-xs-7 {
    width: 58.33333%;
    *width: 58.23333%; }
  .col-xs-6 {
    width: 50%;
    *width: 49.9%; }
  .col-xs-5 {
    width: 41.66667%;
    *width: 41.56667%; }
  .col-xs-4 {
    width: 33.33333%;
    *width: 33.23333%; }
  .col-xs-3 {
    width: 25%;
    *width: 24.9%; }
  .col-xs-2 {
    width: 16.66667%;
    *width: 16.56667%; }
  .col-xs-1 {
    width: 8.33333%;
    *width: 8.23333%; } }

@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
    *width: 99.9%; }
  .col-sm-11 {
    width: 91.66667%;
    *width: 91.56667%; }
  .col-sm-10 {
    width: 83.33333%;
    *width: 83.23333%; }
  .col-sm-9 {
    width: 75%;
    *width: 74.9%; }
  .col-sm-8 {
    width: 66.66667%;
    *width: 66.56667%; }
  .col-sm-7 {
    width: 58.33333%;
    *width: 58.23333%; }
  .col-sm-6 {
    width: 50%;
    *width: 49.9%; }
  .col-sm-5 {
    width: 41.66667%;
    *width: 41.56667%; }
  .col-sm-4 {
    width: 33.33333%;
    *width: 33.23333%; }
  .col-sm-3 {
    width: 25%;
    *width: 24.9%; }
  .col-sm-2 {
    width: 16.66667%;
    *width: 16.56667%; }
  .col-sm-1 {
    width: 8.33333%;
    *width: 8.23333%; } }

@media (min-width: 992px) {
  .col-md-12 {
    width: 100%;
    *width: 99.9%; }
  .col-md-11 {
    width: 91.66667%;
    *width: 91.56667%; }
  .col-md-10 {
    width: 83.33333%;
    *width: 83.23333%; }
  .col-md-9 {
    width: 75%;
    *width: 74.9%; }
  .col-md-8 {
    width: 66.66667%;
    *width: 66.56667%; }
  .col-md-7 {
    width: 58.33333%;
    *width: 58.23333%; }
  .col-md-6 {
    width: 50%;
    *width: 49.9%; }
  .col-md-5 {
    width: 41.66667%;
    *width: 41.56667%; }
  .col-md-4 {
    width: 33.33333%;
    *width: 33.23333%; }
  .col-md-3 {
    width: 25%;
    *width: 24.9%; }
  .col-md-2 {
    width: 16.66667%;
    *width: 16.56667%; }
  .col-md-1 {
    width: 8.33333%;
    *width: 8.23333%; } }

@media (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
    *width: 99.9%; }
  .col-lg-11 {
    width: 91.66667%;
    *width: 91.56667%; }
  .col-lg-10 {
    width: 83.33333%;
    *width: 83.23333%; }
  .col-lg-9 {
    width: 75%;
    *width: 74.9%; }
  .col-lg-8 {
    width: 66.66667%;
    *width: 66.56667%; }
  .col-lg-7 {
    width: 58.33333%;
    *width: 58.23333%; }
  .col-lg-6 {
    width: 50%;
    *width: 49.9%; }
  .col-lg-5 {
    width: 41.66667%;
    *width: 41.56667%; }
  .col-lg-4 {
    width: 33.33333%;
    *width: 33.23333%; }
  .col-lg-3 {
    width: 25%;
    *width: 24.9%; }
  .col-lg-2 {
    width: 16.66667%;
    *width: 16.56667%; }
  .col-lg-1 {
    width: 8.33333%;
    *width: 8.23333%; } }

@media (min-width: 1600px) {
  .col-xlg-12 {
    width: 100%;
    *width: 99.9%; }
  .col-xlg-11 {
    width: 91.66667%;
    *width: 91.56667%; }
  .col-xlg-10 {
    width: 83.33333%;
    *width: 83.23333%; }
  .col-xlg-9 {
    width: 75%;
    *width: 74.9%; }
  .col-xlg-8 {
    width: 66.66667%;
    *width: 66.56667%; }
  .col-xlg-7 {
    width: 58.33333%;
    *width: 58.23333%; }
  .col-xlg-6 {
    width: 50%;
    *width: 49.9%; }
  .col-xlg-5 {
    width: 41.66667%;
    *width: 41.56667%; }
  .col-xlg-4 {
    width: 33.33333%;
    *width: 33.23333%; }
  .col-xlg-3 {
    width: 25%;
    *width: 24.9%; }
  .col-xlg-2 {
    width: 16.66667%;
    *width: 16.56667%; }
  .col-xlg-1 {
    width: 8.33333%;
    *width: 8.23333%; } }

.col-auto {
  -ms-flex: 1 0 auto;
  -webkit-box-flex: 1;
          flex: 1 0 0px;
  width: auto; }

@media (min-width: 576px) {
  .col-xs-auto {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 0px;
    width: auto; } }

@media (min-width: 768px) {
  .col-sm-auto {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 0px;
    width: auto; } }

@media (min-width: 992px) {
  .col-md-auto {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 0px;
    width: auto; } }

@media (min-width: 1200px) {
  .col-lg-auto {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 0px;
    width: auto; } }

@media (min-width: 1600px) {
  .col-xlg-auto {
    -ms-flex: 1 0 auto;
    -webkit-box-flex: 1;
            flex: 1 0 0px;
    width: auto; } }

.order-12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12; }

.order-11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11; }

.order-10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10; }

.order-9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9; }

.order-8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8; }

.order-7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7; }

.order-6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6; }

.order-5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5; }

.order-4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4; }

.order-3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3; }

.order-2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2; }

.order-1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1; }

.order-0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0; }

@media only screen and (min-width: 576px) {
  .order-12-xs {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .order-11-xs {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-10-xs {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-9-xs {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-8-xs {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-7-xs {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-6-xs {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-5-xs {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-4-xs {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-3-xs {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-2-xs {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-1-xs {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-0-xs {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0; } }

@media only screen and (min-width: 768px) {
  .order-12-sm {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .order-11-sm {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-10-sm {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-9-sm {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-8-sm {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-7-sm {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-6-sm {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-5-sm {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-4-sm {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-3-sm {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-2-sm {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-1-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-0-sm {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0; } }

@media only screen and (min-width: 992px) {
  .order-12-md {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .order-11-md {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-10-md {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-9-md {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-8-md {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-7-md {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-6-md {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-5-md {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-4-md {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-3-md {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-2-md {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-1-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-0-md {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0; } }

@media only screen and (min-width: 1200px) {
  .order-12-lg {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .order-11-lg {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-10-lg {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-9-lg {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-8-lg {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-7-lg {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-6-lg {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-5-lg {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-4-lg {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-3-lg {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-2-lg {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-1-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-0-lg {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0; } }

@media only screen and (min-width: 1600px) {
  .order-12-xlg {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12; }
  .order-11-xlg {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11; }
  .order-10-xlg {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10; }
  .order-9-xlg {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9; }
  .order-8-xlg {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8; }
  .order-7-xlg {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7; }
  .order-6-xlg {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6; }
  .order-5-xlg {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5; }
  .order-4-xlg {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4; }
  .order-3-xlg {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3; }
  .order-2-xlg {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2; }
  .order-1-xlg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1; }
  .order-0-xlg {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0; } }

.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.no-wrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .no-wrap [class^="col-"] {
    -ms-flex-negative: 1;
    flex-shrink: 1; }

.wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse; }

.direction-row {
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row; }

.direction-row-reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse; }

.direction-column {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }

.direction-column-reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
          flex-direction: column-reverse; }

.align-start {
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start; }

.align-end {
  -ms-flex-align: end;
  -webkit-box-align: end;
          align-items: flex-end; }
  .align-end [class^="col-"] {
    vertical-align: bottom; }

.align-center {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center; }
  .align-center [class^="col-"] {
    vertical-align: middle; }

.align-baseline {
  -ms-flex-align: baseline;
  -webkit-box-align: baseline;
          align-items: baseline; }

.align-content-start {
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.align-content-end {
  -ms-flex-line-pack: end;
  align-content: flex-end; }
  .align-content-end [class^="col-"] {
    vertical-align: bottom; }

.align-content-center {
  -ms-flex-line-pack: center;
  align-content: center; }

.align-content-space-between {
  -ms-flex-line-pack: justify;
  align-content: space-between; }

.align-content-space-around {
  -ms-flex-line-pack: distribute;
  align-content: space-around; }

.align-self-stretch {
  -ms-flex-item-align: stretch;
  -webkit-align-self: stretch;
  align-self: stretch; }

.align-self-start {
  -ms-flex-item-align: start;
  -webkit-align-self: flex-start;
  align-self: flex-start; }

.align-self-end {
  -ms-flex-item-align: end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  vertical-align: bottom; }

.align-self-center {
  -ms-flex-item-align: center;
  -webkit-align-self: center;
  align-self: center;
  vertical-align: middle; }

.align-self-baseline {
  -ms-flex-item-align: baseline;
  -webkit-align-self: baseline;
  align-self: baseline;
  vertical-align: baseline; }

.justify-start {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start; }
  .justify-start.grid {
    text-align: left; }

.justify-end {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end; }
  .justify-end.grid {
    text-align: right;
    text-align-last: right; }
    .justify-end.grid [class^="col-"] {
      text-align: left;
      text-align: start;
      text-align-last: left;
      text-align-last: start; }

.justify-center {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center; }
  .justify-center.grid {
    text-align: center;
    text-align-last: center; }
    .justify-center.grid [class^="col-"] {
      text-align: left;
      text-align: start;
      text-align-last: left;
      text-align-last: start; }

.justify-space-between {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  .justify-space-between.grid {
    text-align: justify;
    text-align-last: justify; }
    .justify-space-between.grid [class^="col-"] {
      text-align: left;
      text-align: start;
      text-align-last: left;
      text-align-last: start; }

.justify-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .justify-space-around.grid {
    text-align: justify;
    text-align-last: justify; }
    .justify-space-around.grid [class^="col-"] {
      text-align: left;
      text-align: start;
      text-align-last: left;
      text-align-last: start; }

.grid-bleed [class*="col-"] {
  padding: 0; }

.col-grid {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column; }
  .col-grid.direction-row {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }

.col-bleed {
  padding: 0; }

.col-bleed-x {
  padding: 15px 0; }

.col-bleed-y {
  padding: 0 15px; }

.flex-img {
  display: block;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
  max-width: 100%;
  height: auto;
  width: 100%;
  *width: auto; }

.flex-footer {
  width: 100%;
  margin-top: auto;
  margin-bottom: 0; }
  .flex-footer > :last-child {
    margin-bottom: 0; }

@media (max-width: 575px) {
  .hidden-xxs {
    display: none; } }

@media (min-width: 576px) and (max-width: 767px) {
  .hidden-xs {
    display: none; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none; } }

/**
 * functions to convert px to em and rem
 *
 *
 * @author Björn Hase
 *
 */
/**
  * to em, wrapper of toRelatives
  *
  * @param  {mixed} $values
  * @param  {mixed} $base
  * @return {rem}
  */
/**
 * to rem, wrapper of toRelatives
 *
 * @param  {mixed} $values
 * @param  {mixed} $base
 * @return {rem}
 */
/**
 * values to relative
 *
 * @param  {mixed} $values
 * @param  {mixed} $unit
 * @param  {mixed} $base
 * @return {number}
 */
/**
 * to relative
 *
 * @param  {mixed} $value
 * @param  {mixed} $base
 * @return {number}
 */
/**
 * strip unit from value
 *
 * @param  {mixed} $value
 * @return {number}
 */
/**
 * z-index
 *
 *
 * @author Björn Hase
 *
 */
/**
 * fonts
 *
 *
 * @author Björn Hase
 *
 */
/**
 * add font-size in px as fallback and in rem
 *
 *
 * @param {px} $font-size
 *
 */
/**
 * add font-sizes as modifactors
 *
 *
 * @param {map} $font-sizes
 *
 */
/**
 * media-queries
 *
 *
 * @author Björn Hase
 *
 */
/**
 * clearfix to end floating
 *
 *
 *
 */
/**
 * clear default styles from list
 *
 *
 */
/**
 * config
 *
 *
 * @author Björn Hase
 *
 */
/**
 * base
 *
 *
 * @author Björn Hase
 *
 */
html {
  font-size: 100%; }

body,
html {
  height: 100%; }

html,
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

p {
  margin: 0 0 0.625em 0; }

a,
ins,
u {
  -webkit-text-decoration-skip: ink edges;
          text-decoration-skip: ink edges; }

a {
  color: #f0c209; }
  a:hover {
    color: #363636; }
  a:focus {
    outline: none; }

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  text-decoration: none; }

mark {
  padding: 0.625em; }

blockquote {
  border-left: 1px solid #b3b2af;
  margin-left: 0;
  padding: 0.625em 1.25em; }
  blockquote p:last-child {
    margin-bottom: 0; }

dl,
ol,
ul {
  padding: 0;
  margin: 0 0 0.625em 0.625em; }

ol ol,
ul ul {
  margin-top: 0.3125em; }

ol {
  list-style: decimal inside; }

ul {
  list-style: disc inside; }

dd,
dt {
  margin: 0; }

dt {
  font-weight: bold; }

figure {
  margin: 0 0 0.625em; }

figcaption {
  margin: 0.625em 0 0; }

hr {
  border: 0;
  border-top: 1px solid #b3b2af;
  margin: 0.625em 0; }

body {
  font-family: Arial, Helvetica, Neue Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.618;
  color: #363636;
  background-color: #ffffff;
  direction: ltr;
  font-size: 16px;
  font-size: 1rem; }

/**
 * button
 *
 *
 * @author Björn Hase
 *
 */
/**
 * code
 *
 * <pre class="code">
 *     <code>
 *     //
 *     </code>
 * </pre>
 *
 * @author Björn Hase
 *
 */
/**
 * group
 *
 * <nav class="group group--horizontal">
 *     <ul class="group__section">
 *         <li class="group__item"></li>
 *     <ul>
 * </nav>
 *
 * @author Björn Hase
 *
 */
/**
 * heading
 *
 * create classes for heading similar to there name,
 * run map for sizes on each heading
 *
 *
 * @author Björn Hase
 *
 */
/**
 * hero
 *
 * background-position is as default: cover
 *
 * <div class="hero" style="width: value height: value; background-image: url(path)"></div>
 *
 *
 * @author Björn Hase
 *
 */
/**
 * icon
 *
 * use svg as icon
 *
 * <svg class="icon" viewBox="0 0 100 100">
 *     <use src="#"></use>
 * </svg>
 *
 *
 * @author Björn Hase
 *
 */
/**
 * add modificators for icons as fill from map
 *
 *
 * @param {map} $colors
 *
 */
/**
 * add color as fill
 *
 *
 * @param {color} $color
 *
 */
/**
 * adding sizes for icons from map
 *
 *
 * @param {map} $sizes
 *
 */
/**
 * add size for icon as width and height
 *
 *
 * @param {px} $size
 *
 */
/**
 * panel
 *
 * <div class="modal">
 *
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * panel
 *
 * <div class="panel">
 *
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * table
 *
 * <table class="table table--striped">
 *     <thead>
 *         <tr>
 *             <th>name</th>
 *             <th>age</th>
 *         </tr>
 *     </thead>
 *     <tbody>
 *         <tr>
 *             <td>The Shawshank Redemption</td>
 *             <td>12</td>
 *         </tr>
 *     </tbody>
 * </table>
 *
 * @author Björn Hase
 *
 */
/**
 * <div class="field">
 *     <div class="field__panel">
 *         <ul>
 *           <li>item 1<li>
 *         </ul>
 *     </div>
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * text
 *
 * <div class="field">
 *     <label class="field__label">
 *         input
 *         <input type="text" class="field__text" />
 *     </label>
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * checkbox
 *
 * <div class="field">
 *     <input id="" type="text" class="field__checkbox" />
 *     <label for="" class="field__label">
 *         <svg class="icon field__checkbox__checked" viewBox="0 0 100 100">
 *             <use src="#"></use>
 *         </svg>
 *         <svg class="icon field__checkbox__checked" viewBox="0 0 100 100">
 *             <use src="#"></use>
 *         </svg>
 *    </label>
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * radio
 *
 * <div class="field">
 *     <input id="" type="text" class="field__radio" />
 *     <label for="" class="field__label">
 *         <svg class="icon field__radio__checked" viewBox="0 0 100 100">
 *             <use src="#"></use>
 *         </svg>
 *         <svg class="icon field__radio__checked" viewBox="0 0 100 100">
 *             <use src="#"></use>
 *         </svg>
 *    </label>
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * select
 *
 * <div class="field">
 *     <label class="field__label">
 *         <select class="field__select">
 *
 *         </select>
 *    </label>
 * </div>
 *
 * @author Björn Hase
 *
 */
/**
 * field
 *
 *
 * @author Björn Hase
 *
 */
/**
 * helpers for align
 *
 *
 *
 * @author Björn Hase
 *
 */
/**
 * helpers for margin
 *
 *
 *
 * @author Björn Hase
 *
 */
/**
 * helpers for media elements
 *
 *
 * @author Björn Hase
 *
 */
/**
 * helpers for text
 *
 * font-sizes, color, background-color
 *
 *
 * @author Björn Hase
 *
 */
/**
 * helpers for width
 *
 *
 * @author Björn Hase
 * 
 */
.button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0.625em 1.5625em; }
  .button--wide {
    width: 100%; }
  .button--up, .button--down {
    position: fixed;
    bottom: 0;
    margin: 1.25em;
    padding: 0.5em 0.8125em;
    z-index: 100; }
  .button--down {
    bottom: 0; }
  .button--up {
    bottom: 0; }
  .button:hover {
    cursor: pointer;
    text-decoration: none; }
  .button:focus {
    outline: none; }

.code {
  font-family: monospace, monospace;
  white-space: pre;
  display: block;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0.625em 1.25em;
  border: 1px solid #d0d0d0;
  background-color: #f9f9f9;
  margin: 0 0 0.625em;
  font-size: 16px;
  font-size: 1rem; }

.group--horizontal .group__item, .group--horizontal .group__section {
  display: inline-block; }

.group__section {
  list-style: none;
  margin: 0;
  padding: 0; }
  .group__section li {
    margin: 0;
    padding: 0; }
  .group__section--separate .group__item:after {
    margin: 0 0.625em 0;
    content: "/"; }
  .group__section--separate .group__item:last-child:after {
    display: none; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: Arial, Helvetica, Neue Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.618;
  margin: 0 0 0.3125em; }

h1, .h1 {
  font-size: 40px;
  font-size: 2.5rem; }

h2, .h2 {
  font-size: 36px;
  font-size: 2.25rem; }

h3, .h3 {
  font-size: 32px;
  font-size: 2rem; }

h4, .h4 {
  font-size: 28px;
  font-size: 1.75rem; }

h5, .h5 {
  font-size: 24px;
  font-size: 1.5rem; }

h6, .h6 {
  font-size: 20px;
  font-size: 1.25rem; }

.hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }
  .hero--top {
    background-position: top center; }
  .hero--bottom {
    background-position: bottom center; }
  .hero--contain {
    background-size: contain; }

.icon {
  display: inline-block;
  position: relative;
  vertical-align: text-bottom;
  margin: 0 2px;
  fill: #363636;
  width: 16px; }
  .icon--success {
    fill: #5cb85c; }
  .icon--warning {
    fill: #f0ad4e; }
  .icon--danger {
    fill: #d9534f; }
  .icon--small {
    width: 12px; }
  .icon--large {
    width: 28px; }

.modal {
  position: absolute;
  z-index: 100; }
  .modal--fixed {
    position: fixed; }
  .modal--left {
    left: 0; }
  .modal--top-center {
    left: 50%; }
  .modal--top {
    top: 0; }
  .modal--right {
    right: 0; }
  .modal--bottom {
    bottom: 0; }
  .modal .panel {
    margin: 1.25em; }

.panel__inner {
  padding: 0.625em; }

.table {
  width: 100%; }
  .table--striped tr:nth-child(even) {
    background-color: whitesmoke; }
  .table--scroll {
    overflow-x: auto; }
  .table td {
    color: #363636; }
  .table td,
  .table th {
    padding: 0.625em 0.5em;
    text-align: left;
    border-bottom: 1px solid #9c9c9c; }
  .table th {
    border-bottom-width: 2px; }

.field {
  margin: 0 0 0.625em 0; }

.field__, .field__text, .field__select {
  line-height: 1.618;
  padding: 0.375em 0.5em;
  color: #363636;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 16px;
  font-size: 1rem; }

.field__text {
  display: block;
  width: 100%;
  border: 1px solid #b3b2af; }
  .field__text--valid {
    border-color: #5cb85c; }
  .field__text--error {
    border-color: #d9534f; }
  .field__text:focus {
    border-color: #f0c209; }

.field__checkbox {
  position: relative;
  display: none; }
  .field__checkbox + .field__label .field__checkbox__checked {
    display: none; }
  .field__checkbox + .field__label:hover {
    cursor: pointer; }
  .field__checkbox:checked + .field__label .field__checkbox__checked {
    display: inline-block; }
  .field__checkbox:checked + .field__label .field__checkbox__unchecked {
    display: none; }
  .field__checkbox__checked {
    fill: #5cb85c; }
  .field__checkbox__unchecked {
    fill: #363636; }

.field__radio {
  position: relative;
  display: none; }
  .field__radio + .field__label .field__radio__checked {
    display: none; }
  .field__radio + .field__label:hover {
    cursor: pointer; }
  .field__radio:checked + .field__label .field__radio__checked {
    display: inline-block; }
  .field__radio:checked + .field__label .field__radio__unchecked {
    display: none; }
  .field__radio__checked {
    fill: #5cb85c; }
  .field__radio__unchecked {
    fill: #363636; }

.field__select {
  display: block;
  width: 100%;
  padding: 0.5em;
  border: 1px solid #b3b2af;
  background-color: white; }
  .field__select--valid {
    border-color: #5cb85c; }
  .field__select--error {
    border-color: #d9534f; }
  .field__select:focus {
    outline: 0;
    border-color: #f0c209; }

.field__panel {
  padding: 0.625em; }
  .field__panel--error {
    color: white;
    background-color: #d9534f; }

.container {
  max-width: 992px;
  width: 100%;
  margin: 0 auto; }

.lead {
  margin-top: -0.3125em; }

.header {
  padding: 8px 0 0;
  margin: 0 0 20px;
  background-color: #f0c209;
  border-bottom: 1px solid #bf9a07; }
  @media only screen and (min-width: 768px) {
    .header {
      margin: 0 0 30px; } }
  .header__title {
    color: white;
    margin: 0 0 0.1875em; }
  .header__logo {
    top: 3px;
    width: 50px; }

.footer {
  padding: 8px 0 0;
  background-color: #e9e9e9;
  border-top: 1px dotted #959595;
  margin: 50px 0 0 0; }

.button {
  border: 1px solid #bf9a07;
  background-color: #f0c209;
  color: white; }
  .button svg {
    fill: white; }

.nav {
  position: relative; }
  .nav a {
    font-style: italic;
    font-size: 18px;
    font-size: 1.125rem; }
  @media only screen and (min-width: 768px) {
    .nav {
      position: fixed; } }

.panel {
  border: 1px solid #cccbc9;
  background-color: #f1f1f0; }

.sm, .md, .md-only, .lg-only {
  display: none; }

@media only screen and (min-width: 768px) {
  .sm {
    display: block; } }

@media only screen and (min-width: 992px) {
  .md {
    display: block; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .md-only {
    display: block; } }

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .lg-only {
    display: block; } }

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

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

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

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

.float-left {
  float: left; }

.float-right {
  float: right; }

.float-none {
  float: none; }

.center {
  margin-left: auto;
  margin-right: auto; }

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

.clearfix::after {
  clear: both; }

.margin-top-0x {
  margin-top: 0; }

.margin-top-1x {
  margin-top: 0.625em; }

.margin-top-2x {
  margin-top: 1.25em; }

.margin-top-3x {
  margin-top: 1.875em; }

.margin-bottom-0x {
  margin-bottom: 0; }

.margin-bottom-1x {
  margin-bottom: 0.625em; }

.margin-bottom-2x {
  margin-bottom: 1.25em; }

.margin-bottom-3x {
  margin-bottom: 1.875em; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 50%; }

.video-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%; }
  .video-responsive iframe, .video-responsive object, .video-responsive embed {
    border: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }

.text-italic {
  font-style: italic; }

.text-bold {
  font-weight: bold; }

.text-uppercase {
  text-transform: uppercase; }

.text-lowercase {
  text-transform: lowercase; }

.text-small {
  font-size: 80%; }

.text-crossed {
  text-decoration: line-through; }

.text-default {
  font-size: 16px;
  font-size: 1rem; }

.text-small {
  font-size: 16px;
  font-size: 1rem; }

.text-large {
  font-size: 20px;
  font-size: 1.25rem; }

.text-primary {
  color: #f0c209; }

.text-secondary {
  color: #b3b2af; }

.text-success {
  color: #5cb85c; }

.text-warning {
  color: #f0ad4e; }

.text-danger {
  color: #d9534f; }

.text-info {
  color: #0090d4; }

.background-primary {
  background-color: #f0c209; }

.background-secondary {
  background-color: #b3b2af; }

.background-success {
  background-color: #5cb85c; }

.background-warning {
  background-color: #f0ad4e; }

.background-danger {
  background-color: #d9534f; }

.background-info {
  background-color: #0090d4; }

.width-25 {
  width: 25%; }

.width-50 {
  width: 50%; }

.width-75 {
  width: 75%; }

.width-100 {
  width: 100%; }

/*# sourceMappingURL=data:application/json;base64,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