/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;text-align:center}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}


/*Google fonts*/




/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/S6uyw4BMUTPHjxAwXjeu.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/S6uyw4BMUTPHjx4wXg.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonty/S6u9w4BMUTPHh6UVSwaPGR_p.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonty/S6u9w4BMUTPHh6UVSwiPGQ.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/HTx3L3I-JCGChYJ8VI-L6OO_au7B6x_T2kn3.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/HTx3L3I-JCGChYJ8VI-L6OO_au7B6xHT2g.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/S6u8w4BMUTPHjxsAUi-qJCY.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonty/S6u8w4BMUTPHjxsAXC-q.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonty/S6u_w4BMUTPHjxsI5wq_FQft1dw.woff2") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonty/S6u_w4BMUTPHjxsI5wq_Gwft.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* koniec fonty */






/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm {
  box-sizing: border-box;
  position: relative;
  z-index: 9999;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Animation Classes */
/* Animation Classes */
.sm-fade {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s;
}

.sm-fade.show {
  opacity: 1;
  visibility: visible;
}

.sm-slide {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease-in-out;
}

.sm-slide.show {
  /* Height will be set via JS */
  display: block;
}

.sm,
.sm ul,
.sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
}

.sm-rtl,
.sm-rtl ul,
.sm-rtl li {
  direction: rtl;
  text-align: right;
}

.sm>li>h1,
.sm>li>h2,
.sm>li>h3,
.sm>li>h4,
.sm>li>h5,
.sm>li>h6 {
  margin: 0;
  padding: 0;
}

.sm ul {
  display: none;
}

.sm li,
.sm a {
  position: relative;
}

.sm a {
  display: block;
}

.sm a.disabled {
  cursor: default;
}

.sm::after {
  content: "";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  overflow: hidden;
}

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

/*-------------------------------------------------------------------------------------------*/

.sm-clean {
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  border: solid 2px  #C10C18
}

.sm-clean a,
.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #000;

  font-weight: normal;
  line-height: 20px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
}

.sm-clean a.current {
  color: #D23600;
}

.sm-clean a.disabled {
  color: #747474;
}

.sm-clean a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}

.sm-clean a .sub-arrow::before {
  content: '+';
  color: #000;
  font-weight: 700;
}

.sm-clean a.highlighted .sub-arrow::before {
  content: '-';
}

.sm-clean>li:first-child>a,
.sm-clean>li:first-child> :not(ul) a {
  border-radius: 5px 5px 0 0;
}

.sm-clean>li:last-child>a,
.sm-clean>li:last-child>*:not(ul) a,
.sm-clean>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
  border-radius: 0 0 5px 5px;
}

.sm-clean>li:last-child>a.highlighted,
.sm-clean>li:last-child>*:not(ul) a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-clean>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
  border-radius: 0;
}

.sm-clean li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-clean>li:first-child {
  border-top: 0;
}

.sm-clean ul {
  background: rgba(162, 162, 162, 0.1);
}

.sm-clean ul a,
.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active {

  border-left: 8px solid transparent;
}

.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
  border-left: 16px solid transparent;
}

.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}

.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}

.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 1200px) {

  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-clean {
    box-shadow: none;
    border: none;
  }

  .sm-clean ul {
    position: absolute;
    width: 12em;
  }

  /* Fix for nested menus (Level 3+) */
  .sm-clean>li>ul {
    top: 100%;
    left: 0;
    z-index: 1000;
  }

  .sm-clean ul ul {
    top: 0;
    left: 100%;
    z-index: 1001;
  }

  .sm-clean ul ul ul {
    z-index: 1002;
  }

  .sm-clean ul ul ul ul {
    z-index: 1003;
  }

  .sm-clean li {
    float: left;
  }

  .sm-clean.sm-rtl li {
    float: right;
  }

  .sm-clean ul li,
  .sm-clean.sm-rtl ul li,
  .sm-clean.sm-vertical li {
    float: none;
  }

  .sm-clean a {
    white-space: nowrap;

    text-transform: uppercase;
  }


  .sm-clean ul a,
  .sm-clean.sm-vertical a {
    white-space: normal;
  }

  .sm-clean .sm-nowrap>li>a,
  .sm-clean .sm-nowrap>li> :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .sm-clean {
    padding: 0 0px;
    background:none;
  }

  .sm-clean a,
  .sm-clean a:hover,
  .sm-clean a:focus,
  .sm-clean a:active,
  .sm-clean a.highlighted {
    padding: 18px 23px;
    color: #FFF;
    border-radius: 0 !important;
	font-weight: 700;
	text-transform: none;
  }

  .sm-clean a:hover,
  .sm-clean a:focus,
  .sm-clean a:active,
  .sm-clean a.highlighted {
    color: #FFF;
    text-decoration: none;
	background-color:#6A0007;
  }

  .sm-clean a.current {
    color: #FFF;
    text-decoration: none;
  }

  .sm-clean a.disabled {
    color: #bbbbbb;
  }

  .sm-clean a.has-submenu {
    padding-right: 24px;
  }

  .sm-clean a .sub-arrow {
    top: 50%;
    margin-top: -2px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #FFF transparent transparent transparent;
    background: transparent;
    border-radius: 0;
  }

  .sm-clean a .sub-arrow::before {
    display: none;
  }

  .sm-clean li {
    border-top: 0;
  }

  .sm-clean>li>ul::before,
  .sm-clean>li>ul::after {
    content: '';
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #bbbbbb transparent;
  }

  .sm-clean>li>ul::after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent #fff transparent;
  }

  .sm-clean ul {
    border: 1px solid #bbbbbb;
    padding: 5px 0;
    background: #fff;
    border-radius: 5px !important;
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }

  .sm-clean ul a,
  .sm-clean ul a:hover,
  .sm-clean ul a:focus,
  .sm-clean ul a:active,
  .sm-clean ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #000;
  }

  .sm-clean ul a:hover,
  .sm-clean ul a:focus,
  .sm-clean ul a:active,
  .sm-clean ul a.highlighted {
    background: #eeeeee;
    color: #000;
    text-decoration: none
  }

  .sm-clean ul a.current {
    color: #000;
  }

  .sm-clean ul a.disabled {
    background: #fff;
    color: #cccccc;
  }

  .sm-clean ul a.has-submenu {
    padding-right: 20px;
  }

  .sm-clean ul a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }

  /* UNUSED AND COMMENTED OUT
  .sm-clean .scroll-up,
  .sm-clean .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    height: 20px;
  }

  .sm-clean .scroll-up:hover,
  .sm-clean .scroll-down:hover {
    background: #eeeeee;
  }

  .sm-clean .scroll-up:hover .scroll-up-arrow {
    border-color: transparent transparent #D23600 transparent;
  }

  .sm-clean .scroll-down:hover .scroll-down-arrow {
    border-color: #D23600 transparent transparent transparent;
  }

  .sm-clean .scroll-up-arrow,
  .sm-clean .scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }

  .sm-clean .scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  */

  .sm-clean.sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }

  .sm-clean.sm-rtl a .sub-arrow {
    right: auto;
    left: 12px;
  }

  .sm-clean.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }

  .sm-clean.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }

  .sm-clean.sm-rtl>li>ul::before {
    left: auto;
    right: 30px;
  }

  .sm-clean.sm-rtl>li>ul::after {
    left: auto;
    right: 31px;
  }

  .sm-clean.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }

  .sm-clean.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }

  .sm-clean.sm-vertical {
    padding: 10px 0;
    border-radius: 5px;
  }

  .sm-clean.sm-vertical a {
    padding: 10px 20px;
  }

  .sm-clean.sm-vertical a:hover,
  .sm-clean.sm-vertical a:focus,
  .sm-clean.sm-vertical a:active,
  .sm-clean.sm-vertical a.highlighted {
    background: #fff;
  }

  .sm-clean.sm-vertical a.disabled {
    background: #eeeeee;
  }

  .sm-clean.sm-vertical a .sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }

  .sm-clean.sm-vertical>li>ul::before,
  .sm-clean.sm-vertical>li>ul::after {
    display: none;
  }

  .sm-clean.sm-vertical ul a {
    padding: 10px 20px;
  }

  .sm-clean.sm-vertical ul a:hover,
  .sm-clean.sm-vertical ul a:focus,
  .sm-clean.sm-vertical ul a:active,
  .sm-clean.sm-vertical ul a.highlighted {
    background: #eeeeee;
  }

  .sm-clean.sm-vertical ul a.disabled {
    background: #fff;
  }
}


/*przycisk w mobile*/

.main-menu-btn {
  position: relative;
  margin-left: calc(100% - 40px);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.44);
  border: solid 2px #C10C18;


  display: inline-block;
  width: 38px;
  height: 38px;
  text-indent: 38px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #FFF;
  border-radius: 5px;
  padding: 0; /* reset browser default button padding */
}

/* hamburger icon */
.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: calc(50% - 1px);
  left: 6px;
  height: 3px;
  width: 23px;
	border-radius: 2px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  background:  #C10C18
}

.main-menu-btn-icon:before {
  content: '';
  top: -8px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 8px;
  left: 0;
}

.main-menu-btn-icon {
  margin-right: 30px;
}

/* x icon */
#main-nav.is-open .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-nav.is-open .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-nav.is-open .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide the menu in mobile view */
#main-nav:not(.is-open) #main-menu {
  display: none;
}

#main-nav.is-open #main-menu {
  display: block;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
}

#main-nav.is-open .menu-overlay {
  opacity: 1;
  visibility: visible;
}



@media (max-width: 1199px) {
  #main-nav {
    top: 15px;
    right: 15px;
    left: auto;
    z-index: 999;
    position: fixed;

  }


  #main-menu {
    max-height: 80vh !important;
    /* Fallback */
    max-height: 90dvh !important;
    overflow: auto;
    overflow-x: hidden;
    width: 40vw;

    -ms-overflow-style: none;
  }

  #main-menu::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 767px) {
  #main-nav {
    left: 15px !important;
    right: 15px !important;
    width: auto !important;
    z-index: 10001 !important;
  }

  #main-menu {
    width: 100% !important;
  }
}




@media (min-width: 1200px) {

  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }

  /* always show the menu in desktop view */
  #main-nav:not(.is-open) #main-menu {
    display: block;
  }
}


/*menu boczne*/

#boczne-menu {
  width: 100%;
}


.sm-boczne {
  background: #FFF;
  margin-top: 25px;
  z-index: 0;
	border-radius: 5px;
	border: solid 2px #e8e8e8;
}

.sm-boczne a {
  padding: 17px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 18px!important;
  color: #C10C18;



  line-height: 20px;
  text-decoration: none;
  font-weight: 700;
  border-bottom-color: #FFF;
  transition: background-color 0.3s, color 0.3s;
}
.sm-boczne a.has-submenu{
	padding-right: 58px!important;
}

.sm-boczne a:hover,
.sm-boczne a:focus,
.sm-boczne a:active {

  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #FFF;
  background-color: #c10c18 !important;


  line-height: 20px;
  text-decoration: none;
}

.sm-boczne a.current {
  color: #FFF;
  background-color: #6A0007;
}

.sm-boczne a.disabled {
  color: #747474;
}

.sm-boczne a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 10px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0,0,0,0.2);
  border-radius: 0px;
}

.sm-boczne a .sub-arrow::before {
  content: '»';
  color: #FFF;
  font-size: 20px;
}


.sm-boczne a.highlighted {
  color: #FFF !important;
  background-color: #6A0007;
}

.sm-boczne a:hover .sub-arrow::before {
  color: #FFF;
}

.sm-boczne a.highlighted .sub-arrow::before {
  content: '»';
  color: #FFF;
  transform: rotate(90deg);
  position: absolute;
  margin-left: -5px
}

.sm-boczne>li:first-child>a,
.sm-boczne>li:first-child> :not(ul) a {
  border-radius: 5px 5px 0 0;
}

.sm-boczne>li:last-child>a,
.sm-boczne>li:last-child>*:not(ul) a,
.sm-boczne>li:last-child>ul,
.sm-boczne>li:last-child>ul>li:last-child>a,
.sm-boczne>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-boczne>li:last-child>ul>li:last-child>ul,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul {
  border-radius: 0 0 5px 5px;
}

.sm-boczne>li:last-child>a.highlighted,
.sm-boczne>li:last-child>*:not(ul) a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>a.highlighted,
.sm-boczne>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>ul>li:last-child>*:not(ul) a.highlighted {
  border-radius: 0;
}

.sm-boczne li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-boczne>li:first-child {
  border-top: 0;
}

.sm-boczne ul {
  background: rgba(255, 255, 255, 0.15);

	
}
.sm-boczne ul li{
	
}

.sm-boczne ul a,
.sm-boczne ul a:hover,
.sm-boczne ul a:focus,
.sm-boczne ul a:active {
	
  border-left: 8px solid transparent;
}

.sm-boczne ul ul a,
.sm-boczne ul ul a:hover,
.sm-boczne ul ul a:focus,
.sm-boczne ul ul a:active {
  border-left: 16px solid transparent;
}

.sm-boczne ul ul ul a,
.sm-boczne ul ul ul a:hover,
.sm-boczne ul ul ul a:focus,
.sm-boczne ul ul ul a:active {
  border-left: 24px solid transparent;
}

.sm-boczne ul ul ul ul a,
.sm-boczne ul ul ul ul a:hover,
.sm-boczne ul ul ul ul a:focus,
.sm-boczne ul ul ul ul a:active {
  border-left: 32px solid transparent;
}

.sm-boczne ul ul ul ul ul a,
.sm-boczne ul ul ul ul ul a:hover,
.sm-boczne ul ul ul ul ul a:focus,
.sm-boczne ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

.sm-boczne ul a,
.sm-boczne ul a:visited {
  padding: 14px 12px 14px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #C10C18;


  font-weight: normal;

  text-decoration: none;
  font-weight: 700;
  border-bottom-color: #C10C18;
}

.sm-boczne ul a:hover,
.sm-boczne ul a:focus,
.sm-boczne ul a:active {

  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #FFF !important;
  background-color: #C10C18 !important;
  text-decoration: none;
  background-color: rgba(255, 255, 255, .35);
}

.currentItem {
  background-color: #6A0007;
	color: #FFF!important;

}





/*koniec menu*/




















html {
    color: #222;
    font-size: 1em;
	min-height:100%;
	min-width:100%;
}
body{
	overflow-x:hidden;
	min-height:100%;
	min-width:100%;
	line-height: 1.5;
  	font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  	
}
strong{
	font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}
*{
	box-sizing:border-box;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}
.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}



audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


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



textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


.hidden {
    display: none !important;
}



.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: absolute; /* Często lepsze niż static, by nie przesuwać layoutu na ułamek sekundy */
  top: 5px;
  left: 5px;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
  
  /* Poniżej style czysto wizualne - dostosuj do designu Podimed */
  background-color: #0056b3;
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 4px;
  z-index: 9999;
}



blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img {}
nav ul, nav li { list-style:none;}
b,strong{ font-weight:600; }
italic{}
em {font-style: italic;}

a{
	 text-decoration:none;
	 color:#a32855;
	 }
a:hover{
	color:#000;
	}
a,img,input,span,p,h1,h2,h3, .menu-oferta a:after,.menu-oferta a:before, button, .art .poziome a{
	-webkit-transition: all 150ms linear 0ms;
	-moz-transition: all 150ms linear 0ms;
	-ms-transition: all 150ms linear 0ms;
	-o-transition: all 150ms linear 0ms;
	transition: all 150ms linear 0ms;
	text-decoration:none;	
}
h1,
h2,
h3,header .nazwa {
  line-height: 1.1;
  font-weight: 700;
}



a,a:visited{

}
a:hover,a:active,a:focus{

}

article{
	text-align:left;
}
article ul{
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
	list-style: disc;
}
article ul li { 
    padding-left: 1em; 
	margin-bottom:7px;
}
article ul li:before {
}
article ol{
	margin-top: 0;
	margin-bottom: 0.5em;
	margin-left: 1em;
	margin-right: 1em;
}
article ol li { 
    padding-left: 1em; 
	margin-bottom:7px;
	list-style:decimal !important;
}
article ol li li{ list-style: lower-latin!important; }




.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
 }
.wiecej, .wiecej:visited{
    margin: 0 auto;
	display: inline-block;
	background-color: #C41111;color: #FFF;
	padding: 10px 30px;
	border-radius: 3px;

}

.wiecej:hover,.wiecej:active,.wiecej:focus{
	background-color: #820002;
	color: #FFF;

}
.centrowanie{
    width: 100%;
    text-align: center;
}

.vh100{
	width: 100vw;
	height: 100vh;
	position: relative;
}

.pojemnik{
	width:1600px;
	max-width:100%;
	margin:0 auto;
	position:relative;
	text-align:left;
}

.flex1{
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;
}
.kol-100{
	width:100%;
    min-width: 100%;
}
.kol-75{
	width:75%;
    min-width: 75%;
}
.kol-50{
	width:50%;
     min-width: 50%;
}
.kol-33{
	width:33%;
     min-width: 33%;
}
.kol-25{
	width:25%;
     min-width: 250%;
}

header{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 100;
	height: 177px;
	background-color: rgba(255,255,255,1.00);
}
header .pojemnik:first-child{
	height: 123px;
	

}
header .pojemnik .pojemnik{
	height: 56px;
	background-color: #C10C18;
	min-width: 100%;
	
}

header .logo{
	padding: 10px 20px;
	display: block;
	width: 140px;
}

header h1, .art header h2, .art header .nazwa {
	display: block;
	position: absolute;
	left: 140px;
	top: 20px;
	padding: 10px 20px;
	border-left: solid 1px #d9d9d9;
	font-size: 1rem;
	width: 360px;
	line-height: 1.4;
}



.loga-top{
	height: 56px;
	position: absolute;
	left: 500px;
	top: 30px;
}
.loga-top img{
	max-height: 100%;
	width: auto;
	margin: 0 10px;
}
.loga-top img:first-child{
	max-height: 80%;
	width: auto;
}


.wyniki {
	position: absolute;
	display: block;
	color: #FFF;
	
	padding: 16px 23px;
        border-radius: 0 !important;
        font-weight: 700;
        text-transform: none;
	bottom: 0;
	right: 0;
	font-size: 1rem;
	z-index: 999999;
	background-color:  rgba(0,0,0,0.2);
}

  .wyniki:hover,
  .wyniki:focus,
  .wyniki:active,
  .wyniki.highlighted {
    color: #FFF;
    border-radius: 0 !important;
	font-weight: 700;
    text-decoration: none;
	background-color:#6A0007;
  }













.foto-top{
	width: 100%;
	max-height: 500px;
	height:35vw;
	position: relative;
	margin-top: 177px;
	overflow: hidden;
}

.foto-top img  {
	position: relative;
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	object-position: 50% calc(50% + 100px);
	
}

.glowna .foto-top{
	width: 100%;
	max-height: 500px;
	height:35vw;
	position: relative;
	margin-top: 177px;
	overflow: hidden;
}

.glowna .foto-top img  {
	position: relative;
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
	
}
.glowna .podpis {
	position: absolute;
	right: 5%;
	bottom: 10%;
	text-align: right;
	color: #FFF;
	font-style: italic;
	z-index: 10;
	padding: 10px;
	background-color: rgba(0,0,0,0.3);
	
}
.glowna .podpis a , .glowna .podpis a:visited{
	text-align: right;
	color: #FFF;
	font-style: italic;
	font-size: 1.5rem;
	line-height: 1em;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
	display: block;
	
}

.glowna .podpis a:hover , .glowna .podpis a:focus, .glowna .podpis a:active{
	color: #C10C18!important;
	text-shadow: 0px 0px 5px rgba(0,0,0,1);
	background-color: rgba(0,0,0,0.3);
}
.glowna .podpis a span{
	font-size: 0.8em;
	line-height: 1em;
}

.foto-top h2{
	display: block;
	position:absolute;
	z-index: 10;
	left:7% ;
	top: 13%;
	max-width: 50%;
	
	/* Składnia: clamp(minimum, preferowana_wartość, maksimum) */
  	font-size:  clamp(1.5rem, 4.25vw + 0.5rem, 72px);
  
  /* Opcjonalne: zapewnienie dobrych proporcji */
  line-height: 1.2;
  margin: 0.5em 0;
}

.art .foto-top h1{
	display: block;
	position:absolute;
	z-index: 10;
	left:0% ;
	bottom: 0%;
	max-width: 50%;
	background-color: #FFF;
	
	/* Składnia: clamp(minimum, preferowana_wartość, maksimum) */
  	font-size:  clamp(1.5rem, 3vw + 0.5rem, 68px);
  
  /* Opcjonalne: zapewnienie dobrych proporcji */
  line-height: 1.2;
  margin:0;
	padding: 2%;
}


.aktualnosci{
	background-color: #A20308;
	display: flex;
	flex-direction: row;
	text-align: left;
	
}

.aktualnosci h2{
	color: #FFF;
}

.aktualnosci .news:first-child{
	border-right:solid 1px #FFF;
}
.news,.news:visited{
	color: #FFF!important;
	display: block;
	position: relative;
	min-width: 50%;
	padding: 10px 30px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
.news:hover,.news:active,.news:focus{
	background-color: #6A0007;
	
	
}
.news h3{
	margin: 0;
	font-weight: 700;
	font-size: 1rem;
	padding: 0 50px 0 0;
	max-width: 450px;
	line-height: 1.6;
}

.news p{
	margin: 0;
	max-width: 400px;
}
.news span{
	position: absolute;
	top: 8px;
	right: 20px;
	font-size: 0.7rem;
}

.menu-pomocnicze{
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
	margin: 0;
	margin-top: 1px;
	column-gap: 1px;
	padding: 0;
}
.menu-pomocnicze span{
	font-weight: 400;
	max-width: 250px;
	font-size: 2.2rem;
	line-height: 1;
}
.menu-pomocnicze li{
	display: flex;
	min-width: 50%;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #FFF;	
	min-height: 173px;
	margin: 0;
	padding: 0;
	
}



.menu-pomocnicze a,.menu-pomocnicze a:visited{
	display: flex;
	min-width: 100%;
	align-items: center;
	align-content: center;
	justify-content: center;
	color: #FFF;
	font-family: "Barlow Condensed", sans-serif;
  	font-weight: 400;
	min-height: 173px;
	font-size: 1.4rem;
	padding: 20px;
	
}

.menu-pomocnicze img{
	margin: 10px 10px 10px 0;
}
.menu-pomocnicze a:nth-child(1){
	background-color: #736b49;
	
}
.menu-pomocnicze a:nth-child(2){
	background-color: #817a5b;
	
}
.menu-pomocnicze a:nth-child(3){
	background-color: #8f896d;
	
}
.menu-pomocnicze a:hover,.menu-pomocnicze a:active,.menu-pomocnicze a:focus{
	background-color: #584f2a;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
.menu-pomocnicze a:hover img,.menu-pomocnicze a:active img,.menu-pomocnicze a:focus img{
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.7));
	transform: scale(0.9);
}
.menu-oferta{
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
	padding: 0;
	margin-top: 1px;
	
}

.menu-oferta li{
	display: block;
	flex: 1 1 calc(33.333% - 1px); 
  	min-width: 250px; /* Opcjonalne zabezpieczenie przed zbytnim zwężeniem */
	max-height: 300px;
	position: relative;
	padding: 0;
	margin: 0;
	
 
	
}






.menu-oferta a, .menu-oferta a:visited{
	display: block;
  	min-width: 100%; /* Opcjonalne zabezpieczenie przed zbytnim zwężeniem */
	max-height:300px;
	height:20vw; 
	overflow: hidden;
	position: relative!important;
	color: #FFF;
	background-color:#736b49; 
	padding: 0;
	margin: 0;
	
	
	
}
.menu-oferta a img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0.7;
	padding: 0;
	margin: 0;
}

.menu-oferta a span{
	display: block;
	position: absolute;
	z-index: 50;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	color: #FFF;
		font-family: "Barlow Condensed", sans-serif;
  	font-weight: 400;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	font-size:  clamp(1.5rem, 2.5vw + 1rem, 58px);
	line-height: 1;
	padding: 0 25px 35px 25px;
	margin: 0;
}
.menu-oferta a:after{
	content: " ";
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 5;
	position: absolute;
	background-color: rgba(255, 255, 255, 0);
	background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(115, 107, 73, 0.75) 81%);
	background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(115, 107, 73, 0.75) 81%);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(115, 107, 73, 0.75) 81%);
	opacity: 1;
		
}
.menu-oferta a:before{
	content: " ";
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 5;
	position: absolute;
	background-color: rgba(255, 255, 255, 0);
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(162, 3, 8, 0.79) 77%);
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(162, 3, 8, 0.79) 77%);
	background-image: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(162, 3, 8, 0.79) 77%);
	opacity: 0;
		
}

.menu-oferta a:hover:after,.menu-oferta a:active:after,.menu-oferta a:focus:after{
	opacity: 0;

}

.menu-oferta a:hover:before,.menu-oferta a:active:before,.menu-oferta a:focus:before{
	opacity: 1;
}

.menu-oferta a:hover span,.menu-oferta a:active span,.menu-oferta a:focus span{
	padding-bottom: 40px;
}

footer .pojemnik{
	display: flex;
	flex-wrap: wrap;
}
footer span{
	margin-right: 20px;
}

footer .pojemnik div{
	min-width: 50%;
}
footer .pojemnik div:nth-child(1){
	padding-left: 10px;
}
footer .pojemnik div:nth-child(2){
	text-align: right;
	padding-top: 30px;
	padding-right: 5px;
}


footer .pojemnik .stopka{
	min-width: 100%;
	background-color: #f7f6f5;
	padding: 4px;
	
}

footer .pojemnik .stopka p:first-child{
	float: left;margin: 4px;font-size: 0.8rem;
}

footer .pojemnik .stopka p:last-child{
	float: right;margin: 4px;font-size: 0.8rem;
}
footer a,footer a:visited{
	color: #000;
	  text-decoration-skip-ink: auto;
	  text-underline-offset: 0.15em;
	  text-decoration-thickness: 0.1em;
}

footer a:hover,footer a:active,footer a:focus{
	color:#C10C18;
	text-decoration: underline;
}

/* art */

*:focus-visible{
	 outline: 3px solid #0056b3;
	  outline-offset: 2px;
	  border-radius: 2px;
		z-index:10;
	  
	  text-decoration: none;
}
.boczne *:focus-visible{
	 outline: 3px solid #0056b3;
	  outline-offset: -1px;
	  border-radius: 2px;
		z-index:10;
	  
	  text-decoration: none;
}
.flex4{
	display:flex;
	flex-wrap:no-wrap;
	flex-direction:row;
	max-width: 1200px;
}
.art .kol-l{
	min-width:calc(100% - 300px);
	width: 1000px;
	max-width: 100%;
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	margin-top: -0px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	position: relative;
}
.art .kol-l:after{
	
	
}

.art .kol-p{
	min-width: 250px;
	max-width: 250px;
	margin-left: 50px;
	position: relative;
	
		
}


.art  .kol-l  p a,
.art  .kol-l p a:visited{
	color: #0056b3; 
	  text-decoration: underline;

	  /* odsunięcie i grubość zapobiegają przecinaniu dolnych wydłużeń liter (np. g, j, y) */
	  text-decoration-skip-ink: auto;
	  text-underline-offset: 0.15em;
	  text-decoration-thickness: 0.1em;

	  /* Rozjaśnienie linii podkreślenia zmniejsza szum wizualny, ale wciąż wyraźnie wskazuje na link */
	  text-decoration-color: rgba(0, 86, 179, 0.4);
	  transition: text-decoration-color 0.2s ease-out, color 0.2s ease-out;
	

}

.art  .kol-l p a:hover,
.art  .kol-l p a:active
{
	
  color: #003d82; 
  text-decoration-color: #003d82;
  

}
.art  .kol-l p a:focus-visible{
	  outline: 3px solid #0056b3;
	  outline-offset: 2px;
	  border-radius: 2px;

	  /* Opcjonalne usunięcie podkreślenia, gdy ramka przejmuje rolę wskaźnika */
	  text-decoration: none;
}

.art  .kol-l li a,
.art  .kol-l li a:visited{
		color: #0056b3; 
	  text-decoration: underline;

	  /* odsunięcie i grubość zapobiegają przecinaniu dolnych wydłużeń liter (np. g, j, y) */
	  text-decoration-skip-ink: auto;
	  text-underline-offset: 0.15em;
	  text-decoration-thickness: 0.1em;

	  /* Rozjaśnienie linii podkreślenia zmniejsza szum wizualny, ale wciąż wyraźnie wskazuje na link */
	  text-decoration-color: rgba(0, 86, 179, 0.4);
	  transition: text-decoration-color 0.2s ease-out, color 0.2s ease-out;

}

.art  .kol-l li a:hover,
.art  .kol-l li a:active{
	color: #003d82; 
  text-decoration-color: #003d82;
}

.art  .kol-l li a:focus-visible{
	 outline: 3px solid #0056b3;
	  outline-offset: 2px;
	  border-radius: 2px;

	  /* Opcjonalne usunięcie podkreślenia, gdy ramka przejmuje rolę wskaźnika */
	  text-decoration: none;
}

	/* Zabezpieczenie dla trybów wysokiego kontrastu (Windows High Contrast Mode) */
	@media (forced-colors: active) {
	  p a {
		text-decoration-color: CanvasText;
	  }
	  p a:focus-visible {
		outline: 3px solid Highlight;
	  }
	}






.art .tresci{
	position: relative;
}

.art .tresci .pojemnik{
	max-width: 1200px;
}


.boczne{
	position: sticky;
	top: 200px;
	margin-bottom: 20px;
	z-index: 10;
	padding-right: 10px;
	
}
#boczne-menu{
	border-radius: 10px;
	
}






.art .aktualnosci{
	background-color: #FFF;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: left;
	column-gap: 1px;
	margin-top: 1px;
	justify-content: center;
	
}
.art .aktualnosci .news:first-child{
	border-right:none;
}
.art .news, .art .news:visited{
	color: #FFF!important;
	background-color: #A20308;
	display: block;
	position: relative;
	min-width: calc(33.333% - 1px);
	max-width: calc(33.333% - 1px);
	padding: 20px 20px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	margin-bottom: 1px;
}
.art .news:hover, .art .news:active, .art .news:focus{
	background-color: #6A0007;
	
	
}
.art .news h3{
	margin: 0;
	font-weight: 700;
	font-size: 1rem;
	padding: 0 50px 0 0;
	max-width: 450px;
	line-height: 1.6;
}

.art .news p{
	margin: 0;
	max-width: 400px;
}
.art .news span{
	position: absolute;
	top: 200px;
	right: 20px;
	font-size: 0.7rem;
	padding: 5px;
	background-color: #A20308;
}

.art .foto-box{
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: 10px;
}
.art .foto-box img{
	object-fit: cover;
	display: block;
	width: 100%;
	height: 100%;
}


.art .news:hover span, .art .news:active span, .art .news:focus span{
	background-color: #6A0007;
	
}









/* wSCMS */

/* cmsContactForm */
.cmsContactForm{display:block;float:left;width:100%;margin:auto;font-size:1em;border:none;color:000;margin-top:1.5em;}
.cmsContactForm form{margin-left:0px;}
.cmsContactForm b{font-weight:700;}
.cmsContactForm div{padding-bottom:5px;margin-bottom:5px;}
.cmsContactForm .cmsFormBoxText{float:left;width:33%;}
.cmsContactForm .cmsFormBoxTextarea{float:left;width:100%}
.cmsContactForm .cmsFormBoxSubmit{float:left;width:100%;}
.cmsContactForm input, .cmsContactForm textarea, .cmsContactForm select{background:#FFF;border:solid 1px #E0E0E0;resize:none;padding:5px 8px;margin:3px 3px 3px 3px;color:#003D77;border-radius:3px;}
.cmsContactForm input{width:94%;}
.cmsContactForm input[type=radio]{height:18px;width:18px;}
.cmsContactForm input:focus, .cmsContactForm textarea:focus, .cmsContactForm select:focus{border:solid 1px #000;}
.cmsContactForm input[type=checkbox]{height:15px;width:5%}
.cmsContactForm input[type=submit]{width:20%;color:#FFF;background-color:#2E7FA7;display:block;margin:auto; text-align:center;}
.cmsContactForm input[type=submit]:hover{opacity:0.7;cursor:pointer;}
.cmsContactForm textarea{height:150px;width:97%;}
.formError{color:#F00 !important;}

/* GCMv2 */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
#cookies {
    text-align: center;
    display: block;
    color: #000;
    font-size: 0.9rem;
    padding: 15px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #F3F3F3;
    z-index: 9999;
    opacity: 1;
    margin: 0;
    border-top: dashed 1px #848484;
}
#cookies a {
    color: #FFF !important;
    text-decoration: none;
    display: inline-block;
    padding: 8px 12px;
    background-color: #000;
    margin: 5px;
    border-radius: 3px;
    font-weight: 700;
}
#cookies a:hover { 
    background-color: #474747; 
}
#cookies button {
    background-color: #000;
    color: #FFF;
    font-weight: 700;
    border: solid 2px #000;
    border-radius: 3px;
    padding: 8px 16px;
    margin: 5px; 
    cursor: pointer;
}
#cookies button:hover {
    background-color: #1D1D1D;
    border-color: #1D1D1D;
}
#cookies a:focus-visible,
#cookies button:focus-visible,
#manage-cookies-btn:focus-visible {
    outline: 3px solid #0275d8;
    outline-offset: 3px;
}
#manage-cookies-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px 16px;
    background-color: #0056b3;
    color: #FFF;
    border: none;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
    z-index: 999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
#manage-cookies-btn:hover {
    background-color: #004494;
}
.cookie-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
    margin: 15px 0;
}
.cookie-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}
/* eof GCM2 */


.flex-wrap{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content: center;
}

.pas-kontakt  form{
	display:block;
	margin:0 auto;
	width:100%;
}

.form-box{
	width:100%;
	padding: 5px;
}

.form-box-50{
	width:50%;
	padding: 5px;
}

.naglowek-pola{
	width:100%;
	display:inline-block;
	text-align:left;
	color:#1f2954;
	font-size:0.9em;
	margin-bottom:4px;
}

textarea{
	color:#000;
	background-color:rgba(0,0,0,0.15);
	width:100%;
	border: solid 1px rgba(0,0,0,0.25);
	resize:none;
	height:170px;
	border-radius:4px;
	padding:7px 15px;
}

input[type="text"], input[type="password"]{
	color:#000;
	background-color:rgba(0,0,0,0.15);
	width:100%;
	border: solid 1px rgba(0,0,0,0.25);
	resize:none;
	border-radius:4px;
	padding: 10px 15px;
	display:inline-block;
    line-height: 2em;
    margin-bottom: 18px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus,
input[type="text"]:active, input[type="password"]:active, textarea:active{
	outline:solid 2px #f07d00;
	background-color:rgba(0,0,0,0.45);
	color: #FFF;
}


input[type="submit"]{
	text-align:center;
	background-color: transparent;
	padding: 5px 30px;
	margin-bottom: 10px;
	border: solid 1px rgba(201,201,201,1.00);
}
.form-box .wiecej{
	margin:10px 0 0 0 auto ;
	float: right;
}

input[type="submit"]:hover,

input[type="submit"]:active,

input[type="submit"]:focus{

		background-color: rgba(245,182,0,1.00);
	border-color:#F5B600;
	color: #0A2978;

}

form .kol-100{

	text-align:center;

}

.form-submit-msg{ 

	display:block;

	font-style:normal;

	text-decoration:none;

	text-align:center;

	border-bottom:solid 1px #e2e2e2;

	padding:10px 10px 10px 10px;

	margin: 10px auto;

	font-size:0.9em;

	width:80%;

}

.error{ font-size:0.9em; color:#F00; }

.success{ font-size:0.9em; color:#090; }

.zgoda p{
	color: #919191;
	font-size: 0.8rem;
	text-align: left;
	padding-left: 30px;
}

.zgoda input{
	float: left;
	margin-top: 3px;
	margin-right: 10px;
	width: 20px;
	height: 20px;
}



/* KONIEC wSCMS */

/* FCK */

.foto-l{
	float:left;
	margin:0 10px 0 0;
}
.foto-p{
	float:right;
	margin:0 0 0 10px;
} 

.blok{
	background-color: rgb(88, 79, 42);
	color:#FFF;
	width:80%;
	margin-left:10%;
	padding:2%;
}


/* ART */

.art .poziome{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin: 0!important;
	padding: 0!important;
	align-content:stretch;
	margin-bottom: 30px;
	
}


.art .poziome li{
	list-style: none;

	min-width: 24%;
	max-width: 24%;
	text-align: center;
	align-items: center;
	display: flex;
	justify-content: center;
	align-content: center;
	padding: 0;
	color: #FFF;
	font-weight: bold;
	text-transform: none;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	font-size: 1rem;
	position: relative;
	margin: 0.5% 0.5%;
	height: 90px;
	

}


.art .poziome a,.art .poziome a:visited{
	
	text-decoration: none!important;
	border: none;
	color: #C10C18!important;
	text-align: center;
	align-items: center;
	display: flex;
	min-width: 100%;
	min-height: 100%;
	justify-content: center;
	
	background-color:#FFF;
	padding: 6px 7px;
	border-radius: 5px;
	border: solid 2px #e8e8e8;
	
}




.art .poziome a:hover, .art .poziome a:active,.poziome a:focus{
	background-color:#c10c18;
	color: #FFF!important;
	border: solid 2px #c10c18;
}

.art .poziome a.current, .art .poziome a.current:visited{
	background-color:#c10c18;
	color: #FFF!important;
	border: solid 2px #c10c18;
}




.poziome a.current:hover, .poziome a.current:active, .poziome a.current:focus{
	background-color:#c10c18;
	color: #FFF!important;
	border: solid 2px #c10c18;
}





.gal img{
	-webkit-transition: all 350ms linear 0ms;
	-moz-transition: all 350ms linear 0ms;
	-ms-transition: all 350ms linear 0ms;
	-o-transition: all 350ms linear 0ms;
	transition: all 350ms linear 0ms;
	text-decoration:none;	
}


.gal{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	
}

.gal h2{
	min-width: 100%;
	font-size: 2rem;
	margin-bottom: 35px;
	
}

.gal a{
	display: block;
	object-fit: cover;
	min-width: 33.33%;
	max-width: 33.33%;
	height: 33.33%;
	position: relative;
	border: solid 0.5px #FFF;
	overflow: hidden;
	
}
.gal a:after { content: ""; display: block; padding-top: 99%; }

.gal a h3{
	position: absolute;
	z-index: 10;
	bottom: 0px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 2.3em;
	text-transform: uppercase;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
	opacity: 0;
}




.gal a img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	filter: grayscale(50%) ;
	transform: scale(1.1);
	opacity: 1;
	
}
.gal a:hover img,.gal a:active img,.gal a:focus img{
	filter: grayscale(0%) ;
	transform: scaleZ(1);
	opacity: 1;
}


.gal a:hover ,.gal a:active ,.gal a:focus {
	/*border: solid 0.5px rgba(212,173,98,1.00);*/
	box-shadow: 0 0 10px rgba(212,173,98,1.50);
	z-index: 5;

}



.art article .kol-l p .cta,
.art article .kol-l p .cta:visited{
  
	color: #1A4200;
	border: solid 1px rgba(235,231,23,1.00)!important;
	display: inline-block;	
	border-radius: 5px;
	float: none;
	border-bottom: none;
	margin: 10px;
	padding: 10px 20px;	
	text-align: center;

}

.art article .kol-l p .cta:hover,
.art article .kol-l p .cta:active,
.art article .kol-l p .cta:focus{
	
	color: #001510;
	border: solid 1px rgba(235,231,23,1.00)!important;
	background-color: rgba(235,231,23,1.00)!important;
	padding: 10px 20px;

}

.okruszki{
	width: 100%;
	padding: 5px 0 10px 0;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px rgba(217,217,217,1.00); 
	margin-bottom: 2px;
	font-weight: 700;
	margin-top: 10px;
	font-size: .7rem;
}
.okruszki i{
	font-size: .7rem;
	font-style: normal;
	margin: 5px;
}
.okruszki a,.okruszki a:visited{
	text-transform: uppercase;
	color: #1a2249;
	padding: 0 5px;
	font-size: 0.7rem;
	padding-bottom: 3px;
	border-bottom: none;
}

.okruszki a:hover,.okruszki a:active,.okruszki a:focus{
	border-bottom: solid 3px #276400;
	color:#276400
}
.okruszki .start{
	display: inline-block;
}
.okruszki .start img{margin-top: -4px;
}
.okruszki .start:hover,.okruszki .start:active,.okruszki .start:focus{
	border: none;
}



.pas-lekarze{
	width: 100%;
	text-align: center;
	position: relative;
	margin-top: 70px;
}
.pas-lekarze .pojemnik{
	text-align: center;
}
.ak-slajdy{
	margin: 80px auto 0 auto;
	max-width: 1600px;
	position: relative;
}
.ak-slajdy{
	padding-bottom: 80px;
}

/* FCK */


/* KONIEC FCK */


/* animacja */
 #XXX{
	 animation: yyy 120s infinite linear;  
     -webkit-animation: yyy 12s infinite linear  ; 
 }
 
@keyframes yyy
{
0% {}
20% {}
25%{}
75%{}
80%{}
100%{}

}

@-webkit-keyframes yyy 
{
0% { }
20% { }
25%{}
75%{}
80%{}
100%{}

}
 /* KONIEC animacja  */

/* tabelki RWD http://dbushell.com/2016/03/04/css-only-responsive-tables/ */

.table {

  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
  border-spacing: 0;
}

table {
  -webkit-overflow-scrolling: touch;
}

table td:first-child {

  background-repeat: no-repeat;
  background-size: 20px 100%;
}

table td:last-child {

  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 20px 100%;
}

table th {
  font-size: 11px;
  text-align: left;
  text-transform: uppercase;
  background: #f2f0e6;
}

table th,
table td {
  padding: 6px 12px;
  border: 1px solid #d9d7ce;
}

.g-recaptcha{ 
    margin: 0 auto 20px auto!important; 
    text-align: center; 
    position: relative!important; 
    display: inline-block!important; 
}

/*animacja po scrolu*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}



.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}








.animation-element.zoom {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 1500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
    transform: scale(0.5);
    
}

.animation-element.zoom.in-view  {
  opacity: 1;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
    transform: scale(1);
    
}




.animation-element.slide-fade {
  opacity: 0;
  -moz-transition: all 1500ms linear;
  -webkit-transition: all 1500ms linear;
  -o-transition: all 1500ms linear;
  transition: all 1500ms linear;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}



.animation-element.slide-fade.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




.animation-element.slide-top {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(0px, 100px);
  -ms-transform: translate(0px, 100px);
  transform: translate3d(0px, 100px, 0px);
}


.animation-element.slide-top.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}




.animation-element.in-view.anim2{
    transition-delay: 200ms;
}
.animation-element.in-view.anim3{
    transition-delay: 400ms;
}
.animation-element.in-view.anim4{
    transition-delay: 600ms;
}
.animation-element.in-view.anim5{
    transition-delay: 800ms;
}
.animation-element.in-view.anim6{
    transition-delay: 800ms;}




/* ==========================================================================
   Helper classes
   ========================================================================== */


.ukryj {
    display: none !important;
}





@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}



@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }



    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    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;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

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




.wcag-box{
	position: absolute;
	color: #000;
	right:30px;
	top: 39px;
	width: 230px;
	height: 44px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
.wcag-box a, 
.wcag-box a:visited{
	
	margin: 0 0px;
	color: #000;
	display: flex;
	align-items: center;
}

.wcag-box a:nth-child(1){
	line-height: 1;
	text-align: right;
	padding-right: 8px;
	font-size: 14px;


}
.wcag-box a:hover,.wcag-box a:active, .wcag-box a:focus{
	background-color:#000;
	color:#FFED00;
	border-radius: 3px;
	
}

.wcag-box a:hover img,.wcag-box a:active img, .wcag-box a:focus img{
	
	filter: brightness(0) saturate(100%) invert(82%) sepia(69%) saturate(658%) hue-rotate(356deg) brightness(100%) contrast(106%);
	
}


.wcag-box button, 
.wcag-box button:visited{
	
	margin: 0 0px;
	color: #000;
	display: flex;
	align-items: center;
	border: none;
	background-color: transparent;
}

.wcag-box button:nth-child(1){
	line-height: 1;
	text-align: right;
	padding-right: 8px;
	font-size: 14px;
}
.wcag-box button:nth-child(2){
	font-weight: 700;
	font-size: 24px;
	padding: 0 10px;
	
}
.wcag-box button:nth-child(3){
	font-weight: 700;
	font-size: 18px;
	padding: 0 10px;
	
}
.wcag-box button:hover,.wcag-box button:active, .wcag-box button:focus-visible{
	background-color:#000;
	color:#FFED00;
	border-radius: 3px;
	
}
.wcag-box button:hover img,.wcag-box button:active img, .wcag-box button:focus-visible img{
	
	filter: brightness(0) saturate(100%) invert(82%) sepia(69%) saturate(658%) hue-rotate(356deg) brightness(100%) contrast(106%);
	
}



/* Stan aktywny - reaguje wyłącznie na atrybut ARIA */
.btn-contrast[aria-pressed="true"] {
  background-color:#000;
	color:#FFED00;
	border-radius: 3px;
	border: none;

}

.btn-contrast[aria-pressed="true"] img {
  filter: brightness(0) saturate(100%) invert(82%) sepia(69%) saturate(658%) hue-rotate(356deg) brightness(100%) contrast(106%);
}

.btn-contrast[aria-pressed="true"]:hover, .btn-contrast[aria-pressed="true"]:active,.btn-contrast[aria-pressed="true"]:focus-visible{
	background-color: #FFF;
	color: #FFF;
}

.btn-contrast[aria-pressed="true"]:hover img,.btn-contrast[aria-pressed="true"]:active img,.btn-contrast[aria-pressed="true"]:focus-visible img {
  filter: none;
}



/* Stan zablokowany - gdy osiągniemy limit powiększenia/pomniejszenia */
.btn-font-size[aria-disabled="true"] {
  opacity: 0.4;                
  cursor: not-allowed;        
  pointer-events: none;        /* KRYTYCZNE: Zabija całkowicie reakcję na hover/click w CSS */
  color: #666666;
  background-color: transparent;
  
}

/*tablet*/

@media (max-width: 1200px) {


		.pojemnik{
			width:100%;
		}

		.wcag-box{
			right: 100px;
		}
		header{
			position: absolute;
		}
		.aktualnosci{
			font-size: 0.8rem;
		}


		.art .poziome li {
			min-width: 30%;
			max-width: 30%;  
		}



}



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

	.loga-top {

    left: 17px;
    top: 120px;
		z-index: 700;
	}
	.loga-top img:first-child {
		filter: invert(100%);
	}
	
	
	
	.menu-pomocnicze span {

    max-width: 250px;
    font-size: 1.6rem;

	}
		.menu-pomocnicze img {

			max-width: 70px;
			height: auto;
	}

	.menu-oferta a span {

    font-size: clamp(1.5rem, 1.5vw + 1rem, 58px);
    padding: 0 15px 25px 15px;

}
	
	.art .poziome li {
    min-width: 31%;
    max-width: 31%;  
}
	
	.wyniki {
		z-index: 900;
	}
	
	
	

}

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

	header h1, .art header h2, .art header .nazwa {   
    top: 10px;
    font-size: 1rem;
    width: 260px;
	}
	
	.menu-pomocnicze span {

    font-size: 1.4rem;

}
	.menu-pomocnicze img {
		
		max-width: 50px;
		height: auto;
	}
	.art .poziome li {
    min-width: 48%;
    max-width: 48%;
		margin-bottom: 10px;
}
.foto-top img  {

	object-position: 50% calc(35%);
	

	}
	.art .foto-top h1{
		max-width: 80%;
		bottom: 0%;
	}
	
	
	.glowna .podpis a , .glowna .podpis a:visited{
		font-size: 1rem;

 }
}






/*cell*/


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


		.cmsContactForm .cmsFormBoxText{ float:left; width:100%; }
		.cmsContactForm .cmsFormBoxSubmit{ float:left; width:100%; }

		.cmsContactForm input{ width:94%; }
		.cmsContactForm input[type=submit]{  width:70%; }

		table {
				overflow-x: auto;
				display: block;
			}
			table img{
				max-width:100px;
				height:auto;
		}
	
		.loga-top img:first-child {
			filter: invert(0%);
		}
	
		.powiekszona{
			display: table!important;
			min-width: 100%!important;
			width: 100%!important;
			max-width: 100%!important;
		}

		body{
			overflow-x: hidden;
		}


		.art article ul, .art article ol{
			padding: 0 15px;
		}

		.art article li{
			padding: 0 ;
		}

		.form-box-50{
			width: 100%;
			min-width: 100%;
		}


		.wcag-box{
			right: 0px;
			top: 88px;
			z-index: 800;
			transform: scale(0.8);
		}
		header{
			position: absolute;
			height: 140px;
		}
		.foto-top{
			margin-top: 180px;
		}
		.glowna .foto-top{
			margin-top: 180px;
		}
		.aktualnosci{
			font-size: 0.8rem;
			flex-direction: column;
		}
		.news{
			min-width: 100%;
		}
		.foto-top h2{
			max-width: 70%;
		}
		header h1, .art header h2, .art header .nazwa {   
			top: 3px;
			font-size: 0.8rem;
			width: 240px;
			left:100px;
			padding: 5px 10px;
			}

			header .pojemnik .pojemnik {
			height: 60px;
			background-color: #FFF;
				border-bottom:solid 3px #C10C18;
			min-width: 100%;
		}
			.menu-pomocnicze span {

			font-size: 1.4rem;

		}
			.menu-pomocnicze img {

				max-width: 50px;
				height: auto;
			}


		.menu-pomocnicze {
			display: flex;
			flex-direction: column;

		}
		.menu-pomocnicze li {
			display: flex;
			min-width: 100%;
			align-items: center;
			min-height: 130px;

		}
		.menu-pomocnicze a, .menu-pomocnicze a:visited{
			min-height: 130px;
			margin-bottom: 1px;
		}
		.menu-oferta a, .menu-oferta a:visited {

			max-height: 300px;
			height: 50vw;
			overflow: hidden;

		}
			.loga-top {

			left: 10px;
			top: 90px;
				z-index: 700;
			}
		.loga-top img{
			margin: 0 4px;
		}
		.loga-top img:first-child{
			max-height: 30px;
		}
		.loga-top img:last-child{
			max-height: 40px;
		}

		header .logo {
			padding: 10px 20px;
			width: 100px;
		}
		header .logo img{
			max-width: 100%;
			height: auto;
		}
		footer .pojemnik div:nth-child(2) {
			text-align: center;
			padding-top: 10px;
			padding-right: 5px;
			padding-left: 5px;
			padding-bottom: 20px;
		}
		footer .pojemnik div:nth-child(2) img{
			max-width: 30%;
			height: auto;
		}
		footer .pojemnik {
			display: flex;
			flex-wrap: wrap;
			text-align: center;
		}
		footer span {
			margin-right: 0px;
			display: block;
		}
		footer .pojemnik .stopka p:first-child {
			float: none;
		}
		footer .pojemnik .stopka p:last-child {
			float: none;
		}
		.flex4 {
			flex-wrap: no-wrap;
			flex-direction: column;
			max-width: 100vw;
		}

		.art .kol-p {
			min-width: 100%;
			max-width: 100%;
			margin-left: 0px;
		}
		.boczne {

			top: 50px;
			margin-bottom: 1px;
			padding-right: 0px;
		}

		.art .kol-l {
			min-width: 100VW;
			width: 100VW;
			max-width: 100%;
			padding-left: 15px;
			padding-right: 15px;
			padding-bottom: 50px;
			position: relative;
		}
		.art .news, .art .news:visited {
			background-color: #A20308;
			min-width: 100%;
			max-width: 100%;
			padding: 20px 20px;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);

		}
		.art article .boczne ul{
			padding: 0!important;


		}
		.art .poziome li {
			min-width: 100%;
			max-width: 100%;  
		}
		footer .pojemnik div:nth-child(1){
			padding-left: 10px;
			width: 100%;
			padding-right: 10px;
			text-align: center;
		}



	.wyniki{
		width: 100vw;
		bottom: -50px;
		text-align: center;
		font-size: 0.8rem;
		background-color: #C10C18;
	}
	
	.glowna .podpis{
		right: 2%;
		bottom: 2%;
	}
	
	
}










/* =========================================
   1. WCAG-box
   ========================================= */





html.wcag-kontrast body {
  background-color: #000000 !important;
  color: #FFFF00 !important;
}

html.wcag-rozmiar1 {
  font-size: 120%; 
}
.wcag-kontrast header{
	background-color: #FFFF00;
}
.wcag-kontrast header .pojemnik .pojemnik {
    
    background-color: #000 !important;
  
}
.wcag-kontrast header h1, .wcag-kontrast .art header h2, .wcag-kontrast .art header .nazwa {
	color: #000;
	border-color: #000;
}

.wcag-kontrast .foto-top h2 {
  background-color: #000;
	padding: 2%;
    left: 3%;
    top: 9%;
	max-width: 52%;  
}


.wcag-kontrast .glowna .podpis{
	background-color: #000;
	text-shadow: none!important;
}

.wcag-kontrast .glowna .podpis a, .wcag-kontrast .glowna .podpis a:visited{
	color: #FFFF00!important;
	text-shadow: none!important;
}


.wcag-kontrast .glowna .podpis a:hover, .wcag-kontrast .glowna .podpis a:focus, .wcag-kontrast .glowna .podpis a:active{
	color: #000!important;
	background-color: #FFFF00!important;
	text-shadow: none!important;
}









.wcag-kontrast .aktualnosci {
    background-color: #000;
}
.wcag-kontrast .news, .wcag-kontrast .news:visited {
    color: #FFFF00 !important;
	outline: solid 2px #FFFF00;
}
.wcag-kontrast .news:hover, .wcag-kontrast .news:active, .wcag-kontrast .news:focus {
    color: #000 !important;
	background-color: #FFFF00!important;
	text-shadow: none;
}

.wcag-kontrast .menu-pomocnicze a:nth-child(1) {
    background-color: #000;
	outline: solid 2px #FFFF00!important;
	color: #FFFF00;
}

.wcag-kontrast .menu-pomocnicze a:hover, .wcag-kontrast .menu-pomocnicze a:active, .wcag-kontrast .menu-pomocnicze a:focus {
	
	background-color: #FFFF00!important;
	color: #000;
	text-shadow: none;
	
}



.wcag-kontrast .menu-pomocnicze a img{

	filter: brightness(0) saturate(100%) invert(81%) sepia(100%) saturate(3006%) hue-rotate(355deg) brightness(103%) contrast(107%)!important;

}


.wcag-kontrast .menu-pomocnicze a:hover img, .wcag-kontrast .menu-pomocnicze a:active img, .wcag-kontrast .menu-pomocnicze a:focus img {
	
	filter: brightness(0) saturate(100%) invert(0%) sepia(81%) saturate(7423%) hue-rotate(174deg) brightness(80%) contrast(96%)!important;
	
	
	
}
.wcag-kontrast .menu-oferta a,.wcag-kontrast .menu-oferta a:visited{
	outline:solid 2px  #FFFF00;
}
.wcag-kontrast .menu-oferta a span {

    color: #FFFF00;
    text-shadow: none;
	background-color: #000;
    padding: 25px 25px 35px 25px;
    margin: 0;
	
}

.wcag-kontrast .menu-oferta a:before, .wcag-kontrast .menu-oferta a:after{
	display: none;
}
.wcag-kontrast .menu-oferta a:hover span,.wcag-kontrast .menu-oferta a:active span ,.wcag-kontrast .menu-oferta a:focus span{
	background-color: #FFFF00;
	color: #000;
}
.wcag-kontrast footer .pojemnik .stopka {

    background-color: #000;
	border-top: solid 2px  #FFFF00;

}
.wcag-kontrast footer .pojemnik .stopka a,
.wcag-kontrast footer .pojemnik .stopka a:visited{
	
	color: #FFFF00;
	text-decoration: underline;
	
}
.wcag-kontrast footer .pojemnik .stopka a:hover,
.wcag-kontrast footer .pojemnik .stopka a:active,
.wcag-kontrast footer .pojemnik .stopka a:focus{
	
	color: #000;
	text-decoration: none;
	background-color: #FFFF00;
	
}
.wcag-kontrast .art .foto-top h1 {
	color: #FFFF00;
    background-color: #000;

}
.wcag-kontrast .art  .kol-l  p a,
.wcag-kontrast .art  .kol-l p a:visited,
.wcag-kontrast .art  .kol-l  li a,
.wcag-kontrast .art  .kol-l li a:visited{
	color: #FFFF00;
	  text-decoration: underline;

	  /* odsunięcie i grubość zapobiegają przecinaniu dolnych wydłużeń liter (np. g, j, y) */
	  text-decoration-skip-ink: auto;
	  text-underline-offset: 0.15em;
	  text-decoration-thickness: 0.1em;

	  /* Rozjaśnienie linii podkreślenia zmniejsza szum wizualny, ale wciąż wyraźnie wskazuje na link */
	  text-decoration-color: #FFFF00;
	  transition: text-decoration-color 0.2s ease-out, color 0.2s ease-out;
	

}

.wcag-kontrast .art  .kol-l p a:hover,
.wcag-kontrast .art  .kol-l p a:active,
.wcag-kontrast .art  .kol-l li a:hover,
.wcag-kontrast .art  .kol-l li a:active
{
	
  background-color: #FFFF00;
	color: #000;
  

}
.wcag-kontrast .art  .kol-l p a:focus-visible,.wcag-kontrast .art  .kol-l li a:focus-visible{
	  outline: 3px solid #0056b3;
	  outline-offset: 2px;
	  border-radius: 2px;

	  /* Opcjonalne usunięcie podkreślenia, gdy ramka przejmuje rolę wskaźnika */
	  text-decoration: none;
}
.wcag-kontrast .blok {
    background-color: #FFFF00;
    color: #000;
  
}

.wcag-kontrast table th, .wcag-kontrast table td {
    border: 1px solid #FFFF00;
}

.wcag-kontrast .gal a {
  
    border: solid 0.5px #000;
   
}

.wcag-kontrast .logo img{
	filter: brightness(0) saturate(100%) invert(0%) sepia(81%) saturate(7423%) hue-rotate(174deg) brightness(80%) contrast(96%)!important;
}
.wcag-kontrast .art .poziome a, .wcag-kontrast .art .poziome a:visited{

	color: #000!important;
	background-color:#FFFF00;
	outline: solid 1px #000;

	
}




.wcag-kontrast .art .poziome a:hover, .wcag-kontrast .art .poziome a:active, .wcag-kontrast .poziome a:focus{
	background-color: #000!important;
	color: #FFFF00!important;
	text-decoration: underline!important;
	outline: solid 1px #FFFF00;
	z-index: 5;
}

.wcag-kontrast .art .poziome a.current, .wcag-kontrast .art .poziome a.current:visited{
	background-color: #000!important;
	color: #FFFF00!important;
	text-decoration: underline!important;
}
.wcag-kontrast .sm-boczne a {

    color: #000!important;
    line-height: 20px;
    border-bottom-color: #000!important;
    transition: background-color 0.3s, color 0.3s;
}
.wcag-kontrast .sm-boczne {
    background: #FFFF00;
	outline: solid 2px #FFFF00;
}

.wcag-kontrast .sm-boczne a:hover,
.wcag-kontrast .sm-boczne a:focus,
.wcag-kontrast .sm-boczne a:active {

  /* make room for the toggle button (sub indicator) */

  color: #FFFF00!important;
  background-color: #000 !important;


  line-height: 20px;
  text-decoration: underline;
}

.wcag-kontrast .sm-boczne a.current {
   color: #FFFF00;
  background-color: #000 !important;
}
.wcag-kontrast  .sm-boczne a .sub-arrow {
 
    background: #000;
    border-radius: 0px;
	outline: solid 2px #FFFF00;
}
.wcag-kontrast  .sm-boczne a.highlighted {
    color: #FFFF00 !important;
    background-color: #000;
}


.wcag-kontrast .wyniki,
.wcag-kontrast .wyniki:visited{
	color: #FFFF00;

	border-left-color: #FFFF00!important;
}

  .wcag-kontrast .wyniki:hover,
  .wcag-kontrast .wyniki:focus,
  .wcag-kontrast .wyniki:active,
  .wcag-kontrast .wyniki.highlighted {
    color: #000;
	background-color:#FFFF00!important;
	  outline: solid 2px #000;
  }

	 .wcag-kontrast .sm-clean a,
.wcag-kontrast .sm-clean a:visited{
	color: #FFFF00;
}

  .wcag-kontrast .sm-clean a:hover,
  .wcag-kontrast .sm-clean a:focus,
  .wcag-kontrast .sm-clean a:active,
  .wcag-kontrast .sm-clean a.highlighted {
    color: #000;
	background-color:#FFFF00!important;
	  outline: solid 2px #000;
  }

  .wcag-kontrast  .sm-clean a .sub-arrow {
       
      
        border-color: #FFFF00 transparent transparent transparent!important;
  
    }

  .wcag-kontrast  .sm-clean ul {
        border: 1px solid #FFFF00!important;

        background: #000!important;
        border-radius: 5px !important;
        box-shadow: none!important;
    }

.wcag-kontrast .sm-boczne a .sub-arrow::before {
 
    color: #FFFF00!important;
  
}
.wcag-kontrast .sm-clean>li>ul::before,
  .wcag-kontrast .sm-clean>li>ul::after {
   

    border-color: transparent transparent #000 transparent!important;
  }
.wcag-kontrast .sm-boczne .currentItem {
  background-color: #000!important;
	color: #FFFF00!important;
}

.wcag-kontrast #cookies {

    background-color: #FFFF00!important;

}
.wcag-kontrast #cookies span{
	font-weight: 700!important;
}
.wcag-kontrast #cookies button {
    color: #FFFF00!important;

}


.wcag-kontrast #cookies button:hover,.wcag-kontrast #cookies button:active,.wcag-kontrast #cookies button:focus {
    background-color: #FFFF00!important;
    border-color: #000!important;
	color: #000!important;
	text-decoration: underline!important;
}














@media only screen and (max-width:1200px) {
	
	
	
	
	.wcag-kontrast .main-menu-btn-icon, .wcag-kontrast .main-menu-btn-icon:before, .wcag-kontrast .main-menu-btn-icon:after {

    	background: #000;
	}
	
	.wcag-kontrast .main-menu-btn {
		border: solid 2px #000;
		background-color: #FFFF00;

	}
	.wcag-kontrast .sm-clean a, .wcag-kontrast .sm-clean a:visited {
   	 	color: #000;
	}
	
	.wcag-kontrast .sm-clean {
		background: #FFFF00;
		border: solid 2px #000;
	}
	.wcag-kontrast .sm-clean ul {
    	border: 1px solid #FFFF00 !important;
    	background: #FFFF00 !important;
  
	}
	
	.wcag-kontrast .sm-clean a .sub-arrow {

		background: rgba(255, 255, 255, 0);
		outline:solid 2px #000 !important;
		
	}
	.wcag-kontrast .menu-overlay {

    background: rgba(0, 0, 0, 1);

}
	
	
}

@media only screen and (max-width:650px) {
	
	.wcag-kontrast header .pojemnik .pojemnik {
   	 background-color: #FFFF00  !important;
		
		
	}
	.wcag-kontrast header .pojemnik .pojemnik {
        border-bottom: solid 3px #000;

    }
	
	
}