@charset 'UTF-8';
/* ========================================================================== Normalize.scss settings ========================================================================== */
/** Includes legacy browser support IE6/7 Set to false if you want to drop support for IE6 and IE7 */
/* Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. */
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 6/7/8/9 and Firefox 3. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio,
canvas,
progress,
video
{
    display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */
}

/** Prevents 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: .67em 0;
}

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

/** 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: -.5em;
}

sub
{
    bottom: -.25em;
}

/* Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 8/9/10. 2. Improves image quality when scaled in IE 7. */
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
{
    box-sizing: content-box; height: 0;
}

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

/** Address odd `em`-unit font size rendering in all browsers. Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
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. 4. Improves appearance and consistency in all browsers. */
button,
input,
optgroup,
select,
textarea
{font: inherit; /* 2 */ margin: 0; /* 3 */ 

    color: inherit; /* 1 */
}

/** 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. 4. Removes inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button,
html input[type='button'],
input[type='reset'],
input[type='submit']
{cursor: pointer; /* 3 */ 

    -webkit-appearance: button; /* 2 */
}

/** 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
{padding: 0; 

    border: 0;
}

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

/** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. Known issue: excess padding remains in IE 6. */
input[type='checkbox'],
input[type='radio']
{
    box-sizing: border-box; /* 1 */ padding: 0; /* 2 */
}

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

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type='search']
{box-sizing: content-box; /* 2 */ 

    -webkit-appearance: textfield; /* 1 */
}

/** 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
{margin: 0 2px; padding: .35em .625em .75em; 

    border: 1px solid #c0c0c0;
}

/** 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. 3. Corrects text not wrapping in Firefox 3. 4. Corrects alignment displayed oddly in IE 6/7. */
legend
{padding: 0; /* 2 */ 

    border: 0; /* 1 */
}

/** 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-spacing: 0; 
    border-collapse: collapse;
}

td,
th
{
    padding: 0;
}

@-webkit-keyframes rotate
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rotate
{
    0%
    {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
    100%
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-webkit-keyframes fadeInDown
{
    from
    {
        -webkit-transform: translateY(0);
                transform: translateY(0); 

        opacity: 0;
    }
    to
    {
        -webkit-transform: translateY(3em);
                transform: translateY(3em); 

        opacity: 1;
    }
}

@keyframes fadeInDown
{
    from
    {
        -webkit-transform: translateY(0);
                transform: translateY(0); 

        opacity: 0;
    }
    to
    {
        -webkit-transform: translateY(3em);
                transform: translateY(3em); 

        opacity: 1;
    }
}

@-webkit-keyframes fadeOutUp
{
    from
    {
        -webkit-transform: translateY(3em);
                transform: translateY(3em); 

        opacity: 1;
    }
    to
    {
        -webkit-transform: translateY(0);
                transform: translateY(0); 

        opacity: 0;
    }
}

@keyframes fadeOutUp
{
    from
    {
        -webkit-transform: translateY(3em);
                transform: translateY(3em); 

        opacity: 1;
    }
    to
    {
        -webkit-transform: translateY(0);
                transform: translateY(0); 

        opacity: 0;
    }
}

.ct-label
{font-size: .75rem; line-height: 1; color: rgba(0, 0, 0, .4); 

    fill: rgba(0, 0, 0, .4);
}

.ct-chart-line .ct-label,
.ct-chart-bar .ct-label
{
    display: block;    display: flex;
}

.ct-chart-pie .ct-label,
.ct-chart-donut .ct-label
{
    dominant-baseline: central;
}

.ct-label.ct-horizontal.ct-start
{text-align: left; 

    align-items: flex-end; justify-content: flex-start; text-anchor: start;
}

.ct-label.ct-horizontal.ct-end
{text-align: left; 

    align-items: flex-start; justify-content: flex-start; text-anchor: start;
}

.ct-label.ct-vertical.ct-start
{text-align: right; 

    align-items: flex-end; justify-content: flex-end; text-anchor: end;
}

.ct-label.ct-vertical.ct-end
{text-align: left; 

    align-items: flex-end; justify-content: flex-start; text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-start
{text-align: center; 

    align-items: flex-end; justify-content: center; text-anchor: start;
}

.ct-chart-bar .ct-label.ct-horizontal.ct-end
{text-align: center; 

    align-items: flex-start; justify-content: center; text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start
{text-align: left; 

    align-items: flex-end; justify-content: flex-start; text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end
{text-align: left; 

    align-items: flex-start; justify-content: flex-start; text-anchor: start;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start
{text-align: right; 

    align-items: center; justify-content: flex-end; text-anchor: end;
}

.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end
{text-align: left; 

    align-items: center; justify-content: flex-start; text-anchor: end;
}

.ct-grid
{
    stroke: rgba(0, 0, 0, .2); stroke-width: 1px; stroke-dasharray: 2px;
}

.ct-grid-background
{
    fill: none;
}

.ct-point
{
    stroke-width: 10px; stroke-linecap: round;
}

.ct-line
{
    fill: none; stroke-width: 2px;
}

.ct-area
{
    stroke: none; fill-opacity: .1;
}

.ct-bar
{
    fill: none; stroke-width: 10px;
}

.ct-slice-donut
{
    fill: none; stroke-width: 60px;
}

.ct-series-a .ct-point,
.ct-series-a .ct-line,
.ct-series-a .ct-bar,
.ct-series-a .ct-slice-donut
{
    stroke: #d70206;
}

.ct-series-a .ct-slice-pie,
.ct-series-a .ct-slice-donut-solid,
.ct-series-a .ct-area
{
    fill: #d70206;
}

.ct-series-b .ct-point,
.ct-series-b .ct-line,
.ct-series-b .ct-bar,
.ct-series-b .ct-slice-donut
{
    stroke: #f05b4f;
}

.ct-series-b .ct-slice-pie,
.ct-series-b .ct-slice-donut-solid,
.ct-series-b .ct-area
{
    fill: #f05b4f;
}

.ct-series-c .ct-point,
.ct-series-c .ct-line,
.ct-series-c .ct-bar,
.ct-series-c .ct-slice-donut
{
    stroke: #f4c63d;
}

.ct-series-c .ct-slice-pie,
.ct-series-c .ct-slice-donut-solid,
.ct-series-c .ct-area
{
    fill: #f4c63d;
}

.ct-series-d .ct-point,
.ct-series-d .ct-line,
.ct-series-d .ct-bar,
.ct-series-d .ct-slice-donut
{
    stroke: #d17905;
}

.ct-series-d .ct-slice-pie,
.ct-series-d .ct-slice-donut-solid,
.ct-series-d .ct-area
{
    fill: #d17905;
}

.ct-series-e .ct-point,
.ct-series-e .ct-line,
.ct-series-e .ct-bar,
.ct-series-e .ct-slice-donut
{
    stroke: #453d3f;
}

.ct-series-e .ct-slice-pie,
.ct-series-e .ct-slice-donut-solid,
.ct-series-e .ct-area
{
    fill: #453d3f;
}

.ct-series-f .ct-point,
.ct-series-f .ct-line,
.ct-series-f .ct-bar,
.ct-series-f .ct-slice-donut
{
    stroke: #59922b;
}

.ct-series-f .ct-slice-pie,
.ct-series-f .ct-slice-donut-solid,
.ct-series-f .ct-area
{
    fill: #59922b;
}

.ct-series-g .ct-point,
.ct-series-g .ct-line,
.ct-series-g .ct-bar,
.ct-series-g .ct-slice-donut
{
    stroke: #0544d3;
}

.ct-series-g .ct-slice-pie,
.ct-series-g .ct-slice-donut-solid,
.ct-series-g .ct-area
{
    fill: #0544d3;
}

.ct-series-h .ct-point,
.ct-series-h .ct-line,
.ct-series-h .ct-bar,
.ct-series-h .ct-slice-donut
{
    stroke: #6b0392;
}

.ct-series-h .ct-slice-pie,
.ct-series-h .ct-slice-donut-solid,
.ct-series-h .ct-area
{
    fill: #6b0392;
}

.ct-series-i .ct-point,
.ct-series-i .ct-line,
.ct-series-i .ct-bar,
.ct-series-i .ct-slice-donut
{
    stroke: #f05b4f;
}

.ct-series-i .ct-slice-pie,
.ct-series-i .ct-slice-donut-solid,
.ct-series-i .ct-area
{
    fill: #f05b4f;
}

.ct-series-j .ct-point,
.ct-series-j .ct-line,
.ct-series-j .ct-bar,
.ct-series-j .ct-slice-donut
{
    stroke: #dda458;
}

.ct-series-j .ct-slice-pie,
.ct-series-j .ct-slice-donut-solid,
.ct-series-j .ct-area
{
    fill: #dda458;
}

.ct-series-k .ct-point,
.ct-series-k .ct-line,
.ct-series-k .ct-bar,
.ct-series-k .ct-slice-donut
{
    stroke: #eacf7d;
}

.ct-series-k .ct-slice-pie,
.ct-series-k .ct-slice-donut-solid,
.ct-series-k .ct-area
{
    fill: #eacf7d;
}

.ct-series-l .ct-point,
.ct-series-l .ct-line,
.ct-series-l .ct-bar,
.ct-series-l .ct-slice-donut
{
    stroke: #86797d;
}

.ct-series-l .ct-slice-pie,
.ct-series-l .ct-slice-donut-solid,
.ct-series-l .ct-area
{
    fill: #86797d;
}

.ct-series-m .ct-point,
.ct-series-m .ct-line,
.ct-series-m .ct-bar,
.ct-series-m .ct-slice-donut
{
    stroke: #b2c326;
}

.ct-series-m .ct-slice-pie,
.ct-series-m .ct-slice-donut-solid,
.ct-series-m .ct-area
{
    fill: #b2c326;
}

.ct-series-n .ct-point,
.ct-series-n .ct-line,
.ct-series-n .ct-bar,
.ct-series-n .ct-slice-donut
{
    stroke: #6188e2;
}

.ct-series-n .ct-slice-pie,
.ct-series-n .ct-slice-donut-solid,
.ct-series-n .ct-area
{
    fill: #6188e2;
}

.ct-series-o .ct-point,
.ct-series-o .ct-line,
.ct-series-o .ct-bar,
.ct-series-o .ct-slice-donut
{
    stroke: #a748ca;
}

.ct-series-o .ct-slice-pie,
.ct-series-o .ct-slice-donut-solid,
.ct-series-o .ct-area
{
    fill: #a748ca;
}

.ct-square
{position: relative; 

    display: block; width: 100%;
}

.ct-square:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 100%; content: '';
}

.ct-square:after
{display: table; clear: both; 

    content: '';
}

.ct-square > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-minor-second
{position: relative; 

    display: block; width: 100%;
}

.ct-minor-second:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 93.75%; content: '';
}

.ct-minor-second:after
{display: table; clear: both; 

    content: '';
}

.ct-minor-second > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-second
{position: relative; 

    display: block; width: 100%;
}

.ct-major-second:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 88.8888888889%; content: '';
}

.ct-major-second:after
{display: table; clear: both; 

    content: '';
}

.ct-major-second > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-minor-third
{position: relative; 

    display: block; width: 100%;
}

.ct-minor-third:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 83.3333333333%; content: '';
}

.ct-minor-third:after
{display: table; clear: both; 

    content: '';
}

.ct-minor-third > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-third
{position: relative; 

    display: block; width: 100%;
}

.ct-major-third:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 80%; content: '';
}

.ct-major-third:after
{display: table; clear: both; 

    content: '';
}

.ct-major-third > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-perfect-fourth
{position: relative; 

    display: block; width: 100%;
}

.ct-perfect-fourth:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 75%; content: '';
}

.ct-perfect-fourth:after
{display: table; clear: both; 

    content: '';
}

.ct-perfect-fourth > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-perfect-fifth
{position: relative; 

    display: block; width: 100%;
}

.ct-perfect-fifth:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 66.6666666667%; content: '';
}

.ct-perfect-fifth:after
{display: table; clear: both; 

    content: '';
}

.ct-perfect-fifth > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-minor-sixth
{position: relative; 

    display: block; width: 100%;
}

.ct-minor-sixth:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 62.5%; content: '';
}

.ct-minor-sixth:after
{display: table; clear: both; 

    content: '';
}

.ct-minor-sixth > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-golden-section
{position: relative; 

    display: block; width: 100%;
}

.ct-golden-section:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 61.804697157%; content: '';
}

.ct-golden-section:after
{display: table; clear: both; 

    content: '';
}

.ct-golden-section > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-sixth
{position: relative; 

    display: block; width: 100%;
}

.ct-major-sixth:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 60%; content: '';
}

.ct-major-sixth:after
{display: table; clear: both; 

    content: '';
}

.ct-major-sixth > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-minor-seventh
{position: relative; 

    display: block; width: 100%;
}

.ct-minor-seventh:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 56.25%; content: '';
}

.ct-minor-seventh:after
{display: table; clear: both; 

    content: '';
}

.ct-minor-seventh > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-seventh
{position: relative; 

    display: block; width: 100%;
}

.ct-major-seventh:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 53.3333333333%; content: '';
}

.ct-major-seventh:after
{display: table; clear: both; 

    content: '';
}

.ct-major-seventh > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-octave
{position: relative; 

    display: block; width: 100%;
}

.ct-octave:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 50%; content: '';
}

.ct-octave:after
{display: table; clear: both; 

    content: '';
}

.ct-octave > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-tenth
{position: relative; 

    display: block; width: 100%;
}

.ct-major-tenth:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 40%; content: '';
}

.ct-major-tenth:after
{display: table; clear: both; 

    content: '';
}

.ct-major-tenth > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-eleventh
{position: relative; 

    display: block; width: 100%;
}

.ct-major-eleventh:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 37.5%; content: '';
}

.ct-major-eleventh:after
{display: table; clear: both; 

    content: '';
}

.ct-major-eleventh > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-major-twelfth
{position: relative; 

    display: block; width: 100%;
}

.ct-major-twelfth:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 33.3333333333%; content: '';
}

.ct-major-twelfth:after
{display: table; clear: both; 

    content: '';
}

.ct-major-twelfth > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.ct-double-octave
{position: relative; 

    display: block; width: 100%;
}

.ct-double-octave:before
{
    display: block; float: left; width: 0; height: 0; padding-bottom: 25%; content: '';
}

.ct-double-octave:after
{display: table; clear: both; 

    content: '';
}

.ct-double-octave > svg
{position: absolute; top: 0; left: 0; 

    display: block;
}

.chartist-tooltip
{font-family: verb,sans-serif; font-weight: bold; 

    position: absolute; z-index: 1; display: inline-block; min-width: 5em; padding: .5em; transition: opacity .2s linear; text-align: center; pointer-events: none; opacity: 0; color: #fff; border-radius: 2px; background: #715a17;
}

.chartist-tooltip:before
{position: absolute; top: 100%; left: 50%; width: 0; height: 0; margin-left: -15px; 

    content: ''; border: 15px solid transparent; border-top-color: #715a17;
}

.chartist-tooltip.tooltip-show
{
    opacity: 1;
}

.chartist-tooltip .chartist-tooltip-meta
{
    font-weight: normal;
}

.ct-area,
.ct-line
{
    pointer-events: none;
}

.ct-legend
{
    position: absolute; z-index: 1; bottom: 48px; left: 64px; display: inline-block; padding: .25em .75em; list-style-type: none; border: solid 1px #56aa1f; background: rgba(255, 255, 255, .8);
}

.ct-legend li
{font-size: 90%; 

    margin-bottom: 4px;
}

.ct-legend li:last-child
{
    margin-bottom: 0;
}

.ct-legend li:before
{display: inline-block; 

    width: 12px; height: 12px; margin: 0 4px; content: ''; border: 3px solid black; border-radius: 2px;
}

.ct-legend li.inactive:before
{
    background: transparent;
}

.ct-legend.ct-legend-inside
{
    position: absolute; top: 0; right: 0;
}

.ct-legend .ct-series-0:before
{border-color: #d70206; 
    background-color: #d70206;
}

.ct-legend .ct-series-1:before
{border-color: #f05b4f; 
    background-color: #f05b4f;
}

.ct-legend .ct-series-2:before
{border-color: #f4c63d; 
    background-color: #f4c63d;
}

.ct-legend .ct-series-3:before
{border-color: #d17905; 
    background-color: #d17905;
}

.ct-legend .ct-series-4:before
{border-color: #453d3f; 
    background-color: #453d3f;
}

.ct-legend .ct-series-5:before
{border-color: #59922b; 
    background-color: #59922b;
}

.ct-legend .ct-series-6:before
{border-color: #0544d3; 
    background-color: #0544d3;
}

.ct-legend .ct-series-7:before
{border-color: #6b0392; 
    background-color: #6b0392;
}

.ct-legend .ct-series-8:before
{border-color: #f05b4f; 
    background-color: #f05b4f;
}

.ct-legend .ct-series-9:before
{border-color: #dda458; 
    background-color: #dda458;
}

.ct-legend .ct-series-10:before
{border-color: #eacf7d; 
    background-color: #eacf7d;
}

.ct-legend .ct-series-11:before
{border-color: #86797d; 
    background-color: #86797d;
}

.ct-legend .ct-series-12:before
{border-color: #b2c326; 
    background-color: #b2c326;
}

.ct-legend .ct-series-13:before
{border-color: #6188e2; 
    background-color: #6188e2;
}

.ct-legend .ct-series-14:before
{border-color: #a748ca; 
    background-color: #a748ca;
}

.ct-point
{
    fill: white; stroke-width: 1px;
}

.chartist-chart-single-line
{
    height: 300px;
}

.chartist-chart-multiple-lines
{
    height: 600px;
}

.spinner
{
    -webkit-animation: svg-spinner-rotator 2.25s linear infinite;            animation: svg-spinner-rotator 2.25s linear infinite;
}

.path
{-webkit-transform-origin: center;        transform-origin: center; -webkit-animation: svg-spinner-dash 1.5s ease-in-out infinite, svg-spinner-colors 6s ease-in-out infinite;         animation: svg-spinner-dash 1.5s ease-in-out infinite, svg-spinner-colors 6s ease-in-out infinite; 

    stroke-dasharray: 1, 300; stroke-dashoffset: 0;
}

@-webkit-keyframes svg-spinner-rotator
{
    100%
    {
        -webkit-transform: rotate(360deg);                transform: rotate(360deg);
    }
}

@keyframes svg-spinner-rotator
{
    100%
    {
        -webkit-transform: rotate(360deg);                transform: rotate(360deg);
    }
}

@-webkit-keyframes svg-spinner-colors
{
    0%
    {
        stroke: #e1b42e;
    }
    33%
    {
        stroke: #56aa1f;
    }
    66%
    {
        stroke: #2d0dc0;
    }
    100%
    {
        stroke: #e1b42e;
    }
}

@keyframes svg-spinner-colors
{
    0%
    {
        stroke: #e1b42e;
    }
    33%
    {
        stroke: #56aa1f;
    }
    66%
    {
        stroke: #2d0dc0;
    }
    100%
    {
        stroke: #e1b42e;
    }
}

@-webkit-keyframes svg-spinner-dash
{
    0%
    {
        stroke-dasharray: 1, 300;
        stroke-dashoffset: 0;
    }
    50%
    {
        stroke-dasharray: 135, 300;
        stroke-dashoffset: -52.5px;
    }
    100%
    {
        stroke-dasharray: 135, 300;
        stroke-dashoffset: -186px;
    }
}

@keyframes svg-spinner-dash
{
    0%
    {
        stroke-dasharray: 1, 300;
        stroke-dashoffset: 0;
    }
    50%
    {
        stroke-dasharray: 135, 300;
        stroke-dashoffset: -52.5px;
    }
    100%
    {
        stroke-dasharray: 135, 300;
        stroke-dashoffset: -186px;
    }
}

.fullpage-throbber
{
    position: fixed; z-index: 2000; top: 0; right: 0; bottom: 0; left: 0; display: none; background-color: rgba(255, 255, 255, .7);
}

.fullpage-throbber > div
{
    position: fixed; z-index: 1100; top: 50%; left: 50%;
}

.fullpage-throbber > div > div
{
    position: relative; display: inline-block; width: 100%; height: 100%;
}

.fullpage-throbber > div > div > div
{position: relative; 

    width: 3rem; height: 3rem; margin: -1.5rem 0 0 -1.5rem; -webkit-animation: fullpage-throbber-rotate 2s infinite linear;         animation: fullpage-throbber-rotate 2s infinite linear; text-align: center;
}

.fullpage-throbber > div > div > div .disc1,
.fullpage-throbber > div > div > div .disc2
{position: absolute; top: 0; display: inline-block; 

    width: 60%; height: 60%; -webkit-animation: fullpage-throbber-bounce 2s infinite ease-in-out;         animation: fullpage-throbber-bounce 2s infinite ease-in-out; border-radius: 100%; background-color: #e1b42e;
}

.fullpage-throbber > div > div > div .disc2
{top: auto; bottom: 0; -webkit-animation-delay: -1s;         animation-delay: -1s; 

    background-color: #56aa1f;
}

@-webkit-keyframes fullpage-throbber-bounce
{
    0%,
    100%
    {
        -webkit-transform: scale(0);                transform: scale(0);
    }
    50%
    {
        -webkit-transform: scale(1);                transform: scale(1);
    }
}

@keyframes fullpage-throbber-bounce
{
    0%,
    100%
    {
        -webkit-transform: scale(0);                transform: scale(0);
    }
    50%
    {
        -webkit-transform: scale(1);                transform: scale(1);
    }
}

@-webkit-keyframes fullpage-throbber-rotate
{
    100%
    {
        -webkit-transform: rotate(360deg);                transform: rotate(360deg);
    }
}

@keyframes fullpage-throbber-rotate
{
    100%
    {
        -webkit-transform: rotate(360deg);                transform: rotate(360deg);
    }
}

/* form elements */
label,
input
{
    display: inline-block; vertical-align: middle;
}

input,
textarea,
select,
button
{padding: .125em .25em; border: solid 1px #aaa; border-radius: .25em; background: #fff; 

    -moz-appearance: none; -webkit-appearance: none;
}

input[type=checkbox]
{
    -moz-appearance: checkbox; -webkit-appearance: checkbox;
}

input[type=radio]
{
    -moz-appearance: radio; -webkit-appearance: radio;
}

input:focus,
textarea:focus,
select:focus
{border-color: #eacb6d !important; 
    box-shadow: 0 0 .25em #e1b42e;
}

select:not([size]),
select[size='1']
{
    display: inline-block; padding-left: 24px; vertical-align: middle; text-indent: .1px; text-overflow: ''; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAPCAYAAAD+pA/bAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAUwAAAFMB8eliagAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACgSURBVDiNzZTBCcMwDEV/igboBvEo9UEHTRVnLl8yQlbIHgLnEoMoxFUdQvuONn4PG+GhlII7edxq/4tAjPHZs+cKMHMiolVEwvueiAQiWpk5dQWOgxOAUVUXGxGRoKoLgBHA1IpQq26okRcAGPlHhtaYmltUtho0a3POOXUFTiKWphxwTNEhmHvkrsBJxCUHHE9kqdPilX8d6OH3X8VVdriGSMCaxOn7AAAAAElFTkSuQmCC') no-repeat 0 50% #fff;
}

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

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

    border: 0;
}

input[disabled='disabled'],
textarea[disabled='disabled']
{
    background: #eee;
}

option
{
    padding: .125em .25em;
}

/* buttons and button-like anchors */
button,
a.buttonLink
{font-weight: bold; 

    display: inline-block; margin-right: .25em; padding: .25em 1em; transition: all .25s ease 0s; vertical-align: middle; color: #fff; border: solid 1px #003b59; border-radius: .25em; background: #715a17;
}

button:hover,
button:active,
a.buttonLink:hover,
a.buttonLink:active
{cursor: pointer; text-decoration: none; border-color: #715a17; 
    background: #e1b42e; box-shadow: 0 0 2px #e1b42e;
}

button.active,
a.buttonLink.active
{transition: all .25s ease 0s; 

    background: #e1b42e;
}

button[disabled=disabled]
{color: #444; 
    border-color: #444; background: #888; text-shadow: 1px 1px #ccc;
}

.withIcon:not([data-icon-position]):before,
.withIcon[data-icon-position='left']:before
{
    font-family: icomoon; font-weight: normal; line-height: 100%; padding-right: .5em; content: attr(data-icon); vertical-align: middle;
}

.withIcon[data-icon-position='right']:after
{
    font-family: icomoon; font-weight: normal; line-height: 100%; padding-left: .5em; content: attr(data-icon); vertical-align: middle;
}

span.iconOnly,
button.iconOnly,
a.iconOnly
{
    font-weight: normal; line-height: 100%; padding: .25em; text-decoration: none; color: #715a17; border-width: 2px; border-color: transparent; background: none;
}

span.iconOnly:before,
button.iconOnly:before,
a.iconOnly:before
{
    font-family: icomoon; content: attr(data-icon);
}

button.iconOnly:hover,
button.iconOnly:active,
a.iconOnly:hover,
a.iconOnly:active
{color: #e1b42e; border-color: #e1b42e; 
    background: none; box-shadow: none;
}

div.buttonBar
{
    margin: .5em 0;
}

span.buttonGroup
{
    display: inline-block; margin-right: .25em;
}

span.buttonGroup button
{margin-right: 0; border-right-style: none; 
    border-radius: 0;
}

span.buttonGroup button:first-child
{border-top-left-radius: .25em; 
    border-bottom-left-radius: .25em;
}

span.buttonGroup button:last-child
{border-right-style: solid; border-top-right-radius: .25em; 
    border-bottom-right-radius: .25em;
}

/* input group */
div.inputGroup
{
    display: table;
}

div.inputGroup.inline
{
    display: inline-table;
}

div.inputGroup *
{margin: 0; padding-top: .125em; padding-bottom: .125em; vertical-align: middle; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc; 
    border-radius: 0;
}

div.inputGroup *:first-child
{
    padding-left: .5em; border-left-width: 1px; border-top-left-radius: .25em; border-bottom-left-radius: .25em;
}

div.inputGroup *:last-child
{
    padding-right: .5em; border-top-right-radius: .25em; border-bottom-right-radius: .25em;
}

div.inputGroup input,
div.inputGroup span
{
    display: table-cell;
}

div.inputGroup .inputGroupBtn
{width: 1%; 
    padding: 0; white-space: nowrap;
}

div.inputGroup .inputGroupBtn button
{margin: -1px; 

    border: none; border-radius: inherit;
}

/* stock form */
form
{
    padding: .75em 0;
}

form .formSect
{
    margin-bottom: .75em;
}

form .formBase
{
    margin-top: .25em;
}

form .formItem
{
    padding: .5em 0;
}

label
{
    padding-right: .5em;
}

/* multiple columns */
.multiColumnContainer:after
{line-height: 0; display: block; visibility: hidden; clear: left; height: 0; 

    content: '';
}

.multiColumnContainer .column
{
    float: left;
}

.multiColumnContainer.two .column
{
    width: 100% / 2;
}

.multiColumnContainer.two .column:first-child
{
    padding-right: .75em;
}

.multiColumnContainer.two .column:last-child
{
    padding-left: .75em;
}

.multiColumnContainer.three .column
{
    width: 100% / 3; padding: 0 .5em;
}

.multiColumnContainer.three .column:first-child
{
    padding: 0 1em 0 0;
}

.multiColumnContainer.three .column:last-child
{
    padding: 0 0 0 1em;
}

/* predefined classes for combinations */
.xs
{
    width: 2em;
}

.xss
{
    width: 3em;
}

.s
{
    width: 4em;
}

.ssm
{
    width: 6em;
}

.sm
{
    width: 8em;
}

.m
{
    width: 10em;
}

.mml
{
    width: 12em;
}

.ml
{
    width: 16em;
}

.l
{
    width: 20em;
}

.lxl
{
    width: 24em;
}

.xl
{
    width: 30em;
}

.xxl
{
    width: 40em;
}

.xxxl
{
    width: 50em;
}

.pct_50
{
    width: 50%;
}

.pct_100
{
    width: 100%;
}

.smaller
{
    font-size: 80%;
}

.right
{
    text-align: right;
}

.centered
{
    text-align: center;
}

.leftFloat
{
    float: left;
}

.clearFloat
{line-height: 0; visibility: hidden; clear: both; overflow: hidden; 

    height: 0;
}

.clearLeftAfter:after,
.clearRightAfter:after
{line-height: 0; display: block; visibility: hidden; clear: left; height: 0; 

    content: '';
}

.clearRightAfter:after
{
    clear: right;
}

/* table classes */
table.list th
{
    border-left: solid 1px #eee;
}

table.list th:first-child
{
    border-left: none;
}

th.vxJS_sorTable_header_desc,
th.vxJS_sorTable_header_asc
{
    background: #bbb;
}

th.vxJS_sorTable_header_desc:before,
th.vxJS_sorTable_header_asc:before
{
    font-family: icomoon; font-size: 150%; font-weight: normal; content: '\e033'; vertical-align: middle;
}

th.vxJS_sorTable_header_desc:before
{
    content: '\e031';
}

tr.row0
{
    background: #fff;
}

tr.row0 .active
{
    background: #e3e9df;
}

tr.row1
{
    background: #ddd;
}

tr.row1 .active
{
    background: #c6dfb6;
}

/* animated throbber */
.vxJS_xhrThrobber
{font-family: icomoon; 

    position: absolute; z-index: 1000; display: inline-block; visibility: hidden; padding: .5em; text-align: center; vertical-align: middle; color: #715a17;
}

.vxJS_xhrThrobber.active
{
    visibility: visible; -webkit-animation: rotate 1s linear infinite;         animation: rotate 1s linear infinite;
}

.vxJS_xhrThrobber:before
{
    font-family: icomoon; content: '\e02f';
}

body
{
    /* transition: all 0.25s ease 0s; */
}

body #cookieConsent
{
    position: fixed; z-index: 10000; top: -3em; width: 100%; padding: 1em 2em; text-align: center; background: white; box-shadow: 0 0 1em rgba(0, 0, 0, .25);
}

body #cookieConsent button
{
    display: inline-block; margin-left: 1em;
}

body.cookieConsentShown
{
    padding-top: 4em;
}

body.cookieConsentShown #cookieConsent
{
    top: 0;
}

/* calendar widget */
.calendarSkin
{color: #2b5510; border-radius: .25em; 
    background: #fff; box-shadow: 1px 1px .75em #000;
}

.calendarSkin div
{
    padding: .25em;
}

.calendarSkin .vxJS_dragBar
{
    font-size: 80%; position: relative; margin: .25em .5em; padding: 0;
}

.calendarSkin .mon
{
    display: block; text-align: center;
}

.calendarSkin .prevMon,
.calendarSkin .nextMon
{position: absolute; top: 0; display: block; 

    cursor: pointer;
}

.calendarSkin .prevMon
{
    left: 0;
}

.calendarSkin .prevMon:before
{
    font-family: icomoon; content: '\e025';
}

.calendarSkin .nextMon
{
    right: 0; left: auto; text-align: right;
}

.calendarSkin .nextMon:before
{
    font-family: icomoon; content: '\e023';
}

.calendarSkin table
{
    font-size: 80%; border-spacing: 2px; border-collapse: separate;
}

.calendarSkin table th
{width: 1.75em; 
    padding: .125em .25em; text-align: center; vertical-align: middle; color: #fff; background: #bbb;
}

.calendarSkin table td
{height: 2.5em; 
    padding: .125em .25em; cursor: pointer; text-align: center; vertical-align: middle; background: #fff;
}

.calendarSkin table td.trail
{
    color: #bbb;
}

.calendarSkin table td.weekCell
{
    cursor: pointer; background: #99a5bd;
}

.calendarSkin table td.today
{color: #fff; border-radius: .125em; 
    background: #e1b42e;
}

.calendarSkin table td.marked
{color: #fff; border-radius: .125em; 
    background: #56aa1f;
}

.calendarSkin table td.disabled
{cursor: default; 

    color: #888;
}

/* autosuggest widget */
.vxJS_autoSuggest
{
    position: absolute; z-index: 500; border: 1px solid #eee; box-shadow: 0 1px .75em #888;
}

.vxJS_autoSuggest ul
{margin: 0; padding: 0; list-style-type: none; 

    color: #000; background: #fff;
}

.vxJS_autoSuggest ul li
{margin: 0; padding: .25em .5em; 

    cursor: pointer;
}

.vxJS_autoSuggest ul li.current
{
    color: #715a17; background: #eee;
}

.vxJS_autoSuggest ul li span
{
    padding: 0 .5em;
}

.vxJS_autoSuggest ul li span.hiLite
{padding: 0; 

    color: #56aa1f;
}

/* overlay */
.vxJS_overlay
{
    z-index: 100000; background: rgba(255, 255, 255, .5);
}

@font-face
{
    font-family: 'icomoon'; font-weight: normal; font-style: normal; src: url('../fonts/icomoon/icomoon.woff') format('woff'), url('../fonts/icomoon/icomoon.woff2') format('woff2');
}

@font-face
{
    font-family: 'verb'; font-weight: normal; font-style: normal; src: url('../fonts/verb/verbregular.woff') format('woff'), url('../fonts/verb/verbregular.woff2') format('woff2');
}

@font-face
{
    font-family: 'verb'; font-weight: normal; font-style: italic; src: url('../fonts/verb/verbregular-italic.woff') format('woff'), url('../fonts/verb/verbregular-italic.woff2') format('woff2');
}

@font-face
{
    font-family: 'verb'; font-weight: bold; font-style: normal; src: url('../fonts/verb/verbsemibold.woff') format('woff'), url('../fonts/verb/verbsemibold.woff2') format('woff2');
}

@font-face
{
    font-family: 'verb'; font-weight: bold; font-style: italic; src: url('../fonts/verb/verbsemibold-italic.woff') format('woff'), url('../fonts/verb/verbsemibold-italic.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbcond'; font-weight: normal; font-style: normal; src: url('../fonts/verbcond/VerbCondRegular.woff') format('woff'), url('../fonts/verbcond/VerbCondRegular.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbcond'; font-weight: normal; font-style: italic; src: url('../fonts/verbcond/VerbCondRegular-Italic.woff') format('woff'), url('../fonts/verbcond/VerbCondRegular-Italic.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbcond'; font-weight: bold; font-style: normal; src: url('../fonts/verbcond/VerbCondSemibold.woff') format('woff'), url('../fonts/verbcond/VerbCondSemibold.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbcond'; font-weight: bold; font-style: italic; src: url('../fonts/verbcond/VerbCondSemibold-Italic.woff') format('woff'), url('../fonts/verbcond/VerbCondSemibold-Italic.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbexcond'; font-weight: normal; font-style: normal; src: url('../fonts/verbexcond/VerbExCondRegular.woff') format('woff'), url('../fonts/verbexcond/VerbExCondRegular.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbexcond'; font-weight: normal; font-style: italic; src: url('../fonts/verbexcond/VerbExCondRegular-Italic.woff') format('woff'), url('../fonts/verbexcond/VerbExCondRegular-Italic.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbexcond'; font-weight: bold; font-style: normal; src: url('../fonts/verbexcond/VerbExCondSemibold.woff') format('woff'), url('../fonts/verbexcond/VerbExCondSemibold.woff2') format('woff2');
}

@font-face
{
    font-family: 'verbexcond'; font-weight: bold; font-style: italic; src: url('../fonts/verbexcond/VerbExCondSemibold-Italic.woff') format('woff'), url('../fonts/verbexcond/VerbExCondSemibold-Italic.woff2') format('woff2');
}

ul.noBullets
{
    list-style-type: none;
}

li
{
    margin-bottom: .25em;
}

h1
{
    font-family: verb, sans-serif; font-size: 250%; font-weight: normal; margin: .67em 0; color: #2b5510;
}

h2
{
    font-family: verb, sans-serif; font-size: 150%; font-weight: normal; margin: .5em 0; color: #2b5510;
}

h3
{
    font-family: verb, sans-serif; font-size: 120%; font-weight: normal; margin: .75em 0; color: #2b5510;
}

th,
td
{
    padding: .5em .75em;
}

th
{
    font-weight: bold; text-align: left;
}

tr:nth-child(odd)
{
    background: #eee;
}

table
{
    width: 100%;
}

p
{
    line-height: 150%; margin-bottom: .5em;
}

address
{
    font-style: normal; line-height: 150%; margin-bottom: .5em;
}

button,
a.buttonLink
{
    color: white; border: solid 1px #abd58f; background: #56aa1f;
}

button:hover,
a.buttonLink:hover
{
    color: white; border-color: #abd58f; background: #67b335; box-shadow: 0 0 3px #cce6bc;
}

input[type='text']
{padding: 4px 6px; 

    border: solid 1px #56aa1f; border-radius: 0;    -moz-appearance: none; -webkit-appearance: none;
}

blockquote
{
    font-family: verb; font-style: italic; display: block; margin: 0 0 1em 0; padding: 1em 1.5em 1em 2em; border-right: 2px solid #e1b42e; border-left: 15px solid #e1b42e; background: #fff; box-shadow: 0 2px 8px #bbb;
}

/* tag styling */
*,
*:before,
*:after
{
    font-family: verbcond, sans-serif; font-size: 100%; line-height: normal; -moz-box-sizing: border-box;      box-sizing: border-box; margin: 0; padding: 0;
}

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

a
{
    text-decoration: none; color: #2d0dc0;
}

a:active,
a:hover
{
    color: #170760;
}

html
{
    min-height: 100%;
}

body
{min-height: 100%; 

    background: white;
}

body.sticky .vxJS_autoSuggest
{
    position: fixed;
}

header
{
    display: flex; padding-top: 1em; align-items: end; justify-content: space-between;
}

footer
{
    margin: 1em 0; border-top: solid 1px #eee;
}

#logo
{width: 40%; min-width: 240px; max-width: 320px; 
    margin: 0 .25em .25em 0;
}

#logo svg
{
    width: 100%;
}

#tagLine
{
    font-family: verb; font-size: 200%; font-weight: bold; text-align: right; color: #888;
}

#page
{
    width: 1200px; margin: 0 auto;
}

#mainMenu
{
    padding-bottom: 4px; background: white;
}

#mainMenu ul
{
    list-style-type: none;
}

#mainMenu > ul
{font-family: verb, sans-serif; display: flex; margin: 0; padding: 0; 

    text-transform: uppercase;
}

#mainMenu > ul > li
{
    position: relative; margin: 0; margin-right: 4px; padding: .5em 2em; text-align: center; border-top: solid 4px #e1b42e; background: #eee; flex-grow: 1;
}

#mainMenu > ul > li.active
{
    color: #2b5510; border-top: solid 4px #56aa1f; background: #fff;
}

#mainMenu > ul > li.active a
{
    color: #2b5510;
}

#mainMenu > ul > li:last-child
{
    margin-right: 0;
}

#mainMenu > ul > li a
{display: block; 

    text-decoration: none; color: #715a17;
}

#mainMenu > ul > li a:hover,
#mainMenu > ul > li a:active
{transition: all .25s ease 0s; 

    color: #2b5510;
}

#mainMenu > ul > li:hover > ul
{
    visibility: visible; transition: opacity .25s linear; opacity: 1;
}

#mainMenu > ul > li > ul
{
    position: absolute; z-index: 100; visibility: hidden; padding: 1em 2em; transition: opacity .25s linear, visibility 0s linear .25s; white-space: nowrap; opacity: 0; border: solid 2px #56aa1f; background: white;
}

#mainMenu > ul > li > ul > li
{margin: .5em 0; 

    text-align: left;
}

#mainMenu > ul > li > ul > li span
{
    font-weight: bold;
}

#mainMenu > ul > li > ul > li a,
#mainMenu > ul > li > ul > li span
{display: inline-block; 

    padding-right: .5em;
}

#mainMenu > ul > li > ul > li ul
{
    display: inline-block;
}

#mainMenu > ul > li > ul > li ul li
{display: inline-block; 

    padding-left: .5em;
}

#mainMenu > ul > li > ul > li ul:before
{
    font-family: icomoon; content: '';
}

#auxMenu ul
{
    list-style-type: none; text-align: right;
}

#auxMenu ul *
{
    font-family: verb, sans-serif;
}

#auxMenu ul li
{display: inline-block; 

    padding: 1em 0 1em 1em;
}

#search
{
    border-bottom: solid 4px white;
}

#searchForm
{padding: 0; 

    background: #eee;
}

#searchForm label
{
    display: inline-block;
}

#searchForm .formBody
{
    display: flex; padding: .75em 0; justify-content: space-between;
}

#searchForm .formSection
{
    padding: 0 .5em;
}

#searchForm .formSection:first-child
{
    min-width: 18rem;
}

#searchForm .nowrap
{
    white-space: nowrap;
}

#searchForm .formItem
{
    padding: 0 0 .5em 0;
}

#searchForm .formItem > *
{
    display: block; padding-bottom: .25em;
}

#searchForm .formItem input[type='checkbox']
{
    display: none;
}

#searchForm .formItem input[type='checkbox'].error + label
{
    color: red;
}

#searchForm .formItem input[type='checkbox'] + label:before
{font-family: icomoon; font-size: 120%; display: inline-block; margin-right: .5em; 

    content: ''; vertical-align: top; color: #56aa1f;
}

#searchForm .formItem input[type='checkbox']:checked + label:before
{
    content: '';
}

#searchForm .formItem input[type='checkbox']#additions_1 + label
{
    position: relative;
}

#searchForm .formItem input[type='checkbox']#additions_1 + label:after
{
    position: absolute; top: -8px; left: 8px; width: 24px; height: 24px; content: ''; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMzUgMjhsLS42NDctMi41ODUyTDEzMi41IDI3LjMzbC43MzIyLTIuNTYyMy0yLjU2MjMuNzMyMyAxLjkxNS0xLjg1M0wxMzAgMjNsMi41ODUyLS42NDdMMTMwLjY3IDIwLjVsMi41NjIyLjczMjJMMTMyLjUgMTguNjdsMS44NTMgMS45MTUyTDEzNSAxOGwuNjQ3IDIuNTg1MkwxMzcuNSAxOC42N2wtLjczMjIgMi41NjIyTDEzOS4zMyAyMC41bC0xLjkxNTIgMS44NTNMMTQwIDIzbC0yLjU4NTIuNjQ3TDEzOS4zMyAyNS41bC0yLjU2MjItLjczMjMuNzMyMiAyLjU2MjQtMS44NTMtMS45MTV6Ii8+DQogIDxwYXRoIGZpbGw9IiNlMWI0MmYiIGZpbGwtb3BhY2l0eT0iLjk0MTIiIGQ9Ik0zNi4xMDM1IDQ0Ljk2NGwtNi42NTY3LTQuOTE4M0wyNy4xNTk4IDQ4bC00LjI2OC03LjA5MTMtNS4xNTcgNi40NzM1LTEuMjI5NC04LjE4NDctNy4yNDE3IDQuMDA3MyAxLjk5NjQtOC4wMzIyLTguMjI0LjkzMSA0LjkxODUtNi42NTY4TDAgMjcuMTU5Nmw3LjA5MTMtNC4yNjgtNi40NzM2LTUuMTU3IDguMTg0OC0xLjIyOTItNC4wMDczLTcuMjQxOCA4LjAzMjIgMS45OTY1LS45MzEtOC4yMjQgNi42NTY4IDQuOTE4NUwyMC44NDAyIDBsNC4yNjggNy4wOTEzIDUuMTU3LTYuNDczNiAxLjIyOTQgOC4xODQ4IDcuMjQxNy00LjAwNzMtMS45OTY0IDguMDMyMiA4LjIyNC0uOTMxLTQuOTE4NSA2LjY1NjhMNDggMjAuODQwMmwtNy4wOTEzIDQuMjY4IDYuNDczNiA1LjE1Ny04LjE4NDggMS4yMjkzIDQuMDA3MyA3LjI0MTgtOC4wMzIyLTEuOTk2NHoiLz4NCiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMzLjk0MTggMzEuNzAybC01LjE4My0xOS4zNDMtNC4yIDEuMTI1NCAyLjk2OSAxMS4wODA4LTkuMTU5LTkuNDIyMy00LjMxMDYgMS4xNTUgNS4xODMgMTkuMzQzIDQuMi0xLjEyNTZMMjAuNDg3IDIzLjQ5bDkuMTQ0IDkuMzY3eiIvPg0KPC9zdmc+DQo='); background-size: cover;
}

#searchForm .formItem .optionGroup
{
    margin-bottom: 1em;
}

#searchForm .formItem input[type='text'] + input[type='text']
{
    margin-left: .25em;
}

#searchForm .formBase
{display: flex; 

    margin: 0; padding: .75em 1em; background: #888; justify-content: space-between; align-items: center;
}

#searchForm .formBase > *
{
    display: block;
}

#searchForm .formBase:before
{
    display: block; width: 40%; content: '';
}

#searchForm .formBase span
{width: 20%; 

    text-align: center;
}

#searchForm .formBase strong
{
    font-family: verb, sans-serif; font-size: 150%; width: 40%; text-align: right; color: white;
}

#searchForm .formBase button
{width: 100%; 
    margin: 0;
}

#searchForm .pickedWhere
{font-weight: bold; 

    display: block;    display: flex; margin: .25em 0; padding: .25em .5em; color: #2b5510; border-radius: 2px; background: #bbb; justify-content: space-between; align-items: center;
}

#searchForm .pickedWhere button
{
    color: #2b5510;
}

#searchForm .pickedWhere button:hover
{
    border-color: #2b5510;
}

.pagination
{
    display: flex; margin: .5em 0; justify-content: space-between; align-items: center;
}

.pagination .pageLinks
{
    white-space: nowrap;
}

.pagination span,
.pagination a
{font-weight: bold; 

    display: inline-block; margin: 0 .125em; padding: .25em .5em; border-radius: 2px; background: #eee;
}

.breadCrumbs
{
    margin-top: 1em;
}

.breadCrumbs a
{font-weight: bold; 

    display: inline-block; margin: 0; padding-left: .5em; color: #888; border-radius: 0;
}

.breadCrumbs a:first-child
{
    padding-left: 0;
}

.breadCrumbs a:last-child
{
    color: #222;
}

.details
{
    display: flex; flex-wrap: wrap;
}

.details .gallery
{width: 66.6%; 
    max-width: 640px;
}

.details .gallery img
{
    width: 100%;
}

.details .info
{
    padding-left: 16px; flex: auto;
}

.details .info .buttonLink
{
    display: block; margin: 0 0 2em 0; padding: .5em 0; text-align: center;
}

.details .description
{
    width: 100%; margin: 1em 0;
}

.overviewList
{font-size: 150%; 

    margin-bottom: 1em;
}

.overviewList li
{
    margin-bottom: 4px;
}

.overviewList li span
{
    display: inline-block; width: 50%; padding: .25em 1em; text-align: right; color: #715a17; border-right: solid 4px white; background: #f6e9c0;
}

.overviewList li span:after
{
    font-family: icomoon; content: ''; vertical-align: middle;
}

.overviewList li a
{font-weight: bold; 

    display: inline-block; width: 50%; padding: .25em 1em; color: #2b5510; background: #cce6bc;
}

.lastVisited
{
    display: flex; padding: .5em .75em; background: #ddeed2; flex-wrap: wrap;
}

.lastVisited a
{
    display: block; padding: .25em;
}

.lastVisited img
{display: block; 

    height: 125px;
}

.teasers
{
    display: flex; flex-wrap: wrap; justify-content: space-between;
}

.teaser
{margin-bottom: 1em; 

    flex: 0 1 388px;
}

.teaser.new h2
{
    position: relative; padding-left: 32px;
}

.teaser.new h2:before
{
    position: absolute; top: -16px; left: -16px; width: 48px; height: 48px; content: ''; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+DQogIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0xMzUgMjhsLS42NDctMi41ODUyTDEzMi41IDI3LjMzbC43MzIyLTIuNTYyMy0yLjU2MjMuNzMyMyAxLjkxNS0xLjg1M0wxMzAgMjNsMi41ODUyLS42NDdMMTMwLjY3IDIwLjVsMi41NjIyLjczMjJMMTMyLjUgMTguNjdsMS44NTMgMS45MTUyTDEzNSAxOGwuNjQ3IDIuNTg1MkwxMzcuNSAxOC42N2wtLjczMjIgMi41NjIyTDEzOS4zMyAyMC41bC0xLjkxNTIgMS44NTNMMTQwIDIzbC0yLjU4NTIuNjQ3TDEzOS4zMyAyNS41bC0yLjU2MjItLjczMjMuNzMyMiAyLjU2MjQtMS44NTMtMS45MTV6Ii8+DQogIDxwYXRoIGZpbGw9IiNlMWI0MmYiIGZpbGwtb3BhY2l0eT0iLjk0MTIiIGQ9Ik0zNi4xMDM1IDQ0Ljk2NGwtNi42NTY3LTQuOTE4M0wyNy4xNTk4IDQ4bC00LjI2OC03LjA5MTMtNS4xNTcgNi40NzM1LTEuMjI5NC04LjE4NDctNy4yNDE3IDQuMDA3MyAxLjk5NjQtOC4wMzIyLTguMjI0LjkzMSA0LjkxODUtNi42NTY4TDAgMjcuMTU5Nmw3LjA5MTMtNC4yNjgtNi40NzM2LTUuMTU3IDguMTg0OC0xLjIyOTItNC4wMDczLTcuMjQxOCA4LjAzMjIgMS45OTY1LS45MzEtOC4yMjQgNi42NTY4IDQuOTE4NUwyMC44NDAyIDBsNC4yNjggNy4wOTEzIDUuMTU3LTYuNDczNiAxLjIyOTQgOC4xODQ4IDcuMjQxNy00LjAwNzMtMS45OTY0IDguMDMyMiA4LjIyNC0uOTMxLTQuOTE4NSA2LjY1NjhMNDggMjAuODQwMmwtNy4wOTEzIDQuMjY4IDYuNDczNiA1LjE1Ny04LjE4NDggMS4yMjkzIDQuMDA3MyA3LjI0MTgtOC4wMzIyLTEuOTk2NHoiLz4NCiAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMzLjk0MTggMzEuNzAybC01LjE4My0xOS4zNDMtNC4yIDEuMTI1NCAyLjk2OSAxMS4wODA4LTkuMTU5LTkuNDIyMy00LjMxMDYgMS4xNTUgNS4xODMgMTkuMzQzIDQuMi0xLjEyNTZMMjAuNDg3IDIzLjQ5bDkuMTQ0IDkuMzY3eiIvPg0KPC9zdmc+DQo='); background-size: cover;
}

.teaser h2
{font-size: 100%; margin-bottom: .5em; padding: .5em 1em; transition: all .25s ease 0s; 

    background: #56aa1f;
}

.teaser h2:hover
{transition: all .25s ease 0s; 

    background: #2b5510;
}

.teaser h2 a
{font-family: verbexcond; font-size: 120%; 

    display: block; color: #fff;
}

.teaser h2 span
{
    display: block;
}

.teaser address
{font-style: normal; padding-top: .25em; 

    border-top: dotted 1px #56aa1f;
}

.teaser .overview
{
    display: flex; flex-wrap: wrap;
}

.teaser .overview .gallery
{
    display: block; min-width: 200px; max-width: 40%; flex: 0 1 200px;
}

.teaser .overview .gallery img
{
    width: 100%;
}

.teaser .overview .infos
{width: 188px; 
    padding-left: 1em;
}

.teaser .overview .infos > div > *
{
    display: block; margin-bottom: .25em;
}

.teaser .overview .description
{width: 100%; 
    padding-top: .5em;
}

.teaser .overview .description *
{
    font-family: verbexcond;
}

.coloredBox
{display: block; margin-bottom: .25em; 
    padding: .25em .5em;
}

.coloredBox.yellow
{
    background: #f6e9c0;
}

.coloredBox.yellow a
{
    color: #715a17;
}

.chartContainer
{
    position: relative; display: block; width: 100%; margin-bottom: 1em;
}

.sticking
{
    position: fixed; z-index: 100; top: 0; width: inherit;
}

.vxJS_autoSuggestInputWrapper
{
    position: relative;
}

.vxJS_autoSuggestInputWrapper.busy:after
{font-family: icomoon; 

    display: inline-block; width: 2em; margin-left: -2em; content: '\e02f'; -webkit-animation: rotate 1s linear infinite;         animation: rotate 1s linear infinite; text-align: center; vertical-align: middle; color: #56aa1f;
}

.popover
{position: relative; 

    display: inline-block;
}

.popover .popover-container
{position: absolute; z-index: 300; top: 0; 
    left: 50%; width: 240px; padding: .4rem; transition: -webkit-transform .2s ease; transition:         transform .2s ease; transition:         transform .2s ease, -webkit-transform .2s ease; -webkit-transform: translate(-50%, -50%) scale(0);         transform: translate(-50%, -50%) scale(0); opacity: 0;
}

.popover *:focus + .popover-container,
.popover:hover .popover-container,
.popover .popover-container:hover
{
    display: block; -webkit-transform: translate(-50%, -100%) scale(1);         transform: translate(-50%, -100%) scale(1); opacity: 1;
}

.popover.popover-left .popover-container
{top: 50%; 
    left: 0;
}

.popover.popover-left :focus + .popover-container,
.popover.popover-left:hover .popover-container,
.popover.popover-left .popover-container:hover
{
    -webkit-transform: translate(-100%, -50%) scale(1);            transform: translate(-100%, -50%) scale(1);
}

.popover .card
{padding: .8rem; border: 0; 
    background: white; box-shadow: 0 .2rem .5rem rgba(69, 77, 93, .3);
}

.gadsContainer
{width: 100%; 
    margin-bottom: .5em;
}

.gadsContainer:before
{font-size: .7em; font-weight: bold; display: block; margin-bottom: .5em; padding-top: .5em; 

    content: 'Anzeige'; text-transform: uppercase; color: #ccc; border-top: dotted 1px #ccc;
}

.gadsContainer:after
{font-size: .7em; font-weight: bold; display: block; overflow: hidden; height: 0; margin-top: 1em; 

    content: ''; border-bottom: dotted 1px #ccc;
}

.gadsContainer.blocked:before
{font-size: .9em; width: 100%; /*white-space: pre-wrap;*/ 
    padding: 1em; content: 'Diese Website finanziert sich über Werbeeinblendungen.\AWir sind dankbar für jeden deaktivierten Ad Blocker.'; color: #2b5510; border: none; background: #ccc;
}

.gadsContainer.blocked:after
{
    display: none;
}

#slideoutMenu
{
    position: absolute; z-index: 2000; left: -512px; overflow-y: auto; width: 512px; min-height: 100%; padding: 1em; transition: all .25s ease 0s; background: #fff; box-shadow: 1px 0 4px rgba(0, 0, 0, .25);
}

#slideoutMenu ul
{
    list-style-type: none;
}

#slideoutMenu > ul
{
    font-size: 120%;
}

#slideoutMenu > ul li
{
    margin-bottom: .5em;
}

#slideoutMenu > ul li.active
{
    font-weight: bold;
}

#slideoutMenu > ul > li > ul
{
    margin-top: .5em; margin-left: 1em;
}

#slideoutMenu > ul > li > ul > li a,
#slideoutMenu > ul > li > ul > li span
{
    display: inline-block;
}

#slideoutMenu > ul > li > ul > li > ul
{
    display: inline-block;
}

#slideoutMenu > ul > li > ul > li > ul li
{
    display: inline-block;
}

#slideoutMenu > ul > li > ul > li > ul:before
{
    font-family: icomoon; content: '';
}

.slideoutMenuOn #slideoutMenu
{
    left: 0; transition: all .25s ease 0s;
}

.slideoutMenuOn #menuToggle a
{
    -webkit-transform: rotate(90deg);            transform: rotate(90deg);
}

.searchFormOn #searchForm
{
    display: block;
}

#menuToggle
{
    display: none;
}

#menuToggle a
{
    font-size: 200%; display: block; padding: .5em; transition: all .2s ease-out 0s; text-decoration: none; color: #e1b42e; outline: none;
}

#menuToggle a:before
{
    font-family: icomoon; font-weight: normal; content: attr(data-icon);
}

#menuToggle a:hover,
#menuToggle a:active
{
    color: #715a17;
}

#searchToggle
{
    display: none; background: #eee;
}

#searchToggle a
{
    font-size: 150%; display: block; padding: .5em 0 .25em .5em; text-decoration: none; color: #56aa1f; outline: none;
}

#searchToggle a:before
{
    font-family: icomoon; font-weight: normal; content: attr(data-icon);
}

#searchToggle a:hover,
#searchToggle a:active
{
    color: #2b5510;
}

@media (max-width: 1200px)
{
    #mainMenu
    {
        display: none;
    }
    #menuToggle
    {
        display: block;
    }
    #search.sticking,
    #searchToggle.sticking
    {
        margin: 0 -1em; padding: 0 1em;
    }
    #tagLine
    {
        font-size: 150%;
    }
    #page
    {
        width: 100%; padding: 0 1em;
    }
    .teasers
    {
        display: block;
    }
    .teaser h2 span
    {
        display: inline-block;
    }
    .teaser h2 span:last-child:before
    {
        content: '\00a0• ';
    }
    .teaser .overview
    {
        flex-wrap: nowrap;
    }
    .teaser .overview .infos
    {
        width: 30%; min-width: 10em;
    }
    .teaser .overview .description
    {width: auto; 
        padding: 0 0 0 1em;
    }
}

/* re-arrange form */
@media (max-width: 900px)
{
    #searchForm
    {
        display: none;
    }
    #searchToggle
    {
        display: block;
    }
    h1
    {
        font-size: 200%;
    }
    #tagLine
    {
        display: none;
    }
    #searchForm .formBody
    {
        flex-wrap: wrap;
    }
    #searchForm .formSection
    {
        flex: 0 1 50%;
    }
    #searchForm .formSection:nth-child(3)
    {
        order: 4;
    }
    #searchForm .formSection:nth-child(4)
    {
        order: 3;
    }
    #searchForm .formBase:before
    {
        display: none; width: 0;
    }
    #searchForm .formBase span
    {width: auto; 

        text-align: left;
    }
    #searchForm .formBase strong
    {width: auto; 

        text-align: right;
    }
    .pagination span,
    .pagination a
    {
        display: none;
    }
    .pagination span:first-child,
    .pagination span:nth-child(2),
    .pagination span:nth-last-child(2),
    .pagination span:last-child,
    .pagination a:first-child,
    .pagination a:nth-child(2),
    .pagination a:nth-last-child(2),
    .pagination a:last-child
    {
        display: inline-block;
    }
    .details .gallery
    {
        width: 50%;
    }
}

@media (max-width: 600px)
{
    #searchForm .formSection
    {
        flex: 0 1 100%;
    }
    #searchForm .formSection:nth-child(2)
    {
        flex: 0 1 50%;
    }
    #searchForm .formSection:nth-child(3)
    {
        flex: 0 1 50%; order: 3;
    }
    #searchForm .formSection:nth-child(4)
    {
        order: 4;
    }
    #searchForm .formBase strong
    {
        font-size: 100%;
    }
    .teaser .overview
    {
        flex-wrap: wrap;
    }
    .teaser .overview .gallery
    {
        min-width: auto;
    }
    .teaser .overview .infos
    {
        flex: auto;
    }
    .teaser .overview .description
    {width: 100%; 
        padding: 1em 0 0 0;
    }
    .details .gallery
    {
        width: 100%;
    }
    .details .info
    {margin-top: 1em; 
        padding-left: 0;
    }
    .details .info table
    {
        font-size: 80%;
    }
    .stats
    {
        font-size: 80%;
    }
    .breadCrumbs
    {
        font-size: 120%;
    }
}

@media (max-width: 480px)
{
    #searchToggle a
    {
        font-size: 100%;
    }
    #searchForm .formItem > *
    {
        padding-bottom: 0;
    }
    #slideoutMenu
    {left: -320px; 

        width: 320px;
    }
    h1
    {
        font-size: 150%;
    }
    h2
    {
        font-size: 120%;
    }
    footer
    {
        font-size: 80%;
    }
    .teaser h2 *
    {
        font-family: verbexcond, sans-serif;
    }
    .pagination select[name='sortResults']
    {
        width: 6em;
    }
    .stats th,
    .stats td
    {
        padding: .5em .25em;
    }
}