@charset "UTF-8";

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

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

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body.is-reveal-open {
  overflow: hidden;
}

.foundation-mq {
  font-family: "xxsmall=0em&xsmall=40em&small=48em&medium=57.5625em&xmedium=64em&large=84.0625em&xlarge=90.0625em&xxlarge=120em";
}

.slide-in-down.mui-enter,
.slide-in-left.mui-enter,
.slide-in-up.mui-enter,
.slide-in-right.mui-enter,
.slide-out-down.mui-leave,
.slide-out-right.mui-leave,
.slide-out-up.mui-leave,
.slide-out-left.mui-leave,
.fade-in.mui-enter,
.fade-out.mui-leave,
.hinge-in-from-top.mui-enter,
.hinge-in-from-right.mui-enter,
.hinge-in-from-bottom.mui-enter,
.hinge-in-from-left.mui-enter,
.hinge-in-from-middle-x.mui-enter,
.hinge-in-from-middle-y.mui-enter,
.hinge-out-from-top.mui-leave,
.hinge-out-from-right.mui-leave,
.hinge-out-from-bottom.mui-leave,
.hinge-out-from-left.mui-leave,
.hinge-out-from-middle-x.mui-leave,
.hinge-out-from-middle-y.mui-leave,
.scale-in-up.mui-enter,
.scale-in-down.mui-enter,
.scale-out-up.mui-leave,
.scale-out-down.mui-leave,
.spin-in.mui-enter,
.spin-out.mui-leave,
.spin-in-ccw.mui-enter,
.spin-out-ccw.mui-leave {
  transition-duration: 500ms;
  transition-timing-function: linear;
}

html,
body {
  font-size: 100%;
  box-sizing: border-box;
}

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

body {
  padding: 0;
  margin: 0;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #231f20;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0px;
}

select {
  width: 100%;
  border-radius: 0px;
}

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

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0px;
  line-height: 1;
}

.row {
  max-width: rem-calc(1920);
  margin-left: auto;
  margin-right: auto;
}

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

.row::after {
  clear: both;
}

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

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

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

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

.row.xxsmall-uncollapse>.column,
.row.xxsmall-uncollapse>.columns {
  padding-left: 0px;
  padding-right: 0px;
}

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

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

  .row.xsmall-uncollapse>.column,
  .row.xsmall-uncollapse>.columns {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

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

  .row.small-uncollapse>.column,
  .row.small-uncollapse>.columns {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

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

  .row.xmedium-uncollapse>.column,
  .row.xmedium-uncollapse>.columns {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

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

  .row.medium-uncollapse>.column,
  .row.medium-uncollapse>.columns {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

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

  .row.large-uncollapse>.column,
  .row.large-uncollapse>.columns {
    padding-left: 0px;
    padding-right: 0px;
  }
}

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

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

  .row.xlarge-uncollapse>.column,
  .row.xlarge-uncollapse>.columns {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.row.expanded {
  max-width: none;
}

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

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
  float: right;
}

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

.column.row,
.row.columns {
  float: none;
}

.xxsmall-1 {
  width: 8.33333%;
}

.xxsmall-push-1 {
  position: relative;
  left: 8.33333%;
}

.xxsmall-pull-1 {
  position: relative;
  left: -8.33333%;
}

.xxsmall-offset-0 {
  margin-left: 0%;
}

.xxsmall-2 {
  width: 16.66667%;
}

.xxsmall-push-2 {
  position: relative;
  left: 16.66667%;
}

.xxsmall-pull-2 {
  position: relative;
  left: -16.66667%;
}

.xxsmall-offset-1 {
  margin-left: 8.33333%;
}

.xxsmall-3 {
  width: 25%;
}

.xxsmall-push-3 {
  position: relative;
  left: 25%;
}

.xxsmall-pull-3 {
  position: relative;
  left: -25%;
}

.xxsmall-offset-2 {
  margin-left: 16.66667%;
}

.xxsmall-4 {
  width: 33.33333%;
}

.xxsmall-push-4 {
  position: relative;
  left: 33.33333%;
}

.xxsmall-pull-4 {
  position: relative;
  left: -33.33333%;
}

.xxsmall-offset-3 {
  margin-left: 25%;
}

.xxsmall-5 {
  width: 41.66667%;
}

.xxsmall-push-5 {
  position: relative;
  left: 41.66667%;
}

.xxsmall-pull-5 {
  position: relative;
  left: -41.66667%;
}

.xxsmall-offset-4 {
  margin-left: 33.33333%;
}

.xxsmall-6 {
  width: 50%;
}

.xxsmall-push-6 {
  position: relative;
  left: 50%;
}

.xxsmall-pull-6 {
  position: relative;
  left: -50%;
}

.xxsmall-offset-5 {
  margin-left: 41.66667%;
}

.xxsmall-7 {
  width: 58.33333%;
}

.xxsmall-push-7 {
  position: relative;
  left: 58.33333%;
}

.xxsmall-pull-7 {
  position: relative;
  left: -58.33333%;
}

.xxsmall-offset-6 {
  margin-left: 50%;
}

.xxsmall-8 {
  width: 66.66667%;
}

.xxsmall-push-8 {
  position: relative;
  left: 66.66667%;
}

.xxsmall-pull-8 {
  position: relative;
  left: -66.66667%;
}

.xxsmall-offset-7 {
  margin-left: 58.33333%;
}

.xxsmall-9 {
  width: 75%;
}

.xxsmall-push-9 {
  position: relative;
  left: 75%;
}

.xxsmall-pull-9 {
  position: relative;
  left: -75%;
}

.xxsmall-offset-8 {
  margin-left: 66.66667%;
}

.xxsmall-10 {
  width: 83.33333%;
}

.xxsmall-push-10 {
  position: relative;
  left: 83.33333%;
}

.xxsmall-pull-10 {
  position: relative;
  left: -83.33333%;
}

.xxsmall-offset-9 {
  margin-left: 75%;
}

.xxsmall-11 {
  width: 91.66667%;
}

.xxsmall-push-11 {
  position: relative;
  left: 91.66667%;
}

.xxsmall-pull-11 {
  position: relative;
  left: -91.66667%;
}

.xxsmall-offset-10 {
  margin-left: 83.33333%;
}

.xxsmall-12 {
  width: 100%;
}

.xxsmall-offset-11 {
  margin-left: 91.66667%;
}

.xxsmall-up-1 .column,
.xxsmall-up-1 .columns {
  width: 100%;
  float: left;
}

.xxsmall-up-1 .column:nth-of-type(1n),
.xxsmall-up-1 .columns:nth-of-type(1n) {
  clear: none;
}

.xxsmall-up-1 .column:nth-of-type(1n+1),
.xxsmall-up-1 .columns:nth-of-type(1n+1) {
  clear: both;
}

.xxsmall-up-2 .column,
.xxsmall-up-2 .columns {
  width: 50%;
  float: left;
}

.xxsmall-up-2 .column:nth-of-type(1n),
.xxsmall-up-2 .columns:nth-of-type(1n) {
  clear: none;
}

.xxsmall-up-2 .column:nth-of-type(2n+1),
.xxsmall-up-2 .columns:nth-of-type(2n+1) {
  clear: both;
}

.xxsmall-up-3 .column,
.xxsmall-up-3 .columns {
  width: 33.33333%;
  float: left;
}

.xxsmall-up-3 .column:nth-of-type(1n),
.xxsmall-up-3 .columns:nth-of-type(1n) {
  clear: none;
}

.xxsmall-up-3 .column:nth-of-type(3n+1),
.xxsmall-up-3 .columns:nth-of-type(3n+1) {
  clear: both;
}

.xxsmall-up-4 .column,
.xxsmall-up-4 .columns {
  width: 25%;
  float: left;
}

.xxsmall-up-4 .column:nth-of-type(1n),
.xxsmall-up-4 .columns:nth-of-type(1n) {
  clear: none;
}

.xxsmall-up-4 .column:nth-of-type(4n+1),
.xxsmall-up-4 .columns:nth-of-type(4n+1) {
  clear: both;
}

.xxsmall-up-5 .column,
.xxsmall-up-5 .columns {
  width: 20%;
  float: left;
}

.xxsmall-up-5 .column:nth-of-type(1n),
.xxsmall-up-5 .columns:nth-of-type(1n) {
  clear: none;
}

.xxsmall-up-5 .column:nth-of-type(5n+1),
.xxsmall-up-5 .columns:nth-of-type(5n+1) {
  clear: both;
}

.xxsmall-up-6 .column,
.xxsmall-up-6 .columns {
  width: 16.66667%;
  float: left;
}

.xxsmall-up-6 .column:nth-of-type(1n),
.xxsmall-up-6 .columns:nth-of-type(1n) {
  clear: none;
}

.xxsmall-up-6 .column:nth-of-type(6n+1),
.xxsmall-up-6 .columns:nth-of-type(6n+1) {
  clear: both;
}

.column.xxsmall-centered,
.xxsmall-centered.columns {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.xxsmall-uncenter,
.xxsmall-push-0,
.xxsmall-pull-0 {
  position: static;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 40em) {
  .xsmall-1 {
    width: 8.33333%;
  }

  .xsmall-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .xsmall-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .xsmall-offset-0 {
    margin-left: 0%;
  }

  .xsmall-2 {
    width: 16.66667%;
  }

  .xsmall-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .xsmall-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .xsmall-offset-1 {
    margin-left: 8.33333%;
  }

  .xsmall-3 {
    width: 25%;
  }

  .xsmall-push-3 {
    position: relative;
    left: 25%;
  }

  .xsmall-pull-3 {
    position: relative;
    left: -25%;
  }

  .xsmall-offset-2 {
    margin-left: 16.66667%;
  }

  .xsmall-4 {
    width: 33.33333%;
  }

  .xsmall-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .xsmall-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .xsmall-offset-3 {
    margin-left: 25%;
  }

  .xsmall-5 {
    width: 41.66667%;
  }

  .xsmall-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .xsmall-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .xsmall-offset-4 {
    margin-left: 33.33333%;
  }

  .xsmall-6 {
    width: 50%;
  }

  .xsmall-push-6 {
    position: relative;
    left: 50%;
  }

  .xsmall-pull-6 {
    position: relative;
    left: -50%;
  }

  .xsmall-offset-5 {
    margin-left: 41.66667%;
  }

  .xsmall-7 {
    width: 58.33333%;
  }

  .xsmall-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .xsmall-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .xsmall-offset-6 {
    margin-left: 50%;
  }

  .xsmall-8 {
    width: 66.66667%;
  }

  .xsmall-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .xsmall-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .xsmall-offset-7 {
    margin-left: 58.33333%;
  }

  .xsmall-9 {
    width: 75%;
  }

  .xsmall-push-9 {
    position: relative;
    left: 75%;
  }

  .xsmall-pull-9 {
    position: relative;
    left: -75%;
  }

  .xsmall-offset-8 {
    margin-left: 66.66667%;
  }

  .xsmall-10 {
    width: 83.33333%;
  }

  .xsmall-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .xsmall-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .xsmall-offset-9 {
    margin-left: 75%;
  }

  .xsmall-11 {
    width: 91.66667%;
  }

  .xsmall-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .xsmall-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .xsmall-offset-10 {
    margin-left: 83.33333%;
  }

  .xsmall-12 {
    width: 100%;
  }

  .xsmall-offset-11 {
    margin-left: 91.66667%;
  }

  .xsmall-up-1 .column,
  .xsmall-up-1 .columns {
    width: 100%;
    float: left;
  }

  .xsmall-up-1 .column:nth-of-type(1n),
  .xsmall-up-1 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xsmall-up-1 .column:nth-of-type(1n+1),
  .xsmall-up-1 .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .xsmall-up-2 .column,
  .xsmall-up-2 .columns {
    width: 50%;
    float: left;
  }

  .xsmall-up-2 .column:nth-of-type(1n),
  .xsmall-up-2 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xsmall-up-2 .column:nth-of-type(2n+1),
  .xsmall-up-2 .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .xsmall-up-3 .column,
  .xsmall-up-3 .columns {
    width: 33.33333%;
    float: left;
  }

  .xsmall-up-3 .column:nth-of-type(1n),
  .xsmall-up-3 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xsmall-up-3 .column:nth-of-type(3n+1),
  .xsmall-up-3 .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .xsmall-up-4 .column,
  .xsmall-up-4 .columns {
    width: 25%;
    float: left;
  }

  .xsmall-up-4 .column:nth-of-type(1n),
  .xsmall-up-4 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xsmall-up-4 .column:nth-of-type(4n+1),
  .xsmall-up-4 .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .xsmall-up-5 .column,
  .xsmall-up-5 .columns {
    width: 20%;
    float: left;
  }

  .xsmall-up-5 .column:nth-of-type(1n),
  .xsmall-up-5 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xsmall-up-5 .column:nth-of-type(5n+1),
  .xsmall-up-5 .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .xsmall-up-6 .column,
  .xsmall-up-6 .columns {
    width: 16.66667%;
    float: left;
  }

  .xsmall-up-6 .column:nth-of-type(1n),
  .xsmall-up-6 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xsmall-up-6 .column:nth-of-type(6n+1),
  .xsmall-up-6 .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .column.xsmall-centered,
  .xsmall-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .xsmall-uncenter,
  .xsmall-push-0,
  .xsmall-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 48em) {
  .small-1 {
    width: 8.33333%;
  }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .small-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .small-offset-0 {
    margin-left: 0%;
  }

  .small-2 {
    width: 16.66667%;
  }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .small-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .small-offset-1 {
    margin-left: 8.33333%;
  }

  .small-3 {
    width: 25%;
  }

  .small-push-3 {
    position: relative;
    left: 25%;
  }

  .small-pull-3 {
    position: relative;
    left: -25%;
  }

  .small-offset-2 {
    margin-left: 16.66667%;
  }

  .small-4 {
    width: 33.33333%;
  }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .small-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .small-offset-3 {
    margin-left: 25%;
  }

  .small-5 {
    width: 41.66667%;
  }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .small-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .small-offset-4 {
    margin-left: 33.33333%;
  }

  .small-6 {
    width: 50%;
  }

  .small-push-6 {
    position: relative;
    left: 50%;
  }

  .small-pull-6 {
    position: relative;
    left: -50%;
  }

  .small-offset-5 {
    margin-left: 41.66667%;
  }

  .small-7 {
    width: 58.33333%;
  }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .small-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .small-offset-6 {
    margin-left: 50%;
  }

  .small-8 {
    width: 66.66667%;
  }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .small-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .small-offset-7 {
    margin-left: 58.33333%;
  }

  .small-9 {
    width: 75%;
  }

  .small-push-9 {
    position: relative;
    left: 75%;
  }

  .small-pull-9 {
    position: relative;
    left: -75%;
  }

  .small-offset-8 {
    margin-left: 66.66667%;
  }

  .small-10 {
    width: 83.33333%;
  }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .small-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .small-offset-9 {
    margin-left: 75%;
  }

  .small-11 {
    width: 91.66667%;
  }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .small-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .small-offset-10 {
    margin-left: 83.33333%;
  }

  .small-12 {
    width: 100%;
  }

  .small-offset-11 {
    margin-left: 91.66667%;
  }

  .small-up-1 .column,
  .small-up-1 .columns {
    width: 100%;
    float: left;
  }

  .small-up-1 .column:nth-of-type(1n),
  .small-up-1 .columns:nth-of-type(1n) {
    clear: none;
  }

  .small-up-1 .column:nth-of-type(1n+1),
  .small-up-1 .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .small-up-2 .column,
  .small-up-2 .columns {
    width: 50%;
    float: left;
  }

  .small-up-2 .column:nth-of-type(1n),
  .small-up-2 .columns:nth-of-type(1n) {
    clear: none;
  }

  .small-up-2 .column:nth-of-type(2n+1),
  .small-up-2 .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .small-up-3 .column,
  .small-up-3 .columns {
    width: 33.33333%;
    float: left;
  }

  .small-up-3 .column:nth-of-type(1n),
  .small-up-3 .columns:nth-of-type(1n) {
    clear: none;
  }

  .small-up-3 .column:nth-of-type(3n+1),
  .small-up-3 .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .small-up-4 .column,
  .small-up-4 .columns {
    width: 25%;
    float: left;
  }

  .small-up-4 .column:nth-of-type(1n),
  .small-up-4 .columns:nth-of-type(1n) {
    clear: none;
  }

  .small-up-4 .column:nth-of-type(4n+1),
  .small-up-4 .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .small-up-5 .column,
  .small-up-5 .columns {
    width: 20%;
    float: left;
  }

  .small-up-5 .column:nth-of-type(1n),
  .small-up-5 .columns:nth-of-type(1n) {
    clear: none;
  }

  .small-up-5 .column:nth-of-type(5n+1),
  .small-up-5 .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .small-up-6 .column,
  .small-up-6 .columns {
    width: 16.66667%;
    float: left;
  }

  .small-up-6 .column:nth-of-type(1n),
  .small-up-6 .columns:nth-of-type(1n) {
    clear: none;
  }

  .small-up-6 .column:nth-of-type(6n+1),
  .small-up-6 .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .column.small-centered,
  .small-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .small-uncenter,
  .small-push-0,
  .small-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 64em) {
  .xmedium-1 {
    width: 8.33333%;
  }

  .xmedium-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .xmedium-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .xmedium-offset-0 {
    margin-left: 0%;
  }

  .xmedium-2 {
    width: 16.66667%;
  }

  .xmedium-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .xmedium-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .xmedium-offset-1 {
    margin-left: 8.33333%;
  }

  .xmedium-3 {
    width: 25%;
  }

  .xmedium-push-3 {
    position: relative;
    left: 25%;
  }

  .xmedium-pull-3 {
    position: relative;
    left: -25%;
  }

  .xmedium-offset-2 {
    margin-left: 16.66667%;
  }

  .xmedium-4 {
    width: 33.33333%;
  }

  .xmedium-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .xmedium-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .xmedium-offset-3 {
    margin-left: 25%;
  }

  .xmedium-5 {
    width: 41.66667%;
  }

  .xmedium-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .xmedium-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .xmedium-offset-4 {
    margin-left: 33.33333%;
  }

  .xmedium-6 {
    width: 50%;
  }

  .xmedium-push-6 {
    position: relative;
    left: 50%;
  }

  .xmedium-pull-6 {
    position: relative;
    left: -50%;
  }

  .xmedium-offset-5 {
    margin-left: 41.66667%;
  }

  .xmedium-7 {
    width: 58.33333%;
  }

  .xmedium-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .xmedium-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .xmedium-offset-6 {
    margin-left: 50%;
  }

  .xmedium-8 {
    width: 66.66667%;
  }

  .xmedium-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .xmedium-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .xmedium-offset-7 {
    margin-left: 58.33333%;
  }

  .xmedium-9 {
    width: 75%;
  }

  .xmedium-push-9 {
    position: relative;
    left: 75%;
  }

  .xmedium-pull-9 {
    position: relative;
    left: -75%;
  }

  .xmedium-offset-8 {
    margin-left: 66.66667%;
  }

  .xmedium-10 {
    width: 83.33333%;
  }

  .xmedium-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .xmedium-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .xmedium-offset-9 {
    margin-left: 75%;
  }

  .xmedium-11 {
    width: 91.66667%;
  }

  .xmedium-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .xmedium-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .xmedium-offset-10 {
    margin-left: 83.33333%;
  }

  .xmedium-12 {
    width: 100%;
  }

  .xmedium-offset-11 {
    margin-left: 91.66667%;
  }

  .xmedium-up-1 .column,
  .xmedium-up-1 .columns {
    width: 100%;
    float: left;
  }

  .xmedium-up-1 .column:nth-of-type(1n),
  .xmedium-up-1 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xmedium-up-1 .column:nth-of-type(1n+1),
  .xmedium-up-1 .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .xmedium-up-2 .column,
  .xmedium-up-2 .columns {
    width: 50%;
    float: left;
  }

  .xmedium-up-2 .column:nth-of-type(1n),
  .xmedium-up-2 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xmedium-up-2 .column:nth-of-type(2n+1),
  .xmedium-up-2 .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .xmedium-up-3 .column,
  .xmedium-up-3 .columns {
    width: 33.33333%;
    float: left;
  }

  .xmedium-up-3 .column:nth-of-type(1n),
  .xmedium-up-3 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xmedium-up-3 .column:nth-of-type(3n+1),
  .xmedium-up-3 .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .xmedium-up-4 .column,
  .xmedium-up-4 .columns {
    width: 25%;
    float: left;
  }

  .xmedium-up-4 .column:nth-of-type(1n),
  .xmedium-up-4 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xmedium-up-4 .column:nth-of-type(4n+1),
  .xmedium-up-4 .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .xmedium-up-5 .column,
  .xmedium-up-5 .columns {
    width: 20%;
    float: left;
  }

  .xmedium-up-5 .column:nth-of-type(1n),
  .xmedium-up-5 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xmedium-up-5 .column:nth-of-type(5n+1),
  .xmedium-up-5 .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .xmedium-up-6 .column,
  .xmedium-up-6 .columns {
    width: 16.66667%;
    float: left;
  }

  .xmedium-up-6 .column:nth-of-type(1n),
  .xmedium-up-6 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xmedium-up-6 .column:nth-of-type(6n+1),
  .xmedium-up-6 .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .column.xmedium-centered,
  .xmedium-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .xmedium-uncenter,
  .xmedium-push-0,
  .xmedium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 57.5625em) {
  .medium-1 {
    width: 8.33333%;
  }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .medium-offset-0 {
    margin-left: 0%;
  }

  .medium-2 {
    width: 16.66667%;
  }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .medium-offset-1 {
    margin-left: 8.33333%;
  }

  .medium-3 {
    width: 25%;
  }

  .medium-push-3 {
    position: relative;
    left: 25%;
  }

  .medium-pull-3 {
    position: relative;
    left: -25%;
  }

  .medium-offset-2 {
    margin-left: 16.66667%;
  }

  .medium-4 {
    width: 33.33333%;
  }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .medium-offset-3 {
    margin-left: 25%;
  }

  .medium-5 {
    width: 41.66667%;
  }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .medium-offset-4 {
    margin-left: 33.33333%;
  }

  .medium-6 {
    width: 50%;
  }

  .medium-push-6 {
    position: relative;
    left: 50%;
  }

  .medium-pull-6 {
    position: relative;
    left: -50%;
  }

  .medium-offset-5 {
    margin-left: 41.66667%;
  }

  .medium-7 {
    width: 58.33333%;
  }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .medium-offset-6 {
    margin-left: 50%;
  }

  .medium-8 {
    width: 66.66667%;
  }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .medium-offset-7 {
    margin-left: 58.33333%;
  }

  .medium-9 {
    width: 75%;
  }

  .medium-push-9 {
    position: relative;
    left: 75%;
  }

  .medium-pull-9 {
    position: relative;
    left: -75%;
  }

  .medium-offset-8 {
    margin-left: 66.66667%;
  }

  .medium-10 {
    width: 83.33333%;
  }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .medium-offset-9 {
    margin-left: 75%;
  }

  .medium-11 {
    width: 91.66667%;
  }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .medium-offset-10 {
    margin-left: 83.33333%;
  }

  .medium-12 {
    width: 100%;
  }

  .medium-offset-11 {
    margin-left: 91.66667%;
  }

  .medium-up-1 .column,
  .medium-up-1 .columns {
    width: 100%;
    float: left;
  }

  .medium-up-1 .column:nth-of-type(1n),
  .medium-up-1 .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-1 .column:nth-of-type(1n+1),
  .medium-up-1 .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .medium-up-2 .column,
  .medium-up-2 .columns {
    width: 50%;
    float: left;
  }

  .medium-up-2 .column:nth-of-type(1n),
  .medium-up-2 .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-2 .column:nth-of-type(2n+1),
  .medium-up-2 .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .medium-up-3 .column,
  .medium-up-3 .columns {
    width: 33.33333%;
    float: left;
  }

  .medium-up-3 .column:nth-of-type(1n),
  .medium-up-3 .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-3 .column:nth-of-type(3n+1),
  .medium-up-3 .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .medium-up-4 .column,
  .medium-up-4 .columns {
    width: 25%;
    float: left;
  }

  .medium-up-4 .column:nth-of-type(1n),
  .medium-up-4 .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-4 .column:nth-of-type(4n+1),
  .medium-up-4 .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .medium-up-5 .column,
  .medium-up-5 .columns {
    width: 20%;
    float: left;
  }

  .medium-up-5 .column:nth-of-type(1n),
  .medium-up-5 .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-5 .column:nth-of-type(5n+1),
  .medium-up-5 .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .medium-up-6 .column,
  .medium-up-6 .columns {
    width: 16.66667%;
    float: left;
  }

  .medium-up-6 .column:nth-of-type(1n),
  .medium-up-6 .columns:nth-of-type(1n) {
    clear: none;
  }

  .medium-up-6 .column:nth-of-type(6n+1),
  .medium-up-6 .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .column.medium-centered,
  .medium-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .medium-uncenter,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 84.0625em) {
  .large-1 {
    width: 8.33333%;
  }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .large-offset-0 {
    margin-left: 0%;
  }

  .large-2 {
    width: 16.66667%;
  }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .large-offset-1 {
    margin-left: 8.33333%;
  }

  .large-3 {
    width: 25%;
  }

  .large-push-3 {
    position: relative;
    left: 25%;
  }

  .large-pull-3 {
    position: relative;
    left: -25%;
  }

  .large-offset-2 {
    margin-left: 16.66667%;
  }

  .large-4 {
    width: 33.33333%;
  }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .large-offset-3 {
    margin-left: 25%;
  }

  .large-5 {
    width: 41.66667%;
  }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .large-offset-4 {
    margin-left: 33.33333%;
  }

  .large-6 {
    width: 50%;
  }

  .large-push-6 {
    position: relative;
    left: 50%;
  }

  .large-pull-6 {
    position: relative;
    left: -50%;
  }

  .large-offset-5 {
    margin-left: 41.66667%;
  }

  .large-7 {
    width: 58.33333%;
  }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .large-offset-6 {
    margin-left: 50%;
  }

  .large-8 {
    width: 66.66667%;
  }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .large-offset-7 {
    margin-left: 58.33333%;
  }

  .large-9 {
    width: 75%;
  }

  .large-push-9 {
    position: relative;
    left: 75%;
  }

  .large-pull-9 {
    position: relative;
    left: -75%;
  }

  .large-offset-8 {
    margin-left: 66.66667%;
  }

  .large-10 {
    width: 83.33333%;
  }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .large-offset-9 {
    margin-left: 75%;
  }

  .large-11 {
    width: 91.66667%;
  }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .large-offset-10 {
    margin-left: 83.33333%;
  }

  .large-12 {
    width: 100%;
  }

  .large-offset-11 {
    margin-left: 91.66667%;
  }

  .large-up-1 .column,
  .large-up-1 .columns {
    width: 100%;
    float: left;
  }

  .large-up-1 .column:nth-of-type(1n),
  .large-up-1 .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-1 .column:nth-of-type(1n+1),
  .large-up-1 .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .large-up-2 .column,
  .large-up-2 .columns {
    width: 50%;
    float: left;
  }

  .large-up-2 .column:nth-of-type(1n),
  .large-up-2 .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-2 .column:nth-of-type(2n+1),
  .large-up-2 .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .large-up-3 .column,
  .large-up-3 .columns {
    width: 33.33333%;
    float: left;
  }

  .large-up-3 .column:nth-of-type(1n),
  .large-up-3 .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-3 .column:nth-of-type(3n+1),
  .large-up-3 .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .large-up-4 .column,
  .large-up-4 .columns {
    width: 25%;
    float: left;
  }

  .large-up-4 .column:nth-of-type(1n),
  .large-up-4 .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-4 .column:nth-of-type(4n+1),
  .large-up-4 .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .large-up-5 .column,
  .large-up-5 .columns {
    width: 20%;
    float: left;
  }

  .large-up-5 .column:nth-of-type(1n),
  .large-up-5 .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-5 .column:nth-of-type(5n+1),
  .large-up-5 .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .large-up-6 .column,
  .large-up-6 .columns {
    width: 16.66667%;
    float: left;
  }

  .large-up-6 .column:nth-of-type(1n),
  .large-up-6 .columns:nth-of-type(1n) {
    clear: none;
  }

  .large-up-6 .column:nth-of-type(6n+1),
  .large-up-6 .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .column.large-centered,
  .large-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .large-uncenter,
  .large-push-0,
  .large-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width: 90.0625em) {
  .xlarge-1 {
    width: 8.33333%;
  }

  .xlarge-push-1 {
    position: relative;
    left: 8.33333%;
  }

  .xlarge-pull-1 {
    position: relative;
    left: -8.33333%;
  }

  .xlarge-offset-0 {
    margin-left: 0%;
  }

  .xlarge-2 {
    width: 16.66667%;
  }

  .xlarge-push-2 {
    position: relative;
    left: 16.66667%;
  }

  .xlarge-pull-2 {
    position: relative;
    left: -16.66667%;
  }

  .xlarge-offset-1 {
    margin-left: 8.33333%;
  }

  .xlarge-3 {
    width: 25%;
  }

  .xlarge-push-3 {
    position: relative;
    left: 25%;
  }

  .xlarge-pull-3 {
    position: relative;
    left: -25%;
  }

  .xlarge-offset-2 {
    margin-left: 16.66667%;
  }

  .xlarge-4 {
    width: 33.33333%;
  }

  .xlarge-push-4 {
    position: relative;
    left: 33.33333%;
  }

  .xlarge-pull-4 {
    position: relative;
    left: -33.33333%;
  }

  .xlarge-offset-3 {
    margin-left: 25%;
  }

  .xlarge-5 {
    width: 41.66667%;
  }

  .xlarge-push-5 {
    position: relative;
    left: 41.66667%;
  }

  .xlarge-pull-5 {
    position: relative;
    left: -41.66667%;
  }

  .xlarge-offset-4 {
    margin-left: 33.33333%;
  }

  .xlarge-6 {
    width: 50%;
  }

  .xlarge-push-6 {
    position: relative;
    left: 50%;
  }

  .xlarge-pull-6 {
    position: relative;
    left: -50%;
  }

  .xlarge-offset-5 {
    margin-left: 41.66667%;
  }

  .xlarge-7 {
    width: 58.33333%;
  }

  .xlarge-push-7 {
    position: relative;
    left: 58.33333%;
  }

  .xlarge-pull-7 {
    position: relative;
    left: -58.33333%;
  }

  .xlarge-offset-6 {
    margin-left: 50%;
  }

  .xlarge-8 {
    width: 66.66667%;
  }

  .xlarge-push-8 {
    position: relative;
    left: 66.66667%;
  }

  .xlarge-pull-8 {
    position: relative;
    left: -66.66667%;
  }

  .xlarge-offset-7 {
    margin-left: 58.33333%;
  }

  .xlarge-9 {
    width: 75%;
  }

  .xlarge-push-9 {
    position: relative;
    left: 75%;
  }

  .xlarge-pull-9 {
    position: relative;
    left: -75%;
  }

  .xlarge-offset-8 {
    margin-left: 66.66667%;
  }

  .xlarge-10 {
    width: 83.33333%;
  }

  .xlarge-push-10 {
    position: relative;
    left: 83.33333%;
  }

  .xlarge-pull-10 {
    position: relative;
    left: -83.33333%;
  }

  .xlarge-offset-9 {
    margin-left: 75%;
  }

  .xlarge-11 {
    width: 91.66667%;
  }

  .xlarge-push-11 {
    position: relative;
    left: 91.66667%;
  }

  .xlarge-pull-11 {
    position: relative;
    left: -91.66667%;
  }

  .xlarge-offset-10 {
    margin-left: 83.33333%;
  }

  .xlarge-12 {
    width: 100%;
  }

  .xlarge-offset-11 {
    margin-left: 91.66667%;
  }

  .xlarge-up-1 .column,
  .xlarge-up-1 .columns {
    width: 100%;
    float: left;
  }

  .xlarge-up-1 .column:nth-of-type(1n),
  .xlarge-up-1 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xlarge-up-1 .column:nth-of-type(1n+1),
  .xlarge-up-1 .columns:nth-of-type(1n+1) {
    clear: both;
  }

  .xlarge-up-2 .column,
  .xlarge-up-2 .columns {
    width: 50%;
    float: left;
  }

  .xlarge-up-2 .column:nth-of-type(1n),
  .xlarge-up-2 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xlarge-up-2 .column:nth-of-type(2n+1),
  .xlarge-up-2 .columns:nth-of-type(2n+1) {
    clear: both;
  }

  .xlarge-up-3 .column,
  .xlarge-up-3 .columns {
    width: 33.33333%;
    float: left;
  }

  .xlarge-up-3 .column:nth-of-type(1n),
  .xlarge-up-3 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xlarge-up-3 .column:nth-of-type(3n+1),
  .xlarge-up-3 .columns:nth-of-type(3n+1) {
    clear: both;
  }

  .xlarge-up-4 .column,
  .xlarge-up-4 .columns {
    width: 25%;
    float: left;
  }

  .xlarge-up-4 .column:nth-of-type(1n),
  .xlarge-up-4 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xlarge-up-4 .column:nth-of-type(4n+1),
  .xlarge-up-4 .columns:nth-of-type(4n+1) {
    clear: both;
  }

  .xlarge-up-5 .column,
  .xlarge-up-5 .columns {
    width: 20%;
    float: left;
  }

  .xlarge-up-5 .column:nth-of-type(1n),
  .xlarge-up-5 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xlarge-up-5 .column:nth-of-type(5n+1),
  .xlarge-up-5 .columns:nth-of-type(5n+1) {
    clear: both;
  }

  .xlarge-up-6 .column,
  .xlarge-up-6 .columns {
    width: 16.66667%;
    float: left;
  }

  .xlarge-up-6 .column:nth-of-type(1n),
  .xlarge-up-6 .columns:nth-of-type(1n) {
    clear: none;
  }

  .xlarge-up-6 .column:nth-of-type(6n+1),
  .xlarge-up-6 .columns:nth-of-type(6n+1) {
    clear: both;
  }

  .column.xlarge-centered,
  .xlarge-centered.columns {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .xlarge-uncenter,
  .xlarge-push-0,
  .xlarge-pull-0 {
    position: static;
    margin-left: 0;
    margin-right: 0;
  }
}

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

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  /*text-rendering: $paragraph-text-rendering;*/
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #231f20;
  /*text-rendering: $header-text-rendering;*/
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  color: #363636;
  line-height: 0;
}

@media screen and (min-width: 48em) {
  h1 {
    font-size: 2.75rem;
  }

  h2 {
    font-size: 2.3125rem;
  }

  h3 {
    font-size: 1.6875rem;
  }

  h4 {
    font-size: 1.4375rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }
}

a {
  color: #231f20;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer;
}

a:hover,
a:focus {
  color: #1e1b1c;
}

a img {
  border: 0;
}

hr {
  max-width: rem-calc(1920);
  height: 0;
  border-top: 0;
  border-bottom: 1px solid #363636;
  margin: 1.25rem auto;
  clear: both;
}

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside;
}

li {
  font-size: inherit;
}

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

ol {
  margin-left: 1.25rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0;
  list-style-type: inherit;
}

dl {
  margin-bottom: 1rem;
}

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #363636;
}

blockquote,
blockquote p {
  line-height: 1.6;
  color: #4c4c4c;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #4c4c4c;
}

cite:before {
  content: '\2014 \0020';
}

abbr {
  color: #231f20;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e2e2e2;
  border: 1px solid #363636;
  padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e2e2e2;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
}

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

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}

p+.stat {
  margin-top: -1rem;
}

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

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

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

@media screen and (min-width: 40em) {
  .xsmall-text-left {
    text-align: left;
  }
}

@media screen and (min-width: 64em) {
  .xmedium-text-left {
    text-align: left;
  }
}

@media screen and (min-width: 57.5625em) {
  .medium-text-left {
    text-align: left;
  }
}

@media screen and (min-width: 84.0625em) {
  .large-text-left {
    text-align: left;
  }
}

@media screen and (min-width: 90.0625em) {
  .xlarge-text-left {
    text-align: left;
  }
}

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

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

@media screen and (min-width: 40em) {
  .xsmall-text-right {
    text-align: right;
  }
}

@media screen and (min-width: 64em) {
  .xmedium-text-right {
    text-align: right;
  }
}

@media screen and (min-width: 57.5625em) {
  .medium-text-right {
    text-align: right;
  }
}

@media screen and (min-width: 84.0625em) {
  .large-text-right {
    text-align: right;
  }
}

@media screen and (min-width: 90.0625em) {
  .xlarge-text-right {
    text-align: right;
  }
}

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

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

@media screen and (min-width: 40em) {
  .xsmall-text-center {
    text-align: center;
  }
}

@media screen and (min-width: 64em) {
  .xmedium-text-center {
    text-align: center;
  }
}

@media screen and (min-width: 57.5625em) {
  .medium-text-center {
    text-align: center;
  }
}

@media screen and (min-width: 84.0625em) {
  .large-text-center {
    text-align: center;
  }
}

@media screen and (min-width: 90.0625em) {
  .xlarge-text-center {
    text-align: center;
  }
}

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

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

@media screen and (min-width: 40em) {
  .xsmall-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 64em) {
  .xmedium-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 57.5625em) {
  .medium-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 84.0625em) {
  .large-text-justify {
    text-align: justify;
  }
}

@media screen and (min-width: 90.0625em) {
  .xlarge-text-justify {
    text-align: justify;
  }
}

.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  .show-for-print {
    display: block !important;
  }

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

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

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

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

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

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

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

  a,
  a:visited {
    text-decoration: underline;
  }

  /*a[href]:after { content: " (" attr(href) ")"; }*/
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }

  /*abbr[title]:after { content: " (" attr(title) ")"; }*/
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  /*@page { margin: 0.5cm; }*/
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.button {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0px;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #231f20;
  color: #fff;
}

[data-whatinput="mouse"] .button {
  outline: 0;
}

.button:hover,
.button:focus {
  background: #1e1a1b;
  color: #fff;
}

.button.tiny {
  font-size: 0.6rem;
}

.button.small {
  font-size: 0.75rem;
}

.button.large {
  font-size: 1.25rem;
}

.button.expanded {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.button.primary {
  background: #231f20;
  color: #fff;
}

.button.primary:hover,
.button.primary:focus {
  background: #1c191a;
  color: #fff;
}

.button.secondary {
  background: #997f5c;
  color: #fff;
}

.button.secondary:hover,
.button.secondary:focus {
  background: #7a664a;
  color: #fff;
}

.button.success {
  background: #3adb76;
  color: #fff;
}

.button.success:hover,
.button.success:focus {
  background: #22bb5b;
  color: #fff;
}

.button.alert {
  background: #ec5840;
  color: #fff;
}

.button.alert:hover,
.button.alert:focus {
  background: #da3116;
  color: #fff;
}

.button.warning {
  background: #ffae00;
  color: #fff;
}

.button.warning:hover,
.button.warning:focus {
  background: #cc8b00;
  color: #fff;
}

.button.hollow {
  border: 1px solid #231f20;
  color: #231f20;
}

.button.hollow,
.button.hollow:hover,
.button.hollow:focus {
  background: transparent;
}

.button.hollow:hover,
.button.hollow:focus {
  border-color: #121010;
  color: #121010;
}

.button.hollow.primary {
  border: 1px solid #231f20;
  color: #231f20;
}

.button.hollow.primary:hover,
.button.hollow.primary:focus {
  border-color: #121010;
  color: #121010;
}

.button.hollow.secondary {
  border: 1px solid #997f5c;
  color: #997f5c;
}

.button.hollow.secondary:hover,
.button.hollow.secondary:focus {
  border-color: #4d402e;
  color: #4d402e;
}

.button.hollow.success {
  border: 1px solid #3adb76;
  color: #3adb76;
}

.button.hollow.success:hover,
.button.hollow.success:focus {
  border-color: #157539;
  color: #157539;
}

.button.hollow.alert {
  border: 1px solid #ec5840;
  color: #ec5840;
}

.button.hollow.alert:hover,
.button.hollow.alert:focus {
  border-color: #881f0e;
  color: #881f0e;
}

.button.hollow.warning {
  border: 1px solid #ffae00;
  color: #ffae00;
}

.button.hollow.warning:hover,
.button.hollow.warning:focus {
  border-color: #805700;
  color: #805700;
}

.button.disabled {
  opacity: 0.25;
  cursor: not-allowed;
  /*pointer-events: none*/
}

.button.dropdown::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  border-color: #fefefe transparent transparent;
  border-top-style: solid;
  position: relative;
  top: 0.4em;
  float: right;
  margin-left: 1em;
  display: inline-block;
}

.button.arrow-only::after {
  margin-left: 0;
  float: none;
  top: 0.2em;
}

[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #363636;
  margin: 0 0 1rem;
  font-family: inherit;
  font-size: 1rem;
  color: #4c4c4c;
  background-color: #fefefe;
  box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
  border-radius: 0px;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
}

[type="text"]:focus,
[type="password"]:focus,
[type="date"]:focus,
[type="datetime"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="week"]:focus,
[type="email"]:focus,
[type="number"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="color"]:focus,
textarea:focus {
  border: 1px solid #4c4c4c;
  background: #fefefe;
  outline: none;
  box-shadow: 0 0 5px #363636;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}

textarea[rows] {
  height: auto;
}

input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e2e2e2;
  cursor: default;
}

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

input[type="search"] {
  box-sizing: border-box;
}

[type="file"],
[type="checkbox"],
[type="radio"] {
  margin: 0 0 1rem;
}

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

label>[type="checkbox"],
label>[type="label"] {
  margin-right: 0.5rem;
}

[type="file"] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}

label.middle {
  margin: 0 0 1rem;
  padding: 0.5625rem 0;
}

.help-text {
  margin-top: -0.5rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #333;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1rem;
}

.input-group-label,
.input-group-field,
.input-group-button {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
}

.input-group-label {
  text-align: center;
  width: 1%;
  height: 100%;
  padding: 0 1rem;
  background: #e2e2e2;
  color: #0a0a0a;
  border: 1px solid #363636;
}

.input-group-label:first-child {
  border-right: 0;
}

.input-group-label:last-child {
  border-left: 0;
}

.input-group-button {
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
}

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

legend {
  margin-bottom: 0.5rem;
}

.fieldset {
  border: 1px solid #363636;
  padding: 1.25rem;
  margin: 1.125rem 0;
}

.fieldset legend {
  background: #fefefe;
  padding: 0 0.1875rem;
  margin: 0;
  margin-left: -0.1875rem;
}

select {
  height: 2.4375rem;
  padding: 0.5rem;
  border: 1px solid #363636;
  border-radius: 0px;
  margin: 0 0 1rem;
  font-size: 1rem;
  font-family: inherit;
  line-height: normal;
  color: #4c4c4c;
  background-color: #fafafa;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
  /*@media screen and (min-width:0\0) {
    @if lightness($color) < 50% {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==');
    }
    @else {
      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMBJREFUeNrEllsOhCAMRVszC9IlzU7KCmVHTJsoMWYMUtpyv9BgbuXQB5ZSdgBYYY4ycgBivk8KYFsQMfMiTTBP4o3nUzCKzOabLJbLy2/g31evGkAginR4/ZegKH5qX3bJCscA3t0x3kgO5tQFyhhFf50xRqFLbyMUNJQzgyjGS/wgCpvKqkRBpuWrE4V9d+1E4dPUXqIg107SQOE/2DRQxMwTDygIInVDET9T3lCoj/6j/VCmGjZOl2lKpZ8AAwDQP7zIimDGFQAAAABJRU5ErkJggg==');
    }
  }*/
  background-size: 9px 6px;
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
}

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

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

select[multiple] {
  height: auto;
}

.is-invalid-input:not(:focus) {
  background-color: rgba(236, 88, 64, 0.1);
  border-color: #ec5840;
}

.is-invalid-label {
  color: #ec5840;
}

.form-error {
  display: none;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #ec5840;
}

.form-error.is-visible {
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

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

.show-for-xxsmall {
  display: none !important;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .hide-for-xxsmall-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em),
screen and (min-width: 40em) {
  .show-for-xxsmall-only {
    display: none !important;
  }
}

@media screen and (min-width: 40em) {
  .hide-for-xsmall {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-xsmall {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 47.9375em) {
  .hide-for-xsmall-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em),
screen and (min-width: 48em) {
  .show-for-xsmall-only {
    display: none !important;
  }
}

@media screen and (min-width: 48em) and (max-width: 57.5em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 47.9375em),
screen and (min-width: 57.5625em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-xmedium {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-xmedium {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 84em) {
  .hide-for-xmedium-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em),
screen and (min-width: 84.0625em) {
  .show-for-xmedium-only {
    display: none !important;
  }
}

@media screen and (min-width: 57.5625em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 57.5em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 57.5625em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 57.5em),
screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 84.0625em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 84em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 84.0625em) and (max-width: 90em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 84em),
screen and (min-width: 90.0625em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 90.0625em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 90em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 90.0625em) and (max-width: 119.9375em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 90em),
screen and (min-width: 120em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

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

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

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

@media screen and (orientation: landscape) {

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

@media screen and (orientation: portrait) {

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

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

@media screen and (orientation: landscape) {

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

@media screen and (orientation: portrait) {

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

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.clearfix::after {
  clear: both;
}

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 0px;
  background: #231f20;
  color: #fefefe;
}

.label.secondary {
  background: #997f5c;
  color: #fefefe;
}

.label.success {
  background: #3adb76;
  color: #fefefe;
}

.label.alert {
  background: #ec5840;
  color: #fefefe;
}

.label.warning {
  background: #ffae00;
  color: #fefefe;
}

.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}

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

.pagination::after {
  clear: both;
}

.pagination li {
  font-size: 0.875rem;
  margin-right: 0.0625rem;
  display: none;
  border-radius: 0px;
}

.pagination li:last-child,
.pagination li:first-child {
  display: inline-block;
}

@media screen and (min-width: 57.5625em) {
  .pagination li {
    display: inline-block;
  }
}

.pagination a,
.pagination button {
  color: #0a0a0a;
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0px;
}

.pagination a:hover,
.pagination button:hover {
  background: #e2e2e2;
}

.pagination [aria-label="previous"]::before {
  content: '«';
  display: inline-block;
  margin-right: 0.75rem;
}

.pagination [aria-label="next"]::after {
  content: '»';
  display: inline-block;
  margin-left: 0.75rem;
}

.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #231f20;
  color: #fefefe;
  cursor: default;
}

.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #363636;
  cursor: default;
}

.pagination .disabled:hover {
  background: transparent;
}

.pagination .ellipsis::after {
  content: '…';
  padding: 0.1875rem 0.625rem;
  color: #0a0a0a;
}

table {
  margin-bottom: 1rem;
  border-radius: 0px;
}

thead,
tbody,
tfoot {
  border: none;
  background-color: transparent;
}

caption {
  font-weight: bold;
  padding: 0.5rem 0.625rem 0.625rem;
}

thead,
tfoot {
  background: rgba(6, 6, 6, 0);
  color: #231f20;
}

thead tr,
tfoot tr {
  background: transparent;
}

thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left;
}

tbody tr:nth-child(even) {
  background-color: rgba(13, 13, 13, 0);
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

@media screen and (max-width: 63.9375em) {
  table.stack thead {
    display: none;
  }

  table.stack tfoot {
    display: none;
  }

  table.stack tr,
  table.stack th,
  table.stack td {
    display: block;
  }

  table.stack td {
    border-top: 0;
  }
}

table.scroll {
  display: block;
  width: 100%;
  overflow-y: scroll;
}

table.hover tr:hover {
  background-color: transparent;
}

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

.slide-in-down.mui-enter {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-down.mui-enter.mui-enter-active {
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slide-in-left.mui-enter {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-left.mui-enter.mui-enter-active {
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.slide-in-up.mui-enter {
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-up.mui-enter.mui-enter-active {
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.slide-in-right.mui-enter {
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-in-right.mui-enter.mui-enter-active {
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.slide-out-down.mui-leave {
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-down.mui-leave.mui-leave-active {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.slide-out-right.mui-leave {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-right.mui-leave.mui-leave-active {
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.slide-out-up.mui-leave {
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-up.mui-leave.mui-leave-active {
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.slide-out-left.mui-leave {
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition-property: transform, opacity;
  backface-visibility: hidden;
}

.slide-out-left.mui-leave.mui-leave-active {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.fade-in.mui-enter {
  opacity: 0;
  transition-property: opacity;
}

.fade-in.mui-enter.mui-enter-active {
  opacity: 1;
}

.fade-out.mui-leave {
  opacity: 1;
  transition-property: opacity;
}

.fade-out.mui-leave.mui-leave-active {
  opacity: 0;
}

.hinge-in-from-top.mui-enter {
  transform: perspective(2000px) rotateX(-90deg);
  -ms-transform-origin: top;
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-top.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-right.mui-enter {
  transform: perspective(2000px) rotateY(-90deg);
  -ms-transform-origin: right;
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-right.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-bottom.mui-enter {
  transform: perspective(2000px) rotateX(90deg);
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-bottom.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-left.mui-enter {
  transform: perspective(2000px) rotateY(90deg);
  -ms-transform-origin: left;
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-left.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-x.mui-enter {
  transform: perspective(2000px) rotateX(-90deg);
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-x.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-in-from-middle-y.mui-enter {
  transform: perspective(2000px) rotateY(-90deg);
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 0;
}

.hinge-in-from-middle-y.mui-enter.mui-enter-active {
  transform: perspective(2000px) rotate(0deg);
  opacity: 1;
}

.hinge-out-from-top.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: top;
  transform-origin: top;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-top.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-right.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: right;
  transform-origin: right;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-right.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.hinge-out-from-bottom.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-bottom.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(90deg);
  opacity: 0;
}

.hinge-out-from-left.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: left;
  transform-origin: left;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-left.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(90deg);
  opacity: 0;
}

.hinge-out-from-middle-x.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-x.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateX(-90deg);
  opacity: 0;
}

.hinge-out-from-middle-y.mui-leave {
  transform: perspective(2000px) rotate(0deg);
  -ms-transform-origin: center;
  transform-origin: center;
  transition-property: transform, opacity;
  opacity: 1;
}

.hinge-out-from-middle-y.mui-leave.mui-leave-active {
  transform: perspective(2000px) rotateY(-90deg);
  opacity: 0;
}

.scale-in-up.mui-enter {
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-up.mui-enter.mui-enter-active {
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.scale-in-down.mui-enter {
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  transition-property: transform, opacity;
  opacity: 0;
}

.scale-in-down.mui-enter.mui-enter-active {
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.scale-out-up.mui-leave {
  -ms-transform: scale(1);
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-up.mui-leave.mui-leave-active {
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
}

.scale-out-down.mui-leave {
  -ms-transform: scale(1);
  transform: scale(1);
  transition-property: transform, opacity;
  opacity: 1;
}

.scale-out-down.mui-leave.mui-leave-active {
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}

.spin-in.mui-enter {
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in.mui-enter.mui-enter-active {
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}

.spin-out.mui-leave {
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out.mui-leave.mui-leave-active {
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  opacity: 0;
}

.spin-in-ccw.mui-enter {
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  transition-property: transform, opacity;
  opacity: 0;
}

.spin-in-ccw.mui-enter.mui-enter-active {
  -ms-transform: rotate(0);
  transform: rotate(0);
  opacity: 1;
}

.spin-out-ccw.mui-leave {
  -ms-transform: rotate(0);
  transform: rotate(0);
  transition-property: transform, opacity;
  opacity: 1;
}

.spin-out-ccw.mui-leave.mui-leave-active {
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  opacity: 0;
}

.slow {
  transition-duration: 750ms !important;
}

.fast {
  transition-duration: 250ms !important;
}

.linear {
  transition-timing-function: linear !important;
}

.ease {
  transition-timing-function: ease !important;
}

.ease-in {
  transition-timing-function: ease-in !important;
}

.ease-out {
  transition-timing-function: ease-out !important;
}

.ease-in-out {
  transition-timing-function: ease-in-out !important;
}

.bounce-in {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  transition-delay: 300ms !important;
}

.long-delay {
  transition-delay: 700ms !important;
}

.shake {
  animation-name: shake-7;
}

@keyframes shake-7 {

  0%,
  10%,
  20%,
  30%,
  40%,
  50%,
  60%,
  70%,
  80%,
  90% {
    transform: translateX(7%);
  }

  5%,
  15%,
  25%,
  35%,
  45%,
  55%,
  65%,
  75%,
  85%,
  95% {
    transform: translateX(-7%);
  }
}

.spin-cw {
  animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(-1turn);
  }

  100% {
    transform: rotate(0);
  }
}

.spin-ccw {
  animation-name: spin-cw-1turn;
}

@keyframes spin-cw-1turn {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(1turn);
  }
}

.wiggle {
  animation-name: wiggle-7deg;
}

@keyframes wiggle-7deg {

  40%,
  50%,
  60% {
    transform: rotate(7deg);
  }

  35%,
  45%,
  55%,
  65% {
    transform: rotate(-7deg);
  }

  0%,
  30%,
  70%,
  100% {
    transform: rotate(0);
  }
}

.infinite {
  animation-iteration-count: infinite;
}

.slow {
  animation-duration: 750ms !important;
}

.fast {
  animation-duration: 250ms !important;
}

.linear {
  animation-timing-function: linear !important;
}

.ease {
  animation-timing-function: ease !important;
}

.ease-in {
  animation-timing-function: ease-in !important;
}

.ease-out {
  animation-timing-function: ease-out !important;
}

.ease-in-out {
  animation-timing-function: ease-in-out !important;
}

.bounce-in {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}

.bounce-out {
  animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}

.bounce-in-out {
  animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}

.short-delay {
  animation-delay: 300ms !important;
}

.long-delay {
  animation-delay: 700ms !important;
}

#zone-right {
  float: left;
  width: 182px;
  padding: 0px 0px 0px 46px;
}

#zone-header {
  clear: right;
  overflow: hidden;
}

#zone-header ul {
  list-style: none;
  margin: 0px -20px 0px 0px;
  padding: 0px;
  float: right;
}

#zone-header ul li {
  margin: 0px;
  padding: 0px;
  float: left;
  background: none;
}

#zone-header ul li a {
  margin: 0px;
  padding: 10px 20px;
  display: inline-block;
  font-size: 18px;
  color: #3d414c;
  text-decoration: none;
  background: none;
}

#zone-header ul li a:hover,
#zone-header ul li a.active {
  color: #e85f0f;
}

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

.description-block .foto {
  padding: 0px 0px 10px;
}

.description-block .button {
  margin: 10px 0px 0px;
}

#content .description-block {
  text-align: left;
}

#content .block .button {
  padding-left: 35px;
  padding-right: 35px;
}

.button:first-letter {
  text-transform: uppercase;
}

.title-border {
  border-bottom: 1px solid #D3D6D9;
  padding: 0px 0px 5px;
  margin: 0px 0px 5px;
}

.back {
  background-position: -390px -76px;
  margin-bottom: 10px;
}

.ranges-filter {
  border-top: 1px solid #D3D6D9;
  clear: both;
  margin: -26px 0 25px;
  overflow: hidden;
  padding: 15px 0 0px;
}

.ranges-filter .title {
  padding: 0px 0px 5px;
}

.ranges-filter .ranges a {
  display: inline-block;
  border-left: 1px solid #D3D6D9;
  padding: 0px 10px;
  color: #6D7680;
}

.ranges-filter .ranges a:first-child {
  border: 0px;
  padding-left: 0px;
}

.ranges-filter .ranges a:hover,
.ranges-filter .ranges a.active {
  color: #E85F0E;
  text-decoration: none;
}

.message+.ranges-filter {
  margin-top: 0px;
}

.files-module .element {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 13px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.files-module .title {
  padding: 0px 0px 7px;
}

.files-module .desc {
  padding: 0px 0px 10px;
}

.files-module .file img {
  float: left;
  margin: 0px 15px 0px 0px;
}

.files-module .file a {
  color: #6D7680;
  text-decoration: none;
}

.files-module .file a:hover {
  color: #E85F0E;
}

.files-module .tags-box {
  margin: 0px;
  padding: 10px 0px;
  border: 0px;
}

.mp3-player {
  float: right;
}

.rss-block img {
  display: block;
  float: none;
  margin: 0 auto;
  padding: 5px 0px 10px 0px;
  text-align: center;
}

.rss-block .title-rss {
  padding: 0px 0px 10px;
  font-weight: bold;
}

.news-block .fotos img {
  display: block;
  float: none;
  margin: 0 auto;
  padding: 5px 0px 10px 0px;
  text-align: center;
}

#zone-right .news-block .priority {
  padding: 5px;
}

.tabs {
  overflow: hidden;
}

.tabs .element {
  float: left;
  font-size: 20px;
  padding: 0px 20px;
  margin: 0px 5px 0px 0px;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
}

.tabs .element:hover,
.tabs .isActive {
  background: #f5f5f5;
}

.js-tabs .tab {
  background: #f5f5f5;
}

.js-tabs .tab .block {
  padding: 20px 20px 10px;
}

.newsletter-block .desc {
  padding: 0px 0px 10px;
  display: block;
}

.newsletter-block .text-input {
  width: 144px;
  border-right: 0px;
}

.newsletter-block .submit {
  border: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  height: 20px;
  overflow: visible;
  background: #505664 url("/szablony/default/images/sprite.png") no-repeat -437px -30px;
  height: 27px;
  width: 27px;
  cursor: pointer;
}

.submit.eyeglass {
  background-position: -389px -1px;
}

.account-block {
  overflow: hidden;
}

.account-block .desc {
  padding: 0px 0px 5px;
  display: block;
}

.account-block .text-input {
  margin: 0px 0px 10px;
}

.account-block .link {
  font-size: 11px;
  float: left;
  margin: 5px 0px 0px 0px;
  clear: left;
}

.account-block .register {
  float: right;
  margin-left: 10px;
  clear: none;
}

.account-block .account {
  float: none;
  display: inline-block;
}

.account-block .logout {
  float: right;
}

.account-block .select {
  width: 100%;
  margin: 0px 0px 10px;
}

#page .account-block .button-facebook,
#page .account-block .button-google {
  margin: 0px 0px 0px 10px;
  padding: 0px !important;
  float: right;
}

.account-block .button-facebook {
  width: 18px;
  padding: 0px !important;
  width: 27px;
  height: 27px;
  overflow: hidden;
  background: url("/szablony/default/images/sprite.png") no-repeat -200px 0px !important;
}

.account-block .button-facebook span {
  margin: 2px 0px 0px -25px;
  height: 27px !important;
  opacity: 0;
}

#page .account-block .button-facebook a,
#page .account-block .button-google a {
  padding: 0px !important;
  width: 27px;
  height: 27px;
}

.gallery-block .title {
  padding: 0px 0px 10px;
}

.gallery-block .desc {
  padding: 0px 0px 10px;
}

.gallery-block .fotos img {
  display: block;
  float: none;
  margin: 0 auto;
  padding: 5px 0 10px;
  text-align: center;
}

.gallery-block .button {
  margin-top: 10px;
}

.questions-block .title {
  padding: 0px 0px 10px;
}

.questions-block .variants {
  padding: 0px 0px 10px;
}

.questions-block .variants .variant {
  padding: 0px 0px 6px;
  overflow: hidden;
}

.questions-block .element input {
  float: left;
  margin: 0px 10px 0px 0px;
}

.questions-block .element label {
  overflow: hidden;
  display: block;
  cursor: pointer;
  line-height: 15px;
}

.questions-block .title,
.questions-module .title {
  padding: 0px 0px 20px;
  color: #6d7680;
  font-size: 14px;
}

.answers {
  padding: 0px 0px 20px;
  overflow: hidden;
}

.answers .variant {
  padding: 0px 0px 5px;
  overflow: hidden;
}

.answers .variant .score {
  float: right;
}

.answers .result {
  background: #ebebeb;
  margin: 0px 0px 10px;
}

.answers .result .bar {
  height: 6px;
  background: #e85f0f;
}

.list .title {
  font-size: 12px;
  padding: 0px 0px 10px;
  color: #E85F0E;
}

.list .row {
  background: url("/szablony/default/images/sprite.png") no-repeat scroll -492px 1px transparent;
  margin: 0;
  padding: 0 0 5px 15px;
}

.list .row a {
  font-size: 14px;
  color: #6D7680;
}

.list .row a:hover,
.list .active a {
  color: #E85F0F;
}

.list-module .desc {
  padding: 0px 0px 10px;
}

.gallery-list .desc {
  text-align: left;
  margin: 0px 13px -7px;
}

.gallery-list .desc a {
  color: #6D7680;
  font-size: 12px;
}

.gallery-list .foto:hover a {
  color: #E85F0F;
  text-decoration: underline;
}

.gallery-module .title {
  padding: 0 0 15px;
}

.site-map-module .title {
  color: #ffffff;
  background: #505664;
  font-size: 12px;
  padding: 0px 20px;
  line-height: 38px;
  margin: 0px 0px 20px;
}

.site-map-module ul {
  margin: 0px 0px 40px;
  padding: 0px 0px 0px 20px;
  background: none;
}

.site-map-module li {
  margin: 0px;
  padding: 0px 0px 4px;
  background: none;
}

.site-map-module li a {
  margin: 0px;
  padding: 0px 0px 0px 20px;
  background: none;
  color: #6d7680;
  background: url("/szablony/default/images/sprite.png") no-repeat -355px -114px;
}

.site-map-module li a:hover {
  color: #E85F0F;
}

.site-map-module ul ul {
  margin: 0px;
  padding-top: 10px;
  padding-bottom: 3px;
}

#cse-search-box {
  padding: 9px 90px 15px;
  overflow: hidden;
}

#cse-search-box input {
  border: 1px solid #a8acad !important;
  background: #ffffff;
  margin: 0px;
  padding: 0px 5px !important;
  float: left;
  height: 25px;
  line-height: 25px;
  overflow: visible;
  width: 87%;
  box-shadow: inset 0px 1px 3px #cecece;
}

#cse-search-box .przycisk {
  border: 0px !important;
  margin: 0px;
  padding: 0px;
  float: left;
  height: 20px;
  overflow: visible;
  background: #505664 url("/szablony/default/images/sprite.png") no-repeat -389px -1px;
  height: 27px;
  width: 27px;
  cursor: pointer;
  color: #505664;
  box-shadow: none;
}

.tags-module .query-info {
  padding: 15px 0px;
  margin: 22px 0px 0px;
  border-top: 1px solid #d3d6d9;
  border-bottom: 1px solid #d3d6d9;
  overflow: hidden;
}

.tags-cloud .tag {
  display: inline-block;
  padding: 3px;
}

.tags-cloud .tag.even {
  color: #6D7680;
}

.button-facebook,
.button-google {
  float: left;
  margin: 20px 20px 0px 0px;
}

.button-google {
  margin-right: 0px;
}

#page .button-google a {
  background: none;
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-weight: normal;
  color: #6D7680;
  font-size: 12px;
  font-family: Arial;
  text-decoration: none;
}

#page .button-google a,
#page .button-facebook a {
  color: #6D7680;
  padding: 0px 0px 0px 35px !important;
  display: inline-block;
  line-height: 27px;
}

#page .button-facebook {
  margin-top: 25px;
}

#page .button-google a {
  background: url("/szablony/default/images/sprite.png") no-repeat -200px -52px;
}

#page .button-google a:hover,
#page .button-facebook a:hover span {
  color: #E85F0F;
}

.faq-module .answer {
  display: none;
  padding: 15px 15px 5px;
}

.faq-module .pager {
  margin-top: 20px;
}

.faq-module .categories {
  border: solid #d3d6d9;
  border-width: 1px 0px;
  padding: 16px;
  margin: 5px 0px 15px;
}

.faq-module .title {
  padding: 20px 16px 10px;
}

.faq-form .title {
  padding: 20px 0px 10px;
}

.tags-box {
  padding: 15px 0px;
  margin: 22px 0px;
  border-top: 1px solid #d3d6d9;
  border-bottom: 1px solid #d3d6d9;
  overflow: hidden;
}

.print,
.print-pdf {
  float: left;
  position: absolute;
  top: 0px;
  right: 232px;
  width: 27px;
  height: 27px;
  background: url("/szablony/default/images/sprite.png") no-repeat -200px -163px;
  cursor: pointer;
}

.print-pdf {
  right: 268px;
  background-position: -200px -105px;
}

.hidden-zone-4 .print {
  right: 0px;
}

.hidden-zone-4 .print-pdf {
  right: 35px;
}

.message .text {
  overflow: hidden;
  text-align: left;
  padding: 0px 0px 10px 10px;
}

.message .button {
  margin: 0px;
  float: none;
}

.message b {
  padding: 0px 0px 5px;
  display: inline-block;
  margin: 0px 0px 0px -10px;
}

.message-error {
  background: #f3f0e9;
}

.message-error b {
  color: #231f20;
}

.message-info {
  background: #e7ffe9;
}

.message-info b {
  color: green;
}

.message-info .text {
  padding: 0px 0px 20px;
  text-align: center;
}

.comments {
  padding: 20px 0px;
  overflow: hidden;
}

.comments #jq-msg,
.comments #jq-form {
  display: none;
}

.comments .beam {
  cursor: auto;
}

.comments .add-comment {
  float: right;
  margin: 10px 0px 0px;
}

.comments .form {
  overflow: hidden;
  clear: both;
  padding: 10px 0px;
  display: none;
}

.comments #comments {
  overflow: hidden;
  clear: both;
  padding: 10px 0px;
}

.comments #comments .comment {
  overflow: hidden;
  padding: 0px 0px 20px;
}

.comments #comments .beam {
  overflow: hidden;
}

.comments #comments .beam .date {
  float: right;
}

.comments #comments .beam .report {
  float: right;
}

.comments #comments .text {
  padding: 10px 16px 0px;
  font-size: 11px;
}

.comments #js-msg {
  display: none;
  position: relative;
  top: 10px;
}

.comments .not-login-info {
  float: right;
  font-size: 11px;
}

.google-login {
  overflow: hidden;
  padding: 10px 0px 0px;
  clear: both;
}

.dynamic-form-module .form {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.dynamic-form-module .form .title {
  padding: 0px 0px 5px;
}

.dynamic-form-module .title {
  padding: 0px 0px 20px;
}

.dynamic-form-module .footer .button {
  float: right;
}

.dynamic-form-module .required {
  clear: both;
  padding: 10px 0px 0px;
}

.hidden-zone-3 #content,
.hidden-zone-4 #content {
  width: 752px;
}

.hidden-zone-3.hidden-zone-4 #content {
  width: auto;
  float: none;
}

.dynamic-advertisements-module p {
  text-indent: 15px;
}

.dynamic-advertisements-list .ads {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.dynamic-advertisements-list .date,
.dynamic-advertisements-module .date {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.dynamic-advertisements-list .category,
.dynamic-advertisements-module .category {
  font-size: 11px;
}

.dynamic-advertisements-list .desc,
.dynamic-advertisements-module .desc {
  overflow: hidden;
}

.dynamic-advertisements-list .left-fotos {
  width: 145px;
}

.dynamic-advertisements-list .left-fotos .foto {
  padding-bottom: 0px;
}

.dynamic-advertisements-list .priority {
  padding: 15px;
  background-color: #F5F5F5;
}

.dynamic-advertisements-list .delete {
  float: right;
}

.data-table {
  padding: 20px 0px;
  overflow: hidden;
  clear: both;
}

.data-table .row {
  padding: 0px 0px 3px;
  overflow: hidden;
  clear: both;
}

.data-table .row .value {
  overflow: hidden;
  display: block;
}

.data-table .row .label {
  float: left;
  width: 130px;
  font-weight: bold;
  padding: 0px 15px 0px 0px;
}

.data-table .row ul {
  padding-left: 0px;
}

.table {
  border: 1px solid #fff;
  border-collapse: collapse;
  margin: 0px 0px 20px;
  width: 100%;
}

.table th,
.table td {
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  margin: 0px;
}

.table th {
  color: #fff;
  height: 30px;
}

.table td {
  border: 1px solid #fff;
  border-collapse: collapse;
}

.navi-icon {
  float: right;
  padding: 0px 0px 10px 20px;
}

.navi-icon .check {
  float: right;
  margin: 4px 15px;
}

.ico {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin: 0px 3px;
  padding: 0px;
  background: url("/szablony/default/images/icons.gif") no-repeat 0px 0px;
}

.ico.preview {
  background-position: 1px 1px;
}

.ico.publish {
  background-position: 1px -48px;
}

.ico.not-publish {
  background-position: 1px -23px;
}

.ico.admin-publish {
  background-position: 1px -71px;
}

.ico.admin-not-publish {
  background-position: 1px -97px;
}

.ico2 {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 3px;
  padding: 0px;
  background: url("/szablony/default/images/icons2.png") no-repeat 0px 0px;
}

.ico2.ico-text {
  padding: 0px 35px 0px 0px;
  width: auto;
  line-height: 32px;
  background-position: -1000px -1000px;
}

.ico2.ico-text2 {
  padding: 0px 0px 0px 35px;
  width: auto;
  line-height: 32px;
}

.ico2.posts {
  background-position: 0px -288px;
}

.ico2.new-posts {
  background-position: 1px -319px;
}

.ico2.hot {
  background-position: 1px -390px;
}

.ico2.sticked {
  background-position: 0px -225px;
}

.ico2.stick {
  background-position: 0px -225px;
}

.ico2.unstick {
  background-position: 0px -458px;
}

.ico2.publish {
  background-position: 0px -160px;
}

.ico2.unpublish {
  background-position: 0px -128px;
}

.ico2.close {
  background-position: 0px -96px;
}

.ico2.open {
  background-position: 0px -64px;
}

.ico2.edit {
  background-position: 1px -32px;
}

.ico2.delete {
  background-position: 0px -191px;
}

.ico2.new {
  background-position: 0px -496px;
}

.ico2.quote {
  background-position: 0px -537px;
}

.ico2.quote {
  background-position: 0px -537px;
}

.ico2.list {
  background-position: 0px -630px;
}

.ico2.tile {
  background-position: 0px -601px;
}

.ico2.up {
  background-position: 100% -319px;
}

.ico2.down {
  background-position: 100% -664px;
}

.ico2.preview {
  background-position: 0px -710px;
}

.ico2.rss {
  background-position: 100% -763px;
}

.ico3 {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0px 3px;
  padding: 0px;
  background: url("/szablony/default/images/icons3.png") no-repeat 0px 0px;
}

.ico3.sale {
  background-position: 0px 0px;
}

.ico3.new {
  background-position: 0px -45px;
}

.ico3.bestseller {
  background-position: 0px -90px;
}

.ico3.super {
  background-position: 0px -135px;
}

.ico3.recommended {
  background-position: 0px -181px;
}

.ico4 {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  background: url("/szablony/default/images/icons4.gif") no-repeat 0px 0px;
  cursor: pointer;
}

.ico4.user_0 {
  background-position: 0px -64px;
}

.ico4.user_1 {
  background-position: 0px -84px;
}

.ico4.check {
  background-position: 0px 0px;
}

.ico4.connect {
  background-position: 0px -19px;
}

.ico4.stop {
  background-position: 0px -41px;
}

.profile-module .user-data {
  color: #444854;
  font-size: 18px;
  font-weight: normal;
  line-height: 22px;
  padding: 0 0 7px;
}

.profile-module .user-data .login {
  font-weight: bold;
}

.profile-module .logout {
  padding: 5px 24px;
  margin: -5px 3px 10px 0px;
  color: #ffffff;
  background: #505664;
  border: 0px;
  float: left;
  cursor: pointer;
  text-align: center;
  float: right;
}

.profile-module .logout:hover {
  background: #e85f0f;
  text-decoration: none;
}

.profile-module .block {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 15px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.profile-module .block .title {
  color: #444854;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin: 0 0 0px;
  padding: 0 0 7px;
}

.profile-module .block a {
  padding: 5px 24px;
  margin: 0px 3px 3px 0px;
  color: #ffffff;
  background: #505664;
  border: 0px;
  float: left;
  cursor: pointer;
  text-align: center;
}

.profile-module .block a:hover {
  background: #e85f0f;
  text-decoration: none;
}

.profile-module .newsletter .checkbox {
  padding: 0px 0px 5px;
}

.profile-module .newsletter .checkbox label {
  cursor: pointer;
}

.profile-module .delete {
  float: right;
}

.stock-quotes-module .data {
  padding: 0px 0px 10px;
}

.stock-quotes-module .data b {
  padding: 0px 20px 0px 0px;
}

.stock-quotes-module .table {
  margin: 0px 0px 5px;
}

.stock-quotes-module .info {
  font-size: 11px;
  padding: 0px 0px 10px;
}

.stock-quotes-module .amChartsButtonSelected,
.stock-quotes-module .amChartsButton {
  padding: 5px 24px;
  margin: 0px 3px 0px 0px;
  color: #ffffff;
  background: #505664;
  border: 0px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
}

.stock-quotes-module .amChartsButtonSelected,
.stock-quotes-module .amChartsButton:hover {
  background: #e85f0f;
  text-decoration: none;
}

.stock-quotes-module .search {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 20px;
  padding: 0px 0px 10px;
  border-bottom: 1px solid #d3d6d9;
}

.stock-quotes-module .search .title {
  padding: 0px 0px 5px;
}

.stock-quotes-module .search .select {
  float: left;
  width: 134px;
  margin: 1px 10px 0px 0px;
}

.blog-module {
  overflow: hidden;
}

.blog-module .blog {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.blog-module .author {
  text-align: right;
  padding: 5px 0px;
}

.blog-module .blog .desc {
  overflow: hidden;
  padding: 10px 0px 0px;
}

.blog-module .blog .left-fotos {
  width: 145px;
}

.blog-module .blog .left-fotos .foto {
  padding-bottom: 0px;
}

.blog-module .blog .priority {
  padding: 15px;
  background-color: #F5F5F5;
}

.blog-module .blog .entry-list {
  padding: 15px 15px 0px;
  background-color: #F5F5F5;
  margin: 15px 0px 0px;
}

.blog-module .blog .entry-list .title {
  padding: 0px 0px 10px;
}

.blog-module .blog .entry-list .entry {
  border-top: 1px solid #fff;
  overflow: hidden;
  padding: 5px;
}

.blog-module .blog .entry-list .entry .date {
  float: left;
  width: 90px;
  font-size: 11px;
}

.blog-module .blog .entry-list .entry .title {
  overflow: hidden;
  line-height: 14px;
  padding: 0px;
}

.blog-module .blog .entry-list .entry .title a {
  font-size: 11px;
  line-height: 14px;
}

.blog-list {
  overflow: hidden;
  clear: both;
  padding: 20px 0px 0px;
}

.blog-list .entry {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.blog-module .date,
.blog-list .date {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.blog-module .fotos {
  padding: 20px 0px;
}

.blog-list .desc {
  overflow: hidden;
}

.blog-list .desc p {
  text-indent: 15px;
  padding: 0px;
}

.blog-list .left-fotos {
  width: 145px;
}

.blog-list .left-fotos .foto {
  padding-bottom: 0px;
}

.blog-list .comments {
  padding: 10px 0px 0px;
}

.blog-list .beam {
  margin: 0px 0px 10px;
}

.blog-list .tags-box {
  margin-top: 10px;
}

.blog-edit .delete {
  float: right;
}

.archives {
  padding: 15px;
  overflow: hidden;
  background-color: #F5F5F5;
}

.archives .title {
  padding: 0px 0px 10px;
}

.archives .row {
  border-top: 1px solid #fff;
  overflow: hidden;
  padding: 5px;
}

.archives .row .year {
  float: left;
  float: left;
  width: 90px;
  font-size: 11px;
}

.archives .row .month {
  font-size: 11px;
  padding: 0px 10px;
  float: left;
}

.edit-list {
  overflow: hidden;
}

.edit-list .row {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.edit-list .date {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.edit-list .category {
  font-size: 11px;
}

.google-serach-module .row {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 15px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
  display: block;
}

.google-serach-module .search-block {
  border: 0px;
}

.google-serach-module .query-info {
  font-size: 11px;
  line-height: 14px;
  overflow: hidden;
  clear: both;
  border-bottom: 1px solid #D3D6D9;
  overflow: hidden;
  padding: 0px 90px 15px;
  margin: 0px 0px 20px;
}

.google-serach-module .results {
  padding: 0px;
}

.google-serach-module .results .desc {
  padding-bottom: 5px;
  font-size: 12px;
}

.card-module .foto {
  padding: 10px 0px;
}

.forum-module .navi {
  overflow: hidden;
  padding: 0px 0px 10px;
}

.forum-module .user-block {
  padding: 0px 0px 0px 20px;
}

.forum-module .user-block a.button {
  float: right;
  margin: 0px 0px 0px 3px;
}

.forum-module .login-form {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 10px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.forum-module .navi .search-block {
  float: right;
  padding: 0px 0px 0px 20px;
}

.forum-module .search-block .advanced {
  padding: 10px 0px 0px;
  overflow: hidden;
  clear: both;
}

.search-module .advanced {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 10px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.search-module .advanced .row {
  display: block;
}

.search-module .advanced .row .select {
  width: auto;
}

.search-module .advanced .order {
  clear: both;
}

.forum-module .search-module .results li a {
  color: #6D7680;
}

.top-searches {
  clear: both;
  overflow: hidden;
  padding: 15px 0 0px;
}

.top-searches .title {
  padding: 0px 0px 5px;
}

.top-searches .ranges a {
  display: inline-block;
  border-left: 1px solid #D3D6D9;
  padding: 0px 10px;
  color: #6D7680;
}

.top-searches .ranges a:first-child {
  border: 0px;
  padding-left: 0px;
}

.top-searches .ranges a:hover,
.top-searches .ranges a.active {
  color: #E85F0E;
  text-decoration: none;
}

.forum-module .status {
  border: solid #997f5c;
  border-width: 1px 0px;
  padding: 10px 20px;
}

.forum-module .status .title {
  padding: 0px 0px 5px;
}

.forum-module .status .count {
  padding: 0px 0px 5px;
}

.forum-module .status .online a {
  padding: 0px 5px;
}

.forum-module .df-label-right .df-label {
  float: left;
  width: 140px;
  padding: 0px 20px 0px 0px;
  line-height: 27px;
}

.forum-module .df-label-right .df-element {
  float: left;
  width: auto;
}

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

.forum-module .empty td {
  border-color: #fff;
  background: #fff;
  height: 20px;
}

.forum-list .desc {
  padding: 5px 0px 0px;
}

.forum-list .width-a {
  width: 130px;
}

.forum-module .width-b {
  width: 130px;
}

.width-c {
  width: 200px;
}

.forum-list .user {
  display: block;
  line-height: 18px;
  color: #231f20;
}

.forum-list .date {
  color: #231f20;
}

.forum-list .sticked {
  float: left;
  margin: 0px 10px 0px 0px;
}

.forum-list .sticked+.title {
  display: block;
  overflow: hidden;
  margin: 8px 0px 0px;
  font-weight: bold;
}

.forum-list .edit-navi {
  border-top: 1px solid #fff;
  margin: 10px 0px 0px;
  padding: 10px 0px 0px;
  clear: both;
  overflow: hidden;
}

.forum-list .edit-navi .ico2 {
  margin: 0px 12px;
}

.forum-module .post {
  vertical-align: top;
  text-align: left;
}

.forum-module .post .header {
  overflow: hidden;
  margin: 0px 0px 10px;
}

.forum-module .post .new {
  float: left;
  margin-right: 10px;
}

.forum-module .post .date {
  padding: 8px 0px 0px;
}

.forum-module .post .contents {
  padding: 0px 0px 10px;
  overflow: hidden;
  clear: both;
  color: #000;
}

.forum-module .post .edited {
  float: right;
  font-size: 10px;
  overflow: hidden;
  clear: both;
  padding: 0px 0px 5px;
}

.forum-module .post .signature {
  border-top: 1px solid #fff;
  font-size: 11px;
  overflow: hidden;
  clear: both;
  padding: 5px 0px;
}

.forum-module .post .edit-navi {
  float: right;
}

.forum-module .closed {
  background: url("/szablony/default/images/icons2.png") no-repeat 0px -96px;
  padding: 0px 10px 0px 40px;
  line-height: 35px;
  font-weight: bold;
  float: right;
}

.forum-module .user-data {
  vertical-align: top;
}

.forum-module .user-data .user {
  font-weight: bold;
  margin: 10px 0px;
  display: inline-block;
}

.forum-module .user-data .avatar {
  margin: 0px 0px 10px;
}

.forum-module .user-data .avatar {
  margin: 0px 0px 10px;
}

.forum-module .post .contents .quote {
  padding: 13px 40px;
  margin: 0px;
  background: url("/szablony/default/images/quote-open.png"), url("/szablony/default/images/quote-close.png");
  background-position: 0px 0px, 100% 100%;
  background-repeat: no-repeat;
}

.product-catalog .beam {
  overflow: hidden;
  font-size: 14px;
  cursor: auto;
  margin: 0px 0px 20px;
}

.product-catalog .beam span {
  float: left;
  line-height: 32px;
  margin: 0px 40px 0px 0px;
  cursor: pointer;
}

.product-catalog .beam span:hover {
  color: #E85F0F;
}

.product-catalog span.view {
  margin: 0px 5px 0px 0px;
  color: #6D7680;
  cursor: auto;
}

.tiles {
  overflow: hidden;
}

.tiles .tile {
  float: left;
  width: 33%;
  padding: 0px 0px 20px;
  margin: 0px;
  overflow: hidden;
}

.tiles .tile .content {
  padding: 0px 5px;
}

.tiles .tile .title {
  margin: 0px 0px 5px;
}

.tiles .tile .additional-name {
  padding: 0px 0px 5px;
  font-size: 12px;
  line-height: 14px;
}

.tiles .tile .price {
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  padding: 0px 0px 5px;
}

.tiles .tile .code {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.tiles .tile .promotion {
  text-decoration: line-through;
}

.tiles .tile .ico3 {
  margin: 0px -4px 0px 1px;
}

.products-list {
  overflow: hidden;
}

.products-list .product {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.products-list .product .data {
  overflow: hidden;
}

.products-list .product .left-fotos {
  width: 145px;
}

.products-list .product .foto {
  padding-bottom: 0px;
}

.products-list .product .title {
  margin: 0px 0px 5px;
}

.products-list .product .additional-name {
  padding: 0px 0px 5px;
  font-size: 12px;
  line-height: 14px;
}

.products-list .product .price {
  font-weight: bold;
  font-size: 13px;
  padding: 0px 0px 5px;
}

.products-list .product .code {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.products-list .product .promotion {
  text-decoration: line-through;
  padding: 0px 0px 10px;
}

.products-list .product .ico3 {
  clear: both;
  float: right;
  margin: 0px 10px 5px;
}

.shop-module .fotos {
  overflow: hidden;
  float: left;
  width: 524px;
}

.shop-module .fotos .foto {
  padding: 0px 0px 14px;
  line-height: 0px;
}

.shop-module .fotos .list .foto {
  float: left;
  padding: 0px 14px 14px 0px;
  width: 120px;
  height: 85px;
}

.shop-module .fotos .list .foto:nth-child(4n) {
  padding-right: 0px;
  padding-left: 1px;
}

.shop-module .fotos .list .foto:nth-child(3n) {
  padding-left: 1px;
}

.shop-module .fotos .list .foto a {
  line-height: 0px;
}

.product-details .desc {
  padding: 0px 0px 10px;
}

.product-details .price {
  font-weight: bold;
  font-size: 13px;
  padding: 0px 0px 5px;
}

.product-details .code {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.product-details .promotion {
  text-decoration: line-through;
  padding: 0px 0px 10px;
}

.product-details .icons .ico3 {
  margin: 0px 0px 5px;
}

.product-details .buttons {
  overflow: hidden;
  padding: 10px 0px;
}

#data-tabs {
  overflow: hidden;
  clear: both;
}

.product-details #data-tabs .comments,
.product-details #data-tabs .data-table {
  padding: 0px;
}

.product-details #data-tabs .desc {
  padding: 0px 0px 20px;
}

.product-details .related .row {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #fff;
}

.product-details .related .left-fotos {
  width: 145px;
}

.product-details .related .foto {
  padding-bottom: 0px;
}

.product-details .related .title {
  padding: 0px 0px 5px;
}

.product-details .related .price {
  font-weight: bold;
  font-size: 13px;
}

.product-details .related .more {
  clear: none;
}

.product-details .variants {
  border-bottom: 1px solid #d3d6d9;
  overflow: hidden;
  margin: 10px 0px;
}

.product-details .variants .title {
  border-bottom: 1px solid #d3d6d9;
  padding: 0px 0px 10px;
  margin: 0px 0px 10px;
  color: #444854;
  font-size: 20px;
  font-weight: normal;
  line-height: 24px;
}

.product-details .variants .variant {
  overflow: hidden;
  padding: 0px 0px 10px;
}

.product-details .variants .variant .title {
  padding: 0px 0px 5px;
  border: 0px;
  color: #E85F0E;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

.product-details .variants .variant .type {
  overflow: hidden;
}

.product-details .variants .variant .item {
  float: left;
  border-left: 1px solid #D3D6D9;
  padding: 0px 5px;
  color: #6D7680;
  line-height: 20px;
}

.product-details .variants .variant .type .item-ico img {
  border: 1px solid #fff;
}

.product-details .variants .variant .type .item:first-child {
  border: 0px;
  padding-left: 0px;
}

.product-details .variants .variant .type .item:hover,
.product-details .variants .variant .type .item.active {
  color: #E85F0E;
  text-decoration: none;
  cursor: pointer;
}

.product-details .variants .variant .type .item-ico:hover img,
.product-details .variants .variant .type .item-ico.active img {
  border-color: #E85F0E;
}

.product-details .variants .variant .hidden {
  opacity: 0.3;
}

.product-details .buy-product {
  margin-top: 15px;
}

.product-details .button {
  margin-bottom: 5px;
}

.compare-module .delete {
  float: right;
}

.compare-module .row {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.compare-module .left-fotos {
  width: 145px;
}

.compare-module .foto {
  padding-bottom: 0px;
}

.compare-module table {
  margin: 0px;
  padding: 0px;
  width: 100%;
  border: 0px;
  border-collapse: collapse;
}

.compare-module table td {
  border: solid #D3D6D9;
  border-width: 1px 0px 0px 1px;
  margin: 0px;
  padding: 5px;
  vertical-align: top;
}

.compare-module table tr:nth-child(1) td {
  border-top: 0px;
  text-align: center;
}

.compare-module table td:nth-child(1) {
  border-left: 0px;
  font-weight: bold;
}

.compare-module table tr:hover {
  background: #ebebeb;
}

.compare-module table tr.price td {
  background: #505664;
  color: #fff;
}

.compare-module table .ico3 {
  margin: 0px;
}

.compare-module table .status td {
  text-align: center;
}

.compare-module table .status td:nth-child(1) {
  text-align: left;
}

.steps {
  overflow: hidden;
  margin: 0px 0px 20px;
  line-height: 30px;
  background: #EBEBEB;
}

.steps .step {
  width: 33%;
  float: left;
  text-align: center;
  border-left: 1px solid #fff;
}

.steps .step:first-child {
  border: 0px;
}

.steps .active {
  background: #E85F0F;
  color: #fff;
}

.steps .step:last-child {
  float: none;
  overflow: hidden;
  width: auto !important;
}

.basket-module .table td {
  vertical-align: top;
}

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

.basket-module .title {
  margin: 0px 0px 5px;
}

.basket-module .foto {
  margin: 0px;
  padding: 0px;
  line-height: 0px;
}

.basket-module .foto a {
  line-height: 0px;
}

.basket-module .variants {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.basket-module .price {
  white-space: nowrap;
}

.basket-module .promotion {
  text-decoration: line-through;
  display: block;
  font-size: 11px;
}

.basket-module .number .select {
  min-width: 54px;
}

.basket-module .button.clear {
  float: left;
}

.basket-module .form {
  overflow: hidden;
  clear: both;
  padding: 20px 0px;
}

.basket-module .left-side {
  float: left;
  width: 49%;
  margin: 0px 15px 0px 0px;
}

.basket-module .right-side {
  float: left;
  width: 49%;
}

.basket-module .summary {
  overflow: hidden;
  padding: 0px 0px 20px;
  float: right;
  width: 39%;
}

.basket-module .summary .data-table {
  padding: 0px;
}

.basket-module .summary .data-table .row {
  padding-bottom: 10px;
}

.basket-module .summary .convert {
  float: right;
  margin: 0px 0px 0px 2px;
}

.basket-module .summary .discount {
  width: 132px;
}

.basket-module .register {
  line-height: 27px;
  margin: 0px 0px 0px 15px;
  font-size: 11px;
}

.basket-module .remind-password {
  line-height: 27px;
  margin: 0px 0px 0px 15px;
  font-size: 11px;
}

.basket-module .login-block {
  padding: 0px 0px 20px;
}

.basket-module .delete {
  cursor: pointer;
}

#suma_zamowienia {
  font-weight: bold;
}

.shop-orders-module {
  overflow: hidden;
}

.shop-orders-module .order {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 25px;
  padding: 0px 0px 15px;
  border-bottom: 1px solid #d3d6d9;
}

.shop-orders-module .order .status {
  font-weight: bold;
}

.shop-orders-module .date {
  font-size: 11px;
  padding: 0px 0px 5px;
}

.shop-orders-module .navi-icon {
  padding-bottom: 0px;
}

.shop-orders-module .title-border {
  margin-bottom: 20px;
}

.shop-orders-module .steps .step {
  width: 24%;
}

.shop-orders-module .data-table.data {
  padding-top: 0px;
}

.shop-orders-module .data-table.data .label {
  width: 200px;
}

.shop-orders-module .table .price {
  white-space: nowrap;
}

.shop-orders-module .table .left {
  text-align: left;
}

.shop-orders-module .table .title {
  padding: 0px 0px 10px;
  color: #6D7680;
}

.shop-orders-module .table .code {
  font-size: 11px;
}

.shop-orders-module .summary {
  overflow: hidden;
  padding: 0px 0px 20px;
  float: right;
  width: 39%;
}

.shop-orders-module .summary .data-table {
  padding: 0px;
}

.shop-orders-module .summary .data-table .row {
  padding-bottom: 10px;
}

.shop-orders-module .left-side {
  float: left;
  width: 50%;
}

.shop-orders-module .right-side {
  float: left;
  width: 50%;
}

.shop-orders-module .info {
  padding-top: 20px;
}

.shop-orders-module .button {
  margin-bottom: 20px;
}

.shop-orders-module .forms .title-border {
  margin-right: 20px;
}

.shop-orders-module .forms .row {
  padding-right: 20px;
}

.recently-viewed-block .ico3 {
  margin: 0px 1px;
}

.recently-viewed-block .price {
  padding: 10px 0px;
}

.chat-login label {
  float: left;
  width: 200px;
  padding: 0px 20px 0px 0px;
  line-height: 27px;
}

.chat-login .text-input {
  float: left;
  width: 35%;
  margin: 0px 10px 0px 0px;
}

.chat-module {
  overflow: hidden;
}

.chat-module .right-side {
  float: right;
  width: 182px;
  margin: 0px 0px 20px 46px;
  overflow: hidden;
}

.chat-module .left-side {
  margin: 0px 0px 20px;
  overflow: hidden;
}

.chat-module .users {
  border: 1px solid #D3D6D9;
  padding: 10px;
  overflow: auto;
  height: 400px;
  margin: 0px 0px 20px;
}

.chat-module .chat {
  border: 1px solid #D3D6D9;
  padding: 10px;
  margin: 0px 0px 20px;
  overflow: auto;
  height: 400px;
}

.chat-module .chat .row {
  overflow: hidden;
  padding: 5px;
  line-height: 14px;
}

.chat-module .chat .even {
  background: #F5F5F5;
}

.chat-module .chat .row .date {
  float: left;
}

.chat-module .chat .row .nick {
  float: left;
  font-weight: bold;
  padding: 0px 10px;
}

.chat-module .chat .row .message {
  overflow: hidden;
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: left;
  font-weight: normal;
  clear: none;
}

.chat-module .chat .row .ico4 {
  float: left;
  margin: 0px 5px 0px 0px;
}

.chat-module .user {
  overflow: hidden;
  padding: 0px 0px 5px;
}

.chat-module .user .ico4 {
  margin: 3px 5px 0px 0px;
  float: left;
}

.chat-module .moderated {
  font-size: 11px;
  overflow: hidden;
  clear: both;
  padding: 10px 0px 0px;
}

.chat-module .send-form {
  overflow: hidden;
  clear: both;
}

.chat-module .send-form .button {
  float: right;
  margin: 0px 0px 0px 10px;
}

.chat-module .send-form .text-input {
  width: 79%;
}

.chat-module .logout {
  float: right;
}

.chat-module .users .subtitle {
  font-size: 12px;
  margin: 10px 0px 5px;
  padding: 0px;
}

.chat-module .users label {
  cursor: pointer;
}

.chat-module .users .edit-user .text-input {
  width: 105px;
}

.chat-module .users .edit-user .ico4 {
  margin-top: 7px;
}

.chat-module .bold {
  font-weight: bold;
}

.chat-module .info {
  font-size: 11px;
  overflow: hidden;
}

.chat-module .info .count {
  float: right;
}

.rss-block {
  padding: 0px 0px 17px;
}

.rss-block .rss {
  color: #6D7680;
  float: right;
  background-position: 100% -429px;
  background-size: 18px auto;
  color: #6D7680;
  float: right;
  height: auto;
  line-height: 19px;
  padding: 0px 29px 0px 0px;
}

.media {
  text-align: center;
  padding: 0px 0px 30px;
}

.media.block {
  margin: 0px;
  padding: 0px;
}

#zone-right .blog-list {
  padding: 0px;
}

#zone-right .blog-list .bottom-fotos .foto {
  width: auto;
  height: auto;
}

#zone-right .blog-list .bottom-fotos .foto img {
  margin: 0px;
  padding: 0px 0px 10px;
}

#zone-right .blog-list p {
  text-indent: 0px;
}

.forum-block {
  overflow: hidden;
}

.forum-block .row {
  border-bottom: 1px solid #D3D6D9;
  clear: both;
  margin: 0px 0px 25px;
  overflow: hidden;
  padding: 0px 0px 15px;
}

.forum-block .row .date {
  font-size: 11px;
}

.block .table {
  margin: 0px;
}

.currency-block .odd td {
  background: #F5F5F5;
}

.basket-block .count .value {
  white-space: nowrap;
  font-weight: bold;
}

.basket-block .price .value {
  white-space: nowrap;
  font-weight: bold;
}

.basket-block .info {
  padding: 0px 0px 10px;
  overflow: hidden;
}

.basket-block .button {
  margin: 0px;
}

.basket-block .products-list {
  overflow: hidden;
  clear: both;
  padding: 10px 0px;
}

.basket-block .products-list .price {
  font-size: 11px;
}

.products-block .product .ico3 {
  float: left;
  clear: none;
  margin: 0px 2px;
}

.shop-search-block .row .query-label {
  display: none;
}

.shop-search-block .row {
  clear: both;
  padding: 0px 0px 5px;
}

.shop-search-block .row.date-input .label {
  padding: 0px 5px 0px 0px;
}

.shop-search-block .row.date-input input {
  width: 41px;
  margin: 0px 2px 0px 0px;
}

.shop-search-block .row label {
  float: none;
  display: block;
  width: auto;
  cursor: pointer;
}

.shop-search-block .row .text-input {
  float: none;
  display: block;
  width: 93%;
}

.shop-search-block .selected {
  padding: 5px 0px;
}

.shop-search-block .group .title {
  padding: 10px 0px 5px;
}

#zone-2 .media {
  margin: 0px;
  padding: 0px;
}

#zone-2 .description-block {
  width: 980px;
  margin: 0px auto;
}

.suggestion-block .desc {
  padding: 0px 0px 15px;
}

.suggestion-button {
  position: fixed;
  top: 40%;
  right: -43px;
  background: #505664;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  padding: 10px 20px;
  opacity: 0.6;
  color: #fff;
}

.suggestion-button:hover {
  opacity: 1;
  text-decoration: none;
}

body {
  overflow-x: hidden;
  background-color: #fefefe;
  min-width: 320px;
  transition: color 0.4s;
  -web-transition: color 0.4s;
  transition: background 0.4s;
  -web-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
}

body * {
  transition: color 0.4s, background 0.4s;
  -web-transition: color 0.4s, background 0.4s;
  -moz-transition: color 0.4s, background 0.4s;
  -o-transition: color 0.4s, background 0.4s;
}

#page {
  margin: 0px auto;
}

#page .column.left-padding,
#page .left-padding.columns {
  padding-left: 60px;
}

.header-block {
  font-size: 2.25rem;
  color: #231f20;
  font-weight: bold;
  padding: 50px 30px 19px 30px;
  margin: 0px;
}

.header-block.smaller {
  padding-top: 24px;
  line-height: 1em;
  padding-bottom: 24px;
}

.header-block.bigger {
  padding-bottom: 20px;
}

.header-block.right-offset {
  padding-right: 275px;
}

div.header-block {
  line-height: 1.4em;
}

.block {
  padding: 0px;
  /* overflow: hidden; */
}

.block.light .header-block {
  color: #e7e2d3;
}

.block.medium-light .header-block {
  color: #997f5c;
}

.block.medium-dark .header-block {
  color: #534b41;
}

.block.bg .header-block {
  color: #534b41;
}

.block.video-bg .header-block {
  color: #e7e2d3;
}

.block.dark .header-block {
  color: #231f20;
}

.container {
  margin: 0px auto;
  width: 100%;
  max-width: 1200px;
  padding: 0px;
  overflow: hidden;
  position: relative;
}

.overlay-container {
  position: relative;
  overflow: hidden;
}

.overlay-container .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 101%;
  height: 100%;
  display: none;
  background: rgba(131, 117, 101, 0.97);
  top: 50%;
  left: 50%;
  z-index: 8;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.column,
.columns,
.columns {
  position: relative;
}

.column.end,
.end.columns,
.end.columns {
  float: left !important;
}

#cookie-info {
  background: #F5F5F5;
  border-bottom: 1px solid #E5E5E5;
  padding: 10px 30px 10px 30px;
}

#cookie-info .button {
  float: right;
  margin: 0px;
}

#content {
  float: left;
  padding: 0px;
  overflow: hidden;
  width: 100%;
}

.module {
  position: relative;
  min-height: 250px;
}

.module img.background {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 250px;
}

.module.small-top .header-block {
  padding-top: 41px;
}

.module.small-top .content.container {
  padding: 0px 30px;
}

.module .header-block {
  color: #f3f0e9;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 12px;
}

.module .header-block:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.module .top {
  height: 250px;
  position: relative;
  padding: 0px 20px;
}

.module .top .v-center {
  position: absolute;
  top: 50%;
  transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  width: 100%;
}

.breadcrumbs {
  border: none;
  display: block;
  list-style: none;
  margin-left: 0px;
  overflow: visible;
  padding: 0px;
}

.breadcrumbs>* {
  float: left;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  margin: 0px;
  text-transform: none;
}

.breadcrumbs,
.breadcrumbs li {
  padding: 0px;
  background: none;
}

.breadcrumbs li:before {
  content: "\f078";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}

.breadcrumbs li:first-of-type:before {
  display: none;
}

.breadcrumbs li a {
  color: #f3f0e9;
}

.breadcrumbs li:hover a,
.breadcrumbs li a:hover,
.breadcrumbs li a:focus {
  text-decoration: none;
  color: #997f5c;
}

.breadcrumbs li:before {
  left: 0px;
  margin: 0px 6px;
}

.message {
  font-weight: bold;
  text-align: center;
  padding: 40px 20px 20px;
  overflow: hidden;
  clear: both;
}

table {
  padding: 0px;
  border: 0px;
  border-collapse: collapse;
  margin-top: 10px;
}

table thead {
  background: none;
}

table thead tr {
  border-bottom: 1px solid #997f5c;
}

table thead tr th {
  border: 0px;
  padding: 8px 0px;
}

table tr td {
  padding: 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  font-size: 1rem;
}

ul.list {
  margin: 0px;
  padding: 0px;
  overflow: visible;
}

ul.list li {
  margin: 0px;
  padding: 0px;
}

.pager {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 0px;
  text-align: center;
  overflow: hidden;
}

.pager ul {
  margin: 0px;
  padding: 0px;
  overflow: visible;
}

.pager ul li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  font-size: 1.5625rem;
  font-weight: bold;
}

.pager ul li:before {
  display: none;
}

.pager ul li a,
.pager ul li span {
  text-decoration: none;
  color: #997f5c;
  margin: 0px 4px;
}

.pager ul li a:hover,
.pager ul li span.active {
  color: #534b41;
}

.pager ul li.first {
  display: none;
}

.pager ul li.first:after {
  content: '...';
  speak: none;
  color: #997f5c;
}

.pager ul li.last {
  display: none;
}

.pager ul li.last:before {
  display: inline-block;
  content: '...';
  speak: none;
  font-weight: bold;
  color: #997f5c;
  position: static;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: inherit;
}

.pager ul li.prev a,
.pager ul li.next a {
  display: block;
  font-size: 1rem;
  margin-top: 0.4em;
}

.pager ul li.prev {
  float: left;
}

.pager ul li.next {
  float: right;
}

.pager.small ul li.prev a,
.pager.small ul li.next a {
  margin-top: 0px;
}

.pager.small ul li.prev {
  width: 100%;
  float: none;
}

.pager.small ul li.prev a {
  float: left;
}

.pager.small ul li.next {
  width: 100%;
  float: right;
}

.pager.small ul li.next a {
  float: right;
}

.module-block {
  padding-top: 10px;
  margin-bottom: 50px;
}

.module-block.container {
  padding-top: 0px;
  margin-bottom: 0px;
}

.module-block .menu-module {
  padding: 0px 20px;
}

.foto {
  margin: 0px auto;
  padding: 0px;
  display: block;
  width: 100%;
  max-width: 300px;
  position: relative;
  overflow: hidden;
}

.foto a {
  display: block;
  width: 100%;
  height: 100%;
  outline-offset: -2px !important;
  overflow: hidden;
}

.foto a:focus img,
.foto a:hover img {
  width: 110% !important;
  height: 110% !important;
  margin-left: -5%;
  margin-bottom: -9%;
}

.foto img {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  z-index: -1;
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.foto .desc {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgba(40, 40, 40, 0.7);
  color: #f3f0e9;
  padding: 10px;
  font-size: 0.75rem;
}

.right-fotos,
.left-fotos {
  width: 100%;
  padding: 0px 0px 10px;
  overflow: hidden;
}

.right-fotos .foto img,
.left-fotos .foto img {
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.right-fotos .foto:focus img,
.right-fotos .foto:hover img,
.left-fotos .foto:focus img,
.left-fotos .foto:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
  margin-bottom: -9%;
}

.top-fotos,
.bottom-fotos {
  padding: 5px 0px 10px;
  overflow: hidden;
}

.top-fotos .foto img,
.bottom-fotos .foto img {
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.top-fotos .foto:hover img,
.bottom-fotos .foto:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
  margin-bottom: -9%;
}

.top-fotos .foto,
.bottom-fotos .foto {
  overflow: hidden;
  clear: both;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

.no-photo {
  box-sizing: border-box;
  display: block;
  width: 80%;
  color: #f3f0e9;
  padding-top: 80px;
  background: url("/szablony/cmjw/images/no_item.png") no-repeat top center;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  opacity: 0.3;
}

.title {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

.title a {
  margin: 0px;
  padding: 0px;
}

.text-input,
.select,
.textarea {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  margin: 0px;
  float: left;
  height: 25px;
  line-height: 25px;
  overflow: visible;
  width: 93%;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.select {
  height: 25px;
  padding: 4px 5px;
}

.textarea {
  line-height: 1.2em;
  height: 115px;
}

input[type=checkbox],
input[type=radio] {
  border: 0px;
  width: 13px;
  height: 13px;
  margin: 1px 5px 0px 0px;
  padding: 0px;
  float: left;
}

.multiselect {
  height: 150px;
}

.form .desc {
  padding: 0px 0px 15px;
}

.form .row {
  overflow: hidden;
  padding: 0px 0px 10px;
}

.form .row label {
  float: left;
  width: 140px;
  padding: 9px 20px 0px 0px;
  overflow: hidden;
}

.form .row .text-input {
  width: 100%;
  max-width: 270px;
  clear: none;
}

.form .row .text-input.short {
  width: 227px;
}

.form .row .text-input.very-short {
  width: 44px;
}

.form .row select {
  width: 272px;
  clear: none;
  line-height: 0.9em;
  padding: 0px 5px;
}

.form .row .textarea {
  width: 270px;
  clear: none;
}

.form .row .radio {
  overflow: hidden;
}

.form .row .radio input {
  float: left;
  margin: 13px 3px 0px 0px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}

.form .row .radio label {
  float: left;
  margin: 0px 20px 0px 0px;
  width: auto;
  cursor: pointer;
}

.form .row .checkbox input {
  margin-top: 6px;
}

.form .row .checkbox .desc {
  overflow: hidden;
}

.form .row .checkbox-list {
  overflow: hidden;
}

.form .row .checkbox-list .item {
  overflow: hidden;
  clear: both;
  padding: 0px 0px 5px;
}

.form .row .checkbox-list .item label {
  width: auto;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  line-height: 16px;
  display: block;
  overflow: hidden;
}

.form .row.date-input label:nth-child(2) {
  color: red;
}

.form .row.date-input .label {
  float: left;
  padding: 0px 5px 0px 10px;
  height: 27px;
  line-height: 27px;
}

.form .row.date-input img {
  float: left;
  margin: 1px 0px 0px 4px !important;
}

.form .row.date-input .spacer {
  float: left;
  height: 27px;
  line-height: 27px;
  padding: 0px 3px;
}

.form .row.date-input input {
  width: 95px;
  float: left;
}

.form .row.date-input select {
  width: 55px;
  float: left;
}

.form .star {
  color: #e85f0f;
}

.form .captha {
  margin: 0px 0px -5px;
}

.form .footer {
  padding: 0px 0px 0px 220px;
}

.form .footer .checkbox {
  padding: 0px 0px 20px;
  font-size: 11px;
}

.form .footer .checkbox label {
  cursor: pointer;
}

.form .footer .checkbox input {
  margin-top: 3px;
}

.form .footer .remind-password {
  line-height: 27px;
  margin: 0px 0px 0px 15px;
  font-size: 11px;
}

.form .required {
  float: right;
}

.form .invalid label {
  color: red;
}

.form .invalid .text-input,
.form .invalid .select,
.form .invalid .textarea {
  border: 1px solid #ff6666;
  box-shadow: inset 0px 1px 3px #ff6666;
}

.form .info {
  clear: both;
  font-size: 11px;
  padding: 3px 0px 0px 160px;
  line-height: 12px;
}

.ui-widget-header {
  background: #997f5c !important;
  border-color: #997f5c !important;
}

.ui-state-hover,
.ui-state-active {
  background: #534b41 !important;
  border: 1px solid #534b41 !important;
}

.ui-state-highlight {
  background: #997f5c !important;
  border: 1px solid #997f5c !important;
}

.ui-datepicker th {
  width: 14%;
}

.ui-datepicker td a {
  text-align: center !important;
}

.button {
  padding: 5px 24px;
  margin: 0px 3px 0px 0px;
  color: #ffffff;
  background: #534b41;
  border: 0px;
  float: left;
  cursor: pointer;
  text-align: center;
}

.button:hover {
  background: #997f5c;
  text-decoration: none;
}

.table {
  display: table;
}

.table .caption {
  display: table-caption;
}

.table .thead {
  display: table-header-group;
}

.table .tbody {
  display: table-row-group;
}

.table .tr {
  display: table-row;
}

.table .td {
  display: table-cell;
}

.link {
  color: #534b41;
  float: left;
  margin: 0px 10px 5px 0px;
  clear: both;
}

.link:hover {
  color: #997f5c;
  text-decoration: none;
}

.hide {
  display: inline;
  position: absolute;
  left: -9000em;
}

.files {
  padding: 0px;
  margin: 0px;
  overflow: hidden;
  clear: both;
}

.files .file {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  padding-left: 0px;
}

.files .file .icon {
  float: left;
  width: 40px;
  height: 50px;
  color: #534b41;
  font-size: 36px;
  cursor: default;
}

.files .file .icon:after {
  content: "\e906";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.txt:after,
.files .file .icon.rtf:after {
  content: "\e903";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.avi:after,
.files .file .icon.mpg:after,
.files .file .icon.mpeg:after,
.files .file .icon.mov:after {
  content: "\e907";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.bmp:after,
.files .file .icon.gif:after,
.files .file .icon.jpeg:after,
.files .file .icon.jpg:after,
.files .file .icon.png:after,
.files .file .icon.tiff:after,
.files .file .icon.tif:after {
  content: "\e904";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.mp3:after {
  content: "\e905";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.gz:after,
.files .file .icon.rar:after,
.files .file .icon.zip:after {
  content: "\e908";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.odt:after {
  content: "\e90b";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.doc:after,
.files .file .icon.docx:after {
  content: "\e902";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.pdf:after {
  content: "\e90a";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .icon.xls:after,
.files .file .icon.xlsx:after {
  content: "\e90d";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.files .file .part {
  overflow: visible;
  margin-left: 60px;
}

.files .file .part a {
  font-weight: bold;
}

.files .file .part a:hover {
  color: #534b41;
}

.files .file .part .desc {
  margin: 0px;
  padding: 0px;
}

/*********************************************/
/*****            nagłówek               *****/
/*********************************************/
#header-page {
  height: 120px;
  color: #444444;
  padding: 25px 47px 25px 30px;
}

#header-page #logo {
  float: left;
  width: auto;
  margin: 0px;
  padding: 0px;
  transition: margin, 1s;
  -web-transition: margin, 1s;
  -moz-transition: margin, 1s;
  -o-transition: margin, 1s;
  font-size: 1rem;
}

#header-page #logo a {
  box-sizing: border-box;
  display: block;
  width: 85px;
  height: 60px;
  overflow: hidden;
  font-size: 0.9375rem;
  color: #231f20;
  padding-left: 97px;
  padding-top: 15px;
  line-height: 1.1em;
  position: relative;
}

#header-page #logo a img {
  position: absolute;
  top: 0px;
  left: 0px;
}

#header-page #logo a .text span {
  font-weight: normal;
  font-size: 0.95em;
}

#header-page #logo.left {
  margin-left: -70px;
}

/********************************************/
/*****            zone-top              *****/
/********************************************/
#zone-top {
  display: none;
  float: right;
  width: auto;
  margin: 0px;
}

#zone-top ul {
  padding: 0px 0px 17px 0px;
  float: right;
  font-size: 0.9375rem;
  overflow: visible;
}

#zone-top ul.second {
  clear: both;
}

#zone-top ul.first li:first-of-type:before,
#zone-top ul.second li:last-of-type:after {
  display: none;
}

#zone-top ul li {
  height: 26px;
}

#zone-top ul li:last-of-type {
  padding-right: 0px;
}

#zone-top ul li:first-of-type:before,
#zone-top ul li:last-of-type:after {
  display: none;
}

#zone-top ul li.contrast,
#zone-top ul li.font-size,
#zone-top ul li.lang-switcher {
  padding-top: 0px;
}

#zone-top ul li.contrast span,
#zone-top ul li.font-size span {
  float: left;
  display: inline-block;
  line-height: 1.625rem;
}

#zone-top ul li.contrast a,
#zone-top ul li.font-size a {
  display: inline-block;
  width: 26px;
  height: 26px;
  font-size: 13px;
  font-weight: bold;
  margin-left: 3px;
  border-radius: 20px;
  border: 2px solid #000000;
  float: left;
  position: relative;
  overflow: hidden;
}

#zone-top ul li.contrast a img,
#zone-top ul li.font-size a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

#zone-top ul li.font-size a {
  padding: 4px 5px;
}

#zone-top ul li.font-size a.reduce {
  margin-left: 12px;
  background-position: -26px -1px;
}

#zone-top ul li.font-size a.increase {
  background-position: -50px -1px;
}

#zone-top ul li.contrast a.normal {
  margin-left: 12px;
  background-color: #fefefe;
  background-position: -1px -1px;
}

#zone-top ul li.contrast a.black {
  background-color: #0a0a0a;
  background-position: -1px -24px;
}

#zone-top ul li.contrast a.yellow {
  background-color: #fff000;
  background-position: -1px -1px;
}

#zone-top ul li.contrast a.black-yellow {
  background-color: #0a0a0a;
  background-position: -1px -49px;
}

#zone-top ul li.lang-switcher {
  padding-right: 0px !important;
  position: relative;
}

#zone-top ul li.lang-switcher .switch {
  width: 55px;
  height: 26px;
  padding: 0px !important;
  margin-bottom: 0px;
}

#zone-top ul li.lang-switcher .switch:after {
  content: "\f0a3";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}

#zone-top ul li.lang-switcher .switch.active:after {
  content: "\f0a2";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}

#zone-top ul li.lang-switcher .switch:after,
#zone-top ul li.lang-switcher .switch.active:after {
  position: absolute;
  right: 3px;
  top: 4px;
  color: #997f5c;
}

#zone-top ul li.lang-switcher .lang-list {
  position: absolute;
  right: 0px;
  top: 26px;
  margin: 5px 0px 0px;
  padding: 4px 7px;
  width: 62px;
  display: none;
  background: rgba(83, 75, 65, 0.99);
  z-index: 99;
}

#zone-top ul li.lang-switcher .lang-list li {
  padding: 0px;
  margin: 2px 0px;
}

#zone-top ul li.lang-switcher .lang-list li:hover {
  font-weight: bold;
}

#zone-top ul li.lang-switcher .lang-list li:before,
#zone-top ul li.lang-switcher .lang-list li:after {
  display: none;
}

#zone-top ul li.lang-switcher .lang-list li span {
  display: inline-block;
  margin-left: 5px;
  line-height: 26px;
  color: #f3f0e9;
}

#zone-top ul li.lang-switcher .flag {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #0a0a0a;
  float: left;
}

#zone-top ul li.facebook,
#zone-top ul li.twitter,
#zone-top ul li.youtube, {
  padding-top: 2px;
}

#zone-top ul li.facebook a,
#zone-top ul li.twitter a,
#zone-top ul li.youtube a {
  font-size: 20px;
}

#zone-top ul li.facebook a:after {
  content: "\e90e";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

#zone-top ul li.twitter a:hover:after {
  transition: 0.4s;
  background-image:url("data:image/svg+xml,%3Csvg%20viewBox%3D%22328%20355%20335%20276%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22m630%20425a195%20195%200%2001-299%20175%20142%20142%200%200097-30%2070%2070%200%2001-58-47%2070%2070%200%200031-2%2070%2070%200%2001-57-66%2070%2070%200%200028%205%2070%2070%200%2001-18-90%20195%20195%200%2000141%2072%2067%2067%200%2001116-62%20117%20117%200%200043-17%2065%2065%200%2001-31%2038%20117%20117%200%200039-11%2065%2065%200%2001-32%2035z%22%20style%3D%22fill%3A%23997f5c%3B%22%2F%3E%0A%3C%2Fsvg%3E");
}

#zone-top ul li.twitter a:after {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%22328%20355%20335%20276%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22m630%20425a195%20195%200%2001-299%20175%20142%20142%200%200097-30%2070%2070%200%2001-58-47%2070%2070%200%200031-2%2070%2070%200%2001-57-66%2070%2070%200%200028%205%2070%2070%200%2001-18-90%20195%20195%200%2000141%2072%2067%2067%200%2001116-62%20117%20117%200%200043-17%2065%2065%200%2001-31%2038%20117%20117%200%200039-11%2065%2065%200%2001-32%2035z%22%20style%3D%22fill%3A%23444444%3B%22%2F%3E%0A%3C%2Fsvg%3E");
  background-repeat: round;
  transition: 0.4s;
  content: "\e915";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

#zone-top ul li.youtube a:after {
  content: "\e909";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

/******************************************/
/*****            zone-left           *****/
/******************************************/
#zone-left {
  position: absolute;
  top: 0px;
  left: -180px;
  width: 120px;
  height: 100%;
  margin-left: 0px;
  background-color: #fefefe;
  z-index: 10;
  transition: margin 1s, background 0.5s;
  -web-transition: margin 1s, background 0.5s;
  -moz-transition: margin 1s, background 0.5s;
  -o-transition: margin 1s, background 0.5s;
}

#zone-left .menu-container {
  height: 100%;
  overflow: visible;
}

#zone-left .menu a {
  display: none;
}

#zone-left .menu-button-rwd {
  height: 150px;
  width: 60px;
  background-color: #997f5c;
  background-repeat: no-repeat, no-repeat;
  background-size: 30px 25px, 18px 13px;
  background-position: center 37px, center 99px;
  position: absolute;
  left: 100%;
  opacity: 1;
  transition: translate 0.5s;
  -web-transition: translate 0.5s;
  -moz-transition: translate 0.5s;
  -o-transition: translate 0.5s;
}

#zone-left .menu-button-rwd:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

#zone-left .menu-button-rwd:after {
  position: absolute;
  top: 99px;
  left: 50%;
  color: #f3f0e9;
  font-size: 20px;
  transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  transition: all 0.5s;
  -web-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

#zone-left .menu-button-rwd ul {
  margin: 0px;
  padding: 0px;
  width: 30px;
  height: 25px;
  position: absolute;
  left: 50%;
  top: 40px;
  transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
}

#zone-left .menu-button-rwd ul li {
  padding: 0px;
  margin: 0px;
  width: 30px;
  height: 1px;
  background: #f3f0e9;
  border-top: 1px solid #f3f0e9;
  border-bottom: 1px solid #f3f0e9;
  position: absolute;
  left: 0px;
}

#zone-left .menu-button-rwd ul li:before {
  display: none;
}

#zone-left .menu-button-rwd ul li.line1 {
  top: 0px;
}

#zone-left .menu-button-rwd ul li.line2,
#zone-left .menu-button-rwd ul li.line3 {
  top: 50%;
  transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  transition: transform 0.5s;
  -web-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}

#zone-left .menu-button-rwd ul li.line4 {
  bottom: 0px;
}

#zone-left.fixed {
  position: fixed;
  top: 0px;
  left: -120px;
}

#zone-left.fixed.bottom {
  top: auto;
  top: initial;
  bottom: 0px;
}

#zone-left.active {
  margin-left: 120px;
}

#zone-left.active .menu-button-rwd:after {
  transform: rotate(-180deg) translate(50%, 0px);
  -o-transform: rotate(-180deg) translate(50%, 0px);
  -ms-transform: rotate(-180deg) translate(50%, 0px);
  -webkit-transform: rotate(-180deg) translate(50%, 0px);
  -moz-transform: rotate(-180deg) translate(50%, 0px);
}

#zone-left.active .menu-button-rwd ul li.line2 {
  transform: rotate(-45deg) translate(0px, -50%);
  -o-transform: rotate(-45deg) translate(0px, -50%);
  -ms-transform: rotate(-45deg) translate(0px, -50%);
  -webkit-transform: rotate(-45deg) translate(0px, -50%);
  -moz-transform: rotate(-45deg) translate(0px, -50%);
}

#zone-left.active .menu-button-rwd ul li.line3 {
  transform: rotate(45deg) translate(0px, -50%);
  -o-transform: rotate(45deg) translate(0px, -50%);
  -ms-transform: rotate(45deg) translate(0px, -50%);
  -webkit-transform: rotate(45deg) translate(0px, -50%);
  -moz-transform: rotate(45deg) translate(0px, -50%);
}

#zone-left.menu-show .menu-button-rwd {
  opacity: 0;
}

#zone-left.dark {
  background: #534b41;
}

#zone-left .block {
  overflow: visible;
  background: #fefefe;
}

#zone-left ul {
  overflow: visible;
}

/******************************************/
/*****             stopka             *****/
/******************************************/
#footer-page {
  min-height: 120px;
  line-height: 16px;
  padding: 15px 30px 0px 0px;
  margin-left: -6px;
  color: #444444;
}

#footer-page a {
  color: #444444;
  text-decoration: none;
}

#footer-page a:hover {
  color: #997f5c;
}

#footer-page #zone-footer {
  overflow: hidden;
  float: left;
}

#footer-page #zone-footer .block {
  padding: 0px;
}

#footer-page #zone-footer ul {
  font-size: 0.8125rem;
  padding-bottom: 2px;
}

#footer-page #footer {
  float: left;
  width: 100%;
  padding: 15px 0px 0px 14px;
  font-size: 0.8125rem;
}

#footer-page #realization {
  float: left;
  padding: 7px 0px 5px 14px;
  font-size: 0.8125rem;
}

/******************************************/
/*****             grid               *****/
/******************************************/
.grid {
  height: 600px;
  font-weight: bold;
  line-height: 1.7em;
  padding: 0px;
}

.grid .row {
  display: block;
}

.grid a.row {
  outline-offset: -2px;
}

.grid .date-block {
  box-sizing: border-box;
  height: 50%;
  overflow: hidden;
  float: left;
  display: block;
  z-index: -1;
}

.grid .date-block a {
  display: block;
  width: 100%;
  height: 100%;
}

.grid .date-block img {
  width: 101%;
  height: 101%;
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.grid .date-block .date {
  display: block;
  position: absolute;
  top: 20px;
  right: -11px;
  transition: color 0.5s;
  -web-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;
}

.grid .date-block .date .day,
.grid .date-block .date .day1,
.grid .date-block .date .day2 {
  float: right;
  font-size: 8.5625rem;
  line-height: 0.75em;
  clear: both;
}

.grid .date-block .date .hyphen {
  float: right;
  clear: both;
  display: block;
  margin-right: 1em;
  font-size: 3.6875rem;
  line-height: 0.2em;
}

.grid .date-block .date .month-year {
  float: right;
  clear: both;
  display: block;
  font-size: 1.25rem;
  margin-right: 37px;
}

.grid .date-block .date .month-year.first {
  margin-top: -15px;
}

.grid.reverse .date-block {
  float: right;
}

.grid.reverse .date-block .date {
  right: auto;
  /*IE*/
  right: initial;
  left: -11px;
}

.grid.reverse .date-block .date .month-year {
  float: left;
  margin-left: 37px;
  margin-right: 0px;
}

.grid .text-block {
  box-sizing: border-box;
  float: left;
  height: 50%;
  transition: background 0.5s;
  -web-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  display: block;
  z-index: -1;
}

.grid .text-block.columns {
  padding: 35px 30px 0px;
}

.grid .text-block .wrapper {
  display: block;
  height: 100%;
  position: relative;
}

.grid .text-block .title {
  display: block;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: bold;
  transition: color 0.5s;
  -web-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -o-transition: color 0.5s;

  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.grid .text-block span.more {
  height: 45px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  border-top: 1px solid #e7e2d3;
}

.grid .text-block span.more:before {
  content: '';
  display: block;
  height: 1px;
  width: 0%;
  position: absolute;
  left: 50%;
  top: -1px;
  transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.grid .text-block span.more>span {
  position: absolute;
  top: 50%;
  display: inline-block;
  font-size: 0.8125rem;
  transform: translate(0px, -50%);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
}

.grid .text-block span.more>span:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.news-grid .buttons,
.programs-grid .buttons,
.publication-block.publications-list .buttons,
.places-block.places-list .buttons,
.witnesses-list .buttons {
  position: absolute;
  top: -35px;
  right: 0px;
  width: 70px;
  height: 35px;
}

.news-grid .buttons .swiper-button-prev,
.news-grid .buttons .swiper-button-next,
.programs-grid .buttons .swiper-button-prev,
.programs-grid .buttons .swiper-button-next,
.publication-block.publications-list .buttons .swiper-button-prev,
.publication-block.publications-list .buttons .swiper-button-next,
.places-block.places-list .buttons .swiper-button-prev,
.places-block.places-list .buttons .swiper-button-next,
.witnesses-list .buttons .swiper-button-prev,
.witnesses-list .buttons .swiper-button-next {
  display: block;
  float: left;
  height: 100%;
  width: 50%;
  color: #f3f0e9;
  box-sizing: border-box;
  line-height: 30px;
  padding-top: 2px;
  top: 0px;
  margin-top: 0px;
}

.news-grid .buttons .swiper-button-prev:focus,
.news-grid .buttons .swiper-button-prev:hover,
.news-grid .buttons .swiper-button-next:focus,
.news-grid .buttons .swiper-button-next:hover,
.programs-grid .buttons .swiper-button-prev:focus,
.programs-grid .buttons .swiper-button-prev:hover,
.programs-grid .buttons .swiper-button-next:focus,
.programs-grid .buttons .swiper-button-next:hover,
.publication-block.publications-list .buttons .swiper-button-prev:focus,
.publication-block.publications-list .buttons .swiper-button-prev:hover,
.publication-block.publications-list .buttons .swiper-button-next:focus,
.publication-block.publications-list .buttons .swiper-button-next:hover,
.places-block.places-list .buttons .swiper-button-prev:focus,
.places-block.places-list .buttons .swiper-button-prev:hover,
.places-block.places-list .buttons .swiper-button-next:focus,
.places-block.places-list .buttons .swiper-button-next:hover,
.witnesses-list .buttons .swiper-button-prev:focus,
.witnesses-list .buttons .swiper-button-prev:hover,
.witnesses-list .buttons .swiper-button-next:focus,
.witnesses-list .buttons .swiper-button-next:hover {
  background-color: #231f20;
}

.news-grid .buttons .swiper-button-prev:focus,
.news-grid .buttons .swiper-button-next:focus,
.programs-grid .buttons .swiper-button-prev:focus,
.programs-grid .buttons .swiper-button-next:focus,
.publication-block.publications-list .buttons .swiper-button-prev:focus,
.publication-block.publications-list .buttons .swiper-button-next:focus,
.places-block.places-list .buttons .swiper-button-prev:focus,
.places-block.places-list .buttons .swiper-button-next:focus,
.witnesses-list .buttons .swiper-button-prev:focus,
.witnesses-list .buttons .swiper-button-next:focus {
  outline-offset: -2px;
}

.news-grid .buttons .swiper-button-prev,
.programs-grid .buttons .swiper-button-prev,
.publication-block.publications-list .buttons .swiper-button-prev,
.places-block.places-list .buttons .swiper-button-prev,
.witnesses-list .buttons .swiper-button-prev {
  background: #997f5c;
  text-align: left;
  padding-left: 10px;
  left: 0px;
}

.news-grid .buttons .swiper-button-prev:after,
.programs-grid .buttons .swiper-button-prev:after,
.publication-block.publications-list .buttons .swiper-button-prev:after,
.places-block.places-list .buttons .swiper-button-prev:after,
.witnesses-list .buttons .swiper-button-prev:after {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.news-grid .buttons .swiper-button-next,
.programs-grid .buttons .swiper-button-next,
.publication-block.publications-list .buttons .swiper-button-next,
.places-block.places-list .buttons .swiper-button-next,
.witnesses-list .buttons .swiper-button-next {
  background: #534b41;
  padding-right: 10px;
  text-align: right;
  right: 0px;
}

.news-grid .buttons .swiper-button-next:after,
.programs-grid .buttons .swiper-button-next:after,
.publication-block.publications-list .buttons .swiper-button-next:after,
.places-block.places-list .buttons .swiper-button-next:after,
.witnesses-list .buttons .swiper-button-next:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.news-grid .items-wrapper {
  position: relative;
}

.news-grid .items-wrapper .roll-top,
.news-grid .items-wrapper .roll-bottom {
  position: relative;
  overflow: hidden;
}

.news-grid .item .row {
  height: 100%;
}

.news-grid .item.left-offset-1 {
  margin-left: 16.6667%;
}

.news-grid .item.hidden-right {
  position: absolute;
  margin-left: 100%;
}

#skip-links {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 20;
}

#skip-links ul {
  margin: 0px;
  padding: 0px;
}

#skip-links ul li {
  padding: 0px;
  position: absolute;
  top: 0px;
}

#skip-links ul li:before {
  display: none;
}

#skip-links ul li a {
  display: block;
  width: 300px;
  background: #534b41;
  color: #e7e2d3;
  font-weight: bold;
  padding: 5px 30px;
  text-align: center;
}

a:focus {
  outline: 2px solid #3376ff;
  outline-offset: 0px;
}

[data-whatinput="mouse"] a:focus,
[data-whatinput="touch"] a:focus {
  outline: none;
}

#skip-links a:focus,
#zone-left a:focus {
  outline-offset: -2px;
}

/*******************************************************************************/
/******************************************/
/*****     Swiper - global style      *****/
/******************************************/
.swiper-container ul {
  padding: 0px;
  overflow: visible;
}

.swiper-container ul li {
  padding: 0px;
}

.swiper-container ul li:before {
  display: none;
}

.swiper-container ul li a {
  display: block;
  height: 100%;
}

.swiper-container .swiper-slide .foto {
  position: relative;
  overflow: hidden;
}

.swiper-container .swiper-pagination-container {
  position: absolute;
}

.swiper-container .swiper-pagination-container.big {
  top: -29px !important;
}

.swiper-container .swiper-pagination-container.center {
  top: -67px !important;
}

.swiper-container .swiper-pagination-container .has-tip {
  display: block;
  border: none;
}

.swiper-container .swiper-pagination {
  position: static;
  margin-top: 0px;
  text-align: left;
  width: auto;
  bottom: auto;
  bottom: initial;
  left: auto;
  left: initial;
  transition: none;
  -web-transition: none;
  -moz-transition: none;
  -o-transition: none;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #997f5c;
  opacity: 1;
  margin: 0px 12px 0px 0px;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet:last-of-type {
  margin-right: 0px;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet:hover {
  background: #e7e2d3;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background: #e7e2d3;
}

.owl-carousel .owl-controls .owl-buttons {
  height: 100%;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
  position: absolute;
  left: 0px;
  opacity: 1;
  border-radius: 0px;
  z-index: 10;
  height: 50%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  float: left;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
  top: 50%;
  background: #534b41;
}

.owl-carousel .owl-controls .owl-buttons .owl-next {
  top: 0px;
  background: #997f5c;
}

/******************************************/
/*****         Rotator główny         *****/
/******************************************/
.rotator-block .main-rotator {
  width: 100%;
  height: 436px;
  overflow: hidden;
}

.rotator-block .main-rotator .foto {
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.rotator-block .main-rotator .foto img {
  position: absolute;
  bottom: 0px;
  height: 125%;
  left: -127%;
  width: 350%;
  min-width: 100%;
  max-width: initial;
}

.rotator-block .main-rotator .swiper-pagination-container,
.rotator-block .main-rotator .description {
  left: 0px;
  padding-left: 30px;
  padding-right: 30px;
}

.rotator-block .main-rotator .swiper-pagination-container {
  bottom: 38px;
}

.rotator-block .main-rotator .swiper-pagination-container .swiper-pagination-bullet:hover,
.rotator-block .main-rotator .swiper-pagination-container .swiper-pagination-bullet-active {
  background: #e7e2d3;
}

.rotator-block .main-rotator .description {
  position: absolute;
  top: 50%;
  color: #fefefe;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
}

.rotator-block .main-rotator .description .title {
  font-size: 1.5rem;
  line-height: 1.2em;
  font-weight: bold;
  color: #f3f0e9;
}

.rotator-block .main-rotator .description .text {
  font-size: 1rem;
  line-height: 1.1em;
  font-weight: bold;
  margin-top: 38px;
}

/******************************************/
/*****       Lista aktualności        *****/
/******************************************/
.news-block.news-list {
  position: relative;
  margin-top: 25px;
}

.news-block.news-list .swiper-container {
  overflow: visible;
}

.news-block.news-list .swiper-slide .date-block,
.news-block.news-list .swiper-slide .text-block {
  box-sizing: border-box;
}

.news-block.news-list a.more {
  position: absolute;
  top: -27px;
  right: 90px;
  font-weight: bold;
  font-size: 0.8125em;
}

.news-block.news-list a.more:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.news-block.news-list a.more span {
  display: none;
}

.news-block.news-list .date-block {
  background: #534b41;
}

.news-block.news-list .date-block .date {
  color: #f3f0e9;
}

.news-block.news-list .text-block {
  background: #f3f0e9;
}

.news-block.news-list .text-block .title {
  color: #534b41;
}

.news-block.news-list .text-block span.more {
  border-top-color: #e7e2d3;
}

.news-block.news-list .text-block span.more span {
  color: #997f5c;
}

.news-block.news-list .text-block span.more:before {
  background: #e7e2d3;
}

.news-block.news-list .swiper-pagination-container {
  position: absolute;
  top: -54px;
  right: 30px;
}

/* lista aktualności hover */
.news-list .item a:focus .title,
.news-list .item a:hover .title {
  color: #997f5c;
}

.news-list .item a:focus span.more:before,
.news-list .item a:hover span.more:before {
  width: 100%;
  background: #534b41;
}

.news-list .item a:focus img,
.news-list .item a:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

.news-list a.more:hover {
  color: #534b41;
}

/******************************************/
/*****       Programy cykliczne       *****/
/******************************************/
.programs-list {
  margin-top: 25px;
  background: #f3f0e9;
}

.programs-list .item a {
  outline-offset: -2px;
}

.programs-list .swiper-container {
  overflow: visible;
}

.programs-list .date-block .date {
  color: #534b41;
}

.programs-list .text-block {
  background: #534b41;
}

.programs-list .text-block .title {
  color: #f3f0e9;
}

.programs-list .text-block span.more {
  border-top-color: #39322a;
}

.programs-list .text-block span.more span {
  color: #fefefe;
}

.programs-list .text-block span.more:before {
  right: 0px;
  left: auto;
  left: initial;
  transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}

.programs-list .item {
  display: block;
}

.programs-list .item.reverse span.more:before {
  left: 0px;
  transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}

.programs-list .swiper-pagination-container {
  position: absolute;
  right: 30px;
  top: -54px;
}

.programs-list .swiper-pagination-container .swiper-pagination-bullet-active,
.programs-list .swiper-pagination-container .swiper-pagination-bullet:hover {
  background: #534b41;
}

/* programy cykliczne hover */
.programs-list .item a:focus .text-block,
.programs-list .item a:hover .text-block {
  background: #997f5c;
}

.programs-list .item a:focus .date-block .date,
.programs-list .item a:hover .date-block .date {
  color: #997f5c;
}

.programs-list .item a:focus span.more:before,
.programs-list .item a:hover span.more:before {
  width: 100%;
  background: #c0a785;
}

/******************************************/
/*****           Kalendarium          *****/
/******************************************/
.events-block {
  background-color: #997f5c;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 150% 100%;
  padding: 0px 30px 0px;
  height: 600px;
  position: relative;
}

.events-block .title {
  width: 100%;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1em;
  text-transform: uppercase;
  color: #fefefe;
  padding: 45px 0px;
  font-weight: bold;
}

.events-block .title .day {
  display: none;
}

.events-block .previous,
.events-block .next {
  position: absolute;
  display: block;
  width: 29px;
  height: 25px;
  top: 40px;
  z-index: 3;
  color: #fefefe;
  font-size: 25px;
  line-height: 25px;
}

.events-block .previous {
  left: 30px;
}

.events-block .previous:after {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.events-block .next {
  right: 30px;
}

.events-block .next:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.events-block .calendar-wrapper {
  position: absolute;
  width: 500%;
  height: 100%;
  left: 50%;
  top: 0px;
  border-spacing: 0px;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  z-index: 1;
}

.events-block .calendar-wrapper .calendar-page {
  position: relative;
  float: left;
  width: 20%;
  padding: 0px 20px;
  min-height: 1px;
  height: 100%;
}

.events-block .calendar-wrapper .calendar-page .loader {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 50%;
  left: 50%;
  font-size: 80px;
  color: #e7e2d3;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  opacity: 0.7;
}

.events-block .calendar-wrapper .calendar-page .loader:after {
  content: "\e90c";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.events-block .calendar-wrapper .calendar-page .loader:after {
  display: block;
  width: 100%;
  height: 100%;
  animation: loader-rotate 1.5s linear infinite;
  -webkit-animation: loader-rotate 1.5s linear infinite;
  -moz-animation: loader-rotate 1.5s linear infinite;
  -o-animation: loader-rotate 1.5s linear infinite;
}

.events-block .calendar-wrapper table.calendar {
  width: 100%;
  border-collapse: collapse;
  margin: 0px;
  background: none;
}

.events-block .calendar-wrapper table.calendar caption {
  padding: 0px;
}

.events-block .calendar-wrapper table.calendar tr {
  background: none;
  border: none;
}

.events-block .calendar-wrapper table.calendar th,
.events-block .calendar-wrapper table.calendar td {
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  background: none;
  color: #d4ccb3;
}

.events-block .calendar-wrapper table.calendar th {
  font-size: 1.125rem;
  width: 14%;
  height: 45px;
}

.events-block .calendar-wrapper table.calendar td {
  border: none;
  border-collapse: collapse;
  height: 50px;
  line-height: 50px;
  font-size: 1.125rem;
  font-weight: bold;
}

.events-block .calendar-wrapper table.calendar td a {
  display: block;
  width: 100%;
  height: 100%;
}

.events-block .calendar-wrapper table.calendar td a:focus,
.events-block .calendar-wrapper table.calendar td a:hover {
  background-color: rgba(86, 80, 71, 0.8);
}

.events-block .calendar-wrapper table.calendar .empty {
  background: none;
}

.events-block .calendar-wrapper table.calendar .today {
  background: #534b41;
}

.events-block .calendar-wrapper table.calendar .today.event {
  background: none;
}

.events-block .calendar-wrapper table.calendar .today.event a {
  background: #534b41;
}

.events-block .calendar-wrapper table.calendar .event a {
  color: #f3f0e9;
}

.events-block .events-list {
  position: absolute;
  top: 70px;
  left: 0px;
  right: 0px;
  bottom: 70px;
  overflow: hidden;
}

.events-block .events-list.active {
  z-index: 9;
}

.events-block .events-container {
  height: 100%;
  padding-top: 10px;
}

.events-block .events-container.mCS_no_scrollbar .events {
  padding: 0px 20px;
}

.events-block .events {
  padding: 0px 0px 0px 20px;
  overflow: auto;
  height: 100%;
}

.events-block .events .event {
  position: relative;
  display: block;
  width: 100%;
  min-height: 70px;
  color: white;
  margin-bottom: 1px;
  overflow: hidden;
  padding: 10px;
  font-weight: bold;
  outline-offset: -2px;
}

.events-block .events .event:hover {
  background-color: rgba(86, 80, 71, 0.8);
}

.events-block .events .event .date {
  float: left;
  margin-right: 20px;
}

.events-block .events .event .date .day,
.events-block .events .event .date .day1,
.events-block .events .event .date .day2 {
  float: right;
  font-size: 3.125rem;
  line-height: 0.75em;
  clear: both;
}

.events-block .events .event .date .hyphen {
  float: right;
  clear: both;
  display: block;
  margin-right: 0.4em;
  font-size: 2.6875rem;
  line-height: 0.2em;
}

.events-block .events .event .date .month-year {
  float: right;
  clear: both;
  display: block;
  font-size: 0.84375rem;
  margin-right: 2px;
}

.events-block .events .event .date .month-year.first {
  margin-top: 0px;
}

.events-block .events .event .events-title {
  display: block;
  margin-top: 10px;
}

.events-block .bottom {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  padding: 14px 30px 15px;
  font-size: 0.8125rem;
  z-index: 9;
}

.events-block .bottom .border {
  width: 100%;
  height: 1px;
  background: #e7e2d3;
  opacity: 0.4;
  position: relative;
  top: -14px;
}

.events-block .bottom .report,
.events-block .bottom .back {
  float: left;
  color: #fefefe;
  display: block;
  margin: 6px 0px;
  font-weight: bold;
}

.events-block .bottom .report:after,
.events-block .bottom .back:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.events-block .bottom .report:focus,
.events-block .bottom .report:hover,
.events-block .bottom .back:focus,
.events-block .bottom .back:hover {
  color: #231f20;
}

.events-block .bottom .back {
  display: none;
  margin-left: -100%;
}

.events-block .bottom .back:before {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}

.events-block .bottom .back:after {
  display: none;
}

.events-block .bottom .legend {
  float: right;
  font-weight: bold;
  position: absolute;
  top: -50px;
  padding: 0px 0px;
}

.events-block .bottom .legend span {
  display: inline-block;
  padding: 6px 0px;
  margin: 0px 6px;
}

.events-block .bottom .legend .today {
  background: #534b41;
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  color: #f3f0e9;
  float: left;
}

.events-block .bottom .legend .event {
  color: #f3f0e9;
  float: left;
}

.events-block .bottom .legend .no-event {
  color: #d4ccb3;
  clear: both;
  float: left;
  display: inline-block;
}

.events-block .bottom .legend .label {
  display: block;
  float: left;
  color: #f1f1f1;
  text-transform: uppercase;
  font-size: 0.8461em;
  background: none;
  padding: 6px 0px;
  line-height: 1.8em;
}

/*******************************************/
/*****         Wystawy czasowe        *****/
/******************************************/
.expositions-list {
  display: block;
}

.expositions-list a.item {
  outline-offset: -2px;
}

.expositions-list .columns {
  display: block;
}

.expositions-list .item {
  height: auto;
  display: block;
}

.expositions-list .item .column,
.expositions-list .item .columns,
.expositions-list .item .columns,
.expositions-list .item .row {
  height: 100%;
}

.expositions-list .item .image {
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.expositions-list .item .image img {
  height: 101%;
  width: 101%;
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.expositions-list .item .date-block {
  height: 50%;
}

.expositions-list .item .date-block .date {
  color: #1f1f1f;
}

.expositions-list .item .text-block {
  height: 50%;
  background: #231f20;
}

.expositions-list .item .text-block .title {
  color: #f3f0e9;
}

.expositions-list .item .text-block span.more {
  border-top-color: #0c0b0b;
}

.expositions-list .item .text-block span.more span {
  color: #fefefe;
  transition: color 0.4s;
  -web-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
}

.expositions-list .item:focus .date-block .date,
.expositions-list .item:hover .date-block .date {
  color: #534b41;
}

.expositions-list .item:focus .text-block,
.expositions-list .item:hover .text-block {
  background: #534b41;
}

.expositions-list .item:focus .text-block .title,
.expositions-list .item:hover .text-block .title {
  color: #d4ccb3;
}

.expositions-list .item:focus .text-block span.more span,
.expositions-list .item:hover .text-block span.more span {
  color: #d4ccb3;
}

.expositions-list .item:focus .text-block span.more:before,
.expositions-list .item:hover .text-block span.more:before {
  width: 100%;
  background: #6d6358;
}

.expositions-list .item:focus .image img,
.expositions-list .item:hover .image img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

/*******************************************/
/*****            Publikacje          *****/
/******************************************/
.publications-list {
  margin-top: 25px;
  position: relative;
  height: 300px;
}

.publications-list .swiper-container {
  overflow: visible;
  height: 100%;
}

.publications-list .swiper-slide {
  box-sizing: border-box;
  position: relative;
  padding-top: 49px;
  transition: background 0.4s;
  -web-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
}

.publications-list .swiper-slide.hover {
  background: #f3f0e9;
}

.publications-list .swiper-slide a {
  display: block;
  float: left;
  margin-left: 50%;
  transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  height: auto;
}

.publications-list .swiper-slide img {
  width: 135px;
  height: 194px;
}

.publications-list .swiper-pagination-container {
  position: absolute;
  top: -54px;
  right: 30px;
}

.publications-list .swiper-pagination-container .swiper-pagination-bullet:hover,
.publications-list .swiper-pagination-container .swiper-pagination-bullet-active {
  background: #534b41;
}

/*********************************************/
/*****            Foto link              *****/
/*********************************************/
.foto-link.small a {
  position: relative;
  left: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 100%;
  outline-offset: -2px;
  overflow: hidden;
}

.foto-link.small a .text {
  position: absolute;
  right: 0px;
  width: 100%;
  padding: 100px 5px 10px 28px;
  color: #fefefe;
  font-size: 2.5rem;
  line-height: 1em;
  font-weight: bold;
  text-align: right;
}

.foto-link.small a img {
  width: 101%;
  height: 101%;
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.foto-link.small a:focus img,
.foto-link.small a:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

.foto-link.big {
  height: 600px;
  position: relative;
}

.foto-link.big img {
  width: 100%;
  height: 100%;
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.foto-link.big>a {
  position: absolute;
  top: 40%;
  display: block;
  padding: 0px 30px;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  color: #fefefe;
}

.foto-link.big>a:focus,
.foto-link.big>a:hover {
  color: #1f1f1f;
}

.foto-link.big>a .text {
  width: 100%;
  font-size: 2.125rem;
  line-height: 1.3em;
  font-weight: bold;
}

.foto-link.big .bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 18px 30px;
}

.foto-link.big .bottom:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #e7e2d3;
  opacity: 0.4;
  position: relative;
  top: -18px;
}

.foto-link.big .bottom a {
  position: static;
  display: inline-block;
  color: #fefefe;
  font-size: 0.8125rem;
  padding: 0px;
  font-weight: bold;
}

.foto-link.big .bottom a:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.foto-link.big .bottom a:focus,
.foto-link.big .bottom a:hover {
  color: #1f1f1f;
}

div.header-block {
  display: none;
}

.foto-link.big:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

/******************************************/
/*****    Miejsce Pamięci Narodowej   *****/
/******************************************/
.places-block.places-list {
  margin-top: 25px;
  position: relative;
}

.places-block.places-list .swiper-container {
  overflow: visible;
}

.places-block.places-list .swiper-slide .date-block,
.places-block.places-list .swiper-slide .text-block {
  box-sizing: border-box;
}

.places-block.places-list a.more {
  position: absolute;
  top: -27px;
  right: 90px;
  font-weight: bold;
  font-size: 0.8125em;
}

.places-block.places-list a.more:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.places-block.places-list .title {
  color: #f3f0e9;
}

.places-block.places-list .date-block {
  background: #997f5c;
}

.places-block.places-list .text-block {
  background: #534b41;
}

.places-block.places-list .text-block span.more {
  border-top-color: #39322a;
}

.places-block.places-list .text-block span.more span {
  color: #fefefe;
}

.places-block.places-list .text-block span.more:before {
  background: #39322a;
}

.places-block.places-list .swiper-pagination-container {
  position: absolute;
  top: -54px;
  right: 30px;
}

.places-block.places-list {
  position: relative;
}

.places-block.places-list .item a:focus .text-block,
.places-block.places-list .item:hover .text-block {
  background: #231f20;
}

.places-block.places-list .item a:focus span.more:before,
.places-block.places-list .item:hover span.more:before {
  width: 100%;
  background: #997f5c;
}

.places-block.places-list .item a:focus img,
.places-block.places-list .item:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

.places-block.places-list a.more:hover {
  color: #534b41;
}

/******************************************/
/*****        Animacje i filmy        *****/
/******************************************/
.video-list {
  margin-top: 25px;
  background: url("/szablony/cmjw/images/video_bg.jpg") no-repeat;
  background-size: 100% 100%;
}

.video-list .swiper-container {
  overflow: visible;
}

.video-list .swiper-slide a {
  outline-offset: -2px;
}

.video-list .swiper-slide .text-block {
  background: #f3f0e9;
  z-index: 0;
}

.video-list .swiper-slide .text-block .title {
  color: #534b41;
}

.video-list .swiper-slide .text-block span.more {
  border-top-color: #e8e2d4;
}

.video-list .swiper-slide .text-block span.more:before {
  right: 0px;
  left: auto;
  left: initial;
  transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}

.video-list .swiper-slide .text-block span.more span {
  color: #997f5c;
}

.video-list .swiper-slide.reverse span.more:before {
  left: 0px;
  transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
}

.video-list .swiper-pagination-container {
  position: absolute;
  right: 30px;
  top: -54px;
}

.video-list .swiper-pagination-container .swiper-pagination-bullet-active,
.video-list .swiper-pagination-container .swiper-pagination-bullet:hover {
  background: #e7e2d3;
}

.video-list .item .text-block:focus .title,
.video-list .item .text-block:hover .title {
  color: #997f5c;
}

.video-list .item .text-block:focus span.more:before,
.video-list .item .text-block:hover span.more:before {
  width: 100%;
  background: #534b41;
}

/* custom scrollbar themes */
.mCS-white.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #685d4e;
  border-radius: 0px;
  width: 5px;
}

.mCS-white.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fefefe;
  border-radius: 0px;
  width: 5px;
}

.mCS-white.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-white.mCSB_scrollTools .mCSB_dragger.active .mCSB_dragger_bar,
.mCS-white.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fefefe;
}

.mCS-white.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-white.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-white.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-white.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-map.mCSB_scrollTools {
  width: 5px;
  z-index: 11;
}

.mCS-map.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #685d4e;
  border-radius: 0px;
  width: 5px;
}

.mCS-map.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #997f5c;
  border-radius: 0px;
  width: 5px;
}

.mCS-map.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-map.mCSB_scrollTools .mCSB_dragger.active .mCSB_dragger_bar,
.mCS-map.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #997f5c;
}

.mCS-map.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-map.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-map.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-map.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

.mCS-map>.mCSB_container {
  margin-right: 0px;
}

.mCS-menu.mCustomScrollBox {
  overflow: visible;
}

.mCS-menu.mCSB_inside>.mCSB_container {
  margin-right: 0px;
  overflow: visible;
}

.mCS-menu.mCSB_scrollTools {
  width: 2px;
}

.mCS-menu.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0px;
  width: 2px;
}

/******************************************/
/*****       Swiadkowie historii      *****/
/******************************************/
.witnesses-list {
  margin-top: 25px;
}

.witnesses-list .item a {
  outline-offset: -2px;
}

.witnesses-list .swiper-container {
  overflow: visible;
}

.witnesses-list .swiper-slide .date-block,
.witnesses-list .swiper-slide .text-block {
  box-sizing: border-box;
}

.witnesses-list .columns {
  display: block;
}

.witnesses-list .item {
  height: auto;
  display: block;
}

.witnesses-list .item .column,
.witnesses-list .item .columns,
.witnesses-list .item .columns,
.witnesses-list .item .row {
  height: 100%;
}

.witnesses-list .item .image {
  display: block;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.witnesses-list .item .image img {
  height: 100%;
  width: 100%;
  transition: all 0.5s ease-out;
  -web-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}

.witnesses-list .item .date-block {
  height: 50%;
  display: none;
}

.witnesses-list .item .text-block {
  height: 100%;
  background: #231f20;
}

.witnesses-list .item .text-block .title {
  color: #f3f0e9;
}

.witnesses-list .item .text-block span.more {
  border-top-color: #0c0b0b;
}

.witnesses-list .item .text-block span.more span {
  color: #fefefe;
}

.witnesses-list .swiper-pagination-container {
  position: absolute;
  right: 30px;
  top: -54px;
}

.witnesses-list .swiper-pagination-container .swiper-pagination-bullet:hover,
.witnesses-list .swiper-pagination-container .swiper-pagination-bullet-active {
  background: #534b41;
}

.witnesses-list .item a:focus .text-block .title,
.witnesses-list .item a:hover .text-block .title {
  color: #997f5c;
}

.witnesses-list .item a:focus .text-block span.more span,
.witnesses-list .item a:hover .text-block span.more span {
  color: #997f5c;
}

.witnesses-list .item a:focus .text-block span.more:before,
.witnesses-list .item a:hover .text-block span.more:before {
  width: 100%;
  background: #e7e2d3;
}

.witnesses-list .item a:focus .image img,
.witnesses-list .item a:hover .image img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

#zone-13 {
  padding-bottom: 10px;
}

#zone-13 p {
  padding-bottom: 0px;
}

/* calendar loader animation */
@keyframes loader-rotate {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

/*********************************************/
/*****       menu + menu-dropdown        *****/
/*********************************************/
.menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.menu>li {
  position: relative;
  display: block;
  width: 100%;
  height: 124px;
  padding: 0px;
  margin: 0px;
  background: #fefefe;
}

.menu>li:before {
  content: '';
  display: block;
  height: 1px;
  width: 100px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #dcdcdc;
  margin: 0px 10px;
  z-index: 10;
}

.menu>li.no-spacer:before {
  display: none;
}

.menu>li.active a {
  background-color: #534b41;
}

.menu>li.active a img {
  margin-top: -124px;
}

.menu>li.active span {
  color: #f3f0e9;
}

.menu>li>a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  padding: 0px 10px;
  background-repeat: no-repeat;
  background-position: center 0px;
  transition: background-color 0.4s;
  -web-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  overflow: hidden;
}

.menu>li>a.menu-button img {
  margin-top: -95px;
}

.menu>li>a:focus,
.menu>li>a:hover,
.menu>li>a.menu-button:focus,
.menu>li>a.menu-button:hover,
.menu>li>a.menu-button.active {
  background-color: #534b41;
}

.menu>li>a:focus img,
.menu>li>a:hover img,
.menu>li>a.menu-button:focus img,
.menu>li>a.menu-button:hover img,
.menu>li>a.menu-button.active img {
  margin-top: -124px;
}

.menu>li>a:focus span,
.menu>li>a:hover span,
.menu>li>a.menu-button:focus span,
.menu>li>a.menu-button:hover span,
.menu>li>a.menu-button.active span {
  color: #f3f0e9;
}

.menu>li>a.menu-button:focus img,
.menu>li>a.menu-button:hover img,
.menu>li>a.menu-button.active img {
  margin-top: -219px;
}

.menu>li>a>span {
  display: block;
  position: absolute;
  bottom: 15px;
  width: 100px;
  font-size: 0.8125rem;
  color: #444444;
}

.menu>li>a.menu-button {
  height: 124px;
  padding-top: 95px;
  text-align: center;
  margin: 0px 0px 1px 0px;
}

.menu #menu-dropdown {
  margin: 0px;
  padding: 65px 0px 0px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
  background: rgba(83, 75, 65, 0.98);
  z-index: 99;
  overflow-x: hidden;
}

.menu #menu-dropdown li {
  background: none;
  width: 100%;
  padding: 34px 0px;
  text-align: center;
}

.menu #menu-dropdown li:before {
  display: none;
}

.menu #menu-dropdown li.last {
  padding-bottom: 99px;
}

.menu #menu-dropdown li.close {
  width: 60px;
  height: 60px;
  background: #e7e2d3;
  position: absolute;
  top: -60px;
  right: -60px;
  padding: 0px;
}

.menu #menu-dropdown li.close a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.menu #menu-dropdown li.close a .line1,
.menu #menu-dropdown li.close a .line2 {
  width: 44px;
  height: 3px;
  background: #534b41;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s;
  -web-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.menu #menu-dropdown li.close a .line1:before {
  content: '';
  display: block;
  height: 3px;
  width: 0%;
  position: absolute;
  left: 0px;
  background: #997f5c;
  transition: width 0.5s;
  -web-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}

.menu #menu-dropdown li.close a .line2:before {
  content: '';
  display: block;
  height: 3px;
  width: 0%;
  position: absolute;
  right: 0px;
  background: #997f5c;
  transition: width 0.5s;
  -web-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}

.menu #menu-dropdown li.close a:focus .line1:before,
.menu #menu-dropdown li.close a:hover .line1:before {
  width: 100%;
}

.menu #menu-dropdown li.close a:focus .line2:before,
.menu #menu-dropdown li.close a:hover .line2:before {
  width: 100%;
}

.menu #menu-dropdown li.close.active .line1 {
  transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
}

.menu #menu-dropdown li.close.active .line2 {
  transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
}

.menu #menu-dropdown li a {
  display: inline-block;
}

.menu #menu-dropdown li a span {
  display: inline-block;
  color: #e7e2d3;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2em;
  transition: color 0.4s;
  -web-transition: color 0.4s;
  -moz-transition: color 0.4s;
  -o-transition: color 0.4s;
}

.menu #menu-dropdown li a span:hover {
  color: #fefefe;
}

/*********************************************/
/*****    menu + menu-dropdown - rwd     *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .menu #menu-dropdown li a span {
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 40em) {
  .menu #menu-dropdown li a span {
    font-size: 2.1875rem;
  }
}

@media screen and (min-width: 48em) {
  .menu #menu-dropdown {
    padding: 50px 0px;
  }

  .menu #menu-dropdown li {
    padding: 20px 0px;
  }

  .menu #menu-dropdown li.last {
    padding-bottom: 70px;
  }

  .menu #menu-dropdown li a span {
    font-size: 3.4375rem;
  }

  .menu #menu-dropdown li.close {
    width: 120px;
    height: 120px;
    top: -120px;
    right: -120px;
  }

  .menu #menu-dropdown li.close a .line1,
  .menu #menu-dropdown li.close a .line2 {
    width: 75px;
  }
}

/*********************************************/
/*****           menu inline             *****/
/*********************************************/
.menu-inline {
  padding: 0px;
  margin: 0px;
}

.menu-inline li {
  padding: 0px 14px;
  background: none;
  display: inline-block;
  float: left;
  line-height: 1em;
  position: relative;
  height: 23px;
  padding-top: 6px;
}

.menu-inline li:after,
.menu-inline li:before {
  content: '';
  display: block;
  width: 1px;
  position: absolute;
  top: 51%;
  transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  height: 1em;
}

.menu-inline li:after {
  background: #f8f8f8;
  right: 0px;
}

.menu-inline li:before {
  background: #dedede;
  left: 0px;
}

.menu-inline li:first-of-type:before,
.menu-inline li:last-of-type:after {
  display: none;
}

.menu-inline a {
  color: #444444;
  display: inline-block;
}

.menu-inline a:focus,
.menu-inline a:hover {
  color: #997f5c;
}

/*********************************************/
/*****           menu modul              *****/
/*********************************************/
.menu-module a {
  color: #231f20;
}

.menu-module a:focus,
.menu-module a:hover {
  color: #997f5c;
}

.menu-module ul {
  padding: 0px;
  margin: 10px -23px 6px;
  font-weight: bold;
  font-size: 1.25rem;
  position: relative;
  overflow: visible;
}

.menu-module ul li {
  display: inline-block;
  background: none;
  padding: 0px 23px;
  float: left;
  border-right: 2px solid #c2b29d;
  line-height: 0.9em;
  overflow: visible;
  position: static;
}

.menu-module ul li:last-of-type {
  border-right: none;
}

.menu-module ul li:last-of-type:after {
  display: none;
}

.menu-module ul li:before {
  display: none;
}

.menu-module ul li.active>a,
.menu-module ul li.hover>a {
  color: #997f5c;
}

.menu-module ul li.active ul.poziom2,
.menu-module ul li.hover ul.poziom2 {
  display: block;
}

.menu-module ul li.active ul.poziom2 li.active ul.poziom3,
.menu-module ul li.active ul.poziom2 li.hover ul.poziom3,
.menu-module ul li.hover ul.poziom2 li.active ul.poziom3,
.menu-module ul li.hover ul.poziom2 li.hover ul.poziom3 {
  display: block;
}

.menu-module ul.poziom2 {
  display: none;
  font-size: 0.7em;
  position: absolute;
  left: 23px;
  margin: 15px -15px 0px;
}

.menu-module ul.poziom2 li {
  padding: 0px 15px;
}

.menu-module ul.poziom3 {
  display: none;
  font-size: 0.93em;
  position: absolute;
  left: 15px;
  margin: 13px -12px 0px;
}

.menu-module ul.poziom3 li {
  padding: 0px 12px;
}

html.font-size-1 {
  font-size: 110%;
}

html.font-size-2 {
  font-size: 120%;
}

/*********************************************/
/*****               Muzea               *****/
/*********************************************/
.museums-list {
  position: relative;
}

.museums-list .item .text-block,
.museums-list .item .date-block {
  z-index: 0;
}

.museums-list .item .text-block {
  background: #231f20;
  line-height: 1.5em;
  overflow: hidden;
  transition: padding 0.4s;
  -web-transition: padding 0.4s;
  -moz-transition: padding 0.4s;
  -o-transition: padding 0.4s;
}

.museums-list .item .text-block.columns {
  padding: 35px 30px 0px !important;
}

.museums-list .item .text-block .title {
  margin-bottom: 5px;
  color: #f3f0e9;
  font-size: 1.25rem;
}

.museums-list .item .text-block .info {
  color: #f3f0e9;
  font-weight: normal;
}

.museums-list .item .text-block .info span {
  display: block;
  padding-left: 35px;
}

.museums-list .item .text-block .info a {
  color: #fefefe;
}

.museums-list .item .text-block .info a:focus,
.museums-list .item .text-block .info a:hover {
  color: #997f5c;
}

.museums-list .item .text-block span.more {
  border-top-color: #0c0b0b;
  height: 61px !important;
  transition: height 0.5s;
  -web-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
}

.museums-list .item .text-block span.more a {
  color: #fefefe;
  margin-top: 16px;
  transition: margin 0.5s;
  -web-transition: margin 0.5s;
  -moz-transition: margin 0.5s;
  -o-transition: margin 0.5s;
  font-size: 0.8125rem;
}

.museums-list .item .text-block span.more .open {
  position: absolute;
  left: 0px;
}

.museums-list .item .text-block span.more .map {
  position: absolute;
  right: 0px;
}

.museums-list .item .text-block span.more .back {
  position: absolute;
  left: -100%;
}

.museums-list .item .text-block span.more .back:before {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}

.museums-list .item .text-block span.more .back:after {
  display: none;
}

.museums-list .item .text-block .main-block,
.museums-list .item .text-block .second-block {
  float: left;
  position: absolute;
  width: 100%;
}

.museums-list .item .text-block .main-block {
  left: 0%;
}

.museums-list .item .text-block .second-block {
  color: #f3f0e9;
  left: 120%;
  font-weight: normal;
  font-size: 0.875rem;
  text-align: center;
}

.museums-list .item .text-block.columns.small {
  padding: 15px 15px 0px !important;
}

.museums-list .item .text-block.columns.small div.more {
  height: 41px !important;
}

.museums-list .item .text-block.columns.small div.more a {
  margin-top: 10px;
}

#museum-map-popup {
  background: #fefefe;
  width: 80%;
  max-width: 1000px;
  height: 500px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  display: none;
  overflow: hidden;
}

#museum-map-popup #museum-map {
  width: 100%;
  height: 100%;
}

#museum-map-popup a.close {
  display: block;
  width: 60px;
  height: 60px;
  background: #e7e2d3;
  position: absolute;
  top: -60px;
  right: -60px;
  padding: 0px;
  z-index: 9;
}

#museum-map-popup a.close .line1,
#museum-map-popup a.close .line2 {
  width: 44px;
  height: 3px;
  background: #534b41;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s;
  -web-transition: transform 0.4s;
  -moz-transition: transform 0.4s;
  -o-transition: transform 0.4s;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

#museum-map-popup a.close .line1:before {
  content: '';
  display: block;
  height: 3px;
  width: 0%;
  position: absolute;
  left: 0px;
  background: #997f5c;
  transition: width 0.5s;
  -web-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}

#museum-map-popup a.close .line2:before {
  content: '';
  display: block;
  height: 3px;
  width: 0%;
  position: absolute;
  right: 0px;
  background: #997f5c;
  transition: width 0.5s;
  -web-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}

#museum-map-popup a.close:hover .line1:before {
  width: 100%;
}

#museum-map-popup a.close:hover .line2:before {
  width: 100%;
}

#museum-map-popup a.close.active .line1 {
  transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
}

#museum-map-popup a.close.active .line2 {
  transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
}

/*********************************************/
/*****          Muzea - hover            *****/
/*********************************************/
.museums-list .item span.more a:focus,
.museums-list .item span.more a:hover {
  color: #997f5c;
}

.museums-list .item:hover span.more:before {
  width: 100%;
  background: #e7e2d3;
}

.museums-list .item:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
}

/*********************************************/
/*****            Muzea - rwd            *****/
/*********************************************/
@media screen and (min-width: 31.25rem) and (max-width: 40rem),
screen and (min-width: 51.3125rem) and (max-width: 60.6875rem) {
  .museums-list .item .text-block {
    line-height: 1.2em;
  }

  .museums-list .item .text-block.columns {
    padding: 23px 25px 0px !important;
  }

  .museums-list .item .text-block .title {
    font-size: 0.9375rem;
  }

  .museums-list .item .text-block .info {
    font-size: 0.875rem;
  }

  .museums-list .item .text-block span.more {
    height: 48px !important;
  }

  .museums-list .item .text-block span.more a {
    margin-top: 13px;
  }

  .museums-list .item:nth-of-type(2n) .date-block {
    float: right;
  }
}

@media screen and (min-width: 40rem) and (max-width: 70rem) {
  .museums-list .item:nth-of-type(2n) .date-block {
    float: right;
  }
}

@media screen and (min-width: 51.3125rem) and (max-width: 70rem) {
  .museums-list .grid {
    width: 66.6667%;
  }

  .museums-list .item:nth-of-type(2n) {
    margin-left: 33.334%;
  }

  .museums-list .item:nth-of-type(2n) .date-block {
    float: left;
  }
}

@media screen and (min-width: 70rem) and (max-width: 77.5rem) {
  .museums-list .item .text-block {
    line-height: 1.2em;
  }

  .museums-list .item .text-block .title {
    font-size: 0.9375rem;
  }

  .museums-list .item .text-block .info {
    font-size: 0.875rem;
  }

  .museums-list .item .text-block span.more {
    height: 48px !important;
  }

  .museums-list .item .text-block span.more a {
    margin-top: 13px;
  }
}

/*********************************************/
/*****            Wyszukiwarka           *****/
/*********************************************/
.search-module .search-block {
  padding: 20px 0px 0px;
  overflow: hidden;
  height: 131px;
}

.search-module .search-block .text-input {
  width: 100%;
  max-width: 410px;
  height: 43px;
  border-radius: 3px;
  border: 1px solid #e7e2d3;
  background: rgba(0, 0, 0, 0.3);
  color: #f3f0e9;
  margin-bottom: 0px;
  margin-right: 19px;
}

.search-module .search-block .submit {
  font-size: 1.25rem;
  line-height: 1.1em;
  background: none;
  color: #f3f0e9;
  font-weight: bold;
  height: 43px;
  padding: 0px;
}

.search-module .search-block .submit:focus,
.search-module .search-block .submit:hover {
  color: #997f5c;
}

.search-module .search-block .submit:focus {
  outline: 2px solid #3376FF;
  outline-offset: -2px;
}

.search-module .query-info {
  padding-top: 65px;
  clear: both;
}

.search-module .query-info .mark {
  font-weight: bold;
  color: #997f5c;
}

.search-module .results {
  padding-top: 30px;
}

.search-module .results ul {
  margin: 0px;
  padding: 0px;
  overflow: visible;
}

.search-module .results ul li {
  margin: 0px;
  padding: 0px;
}

.search-module .results ul li:before {
  display: none;
}

.search-module .results .title {
  font-weight: bold;
}

.search-module .results .desc {
  padding-bottom: 25px;
  margin-bottom: 45px;
}

.search-module .results .desc:after {
  position: relative;
  bottom: -25px;
}

.search-module .results .desc:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #dcdcdc;
  position: relative;
}

.search-module .results .beam {
  display: block;
  padding: 8px 0px;
  margin: 0px 0px 16px;
  font-size: 1.25rem;
  font-weight: bold;
  cursor: pointer;
  color: #231f20;
}

.search-module .results .beam:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #dcdcdc;
  position: relative;
}

.search-module .results .beam:after {
  position: relative;
  bottom: -8px;
  background: #997f5c;
}

.search-module .results .beam:focus,
.search-module .results .beam:hover {
  color: #997f5c;
}

.search-module .results .beam.active:after {
  width: 100%;
}

.search-module .results .beam .count {
  float: right;
  color: #997f5c;
  font-size: 0.9em;
  line-height: 1.3em;
}

.search-module .results .beam .count .number {
  font-size: 1.6667em;
}

.search-module .results .beam.active {
  color: #997f5c;
}

.search-module .results .beam.active .count {
  color: #534b41;
}

.search-module .results .result {
  padding: 0px 60px 20px;
}

.search-module .results .result .title {
  position: relative;
  margin-bottom: 23px;
}

.search-module .results .result .title .number {
  position: absolute;
  top: -14px;
  left: -50px;
  color: #997f5c;
  font-size: 1.875rem;
}

.search-module .results .result .title a {
  color: #231f20;
}

.search-module .results .result .title a:focus,
.search-module .results .result .title a:hover {
  color: #997f5c;
}

.search-module .row {
  display: none;
  padding: 5px 0px 0px;
}

.search-module .subtitle {
  padding: 10px 0px 0px;
  font-size: 12px;
  font-weight: normal;
  margin: 0px;
}

.search-module .radio input {
  float: left;
  margin: 6px 3px 0px 0px;
  width: 13px;
  height: 13px;
  cursor: pointer;
}

.search-module .radio label {
  float: left;
  margin: 0px 20px 0px 0px;
  width: auto;
  cursor: pointer;
  line-height: 27px;
}

.search-module .advanced .radio label {
  line-height: 17px;
}

/*********************************************/
/*****            Wyszukiwarka rwd       *****/
/*********************************************/
@media screen and (min-width: 48em) {
  .search-module .search-block {
    height: 153px;
  }

  .search-module .search-block .submit {
    font-size: 1.875rem;
  }
}

/*********************************************/
/*****         Strona opisowa            *****/
/*********************************************/
.desc-module {
  clear: both;
  margin: 0px auto 20px;
  padding: 0px 20px 10px;
}

.desc-module:nth-of-type(1) {
  margin-top: 20px;
}

.desc-module.no-padding {
  padding: 0px;
}

.desc-module.no-bottom {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.desc-module .title {
  font-size: 1.25rem;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 25px;
  margin-top: 0px;
}

.desc-module .title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.desc-module .title:after {
  position: relative;
  bottom: -10px;
}

.desc-module:nth-of-type(1) .title {
  margin-top: 50px;
}

.desc-module .left-fotos,
.desc-module .right-fotos {
  padding-bottom: 0px;
}

.desc-module .left-fotos .foto,
.desc-module .right-fotos .foto {
  max-width: 300px;
}

.desc-module ul li a {
  color: #231f20;
}

.desc-module ul li a:focus,
.desc-module ul li a:hover {
  color: #997f5c;
}

.desc-module .slider {
  width: 100%;
  margin-left: 0px;
  padding-top: 10px;
  position: relative;
  overflow: visible;
}

.desc-module .slider .foto {
  float: left;
  width: 100%;
  height: 300px;
  padding: 0px;
}

.desc-module .slider .foto img {
  width: 100%;
  height: 100%;
}

.desc-module .slider .swiper-pagination-container {
  position: absolute;
  right: 18px;
  top: -22px;
  margin: 0px;
}

.desc-module .slider .swiper-pagination-container .swiper-pagination-bullet {
  background: #997f5c;
}

.desc-module .slider .swiper-pagination-container .swiper-pagination-bullet-active,
.desc-module .slider .swiper-pagination-container .swiper-pagination-bullet:hover {
  background: #534b41;
}

.desc-module.controls .slider .swiper-pagination-container {
  top: -22px;
}

/*********************************************/
/*****         Strona opisowa -rwd       *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .desc-module {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 48em) {
  .desc-module .slider .swiper-pagination-container {
    top: -62px;
  }
}

@media screen and (min-width: 78.1875em) {
  .desc-module .desc.pad-right {
    padding-right: 300px;
  }

  .desc-module .desc.pad-left {
    padding-left: 300px;
  }
}

/*********************************************/
/*****            Mapa google            *****/
/*********************************************/
.google-maps-module {
  position: relative;
}

.google-maps-module .map-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.google-maps-module .map-wrapper .legend-panel {
  width: 340px;
  position: absolute;
  bottom: 20px;
  right: 0px;
  background: #fefefe;
  padding: 10px;
  box-shadow: -1px 1px 3px #0a0a0a;
}

.google-maps-module .map-wrapper .legend-panel .title {
  font-size: 1.3125rem;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 55px;
}

.google-maps-module .map-wrapper .legend-panel ul {
  margin: 0px;
  padding: 0px;
}

.google-maps-module .map-wrapper .legend-panel ul li {
  margin: 0px;
  padding: 0px;
}

.google-maps-module .map-wrapper .legend-panel ul li:before {
  display: none;
}

.google-maps-module .map-wrapper .legend-panel ul li a,
.google-maps-module .map-wrapper .legend-panel ul li span {
  display: block;
  padding: 0px 0px 0px 50px;
  background: none;
  font-size: 0.8125rem;
}

.google-maps-module .map-wrapper .legend-panel ul li a {
  color: #aaaaaa;
}

.google-maps-module .map-wrapper .legend-panel ul li a.active {
  color: #231f20;
}

.google-maps-module .map-wrapper .legend-panel ul li a:hover {
  color: #997f5c;
}

.google-maps-module .map-wrapper .legend-panel ul li.border-1 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-1 span,
.google-maps-module .map-wrapper .legend-panel ul li.border-2 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-2 span,
.google-maps-module .map-wrapper .legend-panel ul li.border-3 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-3 span,
.google-maps-module .map-wrapper .legend-panel ul li.border-4 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-4 span,
.google-maps-module .map-wrapper .legend-panel ul li.border-5 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-5 span {
  background-repeat: no-repeat;
  background-size: 42px 7px;
  background-position: left 0.5em;
}

.google-maps-module .map-wrapper .legend-panel ul li[class^=camp] {
  font-weight: bold;
}

.google-maps-module .map-wrapper .legend-panel ul li[class^=camp] a,
.google-maps-module .map-wrapper .legend-panel ul li[class^=camp] span {
  background-repeat: no-repeat;
  background-position: 12px 0.2em;
  background-size: 15px 15px;
}

.google-maps-module .map-wrapper .legend-panel ul li.border-1 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-1 span {
  background-image: url("/szablony/cmjw/images/mapa/historyczna/legenda/granica1.jpg");
}

.google-maps-module .map-wrapper .legend-panel ul li.border-2 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-2 span {
  background-image: url("/szablony/cmjw/images/mapa/historyczna/legenda/granica2.jpg");
}

.google-maps-module .map-wrapper .legend-panel ul li.border-3 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-3 span {
  background-image: url("/szablony/cmjw/images/mapa/historyczna/legenda/granica3.jpg");
}

.google-maps-module .map-wrapper .legend-panel ul li.border-4 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-4 span {
  background-image: url("/szablony/cmjw/images/mapa/historyczna/legenda/granica4.jpg");
}

.google-maps-module .map-wrapper .legend-panel ul li.border-5 a,
.google-maps-module .map-wrapper .legend-panel ul li.border-5 span {
  background-image: url("/szablony/cmjw/images/mapa/historyczna/legenda/granica5.jpg");
}

.google-maps-module .map-wrapper .legend-panel ul li.camp-5 a,
.google-maps-module .map-wrapper .legend-panel ul li.camp-5 span,
.google-maps-module .map-wrapper .legend-panel ul li.camp-6 a,
.google-maps-module .map-wrapper .legend-panel ul li.camp-6 span {
  background-size: 25px 12px;
  background-position: 5px 0.2em;
}

.google-maps-module #map {
  width: 100%;
  height: 100%;
}

.google-maps-module .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: none;
  display: block;
  z-index: -1;
  transition: all, 0.5s;
  -web-transition: all, 0.5s;
  -moz-transition: all, 0.5s;
  -o-transition: all, 0.5s;
}

.google-maps-module .overlay.visible {
  background: rgba(131, 117, 101, 0.97);
  z-index: 10;
}

.google-maps-module .popup {
  box-sizing: border-box;
  background: #fefefe;
  width: 95%;
  max-width: 1200px;
  height: 80%;
  position: absolute;
  top: -150%;
  left: 50%;
  z-index: 20;
  padding: 0px 0px;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transition: top, 0.5s;
  -web-transition: top, 0.5s;
  -moz-transition: top, 0.5s;
  -o-transition: top, 0.5s;
  /*&.scrollbar {
            overflow-y: auto;
            overflow-x: hidden;

            .rotator {
                padding: 0px 47px;

                .owl-prev {
                    left: 0px;
                }
                .owl-next {
                    left: auto;
                    left: initial;
                    right: 0px;
                }
            }
        }*/
}

.google-maps-module .popup.active {
  top: 50%;
}

.google-maps-module .popup .scroll-box {
  max-height: 100%;
  overflow: hidden;
}

.google-maps-module .popup .close {
  display: block;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #e7e2d3;
  z-index: 10;
  transition: width 0.4s, height 0.4s;
  -web-transition: width 0.4s, height 0.4s;
  -moz-transition: width 0.4s, height 0.4s;
  -o-transition: width 0.4s, height 0.4s;
}

.google-maps-module .popup .close.small {
  width: 45px;
  height: 45px;
}

.google-maps-module .popup .close.small .line1,
.google-maps-module .popup .close.small .line2 {
  width: 30px;
}

.google-maps-module .popup .close .line1,
.google-maps-module .popup .close .line2 {
  width: 30px;
  height: 3px;
  background: #534b41;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: transform 0.4s, width 0.4s;
  -web-transition: transform 0.4s, width 0.4s;
  -moz-transition: transform 0.4s, width 0.4s;
  -o-transition: transform 0.4s, width 0.4s;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
}

.google-maps-module .popup .close .line1 {
  transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
}

.google-maps-module .popup .close .line1:before {
  content: '';
  display: block;
  height: 3px;
  width: 0%;
  position: absolute;
  left: 0px;
  background: #997f5c;
  transition: width 0.5s;
  -web-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}

.google-maps-module .popup .close .line2 {
  transform: translate(-50%, -50%) rotate(-45deg);
  -o-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
}

.google-maps-module .popup .close .line2:before {
  content: '';
  display: block;
  height: 3px;
  width: 0%;
  position: absolute;
  right: 0px;
  background: #997f5c;
  transition: width 0.5s;
  -web-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
}

.google-maps-module .popup .close:focus .line1:before,
.google-maps-module .popup .close:hover .line1:before {
  width: 100%;
}

.google-maps-module .popup .close:focus .line2:before,
.google-maps-module .popup .close:hover .line2:before {
  width: 100%;
}

.google-maps-module .popup .title {
  padding: 45px 15px 20px;
  margin-bottom: 20px;
  font-size: 1rem;
  font-weight: bold;
}

.google-maps-module .popup .title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.google-maps-module .popup .title:after {
  bottom: -15px;
}

.google-maps-module .popup .desc {
  padding: 0px 15px 20px;
}

.google-maps-module .popup .swiper-container {
  height: 240px;
  margin-bottom: 30px;
  overflow: visible;
  position: relative;
  /*.owl-prev,
            .owl-next {
                width: 48px;
                top: 0px;
                height: 100%;
                background: $medium-light;
                font-size: 32px;

                &:after {
                    position: absolute !important;
                    left: 50% !important;
                    top: 50% !important;
                    @include transform((translate -50% -50%));
                }
            }
            .owl-prev {
                left: -48px;
                @include font-icon('arrow-left', 0px);
            }
            .owl-next {
                left: 100%;
                @include font-icon('arrow-right', 0px);
            }*/
}

.google-maps-module .popup .swiper-container .swiper-slide {
  height: 100%;
  float: none;
  text-align: center;
  max-height: 300px;
}

.google-maps-module .popup .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
}

.google-maps-module .popup .swiper-container .swiper-button-next,
.google-maps-module .popup .swiper-container .swiper-button-prev {
  color: #f3f0e9;
  line-height: 30px;
  padding-top: 2px;
  box-sizing: border-box;
  position: absolute;
  top: -34px;
  width: 35px;
  height: 35px;
  margin-top: 0px;
}

.google-maps-module .popup .swiper-container .swiper-button-next:focus,
.google-maps-module .popup .swiper-container .swiper-button-next:hover,
.google-maps-module .popup .swiper-container .swiper-button-prev:focus,
.google-maps-module .popup .swiper-container .swiper-button-prev:hover {
  background-color: #231f20;
}

.google-maps-module .popup .swiper-container .swiper-button-next:focus,
.google-maps-module .popup .swiper-container .swiper-button-prev:focus {
  outline-offset: -2px;
}

.google-maps-module .popup .swiper-container .swiper-button-next {
  right: 5px;
  background: #534b41;
  padding-right: 10px;
  text-align: right;
}

.google-maps-module .popup .swiper-container .swiper-button-next:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.google-maps-module .popup .swiper-container .swiper-button-prev {
  background: #997f5c;
  text-align: left;
  padding-left: 10px;
  right: 40px;
  left: auto;
  left: initial;
}

.google-maps-module .popup .swiper-container .swiper-button-prev:after {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0px;
}

.google-maps-module .selects {
  overflow: hidden;
  padding: 0px 0px 10px;
}

.google-maps-module .city {
  width: 49%;
  float: right;
}

.google-maps-module .city select {
  width: 100%;
}

.google-maps-module .select {
  width: 49%;
  float: left;
}

.google-maps-module .data-table {
  padding: 10px 0px;
}

.google-maps-module .data-table .title {
  padding: 0px 0px 10px;
}

.map-marker-label {
  color: #231f20;
  font-size: 11px;
  font-weight: bold;
  text-align: left;
  margin-left: 12px !important;
  margin-top: -15px !important;
}

.google-maps-module #map.hide-labels .map-marker-label {
  display: none !important;
}

/*********************************************/
/*****         Mapa google - rwd         *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .google-maps-module .popup {
    width: 80%;
  }

  .google-maps-module .popup .title,
  .google-maps-module .popup .desc {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 57.5625em) {
  .google-maps-module .popup .title {
    padding-right: 70px;
  }

  .google-maps-module .popup .close {
    width: 60px;
    height: 60px;
  }
}

@media screen and (min-width: 78.125em) {
  .google-maps-module .popup .title {
    padding: 45px 150px 20px 30px;
    font-size: 1.25rem;
  }

  .google-maps-module .popup .close {
    width: 120px;
    height: 120px;
  }

  .google-maps-module .popup .close .line1,
  .google-maps-module .popup .close .line2 {
    width: 60px;
  }
}

@media screen and (min-width: 82.5em) {
  .google-maps-module .popup .rotator {
    height: 280px;
  }
}

@media screen and (min-width: 95em) {
  .google-maps-module .popup .rotator {
    height: 300px;
  }
}

/*********************************************/
/*****            Zbiory cyfrowe         *****/
/*********************************************/
.collections {
  width: 100%;
  padding: 0px 20px;
  overflow: visible;
}

.collections h3.header-block {
  padding-bottom: 11px;
  padding-left: 30px;
}

.collections h3.header-block:after {
  display: none;
}

.collections h3.title {
  font-size: 1.25rem;
  padding-bottom: 8px;
  font-weight: bold;
  margin-top: 50px;
}

.collections h3.title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.collections h3.title:after {
  bottom: -8px;
}

.collections.exhibits {
  float: left;
  width: 100%;
  padding: 0px;
  margin-top: 0px;
}

.collections.exhibits h3.header-block {
  color: #534b41;
}

.collections.exhibits .message {
  color: #f3f0e9;
  padding-top: 50px;
}

.collections.archives {
  float: right;
  width: 100%;
  background: none;
  padding: 0px;
  margin-top: 0px;
}

.collections.archives h3.header-block {
  color: #231f20;
  margin-top: 0px;
}

.collections .categories {
  min-height: 600px;
  background-repeat: no-repeat;
  max-width: 600px;
  margin: 0px auto;
  background-size: auto 100%;
}

.collections .categories ul {
  padding: 22px 0px 0px 30px;
  margin: 0px;
}

.collections .categories ul li {
  background: none;
  color: #d7d3c9;
  position: relative;
  padding: 0px 0px 0px 33px;
  margin-bottom: 13px;
  font-weight: bold;
  float: left;
  clear: both;
}

.collections .categories ul li:before {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}

.collections .categories ul li a {
  color: #d7d3c9;
  font-size: 0.9375rem;
}

.collections .categories ul li:before {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #d7d3c9;
}

.collections .categories ul li:hover:before {
  color: #fefefe;
}

.collections .categories ul li:hover a {
  color: #fefefe;
}

.collections.category-info {
  padding: 0px 20px;
}

.collections.category-info .description {
  padding-left: 20px;
  padding-top: 25px;
}

.collections.category-info .description a {
  display: block;
  font-weight: bold;
  margin-top: 25px;
  float: left;
}

.collections.category-info .description a:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.collections .table {
  width: 112%;
  display: table;
  margin-top: 10px;
  margin-left: -7%;
}

.collections .table .thead {
  display: table-header-group;
  font-size: 0.875rem;
  font-weight: bold;
}

.collections .table .thead .tr {
  border-bottom: 1px solid #997f5c;
}

.collections .table .thead .tr .td {
  padding: 8px 0px;
  vertical-align: middle;
}

.collections .table .tbody {
  display: table-row-group;
}

.collections .table .tr {
  display: table-row;
}

.collections .table .tr:nth-of-type(2n) {
  background: #f9f7f4;
}

.collections .table .tr .td {
  display: table-cell;
  padding: 15px 0px;
  border-bottom: 1px solid #DCDCDC;
  font-size: 0.9375rem;
  padding-right: 6px;
}

.collections .table .tr .td:nth-of-type(1) {
  width: 16.6667%;
  max-width: 190px;
  padding-left: 3px;
}

.collections .table .tr .td:nth-of-type(2) {
  width: 56%;
  max-width: 640px;
}

.collections .table .tr .td:nth-of-type(3) {
  width: 17.5%;
  max-width: 200px;
}

.collections .table .tr .td:nth-of-type(4) {
  width: 9.8333%;
  max-width: 110px;
  text-align: center;
}

.collections .table a.tr {
  color: #231f20;
}

.collections .table a.tr:hover {
  background: #997f5c;
  color: #f3f0e9;
}

.collections.results {
  padding: 0px;
  max-width: 1800px;
}

.collections.results .container {
  padding: 0px 20px;
}

.collections.results h4.title {
  margin-top: 0px;
}

.collections.results h4.title:after {
  width: 100%;
}

.collections.results h4.title a {
  color: #534b41;
}

.collections.results span.more>span {
  color: #534b41;
}

.collections.results .table.exhibits .td:nth-of-type(1) {
  width: 0px;
}

.collections.results .table.exhibits .td:nth-of-type(2) {
  width: 69%;
}

.collections.results .news-grid {
  overflow: hidden;
  margin-top: 20px;
}

.collections.results .news-grid .text-block {
  background: #f3f0e9;
}

.collections.results .news-grid .text-block .title {
  color: #534b41;
}

.collections.results .news-grid .text-block .title:after {
  display: none;
}

.collections.results .news-grid .date-block {
  background: #534b41;
  position: relative;
}

.collections.results .news-grid .item {
  display: block;
  float: left;
}

.collections.results .news-grid .item:focus {
  outline-offset: -2px;
}

.collections.results .news-grid .item:focus .text-block .title,
.collections.results .news-grid .item:hover .text-block .title {
  color: #997f5c;
}

.collections.results .news-grid .item:focus .text-block span.more>span,
.collections.results .news-grid .item:hover .text-block span.more>span {
  color: #997f5c;
}

.collections.results .news-grid .item:focus .text-block span.more:before,
.collections.results .news-grid .item:hover .text-block span.more:before {
  width: 100%;
  background: #534b41;
}

.collections.results .news-grid .item:focus img,
.collections.results .news-grid .item:hover img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
  margin-top: -5%;
}

.collections .no-photo {
  box-sizing: border-box;
  width: 80%;
  color: #f3f0e9;
  padding-top: 80px;
  background: url("/szablony/cmjw/images/no_item.png") no-repeat top center;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 1.25rem;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  opacity: 1;
}

.collections.card .photos {
  margin-top: 30px;
}

.collections.card .photos .photo {
  width: 100%;
  max-width: 600px;
  max-height: 450px;
  margin: 0px auto;
  position: relative;
  background: #534b41;
}

.collections.card .photos .photo img {
  width: 100%;
}

.collections.card .photos .photo.size {
  height: 260px;
}

.collections.card .table {
  width: 100%;
  margin-top: 20px;
  margin-left: 0px;
  display: block;
}

.collections.card .table .tr {
  display: block;
}

.collections.card .table .tr .td {
  display: block;
  width: 100%;
  max-width: 100%;
  padding-right: 30px;
  border: none;
}

.collections.card .table .tr .td:nth-of-type(1) {
  background: #F9F7F4;
  font-weight: bold;
}

.collections.card .table .tr .td:nth-of-type(2) {
  padding-left: 10px;
}

.collections.card .table .tr:nth-of-type(2n) {
  background: none;
}

.collections .module-breadcrumbs {
  margin: 0px -20px 0px -30px;
  padding: 0px;
  font-weight: bold;
  font-size: 0.875rem;
}

.collections .module-breadcrumbs li {
  display: inline-block;
  background: none;
  padding: 0px 0px 0px 30px;
}

.collections .module-breadcrumbs li:before {
  content: "\f078";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0;
}

.collections .module-breadcrumbs li.active {
  color: #997f5c;
}

.collections .module-breadcrumbs li.active a {
  color: #997f5c;
}

.collections .module-breadcrumbs li:before {
  display: inline-block;
  color: #997f5c;
  position: relative;
  left: -14px;
  font-size: 16px;
}

.collections .module-breadcrumbs li:first-of-type:before {
  display: none;
}

.collections .back {
  margin-left: 30px;
}

.collections .back:before {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}

/*********************************************/
/*****         Zbiory cyfrowe - rwd      *****/
/*********************************************/
@media screen and (min-width: 25em) {
  .collections .table {
    width: 100%;
    margin-left: 0px;
  }
}

@media screen and (min-width: 31.25em) {
  .collections {
    padding: 0px 30px;
  }

  .collections.category-info {
    padding: 0px 30px;
  }

  .collections.results .container {
    padding: 0px 30px;
  }

  .collections.results .news-grid .item:nth-of-type(2n) .date-block {
    float: right;
  }

  .collections.card .photos .photo.size {
    height: 320px;
  }
}

@media screen and (min-width: 40em) {
  .collections .table .tr .td:nth-of-type(2) {
    padding-right: 10px;
  }

  .collections .table .tr .td:nth-of-type(3) {
    width: 14.5%;
  }

  .collections.card .photos .photo.size {
    height: 450px;
  }
}

@media screen and (min-width: 48em) {
  .collections.category-info .description {
    padding-left: 60px;
  }

  .collections .module-breadcrumbs {
    font-size: 1rem;
  }

  .collections .table .thead .tr .td:nth-of-type(1) {
    padding-left: 10px;
  }

  .collections .table .tr .td:nth-of-type(1) {
    padding-left: 20px;
  }

  .collections .table .tr .td:nth-of-type(3) {
    width: 12.5%;
  }

  .collections.card .table {
    display: table;
  }

  .collections.card .table .tr {
    display: table-row;
  }

  .collections.card .table .tr .td {
    display: table-cell;
    border-bottom: 1px solid #DCDCDC;
  }

  .collections.card .table .tr .td:nth-of-type(1) {
    background: none;
    font-weight: normal;
    width: 190px;
    padding-left: 10px;
  }

  .collections.card .table .tr .td:nth-of-type(2) {
    padding-left: 0px;
    width: 640px;
  }

  .collections.card .table .tr:nth-of-type(2n) {
    background: #f9f7f4;
  }
}

@media screen and (min-width: 57.5625em) {
  .collections .module-breadcrumbs {
    font-size: 1.25rem;
  }

  .collections .module-breadcrumbs li {
    padding: 0px 20px 0px 30px;
  }

  .collections .module-breadcrumbs li:before {
    left: -25px;
  }

  .collections.results .news-grid .item:nth-of-type(2n) .date-block {
    float: left;
  }

  .collections.results .news-grid .item:nth-of-type(3) .date-block,
  .collections.results .news-grid .item:nth-of-type(4) .date-block,
  .collections.results .news-grid .item:nth-of-type(7) .date-block,
  .collections.results .news-grid .item:nth-of-type(8) .date-block {
    float: right;
  }
}

@media screen and (min-width: 57.5625rem) and (max-width: 66.9375rem),
screen and (min-width: 84.0625rem) and (max-width: 84.0625rem) {
  .collections.results .grid .date-block {
    font-size: 0.9375rem;
  }

  .collections.results .grid .text-block .title {
    font-size: 0.9375rem;
  }
}

@media screen and (min-width: 62.5em) {
  .collections.exhibits {
    width: 50%;
    margin-top: 30px;
  }

  .collections.archives {
    width: 50%;
    margin-top: 30px;
  }

  .collections.archives h3.header-block {
    margin-top: 70px;
  }
}

@media screen and (min-width: 64em) {
  .collections .table .thead {
    font-size: 0.9375rem;
  }

  .collections .table .thead .tr .td:nth-of-type(1) {
    padding-left: 10px;
  }

  .collections .table .tr .td {
    font-size: 1rem;
    padding-right: 20px;
  }

  .collections .table .tr .td:nth-of-type(1) {
    padding-left: 20px;
  }

  .collections .table .tr .td:nth-of-type(2) {
    padding-right: 20px;
  }

  .collections .table .tr .td:nth-of-type(3) {
    width: 17.5%;
  }
}

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

  .collections.results .news-grid .item:nth-of-type(3) .date-block,
  .collections.results .news-grid .item:nth-of-type(4) .date-block,
  .collections.results .news-grid .item:nth-of-type(7) .date-block,
  .collections.results .news-grid .item:nth-of-type(8) .date-block {
    float: left;
  }

  .collections.results .news-grid .item:nth-of-type(4),
  .collections.results .news-grid .item:nth-of-type(9) {
    margin-left: 16.6667%;
  }
}

@media screen and (min-width: 102.8125rem) and (max-width: 112.1875rem) {
  .collections.results .grid .date-block {
    font-size: 1.125rem;
  }

  .collections.results .grid .text-block .title {
    font-size: 1.125rem;
  }
}

/*********************************************/
/*****         Aktualności               *****/
/*********************************************/
.news-module {
  padding: 0px 20px;
  overflow: hidden;
}

.news-module.slider-after {
  margin-bottom: 30px;
}

.news-module .title {
  font-size: 1.375rem;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 34px;
  padding: 0px 0px 10px;
}

.news-module .title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.news-module .title:after {
  bottom: -10px;
}

.news-module .left-fotos {
  width: 100%;
  max-width: 320px;
  margin: 0px auto;
  padding-bottom: 0px;
  height: 220px;
}

.news-module .left-fotos .foto {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #534b41;
  outline-offset: -2px;
}

.news-module .left-fotos .foto .date {
  position: absolute;
  top: 20px;
  right: -9px;
  font-weight: bold;
  color: #f3f0e9;
}

.news-module .left-fotos .foto .date .day,
.news-module .left-fotos .foto .date .day1,
.news-module .left-fotos .foto .date .day2 {
  float: right;
  font-size: 6rem;
  line-height: 0.75em;
  clear: both;
}

.news-module .left-fotos .foto .date .hyphen {
  float: right;
  clear: both;
  display: block;
  margin-right: 0.6em;
  font-size: 3.6875rem;
  line-height: 0.2em;
}

.news-module .left-fotos .foto .date .month-year {
  float: right;
  clear: both;
  display: block;
  font-size: 1.25rem;
  margin-right: 20px;
}

.news-module .left-fotos .foto .date .month-year.first {
  margin-top: -15px;
}

.news-module .desc {
  padding-left: 0px;
}

.news-module.news-list {
  padding-top: 40px;
}

.news-module.news-list .news {
  position: relative;
  margin-bottom: 30px;
}

.news-module.news-list .news .title {
  margin-top: 0px;
  margin-bottom: 20px;
  padding-left: 0px;
  padding-right: 0px;
}

.news-module.news-list .news .title a {
  color: #534b41;
}

.news-module.news-list .news .title a:focus,
.news-module.news-list .news .title a:hover {
  color: #997f5c;
}

.news-module.news-list .news .left-fotos {
  max-width: 250px;
  max-height: 250px;
  height: 220px;
}

.news-module.news-list .news .left-fotos .foto .date {
  top: 20px;
}

.news-module.news-list .news .left-fotos .foto .date .day,
.news-module.news-list .news .left-fotos .foto .date .day1,
.news-module.news-list .news .left-fotos .foto .date .day2 {
  font-size: 5.625rem;
}

.news-module.news-list .news .left-fotos .foto .date .hyphen {
  margin-right: 0.6em;
}

.news-module.news-list .news .left-fotos .foto .date .month-year {
  margin-right: 14px;
}

.news-module.news-list .news a.more {
  position: absolute;
  top: auto;
  top: initial;
  bottom: 10px;
  right: 0px;
  font-size: 0.8125rem;
}

.news-module.news-list .news a.more:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.news-module.news-list .news .desc {
  padding-bottom: 30px;
  padding-left: 0px;
}

.news-back {
  font-size: 0.8125rem;
  font-weight: bold;
  margin-left: 30px;
  color: #997f5c;
}

.news-back:before {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
}

.news-back:hover {
  color: #534b41;
}

.desc-module.title-no-underline{
  padding: 0px 20px 8px;
  margin: 0;
}

.title.title-no-underline{
  padding: 0;
  margin: 0;
}

.title.title-no-underline::after{
  display: none;
}
@media screen and (min-width: 57.5625em){
  .wrapper-without-swiper.news-block.news-list a.news-more, .places-block.places-list a.news-more {
    top: -40px !important;
    right: 0;
  }
}

@media screen and (min-width: 57.5625em){
  .news-grid .members .buttons {
    top: -50px;
  }
}

.news-block.news-list .members .text-block span.more span a{
  color: #f3f0e9;
}
.news-block.news-list .text-block,
.news-block.news-list .date-block{
  z-index: 0;
}

/************ Członkowie ***********/

.block{
  overflow: hidden;
}
.news-block.news-list .members .text-block{
  background: #534b41;
}
.block:has(.news-more){
  overflow: visible;
}

.news-block.news-list .members .date-block{
  background: #534b41;
}

.news-block.news-list .members .date-block{
  background: #534b41;
}
.news-block.news-list .members .text-block .title.title--news{
  font-family: warnock-pro, serif;
}
.news-block.news-list .members .text-block .title,
.news-block.news-list .members .text-block .description,
.news-block.news-list .members .text-block span.more span{
  color: #f3f0e9;
}
.news-block.news-list .members .text-block .description{
  font-weight: 100;
  margin-top: 4px;
  font-size: 0.875rem;
  line-height: 1.7;
}
.block.show-overflow{
  overflow: visible;
}
.news-block.news-list .members .text-block .title{
  font-size: 1.15rem;
}
@media screen and (max-width: 768px) {
  .news-block.news-list .members .text-block .title{
    font-size: 1rem;
  }
}
.news-block.news-list .members .text-block span.more{
  border-top: 1px solid #997f5c;
}
.news-block.news-list .members .wrapper-news-main:hover .text-block{
  background: #997f5c;
}
.news-block.news-list .members .wrapper-top:hover{
  background: #997f5c;
}

.news-block.news-list .members .wrapper-members-main .date-block:hover +.text-block .wrapper-top{
  background: #997f5c;
}
.news-block.news-list .members .wrapper-members-main:has(.date-block:hover) .wrapper-top{
  background: #997f5c;
}

/* EXTERNAL LINK IS EMPTY  */
.news-block.news-list .members .wrapper-members-main.external_link_empty .text-block span.more>span:after{
  display: none;
}

.news-block.news-list .members .wrapper-members-main.external_link_empty .wrapper-top:hover,
.news-block.news-list .members .wrapper-members-main.external_link_empty:hover .text-block,
.news-block.news-list .members .wrapper-members-main.external_link_empty .date-block:hover +.text-block .wrapper-top,
.news-block.news-list .members .wrapper-members-main.external_link_empty:has(.date-block:hover) .wrapper-top{
  /* background: #534b41; */
}

.news-block.news-list .members .wrapper-members-main.external_link_empty .text-block .bottom:hover{
  background: #534b41;
}


.news-block.news-list .members .wrapper-members-main .wrapper-top{
  padding: 23px 25px 0px;
  flex-basis: 80%;
}
.news-block.news-list .members .wrapper-members-main .text-block{
  padding: 0;
}

.news-block.news-list .members .wrapper-members-main .text-block .bottom{
  padding: 0 25px 0 23px;
  margin-top: -1px;
}

.news-block.news-list .members .wrapper-members-main .text-block .bottom:hover{
  background: #997f5c;
}


/* CZŁONKOWIE SZCZEGÓLY (AKAPIT 5 - STRONA OPISOWA) */

.desc-module--members .members--wrapper{
  display: flex;
  justify-content: stretch;
}

@media screen and (max-width: 768px) {
  .desc-module--members .members--wrapper{
   flex-direction: column;
  }
  .desc-module--members .members--wrapper .left-fotos{
    margin: 0 auto;
  }
}
.desc-module--members .members--wrapper .left-fotos{
  float: unset;
  overflow: unset;
  flex-basis: 40%;
}

.desc-module--members .members--wrapper .desc.pad-left{
  padding-left: 0;
  flex-basis: 70%;
}


/*********************************************/
/*****         Aktualności - rwd         *****/
/*********************************************/
@media screen and (min-width: 20.9375em) {
  .news-module .left-fotos {
    height: 237px;
  }

  .news-module.news-list .news .left-fotos {
    height: 237px;
  }
}

@media screen and (min-width: 21.875em) {
  .news-module .left-fotos {
    height: 249px;
  }

  .news-module.news-list .news .left-fotos {
    height: 250px;
  }
}

@media screen and (min-width: 23.4375em) {
  .news-module .left-fotos {
    height: 274px;
  }
}

@media screen and (min-width: 25em) {
  .news-module .left-fotos {
    height: 300px;
  }

  .news-module .left-fotos .foto .date .day,
  .news-module .left-fotos .foto .date .day1,
  .news-module .left-fotos .foto .date .day2 {
    font-size: 8.5625rem;
  }

  .news-module .left-fotos .foto .date .hyphen {
    margin-right: 1em;
  }

  .news-module .left-fotos .foto .date .month-year {
    margin-right: 37px;
  }
}

@media screen and (min-width: 31.25em) {
  .news-module {
    padding-left: 30px;
    padding-right: 30px;
  }

  .news-module.news-list .news .left-fotos .foto {
    min-height: 250px;
  }

  .news-module.news-list .news .left-fotos .foto .date {
    top: 20px;
  }
}

@media screen and (min-width: 37.5em) {
  .news-module .left-fotos {
    margin-left: -30px;
  }

  .news-module.news-list .news .left-fotos {
    max-width: 270px;
  }
}

@media screen and (min-width: 48em) {
  .news-module.news-list {
    padding-top: 70px;
  }

  .news-module.news-list .news {
    min-height: 250px;
  }

  .news-module.news-list .news .title {
    padding-left: 250px;
  }

  .news-module.news-list .news .left-fotos {
    position: absolute;
    top: 0px;
  }

  .news-module.news-list .news .desc {
    padding-left: 250px;
  }
}

@media screen and (min-width: 64em) {
  .news-module.slider-after {
    margin-bottom: 70px;
  }

  .news-module .title {
    font-size: 2.1875rem;
    margin-top: 70px;
  }

  .news-module.news-list .title {
    margin-top: 0px;
  }
}

@media screen and (min-width: 78.1875em) {
  .news-module .desc {
    padding-left: 300px;
  }
}

/*********************************************/
/*****         Kalendarz wydarzeń        *****/
/*********************************************/
.events-module {
  padding: 20px 0px;
}

.events-module.form {
  padding: 20px 20px;
}

.events-module.form h3.title {
  padding-left: 0px;
  padding-right: 0px;
}

.events-module form {
  width: 100%;
  max-width: 415px;
  margin: 20px auto 0px;
}

.events-module form .row .time {
  overflow: hidden;
  margin-top: 0px;
  float: left;
}

.events-module form .row .label {
  background: none;
  color: #545454;
  font-size: 0.8125rem;
}

.events-module form .row .file-control {
  width: 260px;
  margin-bottom: 15px;
}

.events-module form .row.date-input input {
  clear: both;
}

.events-module form .row input {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

.events-module form .row .radio {
  clear: both;
}

.events-module form .footer {
  padding-left: 0px;
}

.events-module h3.title {
  font-weight: bold;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 25px;
  font-size: 1.25rem;
}

.events-module h3.title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.events-module h3.title:after {
  bottom: -10px;
}

.events-module.events-details {
  padding-left: 20px;
  padding-right: 20px;
}

.events-module.events-details h3.title {
  padding-left: 0px;
  padding-right: 0px;
}

.events-module.events-details .right-fotos {
  padding: 0px;
  width: 100%;
  max-width: 100%;
  float: none;
}

.events-module.events-details .right-fotos .foto {
  margin: 0px auto;
}

.events-module.events-details .table {
  width: 100%;
}

.events-module.events-details .table .tr .td {
  padding: 10px 0px;
}

.events-module.events-details .table .tr .td:nth-of-type(1) {
  width: 90px;
}

.events-module.events-details .data {
  width: 100%;
}

.events-module .events-block {
  margin: 0px auto;
  max-width: 600px;
  min-height: 530px;
  height: 530px;
  background-image: url("/szablony/cmjw/images/kalendarz.jpg");
}

.events-module .events-block .previous,
.events-module .events-block .next {
  top: 40px;
}

.events-module .events-block .previous {
  left: 15px;
}

.events-module .events-block .next {
  right: 15px;
}

.events-module .events-block .title {
  margin-bottom: 0px;
  padding: 42px 0px;
  font-size: 1.125rem;
}

.events-module .events-block .calendar-wrapper {
  width: 100%;
}

.events-module .events-block .calendar-wrapper .calendar-page {
  width: 100%;
}

.events-module .events-block .calendar-wrapper table.calendar th {
  font-size: 1.0625rem;
}

.events-module .events-block .calendar-wrapper table.calendar td {
  font-size: 1.125rem;
}

.events-module .events-block select {
  padding: 0px;
  width: 60%;
  max-width: 210px;
  display: inline-block;
  float: none;
}

/*********************************************/
/*****     Kalendarz wydarzeń - rwd      *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .events-module {
    padding: 30px 0px;
  }

  .events-module.form {
    padding: 30px 30px;
  }

  .events-module.events-details {
    padding-left: 30px;
    padding-right: 30px;
  }

  .events-module h3.title {
    padding-left: 30px;
    padding-right: 30px;
  }

  .events-module .events-block {
    min-height: 560px;
    height: 560px;
  }

  .events-module .events-block .previous {
    left: 30px;
  }

  .events-module .events-block .next {
    right: 30px;
  }

  .events-module .events-block .calendar-wrapper table.calendar th {
    font-size: 1.125rem;
  }

  .events-module .events-block .calendar-wrapper table.calendar td {
    font-size: 1.25rem;
  }

  .events-module.events-details .table .tr .td:nth-of-type(1) {
    width: 120px;
  }
}

@media screen and (min-width: 32.5em) {
  .events-module form .row.date-input input {
    clear: none;
  }

  .events-module form .row .radio {
    clear: none;
  }

  .events-module form .footer {
    padding-left: 141px;
  }
}

@media screen and (min-width: 40em) {
  .events-module .events-block {
    min-height: 600px;
    height: 600px;
  }

  .events-module .events-block .calendar-wrapper table.calendar td {
    height: 56px;
    line-height: 56px;
    font-size: 2.25rem;
  }

  .events-module .events-block .calendar-wrapper table.calendar td a {
    height: 56px;
  }
}

@media screen and (min-width: 57.5625em) {
  .events-module.events-details .right-fotos {
    float: right;
    max-width: 320px;
    padding: 0px 0px 10px 20px;
  }

  .events-module.events-details .right-fotos .foto {
    margin: 0px;
  }

  .events-module.events-details .data {
    padding-right: 300px;
  }
}

/*********************************************/
/*****         Publikacje                *****/
/*********************************************/
.news-module.publications .left-fotos {
  overflow: hidden;
  max-width: 174px;
  max-height: 252px;
}

.news-module.publications .desc {
  padding-left: 0px;
}

.news-module.news-list .news.publication .title,
.news-module.news-list .news.publication .desc {
  padding-left: 0px;
}

.news-module.news-list .news.publication .left-fotos {
  max-width: 194px;
}

/*********************************************/
/*****         Publikacje -rwd           *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .news-module.publications .left-fotos {
    max-width: 194px;
  }

  .news-module.publications .desc {
    padding-left: 175px;
  }
}

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

  .news-module.news-list .news.publication .title,
  .news-module.news-list .news.publication .desc {
    padding-left: 175px;
  }
}

/*********************************************/
/*****         Animacje i filmy          *****/
/*********************************************/
.video-module {
  padding: 0px 20px;
}

.video-module .title {
  font-size: 1.375rem;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 34px;
  padding: 0px 0px 10px;
}

.video-module .title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.video-module .title:after {
  bottom: -10px;
}

.video-module .left-fotos {
  padding-bottom: 0px;
}

.video-module .video {
  padding: 20px 0px;
  width: 100%;
  max-width: 500px;
  height: 350px;
  margin: 0px auto;
}

.video-module .video iframe {
  width: 100%;
  height: 100%;
}

.video-module .video.image {
  text-align: center;
}

.video-module .video.image img {
  max-width: 100%;
}

.video-module .link {
  display: block;
  text-align: center;
  margin-top: 20px;
  font-weight: bold;
  float: right;
}

.video-module .link:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.video-module.video-list .news.left {
  width: 100%;
  min-height: auto;
}

.video-module.video-list .news.left .title,
.video-module.video-list .news.left .desc {
  padding-left: 0px;
}

.video-module .news-back {
  display: inline-block;
  margin-top: 23px;
}

/*********************************************/
/*****       Animacje i filmy -rwd       *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .video-module {
    padding: 0px 30px;
  }
}

@media screen and (min-width: 48em) {
  .video-module .desc.with-foto {
    padding-left: 300px;
  }
}

@media screen and (min-width: 64em) {
  .video-module .title {
    font-size: 2.1875rem;
    margin-top: 70px;
  }
}

#query_forum {
  display: inline-block;
}

.placeholder_search {
  display: inline-block;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  color: #f3f0e9;
}

.forum-module {
  /*********************************************/
  /*****       Działy                      *****/
  /*********************************************/
  /*********************************************/
  /*****       Posty                       *****/
  /*********************************************/
  /*********************************************/
  /*****       Tematy                      *****/
  /*********************************************/
  /*********************************************/
  /*****       Logowanie                   *****/
  /*********************************************/
  /*********************************************/
  /*****       Profil                      *****/
  /*********************************************/
}

.forum-module .desc-module {
  padding: 0;
  margin: 0;
}

.forum-module a {
  position: relative;
}

.forum-module a.more {
  font-weight: 900;
  top: initial;
  bottom: 0px;
  left: 0px;
  font-size: 0.8125rem;
}

.forum-module a.more:after {
  content: "\e90f";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

.forum-module .module-breadcrumbs {
  padding: 10px 0px 0px;
  font-weight: bold;
  font-size: 1rem;
  width: auto;
  display: inline-block;
}

.forum-module .module-breadcrumbs li {
  display: inline-block;
  background: none;
  padding: 0px;
}

.forum-module .module-breadcrumbs li:before {
  content: "\f078";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0;
}

.forum-module .module-breadcrumbs li.active {
  color: #997f5c;
}

.forum-module .module-breadcrumbs li.active a {
  color: #997f5c;
}

.forum-module .module-breadcrumbs li:before {
  display: inline-block;
  color: #997f5c;
  position: relative;
  left: 0;
  font-size: 16px;
}

.forum-module .module-breadcrumbs li:first-of-type:before {
  display: none;
}

.forum-module .navi {
  width: 100%;
  display: inline-block;
  float: right;
}

.forum-module .navi .user-block {
  padding: 0;
  width: 100%;
  text-align: left;
  margin: 15px 0;
}

.forum-module .navi .user-block .form-link {
  font-size: 20px;
}

.forum-module .navi .user-block .login-form {
  display: block;
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

.forum-module .navi .user-block .login-form h3.title {
  font-weight: 900;
  color: #231f20;
  text-align: left;
  padding: 10px 0;
}

.forum-module .navi .user-block .login-form h3.title:after {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background: #997f5c;
  position: relative;
}

.forum-module .post .signature {
  border-top-color: #f0eae1;
}

.forum-module .forum-list.table th,
.forum-module .forum-list.table td {
  text-align: left;
}

.forum-module .forum-list.table th {
  color: #231f20;
  padding: 15px;
}

.forum-module .forum-list.table th.header {
  padding: 0;
}

.forum-module .forum-list.table tr td {
  background: inherit;
  border-left: none;
  border-right: none;
}

.forum-module .forum-list.table tr td.left {
  padding: 10px 20px;
}

.forum-module .forum-list.table tr td.text-center {
  text-align: center;
}

.forum-module .forum-list.table tr.subhead-table th {
  border-bottom: 1px solid #997f5c;
  text-align: center;
}

.forum-module .forum-list.table tr.subhead-table th:first-child {
  padding-left: 20px;
  text-align: left;
}

.forum-module .forum-list.table tr.row-color-table {
  background: #f3f0e9;
}

.forum-module .forum-list.table tr.row-color-table td {
  border: solid #d3d6d9;
  border-width: 2px 0px;
}

.forum-module .forum-list .title {
  font-weight: bold;
}

.forum-module .forum-list .title.no-underline:after {
  display: none;
}

.forum-module .forum-list .width-a {
  width: 150px;
}

.forum-module .forum-list.show-only-mobile .row-color-table {
  background: #f3f0e9;
  border: solid #d3d6d9;
  border-width: 2px 0px;
}

.forum-module .forum-list.show-only-mobile .desc-module .title {
  margin-top: 30px;
}

.forum-module .forum-list.show-only-mobile .content-padd {
  padding: 10px 15px 40px;
}

.forum-module .user-data {
  color: #a6a6a6;
}

.forum-module .user-data .user {
  color: #997f5c;
}

.forum-module .user-data.width-b {
  width: 180px;
  padding-left: 20px;
}

.forum-module .user-data .posts-count {
  font-size: 13px;
}

.forum-module .post .date {
  color: #a6a6a6;
  font-size: 13px;
}

.forum-module .upload-foto {
  margin: 25px 0;
}

.forum-module .delete-photo.ico2.delete {
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  cursor: pointer;
}

.forum-module .delete-lang {
  font-size: 25px;
  padding-left: 35px;
}

.forum-module .added-photo__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.forum-module #cke_tresc {
  width: 100% !important;
  border: 1px solid #dedede;
  border-radius: 4px;
  max-width: 100%;
  height: 255px;
}

.forum-module #cke_tresc #cke_top_tresc,
.forum-module #cke_tresc #cke_bottom_tresc {
  background: #fefefe;
  border: none;
}

.forum-module #cke_tresc #cke_top_tresc {
  padding-bottom: 4px;
  border-bottom: 1px solid #dedede;
}

.forum-module #cke_tresc #cke_contents_tresc {
  border: none;
}

.forum-module .forum-list .edit-navi {
  border: none;
  display: inline-block;
}

.forum-module .forum-list .contents {
  display: inline-block;
  padding-top: 8px;
}

.forum-module .forum-list .contents .content img {
  margin: 15px 0;
}

.forum-module .forum-list blockquote {
  border-left: none;
}

.forum-module .forum-list .text-left {
  text-align: left !important;
  padding-left: 5px !important;
}

.forum-module .login-form {
  border: none;
}

.forum-module .login-form .register {
  text-align: left;
}

.forum-module .login-form .footer {
  margin-bottom: 25px;
}

.forum-module .login-form .footer .remind-password {
  font-size: 16px;
}

.forum-module .profile-additional-desc {
  padding: 20px 0;
}

.forum-module input[name=foto_del] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fefefe;
  border: 1px solid #dedede;
  box-shadow: none;
  padding: 8px;
  border-radius: 0;
  display: inline-block;
  position: relative;
  outline: none;
  top: 0px;
  margin-top: 6px;
}

.forum-module input[name=foto_del]:checked {
  background-color: #534b41;
  border: 1px solid #dedede;
  box-shadow: none;
  transition: all 0.2s;
}

.forum-module input[name=foto_del]:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -4px;
  left: 3px;
  color: #fefefe;
  transition: all 0.2s;
}

/*********************************************/
/*****       Formularze                  *****/
/*********************************************/
.form {
  margin-top: 25px;
  padding: 0 10px;
}

.form .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 28px;
  width: 100%;
  height: auto;
}

.form .row.invalid .form-input,
.form .row.invalid .textarea {
  border: 1px solid #ec5840;
}

.form .row label {
  width: 100%;
  padding-top: 0;
  text-transform: uppercase;
  color: #534b41;
  font-weight: 700;
  letter-spacing: 0.35px;
  padding-left: 15px;
  text-align: justify;
}

.form .row .form-input,
.form .row .textarea {
  max-width: 100%;
  width: 100%;
  border: 1px solid #dedede;
  box-shadow: none;
}

.form .row .form-input {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
}

.form .form-link {
  font-size: 1.5rem;
  font-weight: 700;
  color: #997f5c;
  cursor: pointer;
  padding-left: 0;
  outline: none;
}

.form .footer {
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

.form .df-control .form-input {
  max-width: 100%;
  width: 100%;
  border: 1px solid #dedede;
  box-shadow: none;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
}

/*********************************************/
/*****       Rejestracja                 *****/
/*********************************************/
input#zgoda {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fefefe;
  border: 1px solid #dedede;
  box-shadow: none;
  padding: 8px;
  border-radius: 0;
  display: inline-block;
  position: relative;
  outline: none;
  top: 22px;
  margin-top: 6px;
}

input#zgoda:checked {
  background-color: #534b41;
  border: 1px solid #dedede;
  box-shadow: none;
  transition: all 0.2s;
}

input#zgoda:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -1px;
  left: 3px;
  color: #fefefe;
  transition: all 0.2s;
}

a.back {
  font-weight: 900;
  top: initial;
  bottom: 0px;
  left: 0px;
  font-size: 0.8125rem;
}

a.back:after {
  content: "\e910";
  font-family: FontIcons;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  position: relative;
  top: 1px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
}

a.back:after {
  top: 3px;
  float: left;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em),
screen and (min-width: 40em) and (max-width: 47.9375em),
screen and (min-width: 48em) and (max-width: 57.5em) {

  .block.bg .header-block,
  .block.video-bg .header-block {
    background-color: #fefefe;
  }

  #zone-footer .menu-inline li:before {
    display: none;
  }

  #zone-footer .menu-inline li:after {
    background: #dedede;
  }

  .events-block {
    min-height: 600px;
  }

  .show-tablet-up {
    display: none;
  }

  .show-only-mobile {
    display: block;
  }

  .search-module .search-block .text-input {
    width: 80%;
  }

  .contents .content img {
    width: 100%;
  }

  .forum-module .forum-list .ico2 {
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }

  .header .edit-navi {
    margin-top: 0;
    padding-top: 0;
  }
}

@media screen and (min-width: 48em) {
  #zone-left .menu a {
    display: block;
  }

  .pager ul li.prev a,
  .pager ul li.next a {
    margin-top: 0.6em;
  }

  .header-block {
    font-size: 3.4375rem;
    padding: 35px 30px 8px 30px;
  }

  .header-block.smaller {
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .header-block.bigger {
    padding-bottom: 26px;
  }

  #page .column.left-padding,
  #page .left-padding.columns {
    padding-left: 120px;
  }

  #zone-left {
    left: -120px;
  }

  #zone-left.fixed {
    left: 0px;
  }

  #zone-left .menu-button-rwd {
    display: none;
  }

  #footer-page {
    margin-left: -14px;
  }

  .module {
    min-height: 300px;
  }

  .module img.background {
    height: 300px;
  }

  .module .top {
    height: 300px;
  }

  .pager ul li {
    font-size: 2.25rem;
  }

  .pager ul li a,
  .pager ul li span {
    margin: 0px 8px;
  }

  .pager ul li a.prev,
  .pager ul li a.next {
    font-size: 1.25rem;
  }

  .show-tablet-up {
    display: table;
  }

  .show-only-mobile {
    display: none;
  }

  .forum-module .navi .user-block {
    text-align: left;
    margin: 25px 0;
  }

  .forum-module .navi .user-block .form-link {
    padding: 20px 0;
  }

  .forum-module .navi .user-block .login-form {
    width: 70%;
  }

  .contents .content img {
    width: 100%;
  }

  .header .edit-navi {
    margin-top: 0;
    padding-top: 0;
  }
}

@media screen and (min-width: 57.5625em) {
  #footer-page {
    padding-top: 30px;
  }

  .news-block.news-list .swiper-wrapper,
  .places-block.places-list .swiper-wrapper {
    display: block;
    transition-property: none;
    box-sizing: border-box;
  }

  .header-block {
    padding-right: 70px;
  }

  .block.bg {
    background: #f3f0e9;
  }

  .block.video-bg {
    background: url("/szablony/cmjw/images/video_bg.jpg") no-repeat;
    background-size: 100% 100%;
  }

  .news-block.news-list,
  .places-block.places-list {
    margin-top: 0px;
  }

  .news-block.news-list a.more,
  .places-block.places-list a.more {
    top: -52px;
  }

  .news-grid,
  .programs-grid,
  .publication-block.publications-list,
  .places-block.places-list,
  .video-list,
  .witnesses-list {
    margin-top: 0px;
  }

  .news-grid .buttons,
  .programs-grid .buttons,
  .publication-block.publications-list .buttons,
  .places-block.places-list .buttons,
  .video-list .buttons,
  .witnesses-list .buttons {
    top: -61px;
  }

  .programs-list {
    background: none;
  }

  .video-list {
    background: none;
  }

  .forum-module .navi .user-block {
    text-align: right;
    margin: 0;
  }

  .forum-module .navi .user-block .form-link {
    padding: 10px;
  }

  .contents .content img {
    width: 100%;
  }

  .forum-module .forum-list .ico2 {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  .header .edit-navi {
    margin-top: 0;
    padding-top: 0;
  }
}

@media screen and (min-width: 84.0625em) {
  #footer-page {
    padding-left: 30px;
  }
}

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

  .pager ul li.first,
  .pager ul li.last {
    display: inline-block;
  }
}

@media screen and (min-width: 40em) {
  #zone-top {
    display: block;
  }
}

@media screen and (min-width: 31.25em) {
  .module .top {
    padding: 0px 30px;
  }

  .module-block .menu-module {
    padding: 0px 30px;
  }

  .top-fotos,
  .bottom-fotos {
    margin-left: -30px;
    margin-right: -30px;
  }

  .top-fotos .foto,
  .bottom-fotos .foto {
    float: left;
    margin: 0px;
    clear: none;
    width: 50%;
  }

  .top-fotos .foto:nth-of-type(2n + 1),
  .bottom-fotos .foto:nth-of-type(2n + 1) {
    clear: both;
  }

  .files .file {
    padding-left: 30px;
  }

  .news-block.news-list a.more span {
    display: inline;
  }
}

@media screen and (min-width: 37.5em) {
  .right-fotos {
    float: right;
    max-width: 320px;
    margin-right: -30px;
    padding: 0px 0px 10px 20px;
  }

  .left-fotos {
    float: left;
    max-width: 320px;
    margin-left: -30px;
    padding: 0px 20px 10px 0px;
  }
}

@media screen and (min-width: 41.25rem) and (max-width: 45rem) {

  .top-fotos,
  .bottom-fotos {
    margin-left: 0px;
    margin-right: 0px;
  }
}

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

  .top-fotos .foto,
  .bottom-fotos .foto {
    width: 33.3334%;
  }

  .top-fotos .foto:nth-of-type(2n + 1),
  .bottom-fotos .foto:nth-of-type(2n + 1) {
    clear: none;
  }

  .top-fotos .foto:nth-of-type(3n + 1),
  .bottom-fotos .foto:nth-of-type(3n + 1) {
    clear: both;
  }
}

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

  .top-fotos .foto,
  .bottom-fotos .foto {
    width: 25%;
  }

  .top-fotos .foto:nth-of-type(3n + 1),
  .bottom-fotos .foto:nth-of-type(3n + 1) {
    clear: none;
  }

  .top-fotos .foto:nth-of-type(4n + 1),
  .bottom-fotos .foto:nth-of-type(4n + 1) {
    clear: both;
  }
}

@media screen and (min-width: 64em) {
  #header-page #logo a {
    width: auto;
  }
}

@media screen and (min-width: 68.75em) {
  .pager {
    padding: 30px 30px;
  }
}

@media screen and (min-width: 78.1875em) {
  #footer-page {
    padding-top: 47px;
  }

  #footer-page #zone-footer ul {
    font-size: 0.9375rem;
  }

  #footer-page #footer {
    width: auto;
    float: right;
    padding-top: 5px;
  }

  #footer-page #realization {
    float: right;
    clear: right;
  }
}

@media screen and (min-width: 84.4375em) {
  #header-page {
    padding: 30px 30px 30px 30px;
  }

  #zone-top ul {
    padding-top: 17px;
    float: left;
  }

  #zone-top ul.second {
    clear: none;
  }

  #zone-top ul li:first-of-type:before,
  #zone-top ul li:last-of-type:after {
    display: block;
  }

  #zone-top ul li:last-of-type {
    padding-right: 14px;
  }
}

/******************************************/
/*****         rotator główny         *****/
/******************************************/
@media screen and (min-width: 31.25em) {
  .rotator-block .main-rotator {
    height: 550px;
  }

  .rotator-block .main-rotator .foto img {
    height: 110%;
    width: 245%;
    left: -15%;
    bottom: auto;
    bottom: initial;
    top: 0px;
  }
}

@media screen and (min-width: 34.375em) {
  .rotator-block .main-rotator .description .title {
    font-size: 2.25rem;
  }
}

@media screen and (min-width: 37.5em) {
  .rotator-block .main-rotator {
    height: 650px;
  }

  .rotator-block .main-rotator .description .title {
    font-size: 2.75rem;
  }

  .rotator-block .main-rotator .description .text {
    margin-top: 50px;
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 43.75em) {
  .rotator-block .main-rotator .foto img {
    height: 100%;
  }

  .rotator-block .main-rotator .description .title {
    font-size: 3.4375rem;
  }

  .rotator-block .main-rotator .description .text {
    font-size: 1.5rem;
  }

  .rotator-block .main-rotator .swiper-pagination-container {
    bottom: 70px;
  }
}

@media screen and (min-width: 53.125em) {
  .rotator-block .main-rotator .foto img {
    width: 210%;
  }
}

@media screen and (min-width: 56.25em) {
  .rotator-block .main-rotator .foto img {
    width: 190%;
  }

  .rotator-block .main-rotator .description,
  .rotator-block .main-rotator .swiper-pagination-container {
    max-width: 85%;
    padding: 0px;
    left: 8%;
  }

  .rotator-block .main-rotator .description .text {
    margin-top: 70px;
  }
}

@media screen and (min-width: 64em) {
  .rotator-block .main-rotator .foto img {
    width: 160%;
  }
}

@media screen and (min-width: 71.875em) {
  .rotator-block .main-rotator .foto img {
    width: 150%;
  }

  .rotator-block .main-rotator .description,
  .rotator-block .main-rotator .swiper-pagination-container {
    left: 11%;
  }
}

@media screen and (min-width: 78.125em) {
  .rotator-block .main-rotator {
    height: 700px;
  }

  .rotator-block .main-rotator .foto img {
    width: 130%;
  }

  .rotator-block .main-rotator .description,
  .rotator-block .main-rotator .swiper-pagination-container {
    max-width: 70%;
    left: 15%;
  }
}

@media screen and (min-width: 84.375em) {
  .rotator-block .main-rotator .foto img {
    width: 120%;
    left: 0px;
  }

  .rotator-block .main-rotator .description,
  .rotator-block .main-rotator .swiper-pagination-container {
    max-width: 60%;
    left: 17%;
  }
}

@media screen and (min-width: 96.875em) {
  .rotator-block .main-rotator {
    height: 750px;
  }

  .rotator-block .main-rotator .foto img {
    width: 100%;
  }

  .rotator-block .main-rotator .description,
  .rotator-block .main-rotator .swiper-pagination-container {
    left: 18.3333%;
  }
}

/****************************************/
/*****             grid             *****/
/****************************************/
@media screen and (max-width: 31.25rem) {
  .grid.reverse .date-block .date {
    left: auto;
    left: initial;
    right: -9px;
  }

  .grid.reverse .date-block .date .month-year {
    float: right;
    margin-left: 0px;
    margin-right: 37px;
  }
}

@media screen and (min-width: 22.5em) {
  .grid .text-block .title {
    font-size: 1.15rem;
  }

  .grid .text-block span.more {
    height: 61px;
  }
}

@media (min-width: 500px) and (max-width: 920px) {
  .news-grid .item:nth-child(2n) .row {
    display: flex;
    flex-direction: row-reverse;
  }

  .news-grid .item:nth-child(3) .row {
    display: flex;
    flex-direction: row-reverse;
  }

  .news-grid .item:nth-child(4) .row {
    display: flex;
    flex-direction: row;
  }
}

@media screen and (min-width: 31.25em) {
  .grid {
    height: 300px;
  }

  .grid .date-block,
  .grid .text-block {
    width: 50%;
    height: 100%;
  }
}

@media screen and (min-width: 31.25rem) and (max-width: 39.375rem),
screen and (min-width: 57.5625rem) and (max-width: 78.125rem),
screen and (min-width: 84.0625rem) and (max-width: 102.8125rem) {
  .grid .date-block .date {
    right: -7px;
  }

  .grid .date-block .date .day,
  .grid .date-block .date .day1,
  .grid .date-block .date .day2 {
    font-size: 5.5625rem;
  }

  .grid .date-block .date .hyphen {
    font-size: 3.5rem;
    margin-right: 0.6em;
  }

  .grid .date-block .date .month-year {
    margin-right: 17px;
    font-size: 1.09375rem;
  }

  .grid .date-block .no-photo {
    font-size: 1rem;
  }

  .grid.reverse .date-block .date {
    left: -7px;
  }

  .grid.reverse .date-block .date .month-year {
    margin-left: 17px;
  }

  .grid .text-block.columns {
    padding: 19px 20px 0px;
  }

  .grid .text-block .title {
    font-size: 0.875rem;
  }

  .grid .text-block span.more {
    height: 45px;
  }
}

@media screen and (min-width: 57.5625rem) and (max-width: 62.5rem),
screen and (min-width: 84.0625rem) and (max-width: 92.1875rem) {
  .grid .text-block .title {
    font-size: 0.875rem;
  }

  .grid .text-block span.more>span {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 34.375rem) and (max-width: 39.375rem),
screen and (min-width: 63.8125rem) and (max-width: 78.125rem),
screen and (min-width: 90.3125rem) and (max-width: 102.8125rem) {

  .grid .date-block .date .day,
  .grid .date-block .date .day1,
  .grid .date-block .date .day2 {
    font-size: 6.25rem;
  }

  .grid .date-block .date .hyphen {
    margin-right: 0.7em;
  }

  .grid .date-block .no-photo {
    font-size: 1.125rem;
  }

  .grid .text-block.columns {
    padding: 23px 25px 0px;
  }
}

@media screen and (min-width: 102.875rem) and (max-width: 109.0625rem) {
  .grid .text-block .title {
    font-size: 1.0625rem;
  }
}

@media screen and (min-width: 109.125rem) and (max-width: 115.3125rem) {
  .grid .text-block .title {
    font-size: 1.1875rem;
  }
}

@media screen and (min-width: 102.8125rem) and (max-width: 110.9375rem) {

  .grid .date-block .date .day1,
  .grid .date-block .date .day2 {
    font-size: 7.5rem;
  }

  .grid .date-block .date .hyphen {
    margin-right: 0.8em;
  }

  .grid .date-block .date .month-year {
    margin-right: 32px;
  }
}

/******************************************/
/*****           Kalendarium          *****/
/******************************************/
@media screen and (min-width: 22.5em) {
  .events-block .bottom .legend {
    padding: 0px 12px;
  }
}

@media screen and (min-width: 31.25em) {
  .events-block {
    background-size: 110% 100%;
  }
}

@media screen and (max-width: 31.1875rem) {
  .events-block .bottom .legend .label {
    padding: 0px;
    line-height: 1em;
  }
}

@media screen and (min-width: 31.25rem) and (max-width: 57.5625rem) {
  .events-block .title {
    padding: 36px 0px;
    font-size: 1.5625rem;
  }

  .events-block .previous,
  .events-block .next {
    top: 36px;
  }

  .events-block .calendar-wrapper table.calendar td {
    font-size: 1.5625rem;
  }

  .events-block .bottom .legend {
    top: -40px;
  }

  .events-block .bottom .legend .no-event,
  .events-block .bottom .legend .event,
  .events-block .bottom .legend .today {
    float: none;
    clear: none;
  }
}

@media screen and (min-width: 40rem) and (max-width: 57.5625rem) {
  .events-block .title {
    font-size: 2.25rem;
  }

  .events-block .previous,
  .events-block .next {
    top: 42px;
  }
}

@media screen and (min-width: 33.125rem) {
  .events-block .bottom .legend {
    position: static;
    padding: 0px;
  }
}

@media screen and (min-width: 40rem) and (max-width: 57.5625rem) {
  .events-block .calendar-wrapper .calendar-page {
    padding: 0px 30px;
  }

  .events-block .calendar-wrapper table.calendar td {
    font-size: 2.25rem;
    height: 56px;
    line-height: 56px;
  }
}

@media screen and (min-width: 57.5625rem) and (max-width: 84.0625rem),
screen and (min-width: 84.0625rem) and (max-width: 90.0625rem) {
  .events-block .title {
    padding: 25px 0px;
  }

  .events-block .previous,
  .events-block .next {
    top: 21px;
  }

  .events-block .calendar-wrapper table.calendar th {
    height: 18px;
  }

  .events-block .calendar-wrapper table.calendar td {
    height: 40px;
    line-height: 40px;
  }

  .events-block .bottom {
    padding-top: 7px;
    padding-bottom: 4px;
  }

  .events-block .bottom .border {
    top: -3px;
  }

  .events-block .bottom .legend {
    position: absolute;
    top: -32px;
  }

  .events-block .bottom .legend .no-event,
  .events-block .bottom .legend .event,
  .events-block .bottom .legend .today {
    float: none;
    clear: none;
  }
}

@media screen and (min-width: 64rem) and (max-width: 84.0625rem),
screen and (min-width: 93.75rem) {
  .events-block .title {
    padding: 30px 0px;
    font-size: 1.875rem;
  }

  .events-block .previous,
  .events-block .next {
    top: 33px;
  }

  .events-block .calendar-wrapper .calendar-page {
    padding: 0px 30px;
  }

  .events-block .calendar-wrapper table.calendar th {
    height: 30px;
  }

  .events-block .calendar-wrapper table.calendar td {
    height: 44px;
    line-height: 44px;
    font-size: 1.6875rem;
  }

  .events-block .bottom {
    padding: 14px 30px 15px;
  }

  .events-block .bottom .border {
    top: -14px;
  }

  .events-block .bottom .legend {
    position: static;
    padding: 0px;
  }

  .events-block .bottom .legend .no-event,
  .events-block .bottom .legend .event,
  .events-block .bottom .legend .today {
    float: none;
    clear: none;
  }
}

@media screen and (min-width: 76.5rem) and (max-width: 84.0625rem),
screen and (min-width: 107.5rem) {
  .events-block .title {
    padding: 38px 0px;
    font-size: 1.875rem;
  }

  .events-block .previous,
  .events-block .next {
    top: 43px;
  }

  .events-block .calendar-wrapper table.calendar th {
    height: 40px;
  }

  .events-block .calendar-wrapper table.calendar td {
    font-size: 2.25rem;
    height: 55px;
    line-height: 55px;
  }
}

@media screen and (min-width: 90.0625rem) and (max-width: 93.75rem) {
  .events-block .title {
    font-size: 1.875rem;
    padding: 34px 0px;
  }

  .events-block .previous,
  .events-block .next {
    top: 37px;
  }

  .events-block .calendar-wrapper table.calendar th {
    height: 25px;
  }

  .events-block .calendar-wrapper table.calendar td {
    height: 37px;
    line-height: 37px;
  }

  .events-block .bottom .legend .no-event,
  .events-block .bottom .legend .event,
  .events-block .bottom .legend .today {
    float: none;
    clear: none;
  }

  .events-block .bottom .legend span {
    margin: 0px 4px;
  }
}

@media screen and (min-width: 112.5rem) {
  .events-block .title {
    font-size: 2.25rem;
    padding: 34px 0px;
  }

  .events-block .previous,
  .events-block .next {
    top: 40px;
  }

  .events-block .events .event {
    padding: 15px;
  }

  .events-block .events .event .events-title {
    font-size: 1.25rem;
  }

  .events-block .events .event .date {
    margin-right: 40px;
  }

  .events-block .events .event .date .day,
  .events-block .events .event .date .day1,
  .events-block .events .event .date .day2 {
    font-size: 4.375rem;
    line-height: 0.75em;
  }

  .events-block .events .event .date .hyphen {
    font-size: 3.6875rem;
  }

  .events-block .events .event .date .month-year {
    font-size: 1.25rem;
    margin-right: 2px;
  }
}

/*********************************************/
/*****     Wystawy czasowe - rwd         *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .expositions-list .item .image {
    display: block !important;
  }

  .expositions-list .item .columns {
    width: 50%;
  }

  .expositions-list .item .date-block,
  .expositions-list .item .text-block {
    width: 100%;
    height: 50%;
  }
}

/******************************************/
/*****         Foto link - rwd        *****/
/******************************************/
@media screen and (min-width: 28.125em) {
  .foto-link.small a .text {
    font-size: 2.8125rem;
  }
}

@media screen and (min-width: 31.25em) {
  .foto-link.big>a .text {
    font-size: 2.8125rem;
  }

  .foto-link.small {
    width: 50%;
    float: left;
  }

  .foto-link.small a .text {
    padding-top: 80px;
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 40em) {
  .foto-link.big>a .text {
    font-size: 3.4375rem;
  }
}

@media screen and (min-width: 48em) {
  div.header-block {
    display: block;
  }

  .foto-link.big>a .text {
    font-size: 2.625rem;
  }

  .foto-link.small a .text {
    padding-top: 80px;
    padding-right: 20px;
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 57.5625em) {
  .foto-link.small a .text {
    padding-top: 50px;
    padding-right: 5px;
    font-size: 2rem;
  }

  #zone-10 .foto-link:nth-of-type(2) {
    clear: both;
    float: right;
  }

  #zone-10 .foto-link:nth-of-type(2) .header-block {
    display: none;
  }
}

@media screen and (min-width: 64.0625em) {
  .foto-link.big>a .text {
    font-size: 3rem;
  }
}

@media screen and (min-width: 71.875em) {
  .foto-link.small a .text {
    padding-top: 80px;
    padding-right: 20px;
    font-size: 2.375rem;
  }
}

@media screen and (min-width: 78.125em) {
  .foto-link.big>a .text {
    font-size: 3.4375rem;
  }
}

@media screen and (min-width: 84.0625em) {
  .foto-link.big>a .text {
    font-size: 2.6875rem;
  }

  .foto-link.small a .text {
    padding-top: 50px;
    padding-right: 5px;
    font-size: 1.875rem;
  }

  #zone-10 .foto-link:nth-of-type(2) {
    clear: none;
    float: left;
  }

  #zone-10 .foto-link:nth-of-type(2) .header-block {
    display: block;
  }

  #zone-10 .foto-link .wrapper {
    height: 300px;
    position: relative;
  }

  #zone-10 .foto-link .wrapper a {
    position: absolute;
    bottom: 0px;
  }
}

@media screen and (min-width: 96.9375em) {
  .foto-link.big>a .text {
    font-size: 3.4375rem;
  }

  .foto-link.small a .text {
    padding-top: 70px;
    padding-right: 20px;
    font-size: 2.1875rem;
  }
}

@media screen and (min-width: 112.5em) {
  .foto-link.small a .text {
    padding-top: 80px;
    padding-right: 20px;
    font-size: 2.1875rem;
  }
}

/*********************************************/
/*****     Wystawy czasowe - rwd         *****/
/*********************************************/
@media screen and (min-width: 31.25em) {
  .witnesses-list .item .image {
    display: block !important;
  }

  .witnesses-list .item .columns {
    width: 50%;
  }

  .witnesses-list .item .date-block,
  .witnesses-list .item .text-block {
    display: block;
    width: 100%;
    height: 50%;
  }
}

@media screen and (max-width: 850px) {
  #zone-13 {
    padding-bottom: 10px;
    margin: 0 auto;
  }

  #zone-13 .description-block {
    text-align: justify;
    margin: 0 auto;
  }

  #zone-13 .description-block table tbody {
    max-width: 290px;
    margin: 0;
  }


  #zone-13 .description-block table tbody {
    max-width: 270px !important;
  }

  #zone-13 .description-block table tbody tr td {
    display: flex;
    /* flex-direction: column; */
    width: 250px !important;
  }

  #zone-13 .description-block table tbody tr td:nth-child(4) a img {
    width: 265px !important;
    height: 52px !important;
  }

  #zone-13 .description-block table tbody tr td p {
    margin-left: 0 !important;
  }
}