@charset "UTF-8";

/* ---------------------------------------------------------------------------------------------------------------------
 * Error stránky pro projekty webnode i white-label
 * ------------------------------------------------------------------------------------------------------------------ */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/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 when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

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

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ffff00;
  color: #000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

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

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

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type=checkbox],
input[type=radio] {
  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
 *    (include `-moz` to future-proof).
 */

input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
  padding: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------
// SASS mixins library
//
// @version:		1.2
// @date:			18.04.2015
// @author:			jbe
// ---------------------------------------------------------------------------------------------------------------------

// Functions -------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin prefixer
//
// $property - CSS vlastnost
// $value - hodnota/y
//
// @author:		mke + jbe
// @date:		11.01.2015
// @version:	1.0
//
// @example: @include prefixer(border-radius, 4px);
// @source: http://css-tricks.com/how-to-deal-with-vendor-prefixes/
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin prefix
//
// $property - CSS vlastnost
// $prefixes - seznam pozadovanych prefixu
// $value - hodnota/y
//
// @author:		mke + jbe
// @date:		11.01.2015
// @version:	1.0
//
// @example: @include prefix(border-radius, webkit moz, 4px);
// @source: https://github.com/thoughtbot/bourbon
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @function color-alpha
//
// $color - barva v HEX
// $set-alpha - nastaveni alpha kanalu [0 - 1]
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @function get-map-value
//
// $map - id mapy, z ktere se maja nacist daa
// $map-id - promena, ktera se ma z mapy nacist
//
// @author:		jbe
// @date:		25.03.2015
// @version:	1.1
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @function map-depth
//
// vrati pocet urovni mapy
//
// @author:		pan
// @date:		06.06.2016
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @function rounded
// Umožňuje zaokrouhlit vstupní hodnotu na zadaný počet desetinných čísel
//
// @version:			1.0
// @date:				11.02.2021
// @author:				pan
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin get-css
// export css property from SASS map
//
// @version:			1.0
// @date:				24.01.2015
// @author:				jbe
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin responsive
// generate resonsive css from SASS map
//
// @version:			1.0
// @date:				24.01.2014
// @author:				jbe
// ---------------------------------------------------------------------------------------------------------------------
//
// $maps		[SASS mapa]				- responsivní mapa breakpointů a CSS vlastnosti
// $one			[false, CSS vlastnost]	- výběr jedné konkrétní hodnoty z mapy, která se dostane do výstupu
// $multiple	[1, number]				- násobič
// $step		[false, index]			- index, nebo hodntoa BP v responsivní SASS mapě
// $value		[false, hodnota]		- číselná hodnota včetně jednotky
// $operation	[false, +, -, *, /]		- početní operace s hodnotu udanou ve $value
// $step-max	[false, BP]				- hodnota BP v responzivni mape
//
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @function map-map
//
// vrati pozadovanou promennou z vnorene mapy
// $parent	- oznaceni rodicovske mapy
// $child	- identifikator vnorene mapy
// $value	- pozadovana promena
//
// @author:		jbe
// @date:		19.03.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @function extend-map
//
// slucovani definic barev do map
//
// @author:		jbe
// @date:		30.03.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin:		color-selector
//
// @author:		jbe
// @date:		01.04.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin:		section-bg
//
// @author:		jbe
// @date:		01.04.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin join-root
// utility mixin, pokud je nutne spojit zkompilovany selektor s libovolnym jinym
//
// @version:			1.0
// @date:					19.10.2020
// @author:				pan
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin clearfix
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin box-sizing
//
// $model - [content-box, border-box] vychozi hodnota border-box
// $important - [true, false] pridani parametru important k pravidlu.
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin border-radius
//
// $radius - hodnota radiusu
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
//
// @example: border-radius(topleft topright bottomright bottomleft);
//
// background-clip: http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin css-column
//
// $count - pocet sloupcu
// $width - sirka sloupce [px, %]
// $gap - sirka mezery mezi sloupci [px, %]
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
//
// @source: http://jecas.cz/column
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin vertical-align
//
// vertical align center
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin horizontal center
//
// $max-width - zadani max. sirky prvky [px, %]
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin sections-source
//
// projde responsivni mapu chovani section a vygeneruje prislusne CSS
//
// 1]	breakpoint [px]
// 2]	sirka section-inneru [px]
// 3]	padding top/bottom [px]
// 4]	padding left/right [px]
// 5]	section-inner position [center, left, right]
//
//
// $top/$bottom - nasobic padding top/bottom
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin block-space
//
// z mapy $wtf-blocks-space vygeneruje responsivni padding pro bloky
//
// $top-bottom - nasobek pro padding top a bottom
// $left-right - nasobek pro padding left a right
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin object-fit
//
// @author:		jbe
// @date:		05.04.2018
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin object-position
//
// @author:		jbe
// @date:		05.04.2018
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin viewport-safe-area
//
// Resi systemove spacingy viewportu, uzitecne napr. pro notch (vyrez v displeji), poprve pouzity u iphoneX
// Pocita se s tim, ze v meta tagu viewport je uvedeno na konci ,viewport-fit=cover
//
// $top, $right, $bottom, $left: poradi je stejne jak u CSS modelu, ciselna hodnota nastavuje fallback hodnotu spacingu
// $style: false vygeneruje hodnotu pro right: ..., padding vygeneruje padding-right: ..., margin pak margin-right: ...
// $negative: pokud je true, bude systemovy spacing zaporny
// $important: prida na konec pravidlo !important
//
//
// Priklad volani:
// @include viewport-safe-area(false, 0, false, 0, margin, true); zaporne roztazeni o hodnotu systemoveho spacingu
// @include viewport-safe-area(false, 0, false, 0, padding); kladny padding v hodnote systemoveho spacingu
//
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin wtf-column-width
//
// z mapy $wtf-column-width vygeneruje responsivni margin-left a margin-right
//
// $left: false - nevygeneruje se margin-left
// $right: false - nevygeneruje se margin-right
//
// @author:		jbe
// @date:		02.02.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin position
//
// @author:		jbe
// @date:		16.02.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin block-padding
//
// z mapy $wtf-column-width vygeneruje responsivni padding-left a padding-right
//
// $left: false - nevygeneruje se margin-left
// $right: false - nevygeneruje se margin-right
// $important: true - vygeneruje !important
//
// @author:		jbe
// @date:		02.02.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin embed-link
//
// @author:		jbe
// @date:		07.04.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin backface-visibility
//
// $value
//
// @author:		jbe
// @date:		13.09.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin mq
//
// media query mixin
//
// $min-width
// $max-width
// $min-height
// $max-height
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin font-size
//
// prevod font-size z PX na REM
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin line-height
//
// prevod vysky radku v PX na pomer k font-size
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin font-face
//
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin font-face
//
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin font-source
//
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin element-padding
//
//
// @author:		jbe
// @date:		11.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin font
//
// @author:		jbe
// @date:		12.06.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin word-break
//
// zalomeni dlouhych slov a hypheny
//
//      layout │ hyphens
//  _______________
// │Firefox│_✓_│_✓_│
// │Chrome │_✓_│_x_│
// │IE 11  │_✓_│_?_│
// │EDGE   │_x_│_?_│
// │Opera  │_✓_│_x_│
// │Safari │_✓_│_✓_│
//
// V EDGE je layout v pořádku do délky slova na 4 řádky. Delší rozbíjí layout dané sekce. MS vkládá hyphens jen někde.
//
// @author:		ara
// @date:		17.03.3026
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin font-feature-settings
//
// @author:		jbe
// @date:		21.03.2018
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin bg-color
//
// barva pozadi s automatickym fallbackem pro RGBa
//
// $color-set	- barva v HEX nebo identifikator v SASS mape
// $map			- promenna obsahujici SASS mapu s barvami
// $set-alpha	- nastaveni alpha kanalu barvy
// $important	- pokud je true, vygeneruje se !important
//
// @author:		jbe
// @date:		25.03.2015
// @version:	1.1
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin text-color
//
// barva textu s automatickym fallbackem pro RGBa
//
// $color-set	- barva v HEX nebo identifikator v SASS mape
// $map			- promenna obsahujici SASS mapu s barvami
// $set-alpha	- nastaveni alpha kanalu barvy
// $important	- pokud je true, vygeneruje se !important
//
// @author:		jbe
// @date:		25.03.2015
// @version:	1.1
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin text-shadow
//
// $color-set	- barva v HEX nebo identifikator v SASS mape
// $position
// $map			- promenna obsahujici SASS mapu s barvami
// $set-alpha	- nastaveni alpha kanalu barvy
// $important	- pokud je true, vygeneruje se !important
//
// @author:		jbe
// @date:		25.03.2015
// @version:	1.1
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin linear-gradient
//
// $color-from:		HEX, id promene v SASS mape
// $color-to:		HEX, id promene v SASS mape
// $map:			false, nazev SASS mapy
// $type:			false, left-right, right-left
//
// @author:		jbe
// @date:		12.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin border
//
// $border		- sirka cary [px, none, false], [top right bottom left]
// $style		- styl cary [solid, dotted, dashed, none]
// $color		- barva v formatu HEX, prevod na rgb se provadi automaticky
//
// @author:		jbe
// @date:		25.03.2015
// @version:	1.1
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin opacity
//
// auto fallback for opacity
//
// $value:		0 - 1
//
// @author:		jbe
// @date:		12.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin selection
//
// @author:		jbe
// @date:		12.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin filter
//
// auto fallback for filter
//
// $value:		0 - 1
//
// @author:		jbe
// @date:		12.01.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin box-shadow
//
// $color-set	- barva v HEX nebo identifikator v SASS mape
// $shadow		- nastaveni pozice a rozmazani stinu
// $map			- promenna obsahujici SASS mapu s barvami
// $set-alpha	- nastaveni alpha kanalu barvy
// $important	- pokud je true, vygeneruje se !important
//
// @author:		jbe
// @date:		04.05.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin claim-shadow pro manipulaci box-shadow v claimech. Mixin box-shadow zustava obecnym mix. pro libovolne pouziti
//
// $color-set	- barva v HEX nebo identifikator v SASS mape
// $shadow		- nastaveni pozice a rozmazani stinu
// $map			- promenna obsahujici SASS mapu s barvami
// $set-alpha	- nastaveni alpha kanalu barvy
// $important	- pokud je true, vygeneruje se !important
//
// @author:		jma
// @date:		24.09.2015
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin embed-color
//
// osetreni barvy embedu pro pripad pouziti pruhlednosti
//
// @author:		jbe
// @date:		07.02.2017
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin angle
//
// $pseudo: before/after/both
// $flip: true/false
// $angle: value in deg, e.g. 1.5deg
//
// @author:		jma
// @date:		20.08.2019
// @version:	1.0
// ------------------------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------------------------------------
// @mixin appearance
//
//
// @author:		ara
// @date:		19.12.2016
// @version:	1.0
//
// ------------------------------------------------------------------------------------------------------------------ */

.w-error-page {
  --Webnode-Logo-Claim: #1e3c47;
  --Webnode-Logo-Dot: #17ace4;
  --Webnode-Logo-Tb: #133861;
  --Text-Strong: #1e3c47;
  --Text-Strong-Hover: rgba(30, 60, 71, 0.75);
  --Text-Weak: rgba(30, 60, 71, 0.75);
  --Text-Inverse-Strong: #fbf7f0;
  --Fill-Brand-Strong: #b7ef87;
  --Fill-Strong: #1e3c47;
  --Fill-Overlay: rgba(30, 60, 71, 0.3);
  --Fill-Strong-Hover: rgba(30, 60, 71, 0.75);
  --Fill-Weak: rgba(30, 60, 71, 0.06);
  --Stroke-Strong: rgba(30, 60, 71, 0.3);
  --Stroke-Inverse-Strong: rgba(251, 247, 240, 0.6);
  --Stroke-Strong-Hover: rgba(30, 60, 71, 0.15);
  --Stroke-Selected: #1e3c47;
  --Stroke-Weak: rgba(30, 60, 71, 0.1);
  --Rebrand-Button-Bg: #c9ec9e;
  --Rebrand-Button-Bg-Hover: #b0dc7a;
  --Fill-Gray-Weak: rgba(30, 60, 71, 0.06);
}

@font-face {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 400;
  src: url("https://d1rv23qj5kas56.cloudfront.net/fonts/graphik-commercial/graphik-400.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Graphik";
  font-style: normal;
  font-weight: 500;
  src: url("https://d1rv23qj5kas56.cloudfront.net/fonts/graphik-commercial/graphik-500.woff2") format("woff2");
  font-display: swap;
}

html {
  width: 100%;
  height: 100%;
  height: 100vh;
  -webkit-font-smoothing: antialiased;
}

body * {
  box-sizing: border-box;
}

body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Graphik", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "Mplus 1p", "Hiragino Sans", "Hiragino Kaku Gothic Pro", "游ゴシック", "游ゴシック体", "YuGothic", "Yu Gothic", "ＭＳ ゴシック", "MS Gothic", sans-serif;
  font-weight: 400;
  color: var(--Text-Weak);
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 17px;
  line-height: 1.65;
  font-feature-settings: "calt" 0;
}

::selection {
  color: var(--Text-Strong);
  background: var(--Fill-Brand-Strong);
}

.w-wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  margin: 0;
  padding: 0 16px;
}

@supports (padding: max(0)) {
  .w-wrapper {
    padding-right: 16px;
    padding-right: max(16px, env(safe-area-inset-right));
  }
}

@supports (padding: max(0)) {
  .w-wrapper {
    padding-left: 16px;
    padding-left: max(16px, env(safe-area-inset-left));
  }
}

.w-navline-holder {
  position: relative;
  min-height: 60px;
}

.w-navline-logo {
  width: 120px;
  height: 60px;
  flex-shrink: 0;
  position: relative;
}

.w-navline-logo a {
  display: inline-block;
  width: 100%;
}

.w-navline-logo svg {
  position: absolute;
  top: 16px;
  left: 0;
}

.w-navline-logo svg g.webnode-logo-claim {
  fill: var(--Webnode-Logo-Claim);
}

.w-navline-logo svg g.webnode-logo-tb {
  fill: var(--Webnode-Logo-Tb);
}

.w-navline-logo svg g.webnode-logo-dot {
  fill: var(--Webnode-Logo-Dot);
}

.w-box-outer {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0;
  padding: 0;
}

.w-box-inner {
  width: 100%;
  max-width: 600px;
  text-align: center;
  padding: 20px 0;
}

.w-footer {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  color: var(--Text-Weak);
  text-rendering: optimizelegibility;
  min-height: 60px;
  padding: 15px 0;
  border-top: 1px solid var(--Fill-Weak);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.w-footer a {
  text-decoration: none;
  color: currentcolor;
  text-underline-offset: 0.25em;
  text-decoration-skip-ink: auto;
}

.w-footer a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 30px;
  margin: 0 0 8px 0;
  line-height: 40px;
  font-weight: 500;
  color: var(--Text-Strong);
  text-rendering: optimizelegibility;
}

p {
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--Text-Weak);
  text-rendering: optimizelegibility;
  margin-top: 0;
  margin-bottom: 15px;
}

p b,
p strong {
  font-weight: 500;
}

p:only-of-type {
  margin-bottom: 0;
}

p + .w-btn {
  margin-top: 20px;
}

p a {
  text-underline-offset: 3px;
  color: currentcolor;
}

.w-icon {
  width: 68px;
  height: 68px;
  background: var(--Fill-Gray-Weak);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px auto;
  border-radius: 16px;
}

.w-icon > svg {
  width: 24px;
  height: 24px;
}

.w-btn {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: all 0.15s;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  border-radius: 24px;
  padding: 8px 24px;
  text-decoration: none;
  text-rendering: optimizelegibility;
  color: var(--Text-Strong);
  height: 48px;
  border-style: solid;
  border-width: 1px;
  background-color: var(--Rebrand-Button-Bg);
  border-color: var(--Rebrand-Button-Bg);
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.w-btn:hover {
  background-color: var(--Rebrand-Button-Bg-Hover);
}

.w-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.w-btn:focus {
  outline: none;
}

.w-btn:focus-visible {
  outline: 2px solid var(--Stroke-Inverse-Strong);
  outline-offset: 2px;
}

.w-btn.btn-outline {
  background: transparent;
  border-color: var(--Stroke-Strong);
  color: var(--Text-Strong);
}

.w-btn.btn-outline:hover {
  border-color: var(--Stroke-Strong-Hover);
}

.w-info-box {
  background: var(--Fill-Weak);
  border-radius: 24px;
  padding: 20px;
  margin-top: 32px;
  text-align: left;
  color: var(--Text-Weak);
  width: 100%;
}

.w-info-box p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 15px;
}

.w-info-box p:first-child {
  margin-top: 0;
}

.w-info-box p:has(span:empty) {
  display: none;
}

.w-breakable {
  overflow-wrap: break-word;
  word-break: break-all;
  hyphens: auto;
}

@media all and (orientation: landscape) and (min-height: 600px), all and (orientation: portrait) and (min-height: 700px) and (min-width: 600px) {
  h1 {
    font-size: 32px;
    margin-bottom: 18px;
  }

  p {
    font-size: 16px;
    margin-bottom: 16px;
  }

  .w-info-box p {
    margin-bottom: 0;
    margin-top: 16px;
  }

  .w-info-box p:first-child {
    margin-top: 0;
  }
}

@media (min-width: 1100px) {
  .w-wrapper {
    padding: 0 20px;
  }
}

@media (min-width: 1230px) {
  .w-wrapper {
    padding: 0 45px;
  }
}

@media (max-width: 599px) {
  .w-wrapper-text br {
    display: none;
  }
}

@media all and (min-height: 768px) {
  .w-box-inner {
    padding: 40px 0;
  }

  .w-icon {
    margin: 0 auto 40px auto;
  }
}

@media all and (orientation: landscape) and (max-height: 599px) {
  p + .w-btn {
    margin-top: 0;
  }
}

@media all and (orientation: landscape) and (min-height: 600px), all and (orientation: portrait) and (min-height: 700px) {
  .w-info-box {
    padding: 32px;
    margin-top: 56px;
  }
}