@charset "UTF-8";

.specialColor {

  color: #ed0012;

}



.specialBackground {

  background-color: #ed0012;

}

.specialBackground .specialColor {

  color: rgb(245, 245, 245) !important;

}



.highlighted .specialColor {

  color: rgb(245, 245, 245) !important;

}



/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

/*!

normalize.css v | MIT License | git.io/normalize

Copyright (c) Nicolas Gallagher and Jonathan Neal

*/

/*! normalize.css v8.0.1 | 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 iOS.

 */

html {

  line-height: 1.15;

  /* 1 */

  -webkit-text-size-adjust: 100%;

  /* 2 */

}



/* Sections

   ========================================================================== */

/**

 * Remove the margin in all browsers.

 */

body {

  margin: 0;

}



/**

 * Render the `main` element consistently in IE.

 */

main {

  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

   ========================================================================== */

/**

 * 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

   ========================================================================== */

/**

 * Remove the gray background on active links in IE 10.

 */

a {

  background-color: transparent;

}



/**

 * 1. Remove the bottom border in Chrome 57-

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

}



/**

 * 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 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

   ========================================================================== */

/**

 * Remove the border on images inside links in IE 10.

 */

img {

  border-style: none;

}



/* Forms

   ========================================================================== */

/**

 * 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari.

 */

button, input, optgroup, select, textarea {

  font-family: inherit;

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

}



/**

 * Correct the inability to style clickable types in iOS and Safari.

 */

button, [type=button], [type=reset], [type=submit] {

  -webkit-appearance: button;

}



/**

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

}



/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */

progress {

  vertical-align: baseline;

}



/**

 * Remove the default vertical scrollbar in IE 10+.

 */

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

}

[type=search]::-webkit-search-decoration {

  -webkit-appearance: none;

}



/**

 * Remove the inner padding in Chrome and Safari on macOS.

 */

/**

 * 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 Edge, IE 10+, and Firefox.

 */

details {

  display: block;

}



/*

 * Add the correct display in all browsers.

 */

summary {

  display: list-item;

}



/* Misc

   ========================================================================== */

/**

 * Add the correct display in IE 10+.

 */

template, [hidden] {

  display: none;

}



/**

 * Add the correct display in IE 10.

 */

/*csslint important:false*/

/* ==========================================================================

   Pure Base Extras

   ========================================================================== */

/**

 * Extra rules that Pure adds on top of Normalize.css

 */

html {

  font-family: sans-serif;

}



/**

 * Always hide an element when it has the `hidden` HTML attribute.

 */

.hidden, [hidden] {

  display: none !important;

}



/**

 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining

 * aspect ratio.

 */

.pure-img {

  max-width: 100%;

  height: auto;

  display: block;

}



/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

.pure-button {

  /* Structure */

  display: inline-block;

  line-height: normal;

  white-space: nowrap;

  vertical-align: middle;

  text-align: center;

  cursor: pointer;

  -webkit-user-drag: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.pure-button::-moz-focus-inner {

  padding: 0;

  border: 0;

}



/* Firefox: Get rid of the inner focus border */

/* Inherit .pure-g styles */

.pure-button-group {

  letter-spacing: -0.31em;

  /* Webkit: collapse white-space between units */

  text-rendering: optimizespeed;

  /* Webkit: fixes text-rendering: optimizeLegibility */

}



.opera-only :-o-prefocus {

  word-spacing: -0.43em;

}



.pure-button-group {

  word-spacing: -0.43em;

}

.pure-button-group .pure-button {

  letter-spacing: normal;

  word-spacing: normal;

  vertical-align: top;

  text-rendering: auto;

}



/*csslint outline-none:false*/

.pure-button {

  font-family: inherit;

  font-size: 100%;

  padding: 0.5em 1em;

  color: rgba(0, 0, 0, 0.8);

  border: none rgba(0, 0, 0, 0);

  background-color: #E6E6E6;

  text-decoration: none;

  border-radius: 2px;

}



.pure-button-hover {

  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

}



.pure-button:hover {

  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

}

.pure-button:focus {

  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.1)));

  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));

  outline: 0;

}



.pure-button-active {

  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;

  border-color: #000;

}



.pure-button:active {

  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;

  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;

  border-color: #000;

}

.pure-button[disabled] {

  border: none;

  background-image: none;

  opacity: 0.4;

  cursor: not-allowed;

  -webkit-box-shadow: none;

  box-shadow: none;

  pointer-events: none;

}



.pure-button-disabled {

  border: none;

  background-image: none;

  opacity: 0.4;

  cursor: not-allowed;

  -webkit-box-shadow: none;

  box-shadow: none;

  pointer-events: none;

}

.pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active {

  border: none;

  background-image: none;

  opacity: 0.4;

  cursor: not-allowed;

  -webkit-box-shadow: none;

  box-shadow: none;

  pointer-events: none;

}



.pure-button-hidden {

  display: none;

}



.pure-button-primary, .pure-button-selected {

  background-color: rgb(0, 120, 231);

  color: #fff;

}



a.pure-button-primary, a.pure-button-selected {

  background-color: rgb(0, 120, 231);

  color: #fff;

}



/* Button Groups */

.pure-button-group .pure-button {

  margin: 0;

  border-radius: 0;

  border-right: 1px solid rgba(0, 0, 0, 0.2);

}

.pure-button-group .pure-button:first-child {

  border-top-left-radius: 2px;

  border-bottom-left-radius: 2px;

}

.pure-button-group .pure-button:last-child {

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

  border-right: none;

}



/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

/*csslint box-model:false*/

/*

Box-model set to false because we're setting a height on select elements, which

also have border and padding. This is done because some browsers don't render

the padding. We explicitly set the box-model for select elements to border-box,

so we can ignore the csslint warning.

*/

.pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color] {

  padding: 0.5em 0.6em;

  display: inline-block;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 3px #ddd;

  box-shadow: inset 0 1px 3px #ddd;

  border-radius: 4px;

  vertical-align: middle;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.pure-form select, .pure-form textarea {

  padding: 0.5em 0.6em;

  display: inline-block;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 3px #ddd;

  box-shadow: inset 0 1px 3px #ddd;

  border-radius: 4px;

  vertical-align: middle;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.pure-form input:not([type]) {

  padding: 0.5em 0.6em;

  display: inline-block;

  border: 1px solid #ccc;

  -webkit-box-shadow: inset 0 1px 3px #ddd;

  box-shadow: inset 0 1px 3px #ddd;

  border-radius: 4px;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}

.pure-form input[type=color] {

  padding: 0.2em 0.5em;

}

.pure-form input[type=text]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus {

  outline: 0;

  border-color: #129FEA;

}

.pure-form select:focus, .pure-form textarea:focus {

  outline: 0;

  border-color: #129FEA;

}

.pure-form input:not([type]):focus {

  outline: 0;

  border-color: #129FEA;

}

.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {

  outline: thin solid #129FEA;

  outline: 1px auto #129FEA;

}

.pure-form .pure-checkbox, .pure-form .pure-radio {

  margin: 0.5em 0;

  display: block;

}

.pure-form input[type=text][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled] {

  cursor: not-allowed;

  background-color: #eaeded;

  color: #cad2d3;

}

.pure-form select[disabled], .pure-form textarea[disabled] {

  cursor: not-allowed;

  background-color: #eaeded;

  color: #cad2d3;

}

.pure-form input:not([type])[disabled] {

  cursor: not-allowed;

  background-color: #eaeded;

  color: #cad2d3;

}

.pure-form input[readonly] {

  background-color: #eee;

  /* menu hover bg color */

  color: #777;

  /* menu text color */

  border-color: #ccc;

}

.pure-form select[readonly], .pure-form textarea[readonly] {

  background-color: #eee;

  /* menu hover bg color */

  color: #777;

  /* menu text color */

  border-color: #ccc;

}

.pure-form input:focus:invalid, .pure-form textarea:focus:invalid, .pure-form select:focus:invalid {

  color: #b94a48;

  border-color: #e9322d;

}

.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {

  outline-color: #e9322d;

}

.pure-form select {

  /* Normalizes the height; padding is not sufficient. */

  height: 2.25em;

  border: 1px solid #ccc;

  background-color: white;

}

.pure-form select[multiple] {

  height: auto;

}

.pure-form label {

  margin: 0.5em 0 0.2em;

}

.pure-form fieldset {

  margin: 0;

  padding: 0.35em 0 0.75em;

  border: 0;

}

.pure-form legend {

  display: block;

  width: 100%;

  padding: 0.3em 0;

  margin-bottom: 0.3em;

  color: #333;

  border-bottom: 1px solid #e5e5e5;

}



/*

Need to separate out the :not() selector from the rest of the CSS 2.1 selectors

since IE8 won't execute CSS that contains a CSS3 selector.

*/

/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */

/* May be able to remove this tweak as color inputs become more standardized across browsers. */

/*

Need to separate out the :not() selector from the rest of the CSS 2.1 selectors

since IE8 won't execute CSS that contains a CSS3 selector.

*/

/*

Need to separate out the :not() selector from the rest of the CSS 2.1 selectors

since IE8 won't execute CSS that contains a CSS3 selector.

*/

.pure-form-stacked input[type=text], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file] {

  display: block;

  margin: 0.25em 0;

}

.pure-form-stacked select, .pure-form-stacked label, .pure-form-stacked textarea, .pure-form-stacked input:not([type]) {

  display: block;

  margin: 0.25em 0;

}



/*

Need to separate out the :not() selector from the rest of the CSS 2.1 selectors

since IE8 won't execute CSS that contains a CSS3 selector.

*/

.pure-form-aligned input, .pure-form-aligned textarea, .pure-form-aligned select {

  display: inline-block;

  vertical-align: middle;

}



.pure-form-message-inline {

  display: inline-block;

  vertical-align: middle;

}



.pure-form-aligned textarea {

  vertical-align: top;

}

.pure-form-aligned .pure-control-group {

  margin-bottom: 0.5em;

}

.pure-form-aligned .pure-control-group label {

  text-align: right;

  display: inline-block;

  vertical-align: middle;

  width: 10em;

  margin: 0 1em 0 0;

}

.pure-form-aligned .pure-controls {

  margin: 1.5em 0 0 11em;

}



/* Aligned Forms */

/* Rounded Inputs */

.pure-form input.pure-input-rounded, .pure-form .pure-input-rounded {

  border-radius: 2em;

  padding: 0.5em 1em;

}

.pure-form .pure-group fieldset {

  margin-bottom: 10px;

}

.pure-form .pure-group input, .pure-form .pure-group textarea {

  display: block;

  padding: 10px;

  margin: 0 0 -1px;

  border-radius: 0;

  position: relative;

  top: -1px;

}

.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {

  z-index: 3;

}

.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {

  top: 1px;

  border-radius: 4px 4px 0 0;

  margin: 0;

}

.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {

  top: 1px;

  border-radius: 4px;

  margin: 0;

}

.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {

  top: -2px;

  border-radius: 0 0 4px 4px;

  margin: 0;

}

.pure-form .pure-group button {

  margin: 0.35em 0;

}

.pure-form .pure-input-1 {

  width: 100%;

}

.pure-form .pure-input-3-4 {

  width: 75%;

}

.pure-form .pure-input-2-3 {

  width: 66%;

}

.pure-form .pure-input-1-2 {

  width: 50%;

}

.pure-form .pure-input-1-3 {

  width: 33%;

}

.pure-form .pure-input-1-4 {

  width: 25%;

}



/* Grouped Inputs */

/* Inline help for forms */

.pure-form-message-inline {

  display: inline-block;

  padding-left: 0.3em;

  color: #666;

  vertical-align: middle;

  font-size: 0.875em;

}



/* Block help for forms */

.pure-form-message {

  display: block;

  color: #666;

  font-size: 0.875em;

}



@media only screen and (max-width: 480px) {

  .pure-form button[type=submit] {

    margin: 0.7em 0 0;

  }

  .pure-form input:not([type]), .pure-form input[type=text], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color] {

    margin-bottom: 0.3em;

    display: block;

  }

  .pure-form label {

    margin-bottom: 0.3em;

    display: block;

  }

  .pure-group input:not([type]), .pure-group input[type=text], .pure-group input[type=password], .pure-group input[type=email], .pure-group input[type=url], .pure-group input[type=date], .pure-group input[type=month], .pure-group input[type=time], .pure-group input[type=datetime], .pure-group input[type=datetime-local], .pure-group input[type=week], .pure-group input[type=number], .pure-group input[type=search], .pure-group input[type=tel], .pure-group input[type=color] {

    margin-bottom: 0;

  }

  .pure-form-aligned .pure-control-group label {

    margin-bottom: 0.3em;

    text-align: left;

    display: block;

    width: 100%;

  }

  .pure-form-aligned .pure-controls {

    margin: 1.5em 0 0 0;

  }

  .pure-form-message-inline, .pure-form-message {

    display: block;

    font-size: 0.75em;

    /* Increased bottom padding to make it group with its related input element. */

    padding: 0.2em 0 0.8em;

  }

}

/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {

  letter-spacing: -0.31em;

  /* Webkit: collapse white-space between units */

  text-rendering: optimizespeed;

  /* Webkit: fixes text-rendering: optimizeLegibility */

  /*

  Sets the font stack to fonts known to work properly with the above letter

  and word spacings. See: https://github.com/pure-css/pure/issues/41/



  The following font stack makes Pure Grids work on all known environments.



  * FreeSans: Ships with many Linux distros, including Ubuntu



  * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and

    Arial to get picked up by the browser, even though neither is available

    in Chrome OS.



  * Droid Sans: Ships with all versions of Android.



  * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.

  */

  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;

  /* Use flexbox when possible to avoid `letter-spacing` side-effects. */

  display: -webkit-box !important;

  display: -ms-flexbox !important;

  display: flex !important;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: normal;

  -ms-flex-flow: row wrap;

  flex-flow: row wrap;

  /* Prevents distributing space between rows */

  -ms-flex-line-pack: start;

  align-content: flex-start;

}



/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  table .pure-g {

    display: block;

  }

}

/* Opera as of 12 on Windows needs word-spacing.

   The ".opera-only" selector is used to prevent actual prefocus styling

   and is not required in markup.

*/

.opera-only :-o-prefocus, .pure-g {

  word-spacing: -0.43em;

}



.pure-u {

  display: inline-block;

  letter-spacing: normal;

  word-spacing: normal;

  vertical-align: top;

  text-rendering: auto;

}



/*

Resets the font family back to the OS/browser's default sans-serif font,

this the same font stack that Normalize.css sets for the `body`.

*/

.pure-g [class*=pure-u] {

  font-family: sans-serif;

}



.pure-u-1, .pure-u-1-1, .pure-u-1-2, .pure-u-1-3, .pure-u-2-3, .pure-u-1-4, .pure-u-3-4, .pure-u-1-5, .pure-u-2-5, .pure-u-3-5, .pure-u-4-5, .pure-u-5-5, .pure-u-1-6, .pure-u-5-6, .pure-u-1-8, .pure-u-3-8, .pure-u-5-8, .pure-u-7-8, .pure-u-1-12, .pure-u-5-12, .pure-u-7-12, .pure-u-11-12, .pure-u-1-24, .pure-u-2-24, .pure-u-3-24, .pure-u-4-24, .pure-u-5-24, .pure-u-6-24, .pure-u-7-24, .pure-u-8-24, .pure-u-9-24, .pure-u-10-24, .pure-u-11-24, .pure-u-12-24, .pure-u-13-24, .pure-u-14-24, .pure-u-15-24, .pure-u-16-24, .pure-u-17-24, .pure-u-18-24, .pure-u-19-24, .pure-u-20-24, .pure-u-21-24, .pure-u-22-24, .pure-u-23-24, .pure-u-24-24 {

  display: inline-block;

  letter-spacing: normal;

  word-spacing: normal;

  vertical-align: top;

  text-rendering: auto;

}



.pure-u-1-24 {

  width: 4.1667%;

}



.pure-u-1-12, .pure-u-2-24 {

  width: 8.3333%;

}



.pure-u-1-8, .pure-u-3-24 {

  width: 12.5%;

}



.pure-u-1-6, .pure-u-4-24 {

  width: 16.6667%;

}



.pure-u-1-5 {

  width: 20%;

}



.pure-u-5-24 {

  width: 20.8333%;

}



.pure-u-1-4, .pure-u-6-24 {

  width: 25%;

}



.pure-u-7-24 {

  width: 29.1667%;

}



.pure-u-1-3, .pure-u-8-24 {

  width: 33.3333%;

}



.pure-u-3-8, .pure-u-9-24 {

  width: 37.5%;

}



.pure-u-2-5 {

  width: 40%;

}



.pure-u-5-12, .pure-u-10-24 {

  width: 41.6667%;

}



.pure-u-11-24 {

  width: 45.8333%;

}



.pure-u-1-2, .pure-u-12-24 {

  width: 50%;

}



.pure-u-13-24 {

  width: 54.1667%;

}



.pure-u-7-12, .pure-u-14-24 {

  width: 58.3333%;

}



.pure-u-3-5 {

  width: 60%;

}



.pure-u-5-8, .pure-u-15-24 {

  width: 62.5%;

}



.pure-u-2-3, .pure-u-16-24 {

  width: 66.6667%;

}



.pure-u-17-24 {

  width: 70.8333%;

}



.pure-u-3-4, .pure-u-18-24 {

  width: 75%;

}



.pure-u-19-24 {

  width: 79.1667%;

}



.pure-u-4-5 {

  width: 80%;

}



.pure-u-5-6, .pure-u-20-24 {

  width: 83.3333%;

}



.pure-u-7-8, .pure-u-21-24 {

  width: 87.5%;

}



.pure-u-11-12, .pure-u-22-24 {

  width: 91.6667%;

}



.pure-u-23-24 {

  width: 95.8333%;

}



.pure-u-1, .pure-u-1-1, .pure-u-5-5, .pure-u-24-24 {

  width: 100%;

}



/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

@media screen and (min-width: 35.5em) {

  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-1-2, .pure-u-sm-1-3, .pure-u-sm-2-3, .pure-u-sm-1-4, .pure-u-sm-3-4, .pure-u-sm-1-5, .pure-u-sm-2-5, .pure-u-sm-3-5, .pure-u-sm-4-5, .pure-u-sm-5-5, .pure-u-sm-1-6, .pure-u-sm-5-6, .pure-u-sm-1-8, .pure-u-sm-3-8, .pure-u-sm-5-8, .pure-u-sm-7-8, .pure-u-sm-1-12, .pure-u-sm-5-12, .pure-u-sm-7-12, .pure-u-sm-11-12, .pure-u-sm-1-24, .pure-u-sm-2-24, .pure-u-sm-3-24, .pure-u-sm-4-24, .pure-u-sm-5-24, .pure-u-sm-6-24, .pure-u-sm-7-24, .pure-u-sm-8-24, .pure-u-sm-9-24, .pure-u-sm-10-24, .pure-u-sm-11-24, .pure-u-sm-12-24, .pure-u-sm-13-24, .pure-u-sm-14-24, .pure-u-sm-15-24, .pure-u-sm-16-24, .pure-u-sm-17-24, .pure-u-sm-18-24, .pure-u-sm-19-24, .pure-u-sm-20-24, .pure-u-sm-21-24, .pure-u-sm-22-24, .pure-u-sm-23-24, .pure-u-sm-24-24 {

    display: inline-block;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

  }

  .pure-u-sm-1-24 {

    width: 4.1667%;

  }

  .pure-u-sm-1-12, .pure-u-sm-2-24 {

    width: 8.3333%;

  }

  .pure-u-sm-1-8, .pure-u-sm-3-24 {

    width: 12.5%;

  }

  .pure-u-sm-1-6, .pure-u-sm-4-24 {

    width: 16.6667%;

  }

  .pure-u-sm-1-5 {

    width: 20%;

  }

  .pure-u-sm-5-24 {

    width: 20.8333%;

  }

  .pure-u-sm-1-4, .pure-u-sm-6-24 {

    width: 25%;

  }

  .pure-u-sm-7-24 {

    width: 29.1667%;

  }

  .pure-u-sm-1-3, .pure-u-sm-8-24 {

    width: 33.3333%;

  }

  .pure-u-sm-3-8, .pure-u-sm-9-24 {

    width: 37.5%;

  }

  .pure-u-sm-2-5 {

    width: 40%;

  }

  .pure-u-sm-5-12, .pure-u-sm-10-24 {

    width: 41.6667%;

  }

  .pure-u-sm-11-24 {

    width: 45.8333%;

  }

  .pure-u-sm-1-2, .pure-u-sm-12-24 {

    width: 50%;

  }

  .pure-u-sm-13-24 {

    width: 54.1667%;

  }

  .pure-u-sm-7-12, .pure-u-sm-14-24 {

    width: 58.3333%;

  }

  .pure-u-sm-3-5 {

    width: 60%;

  }

  .pure-u-sm-5-8, .pure-u-sm-15-24 {

    width: 62.5%;

  }

  .pure-u-sm-2-3, .pure-u-sm-16-24 {

    width: 66.6667%;

  }

  .pure-u-sm-17-24 {

    width: 70.8333%;

  }

  .pure-u-sm-3-4, .pure-u-sm-18-24 {

    width: 75%;

  }

  .pure-u-sm-19-24 {

    width: 79.1667%;

  }

  .pure-u-sm-4-5 {

    width: 80%;

  }

  .pure-u-sm-5-6, .pure-u-sm-20-24 {

    width: 83.3333%;

  }

  .pure-u-sm-7-8, .pure-u-sm-21-24 {

    width: 87.5%;

  }

  .pure-u-sm-11-12, .pure-u-sm-22-24 {

    width: 91.6667%;

  }

  .pure-u-sm-23-24 {

    width: 95.8333%;

  }

  .pure-u-sm-1, .pure-u-sm-1-1, .pure-u-sm-5-5, .pure-u-sm-24-24 {

    width: 100%;

  }

}

@media screen and (min-width: 48em) {

  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-1-2, .pure-u-md-1-3, .pure-u-md-2-3, .pure-u-md-1-4, .pure-u-md-3-4, .pure-u-md-1-5, .pure-u-md-2-5, .pure-u-md-3-5, .pure-u-md-4-5, .pure-u-md-5-5, .pure-u-md-1-6, .pure-u-md-5-6, .pure-u-md-1-8, .pure-u-md-3-8, .pure-u-md-5-8, .pure-u-md-7-8, .pure-u-md-1-12, .pure-u-md-5-12, .pure-u-md-7-12, .pure-u-md-11-12, .pure-u-md-1-24, .pure-u-md-2-24, .pure-u-md-3-24, .pure-u-md-4-24, .pure-u-md-5-24, .pure-u-md-6-24, .pure-u-md-7-24, .pure-u-md-8-24, .pure-u-md-9-24, .pure-u-md-10-24, .pure-u-md-11-24, .pure-u-md-12-24, .pure-u-md-13-24, .pure-u-md-14-24, .pure-u-md-15-24, .pure-u-md-16-24, .pure-u-md-17-24, .pure-u-md-18-24, .pure-u-md-19-24, .pure-u-md-20-24, .pure-u-md-21-24, .pure-u-md-22-24, .pure-u-md-23-24, .pure-u-md-24-24 {

    display: inline-block;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

  }

  .pure-u-md-1-24 {

    width: 4.1667%;

  }

  .pure-u-md-1-12, .pure-u-md-2-24 {

    width: 8.3333%;

  }

  .pure-u-md-1-8, .pure-u-md-3-24 {

    width: 12.5%;

  }

  .pure-u-md-1-6, .pure-u-md-4-24 {

    width: 16.6667%;

  }

  .pure-u-md-1-5 {

    width: 20%;

  }

  .pure-u-md-5-24 {

    width: 20.8333%;

  }

  .pure-u-md-1-4, .pure-u-md-6-24 {

    width: 25%;

  }

  .pure-u-md-7-24 {

    width: 29.1667%;

  }

  .pure-u-md-1-3, .pure-u-md-8-24 {

    width: 33.3333%;

  }

  .pure-u-md-3-8, .pure-u-md-9-24 {

    width: 37.5%;

  }

  .pure-u-md-2-5 {

    width: 40%;

  }

  .pure-u-md-5-12, .pure-u-md-10-24 {

    width: 41.6667%;

  }

  .pure-u-md-11-24 {

    width: 45.8333%;

  }

  .pure-u-md-1-2, .pure-u-md-12-24 {

    width: 50%;

  }

  .pure-u-md-13-24 {

    width: 54.1667%;

  }

  .pure-u-md-7-12, .pure-u-md-14-24 {

    width: 58.3333%;

  }

  .pure-u-md-3-5 {

    width: 60%;

  }

  .pure-u-md-5-8, .pure-u-md-15-24 {

    width: 62.5%;

  }

  .pure-u-md-2-3, .pure-u-md-16-24 {

    width: 66.6667%;

  }

  .pure-u-md-17-24 {

    width: 70.8333%;

  }

  .pure-u-md-3-4, .pure-u-md-18-24 {

    width: 75%;

  }

  .pure-u-md-19-24 {

    width: 79.1667%;

  }

  .pure-u-md-4-5 {

    width: 80%;

  }

  .pure-u-md-5-6, .pure-u-md-20-24 {

    width: 83.3333%;

  }

  .pure-u-md-7-8, .pure-u-md-21-24 {

    width: 87.5%;

  }

  .pure-u-md-11-12, .pure-u-md-22-24 {

    width: 91.6667%;

  }

  .pure-u-md-23-24 {

    width: 95.8333%;

  }

  .pure-u-md-1, .pure-u-md-1-1, .pure-u-md-5-5, .pure-u-md-24-24 {

    width: 100%;

  }

}

@media screen and (min-width: 64em) {

  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-1-2, .pure-u-lg-1-3, .pure-u-lg-2-3, .pure-u-lg-1-4, .pure-u-lg-3-4, .pure-u-lg-1-5, .pure-u-lg-2-5, .pure-u-lg-3-5, .pure-u-lg-4-5, .pure-u-lg-5-5, .pure-u-lg-1-6, .pure-u-lg-5-6, .pure-u-lg-1-8, .pure-u-lg-3-8, .pure-u-lg-5-8, .pure-u-lg-7-8, .pure-u-lg-1-12, .pure-u-lg-5-12, .pure-u-lg-7-12, .pure-u-lg-11-12, .pure-u-lg-1-24, .pure-u-lg-2-24, .pure-u-lg-3-24, .pure-u-lg-4-24, .pure-u-lg-5-24, .pure-u-lg-6-24, .pure-u-lg-7-24, .pure-u-lg-8-24, .pure-u-lg-9-24, .pure-u-lg-10-24, .pure-u-lg-11-24, .pure-u-lg-12-24, .pure-u-lg-13-24, .pure-u-lg-14-24, .pure-u-lg-15-24, .pure-u-lg-16-24, .pure-u-lg-17-24, .pure-u-lg-18-24, .pure-u-lg-19-24, .pure-u-lg-20-24, .pure-u-lg-21-24, .pure-u-lg-22-24, .pure-u-lg-23-24, .pure-u-lg-24-24 {

    display: inline-block;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

  }

  .pure-u-lg-1-24 {

    width: 4.1667%;

  }

  .pure-u-lg-1-12, .pure-u-lg-2-24 {

    width: 8.3333%;

  }

  .pure-u-lg-1-8, .pure-u-lg-3-24 {

    width: 12.5%;

  }

  .pure-u-lg-1-6, .pure-u-lg-4-24 {

    width: 16.6667%;

  }

  .pure-u-lg-1-5 {

    width: 20%;

  }

  .pure-u-lg-5-24 {

    width: 20.8333%;

  }

  .pure-u-lg-1-4, .pure-u-lg-6-24 {

    width: 25%;

  }

  .pure-u-lg-7-24 {

    width: 29.1667%;

  }

  .pure-u-lg-1-3, .pure-u-lg-8-24 {

    width: 33.3333%;

  }

  .pure-u-lg-3-8, .pure-u-lg-9-24 {

    width: 37.5%;

  }

  .pure-u-lg-2-5 {

    width: 40%;

  }

  .pure-u-lg-5-12, .pure-u-lg-10-24 {

    width: 41.6667%;

  }

  .pure-u-lg-11-24 {

    width: 45.8333%;

  }

  .pure-u-lg-1-2, .pure-u-lg-12-24 {

    width: 50%;

  }

  .pure-u-lg-13-24 {

    width: 54.1667%;

  }

  .pure-u-lg-7-12, .pure-u-lg-14-24 {

    width: 58.3333%;

  }

  .pure-u-lg-3-5 {

    width: 60%;

  }

  .pure-u-lg-5-8, .pure-u-lg-15-24 {

    width: 62.5%;

  }

  .pure-u-lg-2-3, .pure-u-lg-16-24 {

    width: 66.6667%;

  }

  .pure-u-lg-17-24 {

    width: 70.8333%;

  }

  .pure-u-lg-3-4, .pure-u-lg-18-24 {

    width: 75%;

  }

  .pure-u-lg-19-24 {

    width: 79.1667%;

  }

  .pure-u-lg-4-5 {

    width: 80%;

  }

  .pure-u-lg-5-6, .pure-u-lg-20-24 {

    width: 83.3333%;

  }

  .pure-u-lg-7-8, .pure-u-lg-21-24 {

    width: 87.5%;

  }

  .pure-u-lg-11-12, .pure-u-lg-22-24 {

    width: 91.6667%;

  }

  .pure-u-lg-23-24 {

    width: 95.8333%;

  }

  .pure-u-lg-1, .pure-u-lg-1-1, .pure-u-lg-5-5, .pure-u-lg-24-24 {

    width: 100%;

  }

}

@media screen and (min-width: 80em) {

  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-1-2, .pure-u-xl-1-3, .pure-u-xl-2-3, .pure-u-xl-1-4, .pure-u-xl-3-4, .pure-u-xl-1-5, .pure-u-xl-2-5, .pure-u-xl-3-5, .pure-u-xl-4-5, .pure-u-xl-5-5, .pure-u-xl-1-6, .pure-u-xl-5-6, .pure-u-xl-1-8, .pure-u-xl-3-8, .pure-u-xl-5-8, .pure-u-xl-7-8, .pure-u-xl-1-12, .pure-u-xl-5-12, .pure-u-xl-7-12, .pure-u-xl-11-12, .pure-u-xl-1-24, .pure-u-xl-2-24, .pure-u-xl-3-24, .pure-u-xl-4-24, .pure-u-xl-5-24, .pure-u-xl-6-24, .pure-u-xl-7-24, .pure-u-xl-8-24, .pure-u-xl-9-24, .pure-u-xl-10-24, .pure-u-xl-11-24, .pure-u-xl-12-24, .pure-u-xl-13-24, .pure-u-xl-14-24, .pure-u-xl-15-24, .pure-u-xl-16-24, .pure-u-xl-17-24, .pure-u-xl-18-24, .pure-u-xl-19-24, .pure-u-xl-20-24, .pure-u-xl-21-24, .pure-u-xl-22-24, .pure-u-xl-23-24, .pure-u-xl-24-24 {

    display: inline-block;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

  }

  .pure-u-xl-1-24 {

    width: 4.1667%;

  }

  .pure-u-xl-1-12, .pure-u-xl-2-24 {

    width: 8.3333%;

  }

  .pure-u-xl-1-8, .pure-u-xl-3-24 {

    width: 12.5%;

  }

  .pure-u-xl-1-6, .pure-u-xl-4-24 {

    width: 16.6667%;

  }

  .pure-u-xl-1-5 {

    width: 20%;

  }

  .pure-u-xl-5-24 {

    width: 20.8333%;

  }

  .pure-u-xl-1-4, .pure-u-xl-6-24 {

    width: 25%;

  }

  .pure-u-xl-7-24 {

    width: 29.1667%;

  }

  .pure-u-xl-1-3, .pure-u-xl-8-24 {

    width: 33.3333%;

  }

  .pure-u-xl-3-8, .pure-u-xl-9-24 {

    width: 37.5%;

  }

  .pure-u-xl-2-5 {

    width: 40%;

  }

  .pure-u-xl-5-12, .pure-u-xl-10-24 {

    width: 41.6667%;

  }

  .pure-u-xl-11-24 {

    width: 45.8333%;

  }

  .pure-u-xl-1-2, .pure-u-xl-12-24 {

    width: 50%;

  }

  .pure-u-xl-13-24 {

    width: 54.1667%;

  }

  .pure-u-xl-7-12, .pure-u-xl-14-24 {

    width: 58.3333%;

  }

  .pure-u-xl-3-5 {

    width: 60%;

  }

  .pure-u-xl-5-8, .pure-u-xl-15-24 {

    width: 62.5%;

  }

  .pure-u-xl-2-3, .pure-u-xl-16-24 {

    width: 66.6667%;

  }

  .pure-u-xl-17-24 {

    width: 70.8333%;

  }

  .pure-u-xl-3-4, .pure-u-xl-18-24 {

    width: 75%;

  }

  .pure-u-xl-19-24 {

    width: 79.1667%;

  }

  .pure-u-xl-4-5 {

    width: 80%;

  }

  .pure-u-xl-5-6, .pure-u-xl-20-24 {

    width: 83.3333%;

  }

  .pure-u-xl-7-8, .pure-u-xl-21-24 {

    width: 87.5%;

  }

  .pure-u-xl-11-12, .pure-u-xl-22-24 {

    width: 91.6667%;

  }

  .pure-u-xl-23-24 {

    width: 95.8333%;

  }

  .pure-u-xl-1, .pure-u-xl-1-1, .pure-u-xl-5-5, .pure-u-xl-24-24 {

    width: 100%;

  }

}

@media screen and (min-width: 120em) {

  .pure-u-xxl-1, .pure-u-xxl-1-1, .pure-u-xxl-1-2, .pure-u-xxl-1-3, .pure-u-xxl-2-3, .pure-u-xxl-1-4, .pure-u-xxl-3-4, .pure-u-xxl-1-5, .pure-u-xxl-2-5, .pure-u-xxl-3-5, .pure-u-xxl-4-5, .pure-u-xxl-5-5, .pure-u-xxl-1-6, .pure-u-xxl-5-6, .pure-u-xxl-1-8, .pure-u-xxl-3-8, .pure-u-xxl-5-8, .pure-u-xxl-7-8, .pure-u-xxl-1-12, .pure-u-xxl-5-12, .pure-u-xxl-7-12, .pure-u-xxl-11-12, .pure-u-xxl-1-24, .pure-u-xxl-2-24, .pure-u-xxl-3-24, .pure-u-xxl-4-24, .pure-u-xxl-5-24, .pure-u-xxl-6-24, .pure-u-xxl-7-24, .pure-u-xxl-8-24, .pure-u-xxl-9-24, .pure-u-xxl-10-24, .pure-u-xxl-11-24, .pure-u-xxl-12-24, .pure-u-xxl-13-24, .pure-u-xxl-14-24, .pure-u-xxl-15-24, .pure-u-xxl-16-24, .pure-u-xxl-17-24, .pure-u-xxl-18-24, .pure-u-xxl-19-24, .pure-u-xxl-20-24, .pure-u-xxl-21-24, .pure-u-xxl-22-24, .pure-u-xxl-23-24, .pure-u-xxl-24-24 {

    display: inline-block;

    letter-spacing: normal;

    word-spacing: normal;

    vertical-align: top;

    text-rendering: auto;

  }

  .pure-u-xxl-1-24 {

    width: 4.1667%;

  }

  .pure-u-xxl-1-12, .pure-u-xxl-2-24 {

    width: 8.3333%;

  }

  .pure-u-xxl-1-8, .pure-u-xxl-3-24 {

    width: 12.5%;

  }

  .pure-u-xxl-1-6, .pure-u-xxl-4-24 {

    width: 16.6667%;

  }

  .pure-u-xxl-1-5 {

    width: 20%;

  }

  .pure-u-xxl-5-24 {

    width: 20.8333%;

  }

  .pure-u-xxl-1-4, .pure-u-xxl-6-24 {

    width: 25%;

  }

  .pure-u-xxl-7-24 {

    width: 29.1667%;

  }

  .pure-u-xxl-1-3, .pure-u-xxl-8-24 {

    width: 33.3333%;

  }

  .pure-u-xxl-3-8, .pure-u-xxl-9-24 {

    width: 37.5%;

  }

  .pure-u-xxl-2-5 {

    width: 40%;

  }

  .pure-u-xxl-5-12, .pure-u-xxl-10-24 {

    width: 41.6667%;

  }

  .pure-u-xxl-11-24 {

    width: 45.8333%;

  }

  .pure-u-xxl-1-2, .pure-u-xxl-12-24 {

    width: 50%;

  }

  .pure-u-xxl-13-24 {

    width: 54.1667%;

  }

  .pure-u-xxl-7-12, .pure-u-xxl-14-24 {

    width: 58.3333%;

  }

  .pure-u-xxl-3-5 {

    width: 60%;

  }

  .pure-u-xxl-5-8, .pure-u-xxl-15-24 {

    width: 62.5%;

  }

  .pure-u-xxl-2-3, .pure-u-xxl-16-24 {

    width: 66.6667%;

  }

  .pure-u-xxl-17-24 {

    width: 70.8333%;

  }

  .pure-u-xxl-3-4, .pure-u-xxl-18-24 {

    width: 75%;

  }

  .pure-u-xxl-19-24 {

    width: 79.1667%;

  }

  .pure-u-xxl-4-5 {

    width: 80%;

  }

  .pure-u-xxl-5-6, .pure-u-xxl-20-24 {

    width: 83.3333%;

  }

  .pure-u-xxl-7-8, .pure-u-xxl-21-24 {

    width: 87.5%;

  }

  .pure-u-xxl-11-12, .pure-u-xxl-22-24 {

    width: 91.6667%;

  }

  .pure-u-xxl-23-24 {

    width: 95.8333%;

  }

  .pure-u-xxl-1, .pure-u-xxl-1-1, .pure-u-xxl-5-5, .pure-u-xxl-24-24 {

    width: 100%;

  }

}

/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

/*csslint adjoining-classes: false, box-model:false*/

.pure-menu {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.pure-menu-fixed {

  position: fixed;

  left: 0;

  top: 0;

  z-index: 3;

}



.pure-menu-list, .pure-menu-item {

  position: relative;

}



.pure-menu-list {

  list-style: none;

  margin: 0;

  padding: 0;

}



.pure-menu-item {

  padding: 0;

  margin: 0;

  height: 100%;

}



.pure-menu-link, .pure-menu-heading {

  display: block;

  text-decoration: none;

  white-space: nowrap;

}



/* HORIZONTAL MENU */

.pure-menu-horizontal {

  width: 100%;

  white-space: nowrap;

}

.pure-menu-horizontal .pure-menu-list {

  display: inline-block;

}

.pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {

  display: inline-block;

  vertical-align: middle;

}



/* Initial menus should be inline-block so that they are horizontal */

/* Submenus should still be display: block; */

.pure-menu-item .pure-menu-item {

  display: block;

}



.pure-menu-children {

  display: none;

  position: absolute;

  left: 100%;

  top: 0;

  margin: 0;

  padding: 0;

  z-index: 3;

}



.pure-menu-horizontal .pure-menu-children {

  left: 0;

  top: auto;

  width: inherit;

}



.pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children {

  display: block;

  position: absolute;

}



/* Vertical Menus - show the dropdown arrow */

.pure-menu-has-children > .pure-menu-link:after {

  content: "▸";

  font-size: small;

}



/* Horizontal Menus - show the dropdown arrow */

.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {

  content: "▾";

}



/* scrollable menus */

.pure-menu-scrollable {

  overflow-y: scroll;

  overflow-x: hidden;

}

.pure-menu-scrollable .pure-menu-list {

  display: block;

}



.pure-menu-horizontal.pure-menu-scrollable {

  white-space: nowrap;

  overflow-y: hidden;

  overflow-x: auto;

  /* a little extra padding for this style to allow for scrollbars */

}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {

  display: inline-block;

}



/* misc default styling */

.pure-menu-separator {

  background-color: #ccc;

  height: 1px;

  margin: 0.3em 0;

}



.pure-menu-horizontal .pure-menu-children .pure-menu-separator {

  background-color: #ccc;

  height: 1px;

  margin: 0.3em 0;

}

.pure-menu-horizontal .pure-menu-separator {

  width: 1px;

  height: 1.3em;

  margin: 0 0.3em;

}

.pure-menu-horizontal .pure-menu-children .pure-menu-separator {

  display: block;

  width: auto;

}



/* Need to reset the separator since submenu is vertical */

.pure-menu-heading {

  text-transform: uppercase;

  color: #565d64;

}



.pure-menu-link {

  color: #777;

}



.pure-menu-children {

  background-color: #fff;

}



.pure-menu-disabled {

  opacity: 0.5;

}

.pure-menu-disabled .pure-menu-link:hover {

  background-color: transparent;

  cursor: default;

}



.pure-menu-active > .pure-menu-link {

  background-color: #eee;

}



.pure-menu-link:hover, .pure-menu-link:focus {

  background-color: #ed0012;

}



.pure-menu-selected > .pure-menu-link {

  color: #ed0012;

}

.pure-menu-selected > .pure-menu-link:visited {

  color: #ed0012;

}



/*!

Pure v2.1.0

Copyright 2013 Yahoo!

Licensed under the BSD License.

https://github.com/pure-css/pure/blob/master/LICENSE

*/

.pure-table {

  /* Remove spacing between table cells (from Normalize.css) */

  border-collapse: collapse;

  border-spacing: 0;

  empty-cells: show;

  border: 1px solid #cbcbcb;

}

.pure-table caption {

  color: #000;

  font: italic 85%/1 arial, sans-serif;

  padding: 1em 0;

  text-align: center;

}

.pure-table td, .pure-table th {

  border-left: 1px solid #cbcbcb;

  /*  inner column border */

  border-width: 0 0 0 1px;

  font-size: inherit;

  margin: 0;

  overflow: visible;

  /*to make ths where the title is really long work*/

  padding: 0.5em 1em;

  /* cell padding */

}

.pure-table thead {

  background-color: #e0e0e0;

  color: #000;

  text-align: left;

  vertical-align: bottom;

}

.pure-table td {

  background-color: transparent;

}



/*

striping:

   even - #fff (white)

   odd  - #f2f2f2 (light gray)

*/

.pure-table-odd td, .pure-table-striped tr:nth-child(2n-1) td {

  background-color: #f2f2f2;

}



/* nth-child selector for modern browsers */

/* BORDERED TABLES */

.pure-table-bordered td {

  border-bottom: 1px solid #cbcbcb;

}

.pure-table-bordered tbody > tr:last-child > td {

  border-bottom-width: 0;

}



/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td, .pure-table-horizontal th {

  border-width: 0 0 1px 0;

  border-bottom: 1px solid #cbcbcb;

}

.pure-table-horizontal tbody > tr:last-child > td {

  border-bottom-width: 0;

}



@media screen and (min-width: 64em) {

  .pure-u-lg-1-3:nth-child(3n), .pure-u-md-1-3:nth-child(3n) {

    width: 33.334%;

  }

}



* {

  box-sizing: border-box;

}



img {

  max-width: 100%;

}



.text-align-right {

  text-align: right;

}



.embeditem {

  max-width: 100%;

}



@media only screen and (max-width: 1024px) {

  .l-box {

    position: relative;

  }

}



.container {

  max-width: 1640px;

  position: relative;

  display: block;

  float: left;

  transform: translateX(-50%);

  margin-left: 50%;

  width: 100%;

}



.positioned {

  float: left;

  width: 100%;

  position: relative;

  display: block;

  clear: both;

  box-sizing: border-box;

}



.fullHeight {

  height: 100%;

}



.fullWidth {

  width: 100%;

}



.padding {

  float: left;

  width: 100%;

  position: relative;

  display: block;

  clear: both;

  box-sizing: border-box;

}



.padding {

  padding: 1.4268292683vw;

}

@media only screen and (min-width: 1640px) {

  .padding {

    padding: 1.4625rem;

  }

}

@media only screen and (max-width: 820px) {

  .padding {

    padding: 0.73125rem;

  }

}

@media only screen and (min-width: 1641px) {

  .padding.paddingSmall {

    padding: 0 !important;

  }

}

@media only screen and (min-width: 768px) {

  .padding.paddingMobile {

    padding: 0px;

  }

}



/* fontSizeDektop 96 - fontSizeMobilePT 48 - lineHeightDesktopPT 0*/

.padding-4 {

  padding: 5.7073170732vw;

  line-height: 0em;

}

@media only screen and (min-width: 1640px) {

  .padding-4 {

    padding: 5.85rem;

  }

}

@media only screen and (max-width: 820px) {

  .padding-4 {

    padding: 2.925rem;

  }

}



/* fontSizeDektop 12 - fontSizeMobilePT 6 - lineHeightDesktopPT 0*/

.halfPadding {

  padding: 0.7134146341vw;

  line-height: 0em;

}

@media only screen and (min-width: 1640px) {

  .halfPadding {

    padding: 0.73125rem;

  }

}

@media only screen and (max-width: 820px) {

  .halfPadding {

    padding: 0.365625rem;

  }

}



.noPaddingLeft {

  padding-left: 0 !important;

}



.noPaddingRight {

  padding-right: 0 !important;

}



.noPaddingTop {

  padding-top: 0 !important;

}



.noPaddingBottom {

  padding-bottom: 0 !important;

}



@media only screen and (min-width: 767px) {

  .noPaddingRightBigScreen {

    padding-right: 0px !important;

  }

}



@media only screen and (min-width: 767px) {

  .noPaddingLeftBigScreen {

    padding-left: 0px !important;

  }

}



@media only screen and (max-width: 1640px) {

  .noPaddingLeftSmall {

    padding-left: 0px !important;

  }

}



@media only screen and (max-width: 1640px) {

  .noPaddingRightSmall {

    padding-right: 0px !important;

  }

}



@media only screen and (max-width: 767px) {

  .noPaddingLeftMobile {

    padding-left: 0px !important;

  }

}



@media only screen and (max-width: 767px) {

  .noPaddingRightMobile {

    padding-right: 0px !important;

  }

}



@media screen and (min-width: 48em) {

  .pure-g .pure-u-left {

    order: 1;

  }

  .pure-g .pure-u-left .imageBorder {

    border-right: 0px !important;

  }

  .pure-g .pure-u-right {

    order: 2;

  }

  .pure-g .pure-u-right .imageBorder {

    border-left: 0px !important;

  }

}



.border {

  border: 1px solid #000;

}

.border.obligatory {

  border: 1px solid #000;

}

.border.imageBorder {

  overflow: hidden;

}

.border.imageBorder img {

  overflow: hidden;

  margin-bottom: -2px;

}



.noBorderTop {

  border-top-width: 0px !important;

}



.noBorderBottom {

  border-bottom-width: 0px !important;

}



.noBorderLeft {

  border-left-width: 0px !important;

}



.noBorderRight {

  border-right-width: 0px !important;

}



@media only screen and (max-width: 1640px) {

  .noBorderLeftSmall {

    border-left-width: 0px !important;

  }

}



@media only screen and (max-width: 1640px) {

  .noBorderRightSmall {

    border-right-width: 0px !important;

  }

}



@media only screen and (max-width: 767px) {

  .noBorderLeftMobile {

    border-left-width: 0px !important;

  }

}



@media only screen and (max-width: 767px) {

  .noBorderRightMobile {

    border-right-width: 0px !important;

  }

}



@media only screen and (min-width: 767px) {

  .noBorderBottomFullscreen {

    border-bottom-width: 0px !important;

  }

}



@media only screen and (min-width: 767px) {

  .noBorderLeftFullscreen {

    border-left-width: 0px !important;

  }

}



@media only screen and (min-width: 767px) {

  .noBorderRightFullscreen {

    border-right-width: 0px !important;

  }

}



.mobileOnly {

  display: none;

}

@media only screen and (max-width: 567px) {

  .mobileOnly {

    display: inline-block;

  }

}



.mobileHide {

  display: inline-block;

}

@media only screen and (max-width: 567px) {

  .mobileHide {

    display: none !important;

  }

}



.nobr {

  white-space: nowrap;

}



.forceHeight1Line {

  height: 1.2em !important;

}



.invisibleScrollbar::-webkit-scrollbar {

  display: none;

}



.invisibleScrollbar {

  scrollbar-width: none;

}



.sticky {

  position: sticky !important;

  top: 0;

}



.button {

  width: auto;

  border: solid 1px #ed0012;

  display: inline-block;

  padding: 0.5em 0.8em 0.4em 0.8em;

  line-height: 1em !important;

  background-color: rgb(245, 245, 245);

  cursor: pointer;

  color: #ed0012 !important;

  -webkit-transition: all 500 0s ease-in-out;

  -moz-transition: all 500 0s ease-in-out;

  -o-transition: all 500 0s ease-in-out;

  transition: all 500 0s ease-in-out;

  font-weight: 600;

  letter-spacing: 0.1em;

  text-transform: uppercase;

}

.button:hover {

  color: rgb(245, 245, 245) !important;

  background-color: #ed0012;

}

@media only screen and (max-width: 565px) {

  .button {

    padding-bottom: 0.4em;

  }

}

.button.transparentButton {

  background-color: transparent;

}

.button.alignRight {

  float: right;

  text-align: right;

}

.button.circleSmallExtendable {

  padding: 0.4em 0.4em 0.2em 0.4em;

}

@media only screen and (max-width: 565px) {

  .button.circleSmallExtendable {

    padding-bottom: 0.4em;

  }

}

.button.fullWidth {

  width: 100%;

}

.button span {

  -webkit-transition: all 1s 0s ease-in-out;

  -moz-transition: all 1s 0s ease-in-out;

  -o-transition: all 1s 0s ease-in-out;

  transition: all 1s 0s ease-in-out;

  max-width: 0;

  display: inline-block;

  vertical-align: top;

  white-space: nowrap;

  overflow: hidden;

}

@media only screen and (max-width: 767px) {

  .button span {

    max-width: 300px;

  }

}

.button:hover span {

  max-width: 300px;

}



.manipulateButton {

  display: inline-block;

  clear: none;

  width: auto;

}



.overlayBackground {

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



@font-face {

  font-family: "TTNorms";

  src: local("TTNorms"), local("TTNorms"), url("../fonts/TTNormsProRegular.woff2") format("woff2"), url("../fonts/TTNormsProRegular.woff") format("woff");

  font-weight: 300;

  font-style: normal;

}

@font-face {

  font-family: "TTNorms";

  src: local("TTNorms"), local("TTNorms"), url("../fonts/TTNormsProMedium.woff2") format("woff2"), url("../fonts/TTNormsProMedium.woff") format("woff");

  font-weight: 600;

  font-style: normal;

}

@font-face {

  font-family: "TTNorms";

  src: local("TTNorms"), local("TTNorms"), url("../fonts/TTNormsProBold.woff2") format("woff2"), url("../fonts/TTNormsProBold.woff") format("woff");

  font-weight: 800;

  font-style: normal;

}

html, body, button, input, select, textarea,

.pure-g [class*=pure-u] {

  font-family: "TTNorms", sans-serif;

  font-weight: 500;

}



.fontweight-200 {

  font-weight: 200;

}



.fontweight-300 {

  font-weight: 300;

}



.fontweight-600 {

  font-weight: 600;

}



.fontweight-800, strong {

  font-weight: 800;

}



.lineHeight1 {

  line-height: 1em !important;

}



.strong {

  font-weight: bold;

}



.font-XXL {

  margin-left: -0.05em;

}



.textAlignRight {

  text-align: right;

}



.uppercase {

  text-transform: uppercase;

  letter-spacing: 0.1em;

}



/* fontSizeDektop 18 - fontSizeMobilePT 15 - lineHeightDesktopPT 22*/

.font-XS {

  font-size: 1.0701219512vw;

  line-height: 1.2222222222em;

}

@media only screen and (min-width: 1640px) {

  .font-XS {

    font-size: 1.096875rem;

  }

}

@media only screen and (max-width: 1366.6666666667px) {

  .font-XS {

    font-size: 0.9140625rem;

  }

}



/* fontSizeDektop 20 - fontSizeMobilePT 18 - lineHeightDesktopPT 26*/

.font-S.font_m-XS {

  font-size: 1.1890243902vw;

  line-height: 1.3em;

}

@media only screen and (min-width: 1640px) {

  .font-S.font_m-XS {

    font-size: 1.21875rem;

  }

}

@media only screen and (max-width: 1476px) {

  .font-S.font_m-XS {

    font-size: 1.096875rem;

  }

}



/* fontSizeDektop 20 - fontSizeMobilePT 15 - lineHeightDesktopPT 26*/

.font-S {

  font-size: 1.1890243902vw;

  line-height: 1.3em;

}

@media only screen and (min-width: 1640px) {

  .font-S {

    font-size: 1.21875rem;

  }

}

@media only screen and (max-width: 1230px) {

  .font-S {

    font-size: 0.9140625rem;

  }

}



/* fontSizeDektop 25 - fontSizeMobilePT 20 - lineHeightDesktopPT 32*/

.font-SSM {

  font-size: 1.4862804878vw;

  line-height: 1.28em;

}

@media only screen and (min-width: 1640px) {

  .font-SSM {

    font-size: 1.5234375rem;

  }

}

@media only screen and (max-width: 1312px) {

  .font-SSM {

    font-size: 1.21875rem;

  }

}



/* fontSizeDektop 30 - fontSizeMobilePT 20 - lineHeightDesktopPT 36*/

.font-SM {

  font-size: 1.7835365854vw;

  line-height: 1.2em;

}

@media only screen and (min-width: 1640px) {

  .font-SM {

    font-size: 1.828125rem;

  }

}

@media only screen and (max-width: 1093.3333333333px) {

  .font-SM {

    font-size: 1.21875rem;

  }

}



/* fontSizeDektop 30 - fontSizeMobilePT 20 - lineHeightDesktopPT 36*/

.font-M {

  font-size: 1.7835365854vw;

  line-height: 1.2em;

}

@media only screen and (min-width: 1640px) {

  .font-M {

    font-size: 1.828125rem;

  }

}

@media only screen and (max-width: 1093.3333333333px) {

  .font-M {

    font-size: 1.21875rem;

  }

}



/* fontSizeDektop 40 - fontSizeMobilePT 20 - lineHeightDesktopPT 52*/

.font-ML {

  font-size: 2.3780487805vw;

  line-height: 1.3em;

}

@media only screen and (min-width: 1640px) {

  .font-ML {

    font-size: 2.4375rem;

  }

}

@media only screen and (max-width: 820px) {

  .font-ML {

    font-size: 1.21875rem;

  }

}



/* fontSizeDektop 52 - fontSizeMobilePT 30 - lineHeightDesktopPT 60*/

.font-L {

  font-size: 3.0914634146vw;

  line-height: 1.1538461538em;

}

@media only screen and (min-width: 1640px) {

  .font-L {

    font-size: 3.16875rem;

  }

}

@media only screen and (max-width: 946.1538461538px) {

  .font-L {

    font-size: 1.828125rem;

  }

}



/* fontSizeDektop 52 - fontSizeMobilePT 40 - lineHeightDesktopPT 60*/

.font-L.font_m-L {

  font-size: 3.0914634146vw;

  line-height: 1.1538461538em;

}

@media only screen and (min-width: 1640px) {

  .font-L.font_m-L {

    font-size: 3.16875rem;

  }

}

@media only screen and (max-width: 1261.5384615385px) {

  .font-L.font_m-L {

    font-size: 2.4375rem;

  }

}



/* fontSizeDektop 68 - fontSizeMobilePT 30 - lineHeightDesktopPT 72*/

.font-XL {

  font-size: 4.0426829268vw;

  line-height: 1.0588235294em;

}

@media only screen and (min-width: 1640px) {

  .font-XL {

    font-size: 4.14375rem;

  }

}

@media only screen and (max-width: 723.5294117647px) {

  .font-XL {

    font-size: 1.828125rem;

  }

}



/* fontSizeDektop 144 - fontSizeMobilePT 60 - lineHeightDesktopPT 144*/

.font-XXL {

  font-size: 8.5609756098vw;

  line-height: 1em;

}

@media only screen and (min-width: 1640px) {

  .font-XXL {

    font-size: 8.775rem;

  }

}

@media only screen and (max-width: 683.3333333333px) {

  .font-XXL {

    font-size: 3.65625rem;

  }

}



/* fontSizeDektop 220 - fontSizeMobilePT 60 - lineHeightDesktopPT 220*/

.font-XXXL {

  font-size: 13.0792682927vw;

  line-height: 1em;

}

@media only screen and (min-width: 1640px) {

  .font-XXXL {

    font-size: 13.40625rem;

  }

}

@media only screen and (max-width: 447.2727272727px) {

  .font-XXXL {

    font-size: 3.65625rem;

  }

}



.tabs {

  overflow: hidden;

  width: 100%;

  border-top: 1px solid #000;

  margin-bottom: 0;

  margin-top: 0.3em;

}

.tabs .tab {

  width: 100%;

  overflow: hidden;

  border-bottom: 1px solid #000;

  padding-top: 0.3em;

  padding-bottom: 0.3em;

}

.tabs .tab-label {

  display: flex;

  justify-content: space-between;

  word-wrap: break-word;

  position: relative;

  padding-right: 3rem;

}

.tabs .tab-label.hasContent {

  cursor: pointer;

}

.tabs .tab-label.hasContent::after {

  content: "+";

  transition: all 0.35s;

  right: 0em;

  width: 0.75em;

  height: 0.75em;

  transform-origin: 50% 100%;

  font-size: 1em;

  position: absolute;

  font-weight: 300;

}

.tabs .tab-content {

  transition: height 1s ease-out;

  height: 0;

  overflow: hidden;

  padding: 0;

  width: 100%;

}

.tabs .tab-content p:last-child {

  margin-bottom: 0;

}

.tabs .faq-checkbox {

  position: absolute;

  opacity: 0;

  z-index: -1;

}

.tabs .faq-checkbox:checked + .tab-label.hasContent::after {

  content: "–";

}



.fadeInElement {

  will-change: transform, opacity, transition;

  -webkit-transition: opacity 0.5s ease-in, -webkit-transform 1.7s cubic-bezier(0, 0.14, 0.19, 1), transform 1.7s cubic-bezier(0, 0.14, 0.19, 1);

  -moz-transition: opacity 0.5s ease-in, -moz-transform 1.7s cubic-bezier(0, 0.14, 0.19, 1), transform 1.7s cubic-bezier(0, 0.14, 0.19, 1);

  -ms-transition: opacity 0.5s ease-in, -ms-transform 1.7s cubic-bezier(0, 0.14, 0.19, 1), transform 1.7s cubic-bezier(0, 0.14, 0.19, 1);

  -o-transition: opacity 0.5s ease-in, -o-transform 1.7s cubic-bezier(0, 0.14, 0.19, 1), transform 1.7s cubic-bezier(0, 0.14, 0.19, 1);

  transition: opacity 0.5s ease-in, transform 1.7s cubic-bezier(0, 0.14, 0.19, 1), transform 1.7s cubic-bezier(0, 0.14, 0.19, 1);

  opacity: 1;

  transform: translate3d(0, 0, 0);

  width: 100%;

}



.fadeInElement.notInView {

  opacity: 0;

  transform: translate3d(0, 10%, 0);

}



.slider > picture, .slider > .sliderImg {

  width: 100%;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  -webkit-transition: opacity 1s ease-in-out;

  -moz-transition: opacity 1s ease-in-out;

  -ms-transition: opacity 1s ease-in-out;

  -o-transition: opacity 1s ease-in-out;

  transition: opacity 1s ease-in-out;

}

.slider > picture:first-child, .slider > .sliderImg:first-child {

  position: relative;

  float: left;

  opacity: 1;

}

.slider > picture.show, .slider > .sliderImg.show {

  opacity: 1;

}



body {

  color: #000;

  background: rgb(245, 245, 245);

}



.header .pure-menu-list {

  float: right;

}



.pure-menu-heading {

  color: #000;

  text-transform: none;

}

h1, h2, h3, h4, h5, h6 {

  color: #000;

  font-weight: 600;

  padding: 0;

  margin: 0;

  font-size: 1em;

  line-height: inherit;

}



h1, .newsBlock h2, .productBox h2 {

  margin-bottom: 0;

}



.bigText h1 {

  margin-bottom: 0 !important;

}



h1.telex {

  margin-bottom: 0;

}



p {

  margin-top: 0px;

}

p a, p a:hover, p a:visited {

  text-decoration: underline;

}



a, a:hover, a:visited {

  text-decoration: none;

  color: #000;

}



a:hover {

  color: #000;

}



.pure-menu a, .pure-menu a:hover, .pure-menu a:visited,

.footer a, .footer a:hover, .footer a:visited {

  color: #000;

  text-decoration: none;

}



.umb-block-list {

  width: 100%;

}



.header, .headerPlaceholder {

  background-color: rgb(245, 245, 245);

}



.headerPlaceholder {

  display: none;

  opacity: 0;

}



.headerPlaceholder.curtain {

  display: block;

}



.header {

  -webkit-transition: transform 0.5s 0s ease-in-out;

  -moz-transition: transform 0.5s 0s ease-in-out;

  -o-transition: transform 0.5s 0s ease-in-out;

  transition: transform 0.5s 0s ease-in-out;

  top: 0px;

  transform: translate(0, -100%);

  width: 100%;

  position: fixed;

  z-index: 1000;

  max-height: 100vh;

  overflow-y: auto;

  overflow-x: hidden;

}

.header.curtain {

  transform: translate(0, 0);

}



.header .pure-menu {

  border-bottom-color: black;

  border-radius: 0;

}



.pure-menu-selected {

  color: #fff;

}



sup {

  display: inline-block;

  transform: translateY(-0.6em);

  font-size: 0.4em;

}



.logo {

  max-width: 100px;

}



/**************** navigation ***********************/

@media only screen and (max-width: 566px) {

  .headerButtonsContainer {

    padding-top: 0.5em !important;

  }

}



.showNav, .shopButton, .headerButton {

  float: right;

  display: block;

  cursor: pointer;

  position: relative;

}



.shopButton {

  padding: 0.1em 0.5em;

  margin-top: -0.2em;

}



.showNav {

  margin-left: 2em;

  width: 1.2em;

  height: 1em;

  margin-top: -0.1em;

}

@media only screen and (max-width: 566px) {

  .showNav {

    margin-left: 1em;

  }

}

.showNav .nav-icon {

  height: 50%;

  top: calc(25% + 3px);

  width: 100%;

  height: 80%;

  position: relative;

  margin: 0px;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.5s ease-in-out;

  -moz-transition: 0.5s ease-in-out;

  -o-transition: 0.5s ease-in-out;

  transition: 0.5s ease-in-out;

  cursor: pointer;

}

.showNav .nav-icon span {

  display: block;

  position: absolute;

  height: 4px;

  width: 100%;

  background: #ed0012;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  transform: rotate(0deg);

  -webkit-transition: 0.25s ease-in-out;

  -moz-transition: 0.25s ease-in-out;

  -o-transition: 0.25s ease-in-out;

  transition: 0.25s ease-in-out;

}

.showNav .nav-icon span:nth-child(1) {

  top: 0px;

}

.showNav .nav-icon span:nth-child(2), .showNav .nav-icon span:nth-child(3) {

  top: 40%;

}

.showNav .nav-icon span:nth-child(4) {

  top: 80%;

}

.showNav.open .nav-icon span:nth-child(1) {

  top: 40%;

  width: 0%;

  left: 50%;

}

.showNav.open .nav-icon span:nth-child(2) {

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -o-transform: rotate(45deg);

  transform: rotate(45deg);

}

.showNav.open .nav-icon span:nth-child(3) {

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.showNav.open .nav-icon span:nth-child(4) {

  top: 40%;

  width: 0%;

  left: 50%;

}



.mainNav {

  transition: all 1s ease-out;

  height: 0;

  overflow: hidden;

  width: 100%;

  border-top-width: 0 !important;

}

.mainNav a {

  text-decoration: none;

  -webkit-transition: color 0.3s ease-out;

  -moz-transition: color 0.3s ease-out;

  -o-transition: color 0.3s ease-out;

  transition: color 0.3s ease-out;

}

.mainNav a:hover {

  color: #ed0012;

  text-decoration: none;

}

.mainNav .mainMenuItem {

  line-height: 1.2em !important;

  -webkit-transition: color 0.3s ease-out;

  -moz-transition: color 0.3s ease-out;

  -o-transition: color 0.3s ease-out;

  transition: color 0.3s ease-out;

}

.mainNav .mainMenuItem.selected, .mainNav .mainMenuItem:hover {

  color: #ed0012;

}

.mainNav .navigationBlock {

  margin-bottom: 1em;

}



.svgIcon {

  width: 0.7em;

  position: relative;

  display: inline-block;

}

.svgIcon .st0 {

  fill: none;

  stroke: #000;

  stroke-width: 0;

}

.svgIcon .st1 {

  stroke-width: 1;

}



.headerButton {

  margin-left: 2em;

}

@media only screen and (max-width: 566px) {

  .headerButton {

    margin-left: 1em;

  }

}

.headerButton svg {

  top: -0.6em;

  width: 2.5em;

}

.headerButton svg .st0 {

  fill: rgb(245, 245, 245);

}

.headerButton svg .st1 {

  fill: none;

  stroke: #000;

}



/************ startscreen *********************/

.overlayStart {

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  z-index: 1000001;

  position: fixed;

  opacity: 1;

  display: block;

  -webkit-transition: opacity 1000ms linear 2000ms;

  transition: opacity 1000ms linear 2000ms;

  background-color: #ed0012;

}

.overlayStart .overlayStartContent svg {

  position: absolute !important;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  max-width: 80%;

  max-height: 80%;

  color: rgb(245, 245, 245);

}

.overlayStart .overlayStartContent svg path, .overlayStart .overlayStartContent svg polygon {

  fill: rgb(245, 245, 245);

}



/********************* content ***************************/

.photo-box, .text-box {

  overflow: hidden;

  position: relative;

  min-height: 350px;

}



.photo-box-thin {

  height: 120px;

}



.photo-box img, .product-box img {

  max-width: 100%;

  height: auto;

  width: 100%;

}



.photo-box-caption, .text-box-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  text-align: left;

}

.photo-box-caption a, .text-box-caption a {

  color: #000;

  text-decoration: none;

}



/*.scroll-container{

  overflow: hidden;

  white-space: nowrap;

  padding: 0;

  margin: 0;

}

.scroll-text {

  font-family: 'Zangezi08-Regular', sans-serif;

  //font-size: 4.5rem;

  font-weight: 200;



  -moz-transform: translateX(100%);  

  -webkit-transform: translateX(100%);

  transform: translateX(100%);



  -moz-animation: scrolling-animation 15s linear infinite;

  -webkit-animation: scrolling-animation 15s linear infinite;

  animation: scrolling-animation 15s linear infinite;

}



// for Firefox 

@-moz-keyframes scrolling-animation {

  from { -moz-transform: translateX(100%); }

  to { -moz-transform: translateX(-100%); }

}



// for Chrome 

@-webkit-keyframes scrolling-animation {

  from { -webkit-transform: translateX(100%); }

  to { -webkit-transform: translateX(-100%); }

}



@keyframes scrolling-animation {

  from {

    -moz-transform: translateX(100%);

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

  }

  to {

    -moz-transform: translateX(-100%);

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

  }

}



.text-box {

  h3{ 

    padding: 0; 

    margin:0;}

  h2{

    //margin-top: 10px;

    //padding-top: 0;

    //font-size: 2.5rem;

  }

  .l-box{

    padding-top:0;

  }

}

.product-box{

  h3{ margin-top:10px;}

}

.text-box-head {

  color: #fff;

  //padding-bottom: 0.2em;

  font-weight: 300;

  text-transform: none;

  letter-spacing: 0.05em;

  //font-size: 24px;

}



.text-box-subhead {

  font-weight: 300;

  letter-spacing: 0.1em;

  text-transform: none;

}



.form-box {

  text-align: center;

  font-size: 120%;

  border-bottom: 1px solid #eee;

}



.form-box .pure-button {

  background-color: #61B842;

  color: white;

  vertical-align: top;

  //font-size: 85%;

  font-weight: 300;

  text-transform: none;

  letter-spacing: 0.05em;

  border-radius: 4px;

  margin: 0.3em;

}

.pure-form input[type] {

  margin: 0.3em auto;

  text-align: center;

}

*/

.pure-g ul, .tabs ul {

  margin-top: 0;

  padding-left: 0.2em;

  list-style-type: none;

}

.pure-g ul li, .tabs ul li {

  text-indent: -1.25em;

  padding-left: 1em;

  margin-bottom: 0;

}

.pure-g ul li:before, .tabs ul li:before {

  content: ".";

  margin-right: 0.85em;

  width: 0.1em;

  float: left;

  font-weight: 800;

  width: 0.4em;

}



/**************** grid pages *****************/

.gridPageColumn > div:last-child,

.noSlider > div:last-child {

  border-bottom-width: 0 !important;

}

.gridPageColumn > div:last-child > div,

.noSlider > div:last-child > div {

  border-bottom-width: 0 !important;

}

.gridPageColumn h1.font-L,

.noSlider h1.font-L {

  margin-bottom: 0.5em;

}



.statementModule {

  padding-bottom: 8em !important;

}



/************** overview pages **************/

.productBox:hover .hoverColor {

  background-color: #ed0012;

}

.productBox .hoverColor {

  position: absolute;

  z-index: 50;

  top: 0px;

  left: 0px;

  right: 0px;

  bottom: 0px;

  mix-blend-mode: multiply;

}



@media only screen and (min-width: 1024px) {

  .productBox:nth-last-child(-n+2),

.newsBlock:nth-last-child(-n+3) {

    border-bottom-width: 0 !important;

  }

}



@media only screen and (min-width: 768px) {

  .productBox:nth-last-child(-n+2),

.newsBlock:nth-last-child(-n+3) {

    border-bottom-width: 0 !important;

  }

}



@media only screen and (max-width: 767px) {

  .productBox:last-child,

.newsBlock:last-child {

    border-bottom-width: 0 !important;

  }

}



@media only screen and (min-width: 768px) {

  .platzhalter {

    padding-bottom: 30%;

  }

}



/*** product detail ******/

input#quantity {

  background: transparent;

  border: solid 0px #000;

  text-align: center;

  padding: 0;

  color: #000;

  max-width: 3em;

}



/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}



.footer .pure-menu-link {

  color: #000;

}



.imprintNavHorizontal {

  display: inline-block;

  margin-left: 0.5em;

}



@media (min-width: 30em) {

  .photo-box, .text-box {

    text-align: left;

  }

}



/*# sourceMappingURL=styles.css.map */