/*
 * jQuery FlexSlider v2.7.2
 * https://www.woocommerce.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
div.slider{
	position: relative;
	padding: 0;
}
div.slider .pagewidth{
}
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
ul.slides,
.flexslider.projekty .slides,
.slides > li,
.flexslider.projekty .slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
.flexslider {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
   position: relative;
   text-align: center;
}
.flexslider.mainslider .slides > li {
	height: 100%;
	background: #cad4d5;
}
.flexslider.mainslider .slides > li .pagewidth-s{
	width: 100%;
}
.flexslider .slides > li .pagewidth,
.flexslider .slides > li .pagewidth-s{
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}
.flexslider .slides img {
	display: block;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.flexslider.mainslider .slides img {
	position: relative;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .flexslider .slides {
	display: block;
}
* html .flexslider .slides {
	height: 1%;
}
.no-js .flexslider .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0;
	border-top: 0;
	border-right: 0;
	position: relative;
	zoom: 1;
	background: #fff;
}
.flexslider.mainslider{
	height: 40.26vw;
}
.flexslider .slides {
	zoom: 1;
}
.flexslider.mainslider .slides {
	height: 100%;
}
.flexslider.mainslider .slides > li::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 1;
}
.flexslider .slides img {
	height: auto;
	-moz-user-select: none;
}
.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease;
}
.flexslider .direction-nav{
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	left: 0;
	pointer-events: none;
}
.loading .flex-viewport {
	max-height: 300px;
}
@-moz-document url-prefix() {
	.loading .flex-viewport {
		max-height: none;
	}
}
.carousel li {
	margin-right: 5px;
}
.flex-direction-nav {
	pointer-events: all;
}
.flex-direction-nav a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  width: 2vw;
  height: 2vw;
  margin: 0;
  z-index: 3;
  overflow: hidden;
  opacity: 1;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  transition: all 0.3s ease-in-out;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  border: 2px solid #fff;
}
.flex-direction-nav a:before {
  font-family: "Font Awesome 7 Pro";
  font-weight: 600;
  font-size: 1.2vw;
  display: inline-block;
  content: '\f104';
  color: #fff;
  line-height: 1;
}
.flex-direction-nav a.flex-next:before {
  content: '\f105';
}
.flex-direction-nav .flex-prev {
	left: 50%;
	margin-left: -4vw;
}
.flex-direction-nav .flex-next {
	right: 50%;
	margin-right: -4vw;
}
.flexslider .flex-direction-nav .flex-prev:hover,
.flexslider .flex-direction-nav .flex-prev:focus {
	opacity: 1;
	background: #112743;
}
.flexslider .flex-direction-nav .flex-next:hover,
.flexslider .flex-direction-nav .flex-next:focus {
	opacity: 1;
	background: #112743;
}
.flexslider .flex-ctrls{
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 100%;
	z-index: 2;
}
.flexslider .flex-ctrls .flex-direction-nav a{
	opacity: 1 !important;
	bottom: 0;
	top: auto;
	margin: 0;
}
.flexslider .flex-ctrls .flex-direction-nav a:before{
	content: '\f177';
	color: #fff;
	font-weight: 300;
	transition: all 0.25s ease-in-out;
}
.flexslider .flex-ctrls .flex-direction-nav a.flex-next:before {
	content: '\f178';
}
.flexslider .flex-ctrls .flex-direction-nav a:hover::before{
	color: #4c4c4c;
}
body.wcag .flex-direction-nav a:focus{
	background: #ff0 !important;
	color: #000 !important;
	border: 2px solid #000 !important;
}
body.wcag .flex-direction-nav a:focus::before{
	color: #000 !important;
}
.flexslider .flex-ctrls .flex-direction-nav .flex-prev,
.flexslider .flex-ctrls .flex-direction-nav .flex-next {
	left: 0 !important;
	right: auto !important;
}
.flexslider .flex-ctrls .flex-direction-nav .flex-next{
	left: 8vw !important;
}
.flexslider .flex-ctrls .flex-counters{
	position: relative;
	color: #fff;
	font-size: 1vw;
	font-weight: 600;
	width: 5.20vw;
	text-align: center;
	left: 2.4vw;
	height: 1.875vw;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 3px;
}
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a,
.podstrona .flex-pauseplay a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 2vw;
  height: 2vw;
  margin-left: -1vw;
  opacity: 1;
  z-index: 3;
  overflow: hidden;
  cursor: pointer;
  color: #fff;
  text-align: center;
  transition: all 0.3s ease-in-out;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  border: 2px solid #fff;
}
.flex-pauseplay a.flex-disabled{
	opacity: 0 !important;
	z-index: -1;
}
.flex-pauseplay a:before {
	font-family: "Font Awesome 7 Pro";
	font-size: 1vw;
	font-weight: 900;
	display: inline-block;
	content: '\f04c';
	transform: scaleX(0.8);
}
.flex-pauseplay a:hover,
.flex-pauseplay a:focus {
	opacity: 1;
	background: #112743;
}
.flex-pauseplay a.flex-play:before {
  content: '\f04b';
}
body.wcag .flex-pauseplay a:focus{
	background: #ff0 !important;
	color: #000 !important;
	border: 2px solid #000 !important;
}
body.wcag .flex-pauseplay a:focus::before{
	color: #000 !important;
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 5%;
  text-align: center;
  z-index: 2;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  line-height: 12px;
  vertical-align: top;
}
.flex-control-paging li a {
  position: relative;
  width: 1vw;
  height: 1vw;
  display: block;
  background: #fff;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 50%;
}
.flex-control-paging li a:hover {
  background: rgba(0, 0, 0, 0.7);
  background: #4c4c4c;
}
.flex-control-paging li a.flex-active {
  background: rgba(0, 0, 0, 0.9);
  background: #4c4c4c;
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
  overflow: hidden;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.flex-caption {
	position: relative;
    width: 100%;
	height: 100%;
    padding: 0;
    left: 0;
    top: 0;
	color: #fff;
	text-align: left;
	line-height: 1.3;
	padding: 3.2vw 0;
	display: flex;
	font-family: inherit;
}
.flex-caption.jc-l,
.flex-caption.jc-l .banner-caption{
	justify-content: flex-start;
	text-align: left;
}
.flex-caption.jc-c,
.flex-caption.jc-c .banner-caption{
	justify-content: center;
	text-align: center;
}
.flex-caption.jc-r,
.flex-caption.jc-r .banner-caption{
	justify-content: flex-end;
	text-align: right;
}
.flex-caption.ai-t,
.flex-caption.ai-t .banner-caption{
	align-items: flex-start;
}
.flex-caption.ai-c,
.flex-caption.ai-c .banner-caption{
	align-items: center;
}
.flex-caption.ai-b,
.flex-caption.ai-b .banner-caption{
	align-items: flex-end;
}
.flex-caption .banner-caption{
	line-height: 1.1;
	text-align: left;
	color: #fff;
	font-family: "Nunito", sans-serif;
	padding: 0;
}
.flex-caption .banner-caption.padd-l{
	padding-left: 25vw;
}
.flex-caption .banner-caption .banner-caption-wrapper{
	text-align: left;
}
.flex-caption .banner-caption .banner-caption-wrapper .w35{
	max-width: 35.938vw;
}
.flex-caption .banner-caption .bc-flex{
	display: flex;
	justify-content: space-between;
	gap: 1.042vw;
	padding: 0 6.25vw;
}
.flex-caption .banner-caption .bc-flex .bc-f-t{
	font-size: 2.188vw;
	font-weight: 800;
	line-height: 1.7;
	text-align: left;
	text-transform: uppercase;
	padding-right: 2vw;
	animation: banner-caption 2s forwards;
	animation-delay: 1s;
	opacity: 0;
}
.flex-caption .banner-caption .bc-flex .bc-f-k{
	width: 22vw;
	padding: 3.646vw 2.265vw;
	transition: all 0.3s ease;
	color: #fff;
}
.flex-caption .banner-caption .bc-flex .bc-f-k.c1{
	background: rgba(60,75,88,0.9);
	text-align: right;
	animation: banner-caption 2s forwards;
	animation-delay: 1.5s;
	opacity: 0;
}
.flex-caption .banner-caption .bc-flex .bc-f-k.c1:hover{
	background: rgba(60,75,88,1);
}
.flex-caption .banner-caption .bc-flex .bc-f-k.c2{
	background: rgba(106,90,68,0.9);
	text-align: left;
	animation: banner-caption 2s forwards;
	animation-delay: 2s;
	opacity: 0;
}
.flex-caption .banner-caption .bc-flex .bc-f-k.c2:hover{
	background: rgba(106,90,68,1);
}
.flex-caption .banner-caption .bc-flex .bc-f-k .t{
	display: block;
	text-transform: uppercase;
	font-size: 1.875vw;
	font-weight: 600;
}
.flex-caption .banner-caption .bc-flex .bc-f-k .d{
	display: block;
	font-size: 0.938vw;
	font-weight: 400;
	margin-top: 3.125vw;
	line-height: 1.5;
}
.flex-caption .banner-caption .bc-flex .bc-f-k .b{
	display: block;
	margin-top: 2.344vw;
}
.flex-caption .banner-caption .bc-flex .bc-f-k .b .bt{
	display: inline-flex;
	gap: 0.26vw;
	font-size: 0.781vw;
	text-transform: uppercase;
	color: #fff;
	padding: 0.521vw 1.563vw;
	transition: all 0.3s ease;
}
.flex-caption .banner-caption .bc-flex .bc-f-k.c1 .b .bt{
	background: rgba(106,90,68,1);
}
.flex-caption .banner-caption .bc-flex .bc-f-k.c2 .b .bt{
	background: rgba(60,75,88,1);
}
.flex-caption .banner-caption .bc-flex .bc-f-k:hover .b .bt{
	gap: 0.781vw;
	letter-spacing: 0.052vw;
}
.flex-caption .banner-caption .bc-std{
	text-align: left;
	padding: 0 10vw;
}
.flex-caption .banner-caption .bc-std .bc-std-t{
	font-size: 2.188vw;
	font-weight: 700;
	text-transform: uppercase;
}
.flex-caption .banner-caption .bc-std .bc-std-d{
	font-size: 1.563vw;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 2.344vw;
	line-height: 1.5;
}
.flex-caption .banner-caption .title{
	font-size: 1.563vw;
	font-weight: 700;
	color: #333254;
	line-height: 1.8;
	position: relative;
	padding-bottom: 0;
	letter-spacing: 1px;
}
.flex-caption .banner-caption .title > h2,
.flex-caption .banner-caption .title > h3{
	display: inline;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
	text-transform: inherit;
}
.flex-caption .banner-caption .subtitle{
	font-size: 1.042vw;
	font-weight: 400;
	color: #333254;
	margin-top: 1.042vw;
}
.flex-caption .banner-caption .subtitle > div{
	display: inline-block;
	padding-bottom: 5px;
}
.flex-caption .banner-caption .desc{
	font-size: 1.042vw;
	font-weight: 400;
	color: #333254;
	margin-top: 1.563vw;
	line-height: 1.8;
}
.flex-caption .banner-caption .desc ul {
	padding: 0;
	margin: 2vw 0;
	list-style: none;
}
.flex-caption .banner-caption .desc ul li {
	position: relative;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 0px;
	margin-bottom: 1.2vw;
	padding-left: 1.7em;
}
.flex-caption .banner-caption .desc ul li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 7 Pro";
	content: "\f00c";
	font-weight: 300;
	display: inline-block;
	font-size: 1vw;
	line-height: 1.5;
}
.flex-caption .banner-caption .desc ul.chkbox{
	margin: 2.4vw 0 2.4vw 0;
}
.flex-caption .banner-caption .desc ul.chkbox > li {
	margin: 1vw 0;
}
.flex-caption .button{
	position: relative;
	display: inline-flex;
	align-items: center;
	background: #4c4c4c;
	color: #fff;
	padding: 1.042vw 3.646vw;
	font-size: 0.833vw;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-family: inherit;
}
.flex-caption .button:hover{
	background: #fff;
	color: #4c4c4c;
}
.flex-caption .button a:hover i{
	color: #4c4c4c;
}
.flex-caption .button a i{
	padding: 5px 0 0 10px;
	font-size: 1.2vw;
	transform: rotate(-30deg);
	color: #000;
}
.flex-caption .banner-caption > div.button{
	margin-top: 2vw;
}
.slide-bottom{
	animation: slide-bottom 2s forwards;
	opacity: 0;
}
.flex-caption .banner-caption .buttons{
	display: flex;
	gap: 3.125vw;
	margin-top: 2.604vw;
	padding-left: 1.7em;
}
.flex-caption .banner-caption .buttons a{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #0d96f5;
	padding: 0;
	font-size: 0.781vw;
	width: 11.042vw;
	height: 2.083vw;
	border: 0;
	border-radius: 1vw;
}
.flex-caption .banner-caption .buttons a.s2{
	background: #3d1f6b;
}
.flex-caption .banner-caption .buttons a i{
	font-size: 0.9vw;
}
.flex-caption .banner-caption .buttons a:hover{
	background: #3d1f6b;
	color: #fff; 
}
.flex-caption .banner-caption .buttons a.s2:hover{
	background: #535353;
	color: #fff; 
}
body.wcag .flex-caption .banner-caption .buttons a:focus{
	background: #ff0;
	border-color: #ff0;
	color: #000; 
}
.flex-active-slide .flex-caption .banner-caption{
	animation: banner-caption 2s forwards;
	animation-delay: 0s;
	opacity: 0;
}
.flex-active-slide .flex-caption .banner-caption .title{
	animation: banner-caption 2s forwards;
	animation-delay: 1s;
	opacity: 0;
}
.flex-active-slide .flex-caption .banner-caption .subtitle{
	animation: banner-caption 2s forwards;
	animation-delay: 1.5s;
	opacity: 0;
}
.flex-active-slide .flex-caption .banner-caption .desc{
	animation: banner-caption 2s forwards;
	animation-delay: 2s;
	opacity: 0;
}
.flex-active-slide .flex-caption .banner-caption .buttons{
	animation: banner-caption 2s forwards;
	animation-delay: 2.5s;
	opacity: 0;
}
.flexslider.mainslider .flex-direction-nav{
	position: absolute;
	bottom: 30px;
	left: 50%;
}
.flexslider.mainslider .flex-pauseplay{
	position: absolute;
	bottom: 30px;
	left: 50%;
}
.flexslider.projekty{
	height: 21.354vw;
}
.flexslider.projekty .slides{
	height: 100%;
}
.flexslider.projekty .slides > li > .slide-flex{
	display: flex;
	width: 100%;
	height: 100%;
}
.flexslider.projekty .slides > li > .slide-flex .slide-flex-left{
	width: 60%;
	height: 100%;
}
.flexslider.projekty .slides > li > .slide-flex .slide-flex-right{
	position: relative;
	width: 40%;
	height: 100%;
	background: #4c4c4c;
}
.flexslider.projekty.lay2 .slides > li > .slide-flex .slide-flex-left{
	order: 2;
}
.flexslider.projekty .slides > li .pagewidth-s .flex-caption .banner-caption::before{
	position: absolute;
	content: '';
	right: 20px;
	bottom: 0;
	font-family: "Font Awesome 7 Pro";
	font-weight: 300;
	opacity: 0.1;
	color: #000;
	font-size: 14vw;
	line-height: 1;
}
.flexslider.projekty .slides > li[data-grupa_id="1"] .pagewidth-s .flex-caption .banner-caption::before{
	content: '\e587';
}
.flexslider.projekty .slides > li[data-grupa_id="2"] .pagewidth-s .flex-caption .banner-caption::before{
	content: '\e61e';
}
.flexslider.projekty .slides > li[data-grupa_id="3"] .pagewidth-s .flex-caption .banner-caption::before{
	content: '\e533';
}
.flexslider.projekty .slides > li[data-grupa_id="4"] .pagewidth-s .flex-caption .banner-caption::before{
	content: '\f0ae';
}
.flexslider.projekty .slides > li[data-grupa_id="5"] .pagewidth-s .flex-caption .banner-caption::before{
	content: '\f207';
	font-weight: 900;
}
.flexslider.projekty .slides > li[data-grupa_id="6"] .pagewidth-s .flex-caption .banner-caption::before{
	content: '';
	background: url('../img/zit_black.webp') no-repeat;
	background-size: cover;
	width: 14vw;
	height: 14vw;
}
.flexslider.projekty .slides img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.flexslider.projekty .slides > li{
	height: 100%;
}
.flexslider.projekty .slides > li .pagewidth-s{
	position: relative;
	top: auto;
	left: auto;
	width: 100%;
	transform: none;
	height: 100%;
	padding: 0 !important;
}
.flexslider.projekty .slides > li .pagewidth-s .flex-caption{
	padding: 0;
}
.flexslider.projekty .flex-caption.ai-b{
	align-items: center !important;
}
.flexslider.projekty .slides > li .pagewidth-s .flex-caption .banner-caption{
	height: 100%;
	width: 100%;
	align-items: center !important;
	padding: 2.083vw 3.125vw 5.083vw 3.125vw;
	background: transparent;
	background: #4c4c4c;
}
.flexslider.projekty.lay2 .slides > li .pagewidth-s .flex-caption .banner-caption{
	padding: 2.083vw 3.125vw 2.083vw 3.125vw;
}
.flexslider.projekty .flex-caption .banner-caption .visitpoznan{
	margin-bottom: 1.563vw;;
}
.flexslider.projekty .flex-caption .banner-caption .visitpoznan img{
	display: inline-block;
	margin: 0;
	width: auto;
	height: 3.125vw;
}
.flexslider.projekty .flex-caption .banner-caption .title{
	font-size: 1.875vw;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2; 
	-webkit-box-orient: vertical;
	margin-top: 0 !important;
}
.flexslider.projekty .flex-caption .banner-caption .desc{
	font-size: 0.938vw;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5; 
	-webkit-box-orient: vertical;
}
.flexslider.projekty .flex-caption .banner-caption .buttons a{
	font-size: 0.729vw;
	font-weight: 600;
	background: #fff;
	color: #0c2e5d;
	padding: 0.4vw 1.563vw;
	letter-spacing: 0;
}
.flexslider.projekty .flex-caption .banner-caption .buttons a:hover{
	background: #4c4c4c;
	border-color: #4c4c4c;
	color: #fff;
}
.flexslider.projekty .flex-caption .banner-caption .buttons a > i{
	font-size: 1vw;
	transform: rotate(45deg);
}
.flexslider.projekty .flex-direction-nav,
.flexslider.projekty .flex-pauseplay{
	position: absolute;
	left: 60%;
	bottom: 1.5vw;
}
.flexslider.projekty .flex-direction-nav a{
	bottom: 0;
	background: transparent;
}
.flexslider.projekty .flex-direction-nav .flex-prev{
	left: 0;
	margin-left: 3.125vw;
}
.flexslider.projekty .flex-direction-nav .flex-next{
	left: 0;
	right: auto;
	margin-left: 9.125vw;
	margin-right: auto;
}
.flexslider.projekty .flex-pauseplay a{
	margin-left: 6.125vw;
	bottom: 0;
	background: transparent;
}
.flexslider.projekty .flex-direction-nav a:hover,
.flexslider.projekty .flex-pauseplay a:hover{
	background: #4c4c4c;
}
.flexslider.projekty .header-s{
	position: absolute;
	top: 0;
	left: 1.302vw;
	z-index: 3;
	background: #fff;
}
.flexslider.projekty .header-s .hs-f{
	border: 0;
}
.spark {
	position: absolute;
	border-radius: 100%;
	scale: 1;
	z-index: 999;
}
.spark .spark-glow {
	width: 200%;
	height: 200%;
	transform: translate(-25%, -25%);
	background-color: inherit;
	border-radius: 100%;
	filter: blur(8px) brightness(1.5);
	z-index: 99;
}
@keyframes fs-bgw {
	0%{
		opacity: 1;
		transform: scale(1);
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	11%{
		opacity: 0.5;
		transform: scale(0.7);
	}
	12%{
		opacity: 1;
		transform: scale(1);
	}
	15%{
		opacity: 1;
		transform: scale(1);
	}
	16%{
		opacity: 0.5;
		transform: scale(0.4);
	}
	17%{
		opacity: 1;
		transform: scale(1);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fs-psf {
	0%{
		opacity: 0;
		transform: scale(0.3);
	}
	20%{
		opacity: 1;
		transform: scale(1);
	}
	50%{
		opacity: 0.3;
		transform: scale(0.1);
	}
	70%{
		opacity: 1;
		transform: scale(1.5);
	}
	100%{
		opacity: 0;
		transform: scale(0.3);
	}
}
@keyframes fs-ps1 {
	0% {
		left: 50%;
		opacity: 0;
		transform: scale(0);
	}
	3%{
		transform: scale(1);
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	15%{
		opacity: 1;
		transform: scale(0.5);
	}
	30% {
		opacity: 0;
		left: 60%;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		left: 60%;
		transform: scale(0);
	}
}
@keyframes fs-ps2 {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	3%{
		transform: scale(1);
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	15%{
		opacity: 1;
		transform: scale(0.5);
	}
	30% {
		opacity: 0;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		transform: scale(0);
	}
}
@keyframes fs-ps3 {
	0% {
		opacity: 0;
		transform: scale(0);
	}
	3%{
		transform: scale(1);
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	15%{
		opacity: 1;
		transform: scale(0.5);
	}
	30% {
		opacity: 0;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		transform: scale(0);
	}
}
@keyframes fs-ps5 {
	0% {
		left: 20%;
		opacity: 0;
		transform: scale(0);
	}
	3%{
		transform: scale(1);
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	15%{
		opacity: 1;
		transform: scale(0.5);
	}
	30% {
		opacity: 0;
		left: 30%;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		left: 30%;
		transform: scale(0);
	}
}
@keyframes fs-ps6 {
	0% {
		top: 69.5%;
		left: 8.2%;
		opacity: 0;
		transform: scale(0);
	}
	3%{
		transform: scale(1);
	}
	10%{
		opacity: 1;
		transform: scale(1);
	}
	15%{
		opacity: 1;
		transform: scale(0.5);
	}
	30% {
		opacity: 0;
		top: 49.5%;
		left: 6.4%;
		transform: scale(0);
	}
	100%{
		opacity: 0;
		top: 49.5%;
		left: 6.4%;
		transform: scale(0);
	}
}
@keyframes banner-caption {
	0% {
		opacity:0
	}
	to {
		opacity:1
	}
}

@keyframes slide-bottom {
	0%{
		opacity: 0;
		bottom: -30px;
	}
	50%{
		opacity: 0;
		bottom: -30px;
	}
	100%{
		opacity: 1;
		bottom: 0;
	}
}
.flex-caption .button a .ico i{
	font-size: 26px;
	position: relative;
	left: 0;
	animation: pointing 0.70s infinite alternate;
}
@keyframes pointing {
	0%{
		left: 0;
	}
	50%{
		left: -6px;
	}
	100%{
		left: -6px;
	}
}
@media only screen and (orientation: portrait) {
	.flex-caption .banner-caption .bc-flex{
		flex-wrap: wrap;
		padding: 0;
	}
	.flex-caption .banner-caption .bc-flex > *{
		width: 100% !important;
		text-align: left !important;
	}
}
@media screen and (max-width: 2560px) {

}
@media screen and (max-width: 1920px) {

}
@media screen and (max-width: 1366px) {
	.flex-caption .banner-caption .desc.icons > div > .ico {
		width: 30px;
		min-width: 30px;
		height: 30px;
		font-size: 16px;
	}
}
@media screen and (max-width: 1220px) {
	.podstrona .right-side .flexslider.projekty{
		height: 30vw;
	}
}
@media screen and (max-width: 999px) {
	div.slider{
		padding-left: 0;
	}
	.flex-caption {
		padding: 20px 0 20px 0;
	}
	.flex-caption .button {
		padding: 5px 12px 5px 12px;
		font-size: 14px;
	}
	.flex-caption .button::before{
		display: none;
	}
	.flex-caption .button a{
		font-size: 14px;
		padding: 5px 15px;
	}
	.flex-caption .button a i{
		font-size: 14px;
	}
	.flex-control-paging li a {
		width: 14px;
		height: 14px;
	}
	.flex-control-nav {
		bottom: 20px;
	}
	.flex-caption .banner-caption{
		width: 100%;
		padding: 0;
	}
	.flex-caption .banner-caption .banner-caption-wrapper .w23{
		max-width: 32vw;
	}
	.flex-caption .banner-caption .buttons{
		padding-left: 0;
	}
	.flex-caption .banner-caption .buttons a{
		font-size: 12px;
		width: auto;
		padding: 0 20px;
		height: 30px;
		letter-spacing: 0;
		border-radius: 0;
	}
	.flex-caption .banner-caption .buttons a i{
		font-size: 14px;
	}
	.flexslider.mainslider .flex-direction-nav,
	.flexslider.mainslider .flex-pauseplay{
		bottom: 10px;
		left: auto;
		right: 0;
	}
	.flex-direction-nav a::before,
	.flex-pauseplay a::before{
		font-size: 14px;
	}
	.flex-caption.ai-b, .flex-caption.ai-b .banner-caption{
		align-items: center;
	}
	.flex-control-nav {
		bottom: 12px;
	}
	.flex-direction-nav a {
		bottom: 10px;
		width: 30px; 
		height: 30px;
	}
	.flex-pauseplay a,
	.podstrona .flex-pauseplay a{
		bottom: 10px;
		width: 30px; 
		height: 30px;
		margin-left: -15px;
	}
	.flexslider .slides > li .pagewidth,
	.flexslider .slides > li .pagewidth-s{
		max-width: 94vw;
	}
	.flexslider.mainslider .flex-pauseplay a{
		left: auto;
		right: 50px;
		margin: 0;
		bottom: 0;
	}
	.flexslider.mainslider .flex-direction-nav .flex-prev {
		left: auto;
		right: 85px;
		margin: 0;
		bottom: 0;
	}
	.flexslider.mainslider .flex-direction-nav .flex-next {
		left: auto;
		right: 15px;
		margin: 0;
		bottom: 0;
	}
	.flexslider.projekty,
	.podstrona .right-side .flexslider.projekty{
		height: calc(50vw + 290px);
	}
	.flexslider.projekty .slides > li > .slide-flex{
		flex-wrap: wrap;
	}
	.flexslider.projekty .slides > li > .slide-flex .slide-flex-left{
		width: 100%;
		height: 50vw;
	}
	.flexslider.projekty .slides > li > .slide-flex .slide-flex-right{
		width: 100%;
		height: 290px;
	}
	.flexslider.projekty .slides > li .pagewidth-s .flex-caption .banner-caption,
	.flexslider.projekty.lay2 .slides > li .pagewidth-s .flex-caption .banner-caption{
		padding: 20px 15px 50px 15px;
	}
	.flexslider.projekty .flex-caption .banner-caption .title{
		font-size: 18px;
	}
	.flexslider.projekty .flex-caption .banner-caption .desc{
		font-size: 12px;
	}
	.flexslider.projekty .flex-caption .banner-caption .buttons a{
		font-size: 12px;
		padding: 5px 15px;
	}
	.flexslider.projekty .flex-caption .banner-caption .buttons a > i{
		font-size: 14px;
	}
	.flexslider.projekty .flex-caption .banner-caption .visitpoznan img{
		height: 60px;
	}
	.flex-caption .banner-caption .bc-std .bc-std-t{
		font-size: 14px;
	}
	.flex-caption .banner-caption .bc-std .bc-std-d{
		font-size: 11px;
	}
	.flexslider.projekty .flex-direction-nav, 
	.flexslider.projekty .flex-pauseplay{
		bottom: 15px;
		left: 15px;
	}
	.flexslider.projekty .flex-direction-nav .flex-prev{
		margin-left: 0;
	}
	.flexslider.projekty .flex-direction-nav .flex-next{
		margin-left: 80px;
	}
	.flexslider.projekty .flex-pauseplay a{
		margin-left: 40px;
	}
	.flexslider.projekty .header-s{
		left: 20px;
	}
	.flexslider.projekty .slides > li .pagewidth-s .flex-caption .banner-caption::before{
		font-size: 200px;
		right: -20px;
	}
	.flexslider.projekty .slides > li[data-grupa_id="6"] .pagewidth-s .flex-caption .banner-caption::before{
		width: 200px;
		height: 200px;
	}
	.flex-caption .banner-caption .bc-flex{
		gap: 15px;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-t{
		font-size: 20px;
		line-height: 1.4;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-k{
		padding: 15px 15px;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-k .t{
		font-size: 18px;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-k .d{
		margin-top: 15px;
		font-size: 14px;
		line-height: 1.3;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-k .b{
		margin-top: 15px;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-k .b .bt{
		gap: 5px;
		padding: 7px 10px;
		font-size: 12px;
	}
	.flex-caption .banner-caption .bc-flex .bc-f-k:hover .b .bt{
		gap: 10px;
		letter-spacing: 1px;
	}
	.flexslider .fc-ms::before{
		top: 0;
		height: 100%;
	}
	.flexslider .fc-ms .imgs-w{
		top: -3vw;
		left: -4vw;
	}
	.flexslider .fc-ms .fc-dsc{
		width: 70%;
	}
	.flexslider .fc-ms .fc-dsc .fc-d-t{
		font-size: 4vw;
		letter-spacing: 0;
		margin-bottom: 6vw;
		margin-top: 0;
	}
	.flexslider .fc-ms .fc-dsc .fc-d-s{
		font-size: 2.8vw;
		letter-spacing: 0;
		margin-top: 1.2vw;
	}
}
@media screen and (max-width: 768px) {
	.flexslider .slides > li {
		height: 240px;
	}
	.flexslider .slides img {
		object-fit: cover;
		object-position: center center;
		height: 100%;
	}
	.flexslider .slides li:nth-child(1) img {
		object-position: 40% center;
	}
	.flexslider .slides li:nth-child(2) img {
		object-position: 65% center;
	}
	.flexslider .slides li:nth-child(3) img {
		object-position: center 10%;
	}
	.flex-caption .banner-caption{
		max-width: 100%;
	}
	.flex-caption .banner-caption.padd-l {
		padding-left: 0;
	}
	.flexslider.mainslider .slides > li::before {
		background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, transparent 55%);
	}
	.flex-caption .banner-caption .banner-caption-wrapper .w35{
		max-width: 85vw;
		background: rgba(255,255,255,0.7);
		padding: 20px 15px;
	}
	.flex-caption .banner-caption .desc.icons > div > .ico {
		width: 24px;
		min-width: 24px;
		height: 24px;
		font-size: 12px;
		margin-right: 10px;
	}
	.flex-caption .banner-caption .title{
		font-size: 20px;
		line-height: 1.3;
		padding-bottom: 10px;
	}
	.flex-caption .banner-caption .title::after{
		width: 100%;
		left: -10px;
	}
	.flex-caption .banner-caption .subtitle{
		font-size: 14px;
		font-weight: 400;
	}
	.flex-caption .banner-caption .desc{
		font-size: 14px;
		max-width: 50%;
		margin-top: 15px;
	}
	.flex-caption .banner-caption .desc ul{
		margin: 10px 0;
	}
	.flex-caption .banner-caption .desc ul li{
		margin-bottom: 5px;
	}
	.flex-caption .banner-caption .desc ul li::before{
		font-size: 11px;
	}
	.flex-active-slide .flex-caption .banner-caption .buttons {
		margin-top: 25px;
		flex-wrap: wrap;
	}
	.flex-caption .banner-caption .buttons a{
		max-width: 80%;
	}
	.flexslider .fc-ms .imgs-w .bgw{
		animation: none;
	}
	.flexslider .fc-ms .imgs-w .ps.ps1,
	.flexslider .fc-ms .imgs-w .ps.ps2,
	.flexslider .fc-ms .imgs-w .ps.ps3,
	.flexslider .fc-ms .imgs-w .ps.ps4,
	.flexslider .fc-ms .imgs-w .ps.ps5,
	.flexslider .fc-ms .imgs-w .ps.ps6{
		animation: none;
	}
}
@media screen and (max-width: 720px) {
	.flexslider.mainslider{
		height: 70vw;
	}
	.flex-caption .banner-caption .desc{
		max-width: 100%;
	}
	.flex-caption .banner-caption .buttons a{
		padding: 0 12px;
		gap: 7px;
	}
}
@media screen and (max-width: 480px) {
	.flexslider .pagewidth {
		width: 100%;
	}
	.flexslider .slides > li {
		height: 190px;
	}
	.flex-caption .banner-caption .banner-caption-wrapper > div {
		margin: 15px auto 0 auto;
	}
	.flex-caption .banner-caption .banner-caption-wrapper > div:first-child{
		margin-top: 0;
	}
	.flex-caption .banner-caption .banner-caption-wrapper .w35{
		max-width: 85vw;
	}
	.flex-caption .banner-caption .title{
		display: block;
		font-size: 16px;
	}
	.flex-caption .banner-caption .title h2{
		display: block;
		font-size: 18px;
		margin-bottom: 5px;
	}
	.flex-caption .banner-caption .title .only_pc{
		display: none;
	}
	.flex-caption .banner-caption .desc .squares {
		width: 28px;
		min-width: 28px;
		height: 28px;
		min-height: 28px;
	}
	.flex-caption .banner-caption .desc .fb {
		font-size: 2.5vw;
	}
	.flex-caption .banner-caption .desc.icons > div > .ico {
		width: 24px;
		min-width: 24px;
		height: 24px;
		font-size: 12px;
		margin-right: 10px;
	}
	.flexslider .flex-ctrls {
		bottom: 5%;
	}
	.flex-caption .button {
		margin-top: 10px;
	}
	.flex-caption .button a {
		font-size: 14px;
		padding: 3px 10px;
	}
	.flex-caption .button a i{
		font-size: 14px;
	}
	.flex-caption .banner-caption > div.button {
		margin-top: 20px;
	}
	.flex-caption.ai-t, .flex-caption.ai-t .banner-caption{
		align-items: center;
	}
}
@media screen and (max-width: 420px) {
	.flex-caption .banner-caption > div {
		max-width: 96%;
	}
	.flex-caption .banner-caption .desc .fb {
		font-size: 3.5vw;
	}
	.flex-caption .banner-caption .desc.icons > div > .ico {
		width: 20px;
		min-width: 20px;
		height: 20px;
	}
	.flex-caption .button {
		margin-top: 5px;
	}
	.flex-caption .button a {
		font-size: 11px;
	}
}
@media screen and (max-width: 350px) {
	.flex-caption .banner-caption .title{
		font-size: 12px;
	}
}

/*
	flexisel
*/
.fa-font::before{
	font-weight: 800;
	content: "A+";
	font-size: 21px;
}

.fa-search::before{
	font-weight: 300;
}
.carousel_wrapper{
	width: calc( 100% - 130px );
	margin: 0 auto;
}
.carousel_wrapper .show_all{
	text-align: center;
	padding: 30px 0;
}
.carousel_wrapper .show_all .btn{
	background: #f27d0b;
}
.carousel_wrapper .show_all .btn:hover{
	background: #f27d0b;
}

ul.products_list.nbs-flexisel-ul{
	margin: 0;
	padding: 0;
}
ul.products_list.nbs-flexisel-ul li.item{
	margin: 0;
	padding: 0;
}
ul.products_list.nbs-flexisel-ul li.item > .row {
	margin: 0 10px;
}

.clearout {
	height:20px;
	clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
	display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:122099px;
    margin:0;
    padding:0;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    overflow: hidden;
    width: 100%;
}

.nbs-flexisel-item {
    float:left;
    margin:0;
    padding:0;
    position:relative;
	max-width:100%;
}
.nbs-flexisel-item img {
    cursor: pointer;
    position: relative;
	max-width: 215px;
	max-height: 215px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	position: absolute;
	width: 50px;
	height: 50px;
	font-size: 42px;
	line-height: 50px;
	text-align: center;
	color: #ff4d00;
	display: block;
	z-index: 3;
	transition: all 0.3s ease;
    cursor: pointer;
    opacity: 1;
	font-family: "Font Awesome 7 Pro";
	font-weight: 600;
}
.nbs-flexisel-nav-left {
    left: -65px;
	top: 50%;
	margin-top: -25px;
}
.nbs-flexisel-nav-left::before {
	content: "\f100";
}
.nbs-flexisel-nav-right {
    right: -65px;
	top: 50%;
	margin-top: -25px;
}
.nbs-flexisel-nav-right::before {
	content: "\f101";
}
.nbs-flexisel-nav-left:hover,
.nbs-flexisel-nav-right:hover {
	color: #c10000;
}

@media only screen and (max-width: 1220px) {
	.carousel_wrapper{
		width: 100%;
	}
	.nbs-flexisel-nav-left {
		top: 100%;
		margin-top: 27px;
		left: 0;
	}
	.nbs-flexisel-nav-right {
		top: 100%;
		margin-top: 27px;
		right: 0;
	}
}

.produkty-slider li .title{
	font-size: 22px;
	color: #36454f;
	font-weight: 300;
	margin: 0 0 10px 0;
}
.produkty-slider li .title a{
	font-size: 22px;
	color: #36454f;
	font-weight: 300;
}
.produkty-slider li .title a:hover{
	color: #d41a1f;
	background: #fff;
}
.produkty-slider li .photo{
	position: relative;
	border: 1px solid #b8b7b7;
	width: 300px;
	max-width: 100%;
	height: 300px;
	line-height: 300px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}
.produkty-slider li .photo img{
	max-width: 90%;
	max-height: 90%;
	vertical-align: middle;
	text-align: center;
}
.produkty-slider li .zapytaj{
	text-align: right;
	width: 300px;
	max-width: 100%;
	margin: 0 auto;
	transition: all 0.3s ease;
}
.produkty-slider li .zapytaj a{
	display: inline-block;
	position: relative;
	background: #36454f;
	color: #fff;
	text-align: center;
	text-decoration: none;
	width: 170px;
	padding: 5px 15px;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0;
	transition: all 0.3s ease;
}
.produkty-slider li .zapytaj:hover a{
	width: 100%;
	background: #d41a1f;
	letter-spacing: 1px;
	padding: 5px 0;
}
.produkty-slider li .share{
	position: absolute;
	top: -1px;
	left: 0;
}
.produkty-slider li .share i{
	display: block;
	position: relative;
	background: #222222;
	color: #fff;
	margin-bottom: 1px;
	width: 27px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	transition: all 0.3s ease;
	left: -29px;
}
.produkty-slider li .share i.fa-facebook{
	background: #4267b2;
}
.produkty-slider li .share i.fa-twitter{
	background: #5bced8;
}
.produkty-slider li .share i.fa-google-plus{
	background: #df4a32;
}
.produkty-slider li .share i:hover{
	width: 31px;
	left: -33px;
}
.produkty-slider li .lupa{
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	width: 30px;
	text-align: center;
	color: #ac282c;
	font-size: 40px;
	line-height: 1;
	opacity: 0;
	z-index: 2;
	transition: all 0.2s ease-in 0s;
}
.produkty-slider li .photo:hover .lupa{
	opacity: 1;
	font-size: 40px;
}
.produkty-slider li .photo .bghover{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	z-index: 2;
	transition: all 0.2s ease-in 0s;
}
.produkty-slider li .photo:hover .bghover{
	opacity: 0.5;
}

/*
	MAIN CSS
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
}
blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 30px;
    margin-right: 30px;
}
.podstrona .content ul{
	padding: 10px 0 10px 1em;
	margin: 0;
}
.podstrona .content ul li{
	padding-bottom: 10px;
	padding-left: 5px;
}
.podstrona .content ul li::marker{
	color: #305d9a;
}
.podstrona .content ul ul{
	padding-left: 2em;
}
.podstrona .content ul ul li{
	padding-bottom: 5px;
}

em{
	font-style: italic;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
input,select{
	box-sizing:content-box;
}
input[type=button], input[type=submit], button, a.button, input.button{
	-webkit-appearance: none;
	appearance: none;
}
input.psp{
	display: none;
}
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body{
	background: #fff;
	margin: 0;
	padding: 0;
	font-family: "Nunito", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;	
	font-size: 0.781vw;
	color: #202530;
	text-align: left;
	line-height: 1.5;
}
html,body{
	position: relative;
	height: 100%;
	width: 100%;
}
img{
	border:0;
	outline: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a{
	font-family: inherit;
	font-size: inherit;
	text-decoration: none; 
	cursor: pointer;
	color: #112743;
	font-weight: inherit;
	outline: none;
	transition: all 0.3s ease;
}
a:hover{
	text-decoration: none; 
}
body.wcag a:focus{
	background: #ff0 !important;
	color: #000 !important;
}
body.wcag *:focus {
	outline: 8px auto;
	outline: 8px auto -webkit-focus-ring-color;
	outline-offset: 5px !important;
	outline-color: #4c4c4c !important
}
a[href^=tel] {
	text-decoration: inherit;
	color: inherit;
}
b{
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6{
	font-family: inherit;
	font-weight: 500;
	margin: 0;
	padding: 0;
}
h1,
.h1{
	font-size: 2.1vw;
}
h2,
.h2{
	font-size: 1.8vw;
}
h3,
.h3{
	font-size: 1.5vw;
}
h4{
	font-size: 1vw;
}
h5{
	font-size: 0.9vw;
}
h6{
	font-size: 0.8vw;
}
h2.h2_title{
	font-weight: 600;
	color: #0c2e5d;
}
.ikony a{
	color: #fff;
}
a:hover{
	/* color: #fff; */
	text-decoration: none;
}
a:focus {
    color: #112743;
}
.sr-only{
	display: none !important;
}
#form_kontaktowy .sr-only{
	display: inline-block;
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.clear, .cleaner{
	display: block;
	clear: both;
}
.center{
	text-align: center;
}
.nowrap{
	white-space: nowrap;
}
.font-uppercase{
	text-transform: uppercase;
}
.margin-top-5{
	margin-top: 5px !important;
}
.margin-top-10{
	margin-top: 10px !important;
}
.margin-top-20{
	margin-top: 20px !important;
}
.margin-top-30{
	margin-top: 30px !important;
}
.margin-bottom-5{
	margin-bottom: 5px !important;
}
.margin-bottom-10{
	margin-bottom: 10px !important;
}
.margin-bottom-20{
	margin-bottom: 20px !important;
}
.margin-bottom-30{
	margin-bottom: 30px !important;
}
.fs-3{
	font-size: 1.0416666666666665vw;
}
.fs-5{
	font-size: 1.25vw;
}
.fw-100{
	font-weight: 100;
}
.fw-200{
	font-weight: 200;
}
.fw-300{
	font-weight: 300;
}
.fw-400{
	font-weight: 400;
}
.fw-500{
	font-weight: 500;
}
.fw-600{
	font-weight: 600;
}
.fw-700{
	font-weight: 700;
}
.fw-800{
	font-weight: 800;
}
.fw-900{
	font-weight: 900;
}
.cld{
	color: #4c4c4c;
}
.link1{
	color: #000;
	font-size: 1.0416666666666665vw;
}
.link1.white{
	color: #fff;
}
.link1:hover{
	color: #4c4c4c;
}
.page-loader{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	background: #f4f4f4;
	z-index: 3;
	top: 0;
	left: 0;
}
div.slider .page-loader,
.personel .page-loader{
	top: 0;
}
div.slider .page-loader{
	min-height: 40.26vw;
}
.page-loader > .spinner{
	height: 4.166666666666666vw;
	width: 4.166666666666666vw;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve"><g><path d="M64 0a7 7 0 1 1-7 7 7 7 0 0 1 7-7zm29.86 12.2a2.8 2.8 0 1 1-3.83 1.02 2.8 2.8 0 0 1 3.83-1.02zm22.16 21.68a3.15 3.15 0 1 1-4.3-1.15 3.15 3.15 0 0 1 4.3 1.15zm.87 60.53a4.2 4.2 0 1 1-1.57-5.7 4.2 4.2 0 0 1 1.54 5.73zm7.8-30.5a3.85 3.85 0 1 1-3.85-3.85 3.85 3.85 0 0 1 3.85 3.84zm-30 53.2a4.55 4.55 0 1 1 1.66-6.23 4.55 4.55 0 0 1-1.67 6.22zM64 125.9a4.9 4.9 0 1 1 4.9-4.9 4.9 4.9 0 0 1-4.9 4.9zm-31.06-8.22a5.25 5.25 0 1 1 7.17-1.93 5.25 5.25 0 0 1-7.14 1.93zM9.9 95.1a5.6 5.6 0 1 1 7.65 2.06A5.6 5.6 0 0 1 9.9 95.1zM1.18 63.9a5.95 5.95 0 1 1 5.95 5.94 5.95 5.95 0 0 1-5.96-5.94zm8.1-31.6a6.3 6.3 0 1 1 2.32 8.6 6.3 6.3 0 0 1-2.3-8.6zM32.25 8.87a6.65 6.65 0 1 1-2.44 9.1 6.65 6.65 0 0 1 2.46-9.1z" fill="%234c4c4c"/><animateTransform attributeName="transform" type="rotate" values="0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64" calcMode="discrete" dur="720ms" repeatCount="indefinite"></animateTransform></g></svg>');
	background-size: 100% 100%;
}
.slider-projekty{
	position: relative;
}
@media screen and (max-width: 999px) {
	.page-loader{
		top: 60px;
	}
	.slider-projekty .page-loader{
		top: 0;
	}
	.page-loader > .spinner{
		height: 50px;
		width: 50px;
	}
	div.slider .page-loader{
		height: 100%;
	}
}
picture.full-width,
picture.full-width img{
	width: 100%;
	margin: 30px 0;
}
input[type=button]{
	cursor: pointer;
}
input,button,select,textarea{
	border-radius: 0;
	font-family: inherit;
}
.container1{
	padding-top: 0;
	position: relative;
	overflow: visible;
	width: 100%;
	box-sizing: content-box;
}
.wrap{
	width: 100%;
	margin: 0 auto;
	padding: 9.635vw 0 0 0;
	position: relative;
	overflow: hidden;
}
.wrap .slide_bottom{
	overflow: hidden;
}
.pagewidth{
	width: 100%;
	max-width: 85.938vw;
	margin: 0 auto;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}
.pagewidth-s{
	width: 81.25vw;
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	box-sizing: border-box;	
}
.pagewidth-sm{
	width: 75%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	box-sizing: border-box;
}
.pagewidth_full{
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

a.button, 
.podstrona a.button, 
input.button,
.podstrona input.button{
	display: inline-flex;
	position: relative;
	width: auto;
	justify-content: center;
	align-items: center;
	padding: 0.4vw 2vw 0.4vw 2vw;
	border: 0;
	color: #fff;
	background: #9e9e9e;
	border: 1px solid #9e9e9e;
	text-transform: uppercase;
	font-size: 0.781vw;
	font-weight: 600;
	height: auto;
	border-radius: 0;
	letter-spacing: 0;
	transition: all 0.3s ease;
	gap: 15px;
	cursor: pointer;
}
a.button.s2,
input.button.s2{
	color: #fff;
	background: #e73648;
	border: 1px solid #e73648;
}
a.button.white, 
input.button.white{
	color: #4c4c4c;
	background: #fff;
	border-color: #fff;
}
a.button:hover, 
input.button:hover{
	color: #fff;
	background: #112743;
	border: 1px solid #112743;
}
a.button.s2:hover, 
input.button.s2:hover{
	color: #fff;
	background: #385273;
	border: 1px solid #385273;
}
a.button.white:hover, 
input.button.white:hover{
	background: #112743;
	border-color: #112743;
}
a.button.small, 
input.button.small{
	padding: 0.3vw 1vw 0.3vw 1vw;
	font-size: 0.6vw;
}

.button-sp{
	position: relative;
	display: inline-block;
	background: #4c4c4c;
	color: #fff !important;
	font-weight: 500;
	font-size: 0.833vw;
	padding: 0.781vw 1.042vw 1.042vw 1.042vw;
	border: 0;
	margin-bottom: 30px;
}
.button-sp::after{
	position: absolute;
	right: -2.604vw;
	bottom: -1.563vw;
	content: '';
	width: 8.646vw;
	height: 3.438vw;
	background: url(../img/button-sp-m.webp) no-repeat;
	background-size: cover;
}
.button-sp:hover{
	background: #112743;
	color: #fff;
}
body.wcag .button-sp:focus{
	background: #ff0 !important;
	color: #000 !important;
	border: 2px solid #000 !important;
}
@media screen and (max-width: 999px) {
	a.button, 
	input.button{
		padding: 7px 15px;
		font-size: 15px;
	}
	a.button.small, 
	input.button.small{
		padding: 5px 15px;
		font-size: 15px;
	}
	.button-sp{
		font-size: 16px;
		padding: 10px 30px 10px 30px;
	}
	.button-sp::after{
		right: -50px;
		bottom: -20px;
		width: 100px;
		height: 40px;
		display: none;
	}
	a.button, 
	.podstrona a.button, 
	input.button,
	.podstrona input.button{
		padding: 10px 30px;
		font-size: 14px;
	}
}

.only-pc{
	display: block !important;
}
.only-mobile{
	display: none !important;
}
@media only screen and (max-width: 1366px) {
	body{
		font-size: 1vw;
	}
}
@media only screen and (max-width: 999px) {
	body{
		font-size: 15px;
	}
	h1,
	.h1{
		font-size: 28px;
	}
	h2,
	.h2{
		font-size: 24px;
	}
	h3,
	.h3{
		font-size: 20px;
	}
	h4{
		font-size: 18px;
	}
	h5{
		font-size: 16px;
	}
	h6{
		font-size: 14px;
	}
	.wrap{
		padding-top: 0 !important;
		padding-left: 0;
		padding-bottom: 60px;
	}
	.fs-3{
		font-size: 14px;
	}
	.fs-5{
		font-size: 16px;
	}
	.link1{
		font-size: 14px;
	}
}
.img:focus{
	border: 1px solid #b04249;
}
.pt0{
	padding-top: 0 !important;
}
.pb0{
	padding-bottom: 0 !important;;
}
.pb5{
	padding-bottom: 5px !important;;
}
.pb10{
	padding-bottom: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}

.pagination{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
	color: #fff;
	margin: 20px auto;
}
.pagination a,
.pagination span{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 3px 3px;
	color: inherit !important;
	font-size: 16px;
	background: #000;
	min-width: 25px;
	height: 30px;
}
.pagination a.active,
.pagination span.active{
	background: #4c4c4c;
}
.pagination a:hover{
	background: #4c4c4c;
}

.nav{
	margin: 0;
	padding: 20px 0 10px 0;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 1px solid #e8e8e9;
}
.nav b{
	font-weight: 600;
}
.nav h2{
	font-size: 14px;
	font-weight: 400;
}
.nav a{
	color: #000 !important;
	font-size: 14px;
	font-weight: 400;
}
.nav a:hover{
	color: #4c4c4c !important;
}
.nav i, .nav em{
	color: #4c4c4c;
	font-size: 11px;
	padding: 0 5px;
}
.nav i.fa-home-lg-alt, .nav em.fa-home-lg-alt{
	font-size: 16px;
}
.nav a:hover i,
.nav a:hover em{
	color: #4c4c4c !important;
}

.nag{
	color: #fff;
	font-size: 20px;
	margin: 0 auto 20px auto;
	padding: 0 10px;
	line-height: 49px;
	text-align: center;
	background: #505050;
}
.nag h2{
	font-size: 20px;
}
.nag span{
	display: inline-block;
}

.cnt p, .content p{
	margin: 0;
}

.headstyle{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
	width: 100%;
	text-align: left;
	font-family: inherit;
	font-size: 1.354vw;
	font-weight: 700;
    color: #3f3b38;
	margin: 0 auto 30px 0;
	padding: 0 0 1.563vw 0;
	line-height: 1.5;
	text-transform: uppercase;
}
.headstyle > span.cap:first-letter{
	font-size: 1.7vw;
}
.headstyle.medium{
	font-size: 1.25vw;
}
.headstyle.small{
	font-size: 0.938vw;
}
.headstyle.wf{
	position: relative;
	display: flex;
	justify-content: center;
}
.headstyle.wf > .wrapper{
	position: relative;
	text-align: left;
	padding-left: 4.271vw;
}
.headstyle.white{
	color: #fff;
}
.headstyle.left{
	text-align: left;
	justify-content: flex-start;
}
.headstyle.center{
	text-align: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
}
.headstyle .title{
	display: block;
	margin: 0;
	padding: 0;
	font-family: inherit;
	text-align: left;
	color: #000;
	line-height: 1.1;
}
.headstyle .ico{
	color: #46cee4;
	font-size: 1.6vw;
	text-shadow: 0 8px 6px rgba(0, 0, 0, 0.3);
}
.headstyle .title.nbb{
	padding-bottom: 5px;
}
.headstyle .subtitle{
	display: block;
	font-family: inherit;
	font-size: 0.729vw;
	font-weight: 500;
    color: #4c4c4c;
	line-height: 1.1;
	margin: 0;
	text-align: left;
}
.headstyle.white .title,
.headstyle.white .subtitle{
	color: #fff;
}
.headstyle .bgtext{
	position: absolute;
	font-size: 3.854166666666667vw;
	font-weight: 700;
    color: #000;
	opacity: 0.07;
	top: -0.5px;
	width: 100%;
	line-height: 3.125vw;
	overflow: hidden;
}
.headstyle.s2{
	font-size: 22px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 30px auto 30px auto;
}
.headstyle.small{
	font-size: 18px;
}
.headstyle.s2 h2.title{
	display: flex;
	align-items: center;
	justify-content: center;
}
.headstyle span.cld{
	color: #006baa;
}
.headstyle h1,
.headstyle h2,
.headstyle h3,
.headstyle h4{
	font-size: inherit;
	font-weight: inherit;
}
.headstyle > .title > i{
	color: #006baa;
	padding-right: 10px;
	font-size: 32px;
}
.headstyle.small > .title > i{
	font-size: 28px;
}
.headstyle.white{
	color: #fff;
}
.headstyle .circle{
	display: flex;
	justify-content: center;
	margin-top: 3px;
}
.headstyle .circle span{
	display: inline-block;
	color: #006baa;
}
.headstyle .circle span.c1{
	color: #e3e0d6;
}
.headstyle .circle span.c2{
	color: #d7d0bc;
}
.headstyle.white .circle span{
	color: #ffffff;
}
.headstyle.white .circle span.c1{
	color: #e3e0d6;
}
.headstyle.white .circle span.c2{
	color: #d7d0bc;
}
.headstyle .circle span::before{
	display: flex;
	content: '\e122';
	font-weight: 900;
	font-family: "Font Awesome 7 Pro";
	font-size: 10px;
	padding: 0 2px;
}
.headstyle::after{
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	height: 3px;
	width: 5.781vw;
	background: #112743;
}
.headstyle.white::after{
	background-color: #fff;
	height: 1px;
	width: 7.813vw;
}
.headstyle.noline::after{
	display: none;
}
.headstyle.center::after {
	left: 50%;
	margin-left: -2.890vw;
}
.headstyle.lay2 .subtitle{
	color: #969696;
	font-size: 1.6666666666666667vw;
	text-transform: none;
	padding-bottom: 20px;
	letter-spacing: 0;
}
.headstyle.lay2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	height: 1px;
	width: 100%;
	background: #ed6a78;
}
@media only screen and (max-width: 999px) {
	.headstyle{
		font-size: 22px;
		gap: 15px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.headstyle > span.cap:first-letter{
		font-size: 25px;
	}
	.headstyle.medium{
		font-size: 18px;
	}
	.headstyle.wf{
		justify-content: flex-start;
		text-align: left !important;
	}
	.headstyle .ico {
		font-size: 24px;
	}
	.headstyle .subtitle{
		font-size: 12px;
	}
	.headstyle.wf > .wrapper {
		padding-left: 55px;
	}
	.headstyle.wf > .wrapper::before{
		top: 8px;
		width: 40px;
		height: 23px;
	}
	.headstyle.wf.fk > .wrapper::before{
		top: 0.5vw;
		font-size: 34px;
	}
	.headstyle::after{
		width: 70px;
	}
	.headstyle.white::after{
		width: 100px;
	}
	.headstyle.center::after{
		margin-left: -35px;
	}
}
@media only screen and (max-width: 420px) {
	.headstyle{
		font-size: 19px;
		gap: 10px;
	}
}

.naglowek{
	margin: 20px 0 20px 0;
}

.podstrona table{
	margin-top: 10px;
	margin-bottom: 10px;
	border-collapse: collapse;
}
.podstrona table td,
.podstrona table th{
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
.podstrona table th{
	background: #cccccc;
}

#main-content .sticky{
	padding: 0 !important;
}

.fix_top{
	position: relative;
	top: -3vw;
}
.fix_top1{
	position: relative;
	top: calc(-3vw - 20px);
}
.fix_top2{
	position: relative;
	top: calc(-3vw - 30px);
}
@media only screen and (max-width: 999px) {
	.fix_top{
		top: 0;
	}
	.fix_top1{
		top: -80px;
	}
	.fix_top2{
		top: -80px;
	}
}

#main-content{
	position: relative;
	z-index: 2;	
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}
@media only screen and (max-width: 1220px) {
	#main-content{
		padding: 0 0 0 0;
	}
}
.podstrona{
	position: relative;
	padding: 0;
	color: #000;
	font-weight: 400;
}
.podstrona a{
	font-size: inherit;
	color: #112743;
	transition: 0.2s all ease-in-out;
}
.podstrona a:hover{
	text-decoration: none;
}
body.wcag .podstrona a:focus{
	background: #ff0 !important;
	color: #000 !important;
}
.wrap.dark .podstrona{
	color: #000;
}
.content{
	padding: 0;
}
.content.npb{
	padding-bottom: 0 !important;
}
.podstrona > .content{
	padding: 40px 0;
}
.podstrona > .content:empty{
	padding: 0 !important;
}
.podstrona > .content .cnt-padd-lvl{
	margin-bottom: -5.208333333333334vw;
	margin-top: -5.208333333333334vw;
}
.podstrona > .content .cnt-padd-top-lvl{
	margin-top: -5.208333333333334vw;
}
.podstrona > .content .cnt-padd-btm-lvl{
	margin-bottom: -5.208333333333334vw;
}
.podstrona .left-side{
	float: left;
	width: 20.48vw;	
	padding: 30px 0;
}
.podstrona .right-side{
	float: right;
	width: calc( 100% - 20.48vw - 30px);
	margin: 0 0 0 30px;
	padding: 30px 0;
}
.right-side #gotocontent {
	position: relative;
	top: -49px;
}
.podstrona .left-float-50{
	float: left;
	width: 50%;
	padding-right: 20px;
}
.podstrona .right-float-50{
	float: right;
	width: 50%;
	padding-left: 20px;
}
.podstrona .right-float-50 .formularz{
	padding-top: 0;
}
@media only screen and (max-width: 1220px) {
	.podstrona .left-side{
		position: static;
	}
	/* .podstrona .left-side #menu-kategorie{
		display: none;
	} */
	.right-side #gotocontent {
		position: relative;
		top: -69px;
	}
	.podstrona .left-float-50, .podstrona .right-float-50{
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	.podstrona .right-float-50{
		padding-top: 30px;
	}
}
@media only screen and (max-width: 999px) {
	.podstrona{
		font-size: 16px;
	}
	.content{
		padding: 0;
	}
	.podstrona > .content{
		padding: 0;
	}
	.podstrona > .content .cnt-padd-lvl{
		margin-bottom: -40px;
		margin-top: -40px;
	}
	.podstrona > .content .cnt-padd-top-lvl{
		margin-top: -40px;
	}
	.podstrona > .content .cnt-padd-btm-lvl{
		margin-bottom: -40px;
	}
}

table.def_table{
	margin: 0 auto;
}
table.def_table td{
	width: 475px;
	max-width: 475px;
	padding: 0 8px 5px 8px;
	text-align: center;
	vertical-align: top;
}
table.def_table img:hover{
	opacity: 0.9;
}


/* menu mobilne */

.menu-mobile-k{
	display: flex;
	justify-content: space-between;
	gap: 2px;
}
.menu-mobile-k > a{
	display: block;
	position: relative;
	width: 70px;
	height: 70px;
	text-align: center;
	cursor: pointer;
	margin: 0;
	padding: 0;
	z-index: 204;
	font-size: 12px;
	font-weight: 600;
	color: #383838;
	background: #e1e1e1;	
}
.menu-mobile-k > a > span{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 11px;
	font-weight: 500;
	padding-top: 0;
	font-family: Tahoma;
	margin-top: -2px;
}
a.menu-mobile-toggle::before{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	font-family: "Font Awesome 7 Pro";
	font-style: normal;
    font-variant: normal;
	font-weight: 600;
	font-size: 22px;
    content: "\f0c9";
	color: #373686;
}
a.menu-mobile-toggle.close{
	background: #c00418;
	color: #fff;
}
a.menu-mobile-toggle.close::before {
    content: "\f00d";
	color: #fff;
}
a.menu-mobile-toggle:hover{
	text-decoration: none;
}
.menu-mobile-k > a.mm::before{
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 48px;
	font-family: "Font Awesome 7 Pro";
	font-style: normal;
    font-variant: normal;
	font-weight: 600;
	font-size: 20px;
	color: #373686;
}
.menu-mobile-k > a.mm.mm-call::before{
    content: "\f2a0";
}
.menu-mobile-k > a.mm.mm-email::before{
    content: "\f0e0";
}
.menu-mobile-k > a.mm.mm-b2b{
	width: calc(100% - 216px);
}
.menu-mobile-k > a.mm.mm-b2b::before{
	content: "\f291";
}
.menu-mobile-k > a.mm.mm-facebook::before{
    content: "\f09a";
	font-family: "Font Awesome 7 Brands";
}
.menu-mobile-k > a.mm.mm-youtube::before{
    content: "\f167";
	font-family: "Font Awesome 7 Brands";
}
#menu-mobile{
	position: fixed;
	display: none;
	width: 100%;
	min-height: 100%;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	z-index: 2;
}
#menu-mobile .menu-mobile{
	display: block;
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 201;
	/* background: rgba(255,255,255,0.96); */
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	backface-visibility: hidden;
	/* background: #4c4c4c; */
	background: #3d1f6b;
}
#menu-mobile .menu-mobile::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 60px;
	background: #fff;
	opacity: 1;
	border-bottom: 2px solid #4c4c4c;
	display: none;
}
#menu-mobile .menu-mobile > .logo{
	text-align: center;
	padding: 15px;
	justify-content: center;
	background: #fff;
}
#menu-mobile .menu-mobile > .logo img{
	height: 60px;
}
#menu-mobile .menu-mobile .title{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	padding: 65px 0 20px 18px;
}
#menu-mobile .menu-mobile ul.menu{
	padding: 15px 10px 70px 30px;
	text-align: left;
}
#menu-mobile .menu-mobile a{
	display: block;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	text-decoration: none;
	padding: 6px 15px 6px 14px;
}
#menu-mobile .menu-mobile a{
	padding-left: 20px;
}
#menu-mobile .menu-mobile a:hover, #menu-mobile .menu-mobile li.active > a{
	color: #fff;
}
#menu-mobile .menu-mobile ul {
	list-style-type: none;
}
#menu-mobile .menu-mobile ul li{
	line-height: 26px;
}
#menu-mobile .menu-mobile ul > li::before {
	display: inline-block;
	position: absolute;
	font-family: "Font Awesome 7 Pro";
	font-weight: 600;
	content: "\f0c8";
	color: #fff;
	font-size: 10px;
	height: 38px;
	line-height: 38px;
	vertical-align: middle;
	padding: 0 5px 0 0;
}
#menu-mobile .menu-mobile ul ul li{
	border-top: 0;
	border-bottom: 0;
	padding-left: 0;
	line-height: 20px;
	font-size: 16px;
}
#menu-mobile .menu-mobile ul ul li:before{
	display: none;
	line-height: 20px;
}
#menu-mobile .menu-mobile ul ul {
	list-style-type: square;
	color: #fff;
	padding: 5px 18px 10px 36px;
}
#menu-mobile .menu-mobile ul ul a{
	font-weight: normal;
	font-size: 16px;
	padding: 5px 10px 5px 5px;
}
#menu-mobile .menu-mobile ul ul ul{
	list-style-type: circle;
}
#menu-mobile .menu-mobile li img {
	vertical-align: middle;
	padding-bottom: 3px;
	height: 27px;
}

/* ikonki przed linkami do plikĂłw */

a.ikona{box-sizing: content-box;}
a.ikona[href$=".pdf"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -21px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".png"],a.ikona[href$=".jpg"],a.ikona[href$=".bmp"],a.ikona[href$=".gif"]{background:url(../img/sprite-file-icons.png) no-repeat 0 -79px;padding:1px 0 1px 20px;}
a.ikona[href$=".doc"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -105px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".xls"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -126px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".ppt"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -147px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".docx"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -168px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".xlsx"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -189px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".txt"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -210px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".pptx"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -231px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".zip"]:before,a.ikona[href$=".rar"]:before,a.ikona[href$=".gzip"]:before,a.ikona[href$=".arj"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -253px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".wav"]:before,a.ikona[href$=".mp3"]:before,a.ikona[href$=".aif"]:before,a.ikona[href$=".aiff"]:before,a.ikona[href$=".m4a"]:before,a.ikona[href$=".ogg"]:before,a.ikona[href$=".wma"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -273px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".psd"]:before,a.ikona[href$=".ai"]:before,a.ikona[href$=".swf"]:before,a.ikona[href$=".fla"]:before,a.ikona[href$=".css"]:before,a.ikona[href$=".js"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 0;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}
a.ikona[href$=".avi"]:before,a.ikona[href$=".mov"]:before,a.ikona[href$=".wmv"]:before{background:url(../img/sprite-file-icons.png) no-repeat 0 -294px;padding:0 10px 0 0;width:16px;height:16px;content: "";overflow:hidden;display:inline-block;}

.only-pc{
	display: block;
}
.only-mobile{
	display: none;
}
	
/* header */

header{
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 9.635vw;
	left: 0;
	margin-left: 0;
	padding: 0;
	line-height: 1;
	z-index: 4;
	/*transition: all 0.25s ease-in-out;*/
	background: rgba(255,255,255,.72);
	color: #000;
	box-shadow: 0 5px 6px -1px rgba(0,0,0,.1);
}
header .header-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
}
header .widgets_header{
	position: relative;
	background: #4c4c4c;
	color: #fff;
	width: 100%;
	height: 2.396vw;
}
header .widgets_header a{
	display: flex;
	align-items: center;
	justify-content: center;
	color: inherit;
	font-size: 0.625vw;
	min-width: 1.5625vw;
	height: 1.5625vw;
}
header .widgets_header a:hover{
	color: #46cee4;
}
body.wcag header .widgets_header a:focus{
	background: #ff0 !important;
	color: #000 !important;
}	
header .widgets_header a i{
	font-size: 1.042vw;
}
header .widgets_header .f{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
header .widgets_header .f .l{
	display: flex;
	gap: 1vw;
}
header .widgets_header .f .c a{
	display: flex;
	align-items: center;
	gap: 1vw;
	padding: 0 5px;
}
header .widgets_header .f .c a i{
	font-size: 1.042vw;
}
header > .pagewidth-s{
	width: 100%;
	padding: 0 3.125vw 0 10.417vw;
}
header .pagewidth,
header .pagewidth-s{
	height: 100%;
}
header h1{
    position: absolute;
    text-indent: -12209px;
    white-space: nowrap;
    z-index: 1;
    max-width: 600px;
}
header #h-mobile{
	display: none;
	height: 70px;
	width: 100%;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 202;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: #fff;
	border-top: 2px solid #fff;
}
body.wob header #h-mobile{
	height: 80px;
}
header #h-mobile .h-logo{
	display: block;
	position: absolute;
	background: transparent url('../img/logo.png') no-repeat center;
	background-size: 43px 40px;
	width: 43px;
	height: 40px;
	z-index: 201;
	left: 10px;
	margin-top: 10px;
}
header #h-mobile .h-logo-desc{
	display: none;
	position: absolute;
	left: 125px;
	margin-top: 12px;
	text-align: left;
	font-size: 12px;
	line-height: 1;
	color: #898989;
}
header #h-mobile .info{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 5px;
	font-size: 15px;
	width: calc(100% - 211px);
	text-align: center;
	background: #e1e1e1;
	font-size: 12px;
	font-weight: 600;
	font-family: "Lato", sans-serif;
}
header #h-mobile .info .hif{
	color: #383838;
}
header #h-mobile .info .his{
	font-weight: 700;
	font-size: 13px;
	color: #383838;
	line-height: 1.2;
}
header #h-mobile .info .flex{
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 5px;
	justify-content: center;
}
header #h-mobile .info .flex .row{
	width: 100%;
	display: flex;
	align-items: center;
	line-height: 1.2;
	gap: 10px;
	color: #fff;
	margin-top: 5px;
}
header #h-mobile .info .flex .row:first-child{
	margin-top: 0;
}
header #h-mobile .info .flex .row > i{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #26748C;
	text-align: center;
	background: #fff;
	font-size: 16px;
	height: 28px;
	width: 28px;
	border-radius: 3px;
}
@media only screen and (max-width: 1220px) {
	header #h-mobile .h-logo-desc{
		display: block;
	}
}
@media only screen and (max-width: 350px) {
	header #h-mobile .info{
		font-size: 12px;
		padding: 0 5px;
	}
}
header .logo{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.042vw;
	height: 100%;
	padding: 1.458vw 0;
	transition: all 0.25s ease-in-out;
}
header .logo img{
	display: block;
	position: relative;
	max-height: 100%;
	transition: all 0.25s ease-in-out;
	width: auto;
	height: auto;
}
.logo .logo-title{
	white-space: nowrap;
	text-align: left;
}
.logo .logo-title > span{
	display: block;
	color: #373686;
	line-height: 1;
}
.logo .logo-title > span.lt-m{
	font-size: 1.25vw;
	font-weight: 900;
}
.logo .logo-title > span.lt-s{
	font-size: 0.938vw;
	font-weight: 300;
	margin-top: 0.521vw;
}
header .logo svg{
	width: auto;
	height: 100%;
}
header .logo svg #path109{
	animation: logo-b1 0.5s forwards;
	animation-delay: 0s;
	transform: matrix(1,0,0,-1,169.6,119.5);
}
@keyframes logo-b1 {
	0% {
		transform: matrix(1,0,0,-1,169.6,119.5);
	}
	100% {
		transform: matrix(1, 0, 0, -1, 182.309, 106.029);
	}
}
header .logo svg #path111{
	animation: logo-b2 0.5s forwards;
	animation-delay: 0s;
	transform: matrix(1,0,0,-1,137,137)
}
@keyframes logo-b2 {
	0% {
		transform: matrix(1,0,0,-1,137,137);
	}
	100% {
		transform: matrix(1, 0, 0, -1, 124.404, 123.72);
	}
}
header .logo svg #path93{
	animation: logo-b3 0.5s forwards;
	animation-delay: 0s;
	transform: matrix(1,0,0,-1,201,168)
}
@keyframes logo-b3 {
	0% {
		transform: matrix(1,0,0,-1,201,168);
	}
	100% {
		transform: matrix(1, 0, 0, -1, 214.263, 180.148);
	}
}
header .logo svg #path91{
	animation: logo-b4 0.5s forwards;
	animation-delay: 0s;
	transform: matrix(1,0,0,-1,169.5,200.5);
}
@keyframes logo-b4 {
	0% {
		transform: matrix(1,0,0,-1,169.5,200.5);
	}
	100% {
		transform: matrix(1, 0, 0, -1, 156.797, 212.579);
	}
}

header .logo svg #path99{
	animation: logo-k1 5s infinite;
	animation-delay: 0.5s;
	transform: matrix(2, 0, 0, -2, 169.553, 100);
	opacity: 0;
}
@keyframes logo-k1 {
	0% {
		transform: matrix(2, 0, 0, -2, 169.553, 100);
		opacity: 0;
	}
	10% {
		transform: matrix(1, 0, 0, -1, 169.553, 134.107);
		opacity: 1;
	}
	100% {
		transform: matrix(1, 0, 0, -1, 169.553, 134.107);
		opacity: 1;
	}
}
header .logo svg #path101{
	animation: logo-k2 0.5s forwards;
	animation-delay: 0.5s;
	opacity: 0;
}
@keyframes logo-k2 {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

header .logo svg #path103{
	animation: logo-kt 5s infinite;
	animation-delay: 0.5s;
	transform: matrix(1,0,0,-1,0,280);
	opacity: 0;
}
@keyframes logo-kt {
	0% {
		transform: matrix(1,0,0,-1,0,280);
		opacity: 0;
	}
	10% {
		transform: matrix(1, 0, 0, -1, 0, 309.918);
		opacity: 1;
	}
	100% {
		transform: matrix(1, 0, 0, -1, 0, 309.918);
		opacity: 1;
	}
}
header .logo svg #path105{
	animation: logo-kl 5s infinite;
	animation-delay: 0.5s;
	transform:  matrix(1,0,0,-1,-30,309.918);
	opacity: 0;
}
@keyframes logo-kl {
	0% {
		transform: matrix(1,0,0,-1,-30,309.918);
		opacity: 0;
	}
	10% {
		transform: matrix(1, 0, 0, -1, 0, 309.918);
		opacity: 1;
	}
	100% {
		transform: matrix(1, 0, 0, -1, 0, 309.918);
		opacity: 1;
	}
}
header .logo svg #path107{
	animation: logo-kr 5s infinite;
	animation-delay: 0.5s;
	transform:  matrix(1,0,0,-1,30,309.918);
	opacity: 0;
}
@keyframes logo-kr {
	0% {
		transform: matrix(1,0,0,-1,30,309.918);
		opacity: 0;
	}
	10% {
		transform: matrix(1, 0, 0, -1, 0, 309.918);
		opacity: 1;
	}
	100% {
		transform: matrix(1, 0, 0, -1, 0, 309.918);
		opacity: 1;
	}
}

header .logo svg #g142{
	animation: logo-kula 5s infinite;
	animation-delay: 0.5s;
	transform: matrix(1,0,0,1,0,0);
	opacity: 0;
}
@keyframes logo-kula {
	0% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 1;
	}
	5% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 1;
	}
	20% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 1;
	}
	25% {
		transform: matrix(6.097561e-8,0,0,1.6304039e-8,169.55359,167.93955);
		opacity: 1;
	}
	31% {
		transform: matrix(6.097561e-8,0,0,1.6304039e-8,169.55359,167.93955);
		opacity: 0;
	}
	32% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 0;
	}
	50% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 0;
	}
	55% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 1;
	}
	100% {
		transform: matrix(1,0,0,1,0,0);
		opacity: 1;
	}
}

.logo.cookie_info svg{
	width: auto;
	height: 100%;
	max-height: 80px;
}
header .logo a:hover svg #rect-up,
header .logo a:hover svg #rect-down,
header .logo a:hover svg #path880,
header .logo a:hover svg #path882,
header .logo a:hover svg #path884,
header .logo a:hover svg #path886,
header .logo a:hover svg .cc{
	fill: #112743 !important;
	transition: all 0.25s ease-in-out;
}
header .logo svg #rect-up,
.logo.cookie_info svg #rect-up{
	animation: logo-anim1 2s forwards;
	animation-delay: 1s;
	transform: translateX(-100%) rotate(0deg) translateY(0) scale(1);
}
header .logo svg #rect-down,
.logo.cookie_info svg #rect-down{
	animation: logo-anim2 2s forwards;
	animation-delay: 1s;
	transform: translateX(100%) rotate(0deg) translateY(0) scale(1);
}
@keyframes logo-anim1 {
	0% {
		transform: translateX(-100%) rotate(0deg) translateY(0) scale(1);
	}
	100% {
		transform: translateX(0) rotate(0deg) translateY(0) scale(1);
	}
}
@keyframes logo-anim2 {
	0% {
		transform: translateX(100%) rotate(0deg) translateY(0) scale(1);
	}
	100% {
		transform: translateX(0) rotate(0deg) translateY(0) scale(1);
	}
}
header .cont{
	transition: all 0.25s ease-in-out;
}
@keyframes rotateY360{
	0%{
		transform: rotateY(-360deg);
	}
	100%{
		transform: rotateY(0deg);
	}
}
header .buy_b2b a{
	display: inline-flex;
	align-items: center;
	background: #3d1f6b;
	color: #fff;
	text-transform: uppercase;
	height: 2.083vw;
	border-radius: 1.041vw;
	padding: 0 1.563vw;
	transition: all 0.3s ease-in-out;
}
header .buy_b2b a:hover{
	background: #0d96f5;
}
header .h-nav{
	position: relative;
	width: 100%;
	height: 3.49vw;
	background: #0d96f5;
	color: #fff;
}
header .h-nav .h-nav-f{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}
header .h-nav .h-nav-f .h-nav-l{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 5.208vw;
}
header .h-nav .h-nav-f .h-nav-r{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5.208vw;
}
header .h-nav .h-nav-f .h-nav-sep{
	width: 1px;
	height: 2.396vw;
	background: #fff;
}
header .h-nav .h-nav-c{
	display: flex;
	align-items: center;
	gap: 0.677vw;
	letter-spacing: 1px;
}
header .h-nav .h-nav-c > i{
	font-size: 0.938vw;
}
header .h-table{
	position: relative;
	width: 100%;
	height: calc(100% - 3.49vw);
	transition: all 0.25s ease-in-out;
}
header .h-table-flex{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 0;
	transition: all 0.25s ease-in-out;
	gap: 1vw;
	justify-content: space-between;
}
header .h-table-flex > .cont{
	position: relative;
	display: flex;
	gap: 5vw;
	align-content: space-between;
	align-items: center;
	justify-content: flex-end;
}
header .h-table-flex > .cont > .download-newspaper{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #4c4c4c;
	color: #fff;
	font-size: 0.833vw;
	text-transform: uppercase;
	padding: 0 2.292vw;
	height: 2.083vw;
	border-radius: 1.415vw;
	letter-spacing: 1px;
	transition: all 0.25s ease-in-out;
}
header .h-table-flex > .cont > .download-newspaper:hover{
	background: #112743;
}
header .h-table-flex > .cont .bip img{
	width: 3.646vw;
}
header .h-table-flex > .cont .hr{
	display: flex;
	justify-content: space-between;
	gap: 0.625vw;
}
header .h-table-flex > .cont .hr .ico{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.188vw;
	height: 2.188vw;
	border: 1px solid #4c4c4c;
	border-radius: 50%;
}
header .h-table-flex > .cont .hr .hi{
	font-size: 0.833vw;
	font-weight: 700;
	text-transform: uppercase;
}
header .h-table-flex > .cont .hr .hi > .hif{
	color: #4c4c4c;
}
header .h-table-flex > .cont .hr .hi > .his{
	color: #445360;
	margin-top: 7px;
}
header .h-table-flex > .cont .search{
	padding: 5px;
}
header .h-table-flex > .cont .search:hover{
	color: #112743;
}
body.wcag header .h-table-flex > .cont .search:focus{
	color: #000;
	background: #ff0;
}
header .h-table-flex > .cont .kalendarz{
	display: flex;
	align-items: center;
	gap: 0.5vw;
	background: #4c4c4c;
	color: #fff;
	font-size: 0.729vw;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0.417vw 0.625vw;
}
header .h-table-flex > .cont .kalendarz i{
	color: #46cee4;
	font-size: 1.563vw;
}
header .h-table-flex > .cont .kalendarz:hover{
	background: #112743;
	color: #fff;
}
header .h-table-flex > .cont .kalendarz:hover i{
	color: #fff;
}
body.wcag header .h-table-flex > .cont .kalendarz:focus{
	background: #ff0;
	color: #000;
}
header .h-table-flex > .cont .kalendarz:focus i{
	color: #000;
}
header .h-table-flex > .rs{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 23vw);
}
header .h-mas{
	position: relative;
	height: 4.688vw;
	background: rgba(56,56,56,0.9);
	transition: all 0.25s ease-in-out;
}
header.fixed .h-mas{
	height: 3vw;
}
header .h-mas .h-mas-f{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
header .h-mas .h-mas-f .h-mas-s{
	display: flex;
	align-items: center;
	gap: 2.344vw;
	font-size: 1.25vw;
	color: #fff;
}
header .h-mas .h-mas-f .h-mas-s a{
	color: #fff;
}
header .h-mas .h-mas-f .h-mas-s a:hover{
	color: #112743;
}
header .rh{
	display: flex;
	align-items: center;
	height: 100%;
	transition: all 0.25s ease-in-out;
	justify-content: flex-end;
	position: relative;
}
header .rh a{
	position: relative;
	height: 100%;
}
header .rh img{
	max-height: 100%;
}
header.fixed{
	position: fixed;
	top: 0;
	height: 6vw;
	box-shadow: 0 5px 6px -1px rgba(0,0,0,.1);
	background: #fff;
}
header.fixed .logo{
	padding: 0.7vw 0;
}
header.fixed .h-nav{
	height: 1.8vw;
}
header.fixed .h-table{
	height: calc(100% - 1.8vw);
}
header.fixed .logo .logo-title > span.lt-s{
	margin-top: 0.2vw;
}
header.fixed .h-nav .h-nav-f .h-nav-sep{
	height: 1vw;
}
.ui-autocomplete{
	z-index: 200 !important;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-widget-content.ui-autocomplete{
	background: #fff;
	border: 1px solid #eee;
	padding: 0;
	max-height: 350px;
	overflow-y: scroll;
}
.ui-autocomplete.ui-menu.autocomplete-header-search .ui-menu-item{
	padding: 0;
}
.ui-autocomplete .ui-menu-item .item-wrapper{
	padding: 0 10px !important;
}
.ui-autocomplete .ui-menu-item .item-wrapper.ui-state-active{
	background: #4c4c4c;
	border: 0;
}
.ui-autocomplete .ui-menu-item .item-wrapper .item-content{
	padding: 5px 0;
}
.ui-autocomplete .ui-menu-item:first-child .item-wrapper .item-content{
	border-top: 0;
}
.ui-autocomplete .ui-menu-item .wa{
	display: inline-flex;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}
.ui-autocomplete .ui-menu-item span.avatar{
	display: flex;
	align-items: center;
	width: 50px;
	height: 36px;
	text-align: center;
	margin-right: 20px;
}
.ui-autocomplete .ui-menu-item span.avatar img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.rs-link{
	position: fixed;
	top: 50%;
	margin-top: -4.5vw;
	left: 0;
	right: auto;
	display: inline-flex;
	justify-content: center;
	background: rgba(60,75,88,0.9);
	color: #fff;
	font-weight: 700;
	font-size: 0.833vw;
	padding: 0.521vw 1.042vw 0.417vw 1.042vw;
	transform: rotate(90deg);
	transform-origin: bottom left;
	border-top-right-radius: 1vw;
	border-top-left-radius: 1vw;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 9vw;
	text-align: center;
	z-index: 5;
	ransition: all 0.25s ease-in-out;
}
.rs-link.s2{
	left: auto;
	right: 0;
	background: rgba(106,90,68,0.9);
	transform: rotate(-90deg);
	transform-origin: bottom right;
}
.rs-link:hover{
	background: #4c4c4c;
}
header .lang_menu{
	position: relative;
	width: 30px;
	transition: all 0.25s ease-in-out;
}
header .lang_menu a{
	display: block;
	position: relative;
	text-decoration: none;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin: 0 !important;
	padding: 0;
	background: #fff;
	width: 30px;
	height: 30px;
	line-height: 32px !important;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	z-index: 5;
}
header .lang_menu a:hover{
	background: #d5ff00;
}
header .lang_menu a:hover img{
	border: 1px solid transparent;
}
header .lang_menu #lang{
	position: relative;
}
header .lang_menu .change_lang{
	position: absolute;
	display: none;
	left: 0;
	top: 28px;
	width: auto;
	padding: 5px;
	left: -5px;	
	text-align: center;
	background: transparent;
	border-radius: 5px;	
	z-index: 4;
}
header .lang_menu .change_lang a{
	display: block;
	margin-top: 3px !important;
	width: 30px;
	text-align: center;
	vertical-align: middle;
}
header .lang_menu img{
	display: inline-block;
	border: 1px solid #767676;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
}
header .icons{
	display: flex;
	justify-content: space-between;
	gap: 1.6vw;
	color: #2e2b27;
	font-size: 1.875vw;
}
header .icons a{
	color: inherit;
}
header .icons a:hover{
	color: #112743;
}
header .icons .widget{
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	font-size: 0.938vw;
}
header .icons .widget i[class^="fa-"]{
	font-size: 0.9vw;
}
header .icons .widget > a{
	display: flex;
	min-width: 1.5625vw;
	height: 1.5625vw;
	align-items: center;
	justify-content: center;
	font-size: inherit;
	color: #fff;
	font-size: inherit;
}
header .icons .widget.lang{
	margin-left: 1vw;
}
header .icons .widget.lang > a{
	height: calc(0.96vw + 6px);
	width: calc(1.5625vw + 6px);
	overflow: hidden;
	border-radius: 0;
	min-width: 0;
	padding: 3px;
}
header .icons .widget.lang > a img{
	height: 100%;
	width: 100%;
}
header .icons .widget > a:hover{
	color: #46cee4;
}
header .icons .widget > a:focus{
	color: #46cee4;
}
header .icons .search form{
	display: flex;
}
header .icons .widget a.mobile{
	display: none;
}
header .search input[type=text]{
	border: 1px solid #d9d9d9;
	height: 32px;
	line-height: 32px;
	max-width: 150px;
	vertical-align: middle;
	padding: 0 10px;
	box-sizing: border-box;
}
header .search button{
	border: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	background: #4c4c4c;
	color: #fff;
	cursor: pointer;
}
header .search button:hover{
	background: #323232;
}
header #search_bar{
	display: flex;
}
header #search_bar input[type="text"] {
	position: relative;
	border: 0;
	padding: 0 10px;
	margin: 0;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	background: transparent;
	width: 100%;
	box-sizing: border-box;
	color: #000;
	border: 1px solid #D9D9D9;
	font-size: 0.7vw;
}
header #search_bar input[type="text"]:focus{
	border: 1px solid #D9D9D9;
	outline: 0;
}
header #search_bar button[type="submit"] {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0;
	width: 54px;
	height: 28px;
	color: #fff;
	background: #4c4c4c;
	cursor: pointer;
	z-index: 2;
	font-size: 0.8vw;
}
header .widget.wcag{
	position: absolute;
	top: 10px;
	right: 0;
	display: flex;
	gap: 10px;
	align-items: center;
}
header .widget.wcag a:hover{
	color: #000;
}
header .sticky-menu{
	position: fixed;
	top: 0;
	left: 0;
	width: 7.292vw;
	height: 100%;
	background: #f4f4f4;
	color: #585858;
	font-size: 0.833vw;
	font-weight: 600;
	z-index: 10;
	border-right: 1px solid #fff;
}
body.google-translate header .sticky-menu{
	top: 38px;
	height: calc(100% - 38px);
}
header .sticky-menu .sticky-menu-content{
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	align-content: stretch;
}
header .sticky-menu .sticky-menu-content > *{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 8px;
	border-bottom: 1px solid #e8e8e9;
}
header .sticky-menu .sticky-menu-content > *:last-child{
	border-bottom: 0;
}
header .sticky-menu .sticky-menu-content a{
	color: inherit;
	font-weight: inherit;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
	padding: 0.521vw;
}
header .sticky-menu .sticky-menu-content a.open-menu.open{
	background: #c00418;
	color: #fff;
}
header .sticky-menu .sticky-menu-content a > i{
	width: 100%;
	font-size: 1.563vw;
}
header .sticky-menu .sticky-menu-content a > img{
	height: 1.563vw;
}
header .sticky-menu .sticky-menu-content a > span{
	display: block;
	width: 100%;
	margin-top: 0.521vw;
	font-size: 0.833vw;
	line-height: 1.1;
}
header .sticky-menu .sticky-menu-content a:hover{
	color: #4c4c4c;
	background: rgba(17,66,135,0.1);
}
body.wcag header .sticky-menu .sticky-menu-content a:focus{
	background: #ff0;
	color: #000;
}
header .sticky-menu .sticky-menu-content > .lang{
	position: relative;
}
header .sticky-menu .sticky-menu-content > .lang > a{
	position: relative;
	gap: 5px;
	flex-wrap: nowrap;
	width: 100%;
}
header .sticky-menu .sticky-menu-content > .lang > a > i{
	font-size: 1.354vw;
	width: auto;
}
header .sticky-menu .sticky-menu-content > .lang > a > span{
	width: auto;
	margin-top: 0;
	text-transform: uppercase;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu{
	display: flex;
	position: absolute;
	left: calc(100% + 8px);
	background: #f4f4f4;
	list-style: none;
	padding: 0;
	height: 100%;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu.hidden{
	display: none;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li{
	list-style: none;
	height: 100%;
	border-left: 1px solid #e8e8e9;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li:first-child{
	border-left: 0;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li > a{
	width: 100%;
	height: 100%;
	padding: 0 30px;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li > a > span{
	margin-top: 0;
}
header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li > a > span.lang_holder{
	text-transform: uppercase;
}
header .sticky-menu .sticky-menu-content > .wcag{
	position: relative;
}
header .sticky-menu .sticky-menu-content > .wcag > a{
	position: relative;
	width: 100%;
}
header .sticky-menu .sticky-menu-content > .wcag > a > i{
	font-size: 1.354vw;
	width: auto;
}
header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu{
	display: flex;
	position: absolute;
	left: calc(100% + 8px);
	background: #f4f4f4;
	list-style: none;
	padding: 0;
	height: 100%;
}
header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu.hidden{
	display: none;
}
header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li{
	list-style: none;
	height: 100%;
	border-left: 1px solid #e8e8e9;
}
header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li:first-child{
	border-left: 0;
}
header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li > a{
	display: flex;
	flex-wrap: nowrap;
	gap: 5px;
	width: 100%;
	height: 100%;
	padding: 0 30px;
}
header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li > a > span{
	font-size: 1.1vw;
}
.header-spacer{
	position: relative;
	width: 100%;
	height: 70px;
	display: none;
}
header .menu_box{
	text-align: left;
	background-color: #4c4c4c;
	color: #fff;
	top: 0;
	left: -100%;
	position: fixed;
	height: 100%;
	width: calc(100% - 7.292vw);
	transition: 0.5s;
	display: none;
	opacity: 0;
	z-index: 9;
}
header .menu_box.active {
	display: block;
	left: 7.292vw;
	opacity: 1;
}
header .menu_box .logo{
	height: 4.167vw;
	margin: 50px 50px 0 50px;
}
header .menu_box #menu-box{
	margin: 100px 0 0 50px;
	width: 30%;
}
header .menu_box .sf-menu > li{
	text-align: left;
	justify-content: flex-start;
}
header .menu_box .sf-menu a {
	font-size: 2.083vw;
	color: #fff;
	text-transform: none;
	padding: 1.042vw 0;
	font-weight: 700;
	width: 100%;
	padding-right: 4vw;
	justify-content: flex-end;
}
header .menu_box .sf-menu ul{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	left: calc(30% + 50px);
	top: 0;
	height: 100%;
	padding: 0 50px 0 50px;
}
header .menu_box .sf-menu li,
header .menu_box .sf-menu > li{
	position: static;
	width: 100%;
}
header .menu_box .sf-menu ul a {
	font-size: 1.2vw;
}
header .menu_box .sf-menu > li > a.sf-with-ul::after {
	position: absolute;
	content: '\f105';
	font-family: "Font Awesome 7 Pro";
	color: #fff;
	font-size: 2vw;
	font-weight: 900;
	right: 10px;
}
header .menu_box .sf-menu ul ul{
	display: none;
}
header .menu_box .menu_box_close {
	height: 1px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	right: 120px;
	bottom: 50px;
	width: 1px;
	background: #c00418;
	color: #fff;
	font-size: 1.563vw;
	padding: 0.5vw 2vw;
	border: 0;
	opacity: 0;
}
header .menu_box .menu_box_close:focus {
	position:absolute;
	width:auto;
	height:auto;
	padding:.625rem 1.5625rem;
	opacity: 1;
}
@media only screen and (max-width: 1366px) {
	header .loga img {
		height: 80px;
	}
	header .ue img {
		height: 60px;
	}
}
@media only screen and (max-width: 1250px) {
	header .search input[type="text"]{
		display: none;
	}
	header .icons .widget > a {
		min-width: 28px;
	}
}
@media only screen and (max-width: 999px) {
	.rs-link{
		display: none;
	}
	.header-spacer{
		display: block;
	}
	.only-pc{
		display: none !important;
	}
	.only-mobile{
		display: block !important;
	}
	header .h-table{
		height: 100%;
		background: #fff;
	}
	header .h-mas{
		display: none;
	}
	header .h-mas .h-mas-f .h-mas-s{
		display: none;
	}
	header > .pagewidth-s{
		padding: 0;
	}
	header .widget.wcag{
		display: none;
	}
	header .h-nav{
		display: none;
	}
	header .sticky-menu{
		position: fixed;
		bottom: 0;
		width: calc(100% - 62px);
		z-index: 203;
		height: 58px !important;
		left: 0;
		top: auto !important;
		background: #f1f1f1;
		border-right: 0;
	}
	header .sticky-menu .sticky-menu-content{
		display: flex;
		justify-content: flex-start;
		/*grid-template-columns: 19% 19% 24% 19% 19%;*/
		gap: 10px;
		padding: 0 15px;
	}
	header .sticky-menu .sticky-menu-content a,
	header .sticky-menu .sticky-menu-content > *{
		width: auto;
		border: 0;
		padding: 0;
		margin: 0;
	}
	header .sticky-menu .sticky-menu-content a{
		padding: 0 15px;
	}
	header .sticky-menu .sticky-menu-content > a:first-child{
		display: none;
	}
	header .sticky-menu .sticky-menu-content > a > span,
	header .sticky-menu .sticky-menu-content > .lang > a > span,
	header .sticky-menu .sticky-menu-content > .wcag > a > span{
		display: none;
	}
	header .sticky-menu .sticky-menu-content a > span{
		font-size: 16px;
	}
	header .sticky-menu .sticky-menu-content > .lang > a,
	header .sticky-menu .sticky-menu-content > .wcag > a{
		height: 100%;
	}
	header .sticky-menu .sticky-menu-content a > i,
	header .sticky-menu .sticky-menu-content > .lang > a > i,
	header .sticky-menu .sticky-menu-content > .wcag > a > i{
		font-size: 24px;
	}
	header .sticky-menu .sticky-menu-content a > img{
		height: 24px;
	}
	header .sticky-menu .sticky-menu-content > .lang .dropdown-menu{
		bottom: 59px;
		left: 0;
		background: #4c4c4c;
		color: #fff;
		margin: 0;
		height: auto;
		width: 54px;
		flex-wrap: wrap;
	}
	header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li{
		width: 100%;
		height: 54px;
		border-bottom: 1px solid #fff;
		border-left: 0 !important;
	}
	header .sticky-menu .sticky-menu-content > .lang .dropdown-menu > li > a{
		padding: 0 10px;
	}
	header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu{
		bottom: 59px;
		left: 0;
		background: #4c4c4c;
		color: #fff;
		margin: 0;
		height: auto;
		width: 54px;
		flex-wrap: wrap;
	}
	header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li{
		width: 100%;
		height: 54px;
		border-bottom: 1px solid #fff;
		border-left: 0 !important;
	}
	header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li > a{
		padding: 0 10px;
		gap: 2px;
	}
	header .sticky-menu .sticky-menu-content > .wcag .dropdown-menu > li > a > span{
		font-size: 18px;
	}
	header .widgets_header a.only-mobile {
		display: flex !important;
	}
	header,
	header.fixed{
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		top: 0 !important;
		height: auto !important;
		margin-left: 0 !important;
		background: #fff;
		height: auto !important;
	}
	header .pagewidth{
		padding: 0 15px;
		width: 100%;
	}
	header .infobar{
		position: fixed;
		left: 77px;
		bottom: 0;
		z-index: 203;
		height: 70px !important;
		font-size: 12px;
		width: calc(100% - 154px);
		padding: 0 5px !important;
		background: transparent !important;
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		gap: 5px;
		color: #fff;
	}
	header .widgets_header{
		height: 46px;
	}
	header .widgets_header .f .l {
		gap: 10px;
	}
	header .widgets_header .f .c a i{
		font-size: 18px;
	}
	header .widgets_header .f .mobile_app span{
		display: none;
	}
	header .widgets_header a i {
		font-size: 18px;
	}
	header .infobar .lh{
		width: 100%;
		gap: 10px;
		justify-content: center;
		margin-top: 3px;
	}
	header .infobar .lh:first-child{
		display: none;
	}
	header .infobar .lh i {
		font-size: 15px !important;
		border: 0 !important;
		border-radius: 0 !important;
		width: 15px !important;
		height: 15px !important;
	}
	header .infobar .lh b {
		font-size: 11px;
	}
	header .rh{
		position: absolute;
		right: 10px;
		top: 10px;
		display: none;
	}
	header .rh a.mkfoam{
		position: absolute;
		height: 50px;
		width: 50px;
		top: 0;
		right: 0;
	}
	header .h-table-flex{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100% !important;
		padding: 10px 15px !important;
		gap: 0;
	}
	header .h-table-flex > .cont > div {
		width: calc(100% - 154px);
	}
	header .h-table-flex > .rs{
		display: none;
	}
	header .icons{
		position: relative;
		width: auto;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: wrap;
		padding: 0;
		gap: 4px;
		font-size: 16px;
		margin-top: 0 !important;
		min-height: 0;
		z-index: 2;
		display: none;
	}
	header .icons .widget i[class^="fa-"] {
		font-size: 18px;
	}
	header .icons .widget > a {
		min-width: 24px;
		font-size: 16px;
	}
	header .icons .widget > a,
	header .search button{
		color: #fff;
		height: auto;
	}
	header .icons .widget a.pc{
		display: none;
	}
	header .icons .widget a.mobile{
		display: flex;
	}
	header .icons .widget.lang{
		margin-left: 10px;
		gap: 8px;
	}
	header .icons .widget.lang > a{
		height: 22px;
		width: 28px;
	}
	header .icons .widget.phone{
		padding: 0;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;
	}
	header .icons .widget.phone > span{
		display: none;
	}
	header .logo{
		position: relative;
		width: auto;
		height: auto;
		z-index: 2;
		text-align: center;
		justify-content: center;
		gap: 15px;
		padding: 10px 0;
	}
	header .logo a {
		justify-content: center;
		height: 50px;
		width: 100%;
	}
	header .logo img,
	header.fixed .logo img,
	header .logo svg,
	header.fixed .logo svg{
		height: 50px;
		width: auto;
		max-height: 100%;
		max-width: 100%;
	}
	.logo .logo-title > span.lt-m,
	.logo .logo-title > span.lt-s{
		font-size: 15px;
	}
	.logo .logo-title > span.lt-s{
		margin-top: 5px;
	}
	header .contact{
		display: none;
	}
	#menu-top{
		display: none !important;
	}
	header #h-mobile{
		display: flex;
		/*grid-template-columns: repeat( auto-fit, minmax(0, 1fr));*/
		gap: 2px;
	}
	header #h-mobile .info .flex .row{
		justify-content: center;
		gap: 5px;
		font-size: 13px;
	}
	header .search-bar-wrapper{
		margin: 20px auto 0 auto;
	}
	header #search_bar button[type="submit"] {
		font-size: 14px;
	}
	header #search_bar input[type="text"] {
		font-size: 14px;
	}
	header .h-table-flex > .cont {
		display: none;
		width: auto;
		justify-content: center;
		gap: 30px;
	}
	header .h-table-flex > .cont > .download-newspaper{
		font-size: 14px;
		height: 30px;
		border-radius: 15px;
		letter-spacing: 0;
		padding: 0 10px;
	}
	header .h-table-flex > .cont a.search{
		font-size: 22px;
	}
	header .h-table-flex > .cont .kalendarz{
		font-size: 16px;
		gap: 10px;
		padding: 8px 12px;
	}
	header .h-table-flex > .cont .kalendarz i{
		font-size: 20px;
	}
}
@media only screen and (max-width: 480px) {
	header .infobar .lh span.c span{
		display: block;
	}
}
@media only screen and (max-width: 380px) {
	header .widgets_header .f .l{
		gap: 8px;
	}
	header .icons .widget {
		gap: 8px;
	}
	header .icons .widget.lang{
		margin-left: 5px;
		gap: 5px;
	}
}
@media only screen and (max-width: 340px) {
	header .infobar{
		font-size: 11px;
	}
	header .infobar .lh {
		gap: 7px;
	}
	header .h-table-flex{
		padding: 15px 0 !important;
	}
	header .logo img,
	header.fixed .logo img,
	header .logo svg,
	header.fixed .logo svg{
		height: 40px;
	}
	.logo .logo-title > span.lt-m,
	.logo .logo-title > span.lt-s{
		font-size: 14px;
	}
}

@keyframes screw {
    0% {
        transform: rotate(42deg);
	}
	80% {
		transform: rotate(-21deg);
	}
    100% {
        transform: rotate(0deg);
    }
}


#skiplinks a{
	position: absolute;
	left: 50%;
	top: -50px;
	display: inline-block;
	background: #ff0;
	color: #000;
	font-weight: 400;
	font-size: 18px;
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	box-sizing: border-box;	
	z-index: 300;
}
#skiplinks a:focus{
	top: 0;
	outline: 0 !important;
}

@media only screen and (max-width: 1220px) {
	.container1{
		padding-top: 0px;
	}
	#skiplinks{
		display: none;
	}
}

/* menu right */

.show_menu_right{
	display: none;
	transition: all 0.35s ease-in-out;
	background: #4c4c4c;
	width: 100%;
	height: 41px;
	line-height: 41px;
	vertical-align: middle;
	text-align: center;
	color: #fff !important;
	margin-top: 30px;
}
.show_menu_right:hover{
	color: #fff;
}
#menu-right{
	width: 100%;
	background: #f4f4f4;
	background-size: cover;
	padding: 10px;
}
#menu-right ul, #menu-right li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#menu-right li{
	display: block;
	position: relative;
	color: #fff;
	text-align: left;
	width: 100%;
	line-height: 1;
	padding: 0;
	margin: 0 auto;
	background: rgba(255,255,255,0.1);
}
#menu-right > ul > li {
	border-bottom: 1px solid #e8e8e9;
}
#menu-right > ul > li:last-child{
	border-bottom: 0;
}
#menu-right li:last-child{
	margin-bottom: 0;
}
#menu-right a {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
	min-height: 3.17vw;
	position: relative;
	border: 0;
	padding: 5px 20px;
	margin: 0;
	text-decoration: none;
	color: #585858;
	font-size: 1vw;
	font-weight: 400;
	transition: all 0.35s ease-in-out;
	text-align: right;
	line-height: 1.1;
	vertical-align: middle;
	box-sizing: border-box;
}
#menu-right.jc-fs a{
	justify-content: flex-start;
}
#menu-right.jc-sb a{
	justify-content: space-between;
}
#menu-right > ul > li > a{
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.35s ease-in-out;
}
#menu-right > ul > li > a::after{
	position: relative;
	content: '\f107';
	font-family: "Font Awesome 7 Pro";
	font-weight: 400;
	min-width: 1.5vw;
}
#menu-right > ul > li:hover > a::after,
#menu-right > ul > li.active > a::after{
	content: '\f105';
}
#menu-right > ul > li > a span.b{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 0.35s ease-in-out;
}
#menu-right > ul > li > a:hover span.b{
}
#menu-right > ul > li > a span.b::before{
	display: block;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#menu-right li.hiden{
	display: none;
}
#menu-right .active li.hiden{
	display: block;
}
#menu-right li:hover, #menu-right li.active{
	background: rgba(17,66,135,0.1);
}
#menu-right li:hover a, #menu-right li.active a{
	color: #4c4c4c;
}
#menu-right li .tbl{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#menu-right li .i{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 15px;
	display: none;
}
#menu-right li .i img{
	position: relative;
	max-width: 100%;
}
#menu-right li .t{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	width: calc( 100% - 18px);
}
#menu-right ul ul {
	background: rgba(255,255,255,0.1);
	margin: 0;
	padding: 0;
}
#menu-right ul ul li{
	position: relative;
	display: block;
	text-align: left;
	margin: 0 auto 0 auto;
	transition: all 0.35s ease-in-out;
}
#menu-right ul li.active li{
	background: rgba(255,255,255,0.1);
}
#menu-right ul ul li a {
	display: flex;
	position: relative;
	border: 0;
	padding: 5px 20px 5px 23px;
	margin: 0;
	text-decoration: none;
	font-size: 1.042vw;
	font-weight: 400;
	transition: all .3s ease-in;
	height: auto;
	min-height: 36px;
	line-height: 1;
	vertical-align: middle;
	box-sizing: border-box;
}
#menu-right ul ul li a {
	padding-left: 28px;
	min-height: 36px;
	font-weight: 400 !important;
}
#menu-right ul ul ul li a {
	padding-left: 48px;
	min-height: 32px;
}
#menu-right ul ul ul ul li a {
	padding-left: 68px;
	min-height: 28px;
}
#menu-right ul ul li a::before {
	position: relative;
	height: 100%;
	width: 18px;
	content: '\f45c';
	font-family: "Font Awesome 7 Pro";
	font-weight: 600;
	font-size: 6px;
	color: #fff;
	display: none;
}
#menu-right ul ul ul li a::before {
	font-size: 4px;
}
#menu-right ul ul ul ul li a::before {
	font-size: 2px;
}
#menu-right ul ul li:hover, #menu-right ul ul li a:focus, #menu-right ul ul li.active{
	background: rgba(255,255,255,0.1);
}
#menu-right ul ul li:hover a, #menu-right ul ul li.active a{
	color: #fff;
}
#menu-right li.arrows > :first-child::after {
	content: '';
	position: absolute;
	right: 7px;
	top: 50%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #fff; 
	border-top-color: rgba(255,255,255,1);
}
#menu-right li.active.arrows > :first-child::after{
	margin-top: -5px;
	border-top-color: transparent; 
	border-bottom-color: #fff; 
	border-bottom-color: rgba(255,255,255,1);
}
@media only screen and (max-width: 999px) {
	#menu-right a{
		font-size: 16px;
		height: 60px;
	}
	#menu-right > ul > li > a::after{
		min-width: 22px;
	}
}

/* slider */

.parallax-slider {
	position: relative;
	width: 100%;
	height: 631px;
	display: block;
	overflow: hidden;
	top: 0;
	left: 0;
	transform: translateZ(0);
	background: #fff;
}
.parallax-slider .baseList { display:none; }
.parallax-slider #mainImageHolder {
	margin:0;
	position:relative;
	width:100%;
	height:100%;
	top:0;
	z-index:1;
}
.parallax-slider #mainImageHolder .primaryHolder {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
}
.parallax-slider #mainImageHolder .primaryHolder::before, .parallax-slider #mainImageHolder .secondaryHolder::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 1;
}

.parallax-slider #mainImageHolder .primaryHolder img {
	position:absolute;
	max-width:inherit;
	min-height: 100%;
}
.parallax-slider #mainImageHolder .secondaryHolder {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
.parallax-slider #mainImageHolder .secondaryHolder img {
	position:absolute;
	max-width:inherit;
	min-height: 100%;
}
.parallax-slider #mainCaptionHolder {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:3;
}
.parallax-slider #mainCaptionHolder .container {
	position:absolute;
	height: 100%;
	width: 100%;
	margin: 0 auto;
}
.parallax-slider #mainCaptionHolder .container .primaryCaption {
	position:absolute;
	width:100%;
	height: 100%;
}
.parallax-slider #mainCaptionHolder .container .secondaryCaption {
	position:absolute;
	width:100%;
	bottom: 0;
	display: none;
}
.slider_caption {
	position: absolute;
	top: 37%;
	z-index: 1;
	text-align: center;
	line-height: 1;
	opacity: 1;
	animation: slider-caption 2s ease;
	margin: 0 auto;
	box-sizing: border-box;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
}
.slider_caption .t_caption{
	width: min-content;
}
.slider_caption .title{
	padding-bottom: 13px;
}
.slider_caption .title span{
	font-size: 50px; 
	color: #4c4c4c; 
	font-weight: 400;
	text-shadow: 1px 1px 2px #000;
	letter-spacing: 0.6mm;
}
.slider_caption .subtitle span{
	font-size: 24px;
	font-weight: 300;
	color: #fff;
	letter-spacing: 0.3mm;
}
.slider-tiles-container{
	position: relative;
	z-index: 2;
	padding-bottom: 0.5vw;
}
.slider-tiles-container .slider-tiles{
	position: absolute;
	display: flex;
	justify-content: center;
	gap: 1.1vw;
	margin-top: -7.35vw;
	width: 100%;
}
.slider-tiles-container .slider-tiles > div{
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	text-align: center;
	background: #4c4c4c;
	color: #fff;
	padding: 10px;
	width: 17.71vw;
	height: 8.85vw;
	border-radius: 20px;
	font-size: 1.25vw;
	font-weight: 500;
	line-height: 1.5;
}
.slider-tiles-container.show .slider-tiles > div{
	animation: 1.1s ease 0s 1 normal both running bounce-in-top;
}
.slider-tiles-container .slider-tiles > div:nth-child(1) {
	animation-delay: 0.1s;
}
.slider-tiles-container .slider-tiles > div:nth-child(2) {
	animation-delay: 0.3s;
}
.slider-tiles-container .slider-tiles > div:nth-child(3) {
	animation-delay: 0.5s;
}
.slider-tiles-container .slider-tiles > div:nth-child(4) {
	animation-delay: 0.7s;
}
.slider-tiles-container .slider-tiles > div > div{
	width: 100%;
	line-height: 1.2;
}
.slider-tiles-container .slider-tiles > div > div.title{
	margin-bottom: 5px;
}
@media only screen and (max-width: 999px) {
	.slider-tiles-container .slider-tiles{
		position: relative;
		padding: 15px 15px;
		flex-wrap: wrap;
		margin-top: 0;
		gap: 10px;
		background: #398dab;
		justify-content: space-between;
	}
	.slider-tiles-container .slider-tiles > div{
		width: calc(50% - 5px);
		height: auto;
		border-radius: 5px;
		font-size: 12px;
	}
}

@keyframes bounce-in-top {
	0% {
		-webkit-transform:translateY(-500px);
		transform:translateY(-500px) translateX(500px);
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in;
		opacity:0
	}
	38% {
		-webkit-transform:translateY(0);
		transform:translateY(0) translateX(0);
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out;
		opacity:1
	}
	55% {
		-webkit-transform:translateY(-65px);
		transform:translateY(-65px) translateX(65px);
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in
	}
	72%,
	90%,
	to {
		-webkit-transform:translateY(0);
		transform:translateY(0) translateX(0);
		-webkit-animation-timing-function:ease-out;
		animation-timing-function:ease-out
	}
	81% {
		-webkit-transform:translateY(-28px);
		transform:translateY(-28px) translateX(28px);
		-webkit-animation-timing-function:ease-in
	}
	95% {
		-webkit-transform:translateY(-8px);
		transform:translateY(-8px) translateX(8px);
		-webkit-animation-timing-function:ease-in;
		animation-timing-function:ease-in
	}
}

.ikony .icon{
	background: #346bae;
	text-align: center;
	border-radius: 11px;
	margin-right: 6px;
	padding: 20px 0;
	flex-basis: 100%;
	transition: all 0.35s ease-in-out;
	height: 100%;
	min-width: 375px;
}

.ikony a:first-child:hover .icon, .ikony a:first-child:focus .icon{
	background: #3d7dcc;
}

.ikony a:nth-child(2):hover .icon, .ikony a:nth-child(2):focus .icon{
	background: #00bcd1;
}

.ikony a:last-child:hover .icon, .ikony a:last-child:focus .icon{
	background: #346bae;
}

.ikony .icons{
	display: flex;
	position: relative;
	bottom: 137px;
	justify-content: center;
}

.ikony .icons .container{
	display: block;
}

.ikony .icon .subtitle2{
	letter-spacing: 1mm;
	display: block;
}
.ikony .icon .title{
	letter-spacing: 1.3mm;
	display: block;
}
.ikony .icon{
	display: block;
}
.ikony .icon i{
	font-size: 110px;
	padding: 20px 0 14px 0;
}
.ikony a:nth-child(2) .icon{
	background: #3d7dcc;
}
.ikony a:last-child .icon{
	background: #00bcd1;
}

.parallax-slider #mainCaptionHolder .container .slider_caption .t_caption{
	position: relative;
	/* display: table-cell; */
	width: 100%;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
	/* width: 43%; */
	padding: 0 0 0 0;
	position: relative;
	display: inline-block;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption{
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .more{
	padding-top: 40px;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .more a{
	padding: 9px 88px 9px 34px;
	background: #4c4c4c;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	transition: all 0.35s ease-in-out;
	border: 0;
	position: relative;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .more a .ico{
	height: 100%;
	width: 54px;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	background: #4c4c4c;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .more .ico i{
	font-size: 22px;
	transform: rotate(-25deg);
	animation: click 5s infinite;
}
@keyframes click{
	0%{
		transform: rotate(-25deg);
	}
	20%{
		transform: rotate(-25deg);
	}
	50%{
		transform: rotate(0deg);
	}
	80%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(-25deg);
	}
}
.parallax-slider #mainCaptionHolder .container .slider_caption .more a:hover{
	background: #4c4c4c;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .title, .parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .subtitle{
	position: relative;
	vertical-align: top;
	line-height: 0.8;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .title span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 60px;
	color: #fff;
	padding: 0 0 14px 0;
	text-transform: uppercase;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .subtitle span{
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: #f27d0b;
	font-size: 24px;
}
@keyframes s_caption_t {
	0% { 
		transform: rotateY(90deg);
	} 
	100% { 
		transform: rotateY(0deg);
	} 
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .info{
	display: block;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	/* text-shadow: 0px 1px 1px rgba(0, 0, 1, 0.75); */
	margin-top: 20px;
	max-width: 500px;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .button a{
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px;
	background: #b04249;
	border: 1px solid #fff;
	color: #fff;
	font-size: 20px;
	border-radius: 5px;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .button a em{
	animation: bounce_right 2s infinite;
	padding-right: 10px;
	font-size: 24px;
	transition: all .3s ease-in;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .button a:hover{
	background: #fff;
	border: 1px solid #b04249;
	color: #000;
}
.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .button a:hover em{
	color: #b04249;
}

@keyframes bounce_right {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(0);
	}
	40% {
		transform: translateX(-10px);
	}
	60% {
		transform: translateX(-5px);
	}
}

@media only screen and (max-width: 1820px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
		padding: 0 0 0 0;
	}
}

@media only screen and (max-width: 1366px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
		padding: 0 0 0 0;
	}
	.slider_caption {
		position: absolute;
		top: 33%;
	}
}
@media only screen and (max-width: 1220px) {
	.parallax-slider::after {
		z-index: 2;
	}
}
@media only screen and (max-width: 767px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
		padding-top: 18px !important;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .s_caption .more{
		display: none;
	}

}

@media only screen and (max-width: 480px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
		bottom: 69px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
		padding: 0 0 10px 0 !important;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .more{
		padding-top: 15px !important;
	}
}

@media only screen and (max-width: 360px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .subtitle {
		padding: 0 0 5px 0 !important;
	}
}

@keyframes slider-caption {
    0% { opacity: 0; }
	100% { opacity: 1; }
}
.parallax-slider #mainCaptionHolder .container .slider_caption >div {
	display:block;
}

.parallax-slider.zoom-fade-eff #mainImageHolder .primaryHolder {
	opacity:1;
	transform:scale(1);
}
.parallax-slider.zoom-fade-eff #mainImageHolder .primaryHolder.animateState {
	opacity:0;
	transform:scale(3);
}
.parallax-slider.zoom-fade-eff #mainImageHolder .secondaryHolder {
	opacity:1;
}
.parallax-slider.zoom-fade-eff #mainImageHolder .secondaryHolder.animateState {
	opacity:0;
}
.parallax-slider.zoom-fade-eff #mainCaptionHolder .primaryCaption {
	opacity:1;
}
.parallax-slider.zoom-fade-eff #mainCaptionHolder .primaryCaption.animateState {
	opacity:0;
}
.parallax-slider.zoom-fade-eff #mainCaptionHolder .secondaryCaption {
	opacity:1;
}
.parallax-slider.zoom-fade-eff #mainCaptionHolder .secondaryCaption.animateState {
	opacity:0;
}
.parallax-slider.simple-fade-eff #mainImageHolder .primaryHolder {
	opacity:1;
}
.parallax-slider.simple-fade-eff #mainImageHolder .primaryHolder.animateState {
	opacity:0;
}
.parallax-slider.simple-fade-eff #mainImageHolder .secondaryHolder.animateState {
	opacity:1;
}
.parallax-slider.simple-fade-eff #mainImageHolder .secondaryHolder.animateState.animateState {
	opacity:0;
}
.parallax-slider.simple-fade-eff #mainCaptionHolder .primaryCaption {
	opacity:1;
	transform:scale(1);
}
.parallax-slider.simple-fade-eff #mainCaptionHolder .primaryCaption.animateState {
	opacity:0;
}
.parallax-slider.simple-fade-eff #mainCaptionHolder .secondaryCaption {
	opacity:1;
}
.parallax-slider.simple-fade-eff #mainCaptionHolder .secondaryCaption.animateState {
	opacity:0;
}
.parallax-slider.slide-top-eff #mainImageHolder .primaryHolder { top:0; }
.parallax-slider.slide-top-eff #mainImageHolder .primaryHolder.animateState { top:-100%; }
.parallax-slider.slide-top-eff #mainImageHolder .secondaryHolder.animateState { top:0; }
.parallax-slider.slide-top-eff #mainImageHolder .secondaryHolder.animateState.animateState { top:100%; }
.parallax-slider.slide-top-eff #mainCaptionHolder .primaryCaption {
	opacity:1;
	transform:scale(1);
}
.parallax-slider.slide-top-eff #mainCaptionHolder .primaryCaption.animateState {
	opacity:0;
}
.parallax-slider.slide-top-eff #mainCaptionHolder .secondaryCaption {
	opacity:1;
}
.parallax-slider.slide-top-eff #mainCaptionHolder .secondaryCaption.animateState {
	opacity:0;
}

.parallax-slider.slide-left-eff #mainImageHolder .primaryHolder { left:0; }
.parallax-slider.slide-left-eff #mainImageHolder .primaryHolder.animateState { left:-100%; }
.parallax-slider.slide-left-eff #mainImageHolder .secondaryHolder.animateState { left:0; }
.parallax-slider.slide-left-eff #mainImageHolder .secondaryHolder.animateState.animateState { left:100%; }
.parallax-slider.slide-left-eff #mainCaptionHolder .primaryCaption {
	opacity:1;
	transform:scale(1);
}
.parallax-slider.slide-left-eff #mainCaptionHolder .primaryCaption.animateState {
	opacity:0;
}
.parallax-slider.slide-left-eff #mainCaptionHolder .secondaryCaption {
	opacity:1;
}
.parallax-slider.slide-left-eff #mainCaptionHolder .secondaryCaption.animateState {
	opacity:0;
}

.parallax-slider .controlBtn {
	width:33px;
	height:33px;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-46px;
	cursor:pointer;
	z-index:3;
}
.parallax-slider .controlBtn .innerBtn {
	width:66px;
	height:66px;
	text-align:center;
	color:#fff;
	background: #4c4c4c;
	display:block;
	position:relative;
	z-index:1;
	transition:all 0.3s ease;
	line-height: 1;
	border-radius: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotate(45deg);
	transition: 0.35s all ease-in-out;
}
.parallax-slider .controlBtn .innerBtn:hover {
	background: #323232;
}
.parallax-slider .controlBtn .slidesCounter {
	display: none;
	/* width:46px;
	height:46px;
	display:block;
	position:absolute;
	top:0;
	color:#fff;
	background: #CB22E8;
	font-size:18px;
	line-height:50px;
	transition:all 0.3s ease;
	opacity: 0; */
}

.parallax-slider .fas, .fa{
	font-weight: 300;
}
.parallax-slider .controlBtn.parallaxPrevBtn { 
	left:-33px;
}
.parallax-slider .controlBtn.parallaxPrevBtn .arrow-left{ 
	position: absolute;
	width: 20px;
	height: 22px;
	background-image: url('/img/arrow_left.png');
	transform: rotate(-45deg) translate(15px,0) translateZ(0);
	transition: 0.35s all ease-in-out;
}
.parallax-slider .controlBtn.parallaxNextBtn .arrow-right{ 
	position: absolute;
	width: 20px;
	height: 22px;
	background-image: url('/img/arrow_right.png');
	transform: rotate(-45deg) translate(-15px,0) translateZ(0);
	transition: 0.35s all ease-in-out;
}

.parallax-slider .controlBtn.parallaxNextBtn:hover .arrow-right{ 
	transform: rotate(-45deg) translate(-11px,0) translateZ(0);
}

.parallax-slider .controlBtn.parallaxPrevBtn:hover .arrow-left{
	transform: rotate(-45deg) translate(11px,0) translateZ(0);
}
.parallax-slider .controlBtn.parallaxPrevBtn .slidesCounter {
	left:0%; 
	text-align:center;
}
/* .parallax-slider .controlBtn.parallaxPrevBtn:hover .innerBtn {
	color:#fff;
	border-radius:0;
	background: #346bae;
} */
.parallax-slider .controlBtn.parallaxPrevBtn:hover .slidesCounter { left:100%; opacity: 0.8; }
.parallax-slider .controlBtn.parallaxNextBtn { right:0; }
.parallax-slider .controlBtn.parallaxNextBtn .slidesCounter {
	right:0%;
	text-align:center;
}
/* .parallax-slider .controlBtn.parallaxNextBtn:hover .innerBtn {
	color:#fff;
	border-radius:0;
	background: #346bae;
} */
.parallax-slider .controlBtn.parallaxNextBtn:hover .slidesCounter { right:100%; opacity: 0.8; }
.parallax-slider #paralaxSliderPagination {
	position:absolute;
	bottom: 48px;
	width:60%;
	margin: 0 20%;
	text-align:center;
	z-index:3;
}
.parallax-slider #paralaxSliderPagination ul {
	list-style:none;
	margin:0;
	padding:0;
}
.parallax-slider #paralaxSliderPagination ul li {
	display:inline-block;
	cursor:pointer;
	transition:all 0.15s ease-in-out;
	width: 25px;
	height: 5px;
	border-radius: 10px;
	margin: 2px 5px 2px 5px;
	background: #211757;

}
.parallax-slider #paralaxSliderPagination ul li:hover { background: #E0DFDF; }
.parallax-slider #paralaxSliderPagination ul li.active { background: #E0DFDF; }
.parallax-slider #previewSpinner {
	position:absolute;
	width:50px;
	height:50px;
	display:block;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	border-radius:25px;
	z-index:99;
	/*background:url(../img/spinner.png) 50% 50% #ff4d00 no-repeat;*/
	display: none;
}
@media only screen and (max-width: 1681px) {
	.parallax-slider{
		height: 532px;


	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .icon{
		padding: 12px 58px;
		min-width: 323px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .icons{
		bottom: -156px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .icon .subtitle{
		font-size: 15px !important;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .icon i{
		font-size: 85px;
	}
}
@media only screen and (max-width: 1366px) {
	.parallax-slider{
		height: 400px;
	}
	.ikony .icons{
		bottom: 90px;
	}
	.ikony .icon {
		min-width: 335px;
	}
}

@media only screen and (max-width: 1100px) {
	.ikony .icon {
		min-width: 315px;
	}
}
@media only screen and (max-width: 1220px) {
	.parallax-slider #paralaxSliderPagination{
		bottom: 8px;
	}
	.parallax-slider #paralaxSliderPagination ul li{
		width: 20px;
	}
	.slider_caption{
		top: 33%;
	}
	.slider_caption .pagewidth{
		padding: 0 50px;
	}
	.slider_caption .subtitle span {
		font-size: 25px;
	}
	.slider_caption .title span {
		font-size: 33px;
	}
	.parallax-slider {
		height: 290px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption{
		width: 100%;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption{
		padding: 0;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption .title span{
		font-size: 27px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption .subtitle span{
		font-size:16px !important;
	}
	.parallax-slider #mainImageHolder .primaryHolder img {
		height: 100%;
	}
	.parallax-slider #mainImageHolder .secondaryHolder img {
		height: 100%;
	}
	.parallax-slider #mainImageHolder { position:static !important; }
	.parallax-slider .controlBtn {
		margin-top: -34px;
	}
}
@media (max-width: 767px) {
	.slider_caption{
		top: 14%;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .more{
		padding-top: 25px;
	}
	.slider_caption .title {
		width: auto;
		padding-bottom: 9px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .more a{
		padding: 4px 64px 4px 20px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .more a .ico{
		width: 40px;
	}
	.parallax-slider #mainCaptionHolder .container .slider_caption .more .ico i {
		font-size: 20px;
	}
	.slider_caption .subtitle span {
		font-size: 22px;

	}
	.slider_caption .title span {
		font-size: 29px;
	}
	.parallax-slider {
		height: 203px;
	}
	.parallax-slider #previewSpinner {
		display: none;
	}
	.parallax-slider #paralaxSliderPagination {
		bottom: 4px;
	}
}
@media (max-width: 480px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .m_caption .subtitle span{
		font-size:14px !important;
	}
	.slider_caption{
		top: 12%;
	}
	.slider_caption .subtitle span {
		font-size: 15px !important;

	}
	.slider_caption .title span {
		font-size: 21px !important;
	}
	.parallax-slider {
		height: 135px;
	}
}


.menu-bottom{
	position: relative;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 1.6vw 0 0 0;
}
.menu-bottom .menu{
	display: flex;
	justify-content: space-between;
}
.menu-bottom * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-bottom .menu li{
	position: relative;
	flex-grow: 1;
	text-align: center;
}
.menu-bottom .menu li a{
	display: flex;
	align-items: center;
	position: relative;
	justify-content: center;
	height: 1.1vw;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.938vw;
	font-weight: 500;
	padding: 0 1.563vw;
	line-height: 1.2;
}
.menu-bottom .menu li a > em.fa-house{
	font-size: 1.2vw;
}
.menu-bottom .menu li:first-child a{
	padding-left: 0 !important;
	text-align: left;
	justify-content: flex-start;
}
.menu-bottom .menu li:last-child a{
	padding-right: 0 !important;
	text-align: right;
	justify-content: flex-end;
}
.menu-bottom .menu li a:hover{
	color: #112743;
}
.menu-bottom .menu li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 2px;
	background: #fff;
}
.menu-bottom .menu li:first-child::before{
	display: none;
}
@media only screen and (max-width: 999px) {
	.menu-bottom .menu{
		flex-wrap: wrap;
		gap: 10px;
	}
	.menu-bottom .menu li{
		flex-grow: 0;
		width: 100%;
		padding: 0;
	}
	.menu-bottom .menu li.home{
		display: none;
	}
	.menu-bottom .menu li::before{
		display: none;
	}
	.menu-bottom .menu li a{
		justify-content: flex-start !important;
		text-align: left !important;
		height: auto;
		padding: 0 !important;
		font-size: 15px;
	}
}


#site-bottom{
	position: relative;
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	z-index: 2;
}

/* footer */

.cfooter{
	position: relative;
	background: #4c4c4c;
	color: #fff;
	font-size: 0.938vw;
	font-weight: 500;
	width: 100%;
	padding: 1.302vw 0 1.302vw 0;
	z-index: 1;
}
.cfooter a{
	color: #fff;
}
.cfooter .cfooter-f{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5.208vw;
}
.cfooter .cfooter-l{
	max-width: 20.833vw;
}
.cfooter .cfooter-l a{
	color: #46cee4;
}
body.wcag .cfooter .cfooter-l a:focus,
body.wcag .cfooter .cfooter-r a:focus,
body.wcag .cfooter a:focus,
body.wcag footer a:focus{
	background: #ff0;
	color: #000;
	border: 2px solid #000;
	padding: 1px 5px;
}
.cfooter .cfooter-l .logo img{
	height: 3.125vw;
}
.cfooter .cfooter-l .desc{
	margin-top: 20px;
}
.cfooter .cfooter-l .social{
	display: flex;
	gap: 10px;
	margin-top: 40px;
}
.cfooter .cfooter-l .social a{
	display: flex;
	color: #46cee4;
	border: 1px solid #46cee4;
	width: 32px;
	height: 32px;
	align-items: center;
	justify-content: center;
}
.cfooter .cfooter-l .social a:hover{
	color: #fff;
	background: #112743;
}
body.wcag .cfooter .cfooter-l .social a:focus{
	color: #000;
	background: #ff0;
	border-color: #000;
}
.cfooter .cfooter-c{
	max-width: 23.438vw;
}
.cfooter .kafs{
	display: flex;
	flex-wrap: wrap;
	gap: 2.083vw;
}
.cfooter .cfooter-l .kafs{
	gap: 1vw;
}
.cfooter .kafs .kaf{
	display: flex;
	width: 100%;
	gap: 1.563vw;
	align-items: center;
	justify-content: flex-start;
}
.cfooter .kafs .kaf .ico{
	font-size: 2.083vw;
	color: #46cee4;
}
.cfooter .cfooter-r{
	max-width: 26.042vw;
}
.cfooter .kafs .kaf:hover .ico i{
	animation-duration: 2s;
	animation-name: rotateCfooterIcon;
	animation-iteration-count: infinite;	
}	
@keyframes rotateCfooterIcon {
	0% {
		transform: rotateY(0deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}
@media only screen and (max-width: 999px) {
	.cfooter{
		font-size: 14px;
		padding: 40px 0;
	}
	.cfooter .cfooter-f{
		flex-wrap: wrap;
		gap: 40px;
	}
	.cfooter .cfooter-f > div{
		width: 100%;
		max-width: 100%;
	}
	.cfooter .cfooter-l .logo img {
		height: 40px;
	}
	.cfooter .cfooter-l .desc{
		margin-top: 10px;
	}
	.cfooter .cfooter-l .social{
		margin-top: 30px;
	}
	.cfooter .kafs .kaf{
		gap: 15px;
	}
	.cfooter .kafs .kaf .ico {
		font-size: 20px;
	}
}

footer{
	position: relative;
	display: block;
	margin: 0 auto 0 auto;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 0.729vw;
	background: #4C4C4C;
	background: linear-gradient(180deg,rgba(76, 76, 76, 1) 0%, rgba(103, 103, 103, 1) 100%);
}
footer .footer-fd{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.563vw;
	height: 3.906vw;
}
footer .footer-fd img{
	width: auto;
	height: 100%;
}
footer .footer-fd .sep{
	display: block;
	position: relative;
	height: 2.083vw;
	width: 1px;
	background: #000;
}
footer .icons{
	display: inline-flex;
	gap: 20px;
}
footer .icons i{
	font-size: 18px;
	margin: 0;
	transition: all 0.3s ease;
}
footer .icons a:hover{
	color: #4c4c4c;
}
footer a, footer a:hover{
	font-size: inherit;
	color: inherit;
	text-decoration: none;
	transition: all 0.3s ease;
}
footer a:hover{
	color: #112743;
}
footer a.highlighted{
	font-weight: 600;
	font-size: 1.25vw;
}
footer .footer-rows{
	display: flex;
	align-items: center;
	width: 100%;
	text-align: center;
}
footer .footer-rows > div{
	margin: 10px auto;
}
footer .footer-rows .logo img{
	width: auto;
	height: 55px;
}
footer .footer-rows .icons{
	padding: 15px 0;
}
footer .footer-rows > div.left{
	text-align: left;
	display: flex;
	gap: 5px;
}
footer .footer-rows > div.right{
	text-align: right;
}
footer .left{
	width: 65%;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}
footer .center{
	width: 10%;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
footer .right{
	width: 35%;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}
footer .right > div a{
	display: inline-block;
	margin-right: 20px;
}
footer .right > div a:last-child{
	margin-right: 0;
}
footer .footer-f{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.302vw 0 3.385vw 0;
	margin: 0;
}
footer .footer-f .footer-l{
	text-align: left;
}
footer .footer-f .footer-c{
	display: flex;
	align-items: center;
	gap: 10px;
}
footer .footer-f .footer-c img{
	max-height: 1.667vw;
}
footer .footer-f .footer-c img.img2{
	max-height: 2.292vw;
}
@media only screen and (max-width: 1220px) {
	footer{
		font-size: 14px;
		line-height: 1.2;
		padding: 15px 0;
		min-height: auto;
		height: auto;
		margin: 0 auto 0 auto;
	}
	footer a.highlighted{
		font-size: 16px;
	}
	footer .left,
	footer .right{
		width: 50%;
	}
}
@media only screen and (max-width: 999px) {
	.footer{
		padding: 30px 0;
	}
	.footer .footer-container{
		flex-wrap: wrap;
		gap: 50px;
	}
	.footer .footer-container > .ls,
	.footer .footer-container > .rs{
		width: 100%;
	}
	.footer .footer-container > .ls .logo{
		width: 320px;
		margin: 0 auto;
	}
	.footer .footer-container > .rs .tiles > div > .ico {
		font-size: 24px;
	}
	header .dofinansowanie img{
		max-height: 30px;
	}
	footer .footer-rows > div.left{
		flex-wrap: wrap;
		gap: 0 !important;
	}
	footer .footer-rows > div.left > span{
		width: 100%;
		text-align: left;
	}
	footer .footer-rows > div.right{
		text-align: left;
	}
	footer .footer-f{
		flex-wrap: wrap;
		margin: 0;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	footer .footer-f > div{
		width: 100% !important;
		text-align: center;
	}
	footer .footer-f .footer-l{
		text-align: center;
	}
	footer .footer-f .footer-l > span{
		display: block;
	}
	footer .footer-f .footer-c{
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
		margin: 10px auto;
	}
	footer .footer-f .footer-r{
		margin-top: 20px;
	}
	footer .footer-f .footer-c img{
		max-height: 40px !important;
	}
	footer .footer-f .footer-c2{
		margin: 10px auto 20px auto;
	}
	footer .footer-fd{
		gap: 20px;
		height: auto;
		flex-wrap: wrap;
	}
	footer .footer-fd img{
		height: 40px;
	}
}
@media only screen and (max-width: 768px) {
	footer{
		padding-bottom: 30px;
		padding-top: 30px;
	}
	footer .pagewidth {
		padding: 0 10px;
	}
	footer .footer-rows {
		justify-content: center;
		text-align: left;
		flex-wrap: wrap;
		gap: 0 !important;
	}
	footer .footer-rows > div.left,
	footer .footer-rows > div.right {
		text-align: left;
		width: 100%;
		justify-content: center;
	}
	footer .footer-rows > div.right .col-50{
		width: 100%;
	}
	footer .footer-fd{
		display: grid;
		grid-template-columns: 100%;
		text-align: center;
	}
	footer .footer-fd img{
		height: 70px;
		margin: 0 auto;
	}
	footer .footer-fd .sep{
		display: none;
	}
}
@media only screen and (max-width: 720px) {
	.footer .footer-container > .rs .tiles {
		flex-wrap: wrap;
		gap: 30px;
	}
	.footer .footer-container > .rs .tiles > div {
		width: calc(50% - 15px);
	}
}
@media only screen and (max-width: 420px) {
	.footer .footer-container{
		gap: 30px;
	}
	.footer .footer-container > .ls .logo{
		width: 240px;
	}
	.footer .footer-container > .rs .tiles > div {
		width: 100%;
		display: flex;
		justify-content: flex-start;
		gap: 10px;
	}
	.footer .footer-container > .rs .tiles > div .ico{
		width: 30px;
	}
	.footer .footer-container > .rs .tiles > div .dsc{
		text-align: left;
		min-width: 180px;
	}
}


#back-top a{
	display: block;
	position: fixed;
	right: 20px;
	bottom: 70px;
	overflow: hidden;
	width: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	font-family: "Font Awesome 7 Pro";
	font-style: normal;
    font-variant: normal;
	font-weight: 300;
	font-size: 48px;
	color: #fff;
	background: #4c4c4c;
	z-index: 198;
	border: 2px solid #4c4c4c;
	transition: all 0.25s ease-in-out;
}
#back-top a::before {
    content: "\f106";
}
#back-top a:hover{
	background: #112743;
	color: #fff;
	border-color: #112743;
}
body.wcag #back-top a:focus{
	background: #ff0;
	color: #000;
	border: 2px solid #ff0;
}
#go-down{
	display: block;
}
#go-down a{
	display: block;
	position: fixed;
	right: 20px;
	bottom: 20px;
	overflow: hidden;
	width: 60px;
	height: 60px;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
	font-family: "Font Awesome 7 Pro";
	font-style: normal;
    font-variant: normal;
	font-weight: 600;
	font-size: 48px;
	color: #fff;
	background: #4c4c4c;
	z-index: 198;
	transition: all 0.3s ease;
}
#go-down a::before {
    content: "\f078";
}
#go-down a:hover{
	color: #fff;
	background: #b04249;
}


/* stronicowanie */
	
.pages{ padding-top:1.5625vw;text-align:left;font-size:0.5729166666666666vw;}
.pages a,.pages span{display:inline-block;font-size:0.8854166666666666vw;color:#3e3e3e;margin:0.10416666666666667vw;height:1.6666666666666667vw;line-height:1.6666666666666667vw;vertical-align:middle;padding: 0 0.5208333333333333vw;text-decoration:none;border: 1px solid #cccccc;}
.pages a:hover{background: #4c4c4c;border: 1px solid #4c4c4c;color:#fff;}
.pages span.pages_act{background: #4c4c4c;border: 1px solid #4c4c4c;color:#fff;}
@media only screen and (max-width: 999px) {
	.pages{ padding-top:30px;font-size:11px;}
	.pages a,.pages span{font-size:17px;margin:2px;height:32px;line-height:32px;padding: 0 10px;}
}

/* sticky-btm */

.sticky-btm{position:fixed;bottom:0;left:0;width:100%;z-index:900;}
@media only screen and (max-width: 999px) {
	.sticky-btm{bottom:70px;}
}

/* PWA button */

#pwa-install{display:none;position:relative;background:#fff;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 1);padding:30px 0;margin:0 auto;width:auto;color:#000;font-size:20px;text-align:center;}
#pwa-install .info{display:flex;align-items:center;justify-content:center;}
#pwa-install .info .homescreen-logo{margin-right:10px;height:36px;}
#pwa-install .buttons{display:flex;margin-top:15px;align-items:center;justify-content:center;}
#pwa-install .buttons > div{margin-right:20px;}
#pwa-install .buttons > div:last-child{margin-right:0;}
#pwa-install #pwa-install-button{position:relative;cursor:pointer;margin:0;padding:5px 20px;background:#4c4c4c;border:0;color:#fff;display:inline-block;font-size:18px;}
#pwa-install #pwa-close-button{position:relative;color:#4c4c4c;font-size:18px;}

/* cookie-info-bar */

#cookie-info-bar{display: block;width:100%;margin: 0 auto;bottom:0;padding: 20px 20px 20px 20px;z-index:1000;text-align:left;background:#323131;position:relative;font-size: 12px;line-height: 16px;color:#fff;border:0;}
#cookie-info-bar a.policy_link{color:inherit;font-size: 12px;text-decoration: underline;}
#cookie-info-bar a#cookie_action_button{color:#4c4c4c;display: block;float: right;border: 0;margin: 0 0 10px 10px;cursor:pointer; font-size:20px; }

@media only screen and (max-width: 1220px) {
	#cookie-info-bar{
		width: 100%;
		bottom: 0;
		right: auto;
	}
}

/* opcje dodatkowe dokumentu */

.navs-bottom{
	position: relative;
	clear: both;
	display: flex;
	justify-content: space-between;
	margin: 50px 0 20px 0;
	padding: 20px 0 10px 0;
	color: #464242;
	vertical-align: middle;
	border-top: 1px solid #cccccc;
}
.navs-bottom a {
	position: relative;
	display: flex;
	align-items: center;
	color: #4c4c4c;
	padding: 0 5px 0 0;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
}
.navs-bottom .left{
	float: left;
}
.navs-bottom .right{
	float: right;
}
.navs-bottom i, .navs-bottom em{
	transition: all 0.35s ease-in-out;
}
.navs-bottom .left i, .navs-bottom .left em{
	padding-right: 10px;
}
.navs-bottom .share{
	position: relative;
}
.navs-bottom .share i, .navs-bottom .share em{
	display: block;
	float: right;
	top: 0;
	background: #b04249;
	color: #fff;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border-radius: 2px;
}
.navs-bottom .right i:hover, .navs-bottom .right em:hover{
	background: #ff4d00;
}
.navs-bottom #history_back.hidden{
	display: none;
}


/* tabela lista revisions */

table.revisions{
	width: 100%;
	border-collapse: collapse;
	border: 0;
	margin: 30px 0 10px 0;
}
table.revisions th{
	border-bottom: 1px solid #7F7F7F;
	font-weight: bold;
	padding: 5px 0 3px 0;
	vertical-align: middle;
}
table.revisions td{
	border-bottom: 1px solid #7F7F7F;
	padding: 5px 0;
	vertical-align: middle;
	color: #686869;
}


/* mapa serwisu */

.mapa{
	margin: 0 0 20px 0;
}
.mapa .m2{
	padding-left: 20px;
}
.mapa .m3{
	padding-left: 40px;
}
.mapa table{
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}
.mapa table td{
	width: 33%;
	vertical-align: top;
}


.podstrona.search h3 {
    font-weight: 500;
	margin: 30px 0 30px 0;
	font-size: 30px;
}
.podstrona.search .search_form {
	position: relative;
	padding: 0;
}
.podstrona.search .search_form .ft {
	color: #4c4c4c;
	font-weight: 500;
	font-size: 0.9375vw;
}

.podstrona.search .search_form form input[type=text]{
	position: relative;
	padding: 0 10px;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	border: 1px solid #e8e8e9;
	background: #fff;
	box-sizing: border-box;
	width: 400px;
	max-width: calc( 100% - 150px );
}
.search_results{
	margin: 20px 0;
}
.search_results .result{
	margin: 0 0 20px 0;
}
.search_results .result .pr{
	color: #8b8b8b;
}
.search_results a{
	color: #000;
	font-size: 18px;
	font-weight: 600;
}
.search_results a i{
	color: #4c4c4c;
	font-size: 12px;
}
.search_results .date{
	font-size: 14px;
	line-height: 25px;
	color: #777;
}
.search_results .date i {
    font-size: 14px;
    color: #36454f;
    padding: 0 5px 0 0;
	opacity: 0.5;
}

.button_logowanie{
	display: block;
	padding: 0 10px;
	background: #2b2424;
	margin: 1px auto 20px auto;	
}
.button_logowanie:hover{
	text-decoration: none;
}


/* formularze */

.formularz .left{
	float: left;
	width: 48%;
	margin-right: 2%;
}
.formularz .right{
	float: left;
	width: 50%;
	text-align: right;
}
.formularz .er{
	height: 18px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
}
.formularz .er label{
}
.formularz table{
	background: #fff;
	color: #000;
	max-width: 400px;
	margin: 0 auto;
	padding: 20px 0;
	border-radius: 5px;	
}
.formularz table td{
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
}
.formularz table td.l{
	text-align: right;
	padding-right: 10px;
	line-height: 46px;
	vertical-align: middle;
}
.formularz table td.r{
	text-align: left;
	width: 230px;
}
.formularz div.error, .formularz span.error, .formularz label.error{
	display: inline-block;
	position: relative;
	color: red;
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
}
.formularz.formularz_kontaktowy div.error::before{
	display: none;
	position: relative;
	font-family: "Font Awesome 7 Pro";
	font-weight: 900;
	content: '\f357';
	margin-right: 7px;
}
.formularz input[type=text], .formularz input[type=password]{
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
	padding: 8px 11px;
	font-size: 0.8333333333333334vw;
	font-weight: 300;
	background: #fff;
	color: #000;
	box-sizing: border-box;	
	font-family: inherit;
}
.formularz input[type=text].error,
.formularz input[type=password].error,
.formularz textarea.error{
	border: 2px solid red !important;
}
.formularz input[type=radio].error{
	outline: 2px solid red !important;
}
.formularz input[type=checkbox].error{
	outline: 2px solid red;
}
.formularz textarea{
	display: block;
	font-family: inherit;
	width: 100%;
	padding: 13px 11px;
	border: 1px solid #d3d3d3;
	border-radius: 2px;
	box-shadow: 0 0 4px 1px rgba(0,0,0,0.08);
	margin: 0;
	font-size: 0.8333333333333334vw;
	font-weight: 300;
	background: #fff;
	color: #000;
	height: 99px;
	resize: none;
	overflow-y: auto;
}
.formularz select{
	width: 96%;
	border: 0;
	padding: 5px 2%;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
	background: #f2f2f2;
	color: #4f4f4f;
}
.formularz input[type=submit]{
	cursor: pointer;
}
.formularz textarea.error{
	border: 1px solid red;
}
.formularz select.error{
	border: 1px solid red;
}
body.wcag .formularz input[type=text]:focus, 
body.wcag .formularz input[type=password]:focus,
body.wcag .formularz textarea:focus,
body.wcag .formularz select:focus{
	background: #ff0;
	color: #000;
}
.formularz .title{
	text-align: center;
	padding-bottom: 20px;
}
.formularz .checkbox{
	position: relative;
	line-height: 0.8;
}
.formularz .checkbox input[type=checkbox]{
	margin: 0 3px 0 0;
	cursor: pointer;
}
.formularz .checkbox label{
	position: relative;
	font-size: 0.625vw !important;
	cursor: pointer;
	line-height: 1.2;
	text-transform: none;
}
.formularz .checkbox.custom input[type=checkbox]{
	margin: 0 3px 0 0;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	background: #fff;
	width: 1.14em;
	height: 1.14em;
	transform: translateY(-0.075em);
	vertical-align: middle;
}
.formularz .checkbox.custom input[type="checkbox"]::before {
	display: block;
	content: "";
	width: 0.70em;
	height: 0.70em;
	margin: 0.22em 0 0 0.22em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	transform-origin: bottom left;
	box-shadow: inset 1em 1em #385273;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}
.formularz .checkbox.custom input[type="checkbox"]:checked::before {
	transform: scale(1);
}
.formularz .checkbox label a{
	font-size: 0.625vw !important;
}
.logowanie, .rejestracja {
    width: 440px;
    margin: 0 auto;
}
.logowanie a{
	color: #015A9E;
}
form#logowanie, form#rejestracja{
	border: 1px solid #0085c9;
	padding: 20px 0;
}
.zalogowany{
	padding: 0 0 10px 0;
}
.formularz .alert_error{
	color: red;
	text-align: center;
	margin: 5px 20px;
	padding: 10px 10px;
	border: 1px solid red;
	background: #feebeb;
}
.formularz .alert_ok{
	color: #008000;
	text-align: center;
	margin: 5px 20px;
	padding: 10px 10px;
	border: 0;
	background-color: #EBFEEC;
}
.formularz .tab{
	display: table;
	width: 100%;
}
.formularz .tab .td{
	display: table;
	width: 100%;
}
.formularz .tab .r1{
	display: table-cell;
	padding-right: 10px;
	width: 32%;
}
.formularz .tab .r2{
	display: table-cell;
	padding: 0 0 0 0;
	width: 46%;
}
.formularz .tab .r3{
	display: table-cell;
	width: 100%;
}
.formularz .tab .n{
	margin-bottom: 5px;
	color: #a0a0a0;
}
.formularz .tr{
	display: table;
	margin: 0 auto;
}
.formularz .r1, .formularz .r2, .formularz .r3, .formularz .r4{
	display: block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
.formularz .tr .r1, .formularz .tr .r2, .formularz .tr .r3{
	display: table-cell;
}
.formularz .tr .r3{
	text-align: right;
}
.formularz .ibg{
	display: inline-block;
	background: #36454f;
	color: #fff;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	padding: 0 12px;
}
.formularz .ibg span{
	display: inline-block;
	color: #9aa2a7;
	padding-right: 10px;
}
.formularz .fleft{
	float: left;
}
.formularz .fright{
	float: right;
}
.formularz .buttons{
	position: relative;
	text-align: left;
}
.formularz .buttons button{
	margin-right: 9px;
}
.formularz .buttons button:last-child{
	margin-right: 0;
}
.formularz .captcha-r1{
	float: left;
	margin-right: 10px;
}
.formularz .captcha-r2{
	float: left;
}
.formularz .captcha-r2 input[type=text]{
	width: 170px;
	margin-right: 10px;
}
.formularz.zapytaj{
	padding: 20px 0 20px 0;
}
.formularz.zapytaj .r2{
    padding: 0 20px;
}

.formularz input[type="file"] {
    display: none;
}
.formularz .custom-file-upload {
    border: 1px solid #36454f;
	background: #36454f;
	color: #fff;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	overflow: hidden;
}
.formularz .custom-file-upload i{
	padding-right: 10px;
}
.formularz.lay2{
	margin: 20px 0 0 0;
}
.formularz.lay2 input[type=text],
.formularz.lay2 textarea,
.formularz.lay3 input[type=text],
.formularz.lay3 textarea{
	border: 1px solid #d3d3d3;
	padding: 13px 15px;
}
.formularz.lay3 textarea{
	height: 116px;
}
.formularz.lay3 h2.title{
	padding: 10px 0 30px 0;
	text-align: left;
	font-family: inherit;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.formularz.form_cadidates form{
	padding-bottom: 10px;
}
.formularz .tab .r25,
.formularz .tab .r50,
.formularz .tab .r100{
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
}
.formularz .tab > div:first-child{
	padding-left: 0;
}
.formularz .tab .r25{
	width: 25%;
}
.formularz .tab .r50{
	width: 50%;
}
.formularz .tab .r100{
	width: 100%;
}
@media only screen and (max-width: 1220px) {
	.formularz.lay3 h2, 
	.formularz.lay3 .tab .r25,
	.formularz.lay3 .tab .r50,
	.formularz.lay3 .tab .r100{
		display: block;
		width: 100%;
		padding-left: 0 !important;
	}
	.formularz.zapytaj .r2{
		padding: 0;
	}
	.formularz .tab .r1, .formularz .tab .r2, .formularz .tab .r3{
		padding: 0;
		display: block;
		width: 100%;
	}
	.formularz .fleft{
		float: none;
	}
	.formularz .fright{
		float: none;
	}
	.formularz .ibg{
		display: block;
	}
	.formularz .custom-file-upload{
		width: 100%;
	}
	.formularz .buttons{
		width: 100%;
		float: none;
		clear: both;
	}
	.formularz input[type=text], .formularz input[type=password]{
		padding: 5px 11px;
		font-size: 15px;
	}
	.formularz textarea{
		padding: 5px 11px;
		font-size: 15px;

	}
	.formularz .checkbox label, .formularz .checkbox label a{
		font-size: 10px !important;
	}
	.formularz .er{
		height: 15px;
		line-height: 15px;
	}
	#formularz_kontaktowy .container{
		padding: 0 20px 20px 20px !important;
	}
	.formularz .tab{
		display: block;
	}
	.formularz textarea{
		height: 69px;
	}
}
.formularz.zapytaj textarea, .formularz.zapytaj button{
	box-sizing: border-box;	
}


/* galeria */

.galeria{
	position: relative;
	padding: 0 0 5.208vw 0;
	margin: 0 auto;
}
.galeria .galeria-grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
	margin-top: 20px;
}
.galeria .row{
	position: relative;
	width: calc( 25% - 15px );
	padding: 0;
	box-sizing: border-box;
	text-align: center;
}
.galeria .row .kw{
	position: relative;
	display: block;
	width: 100%;
	height: 260px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
	transition: all .3s ease;	
	background: #f5f5f5;
}
.galeria.pn .row .kw{
	height: 260px;
}
.galeria .row .kw .photo{
	position: relative;
	height: 100%;
	vertical-align: middle;
	overflow: hidden;
}
.galeria .row .kw .photo img{
	position: relative;
	width: 100%;
	height: 100%;
	transition: all .3s ease;
	opacity: 1;	
	object-fit: cover;
}
.galeria .row .kw .title{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	background: rgba(68, 201, 223, 1);
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	padding: 15px 10px 10px 10px;
	line-height: 1.1;
	min-height: 60px;
	border-top-left-radius: 50% 15px;
	border-top-right-radius: 50% 15px;
	transition: all .3s ease;
}
.galeria .row .kw .date{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	background: rgba(31,26,23,1);
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	padding: 10px 10px;
	line-height: 1;
	border-bottom-left-radius: 50% 15px;
	border-bottom-right-radius: 50% 15px;
	transition: all .3s ease;
}
.galeria .row .kw .date > span{
	padding-left: 5px;
}
.galeria .collage {
    display: none;
}

.galeria .row .kw:hover .photo img{
	transform: scale(1.2);
	filter: grayscale(100%);
	opacity: 1;		
}
.galeria .row .kw:hover .title{
	background: rgba(68, 201, 223, 0.8);
	padding: 20px 10px;
	min-height: 80px;
}
.galeria .row .kw:hover .date{
	background: rgba(31,26,23,0.8);
	padding: 20px 10px;
}

.galeria .zobacz_wszystkie{
	margin: 20px auto 0 auto;
	text-align: center;
}
.galeria #gallery{
	padding: 10px 0;
	margin-top: 10px;
}
.galeria #gallery img{
	/*filter: grayscale(100%);*/
}
.galeria #gallery .ug-thumb-wrapper:hover img{
	filter: none;
}
@media only screen and (max-width: 1681px) {
	.galeria .row .kw{
		height: 240px;
	}
	.galeria.pn .row .kw{
		height: 250px;
	}
}
@media only screen and (max-width: 1386px) {
	.galeria .row {
		width: calc( 33.3333% - 15px );
	}
	.galeria .row .kw{
		height: 215px;
	}
	.galeria.pn .row .kw{
		height: 210px;
	}
}
@media only screen and (max-width: 1250px) {
	.galeria .galeria-grid{
		justify-content: space-between;
	}
	.galeria .row {
		width: calc( 50% - 10px );
	}
	.galeria .row .kw{
		height: 310px;
	}
}
@media only screen and (max-width: 1220px) {
	.galeria .row .kw{
		height: 260px;
	}
}
@media only screen and (max-width: 570px) {
	.search #search_form input[type="text"]{
		font-size: 14px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.galeria{
		padding-bottom: 50px;
	}
	.galeria .row {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.galeria .row .kw{
		height: 260px;
	}
}
@media only screen and (max-width: 360px) {
	.galeria .row .kw{
		height: 210px;
	}
	.galeria .row .kw .title {
		font-size: 14px;
	}
}

.galeria-album{
	padding: 10px 0;
	line-height: 1;
}
.galeria-album .galeria-album-wrapper{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
.galeria-album .galeria-album-wrapper .el{
	height: 150px;
}
.galeria-album .galeria-album-wrapper .el img{
	max-height: 100%;
}

.btn{
	overflow:hidden;
	position:relative;
	display:inline-block;
	padding:12px 42px;
	margin-bottom:0;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	background: #4c4c4c;
	z-index:1;
	border:0;
	transition: 0.2s all ease-in-out;
	font-family: inherit;
	transition: all 0.1s ease-in-out;
}
.btn.gray{
	background: #6a6767;
	padding:12px 30px;
}
.btn:hover{
	background: #4c4c4c;
}
.btn.gray:hover, .btn.gray:focus{
	background: #fff;
	color: #000;
}

.lognav{
	display: block;
	width: 100%;
	background: #fff;
	color: #000;
	font-size: 16px;
	margin: -30px auto 30px auto;
	padding: 10px 0;
	text-align: left;
}
.lognav span{
	display: inline-block;
	padding-right: 5px;
}
.lognav a{
	font-size: 16px;
	padding: 0 5px;
	transition:.3s;
	white-space: nowrap;
}
/* .lognav a:hover{
	color: #fff;
	background: #ff4d00;
} */

.moje-wideo table.lista{
	width: 100%;
	border-collapse: collapse;
	margin: 30px 0 10px 0;
}
.moje-wideo table.lista th{
	border: 1px solid #70716c;
	background: #bfbfbf;
	border-collapse: collapse;
	padding: 5px;
	text-align: center;
}
.moje-wideo table.lista td{
	border: 1px solid #70716c;
	border-collapse: collapse;
	background: #fff;
	padding: 5px;
	text-align: center;
}

.newsletter{
	position: relative;
	background: #ececec;
	color: #1a1a1a;
	font-size: 0.781vw;
	font-weight: 300;
	padding: 4.688vw 0;
	line-height: 1.5;
}
.newsletter .newsletter-w{
	padding: 0 7.292vw;
}
.newsletter .newsletter-t{
	font-size: 1.25vw;
	text-transform: uppercase;
}
.newsletter .newsletter-d{
	font-weight: 300;
	line-height: 2;
	margin-top: 3.125vw;
}
.newsletter .newsletter-f{
	display: flex;
	justify-content: space-between;
}
.newsletter .newsletter-f .newsletter-l{
	width: 28vw;
}
.newsletter .newsletter-f .newsletter-r{
	width: 26.042vw;
}
.newsletter .newsletter-n-f{
	margin-top: 1.563vw;
}
.newsletter_form .newsletter_consent{
	margin-top: 1.563vw;
}
.newsletter_form .newsletter_consent input,
.newsletter_form .newsletter_consent label{
	cursor: pointer;
	user-select: none;
}
@media only screen and (max-width: 999px) {
	.newsletter{
		padding: 40px 0;
		font-size: 14px;
	}
	.newsletter .newsletter-w{
		padding: 0;
	}
	.newsletter .newsletter-f{
		flex-wrap: wrap;
		gap: 20px;
	}
	.newsletter .newsletter-t{
		font-size: 18px;
	}
	.newsletter .newsletter-d{
		font-size: 14px;
		line-height: 1.5;
	}
	.newsletter .newsletter-f .newsletter-l,
	.newsletter .newsletter-f .newsletter-r{
		width: 100%;
		margin-top: 0;
	}
	.newsletter .newsletter-n-f{
		margin-top: 10px;
	}
	.newsletter_form .newsletter_consent{
		margin-top: 10px;
		font-size: 13px;
	}
}
@media only screen and (max-width: 480px) {
	.newsletter .newsletter-wrapper{
		margin: 0;
	}
}

#newsletter_form{
	position: relative;
	text-align: left;
	width: 100%;
}
#newsletter_form a{
	color: inherit;
	text-decoration: underline;
}
#newsletter_form a:hover{
	color: #112743;
	text-decoration: none;
}
#newsletter_form .info{
	font-size: 22px;
	margin-bottom: 10px;
}
#newsletter_form input[type=text]{
	float: left;
	width: 65%;
	height: 2.604vw;
	line-height: 2.604vw;
	vertical-align: middle;
	text-align: left;
	background: #fff;
	color: #000;
	font-size: 0.833vw;
	padding: 0 20px;
	border: 0;
	margin: 0;
	box-sizing: border-box;
}
#newsletter_form input[type=submit],
#newsletter_form button{
	float: left;
	width: auto;
	height: 2.604vw;
	line-height: 2.604vw;
	vertical-align: middle;
	text-align: center;
	background: #4c4c4c;
	color: #fff;
	padding: 0 15px;
	border: 0;
	margin: 0 0 0 -10px;
	font-size: 0.833vw;
	cursor: pointer;
	box-sizing: border-box;
	white-space: nowrap;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#newsletter_form button{
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
}
#newsletter_form input[type=submit]:hover,
#newsletter_form button:hover{
	background: #112743;
	color: #fff;
}
#newsletter_form .error{
	color: red;
	text-align: left;
	font-size: 12px;
}
@media only screen and (max-width: 999px) {
	#newsletter_form input[type="text"]{
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	#newsletter_form input[type=submit],
	#newsletter_form button{
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	#newsletter_form button{
		gap: 7px;
	}
}

#menu-kategorie-top{
	position: absolute;
	margin: -49px 0 0 0;
	text-align: center;
	height: 49px;
	line-height: 49px;
	vertical-align: middle;
	width: 100%;
	display: block;
	background: #ff4d00;
	border-bottom: 3px solid #36454f;
	z-index: 4;
	transition: all 0.35s ease;	
}
#menu-kategorie-top * {
	list-style: none;
}
#menu-kategorie-top ul {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 101;
	top: 0;
	margin: 0;
	padding: 0;
}
#menu-kategorie-top li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 0 0 9px;
	padding: 0;
	vertical-align: top;
	width: auto;
	height: 49px;
	line-height: 49px;	
	color: #fff;
	font-weight: 400;
	font-size: 18px;
}
#menu-kategorie-top li.wybierz{
	background: #36454f;
	margin: 0;
	padding: 0 15px;
	height: 49px;
	line-height: 49px;	
	border-bottom: 3px solid #ff4d00;
}
#menu-kategorie-top li:before{
	content: '';
	display: block;
	position: absolute;
	margin-left: -9px;
	width: 9px;
	height: 49px;
	transition: all 0.35s ease;	
}
#menu-kategorie-top li:before:first-child{
	display: none;
}
#menu-kategorie-top li:nth-child(2){
	margin: 0 0 0 0;
}
#menu-kategorie-top li:nth-child(2)::before{
	display: none !important;
}
#menu-kategorie-top li.wybierz:before{
	display: none !important;
}
#menu-kategorie-top li a{
	display: block;
	position: relative;
	border: 0;
	margin: 0;
	top: 0;
	padding: 0 15px;
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	height: 49px;
	line-height: 49px;	
	vertical-align: top;
	border-bottom: 3px solid #36454f;
}
#menu-kategorie-top.fixed{
	position: fixed;
	top: 49px;
	margin: 0;
}

/* menu kategorie */

div#menu-kategorie{
	display: block;
	margin: 0 auto 30px auto;
	width: 100%;
	padding: 0;		
}
div#menu-kategorie ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	text-align: left;
}
div#menu-kategorie ul li{
	position: relative;
	list-style: outside none none;
	margin: 0;
	background: none repeat scroll 0% 0% transparent;
	margin-bottom: 10px;
	overflow: hidden;
	
}
div#menu-kategorie ul li a{
	position: relative;
	width: 100%;
	height: 42px;
	line-height: 42px;
	vertical-align: middle;
	color: #000;
	display: block;
	text-align: left;
	font-size: 20px;
	background: none;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
	transition: 0.2s ease-in-out;
}
div#menu-kategorie ul li a.active,
div#menu-kategorie ul li a:hover{
	background: #fd7e14;
	color: #fff;
	text-decoration: none;
}
div#menu-kategorie ul ul{
	background: none;
	padding: 5px 0;
	margin-bottom: -15px;
}
div#menu-kategorie ul ul li{
	padding: 0;
}
div#menu-kategorie ul ul li a{
	position: relative;
	font-size: 14px;
	font-weight: normal;
	background: transparent;
	color: #000;
	text-align: left;
	height: auto;
	line-height: 1;
	margin-left: 20px;
	width: 90%;
	text-shadow: none;
	min-height: 35px;
	display: flex;
	align-items: center;
	padding: 5px 10px;
}
div#menu-kategorie ul ul li a.active{
	background: transparent;
	color: #fd7e14;
}
div#menu-kategorie ul ul li.active > a{
	background: #fd7e14;
	color: #fff;
}
div#menu-kategorie ul ul li a.active:before{
	margin-right: 10px;
	margin-left: -10px;
	color: #fd7e14;
}
div#menu-kategorie ul ul ul li a:before {
    content: "";
	padding-left: 15px;
}
div#menu-kategorie ul ul ul li a.active:before {
    content: "";
}
div#menu-kategorie ul li a:after {
    content: "";
}
div#menu-kategorie a span.hx {
	position: relative;
	display: inline-block;
	width: 20px !important; 
	min-width: 20px;
	height: 11.55px;
	background-color: #fd7e14;
	margin: 0;
}
div#menu-kategorie a span.hx:before,
div#menu-kategorie a span.hx:after {
	content: "";
	position: absolute;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
div#menu-kategorie a span.hx:before {
	bottom: 100%;
	border-bottom: 5.77px solid #fd7e14;
}
div#menu-kategorie a span.hx:after {
	top: 100%;
	width: 0;
	border-top: 5.77px solid #fd7e14;
}
div#menu-kategorie a.active span.hx,
div#menu-kategorie a:hover span.hx,
div#menu-kategorie li.active a span.hx{
	background-color: #5b5758;
}
div#menu-kategorie a.active span.hx:before,
div#menu-kategorie a:hover span.hx:before,
div#menu-kategorie li.active a span.hx:before {
	border-bottom: 5.77px solid #5b5758;
}
div#menu-kategorie a.active span.hx:after,
div#menu-kategorie a:hover span.hx:after,
div#menu-kategorie li.active a span.hx:after {
	border-top: 5.77px solid #5b5758;
}
div#menu-kategorie a span.nazwa{
	display: inline-block;
	position: relative;
	margin-left: 10px;
}

.item-group .title{
	font-size: 28px;
	font-weight: 500;
	text-align: center;
}
.item-group .title i{
	color: #ff4d00;
	padding-right: 15px;
}
.item-group .desc{
	margin: 15px 0 0 0;
	line-height: 1.2;
}

ul.products_list {
    position: relative;
    display: block;
    margin: 0;
    margin-right: 0;
    margin-left: 0;
    margin-left: -9px;
    margin-right: -9px;
    list-style: none;
    padding: 0 0 0 0;
}
ul.products_list li.item {
	position: relative;
    width: 25%;
	text-align: center;
	padding: 0 9px 24px;
	list-style: none;
	float: left;
}
ul.products_list li.item a{
	position: relative;
	display: block;
	padding: 20px 10px 20px 10px;
}
ul.products_list li.item > .row {
    position: relative;
	display: block;
	text-align: center;
    background-color: #fff;
	height: 100%;
	min-height: 100%;
	transition: all 0.3s ease-in-out;
}
ul.products_list li.item > .row .photo{
	display: block;
	position: relative;
	padding: 0;
	margin: 10px auto 0 auto;
	text-align: center;
	width: 90%;
	height: 250px;
	line-height: 250px;
	vertical-align: middle;
	transition: all 0.2s ease-in 0s;
}
ul.products_list li.item > .row .photo img{
	vertical-align: middle;
	max-height: 100%;
	transition: all 0.3s ease-in-out;
}
ul.products_list li.item > .row:hover .photo img{
	transform: scale(1.1);
}
ul.products_list li.item > .row .title{
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 1.2;
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	vertical-align: middle;
	overflow: hidden;
	color: #504d4d;
	text-decoration: none;
	z-index: 2;
	transition: all 0.3s ease-in 0s;
}
ul.products_list li.item > .row .titles {
    position: relative;
    display: block;
    height: 80px;
    overflow: hidden;
}
ul.products_list li.item > .row .title a{
	display: block;
	font-size: 18px;
	font-weight: 700;
	color: #504d4d;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
}
ul.products_list li.item > .row:hover .title a{
	color: #000;
}
ul.products_list li.item > .row .subtitle{
	display: table;
	width: 100%;
	position: relative;
	color: #ff4d00;
	font-weight: 600;
	padding: 0;
	text-align: center;
	border-top: 0;
	transition: all 0.3s ease-in 0s;
}
ul.products_list li.item > .row .info{
	display: block;
	padding: 0 0 15px 0;
	min-height: 93px;
}
ul.products_list li.item > .row .info .bt{
	float: left;
	width: 50%;
	padding: 5px 2.5px 0 2.5px;
	cursor: default;
}
ul.products_list li.item > .row .info .bt span{
	display: block;
	background: #f2b13c;
	text-transform: uppercase;
	color: #312f2f;
	font-weight: 700;
	font-size: 11px;
	text-align: center;
	padding: 6px 3px 3px 3px;
	cursor: default;
	transition: all 0.3s ease-in 0s;
}
ul.products_list li.item > .row .info .bt span:hover{
	color: #000;
}
.ui-tooltip.bt-hover{
	background: #c10000;
	color: #fff;
	border: 0 !important;
	border-radius: 0;
	box-shadow: none;
	
	font-weight: 400;
	font-size: 16px;
}
@media only screen and (min-width: 2500px) {
	ul.product.products_list li.item {
		width: 33.33%;
	}
}
@media only screen and (max-width: 1940px) {
	ul.products_list li.item {
		width: 50%;
	}
}
@media only screen and (max-width: 1620px) {
	ul.products_list li.item {
		width: 50%;
	}
}
@media only screen and (max-width: 1380px) {
	ul.products_list li.item {
		width: 50%;
	}
	.item-group{
		width: 220px;
		height: 220px;
	}
}
@media only screen and (max-width: 1100px) {
	.item-group{
		width: 200px;
		height: 200px;
	}
	ul.products_list li.item {
		width: 50%;
	}
}

@media only screen and (max-width: 1220px) {
	.item-group{
		width: 170px;
		height: 170px;
	}
	.right-side .item-group .title{
		font-size: 22px !important;
	}
}

@media only screen and (max-width: 768px) {
	ul.products_list li.item {
		width: 100%;
	}
}

.products_list td{
	width: 33.33%;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 50px;
	vertical-align: top;
}
.products_list td:last-child{
	padding-left: 20px;
	padding-right: 0;
}
.products_list td:first-child{
	padding-left: 0;
	padding-right: 20px;
}
.products_list td .row{
	position: relative;
	max-width: 452px;
	margin: 0 auto;
	background: #fff;
}
.products_list td:first-child .row, .products_list td:last-child .row{
	margin: 0;
}
.products_list td .row .info{
	position: relative;
	width: 100%;
	height: 35px;
	margin: 1px 0 0 0;
	z-index: 4;
}
.products_list td .row .info .cena, .products_list td .row .info .czas{
	position: relative;
	display: table;
	float: right;
	margin: 0;
	padding: 0;
	height: 35px;
}
.products_list td .row .info .czas{
	margin-left: 1px;
}
.products_list td .row .info a{
	position: relative;
	display: inline-block;
	height: 35px;
}
.products_list td .row .info .details, .products_list td .row .info .koszyk{
	position: relative;
	display: table;
	float: right;
	margin: 0 0 0 0;
	padding: 0;
	height: 35px;	
}
.products_list td .row .info .ico{
	position: relative;
	display: table-cell;
	height: 35px;
	width: 35px;
	background: #e50101;
	color: #fff;
	font-size: 24px;
	font-family: "Font Awesome 7 Pro";
	border-bottom: 0;
	vertical-align: middle;
	text-align: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
.products_list td .row .info .koszyk .ico::before {
    content: "\f07a";
}
.products_list td .row .info .cnt{
	position: relative;
	display: table-cell;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	text-align: center;
	background: #e0e0e0;
	color: #000;
	font-size: 16px;
	border: 1px solid #c5c3c3;
	border: 0;
	padding: 0 10px;
}
.products_list td .row .photo{
	position: relative;
	padding: 0;
	text-align: center;
	width: 100%;
	height: 302px;
	line-height: 302px;
	vertical-align: middle;
	background: #fff;
	overflow: hidden;
	transition: all 0.2s ease-in 0s;
}
.products_list td .row .photo .share{
	position: absolute;
	left: 1px;
	top: 0;
	z-index: 4;
}
.products_list td .row .photo .share a{
	width: 27px;
	height: 27px;
	margin-top: 1px;
}
.products_list td .row .photo .share a:hover{
	width: 30px;
}
.products_list td .row .photo .share i{
	position: relative;
	background: #222222;
	color: #fff;
	margin-right: 1px;
	width: 100%;
	height: 27px;
	line-height: 27px;
	vertical-align: top;
	text-align: center;
	font-size: 14px;
	transition: all 0.3s ease;
}
.products_list td .row .photo .share i.fa-facebook{
	background: #4267b2;
}
.products_list td .row .photo .share i.fa-twitter{
	background: #5bced8;
}
.products_list td .row .photo .share i.fa-google-plus{
	background: #df4a32;
}
.products_list td .row .zapytaj{
	margin: 0 auto 0 auto;
	text-align: right;
}
.products_list td .row .zapytaj a{
	display: inline-block;
	background: #36454f;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	letter-spacing: 0;
	transition: all 0.2s ease;
	width: 170px;
}
.products_list td .row .zapytaj:hover a{
	background: #ff4d00;
	letter-spacing: 1px;
	width: 100%;
}
@media only screen and (max-width: 1386px) {
	.products_list td .row .photo{
		height: 260px;
		line-height: 260px;
	}
}
@media only screen and (max-width: 1290px) {
	.products_list td .row .photo{
		height: 240px;
		line-height: 240px;
	}	
}
@media only screen and (max-width: 990px) {
	.products_list td{
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 50px;
		vertical-align: top;
	}
	.products_list td:first-child, .products_list td:last-child {
		padding-left: 0;
		padding-right: 0;
	}
	.products_list td .row{
		margin: 0 auto !important;
	}
	.products_list td .row .photo{
		height: 302px;
		line-height: 302px;
	}	
}
@media only screen and (max-width: 480px) {
	.products_list td .row .info {
		height: 36px;
	}
	.products_list td .row .info .ico{
		width: 36px;
		height: 36px;
	}
	.products_list td .row .info .cena, .products_list td .row .info .czas, .products_list td .row .info .details, .products_list td .row .info .koszyk {
		height: 36px;
	}
	.products_list td .row .info .cnt {
		height: 36px;
		font-size: 14px;
	}
}
.products_list td .row .photo .bg{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;	
	transition: all 0.1s ease-in 0s;
}
.products_list td .row .photo .bghover{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	transition: all 0.2s ease-in 0s;
}
.products_list td .row .photo a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.products_list td .row .photo:hover{
}
.products_list td .row .photo:hover .bghover{
	opacity: 0.5;
}
.products_list td .row .photo:hover .bg{
	opacity: 0.5;
	transition: all 0.2s ease-in 0s;
	transform: scale(1.1) rotate(3deg);
}
.products_list td .row .photo img{
	position: relative;
	vertical-align: middle;
	text-align: center;
	padding: 20px;
	max-width: 100%;
	max-height: 100%;
	transition: all 0.2s ease-in 0s;
	z-index: 1;
	opacity: 1;
	transform:scale(1);	
}
.products_list td .row .photo:hover img{

}
.products_list td .row .buttons{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	min-height: 20px;
	text-align: left;
}
.products_list td .row .buttons .nowosc, .products_list td .row .buttons .promocja, .products_list td .row .buttons .popularne{
	position: relative;
	display: inline-block;
	background: #e50101;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	margin: 0 0 0 1px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	transition: all 0.2s ease-in 0s;
	z-index: 2;
	text-align: center;
}
.products_list td .row .title{
	display: table;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 1.2;
	text-align: center;
	font-size: 22px;
	font-weight: 500;
	vertical-align: middle;
	overflow: hidden;
	color: #504d4d;
	text-decoration: none;
	z-index: 2;
	transition: all 0.3s ease-in 0s;
}
.products_list td .row .title a{
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
	color: #504d4d;
	text-decoration: none;
	transition: all 0.3s ease-in 0s;
}
.products_list td .row .subtitle{
	display: table;
	width: 100%;
	position: relative;
	color: #000;
	padding: 0;
	text-align: center;
	border-top: 0;
}
.products_list td .row .subtitle .cell{
	display: table-cell;
	vertical-align: middle;
}
.products_list td .row .options{
	display: block;
	padding: 5px 0 5px 0;
	margin: 5px auto 0 auto;
	vertical-align: middle;
	text-align: center;
}
.products_list td .row .cena{
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	padding: 0 10px;
	margin: 0 -4px 0 0;
	text-align: center;
}
.products_list td .row .przecena{
	display: inline-block;
	text-decoration: line-through;
	color: #bc232f;
	padding: 0 5px;
	font-size: 18px;
	vertical-align: middle;
	margin: 0 0 5px 0;
}
.products_list .lupa{
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	width: 30px;
	text-align: center;
	color: #ac282c;
	font-size: 40px;
	line-height: 1;
	opacity: 0;
	z-index: 2;
	transition: all 0.2s ease-in 0s;
}
.products_list td .row .photo:hover .lupa{
	opacity: 1;
	font-size: 40px;
}
.products_list a.koszyk{
	display: inline-block;
	float: right;
	width: 40%;
	color: #e50101;
	font-size: 14px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	text-align: right;
	transition: all 0.2s ease-in 0s;
}
.products_list a.koszyk:hover{
	color: #352f2f;
}
.products_list a.koszyk i.fa{
	font-size: 18px;
}
.product{
	padding: 20px 0;
}
.product .title h2{
	position: relative;
	color: #fff;
	font-size: 24px;
	margin: 0 0 20px 0;
	padding: 13px 20px 13px 115px;
	min-height: 60px;
	font-weight: 500;
	background: #505050;
	text-align: left;
}
.product .title h2::before {
    position: absolute;
	bottom: 0;
    left: 0;
    width: 50px;
    height: 100%;
    content: '';
	background: #ff4d00;
}
.product .title h2::after {
    position: absolute;
	bottom: 0;
    left: 50px;
    width: 0;
    height: 0;
    content: '';
    border-bottom: 60px solid #ff4d00;
    border-right: 25px solid transparent;
    margin: 0;
}
.product h1.title{
	color: #000;
	font-size: 1.875vw;
	font-weight: 300;
}
.product .subtitle{
	font-size: 20px;
	color: #ff4d00;
}
.product .main-info{
	display: flex;
	padding: 1.5625vw 0;
	justify-content: space-between;
}
.product .ctn-left{
	width: 45%;
	margin-right: 15px;
	padding-bottom: 50px;
}
.product .ctn-right{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 55%;
	background: #f0f0f0;
	padding: 10px 30px;
}
.product .ctn-right > div{
	width: 100%;
}
.product .ctn-right .prms{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding-bottom: 30px;
}
.product .ctn-right .prms .row{
	display: flex;
	width: 100%;
}
.product .ctn-right .prms .row.producent{
	margin-bottom: 10px;
	padding: 15px 0;
	border-bottom: 1px solid #e2e3e4;
}
.product .ctn-right .prms .row .ico{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2vw;
	height: 2vw;
	background: #fff;
	color: #ac272b;
	font-size: 1vw;
	margin-right: 1vw;
	border-radius: 3px;
	border: 1px solid #e2e3e4;
}
.product .ctn-right .prms .row .dsc{
	display: flex;
	align-items: center;
	min-height: 1.6vw;
	font-size: 1vw;
	width: calc(100% - 3vw);
	align-items: flex-start;
}
.product .ctn-right .prms .row.producent .dsc{
	align-items: center;
}
.product .ctn-right .prms .row .dsc > span{
	padding-left: 10px;
	line-height: 1.1;
}
.product .ctn-right .prms .row .dsc .image img{
	max-height: 2vw;
}
.product .ctn-right .prms .row .dsc > span.t{
	color: #727272;
	padding-left: 0;
	font-size: 1vw;
	font-weight: 300;
	line-height: 1;
}
.product .ctn-right .prms .row .dsc .big{
	font-size: 1.5vw;
}
.product .ctn-right .prms .row .dsc .mid{
	font-size: 1.1vw;
}
.product .ctn-right .social{
	display: flex;
	justify-content: space-between;
	gap: 20px;
	border-top: 1px solid #e2e3e4;
	padding: 15px 0;
}
.product .ctn-right .social .share{
	display: flex;
	align-items: center;
	gap: 10px;
}
.product .ctn-right .social .share > a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	width: 2.2vw;
	height: 2.2vw;
	box-shadow: 0 0 4px 0 rgba(0,0,0,.1);
}
.product .ctn-right .social .share > a:hover{
	background: #4c4c4c;
	color: #fff;
}
.product .ctn-right .social .share > .d{
	margin-right: 10px;
}
.product .ctn-right .social .ask a.button{
	background: #4c4c4c;
	color: #fff;
	border: 1px solid #4c4c4c;
}
.product .ctn-right .social .ask a.button:hover{
	background: #fff;
	color: #4c4c4c;
}
.product .ctn-right .price{
	display: flex;
	gap: 10px;
	padding-bottom: 30px;
	color: #000;
	font-size: 1.4vw;
	font-weight: 400;
}
.product .ctn-right .price .p{
	color: #4c4c4c;
	font-weight: 500;
}
.product .photo{
	position: relative;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}
.product .photo img{
	position: relative;
	max-width: 95%;
	max-height: 95%;
	vertical-align: middle;
}
.product .zapytaj {
    margin: 20px auto 0 auto;
    text-align: left;
}
.product .zapytaj a {
    display: inline-block;
    background: #ab272b;
    color: #fff;
    padding: 5px 40px;
    letter-spacing: 0;
    transition: all 0.3s ease;
}
.product .product-back{
	text-transform: uppercase;
	padding-bottom: 0.78125vw;
}
.product .product-back a{
	color: #000;
	font-size: 0.9vw;
}
.product .product-back a i{
	color: #4c4c4c;
	font-size: 0.8vw;
}
/* .product .zapytaj a:hover{
	background: #ff4d00;
	letter-spacing: 1px;
} */
.product .opis{
	margin: 0 0 20px 0;
}
.product .h-tabs{
	display: flex;
	justify-content: flex-start;
	text-align: center;
	border-bottom: 1px solid #e2e3e4;
}
.product .h-tabs .h-tab{
	position: relative;
	font-size: 1.0416666666666665vw;
	padding: 0.52vw 0;
	text-transform: uppercase;
	font-weight: 500;
}
.product .h-tabs .h-tab::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 2px;
	background: #4c4c4c;
	bottom: -1px;
	left: 0;
}
.product .opis span{
	display: inline-block;
    background: #f2b13c;
    color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 20px;
    padding: 10px 40px;
    letter-spacing: 0;
    transition: all 0.3s ease;
}
.product .content h3{
	color: #ff4d00;
	padding: 20px 0 10px 0;
}
.product .content ul{
	padding: 5px 0 5px 20px;
	margin: 0;
}
.product .product-description .content{
	padding: 20px 0;
}
.product .product-description h2,
.product .product-description h3,
.product .product-description h4{
	color: #4c4c4c;
}

@media only screen and (max-width: 999px) {
	.product h1.title {
		font-size: 20px;
	}
	.product .h-tabs .h-tab {
		font-size: 16px;
		padding: 5px 0;
	}
	.product .product-back {
		padding-bottom: 10px;
	}
	.product .product-back a {
		font-size: 13px;
	}
	.product .product-back a i{
		font-size: 11px;
	}
	.product .main-info {
		padding: 10px 0 30px 0;
		gap: 30px;
	}
	.product .ctn-right .prms .row .ico {
		width: 30px;
		height: 30px;
		font-size: 14px;
		margin-right: 15px;
	}
	.product .ctn-right .prms .row .dsc {
		min-height: 30px;
		font-size: 15px;
		width: calc(100% - 45px);
	}
	.product .ctn-right .prms .row .dsc .big {
		font-size: 18px;
	}
	.product .ctn-right .prms .row .dsc .mid {
		font-size: 16px;
	}
	.product .ctn-right .prms .row .dsc > span.t{
		font-size: 14px;
	}
	.product .ctn-right .prms .row .dsc .image img {
		max-height: 30px;
	}
	.product .ctn-right .social .share > a {
		width: 30px;
		height: 30px;
	}
	.product .ctn-right .price{
		font-size: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.product .ctn-left,
	.product .ctn-right	{
		width: 100%;
	}
	.product .ctn-left{
		padding-bottom: 0;
	}
	.product .ctn-right {
		padding: 10px 15px;
		margin-top: 10px;
	}
	.product .main-info {
		flex-wrap: wrap;
	}
	.product .ctn-right .prms .row .dsc > span{
		line-height: 1.2;
	}
	.product .ctn-right .social{
		flex-wrap: wrap;
	}
}
.podstrona .product .nav-tabs{
	display: block;
	position: relative;
	text-align: left;
	z-index: 2;
	padding: 30px 0 0 0;
}
.podstrona .product .nav-tabs .pagewidth{
	display: table;
	margin: 0 auto;
}
.podstrona .product .content .pagewidth .tabs{
	padding: 20px 30px;
}
.podstrona .product .nav-tabs a{
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
}
.podstrona .product .nav-tabs a span{
	display: block;
	color: #fff;
	background: #505050;
	padding: 15px 30px;
	margin: 0;
	font-weight: 600;
}
.podstrona .product .nav-tabs a span i{
	color: #ff4d00;
	padding-right: 10px;
}
.podstrona .product .nav-tabs a:first-child span{
	margin: 0;
}
.podstrona .product .nav-tabs a:last-child span{
	margin: 0;
}
.podstrona .product .nav-tabs a:first-child:last-child span{
	margin: 0 0 0 0
}
.podstrona .product .nav-tabs a.active span{
	background: #fff;
	color: #000;
}
.podstrona .product .tab{
	display: none;
}
.podstrona .product .tab.active{
	display: block;
}
.podstrona .product .tab-content{
	background: #fff;
	padding: 30px;
}

div.tooltip i{
	padding-left: 2px;
}
.ui-tooltip.tooltip-style{
	border: 1px solid #4c4c4c !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-size: 14px !important;
	background: #f8f8f8 !important;
	padding: 10px;
	margin: 0 !important;
	margin-top: -10px !important;
	z-index: 2;
}
.ui-widget.ui-widget-content.ui-autocomplete{
	border-top: 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0 !important;
}

.table-data-sheet {
	width: 100%;
	margin: 30px 0 0 0;
	border-collapse: collapse;
}
.table-data-sheet td, .table-data-sheet th {
    padding: 10px 10px;
	border: 1px solid #fff;
	border-collapse: collapse;
}
.table-data-sheet th {
	width: 30%;
	font-weight: 500;
	color: #ff4d00;
	border-left: 0;
}
.table-data-sheet td{
	border-right: 0;
}

#menu-kategorie-top-mobile{
	display: none;
	position: relative;
	width: 100%;
	background: #ff4d00;
	padding: 20px 20px;
}
.menu-mobile-select{
	display: block;
	color: #fff;
	font-size: 17px;
	vertical-align: middle;
	height: 35px;
	line-height: 35px;
	border: 1px solid #36454f;
	background-color: #36454f;
	width: 100%;
	padding: 2px 5px;
	margin: 0;
	cursor: pointer;
	outline: none;
	border-radius: 4px;
	box-sizing: border-box;
}
.menu-mobile-select option {
    padding: 5px;
    cursor: pointer;
	font-size: 17px;
}
@media only screen and (max-width: 1220px) {
	#menu-kategorie-top-mobile{
		display: block;
	}
}


.kreska{
	display: none;
	width: 100%;
	height: 1px;
	background: #979797;
	margin: 10px auto;
}

.mainpage_news{
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	height: 880px;
	border-collapse: collapse;
}
.mainpage_news td{
	position: relative;
	width: 33.33%;
	height: 293px;
	border-collapse: collapse;
	border: 5px solid #fff;
	overflow: hidden;
}
.mainpage_news td:first-child {
   border-left: 0;
}
.mainpage_news td:last-child {
   border-right: 0;
}
.mainpage_news td.slider{
	height: 586px;
}
.mainpage_news .imageContainer{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.mainpage_news .imageContainer:hover img{
	opacity: 0.95;
}
.mainpage_news .imageContainer img{
	position: absolute;
	width: 100%;
	height: 100%;
	vertical-align: bottom;	
	transition: all .3s ease;
	object-fit: cover;
}
.mainpage_news .imageContainer .title{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 10px 15px;
	color: #fff;
	font-size: 20px;
	line-height: 34px;
	transition: all .3s ease;
}
.mainpage_news .imageContainer:hover .title{
	padding: 20px 15px;
}
.mainpage_news .imageContainer .title .cat{
	display: inline-block;
	background: #ff4d00;
	padding: 0 15px;
	text-transform: uppercase;
	margin-right: 15px;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
}
@media only screen and (max-width: 1681px) {
	.mainpage_news{
		height: 733px;
	}
	.mainpage_news td{
		height: 244px;
	}
	.mainpage_news td.slider{
		height: 488px;
	}
}
@media only screen and (max-width: 1386px) {
	.mainpage_news{
		height: 626px;
	}
	.mainpage_news td{
		height: 208px;
	}
	.mainpage_news td.slider{
		height: 416px;
	}
}
@media only screen and (max-width: 1250px) {
	.mainpage_news{
		height: 460px;
	}
	.mainpage_news td{
		height: 153px;
	}
	.mainpage_news td.slider{
		height: 306px;
	}
}
@media only screen and (max-width: 1220px) {
	.mainpage_news td{
		display: block;
		width: 100%;
		height: 208px;
		border-left: 0;
		border-right: 0;
	}
}


.harmonogram_table{
	position: relative;
	width: 100%;
	padding: 20px 0 30px 0;
	color: #3d484f;
	font-size: 18px;
}
.harmonogram_table .tabs{
	position: relative;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
}
.harmonogram_table .tabs a{
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	border: 1px solid #dcdfdf;
	color: #3d484f;
	background: #fff;
	padding: 0 20px;
}
.harmonogram_table .tabs a.active{
	border: 1px solid #3d484f;
	color: #fff;
	background: #3d484f;
}
.harmonogram_table .year{
	border: 1px solid #dcdfdf;
	padding: 20px 30px;
}
.harmonogram_table .wydarzenie{
	padding: 10px 0;
}
.harmonogram_table .wydarzenie .data{
	font-weight: 600;
}


.realizacje{
	position: relative;
	padding: 20px 0 20px 0;
}


.realizacje .title .subtitle span{
	padding: 0 10px;
	position: relative;
}

.realizacje .title .subtitle span:after{
	content: "";
	height: 20px;
	width: 1px;
	background: #545454;
	position: absolute;
	right: -2px;
	top: 4px;
}

.realizacje .title .subtitle span:last-child:after{
	display: none;
}

.realizacje .realizacje_table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
}
.realizacje .realizacje_table td{
	width: 25%;
	overflow: hidden;
}
.realizacje .realizacje_table td img{
	position: relative;
	transition: all .3s ease;	
}
.realizacje .realizacje_table td img:hover{
	filter: grayscale(100%);
}
@media only screen and (max-width: 1220px) {
	.realizacje{
		width: calc( 100% - 92px );
		margin: 0 auto;
	}
	.default .realizacje{
		width: 100%;
	}
	.realizacje .realizacje_table td{
		display: block;
		width: 100%;
	}
	.realizacje .flex-direction-nav .flex-prev {
		left: -46px;
		margin-left: 0;
		margin-right: 0;
	}
	.realizacje .flex-direction-nav .flex-next {
		right: -46px;
		margin-left: 0;
		margin-right: 0;
	}
}

.about{
	position: relative;
	padding: 10px 0;
}
.about .content{
	text-align: center;
	padding: 0;
}

.ptop{
	position: relative;
	width: 100%;
	height: 0;
}
@media only screen and (max-width: 999px) {
	.ptop{
		display: none;
	}
}

.navbanner{
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	background: rgb(91, 87, 88);
	z-index: 2;
}
.navbanner.layout1,
.navbanner.layout3,
.navbanner.layout4,
.navbanner.layout6{
	height: 20.833vw;
}
.navbanner > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.navbanner .bgimg{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.navbanner .bg{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(17,66,135,0.6);
	top: 0;
	left: 0;
}
.navbanner.layout1 .bg,
.navbanner.layout2 .bg,
.navbanner.layout4 .bg{
	display: block;
}
.navbanner.layout5::before,
.navbanner.layout6::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	max-width: 40%;
	height: 100%;
	background-size: cover;
}
.navbanner.layout5::after,
.navbanner.layout6::after{
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 100%;
	max-width: 20%;
	height: 100%;
	background-size: cover;
}
.navbanner .desc{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.navbanner .pagewidth{
	position: relative;
	height: 100%;
	margin: 0 auto;
}
.navbanner .pagewidth .pagewidth{
	width: 100%;
	padding: 0;
}
.navbanner .table{
	display: table;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.navbanner .table .cell{
	display: table-cell;
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.navbanner .flex{
	display: flex;
	position: absolute;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
}
.navbanner .flex .cell{
	position: relative;
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 2.083vw;
}
.navbanner .flex .cell > *{
	width: 100%;
}
.navbanner img.logo{
	width: auto;
	height: 7.813vw;
}
.navbanner .title{
	display: inline-block;
	width: auto !important;
	position: relative;
	font-size: 2.188vw;
	font-weight: 600;
	color: #212a49;
	margin: 0;
	padding: 20px 30px;
	line-height: 1.1;
	/*text-shadow: 4px 4px 4px rgb(0, 0, 0, 0.3);*/
	text-transform: uppercase;
	background: rgba(255,255,255,0.7);
}
/*
.navbanner .title span:first-letter{
	color: #4c4c4c;
}
*/
.navbanner .title .cld{
	color: #4c4c4c;
}
.navbanner .title > span{
	position: relative;
	display: inline-block;
}
.navbanner .title span.c{
	color: #ff4d00;
}
/*
.navbanner .title span:first-letter{
	color: #ff4d00;
}
.navbanner .title span i{
	color: #ff4d00;
	font-size: 48px;
}
.navbanner .title span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 50px;
    height: 1px;
    border-bottom: 3px solid #ff4d00;
}
*/
.navbanner .subtitle{
	position: absolute;
	bottom: 7%;
	left: 3.7%;
	font-size: 1.5vw;
	font-weight: 700;
	color: #fff;
	text-shadow: 3px 3px 3px rgb(0, 0, 0, 0.5);
}
.navbanner .cld{
	color: #4c4c4c;
}
.navbanner .video-bg-container{
	width: 100%;
	margin: 0 auto;
}
.navbanner .video-bg-container::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(to left, rgba(91, 87, 88, 0) 0%, rgba(91, 87, 88, 1) 100%);
	z-index: 2;
}
.navbanner .video-bg-container::after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 20%;
	height: 100%;
	background: linear-gradient(to right, rgba(91, 87, 88, 0) 0%, rgba(91, 87, 88, 1) 100%);
	z-index: 2;
}
.navbanner .usmiech{
	position: absolute;
	width: 10.417vw;
	height: 4.167vw;
	bottom: -3.167vw;
	left: -3vw;
}
.navbanner .usmiech svg{
	position: absolute;
	width: 100%;
	height: 100%;
}
.navbanner .usmiech svg #path6{
	animation: usmiech-anim 1s forwards;
	animation-delay: 0s;
	transform: translateX(20%) rotate(-10deg) translateY(85%) scale(0.2,0);
}
@keyframes usmiech-anim  {
	0% {
		transform: translateX(20%) rotate(-10deg) translateY(85%) scale(0.2,0);
	}
	100% {
		transform: translateX(0) rotate(0deg) translateY(0) scale(1,1);
	}
}
@media only screen and (max-width: 1220px) {
	.navbanner .desc > .pagewidth::before {
		left: 15px;
	}
	.navbanner .usmiech{
		left: -25px;
	}
	.navbanner .bgimg{
		background-position: left center;
	}
	.realizacje .pagewidth{
		width: 84%;
	}
	.navbanner.wv{
		height: 200px !important;
	}
	.navbanner .video-bg-container::before,
	.navbanner .video-bg-container::after	{
		display: none;
	}
	.navbanner.wv > .pagewidth{
		padding: 0 !important;
	}
	.navbanner.wv > .pagewidth .pagewidth{
		padding: 0 15px;
	}
}
@media only screen and (max-width: 999px) {
	.navbanner.layout1,
	.navbanner.layout3,
	.navbanner.layout4{
		height: 40vw;
	}
	.navbanner .flex .cell{
		padding-top: 0;
	}
	.navbanner .title{
		font-size: 4vw;
		font-weight: 400;
	}
	.navbanner img.logo {
		height: 13vw;
	}
}
@media only screen and (max-width: 480px) {
	.navbanner .title{
		padding: 10px 15px;
	}
	.navbanner .usmiech{
		left: -10px;
	}
}

	

.responsive-embed {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.responsive-embed {
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 56.25%;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed .embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}


#video_bg{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 100%;
}
#video_bg video{
	/* Make video to at least 100% wide and tall */
	min-width: 100%; 
	min-height: 100%; 
	/* Setting width & height to auto prevents the browser from stretching or squishing the video */
	width: auto;
	height: auto;
	/* Center the video */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#video_bg img{
	width: 100%;
	height: 100%;
}
#video_bg .bg_opacity{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	z-index: 2;
}
#video_bg .desc{
	display: table;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	z-index: 3;
}
#video_bg .desc .row{
	display: table-cell;
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}
#video_bg .desc .row span{
	display: block;
	position: relative;
	padding: 60px 30px 30px 30px;
	background: rgba(41,111,177,0.8);
	color: #fff;
	font-size: 48px;
	font-weight: 400;
	line-height: 1.2;
	text-shadow: 2px 2px 4px #36454f;
	background: rgba(248,79,50,1);
	background: linear-gradient(to bottom, transparent 0%, rgba(46,124,197,1) 100%);
}
#video_bg .desc .row span:before {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 50%;
	opacity: 1;
	width: 0;
	height: 2px;
	opacity: 1;
	background: #fff;
	transition: all 0s;	
	animation: video_text_anim1 6s linear infinite;
}
#video_bg .desc .row span:after {
	content: '';
	position: absolute;
	bottom: 26px;
	left: 50%;
	opacity: 1;
	width: 0;
	height: 2px;
	opacity: 1;
	background: #fff;
	transition: all 0s;	
	animation: video_text_anim2 6s linear infinite;
	animation-delay: 0.5s;
}
@keyframes video_text_anim1 {
    0% {width:0;opacity:1;left:40%;}
	25% {opacity:0;}
	50% {width:100%;opacity:0;left:0;}
	100% {width:0;opacity:0;left:0;}
}
@keyframes video_text_anim2 {
    0% {width:0;opacity:1;left:60%;}
	25% {opacity:0;}
	50% {width:100%;opacity:0;left:0;}
	100% {width:0;opacity:0;left:0;}
}
@media only screen and (max-width: 1220px) {
	#video_bg .desc .row span:before,#video_bg .desc .row span:after{
		display: none;
		animation: none;
	}
}

.galeria_albums{
	position: relative;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px 0;
	margin: 0 0 20px 0;
}
.galeria_albums .row{
	position: relative;
	width: 25%;
	height: 338px;
	line-height: 1;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.galeria_albums .row > a{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.galeria_albums .row .info{
	position: absolute;
	display: table;
	bottom: -100%;
	left: 5%;
	width: 90%;
	height: 100%;
	text-align: center;
	padding: 15px 0;
	z-index: 2;
	box-sizing: border-box;
	transition: all 0.3s ease;
	opacity: 0;
}
.galeria_albums .row:hover .info{
	bottom: 0;
	opacity: 1;
}
.galeria_albums .row .info .td{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.galeria_albums .row .info .td .title{
	position: relative;
}
.galeria_albums .row .info .td .title span{
	position: relative;
	display: inline-block;
	padding: 10px 30px;
	background: rgba(254,0,0,1);
	font-weight: 400;
	font-size: 18px;
	color: #fff;
	line-height: 1.1;
	z-index: 2;
}
.galeria_albums .row .info .td .subtitle{
	position: relative;
	padding: 0 20px 0 20px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	overflow: hidden;
}
.galeria_albums .row .photo{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #231f20;
}
.galeria_albums .row .photo img{
	position: relative;
	width: 100%;
	height: 100%;
	transition: all .3s ease;	
	opacity: 1;
}
.galeria_albums .row:hover .photo img{
	transform: scale(1.3);
	filter: grayscale(100%);
	opacity: 1;	
}
.galeria_albums_show_all{
	text-align: center;
	padding: 20px 0 30px 0;
}
.galeria_albums_show_all a{
	position: relative;
	display: inline-block;
	background: #464646;
	border: 1px solid #464646;
	color: #fff;
	padding: 7px 30px 7px 30px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;	
}
.galeria_albums_show_all a:hover{
	background: #fff;
	color: #464646;
}
@media only screen and (max-width: 1600px) {
	.galeria_albums .row{
		height: 278px;
	}
}
@media only screen and (max-width: 1366px) {
	.galeria_albums .row{
		height: 235px;
	}
}
@media only screen and (max-width: 1220px) {
	.galeria_albums .row{
		display: inline-block;
		width: 100%;
		max-width: 480px;
		height: 280px;
		padding: 5px 0;
		margin: 0 auto;
	}
	.galeria_albums .row .info{
		bottom: 0;
		opacity: 1;
		background: rgba(0,0,0,.0);
	}
}



.referencje{
	position: relative;
	text-align: center;
	background: #eceaea;
	color: #000;
	padding: 0 0 30px 0;
}
.galeria-carousel{
	position: relative;
	padding: 15px 0 15px 0;
	margin: 0 -10px;
	height: 300px;
	width: calc(100% + 20px);
}
.galeria-carousel .row{
	position: relative;
	padding: 0 10px;
	text-align: center;
}
.galeria-carousel .row a{
	position: relative;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
}
.galeria-carousel .row img{
	display: inline-block;
	text-align: center;
	vertical-align: bottom;
	border: 2px solid transparent;
	transition: all 0.5s ease;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.galeria-carousel .row img:hover{
	border: 2px solid #211757;
}

.grayscale{filter:grayscale(1);}.grayscale.grayscale-fade{transition:filter .5s}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{filter:grayscale(0)}.grayscale.grayscale-replaced{filter:none}.grayscale.grayscale-replaced>svg{transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}

.partnerzy{
	position: relative;
	background: #fff;
	padding: 5.208vw 0;
}
@media only screen and (max-width: 999px){
	.partnerzy{
		padding: 30px 0;
	}
}

@media only screen and (max-width: 1220px){
	.galle .el{
		width: 100%;
		height: 100%;
	}
	.dealerzy .content{
		padding: 36px 0 36px 0;
	}
	.dealerzy .content .subtitle{
		font-size: 14px;
		font-weight: 400;
		padding: 5px 10px 14px 0;
		line-height: 1.2;
	}
	.dealerzy .content .cell .tab .ico{
		animation: none;
	}
	.dealerzy .content .cell .tab .ico:before{
		top: -7px;
		bottom: -7px;
		left: -7px;
		right: -7px;
		border: 4px solid #ff4d00;
	}
	.dealerzy .content .circles{
		display: inline-flex;
		padding: 5px 0;
	}
	.dealerzy .pagewidth .content .table{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
	}
	.dealerzy .pagewidth .content .table .cell{
		position: relative;
		display: block;
		vertical-align: middle;
		padding-bottom: 37px;
	}
	.dealerzy .pagewidth .content .table .cell:last-child{
		padding-bottom: 0;
	}
	.dealerzy .pagewidth .content .table .cell .tab{
		float: left;
		width: 80px;
		height: 80px;
	}
	.dealerzy .pagewidth .content .table .cell .desc{
		float: left;
		text-align: left;
		padding-left: 30px;
		width: calc( 100% - 80px );
	}
	.dealerzy .content .cell .tab .ico{
		width: 80px !important;
		height: 80px !important;
		left: 7px;
		top: 7px;
	}
	.dealerzy .content .cell .tab img{
		width: 50px !important;
		height: 50px !important;
	}
	.dealerzy .content .title{
		font-size: 24px;
		padding: 0 10px 0 0;
	}
}

.dealerzy-list{
	padding: 30px 0;
}
.dealerzy-list.table{
	position: relative;
	display: table;
	margin: 0 auto;
}
.dealerzy-list.table.w25{
	max-width: 25%;
}
.dealerzy-list.table.w50{
	max-width: 50%;
}
.dealerzy-list.table.w75{
	max-width: 75%;
}
.dealerzy-list.table .row{
	position: relative;
	display: table-row;	
}
.dealerzy-list.table .cell{
	position: relative;
	display: table-cell;
	width: 25%;
	padding: 0 1% 30px 1%;
	text-align: center;
	vertical-align: top;
}
.dealerzy-list.table .cell .photo{
	position: relative;
	background: #fff;
	border: 1px solid #42413f;
}
.dealerzy-list.table .cell .photo img{
	position: relative;
	max-width: 80%;
	max-height: 80%;
	vertical-align: middle;
}
.dealerzy-list.table .cell .title{
	padding: 10px 0 0 0;
	font-weight: 300;
}
.dealerzy-list.table .cell .icons{
	padding: 10px 0 0 0;
}
.dealerzy-list.table .cell .icons i.fa:hover{
	background: #fff;
}
@media only screen and (min-width: 300px) {
	.dealerzy-list.table.w25{
		max-width: none;
	}
	.dealerzy-list.table.w50{
		max-width: none;
	}
	.dealerzy-list.table.w75{
		max-width: none;
	}
	.dealerzy-list.table .cell{
		display: block;
		width: 100%;
		padding: 0 0 30px 0;
	}
	.dealerzy-list.table .cell .photo{
		line-height: 210px;
		height: 210px;
	}
	.dealerzy-list.table .cell .title{
		font-size: 14px;
	}
	.dealerzy-list.table .cell .icons i.fa{
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 17px;
	}
}
@media only screen and (min-width: 940px) {
	.dealerzy-list.table.w25{
		max-width: 25%;
	}
	.dealerzy-list.table.w50{
		max-width: 50%;
	}
	.dealerzy-list.table.w75{
		max-width: 75%;
	}
	.dealerzy-list.table .cell{
		display: table-cell;
		width: 25%;
		padding: 0 1% 30px 1%;
	}
	.dealerzy-list.table .cell:first-child{
		padding: 0 2% 30px 0;
	}
	.dealerzy-list.table .cell:last-child{
		padding: 0 0 30px 2%;
	}
	.dealerzy-list.table .cell .photo{
		line-height: 143px;
		height: 143px;
	}
	.dealerzy-list.table .cell .title{
		font-size: 14px;
	}
}
@media only screen and (min-width: 1260px) {
	.dealerzy-list.table .cell .photo{
		line-height: 143px;
		height: 143px;
	}
}
@media only screen and (min-width: 1580px) {
	.dealerzy-list.table .cell .photo{
		line-height: 177px;
		height: 177px;
	}
	.dealerzy-list.table .cell .title{
		font-size: 16px;
	}
	.dealerzy-list.table .cell .icons i.fa{
		width: 25px;
		height: 25px;
		line-height: 25px;
		font-size: 18px;
	}
}
@media only screen and (min-width: 1900px) {
	.dealerzy-list.table .cell .photo{
		line-height: 214px;
		height: 214px;
	}
	.dealerzy-list.table .cell .title{
		font-size: 18px;
	}
	.dealerzy-list.table .cell .icons i.fa{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 20px;
	}
}
@media only screen and (min-width: 2540px) {
	.dealerzy-list.table .cell .photo{
		line-height: 285px;
		height: 285px;
	}
	.dealerzy-list.table .cell .title{
		font-size: 22px;
	}
	.dealerzy-list.table .cell .icons i.fa{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
	}
}
@media only screen and (min-width: 3820px) {
	.dealerzy-list.table .cell .photo{
		line-height: 428px;
		height: 428px;
	}
	.dealerzy-list.table .cell .title{
		font-size: 36px;
	}
	.dealerzy-list.table .cell .icons i.fa{
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 40px;
	}
}

table.style1{
	border: 1px solid #dcdfdf;
	border-collapse: collapse;
	text-align: left;
}
table.style1 th{
	padding: 5px 10px;
	border: 1px solid #dcdfdf;
	border-collapse: collapse;
	background: #f5f6fa;
	text-align: left;
}
table.style1 td{
	padding: 5px 10px;
	border: 1px solid #dcdfdf;
	border-collapse: collapse;
	text-align: left;
}

.fundusze{
}
.fundusze .content{
	padding: 40px 0 22px 0;
}
.fundusze .table{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.fundusze .table img{
	width: auto;
	height: 60px;
}
.fundusze .desc{
	font-size: 17px;
	font-weight: 300;
	padding: 40px 40px 0 40px;
	text-align: center;
	display: block;
	color: #545454;
}
@media only screen and (max-width: 999px) {
	.fundusze .table{
		flex-wrap: wrap;
		justify-content: center;
	}
	.fundusze .table > a{
		width: calc( 25% - 10px );
		text-align: center;
	}
	.fundusze .table > a:not(:last-child){
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 768px) {
	.fundusze{
		border-top: 1px solid #ccc;
	}
	.fundusze .table > a{
		width: calc( 50% - 10px );;
	}
}
@media only screen and (max-width: 480px) {
	.fundusze .table > a{
		width: 100%;
	}
	.fundusze .desc{
		padding: 40px 0 0 0;
		font-size: 15px;
	}
}

.sfkd{
	position: relative;
	background: #044092;
	color: #fff;
}
.sfkd .headstyle{
	height: 50px;
}
.table-sfkd{
	display: flex;
	align-items: stretch;
	padding-bottom: 30px;
}
.table-sfkd > .sfkd-ls{
	color: #fff;
	width: 50%;
	padding-right: 10px;
}
.table-sfkd > .sfkd-rs{
	width: 50%;
	padding-left: 10px;
}

.fk-table{
	display: flex;
	flex-wrap: wrap;
	color: #333840;
}
.fk-table > .fk-ls{
	display: flex;
	gap: 15px;
	width: 100%;
	justify-content: space-between;
}
.fk-table > .fk-ls > div.fk-row{
	margin-bottom: 1.302vw;
	width: calc(100% - 15px);
}
.fk-table input[type=text]{
	height: 2.125vw;
	line-height: 2.125vw;
	vertical-align: middle;
	padding: 0 20px 0 20px;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.fk-table > .fk-fs{
	width: 100%;
}
.fk-table > .fk-fs > div.fk-row{
	margin-bottom: 1.302vw;
}
.fk-table > .fk-fs input[type=text]{
	width: 100%;
}
.fk-table .fk-ico{
	position: relative;
}
.fk-table .fk-ico span.ico{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	content: '';
	font-size: 1.042vw;
	width: 55px;
	height: 2.125vw;
}
.fk-table > .fk-rs{
	width: 100%;
}
.fk-table > .fk-rs > div{
	position: relative;
}
.fk-table > .fk-rs textarea{
	height: 6vw;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.fk-table .fk-ico textarea{
	padding: 10px 20px 10px 20px;
}
.fk-table .fk-ico input[type=text],
.fk-table .fk-ico textarea{
	padding-left: 60px;
}
.fk-table input[type=text],
.fk-table textarea{
	font-size: 0.729vw;
}
.formularz_kontaktowy .zgoda{
	margin-top: 1.302vw;
}
.formularz_kontaktowy .zgoda .checkbox label{
	line-height: 1.2;
}
.formularz_kontaktowy .zgoda .checkbox label a{
	color: inherit;
	text-decoration: underline;
}
.formularz_kontaktowy .buttons{
	text-align: left;
	margin-top: 1.302vw;
	width: 100%;
}
.formularz_kontaktowy .buttons button{
	background: #606060;
	color: #fff;
	border: 0;
	padding: 0 2.604vw;
	height: 1.563vw;
	line-height: 1.563vw;
	vertical-align: middle;
	font-size: 0.833vw;
	font-weight: 400;
	font-family: inherit;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.35s ease;
	width: 100%;
	border-radius: 0;
	white-space: nowrap;
}
.formularz_kontaktowy .buttons button:hover{
	background: #112743;
	color: #fff;
}
body.wcag .formularz_kontaktowy .buttons button:focus{
	background: #ff0;
	color: #000;
	outline: 2px solid #ff0;
}
.formularz_kontaktowy .statements{
	display: flex;
	gap: 10px;
	justify-content: space-between;
	max-width: 100%;
}
.formularz_kontaktowy .statements .captcha{
	margin-top: 1.302vw;
	text-align: right;
	min-width: 70px;
	min-height: 60px;
}
.formularz_kontaktowy .statements .zgoda{
	text-align: left;
}
@media only screen and (max-width: 999px) {
	.fk-table{
		padding-left: 0;
	}
	.fk-table > .fk-ls{
		flex-wrap: wrap;
		gap: 0;
	}
	.fk-table > .fk-ls > div.fk-row{
		width: 100%;
	}
	.fk-table > .fk-rs textarea {
		height: 150px;
	}
	.fk-table .fk-ico span.ico{
		width: 50px;
		font-size: 18px;
		height: 36px;
	}
	.fk-table .fk-w input[type=text],
	.fk-table .fk-w textarea,
	.fk-table .fk-ico input[type=text],
	.fk-table .fk-ico textarea{
		font-size: 12px;
	}
	.fk-table .fk-ico input[type=text],
	.fk-table .fk-ico textarea{
		padding-left: 55px;
	}
	.fk-table .fk-w input[type=text],
	.fk-table .fk-ico input[type=text]{
		height: 36px;
		font-size: 12px;
		line-height: 36px;
	}
	.fk-table > .fk-ls > div.fk-row,
	.fk-table > .fk-fs > div.fk-row{
		margin-bottom: 10px;
	}
	.formularz_kontaktowy .zgoda,
	.formularz_kontaktowy .buttons{
		margin-top: 15px;
	}
	.formularz_kontaktowy .buttons button{
		padding: 0 40px;
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
}
@media only screen and (max-width: 720px) {
	.formularz_kontaktowy .statements{
		flex-wrap: wrap;
	}
	.formularz_kontaktowy .statements .captcha,
	.formularz_kontaktowy .statements .zgoda{
		width: 100%;
	}
}

.googlemaps {
    position: relative;
    width: 100%;
	height: 100%;
}
.table-sfkd .googlemaps{
	height: calc( 100% - 100px );
}
.googlemaps iframe{
    position: relative;
    width: 100%;
	height: 100%;	
}
#googlemaps,
.googlemaps .gm-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}
#googlemaps .bg,
.googlemaps .gm-wrapper .bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: #4f4f4f;
	opacity: 0.1;
	top: 0;
	left: 0;
}
@media only screen and (max-width: 1220px) {
	.table-sfkd {
		display: block;
	}
	.table-sfkd > .sfkd-ls,
	.table-sfkd > .sfkd-rs{
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.table-sfkd .googlemaps {
		height: 300px;
	}
}
@media only screen and (max-width: 640px) {
	.fk-table {
		display: block;
	}
	.fk-table > .fk-ls,
	.fk-table > .fk-rs {
		width: 100%;
		padding-left: 0;
	}
	.fk-table > .fk-ls .g-recaptcha{
		margin-bottom: 5px;
	}
	.fk-table > .fk-rs textarea {
		height: 100px;
	}
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:12209; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

#colorbox.popup-europe-map #cboxContent{
	background: transparent;
}
#colorbox.popup-europe-map #cboxClose{
	border-radius: 5px;
}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:rgba(0,0,0,0.9);}
#colorbox{outline:0;}
    #cboxTopLeft{width:0; height:0; background:#0094a9;}
    #cboxTopRight{width:0; height:0; background:#0094a9;}
    #cboxBottomLeft{width:0; height:0; background:#fff;}
    #cboxBottomRight{width:0; height:0; background:#fff;}
    #cboxMiddleLeft{width:0; background:#fff;}
    #cboxMiddleRight{width:0; background:#fff;}
    #cboxTopCenter{height:0; background:#0094a9;}
    #cboxBottomCenter{height:0; background:#fff;}
    #cboxContent{background:#fff; padding:30px 30px 45px 30px; }
	#colorbox.fullscreen #cboxContent{background:transparent;}
	#colorbox.outside #cboxContent{padding:0;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{position:relative;color:#464242;font-size:16px;font-weight:600;text-align:center;}
		#cboxLoadedContent .textalert{min-width:300px;padding:20px 0;}
        #cboxTitle{position:absolute; bottom:10px; left:0; text-align:center; width:100%; color:#666; height: 25px; line-height: 25px; font-size: 14px; font-weight: 500; }
        #cboxCurrent{position:absolute; bottom:12px; left:95px; color:#666; height:25px; line-height:25px; vertical-align: middle; }
        #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:10px; left:30px; width:15px; height:25px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:10px; left:57px; width:15px; height:25px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; z-index: 20000; top:0; right:0; background:#666; width:30px; line-height: 30px; height:30px; font-size: 24px; font-weight: 300; color: #fff; text-align: center; vertical-align: middle;transition: all 0.35s ease; }
		#cboxClose i{position:absolute;text-align: center; vertical-align: middle;width:30px; line-height: 30px; height:30px;margin:0;padding:0;left:0;top:0;}
        /* #cboxClose:hover{background: #f27d0b;} */
		#colorbox.outside #cboxClose{background:#000;opacity:0.5;line-height: 50px; height:50px;width:50px;font-size: 34px;top:10px;right:10px;}
		#colorbox.outside #cboxClose i{line-height: 50px; height:50px;width:50px;}
		#colorbox.outside #cboxClose:hover{opacity:0.8;}
		
		#colorbox.fullscreen #cboxClose{background:transparent;top:10px;right:10px;}
		#cboxPrevious,#cboxNext{font-size:24px;color:#666;line-height:25px; height:25px; vertical-align: middle;}

.galeria_simplyscroll #cboxContent{background:#000;padding: 30px 0 30px 0;}
.galeria_simplyscroll #cboxClose{background:transparent;}
.galeria_simplyscroll #cboxCurrent{position:absolute; bottom:auto; left:5px; top: 0; color:#fff;font-family: Arial, Helvetica, sans-serif;font-size:14px;height:30px;line-height:30px;vertical-align:middle;}
.galeria_simplyscroll #cboxPrevious, .galeria_simplyscroll #cboxNext{
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 3;
	cursor: pointer;
	background: transparent;
	text-indent: 0;
	bottom: 50%;
	margin-bottom: -25px;
}
.galeria_simplyscroll #cboxNext{
	left: auto;
	right: 0;
}
.galeria_simplyscroll #cboxPrevious:before{
    font-family: "Font Awesome 7 Pro";
	font-style: normal;
    font-variant: normal;
	font-weight: 600;
    content: "\f053";
	font-size: 32px;
	color: #fff;
}
.galeria_simplyscroll #cboxNext:before{
    font-family: "Font Awesome 7 Pro";
	font-style: normal;
    font-variant: normal;
	font-weight: 600;
    content: "\f054";
	font-size: 32px;
	color: #fff;
}
@media only screen and (max-width: 768px) {
	#cboxContent { padding: 20px 15px 45px 15px;}
	#cboxTitle{ display:flex; align-items:center; justify-content: flex-end; text-align:right; right: 15px; left: auto; width: calc(100% - 120px); overflow:hidden; line-height:1; min-height:25px; max-height:34px; height:auto; }
	#cboxCurrent { left:65px; }
	#cboxPrevious { left:15px; }
	#cboxNext { left: 37px;; }
}
@media only screen and (max-width: 1220px) {
	.galeria_simplyscroll #cboxPrevious, .galeria_simplyscroll #cboxNext{
		bottom: 30px;
	}
}

/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}

	.simply-scroll-clip { /* Clip DIV - automatically generated */
		position: relative;
		overflow: hidden;
	}

	.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
		.simply-scroll-list li {
			padding: 0;
			margin: 0;
			list-style: none;
		}
	
		.simply-scroll-list li img {
			border: none;
			display: block;
		}
	
	.simply-scroll-btn {
		position: absolute;
		background-image: url(../img/buttons.png);
		width: 42px;
		height: 44px;
		z-index:3;
		cursor: pointer;
	}
	
	.simply-scroll-btn-left {
		left: 6px;
		bottom: 6px;
		background-position: 0 -44px;
	}
	.simply-scroll-btn-left.disabled {
		background-position: 0 0 !important;
	}
	.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
		background-position: 0 -88px;
	}
	
	.simply-scroll-btn-right {
		right: 6px;
		bottom: 6px;
		background-position: -84px -44px;
	}
	.simply-scroll-btn-right.disabled {
		background-position: -84px 0 !important;
	}
	.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
		background-position: -84px -88px;
	}
	
	.simply-scroll-btn-up {
		right: 6px;
		top: 6px;
		background-position: -126px -44px;
	}
	.simply-scroll-btn-up.disabled {
		background-position: -126px 0 !important;
	}
	.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
		background-position: -126px -88px;
	}
	
	.simply-scroll-btn-down {
		right: 6px;
		bottom: 6px;
		background-position: -42px -44px;
	}
	.simply-scroll-btn-down.disabled {
		background-position: -42px 0 !important;
	}
	.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
		background-position: -42px -88px;
	}
	
	.simply-scroll-btn-pause {
		right: 6px;
		bottom: 6px;
		background-position: -168px -44px;
	}
	.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
		background-position: -168px -88px;
	}
	
	.simply-scroll-btn-pause.active {
		background-position: -84px -44px;
	}
	.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
		background-position: -84px -88px;
	}

/* Custom class modifications - override classees

.simply-scroll is default

*/

.simply-scroll { /* Customisable base class for style override DIV */
	width: 100%;
	height: 5.208vw;
	margin: 0 auto 0 auto;
	text-align: center;
	overflow: hidden;
}

.simply-scroll .simply-scroll-clip {
	width: 100%;
	height: 5.208vw;
}

.simply-scroll .simply-scroll-list {}

.simply-scroll .simply-scroll-list li {
	display: flex;
	position: relative;
	width: 200px;
	height: 5.208vw;
	line-height: 5.208vw;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 0 20px;
	padding: 0;
}
.simply-scroll .simply-scroll-list li img {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.simply-scroll .simply-scroll-btn {}

.simply-scroll .simply-scroll-btn-left {}
.simply-scroll .simply-scroll-btn-left.disabled {}
.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}
.simply-scroll .simply-scroll-btn-right.disabled {}
.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}
.simply-scroll .simply-scroll-btn-up.disabled {}
.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}
.simply-scroll .simply-scroll-btn-down.disabled {}
.simply-scroll .simply-scroll-btn-down:hover {}
	


/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 223px;
	height: 140px;
	margin: 0 auto;
	text-align: center;
}

.vert .simply-scroll-clip {
	width: 223px;
	height: 140px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 223px;
	height: 70px;
	margin: 0 0 5px 0;
	text-align: center;
}
.vert .simply-scroll-list li img {text-align: center;margin:0 auto;}

.vert .simply-scroll-btn {}

.vert .simply-scroll-btn-up { /* modified btn pos */
	right: 0;
	top: 0;
}
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}

.vert .simply-scroll-btn-down { /* modified btn pos */
	right: 0;
	top: 52px;
}
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}

/* NOTE left-right classes wouldn't be needed on vertical scroller */



#main-products h2{
	color: #292424;
	font-size: 32px;
	font-weight: 300;
	font-family: "Source Sans Pro";
	margin: 20px auto;
	text-align: center;
}	
#main-products .simply-scroll { 
	width: 100%;
	min-height: 350px;
	margin: 20px auto;
	text-align: center;
}
#main-products .simply-scroll a, #main-products .simply-scroll a:hover{
	text-decoration: none;
	transition: all .2s;
}
#main-products .simply-scroll .simply-scroll-list{
	margin: 0 auto;
}
#main-products .simply-scroll .simply-scroll-clip { 
	width: 100%;
	min-height: 350px;
}
#main-products .simply-scroll .simply-scroll-list li {
	float: left;
	width: 250px;
	min-height: 350px;
	line-height: 1;
	text-align: center;
	margin: 0;
}
#main-products .simply-scroll-list li img {
	border: 1px solid #c8caca;
	width: 215px;
	height: 215px;
}
#main-products .simply-scroll-list li a:hover img {
	border: 1px solid #459ec8;
}
#main-products .simply-scroll-list li .title{
	color: #2d2b2b;
	font-size: 24px;
	font-weight: 300;
	font-family: "Source Sans Pro";
	padding: 5px 0;
	text-decoration: none;
}
#main-products .simply-scroll-list li .lupa{
	display: block;
	width: 32px;
	height: 32px;
	margin: 5px auto 0 auto;
}

@media only screen and (max-width: 999px) {
	.simply-scroll, 
	.simply-scroll .simply-scroll-clip{
		height: 70px;
	}
	.simply-scroll .simply-scroll-list li {
		height: 70px;
		line-height: 70px;
		margin: 0 20px;
		width: 120px;
	}
	.simply-scroll .simply-scroll-list li img {
		max-height: 50px;
	}
}



/*** SUPERFISH STYLES ***/
#menu1{
	position: relative;
	/* margin: 0 100px 0 0; */
	/* margin: 0 38px 0 0; */
	text-align: center;
	height: 100%;
	vertical-align: middle;
	/* width: max-content; */
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.9vw;
	padding: 0;
	z-index: 4;
	transition: all 0.3s ease;
	/* background: #01baac; */
	/* border-radius: 11px; */
	overflow: visible;
	/* margin-left: 213px; */
	/* height: 78px; */
}

.menu-side{
	position: relative;
	margin: 10px auto 0 auto;
	background: #F6F5F5;
}
#menu-side {
    position: relative;
}
#menu-side ul, #menu-side li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu-side .menu{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding: 5px 0;
	margin-top: -10px;
}
#menu-side .menu:first-child{
	margin-top: 0;
}
#menu-side .menu li{
	position: relative;
	background: #4c4c4c;
	color: #fff;
	transition: all 0.15s ease-in-out;
	margin: 5px 10px 5px 0;
}
#menu-side .menu li:last-child{
	margin-right: 0;
}
#menu-side .menu li a{
	position: relative;
	display: flex;
	height: 100%;
	align-items: center;
	color: #fff;
	line-height: 1.2;
	padding: 10px 15px;
}
#menu-side .menu.submenu li a{
	padding: 6px 12px;
	font-size: 15px;
}
#menu-side .menu li:hover,
#menu-side .menu li.active{
	background: #4c4c4c;
}


#menu-top{
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin: 0;
	transition: all 0.5s ease;
	z-index: 4;
}
#menu-top .pagewidth{
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 101;
}
.sf-menu > li {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	vertical-align: top;
	width: auto;
	height: 100%;
	line-height: 1;
}
.sf-menu > li:first-child {
	padding-left: 0;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu > li::before{
	position: absolute;
	content: '';
	background: #000000;
	top: 10px;
	left: 0;
	height: 0.9895833333333333vw;
	width: 2px;
	Display: none;
}
.sf-menu > li:first-child::before{
	display: none;
}
/*
.sf-menu a::before {
	display: flex;
	align-items : center;
	content: '';
	font-size: 14px;
	position: absolute;
	left: -0.8333333333333334vw;
	width: 0.8333333333333334vw;
	height: 100%;
	top: 0;
	line-height: 1;
	background: url('../img/squares.png') no-repeat center center;
	background-size: 100% auto;
}
body.webp .sf-menu a::before {
	background: url('../img/squares.webp') no-repeat center center;
	background-size: 100% auto;
}
.sf-menu li:first-child a::before{
	display: none !important;
}
*/
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
.sf-menu ul {
	float: left;
	min-width: 15em;
	margin: 0;
	padding: 10px 0;
	background: #4c4c4c;
}
.sf-menu ul ul{
	margin: 0 0 0 0;
}
.sf-menu a {
	display: flex;
	align-items: center;
	position: relative;
	border: 0;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #333254;
	width: auto;
	font-size: 0.938vw;
	font-weight: 400;
	text-align: center;
	height: 100%;
	min-height: 1.042vw;
	vertical-align: middle;
	box-sizing: border-box;
	transition: all 0.15s ease-in-out;
	overflow: hidden;
	padding: 0.5vw 0.72vw;
	letter-spacing: 0;
	overflow: visible;
	line-height: 1;
	white-space: nowrap;
	z-index: 99;
}
.sf-menu > li:last-child > a {
	padding-right: 0;
}
.sf-menu ul a{
	font-size: 0.9vw;
}
.sf-menu em{
	font-size: 1.25vw;
}
.sf-menu a span.t{
	display: table-cell;
	position: relative;
	vertical-align: middle;
	transition: all 0.15s ease-in-out;
}
/*
.sf-menu a span.t::before{
	position: absolute;
	content: '';
	left: 50%;
	bottom: -8px;
	width: 0%;
	height: 2px;
	background: #4c4c4c;
	transition: all 0.3s ease-in-out;
}
.sf-menu a span.t:hover::before, .sf-menu li.sfHover a span.t::before, .sf-menu li.active a span.t::before{
	width: 100%;
	left: 0;
}
*/
@keyframes logo {
	0%   { top: -171px; }
	65%   { top: -171px; }
  	100% { top: 28px; }
}
.sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.active a{
	color: #fff;
}
.sf-menu ul a span.t::before{
	display: none;
}
.sf-menu ul a:before, .sf-menu ul a:after{
	display: none;
}
.sf-menu > li:first-child {}
.sf-menu > li:first-child a {}
.sf-menu ul a {
	height: auto;
	text-decoration: none;
	color: #004040;
	text-align: left;
	display: block !important;
	padding: 10px 12px;
	margin-top: 0;
	text-transform: none !important;
	border-radius: 0 !important;
}
.sf-menu li {
	position: relative;
	transition: all 0.3s ease-in-out;	
}
.sf-menu ul li {
	text-align: left;
}
.sf-menu li a.sf-with-ul:hover, .sf-menu li.sfHover a.sf-with-ul{
	color: #004040;
}
.sf-menu ul li a{
	color: #000;
}
/*
.sf-menu li a.sf-with-ul::before{
	content: '\f322';
	font-size: 12px;
	position: absolute;
	right: 0;
	font-family: "Font Awesome 7 Pro";
	color: #00a018;
	transform: translate(0, -50%);
	top: 50%;
	transition: 0.35s all ease-in-out;
}
.sf-menu li.sfHover a.sf-with-ul::before{
	transform: translate(0, -50%) rotate(180deg);
}
*/
.sf-menu ul ul li {
	text-align: left;
}
@keyframes slideInFromUp {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}
.sf-menu > li > a.sf-with-ul::after{
	position: relative;
	content: '\f078';
	font-family: "Font Awesome 7 Pro";
	color: #616161;
	font-size: 0.5vw;
	font-weight: 900;
	padding-left: 5px;
}
.sf-menu > li:hover:has(> a.sf-with-ul){
	background: #112743 !important;
}
.sf-menu > li:hover > a.sf-with-ul::after{
	color: #fff;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu li.active > a,
.sf-menu li:hover > a span.t,
.sf-menu li.sfHover > a span.t,
.sf-menu li.active > a span.t{
	color: #112743;
}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover,
.sf-menu ul li.active,
.sf-menu li:hover:has(> a.sf-with-ul) > a,
.sf-menu li:hover:has(> a.sf-with-ul) > a span.t {
	color: #fff;
}
.sf-menu ul li:hover > a,
.sf-menu ul li.sfHover > a,
.sf-menu ul li.active > a,
.sf-menu ul li:hover > a span.t,
.sf-menu ul li.sfHover > a span.t,
.sf-menu ul li.active > a span.t{
	background: #fff;
	color: #2b1a0f;
}
.sf-menu ul li:hover a:focus,
.sf-menu ul li.sfHover a:focus,
.sf-menu ul li.active a:focus{
	z-index: 999;
}
body.wcag .sf-menu a:focus,
body.wcag .sf-menu li > a:focus,
body.wcag .sf-menu a:focus .t{
	background: #ff0 !important;
	color: #000 !important;
}
@media only screen and (max-width: 1386px) {
	#video_bg .desc .row span{
		font-size: 36px;
	}
}
@media only screen and (max-width: 1220px) {
	.pagewidth,
	.pagewidth-s,
	.pagewidth-sm{
		width: 100%;
		padding: 0 15px;
	}
	.flexslider .flex-ctrls {
		left: 15px;
		width: calc(100% - 30px);
	}
	.flexslider .flex-ctrls .flex-counters {
		left: 8px;
		font-size: 14px;
		line-height: 1;
		width: 65px;
		height: 22px;
	}
	.flexslider .flex-ctrls .flex-direction-nav a::before {
		font-size: 22px;
	}
	.flexslider .flex-ctrls .flex-direction-nav .flex-next {
		left: 88px !important;
	}
	.baner{
		height: 257px;
	}
	#back-top a, #go-down a{
		display: none;
	}
	h2.naglowek {
		padding: 10px 15px 10px 15px;
		text-align: left;
	}
	.podstrona h2.naglowek {
		padding: 20px 0 10px 0;
	}
	body.wob .wrap{
		padding-top: 80px !important;
	}
	#main-content {
		margin-top: 0;
	}
	#slider{
		min-height: auto;
	}
	.formularz .r1, .formularz .r2, .formularz .r3, .formularz .r4 {
		float: none;
		width: 100%;
		margin: 0;
	}
	.podstrona .left-side{
		float: none;
		width: 100%;	
	}
	.podstrona .right-side{
		float: none;
		width: 100%;
		margin: 0;
		padding-top: 0;
	}
	.formularz .tr .r1, .formularz .tr .r2, .formularz .tr .r3 {
		display: block;
	}
	/*
	#menu-right{
		display: none;
	}
	.show_menu_right{
		display: block;
	}
	*/
	.menu-bottom a{
		font-size: 14px;
	}
	.menu-bottom li::before {
		top: 2px;
		height: 10px;
		width: 1px;
	}
	.container1 {
		height: auto;
		padding-top: 0;
	}
	#widgets{
		width: 100%;
		text-align: center;
		top: auto;
		position: relative;
		padding: 20px 0 50px 0;
		z-index: 1;
	}
	#widgets div{
		display: inline-block;
	}
	.wrap-bottom .left, .wrap-bottom .right{
		width: 100%;
	}
	.formularz .tr {
		display: block;
	}
	.formularz .r1, .formularz .r2, .formularz .r3, .formularz .r4 {
		display: block;
	}
	.formularz .r2 {
		padding: 0;
	}
	.formularz #form_wycena .r3{
		padding: 0;
	}
	.formularz #form_wycena .typy_konstrukcji .table .row{
		float: none;
		width: 100%;
		padding: 0 10px 20px 10px;
	}
	.formularz input[type="text"], .formularz input[type="password"] {
		width: 100%;
	}
	.formularz input[type="submit"], .formularz input[type="button"] {
		margin-left: 0;
		margin-right: 20px;
	}
	.formularz .buttons{
		text-align: left;
	}
	.formularz .buttons button{
		width: 100%;
	}
	.formularz .captcha-r2{
		width: calc( 100% - 142px );
	}
	.formularz .captcha-r2 input[type=text]{
		width: 100%;
		margin-right: 0;
	}
	#menu-kategorie-top{
		display: none;
	}
	#video_bg video{
		position: relative;
		width: 100%;
		height: auto;
		min-height: 0;
		min-width: 0;
		top: auto;
		left: auto;
		transform: none;
		vertical-align: bottom;
	}
	#video_bg .desc, #video_bg .desc .row {
		display: block;
	}
	#video_bg .desc .row span{
		font-size: 24px;
		bottom: 0;
		padding: 10px 0;
		position: absolute;
		width: 100%;
	}
}
@media only screen and (max-width: 999px) {
	.pagewidth,
	.pagewidth-s,
	.pagewidth-sm{
		max-width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	.pagewidth,
	.pagewidth-s,
	.pagewidth-sm{
		width: 100%;
		padding: 0 15px;
	}
	#main-content{
		width: 100%;
	}	
	#slider{
		margin: 0 auto 0 auto;	
	}
	.formularz .left{
		width: 100%;
		margin-right: 0;
	}
	.formularz .right{
		width: 100%;
	}
	.koncerty_scroll .table{
		padding: 15px 0 5px 0;
	}
	img.okladka{
		float: left;
		width: 100%;
		max-width: 100%;
		margin: 0 0 20px 0;
	}
	.formularz table td.l, .formularz table td.r {
		display: block;
		width: 100%;
		text-align: left;
		padding-left: 0;
		padding-right: 10px;
	}
	.formularz table td.l input[type=text], .formularz table td.r input[type=text], .formularz table td.l select, .formularz table td.r select{
		width: 100%;
	}
	.formularz input[type="submit"], .formularz input[type="button"] {
		margin-right: 0;
	}
}

@media only screen and (max-width: 480px) {
	.baner{
		height: 161px;
	}
	.about .content{
		text-align: left;
	}
}


@media only screen and (max-width: 360px) {
	h2.naglowek {
		font-size: 24px;
	}
}

.kategorie-wrap{
	position: relative;
	width: 320px;
}
.kategorie-menu{
	position: relative;
	width: 320px;
	z-index: 1;
	display: block;
	padding: 0;
	margin: 0 0 4px 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.kategorie-menu .wrap {
    position: relative;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
#main-content .podstrona .kategorie-menu > .wrap > h3,
.kategorie-menu > .wrap > h3{
	background: #f2b13c;
	color: #fff;
	padding: 20px 15px;
	font-size: 24px;
	font-weight: 600;
}
.kategorie-menu .nav{
	padding: 0;
}

@media only screen and (max-width: 1220px) {
	.cwrapper .content{
		position: relative;
		padding: 0 15px 20px 15px;
	}
	.main-container .side-left {
		width: auto;
	}
	a.menu-mobile-toggle{
		display: block;
	}
	.kategorie-menu{
		/*display: none;*/
	}
	.kategorie-wrap{
		/*display: none;
		position: fixed;*/
		width: 100%;
		height: 100%;
		top: 0;
		z-index: 20;
		overflow-y: auto;
		overflow-x: hidden;
		padding-bottom: 20px;
	}
	.kategorie-menu{
		width: 100%;
	}
	.main-container .side-right{
		width: 100%;
	}
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-bg-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}

.video-bg-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%,-50%);
  
  object-fit: cover;
}

.layout1 .heading {
    padding-bottom: 10px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #8b8b8b;
	text-align: left;
}
.layout1 .heading h4 {
    font-size: 110%;
	font-weight: 600;
	color: #ff4d00;
}
.layout1 table td:first-child{
	text-align: left;
	color: #727272;
}
.layout1 table td:last-child{
	text-align: right;
	color: #000;
	padding-left: 30px;
}
.layout1 .lside,
.layout1 .rside{
	padding-bottom: 30px;
}
@media only screen and (min-width: 940px) {
	.layout1 .lside table,
	.layout1 .rside table{
		width: 100%;
	}
	.layout1 .lside{
		float: left;
		width: 60%;
		padding-right: 30px;
		padding-bottom: 40px;
	}
	.layout1 .rside{
		float: right;
		width: 35%;
		padding-left: 30px;
		padding-bottom: 40px;
		padding-top: 40px;
	}
}



.categories-rows .row{
	padding-top: 30px;
}
.categories-rows .row:first-child{
	padding-top: 0;
}
.categories-rows .title{
	font-size: 24px;
	color: #f27d0b;
	font-weight: 500;
	text-transform: uppercase;
	padding-top: 20px;
	letter-spacing: 0;
	transition: all 0.3s ease;
}
.categories-rows .title.active{
	font-weight: 900;
	letter-spacing: 1px;
}
.categories-rows .desc{
	padding-top: 20px;
}
@media only screen and (max-width: 1220px) {
	.categories-rows .title{
		font-size: 20px;
	}
}



/* PODSTRONY */

.wrap.dark  #main-content{
	color: #fff;
	background: #fff;
}
.wrap.dark  #main-content .title_poradnie{
	font-size: 26px; 
	color: #000;
}
.wrap.dark  #main-content .title_poradnia{
	font-size: 30px;
}
.entry-content p{
	margin: 30px 0;
}
.animate{
	animation: fadeIn 1.6s linear forwards;
}

@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}

@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}

@media only screen and (max-width: 480px) {
	.parallax-slider #mainCaptionHolder .container .slider_caption .t_caption{
		padding-top: 65px;
	}
}


#colorbox.popup-europe-map #cboxContent {
    padding: 0;
}

/* 
	ControlUpload 
*/
#ControlUpload .opis{
	font-size: 11px;
	color: #6a6a6a;
	margin: 5px 0 0 0;
}
#ControlUpload .ControlUploadURL{
	margin: 10px 0 10px 0;
	color: #6a6a6a;
}
#ControlUpload .ControlUploadURL span{
	display: inline-block;
}
#ControlUpload .ControlUploadURL input[type=text]{
	position: relative;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid #b7b7b7;
	color: #6a6a6a;
	background: #FBFBFB;
	box-shadow: none;
}
#ControlUpload .ControlUploadURL .ControlUploadFolder{
	position: relative;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	padding-right: 5px;
}
#ControlUpload .ControlUploadURL .ControlUploadFolder i.fa{
	position: absolute;
	z-index: 2;
	color: #4f4f4f;
	margin: 6px 0 0 0;
	font-size: 16px;
}
#ControlUpload .ControlUploadURL #ControlUploadFolder{
	padding-left: 20px;
}
#ControlUpload .ControlUploadURL #ControlUploadNewFolder{
	width: 150px;
}
#ControlUpload .button{
    font-size: 12px;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
    color: white;
    background: #4f4f4f;
    display: inline-block;
	cursor: pointer;
	margin-right: 5px;
}
#ControlUpload .button i.fa{
	padding-right: 3px;
}
#ControlUpload .button:hover{
	background: #5aae08;
}
#ControlUpload .UploadProgress{
	position: relative;
	width: 100%;
	max-width: 600px;
	border: 1px solid #b7b7b7;
	color: #333333;
	background: #f0f0f0;
	text-align: center;
	padding: 10px;
	font-size: 11px;
	margin-top: 10px;
}
#ControlUpload .UploadProgress .filename{
	overflow: hidden;
}
#ControlUpload .UploadProgress .percent{
	position: relative;
	width: 100%;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	background: #b7b7b7;
	margin: 10px auto 0 auto;
	font-size: 11px;
}
#ControlUpload .UploadProgress .percent .complete{
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	background: #5aae08;
	width: 0%;
	transition: all 0.3s ease-in 0s;
}
#ControlUpload .UploadProgress .percent .number{
	position: relative;
}
#ControlUpload .UploadProgress .close{
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 18px;
	color: #333333;
}
#ControlUpload .UploadProgress .close i{
	cursor: pointer;
}
#ControlUpload .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
#ControlUpload .inputfile + label {
    font-size: 12px;
	padding: 0 10px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
    color: white;
    background: #4f4f4f;
    display: inline-block;
	cursor: pointer;
	margin-right: 5px;
}
#ControlUpload .inputfile + label i.fa{
	padding-right: 3px;
}
#ControlUpload .inputfile:focus + label,
#ControlUpload .inputfile + label:hover {
    background: #5aae08;
}
#ControlUploadFolderList{
	margin: 20px 0;
	color: #6a6a6a;
	font-size: 12px;
}
#ControlUploadFolderList .row{
	float: left;
	width: 180px;
	border: 1px solid #b7b7b7;
	margin: 0 9px 9px 0;
	overflow: hidden;
}
#ControlUploadFolderList .row .ico{
	position: relative;
	width: 100%;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
#ControlUploadFolderList .row .ico a{
	cursor: pointer;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	transition: all 0.1s ease-in 0s;
}
#ControlUploadFolderList .row .ico a:hover{
	box-shadow: inset 0 0 10px 0 rgba(183,183,183,0.8);
}
#ControlUploadFolderList .row .ico img{
	height: 100%;
	vertical-align: bottom;
	transition: all 0.1s ease-in 0s;
}
#ControlUploadFolderList .row .ico a:hover img{
	opacity: 0.9;
}
#ControlUploadFolderList .row .ico i.fa{
	font-size: 50px;
	line-height: 100px;
	color: #6a6a6a;
	transition: all 0.1s ease-in 0s;
}
#ControlUploadFolderList .row .ico:hover i.fa{
	color: #54A506;
}
#ControlUploadFolderList .row .info{
	border-top: 1px solid #b7b7b7;
	padding: 5px;
	overflow: hidden;
}
#ControlUploadFolderList .row .info a{
	cursor: pointer;
}
#ControlUploadFolderList .row .info i.fa{
	font-size: 18px;
}
#ControlUploadFolderList .row .info i.fa.fa-times{
	color: red;
	font-size: 20px;
}
#ControlUploadFolderList .row .info i.fa.fa-clipboard{
	font-size: 14px;
	color: #6ba5f9;
}
#ControlUploadFolderList .row .info .options{
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin-bottom: 5px;
}
#ControlUploadFolderList .row .info .options .left{
	float: left;
	text-align: left;
	vertical-align: top;
}
#ControlUploadFolderList .row .info .options .right{
	float: right;
	text-align: right;
	font-size: 11px;
}
#ControlUploadFolderList .row .info .filename{
	height: 29px;
	line-height: 1.2;
	overflow: hidden;
	text-align: left;
}
#ControlUploadFolderList .row .info .filename, #ControlUploadFolderList .row .info .filename a{
	color: #464646;
	font-size: 11px;
	text-decoration: none;
	word-break: break-all;
}
#ControlUploadFolderList .row .info .filename a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	transition: all 0.1s ease-in 0s;
}
#ControlUploadFolderList .row .info .filename a:hover{
	color: #000;
}

@media only screen and (max-width: 767px) {
	
	#ControlUpload .ControlUploadURL span{
		display: block;
		margin: 0 0 10px 0;
	}
	#ControlUpload .ControlUploadURL span.slash{
		display: none;
	}
	#ControlUploadFolderList .row{
		width: 150px;
	}
	#ControlUploadFolderList .row .ico{
		height: 83px;
		line-height: 83px;
	}
	
}

.ui-autocomplete.ui-menu .ui-menu-item{
	font-family: inherit;
	color: #000;
	font-weight: 500;
	font-size: 15px;
	padding: 3px 22px;
}
.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus{
	background: #cb22e8;
	color: #fff;
}
.ajax-loading{
	display: block;
	margin: 0 auto;
	width: 160px;
	height: 20px;
	background: url('../img/ajax-loading.png') no-repeat center center;
}

@keyframes ldio-7xzhrs4bu6t {
	0% { transform: translate(-50%,-50%) rotate(0deg); }
	100% { transform: translate(-50%,-50%) rotate(360deg); }
}
.ldio-7xzhrs4bu6t div {
	position: absolute;
	width: 34px;
	height: 34px;
	border: 10px solid #6f15cf;
	border-top-color: transparent;
	border-radius: 50%;
}
.ldio-7xzhrs4bu6t div {
	animation: ldio-7xzhrs4bu6t 1s linear infinite;
	top: 50px;
	left: 50px
}
.loadingio-spinner-rolling-68vq8l89w5a {
	width: 22px;
	height: 22px;
	display: inline-block;
	overflow: hidden;
	background: none;
}
.ldio-7xzhrs4bu6t {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(0.22);
	backface-visibility: hidden;
	transform-origin: 0 0;
}
.ldio-7xzhrs4bu6t div { box-sizing: content-box; }
/* generated by https://loading.io/ */


.gallery{
	background: #f6f6f6;
	overflow: hidden;
}

.film_roll_pager, .film_roll_prev, .film_roll_next{
	display: none !important;
}
#galeria_scroll_slider img, .film_roll_shuttle > div{
	height: 268px;
	display: block;
	width: auto !important;
	animation-delay: 1s;
	animation: delayer2 0.3s;
}
.film_roll_wrapper{
	min-height: 308px !important;
}
#galeria_scroll_slider .active{
	animation-delay: 1s;
	animation: delayer 0.7s;
}
@keyframes delayer{
	0%{
		height: 268px;
	}
	6%{
		height: 268px;
	}
	100%{
		height: 308px;
		width: 600px;
	}
}
@keyframes delayer2{
	0%{
		height: 308px;
		width: 600px;
	}
	94%{
		height: 268px;
	}
	100%{
		height: 268px;
	}
}
#galeria_scroll_slider .active img{
	animation: delayer 0.7s forwards;
}
.film_roll_shuttle{
	display: flex;
	height: 308px;
	align-items: center;
}
#galeria_scroll_slider .active{
	animation: delayer 0.7s forwards;
}
#galeria_scroll_slider .film_roll_child div::before{
	content: "";
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#galeria_scroll_slider .film_roll_child div::after {
    content: "";
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(33,23,86,0.4038749288778011) 90%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
@media only screen and (max-width: 1220px) {
	#galeria_scroll_slider img{
		height: 170px;
	}
	#galeria_scroll_slider .active img, #galeria_scroll_slider .active, #galeria_scroll_slider img, .film_roll_shuttle > div{
		animation: none;
		height: 170px;
	}
}

.partners_kategoria{
	padding: 0;
	height: 5.208vw;
	overflow: hidden;
}
.partners_kategoria ul{
	width: 100%;
	margin: 0 auto;
    padding: 0;
	list-style: none;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}
.partners_kategoria li{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 20px;
}
.partners_kategoria li img{
	max-width: 300px;
	max-height: 5.208vw;
}
@media only screen and (max-width: 980px) {
	.partners_kategoria{
		height: 70px;
	}
}
@media only screen and (max-width: 480px) {
	.partners_kategoria{
		flex-direction: column;
	}
}

a.button-w-ico{
	display: inline-flex;
	align-items: stretch;
	width: auto;
	transition: 0.2s all ease-in-out;
	padding: 0;
	height: 32px;
	color: #fff;
	font-size: 16px;
	background: #4c4c4c;
	overflow: hidden;
}
a.button-w-ico span{
	display: flex;
	height: 100%;
	padding: 0 15px;
	align-items: center;
	justify-content: center;
	line-height: 1;
	transition: 0.2s all ease-in-out;
}
a.button-w-ico span.ico{
	width: 32px;
	background: #323232;
	color: #fff;
	padding: 0 !important;
}
a.button-w-ico span.ico i{
	color: #fff;
	padding: 0;
}
a.button-w-ico:hover, a.button-w-ico:focus{
	color: #fff;
}
a.button-w-ico:hover span{
	padding: 0 31px;
}
a.button-w-ico:hover span.ico{
	background: #4c4c4c;
	width: 0;
	overflow: hidden;
}

.form-container{
	position: relative;
}
.form-container > h2{
	margin-bottom: 30px;
}
.form-container .field{
	margin-top: 20px;
	background: #F6F5F5;
	border: 1px solid #e8e8e9;
	padding: 20px 15px;
}
.form-container .field .desc{
	margin: 20px 0 15px 0;
}
.form-container .field > .chbx{
	margin: 0;
}
.form-container .field > .chbx input[type=checkbox],
.form-container .field > .chbx label{
	cursor: pointer;
}
.form-container .field > .radios{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 15px 0 0 0;
}
.form-container .field > .radios > div{
	width: 100%;
}
.form-container .field > .radios input[type=checkbox],
.form-container .field > .radios label{
	cursor: pointer;
}
.form-container .field .flex{
	display: flex;
	gap: 15px;
}
.form-container .field .flex > div.left{
	width: 300px;
	padding-top: 5px;
}
.form-container .field .flex > div.right{
	width: calc(100% - 315px);
}
.form-container .field input[type=text],
.form-container .field textarea{
	width: 100%;
	border: 1px solid #e8e8e9;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
}
.form-container .field input[type=text].error,
.form-container .field textarea.error{
	border: 1px solid red;
}
.form-container .field input[type=checkbox].error{
	box-shadow: 0 0 0 1px rgba(255,0,0,1);
}
.form-container .captcha{
	margin-top: 20px;
}
.form-container .butttons{
	margin-top: 20px;
}
.form-container label.error{
	display: block;
	color: red;
	font-size: 14px;
	font-weight: 400;
}


.table2{
	width: 100%;
	border: 0 !important;
}
.table2 td{
	vertical-align: top;
	border: 0 !important;
	padding: 0;
}
.table2 td:first-child{
	width: 60%;
	padding-right: 10%;
}
@media only screen and (max-width: 999px) {
	.table2 td{
		display: block;
		width: 100%;
	}
}

.podstrona .content table{
	overflow-x: auto;
}

.podstrona .content.articles{
	position: relative;
	background: #f9f9f9;
	padding: 20px 0 60px 0;
	margin-top: 0;
}
.articles .articles-table{
	position: relative;
	display: grid;
	gap: 1.823vw;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}

.podstrona .articles .articles-table .row > a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fbfcfe;
	color: #000;
	transition: all 0.25s ease-in-out;
	z-index: 1;
	position: relative;
}
.podstrona .articles .articles-table .row > a .title {
	color: #112743;
	font-size: 0.938vw;
	font-weight: 600;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition:all 0.25s ease-in-out;
	width: 100%;
}
.podstrona .articles .articles-table .row > a .date {
	display: flex;
	gap: 10px;
	align-items: center;
	color: #445360;
	font-size: 0.781vw;
	font-weight: 400;
	margin-top: 1.563vw;
	transition: all 0.25s ease-in-out;
}
.podstrona .articles .articles-table .row:hover > a{
	text-decoration: none;
}
.podstrona .articles .articles-table .row:hover > a .title{
	color: #4c4c4c;
}

.articles .articles-table.layout0 .row{
	border-radius: 1.302vw;
	overflow: hidden;
}
.articles .articles-table .row .links{
	display: flex;
	justify-content: flex-end;
	width: 100%;
	margin-top: 0.781vw;
}
.articles .articles-table .row .links .social .widgets{
	display: flex;
	justify-content: center;
	align-items: center;
}
.articles .articles-table .row .links .social .widgets > a,
.articles .articles-table .row .links .social .widgets > span.share{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	font-weight: 600;
	font-family: inherit;
	transition: all 0.1s ease-in;
	margin-left: 5px;
	cursor: pointer;
	background: #4c4c4c;
	color: #fff;
}
.articles .articles-table .row .links .social .widgets > a:hover,
.articles .articles-table .row .links .social .widgets > span.share:hover{
	background: #112743;
}
body.wcag .articles .articles-table .row .links .social .widgets > a:focus,
body.wcag .articles .articles-table .row .links .social .widgets > span.share:focus{
	background: #ff0;
	color: #000;
	border: 2px solid #000;
}
.articles .articles-table .row .links .social a em,
.articles .articles-table .row .links .social span.share em{
	background: #4c4c4c;
	color: #fff;
	font-size: 12px;
	width: 19px;
	height: 19px;
	line-height: 19px;
	text-align: center;
	vertical-align: bottom;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
	transition: all 0.2s ease-in;
}
.articles .articles-table .row .links .social a:hover > em,
.articles .articles-table .row .links .social span.share:hover > em{
	background: #000;
}
.articles .articles-table .row .links .social .share-block{
	display: block;
	position: absolute;
	top: 36px;
	width: 150px;
	right: -150px;
	background: #fff;
	box-shadow: 1px 1px 5px rgba(0,0,0,.15);
	border: 1px solid #d5d6d6;
	margin: 0;
	padding: 5px 0;
	z-index: 2;
	overflow: hidden;
	transition: all 0.3s;
	z-index: 11;
}
.articles .articles-table .row .links .social span.share .share-block a{
	display: block;
	position: relative;
	margin: 0;
	padding: 0 10px;
	color: #4c4c4c;
	text-align: left;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	vertical-align: bottom;
	box-sizing: border-box;
}
.articles .articles-table .row .links .social span.share .share-block a:hover{
	background: #4c4c4c;
	color: #fff;
	transition: none;
}
.articles .articles-table .row .links .social .share-block a span{
	display: inline-block;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
}
.articles .articles-table .row .links .social .share-block a em{
	margin-right: 5px;
	vertical-align: middle;
}
.articles .articles-table .row .links .social .share-block a em.fa-google{
	background: #4285f4;
}
.articles .articles-table .row .links .social .share-block a em.fa-facebook-f{
	background: #3b5998;
}
.articles .articles-table .row .links .social .share-block a em.fa-twitter{
	background: #1da1f2;
}
.articles .articles-table .row .links .social .share-block a em.fa-envelope{
	background: #848484;
}
.articles .articles-table .row .links .social .share-block a em.fa-blogger-b{
	background: #f57d00;
}
.articles .articles-table .row .links .social .share-block a em.fa-pinterest-p{
	background: #e60023;
}
.articles .articles-table .row .links .social .share-block a em.fa-linkedin-in{
	background: #0073b0;
}
.articles .articles-table .row .links .social span.share .share-block > span{
	display: block;
	position: relative;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	transition: all 0.6s;
	transition-delay: 0.9s;
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transform: translateX(200px);
	opacity: 0;
}
.articles .articles-table .row .links .social span.share:hover .share-block > span{
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
.articles .articles-table .row .links .social span.share:focus-within .share-block > span{
	-webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
	transition: all 0s !important;
}
.articles .articles-table .row .links .social span.share:focus-within .share-block{
	display: block;
	right: 0;
	transition: all 0s !important;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(1){
	-webkit-transition-delay: 0.05s;
    -moz-transition-delay: 0.05s;
    transition-delay: 0.05s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(2){
	-webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(3){
	-webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(4){
	-webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(5){
	-webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(6){
	-webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(7){
	-webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(8){
	-webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.articles .articles-table .row .links .social span.share .share-block > span:nth-child(9){
	-webkit-transition-delay: 0.45s;
    -moz-transition-delay: 0.45s;
    transition-delay: 0.45s;
}
.articles .articles-table .row .links .social span.share:hover .share-block{
	display: block;
	right: 0;
}
.articles .articles-table .row .links .more .button{
	background: transparent;
	border-radius: 0;
	font-weight: 400;
	font-size: 0.729vw;
	border: 0;
	color: #006aff;
	gap: 5px;
	text-transform: none;
}
.articles .articles-table .row .links .more .button > i{
	color: inherit;
}
.articles .articles-table .row .links .more .button:hover{
	color: #112743;
}
.articles .articles-table .row .links .more .button:hover i{
	color: inherit;
}
body.wcag .articles .articles-table .row .links .more .button:focus{
	background: #ff0;
	color: #000;
	border-color: #000;
}
body.wcag .articles .articles-table .row .links .more .button:focus i{
	color: #000;
}
.articles .articles-table .row .info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 1.042vw;
}
.articles .articles-table .row .info .author,
.articles .articles-table .row .info .date{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #243b55;
	font-size: 0.781vw;
	font-weight: 600;
	line-height: 1;
}
.articles .articles-table .row .info .date{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	z-index: 1;
}
.articles .articles-table .row .info .date > div{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.articles .articles-table .row .info .date i{
	display: none;
}
.articles .articles-table .row .info .author i,
.articles .articles-table .row .info .date i{
	color: #445360;
	font-size: 13px;
	padding-right: 10px;
}
.articles .articles-table .row .wrapper .grid-sb{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	width: 100%;
	padding: 2vw 2.604vw;
	position: relative;
}
.articles .articles-table .row > .wrapper{
	position: relative;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
}
.articles .articles-table .row .wrapper .content{
	display: grid;
	align-content: space-between;
	width: 100%;
	height: 100%;
}
.articles .articles-table .row .wrapper > a{
	display: block;
	position: relative;
}
.articles .articles-table .row div.photo{
	position: relative;
	display: block;
	width: 100%;
	height: 17.708vw;
	overflow: hidden;
	z-index: 1;
}
.articles .articles-grid .articles-table .row .photo{
	position: relative;
	display: block;
	overflow: hidden;
}
.articles .articles-grid .articles-table .row .photo .photo{
	width: 100%;
	height: 100%;
	background: #ececec;
}
.articles .articles-table .row .photo img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}
.articles .articles-table .row:hover .photo img{
	transform: scale(1.1);
}
.articles .articles-table .row .photo .full{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.articles .articles-table .row .photo .full:hover{
	background: rgba(0,0,0,0.3) !important;
}
.articles .articles-table .row .photo .block {
	position: absolute;
	display: flex;
	justify-content: flex-end;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 50px;
	background: rgba(0,0,0,0.5);
	border-top: 1px solid #fff;
}
.articles .articles-table .row .photo .block .more{
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(10,69,149,0.75);
	color: #fff;
	font-size: 16px;
	height: 100%;
	padding: 0 25px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
}
.articles .articles-table .row .photo .block .more:hover{
	background: #323232;
}
.articles .articles-table .row .title a{
	position: relative;
	display: flex;
	color: #333254;
	font-size: 0.938vw;
	font-weight: 600;
}
body.wcag .articles .articles-table .row .title a:focus{
	background: #ff0;
	color: #000;
	border: 2px solid #000;
	padding-top: 4px;
	padding-bottom: 4px;
}
.articles .articles-table .row .title a h3{
	position: relative;
	color: #333254;
	font-size: inherit;
	font-weight: inherit;
	background: inherit;
	line-height: 1.5;
	text-align: inherit;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
}
.articles .articles-table .row .title i{
	color: #4c4c4c;
	font-size: 24px;
	padding: 0 15px;
}
.articles .articles-table .row .lead{
	margin-top: 20px;
	font-size: 0.781vw;
	color: #18173b;
	font-weight: 400;
	line-height: 1.8;
	overflow: hidden;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;	
}

.articles .articles-slick.articles-table.layout1,
.articles .articles-slick.articles-table.layout2 {
	display: block;
}

/* articles layout1 */

.articles .articles-table.layout1{
	gap: 2.604vw 2.083vw;
}
.articles .articles-table.layout1 .row > .wrapper{
	display: block;
	height: auto;
	background: transparent;
}
.articles .articles-grid .articles-table.layout1 .row .photo{
	width: 100%;
	height: 15.104vw;
	background: #ececec;
}
.articles .articles-table.layout1 .row .wrapper .grid-sb {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 3.125vw 1.563vw 1.563vw 1.563vw;
	height: 17.708vw;
	margin: 0 1.302vw;
	margin-top: 0;
	margin-top: -3.385vw;
	width: calc(100% - 2.604vw);
	background: #fff;
	border: 1px solid #e3e7e6;
	z-index: 1;
}
.articles .articles-table.layout1 .row .wrapper .grid-sb > *{
	width: 100%;
}
.articles .articles-table.layout1 .row .wrapper .grid-sb::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	background: #9c9c9c;
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout1 .row:hover .wrapper .grid-sb::after{
	background: #f25d35;
}
.articles .articles-table.layout1 .row .title {
	color: #4c4c4c;
	font-size: 0.938vw;
	font-weight: 600;
	text-transform: uppercase;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout1 .row .lead {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #1a1a1a;
	font-size: 0.781vw;
	font-weight: 300;
	margin-top: 2.083vw;
	line-height: 1.5;
}
.articles .articles-table.layout1 .row .btm-f {
	display: flex;
	justify-content: flex-start;
	gap: 20px;
	margin-top: 2.083vw;
}
.articles .articles-table.layout1 .row .btm-f .btm-date {
	color: #84201d;
	font-size: 0.781vw;
	font-weight: 400;
	text-transform: uppercase;
}
.articles .articles-table.layout1 .row .btm-f .btm-author{
	font-size: 0.781vw;
	font-weight: 400;
	color: #0c2e5d;
}
.articles .articles-table.layout1 .row .btm-f .btm-btn {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.563vw;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #9c9c9c;
	width: 2.604vw;
	height: 2.604vw;
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout1 .row .btm-f .btm-btn i {
	transform: rotate(-45deg);
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout1 .row:hover .btm-f .btm-btn{
	background: #f25d35;
}
.articles .articles-table.layout1 .row:hover .btm-f .btm-btn i{
	transform: rotate(0deg);
}
@media only screen and (max-width: 999px) {
	.articles .articles-table.layout1{
		gap: 30px 15px;
	}
	.articles .articles-table.layout1 .row .wrapper .grid-sb {
		left: auto;
		bottom: auto;
		padding: 20px 15px;
		height: 220px;
		margin: 0 15px;
		margin-top: -30px;
		width: calc(100% - 30px);
	}
	.articles .articles-grid .articles-table.layout1 .row .photo{
		height: 26vw;
	}
	.articles .articles-table.layout1 .row .title{
		font-size: 14px;
	}
	.articles .articles-table.layout1 .row .lead{
		font-size: 13px;
		margin-top: 0;
	}
	.articles .articles-table.layout1 .row .btm-f {
		gap: 10px;
		margin-top: 0;
	}
	.articles .articles-table.layout1 .row .btm-f .btm-date {
		font-size: 13px;
	}
	.articles .articles-table.layout1 .row .btm-f .btm-author{
		font-size: 13px;
	}
	.articles .articles-table.layout1 .row .btm-f .btm-btn {
		width: 40px;
		height: 40px;
		font-size: 22px;
	}
}
@media only screen and (max-width: 768px) {
	.articles .articles-table.layout1 .row .wrapper .grid-sb{
		height: auto;
		gap: 15px;
	}
}

/* koniec articles layout1 */


/* articles layout2 */

.articles .articles-table.layout2{
	gap: 2.604vw 2.083vw;
}
.articles .articles-table.layout2 .row > .wrapper{
	display: block;
	height: auto;
	background: transparent;
}
.articles .articles-grid .articles-table.layout2 .row .photo{
	width: 100%;
	height: 15.104vw;
	background: #ececec;
}
.articles .articles-table.layout2 .row .wrapper .grid-sb {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-content: space-between;
	padding: 3.125vw 1.563vw 1.563vw 1.563vw;
	height: 17.708vw;
	margin: 0 1.302vw;
	margin-top: -3.385vw;
	width: calc(100% - 2.604vw);
	background: #fff;
	border: 1px solid #e3e7e6;
	z-index: 1;
}
.articles .articles-table.layout2 .row .wrapper .grid-sb.nf{
	margin-top: 0 !important;
	width: 100% !important;
	margin: 0 !important;
}
.articles .articles-table.layout2 .row .wrapper .grid-sb > *{
	width: 100%;
}
.articles .articles-table.layout2 .row .wrapper .grid-sb::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	width: 100%;
	height: 10px;
	background: #9c9c9c;
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout2 .row:hover .wrapper .grid-sb::after{
	background: #f25d35;
}
.articles .articles-table.layout2 .row .title {
	color: #4c4c4c;
	font-size: 0.938vw;
	font-weight: 600;
	text-transform: uppercase;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout2 .row .wrapper .grid-sb .pline{
	position: relative;
	background: #cecece;
	width: 7.552vw;
	height: 2px;
}
.articles .articles-table.layout2 .row .lead {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #1a1a1a;
	font-size: 0.781vw;
	font-weight: 300;
	line-height: 1.5;
	margin-top: 0;
}
.articles .articles-table.layout2 .row .btm-f {
	display: flex;
	justify-content: flex-start;
	gap: 20px;
	margin-top: 0;
}
.articles .articles-table.layout2 .row .btm-f .btm-date {
	color: #84201d;
	font-size: 0.781vw;
	font-weight: 400;
	text-transform: uppercase;
}
.articles .articles-table.layout2 .row .btm-f .btm-author{
	font-size: 0.781vw;
	font-weight: 400;
	color: #0c2e5d;
}
.articles .articles-table.layout2 .row .btm-btn {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	text-transform: uppercase;
	text-align: right;
	color: #9c9c9c;
	font-size: 0.781vw;
	font-weight: 400;
}
.articles .articles-table.layout2 .row .btm-f .btm-btn {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.563vw;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #9c9c9c;
	width: 2.604vw;
	height: 2.604vw;
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout2 .row .btm-f .btm-btn i {
	transform: rotate(-45deg);
	transition: all 0.25s ease-in-out;
}
.articles .articles-table.layout2 .row:hover .btm-f .btm-btn{
	background: #f25d35;
}
.articles .articles-table.layout2 .row:hover .btm-f .btm-btn i{
	transform: rotate(0deg);
}
@media only screen and (max-width: 999px) {
	.articles .articles-table.layout2{
		gap: 30px 15px;
	}
	.articles .articles-table.layout2 .row .wrapper .grid-sb {
		left: auto;
		bottom: auto;
		padding: 20px 15px;
		height: 220px;
		margin: 0 15px;
		margin-top: -30px;
		width: calc(100% - 30px);
	}
	.articles .articles-grid .articles-table.layout2 .row .photo{
		height: 26vw;
	}
	.articles .articles-table.layout2 .row .title{
		font-size: 14px;
	}
	.articles .articles-table.layout2 .row .lead{
		font-size: 13px;
		margin-top: 0;
	}
	.articles .articles-table.layout2 .row .btm-btn{
		font-size: 14px;
	}
	.articles .articles-table.layout2 .row .btm-f {
		gap: 10px;
		margin-top: 0;
	}
	.articles .articles-table.layout2 .row .btm-f .btm-date {
		font-size: 13px;
	}
	.articles .articles-table.layout2 .row .btm-f .btm-author{
		font-size: 13px;
	}
	.articles .articles-table.layout2 .row .btm-f .btm-btn {
		width: 40px;
		height: 40px;
		font-size: 22px;
	}
}
@media only screen and (max-width: 768px) {
	.articles .articles-table.layout2 .row .wrapper .grid-sb{
		height: auto;
		gap: 15px;
	}
}

/* koniec articles layout2 */


.articles-grid{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 40px;
}
.articles-grid .articles-left-side {
	width: calc(100% - 23vw);
	padding-right: 40px;
}
.articles-grid .articles-right-side {
	padding: 0;
	width: 23vw;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}
.articles-widgets {
	margin-bottom: 25px;
	align-items: center;
}
.articles-widgets .title-tile{
	text-transform: uppercase;
	background: #4c4c4c;
	color: #fff;
	padding: 15px 20px;
	letter-spacing: 2px;
}
.articles-widgets > h3{
	margin-top: 0;
	margin-bottom: 0;
	padding: 1.563vw 0 0.5vw 0;
	font-size: 1.3541666666666667vw;
	font-weight: 500;
}
.articles-widgets ul.menu{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
.articles-widgets ul.menu li{
	position: relative;
	margin: 0;
	padding: 0;
}
.articles-widgets ul > li:last-child{
	border-bottom: 0;
}
.articles-widgets li a{
	padding: 11px 20px 11px 20px;
	font-size: 14px;
	text-align: left;
	line-height: 18px;
	position: relative;
	color: #3d3d3d;
	text-decoration: none;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	font-size: 1.0416666666666665vw;
}
.articles-widgets li.article-row a.flex{
	display: flex;
	justify-content: space-between;
	gap: 1.56vw;
	padding: 20px 0;
}
.articles-widgets li.article-row a.flex > .ls{
	position: relative;
	width: 5.21vw;
	height: 5.21vw;
	background: #ececec;
}
.articles-widgets li.article-row a.flex > .ls img{
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.articles-widgets li.article-row a.flex > .rs{
	width: calc(100% - 5.21vw - 1.56vw);
}
.articles-widgets li.article-row a.flex > .rs > span{
	display: block;
}
.articles-widgets li.article-row a.flex > .rs > span.title{
	line-height: 1.2;
}
.articles-widgets li.article-row a.flex > .rs > span.date{
	color: #4c4c4c;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 0.729vw;
}
.articles-widgets li a:after{
	content: '\f105';
	font-family: "Font Awesome 7 Pro";
	font-weight: 300;
	position: relative;
	color: #6a6a6a;
	font-size: 14px;
} 
.articles-widgets li a:hover{
	background: #e3e3e3 !important;
}
.articles-widgets li.article-row a.flex:hover{
	background: transparent !important;
}
.articles-widgets li.active a{
	background: #e9e9e9;
}
.articles-widgets li.article-row a{
	display: block;
}
.articles-widgets li.article-row a > span{
	display: block;
}
.articles-widgets li.article-row a::after {
	display: none;
}
.articles-widgets li.article-row a > span.date{
	font-size: 14px;
	color: #6a6a6a;
}
.articles-widgets li.article-row a > span.date i{
	font-size: 12px;
}
.articles-widgets li.article-row a > span.title{
	font-size: 16px;
	color: #000;
	font-weight: 400;
}

.articles .filters-section{
	margin: 30px 0 10px 0;
}
.articles .filters-section form{
	display: flex;
	flex-wrap: wrap;
	gap: 1.042vw;
}
.articles .filters-section form > h2{
	padding: 3px 2.083vw 0 0;
}
.articles .filters-section .si,
.articles .filters-section .di{
	position: relative;
}
.articles .filters-section .di{
	display: flex;
	align-items: center;
}
.articles .filters-section .si i.fa-magnifying-glass,
.articles .filters-section .di i.fa-calendar-days,
.articles .filters-section .di i.fa-list{
	position: absolute;
	top: 0.82vw;
	left: 0.781vw;
	font-size: 1.042vw;
	color: #4c4c4c;
}
.articles .filters-section .di span.sep{
	display: flex;
	align-items: center;
	background: #fff;
	height: 2.604vw;
	padding: 0 10px;
	margin: 0 -1px;
	border-top: 1px solid #e8e8e9;
	border-bottom: 1px solid #e8e8e9;
	box-sizing: content-box;
	z-index: 1;
}
.articles .filters-section .di .news_date_start,
.articles .filters-section .di .news_date_end{
	text-align: center;
}
.articles .filters-section .di .news_date_start{
	padding-right: 0;
	text-align: right;
}
.articles .filters-section .di .news_date_end{
	padding-right: 15px;
	padding-left: 0;
	text-align: left;
}
.articles .filters-section input {
	height: 2.604vw;
	width: 20.833vw;
	border-radius: 0;
	border: 1px solid #e8e8e9;
	padding: 0 20px 0 2.604vw;
	font-size: 0.677vw;
}
.articles .filters-section .di input{
	width: 4.5vw;
}
.articles .filters-section select{
	height: 2.604vw;
	border: 1px solid #e8e8e9;
	background: #fff;
	padding: 0 10px 0 2.604vw;
	font-size: 0.677vw;
}
.articles .filters-section button{
	display: none;
}

@media only screen and (max-width: 1680px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 250px;
	}
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1440px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 300px;
	}
}
@media only screen and (max-width: 1366px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 270px;
	}
}
@media only screen and (max-width: 1280px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 250px;
	}
}
@media only screen and (max-width: 1200px) {
	.articles .articles-table {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 1100px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 380px;
	}
}
@media only screen and (max-width: 999px) {
	.articles .articles-table.layout0 {
		grid-template-columns: repeat(1, 1fr);
	}
	.articles .articles-grid .articles-table .row .photo {
		height: 400px;
	}
	.articles .articles-table .row > a .wrapper .photo{
		height: 20vw !important;
	}
	.articles .articles-table .row > a .wrapper .title{
		font-size: 14px;
	}
	.articles .articles-table .row > a .wrapper .date{
		font-size: 13px;
	}
	.articles .articles-table .row > a .wrapper .grid-sb{
		width: 100%;
		height: 110px;
		padding: 20px 15px;
	}
	.articles-grid .articles-left-side{
		width: 100%;
		padding: 0 15px;
	}
	.articles-grid .articles-right-side{
		width: 100%;
		padding: 0 15px;
		margin-top: 50px;
	}
	.articles .articles-table {
		gap: 30px 30px;
	}
	.articles .articles-table .row .wrapper {
		height: 270px;
	}
	.articles .articles-table.layout0 .row{
		border-radius: 20px;
	}
	.articles .articles-table.layout0 .row .wrapper{
		height: auto;
	}
	.articles .articles-table.layout2 .row {
		padding-bottom: 36px;
	}
	.articles .articles-table .row div.photo{
		height: 60vw;
		width: 100%;
	}
	.articles .articles-table.layout2 .row .grid-sb {
		width: calc(100% - 20px);
		margin-left: 10px;
		bottom: -36px;
		padding: 30px 20px 5px 20px;
	}
	.articles .articles-table .row .wrapper .grid-sb {
		bottom: -30px;
		width: calc(100% - 40px);
		left: 20px;
		height: auto;
	}
	.articles .articles-table.layout0 .row .wrapper .grid-sb{
		bottom: auto;
		left: auto;
		width: 100%;
	}
	.articles .articles-table.layout2 .row .wrapper .content {
		margin-top: -20px;
	}
	.articles .articles-table.layout1 .row .info .date, 
	.articles .articles-table.layout2 .row .info .date {
		font-size: 16px;
	}
	.articles .articles-table.layout0 .row .info .date{
		font-size: 13px;
	}
	.articles .articles-table .row .title a{
		font-size: 16px;
	}
	.articles .articles-table.layout1 .row .title a, 
	.articles .articles-table.layout2 .row .title a,
	.articles .articles-table.layout1 .row .title a h3 {
		font-size: 18px;
	}
	.articles .articles-table .row .lead{
		font-size: 14px;
		margin-top: 20px;
	}
	.articles .articles-table .row .links{
		margin-top: 15px;
	}
	.articles .articles-table .row .links .more .button{
		font-size: 14px;
	}
	.articles .articles-table.layout1 .row .more a, .articles .articles-table.layout2 .row .more a {
		font-size: 15px;
		padding: 5px 20px 5px 25px;
	}
	.articles .articles-table.layout2 .row .more a i {
		font-size: 18px;
	}
	.articles .articles-table .row .info{
		margin-bottom: 20px;
	}
	.articles .articles-table .row .info:empty{
		margin-bottom: 0;
	}
	.articles .articles-table.layout2 .row .info .date i {
		font-size: 16px;
	}
	.articles .articles-table.layout2 .row .title a h3 {
		font-size: 16px;
		min-height: 0;
	}
	.articles .articles-table.layout1 .row::before {
		width: 80px;
		height: 80px;
		top: 66px;
		margin-left: -40px;
	}
	.articles .articles-table.layout1.articles-slick {
		margin-top: -60px;
	}
	.articles-widgets li a {
		line-height: 1.2;
		font-size: 16px;
	}
	.articles-widgets li.article-row a.flex{
		gap: 15px;
	}
	.articles-widgets li.article-row a.flex > .ls{
		position: relative;
		width: 80px;
		height: 80px;
	}
	.articles-widgets li.article-row a.flex > .rs{
		width: calc(100% - 95px);
	}
	.articles-grid .articles-left-side,
	.articles-grid .articles-right-side{
		padding: 0;
	}
	.podstrona .articles .articles-table.layout1 .row .more a{
		font-size: 16px;
	}
	.podstrona .articles .articles-table.layout1 .row .info .date {
		font-size: 16px;
	}
	.podstrona .articles .articles-table.layout1 .row .info {
		padding: 0;
		height: auto;
	}
	.articles.view.ak-layout-1 .ak-1-wrapper > .title {
		font-size: 20px;
	}
	.articles.view.ak-layout-1 .ak-1-wrapper > .date {
		font-size: 16px;
	}
	.articles-widgets > h3{
		padding: 20px 0 25px 0;
		font-size: 20px;
	}
	.articles-widgets li.article-row a.flex > .rs > span.date{
		font-size: 13px;
	}
	.articles .filters-section{
		margin: 20px 0 20px 0;
	}
	.articles .filters-section input,
	.articles .filters-section select{
		height: 30px;
		padding: 0 15px 0 35px;
		width: auto;
		font-size: 14px;
	}
	.articles .filters-section .di span.sep{
		height: 30px;
	}
	.articles .filters-section .si i.fa-magnifying-glass,
	.articles .filters-section .di i.fa-calendar-days,
	.articles .filters-section .di i.fa-list{
		font-size: 14px;
		top: 9px;
		left: 10px;
	}
	.articles .filters-section form{
		gap: 10px 15px;
	}
	.articles .filters-section form > h2{
		padding: 0 0 10px 0;
		width: 100%;
	}
	.articles .filters-section .di input{
		width: 90px;
	}
}
@media only screen and (max-width: 768px) {
	.articles .articles-table {
		grid-template-columns: repeat(1, 1fr);
	}
	.articles .articles-table.layout0 {
		grid-template-columns: repeat(1, 1fr);
	}
	.articles .articles-grid .articles-table .row .photo {
		height: 400px;
	}
	.articles .articles-table .row > a .wrapper .photo{
		height: 50vw !important;
	}
	.articles .articles-table .row > .wrapper{
		flex-wrap: wrap;
		height: auto;
	}
	.articles .articles-table .row .wrapper .grid-sb{
		width: 100%;
		padding: 25px 15px 15px 15px;
	}
}
@media only screen and (max-width: 480px) {
	.articles-grid{
		margin-top: 10px;
	}
	.articles .articles-grid .articles-table .row .photo {
		height: 287px;
	}
	.articles .articles-table .row .info .author, 
	.articles .articles-table .row .info .date {
		font-size: 14px;
	}
	.articles .articles-table .row .info .author i, .articles .articles-table .row .info .date i {
		font-size: 18px;
		padding-right: 5px;
	}
}
@media only screen and (max-width: 420px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 251px;
	}
}
@media only screen and (max-width: 400px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 239px;
	}
}
@media only screen and (max-width: 360px) {
	.articles .articles-grid .articles-table .row .photo {
		height: 195px;
	}
}

.articles.view .info .date{
	font-size: 14px;
	color: #6a6a6a;
}
.articles.view .info .date > i{
	padding-right: 3px;
	color: #4c4c4c;
}
.articles.view h1.title{
	margin-top: 10px;
	margin-bottom: 40px;
	font-size: 1.6666666666666667vw;
}
.articles.view .photo{
	float: left;
	max-width: 35%;
	margin: 0 20px 5px 0;
}
.articles.view .photo img{
	vertical-align: bottom;
}
.articles.view .photo a{
	display: block;
}
.articles.view .lead{
	margin-bottom: 20px;
	font-weight: 500;
}
.articles.view .ak-2-flex{
	display: flex;
	gap: 2.6vw;
	justify-content: space-between;
	padding: 0 0 2vw 0;
}
.articles.view .ak-2-flex > div{
	width: calc(50% - 1.3vw);
}
.articles.view .ak-2-flex .ls img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.articles.view .ak-2-flex .rs{
	position: relative;
	text-align: left;
	background: #fff;
}
.articles.view .ak-2-flex .rs .ak-head{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	background: #4c4c4c;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	padding: 15px 20px;
	letter-spacing: 2px;
}
.articles.view .ak-2-flex .rs .ak-cnt{
	width: 100%;
	height: calc(100% - 3.6458333333333335vw);
	padding: 30px 50px 50px 50px;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.articles.view .ak-2-flex .rs .pen{
	margin: 0 auto;
}
.articles.view .ak-2-flex .rs .title{
	margin-top: 30px;
	font-size: 1.6666666666666667vw;
}
.articles.view .ak-2-flex .rs .info{
	position: relative;
	width: 100%;
}
.articles.view .ak-2-flex .rs .info .row{
	position: relative;
	display: flex;
	width: 100%;
	border-bottom: 1px solid #c8c8c8;
	padding: 10px 0;
	text-align: left;
	color: #000;
	font-size: 1.1458333333333333vw;
}
.articles.view .ak-2-flex .rs .info .row > div:first-child{
	font-weight: 700;
	width: 5.208333333333334vw;
}
.articles.view.ak-layout-2 .cn-flex{
	display: flex;
	justify-content: space-between;
}
.articles.view.ak-layout-2 .cn-flex > .cn-photo{
	width: 30%;
}
.articles.view.ak-layout-2 .cn-flex > .cn-right{
	width: 66%;
}
.articles.view.ak-layout-2 .cn-title{
	font-size: 1.667vw;
}
.articles.view.ak-layout-2 .cn-lead{
	margin-top: 20px;
}
.articles.view.ak-layout-2 .cn-cnt{
	margin-top: 20px;
}

.articles .button_other{
	text-align: right;
	margin: 40px 0 20px 0;
}
.articles .button_other a{
	color: #000;
}
@media only screen and (max-width: 999px) {
	.articles.view .ak-2-flex .rs .ak-head {
		height: 50px;
		padding: 15px 20px;
	}
	.articles.view .ak-2-flex .rs .ak-cnt {
		height: calc(100% - 50px);
		padding: 20px 20px 30px 20px;
	}
	.articles.view .ak-2-flex .rs .title {
		font-size: 20px;
		margin-top: 0;
	}
	.articles.view .ak-2-flex .rs .info .row {
		font-size: 16px;
	}
	.articles.view .ak-2-flex .rs .info .row > div:first-child{
		width: 100px;
	}
	.articles.view.ak-layout-2 .cn-title{
		font-size: 20px;
	}
	.articles.view h1.title{
		font-size: 20px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 768px) {
	.articles.view .ak-2-flex {
		gap: 20px;
		padding: 0 0 20px 0;
		flex-wrap: wrap;
	}
	.articles.view .ak-2-flex > div {
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.articles.view .photo{
		width: 100%;
		max-width: 100%;
		margin: 0 0 20px 0;
	}
	.articles.view.ak-layout-2 .cn-flex{
		flex-wrap: wrap;
	}
	.articles.view.ak-layout-2 .cn-flex > .cn-photo,
	.articles.view.ak-layout-2 .cn-flex > .cn-right{
		width: 100%;
	}
	.articles.view.ak-layout-2 .cn-flex > .cn-right{
		margin-top: 20px;
	}
}	
	
.wydarzenia{
	padding: 30px 0 0 0;
}
.wydarzenia-table{
	position: relative;
	display: flex;
	justify-content: stretch;
	gap: 10px;
}
.wydarzenia-table > div{
	width: 50%;
}
.wydarzenia-table .imp-event .cnt img{
	width: 100%;
}

.kalendarium-form .cnt{
	line-height: 1;
	padding: 20px;
}
.kalendarium-form .cnt .date{
	font-size: 16px;
	font-weight: 600;
}
.kalendarium-form .cnt .desc{
	font-size: 16px;
	color: #4c5157;
}
.kalendarium-form .cnt ul{
	margin: 0;
	padding: 0 0 0 20px;
}
.kalendarium-form .cnt ul li{
	line-height: 1.2;
	padding: 5px 0 5px 10px;
}

.kzs2{
	position: relative;
	height: 100%;
}
.kzs2 .sbm{
	position: relative;
	display: flex;
	margin-bottom: -1px;
}
.kzs2 .sbm > span.col{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #3d484f;
	background: #fff;
	border: 1px solid #3d484f;
	font-size: 18px;
	height: 40px;
	padding: 0 15px;
	margin-right: 2px;
	border: 1px solid #dcdfdf;
}
.kzs2 .sbm > span.col.active{
	background: #3d484f;
	color: #fff;
}
.kzs2 .sbm > span.col > i{
	padding-right: 10px;
}
.kzs2 .cnt{
	position: relative;
	border: 1px solid #dcdfdf;
	background: #f5f5f5;
}
.kzs2.kalendarium-form .cnt{
	min-height: calc( 100% - 40px );
}
.kzs2.kalendarium-form .sbm > span.col{
	cursor: pointer;
}

@media only screen and (max-width: 768px) {
	.wydarzenia-table{
		flex-wrap: wrap;
	}
	.wydarzenia-table > div{
		width: 100%;
	}
	.kzs2 .sbm > span.col{
		font-size: 16px;
		padding: 0 10px;
	}
}

.banner-video-wrapper{
	position: relative;
	width: 100%;
	background: #000;
}
.banner-video{
	position: relative;
	width: 100%;
	height: 100%;	
}
.banner-video .video-bg-container video{
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
}
.banner-video .callme{
	position: absolute;
	bottom: 3.125vw;
	left: 3.385vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #4c4c4c;
	color: #fff;
	font-size: 2.604vw;
	width: 5.208vw;
	height: 5.208vw;
	border-radius: 50%;
}
.banner-video .callme:hover{
	background: #ad8b52;
}
.banner-video .bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.1);
}
.banner-video .desc{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}
.banner-video .desc > .pagewidth{
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.banner-video .desc .title{
	position: relative;
	color: #fff;
	font-size: 2.5vw;
	font-weight: 700;
	padding: 1.75vw 0 1.75vw 4.688vw;
	margin: 2.604vw 0 0 0;
	background: rgba(0,0,0,0.3);
	text-align: right;
	line-height: 1.6;
	letter-spacing: 1px;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.banner-video .desc .title::after{
	position: absolute;
	content: '';
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
.banner-video .desc a.prezentacja{
	display: flex;
	position: relative;
	justify-content: flex-end;
	align-items: center;
	gap: 0.781vw;
	color: #fff;
	font-size: 1.2vw;
	margin-top: 1vw;
	padding-top: 1vw;
}
.banner-video .desc a.prezentacja::before{
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 30%;
	height: 1px;
	background: #fff;
	animation: bfadeIn 5s;
}
.banner-video .desc a.prezentacja i{
	margin-left: 5px;
}
.banner-video .desc .line{
	background: #fff;
	width: 180px;
	height: 3px;
	margin: 2vw 0 0 0;
}
.banner-video .desc .subtitle{
	color: #4c4c4c;
	font-size: 2.2395833333333335vw;
	font-weight: 700;
	margin-top: 2vw;
}
@keyframes bfadeIn {
	0% { opacity: 0; }
	80% { opacity: 0; }
	100% { opacity: 1; }
}
@media only screen and (max-width: 768px) {
	.banner-video .desc .title {
		font-size: 18px;
		margin-top: 30px;
		padding: 10px 0 10px 30px;
	}
	.banner-video .desc .line {
		height: 2px;
	}
	.banner-video .desc .subtitle{
		font-size: 16px;
	}
	.banner-video .callme{
		width: 40px;
		height: 40px;
		font-size: 20px;
		bottom: 15px;
		left: 15px;
	}
	.banner-video .desc a.prezentacja{
		font-size: 12px;
		margin-top: 10px;
		padding-top: 10px;
	}
}

@media only screen and (min-width: 300px) {
	.banner-video-wrapper{
		height: 182px;
	}
}
@media only screen and (min-width: 360px) {
	.banner-video-wrapper{
		height: 182px;
	}
}
@media only screen and (min-width: 480px) {
	.banner-video-wrapper{
		height: 182px;
	}
}
@media only screen and (min-width: 720px) {
	.banner-video-wrapper{
		height: 273px;
	}
}
@media only screen and (min-width: 999px) {
	.banner-video-wrapper{
		height: 379px;
	}
}
@media only screen and (min-width: 1260px) {
	.banner-video-wrapper{
		height: 477px;
	}
}
@media only screen and (min-width: 1580px) {
	.banner-video-wrapper{
		height: 599px;
	}
}
@media only screen and (min-width: 1900px) {
	.banner-video-wrapper{
		height: 720px;
	}
}

.demoday > .pagewidth > .content{
	text-align: center;
	font-size: 22px;
	font-weight: 300;
}

.flex{
	display: flex;
	flex-wrap: wrap;
}
.flex.gap10{
	gap: 10px;
}
.flex.gap20{
	gap: 20px;
}
.flex.gap30{
	gap: 1.5625vw;
}
.flex.fw-nowrap{
	flex-wrap: nowrap;
}
.flex.full-width{
	width: 100%;
}
.flex.ai-center{
	align-items: center;
}
.flex.jc-center{
	justify-content: center;
}
.flex.jc-sb{
	justify-content: space-between;
}
.flex.jc-fe{
	justify-content: flex-end;
}
.flex.ai-right{
	align-items: flex-end;
}
.flex > .col-66{
	width: 66.6666%;
}
.flex.gap10 > .col-66{
	width: calc(66.6666% - 10px);
}
.flex.gap20 > .col-66{
	width: calc(66.6666% - 20px);
}
.flex.gap30 > .col-66{
	width: calc(66.6666% - 1.5625vw);
}
.flex > .col-60{
	width: 60%;
}
.flex.gap10 > .col-60{
	width: calc(60% - 10px);
}
.flex.gap20 > .col-60{
	width: calc(60% - 20px);
}
.flex.gap30 > .col-60{
	width: calc(60% - 1.5625vw);
}
.flex > .col-50{
	width: 50%;
}
.flex.gap10 > .col-50{
	width: calc(50% - 10px);
}
.flex.gap20 > .col-50{
	width: calc(50% - 20px);
}
.flex.gap30 > .col-50{
	width: calc(50% - 1.5625vw);
}
.flex > .col-33{
	width: 33.3333%;
}
.flex.gap10 > .col-33{
	width: calc(33.3333% - 10px);
}
.flex.gap20 > .col-33{
	width: calc(33.3333% - 20px);
}
.flex.gap30 > .col-33{
	width: calc(33.3333% - 1.5625vw);
}
.flex > .col-25{
	width: 25%;
}
.flex.gap10 > .col-25{
	width: calc(25% - 10px);
}
.flex.gap20 > .col-25{
	width: calc(25% - 20px);
}
.flex.gap30 > .col-25{
	width: calc(25% - 1.5625vw);
}
.flex > .col-20{
	width: 20%;
}
.flex.gap10 > .col-20{
	width: calc(20% - 10px);
}
.flex.gap20 > .col-20{
	width: calc(20% - 20px);
}
.flex.gap30 > .col-20{
	width: calc(20% - 1.5625vw);
}
@media only screen and (max-width: 999px) {
	.flex.gap10{
		gap: 10px;
	}
	.flex.gap20{
		gap: 20px;
	}
	.flex.gap30{
		gap: 30px;
	}
	.flex.gap10 > .col-66{
		width: calc(66.6666% - 10px);
	}
	.flex.gap20 > .col-66{
		width: calc(66.6666% - 20px);
	}
	.flex.gap30 > .col-66{
		width: calc(66.6666% - 30px);
	}
	.flex.gap10 > .col-60{
		width: calc(60% - 10px);
	}
	.flex.gap20 > .col-60{
		width: calc(60% - 20px);
	}
	.flex.gap30 > .col-60{
		width: calc(60% - 30px);
	}
	.flex.gap10 > .col-50{
		width: calc(50% - 10px);
	}
	.flex.gap20 > .col-50{
		width: calc(50% - 20px);
	}
	.flex.gap30 > .col-50{
		width: calc(50% - 30px);
	}
	.flex.gap10 > .col-33{
		width: calc(33.3333% - 10px);
	}
	.flex.gap20 > .col-33{
		width: calc(33.3333% - 20px);
	}
	.flex.gap30 > .col-33{
		width: calc(33.3333% - 30px);
	}
	.flex.gap10 > .col-25{
		width: calc(25% - 10px);
	}
	.flex.gap20 > .col-25{
		width: calc(25% - 20px);
	}
	.flex.gap30 > .col-25{
		width: calc(25% - 30px);
	}
	.flex.gap10 > .col-20{
		width: calc(20% - 10px);
	}
	.flex.gap20 > .col-20{
		width: calc(20% - 20px);
	}
	.flex.gap30 > .col-20{
		width: calc(20% - 30px);
	}
}

#terminarz_kalendarz{
	min-height: 301px;
}
#terminarz_kalendarz .loading{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	text-align: center;
	min-height: 301px;
	height: 100%;
}
.ctrl-calendar{
	border: 1px solid #e5e5e5;
	background: #fff;
}
.ctrl-calendar .clr-def{
	color: #737373;
}
.ctrl-calendar table{
	position: relative;
	width: calc(100% + 2px);
	margin: -1px -1px 0 -1px;
	border-collapse: collapse;
	text-align: center;
}
.ctrl-calendar table td, 
.ctrl-calendar table th {
	vertical-align: middle;
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
	font-size: 18px;
	color: #737373;
	background: transparent;
	height: 40px;
	cursor: default;
}
.ctrl-calendar table th{
	color: #006baa;
	width: 14.29%;
}
.ctrl-calendar table td.active{
	background: #585858;
	color: #fff;
}
.ctrl-calendar table td.current_day{
	background: #006baa;
	color: #fff;
}
.ctrl-calendar th.cmy{
	padding: 10px 20px 10px 20px;
}
.ctrl-calendar th .month{
	font-size: 20px;
	text-transform: uppercase;
}
.ctrl-calendar th .month i{
	font-size: 30px;
	padding-right: 15px;
}
.ctrl-calendar th .year{
	font-size: 30px;
}
.ctrl-calendar .events-list{
	margin-top: 20px;
	padding: 20px 10px;
}
.ctrl-calendar .events-list .event-row{
	display: flex;
	gap: 15px;
	width: 100%;
	margin-top: 20px;
}
.ctrl-calendar .events-list .event-row .date{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #505050;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	padding: 3px 10px;
	height: 28px;
}
.ctrl-calendar .events-list .event-row .date.important{
	background: #006baa;
}
.ctrl-calendar .events-list .event-row .date i{
	font-size: 18px;
	padding-right: 10px;
}
.ctrl-calendar .events-list .event-row .title{
	display: flex;
	align-items: center;
	font-size: 12px;
	line-height: 1.3;
	color: #696969;
	font-weight: 600;
	min-height: 28px;
}
.ctrl-calendar .events-list .event-row .title a{
	font-size: inherit;
	color: inherit;
	font-weight: inherit;
}
.ctrl-calendar-table .change-month{
	position: relative;
	height: 100%;
	padding: 0 10px;
	cursor: pointer;
	font-size: 30px;
	color: #a6a5a5;
}
.ctrl-calendar-table .change-month.prev-month{
	margin-left: -10px;
	padding-right: 30px;
}
.ctrl-calendar-table .change-month.next-month{
	margin-right: -10px;
	padding-left: 30px;
}
@media only screen and (max-width: 480px) {
	.ctrl-calendar-table .change-month{
		font-size: 24px;
	}
	.ctrl-calendar-table .change-month.prev-month {
		margin-left: -20px;
		padding-right: 20px;
	}
	.ctrl-calendar-table .change-month.next-month {
		margin-right: -20px;
		padding-left: 20px;
	}
}

.ui-tooltip .events .event{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
	color: #696969;
	font-size: 12px;
	font-weight: 600;
}
.ui-tooltip .events .event > i{
	color: #4c4c4c;
}
.ui-tooltip .events .event:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.project-database-wrapper{
	padding: 0 3.7%;
}

.project-database-search{
	position: relative;
	padding-bottom: 20px;
	color: #545454;
}
.project-database-search .filters{
	position: relative;
	display: flex;
	justify-content: center;
	gap: 20px;
}
.project-database-search .filters > div{
	position: relative;
	width: 25%;
	text-align: center;
}
.project-database-search .filters > div > .t{
	display: block;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
}
.project-database-search .filters > div > .i{
	position: relative;
	margin-top: 5px;
	display: flex;
	justify-content: center;
}
.project-database-search .filters > div > .i > span{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e5e5e5;
}
.project-database-search .filters > div > .i .ico{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 45px;
	background: #4c4c4c;
	color: #fff;
	font-size: 24px;
}
.project-database-search .filters > div > .i input[type=text],
.project-database-search .filters > div > .i select{
	position: relative;
	border: 0;
	height: 45px;
	line-height: 45px;
	vertical-align: middle;
	padding: 0 10px;
	width: 300px;
	max-width: 100%;
	background: #fff;
	box-sizing: border-box;
}
.project-view img.publikacja-photo{
	float: right;
	margin: 0 0 30px 30px;
	width: 20%;
}
@media only screen and (max-width: 1500px) {
	.project-database-search .filters > div > .i input[type=text],
	.project-database-search .filters > div > .i select{
		width: 240px;
	}
}
@media only screen and (max-width: 1280px) {
	.project-database-search .filters{
		flex-wrap: wrap;
	}
	.project-database-search .filters > div{
		width: calc(50% - 20px);
	}
	.project-database-search .filters > div > .i input[type=text],
	.project-database-search .filters > div > .i select{
		width: 320px;
	}
	.project-view img.publikacja-photo{
		width: 40%;
	}
}
@media only screen and (max-width: 999px) {
	.project-database-search .filters > div > .i input[type=text],
	.project-database-search .filters > div > .i select{
		width: 290px;
	}
}
@media only screen and (max-width: 768px) {
	.project-database-search .filters{
		margin-top: 30px;
	}
	.project-database-search .filters > div{
		width: 100%;
	}
	.project-database-search .filters > div > .t{
		text-align: left;
		font-size: 16px;
	}
	.project-database-search .filters > div > .i > span {
		width: 100%;
	}
	.project-database-search .filters > div > .i input[type=text],
	.project-database-search .filters > div > .i select{
		width: 100%;
	}
}
@media only screen and (max-width: 480px) {
	.project-view img.publikacja-photo{
		width: 100%;
		margin: 10px 0 30px 0;
	}
}

.project-database-list{
	position: relative;
	color: #2d2d2c;
}
.project-database-list .no-results{
	text-align: center;
}
.project-database-list .cld{
	color: #4c4c4c;
}
.project-database-list > .row{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #e5e5e5;
}
.project-database-list > .row > .photo{
	position: relative;
	width: 20%;
}
.project-database-list > .row > .photo .w{
	position: relative;
	padding: 8px;
}
.project-database-list > .row > .photo .w:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 50px;
	height: 50px;
	background: transparent;
	border-top: 3px solid #4c4c4c;
	border-left: 3px solid #4c4c4c;
}
.project-database-list > .row > .photo .w:after{
	position: absolute;
	bottom: 0;
	right: 0;
	content: '';
	width: 50px;
	height: 50px;
	background: transparent;
	border-right: 3px solid #4c4c4c;
	border-bottom: 3px solid #4c4c4c;
}
.project-database-list > .row > .photo .w .nophoto{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 200px;
	background: #e5e5e5;
	color: #cccccc;
}
.project-database-list > .row > .photo .w .nophoto i{
	font-size: 70px;
}
.project-database-list > .row > .photo .w img{
	width: 100%;
}
.project-database-list > .row > .uczelnia-logo{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	width: 14%;
	padding: 20px 0 20px 0;
	
}
.project-database-list > .row > .uczelnia-logo img{
	max-height: 150px;
	max-width: 90%;
}
.project-database-list > .row > .details{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 10px 30px 0 30px;
	width: 66%;
}
.project-database-list > .row > .details .title{
	width: 100%;
	font-size: 18px;
	font-weight: 600;
}
.project-database-list > .row > .details .lead{
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	font-weight: 400;
}
.project-database-list > .row > .details .bottom{
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	font-weight: 400;
	gap: 10px 20px;
	margin-top: 20px;
	line-height: 1;
	width: 100%;
}
.project-database-list > .row > .details .bottom > div{
	display: flex;
	align-items: center;
	gap: 10px;
}
.project-database-list > .row > .details .bottom > div a{
	color: inherit;
}
.project-database-list > .row > .details .bottom > div .ico{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #4c4c4c;
	color: #fff;
	font-size: 18px;
	width: 30px;
	min-width: 30px;
	height: 30px;
}
.project-database-list > .row > .details .bottom > div .d{
	width: calc(100% - 30px);
}
.project-database-list > .row > .details .bottom > div .h{
	text-transform: uppercase;
	font-weight: 500;
}
@media only screen and (max-width: 999px) {
	.project-database-wrapper {
		padding: 0 15px;
	}
}
@media only screen and (max-width: 768px) {
	.project-database-list > .row {
		flex-wrap: wrap;
	}
	.project-database-list > .row > .photo {
		width: 25%;
	}
	.project-database-list > .row > .details {
		width: 75%;
		padding: 5px 0 0 15px;
	}
	.project-database-list > .row > .details .title {
		font-size: 16px;
	}
	.project-database-list > .row > .details .lead {
		margin-top: 15px;
		font-size: 15px;
	}
	.project-database-list > .row > .uczelnia-logo {
		width: 25%;
	}
}
@media only screen and (max-width: 480px) {
	.project-database-list > .row > .photo {
		width: 100%;
	}
	.project-database-list > .row > .details {
		width: 100%;
		padding: 5px 0 0 0;
	}
	.project-database-list > .row > .details .title {
		margin-top: 10px;
	}
	.project-database-list > .row > .uczelnia-logo {
		width: 100%;
		padding: 20px 0 10px 0;
	}
	.project-database-list > .row > .uczelnia-logo img{
		max-width: 200px;
	}
}

.n-tabs{
	position: relative;
}
.n-tabs .n-tabs-menu{
	display: flex;
	justify-content: center;
	gap: 2px;
	border-bottom: 1px solid #d9d9d9;
}
.n-tabs .n-tabs-menu a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #d1cfcf;
	color: #545454;
	font-size: 18px;
	font-weight: 300;
	height: 42px;
	padding: 3px 15px;
	text-transform: uppercase;
	line-height: 1;
}
.n-tabs .n-tabs-menu a > i{
	padding-right: 10px;
}
.n-tabs .n-tabs-menu a.active,
.n-tabs .n-tabs-menu a:hover{
	background: #4c4c4c;
	color: #fff;
}
.n-tabs .n-tabs-cnt{
	padding: 20px 0 0 0;
}
.n-tabs .n-tabs-cnt .n-tab{
	display: none;
}
.n-tabs .n-tabs-cnt .n-tab .n-title{
	color: #3d484f;
	font-size: 24px;
	text-align: left;
	padding-left: 40%;
	margin: 10px 0 10px -60px;
}
.n-tabs .n-tabs-cnt .n-tab.active{
	display: block;
}
.n-tabs .cld{
	color: #4c4c4c;
}
.n-tabs .f20{
	font-size: 20px;
}
.n-tabs.pw .n-tabs-cnt .n-tab{
	max-width: 1100px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	.n-tabs .n-tabs-menu{
		flex-wrap: wrap;
	}
	.n-tabs .n-tabs-menu a{
		width: 100%;
		justify-content: flex-start;
	}
	.n-tabs .n-tabs-menu a i{
		width: 34px;
		text-align: center;
	}
	.n-tabs .n-tabs-menu a span{
		font-size: 16px;
	}
}

.plan-wydarzenia{
	position: relative;
	text-align: left;
	line-height: 1.2;
	padding: 30px 0 0 0;
	max-width: 900px;
	margin: 0 auto;
}
.plan-wydarzenia .plan-row{
	display: flex;
	justify-content: space-between;
	width: 100%;
	position: relative;
	min-height: 90px;
}
.plan-wydarzenia .plan-l{
	position: relative;
	width: calc(40% - 18px);
	padding-bottom: 20px;
}
.plan-wydarzenia .plan-c{
	position: relative;
	width: 18px;
}
.plan-wydarzenia .plan-c::before{
	position: absolute;
	top: 2px;
	left: 0;
	content: '';
	width: 18px;
	height: 18px;
	border: 2px solid #4c4c4c;
	background: #fff;
	border-radius: 50%;
	z-index: 1;
}
.plan-wydarzenia .plan-c::after{
	position: absolute;
	top: 24px;
	left: 8px;
	content: '';
	width: 1px;
	height: calc(100% - 28px);
	background: #4c4c4c;
}
.plan-wydarzenia .plan-row:last-child .plan-c::after{
	display: none;
}
.plan-wydarzenia .plan-r{
	position: relative;
	width: 60%;
	padding-bottom: 20px;
	padding-left: 50px;
}
.plan-wydarzenia .hour{
	font-size: 16px;
	font-weight: 400;
}
.plan-wydarzenia .name{
	font-size: 14px;
	font-weight: 600;
}
.plan-wydarzenia .title{
	font-size: 16px;
	font-weight: 600;
	color: #4c4c4c;
}
.plan-wydarzenia .desc{
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
}
@media only screen and (max-width: 768px) {
	.plan-wydarzenia .plan-r{
		padding-left: 30px;
	}
}
@media only screen and (max-width: 480px) {
	.plan-wydarzenia .plan-r{
		padding-left: 20px;
	}
}

.form_zu{
	margin-top: 40px;
}
.form_zu .fzu_title{
	font-size: 20px;
	color: #4c4c4c;
	margin: 0 auto 30px auto;
}
.form_zu .fzu-row{
	display: flex;
	justify-content: center;
	margin-bottom: 25px;
}
.form_zu .fzu-row .fzu-rs{
	display: flex;
	width: 60%;
	flex-wrap: wrap;
}
.form_zu .fzu-row .fzu-rs span.ico{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 42px;
	background: #4c4c4c;
	color: #fff;
	font-size: 18px;
}
.form_zu div.error,
.form_zu label.error{
	flex-basis: 100%;
	width: 100%;
	text-align: left;
	color: red;
	font-size: 12px;
}
.form_zu .fzu-row > .ph{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: #545454;
	text-transform: uppercase;
	font-size: 18px;
	text-align: right;
	min-height: 42px;
	padding-right: 30px;
	width: 40%;
}
.form_zu .fzu-row input[type=text],
.form_zu .fzu-row select{
	border: 1px solid #d9d9d9;
	background: #fff;
	padding: 0 10px;
	max-width: 320px;
	width: calc(100% - 55px);
	box-sizing: border-box;
}
.form_zu .fzu-row .fzu-hours{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.form_zu .fzu-row .fzu-hours > .h{
	display: flex;
	align-items: center;
	width: 76px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #d9d9d9;
}
.form_zu .fzu-row .fzu-hours > .h input[type=radio]{
	margin: 1px 5px 0 0;
}
.form_zu .fzu-row .fzu-hours > .h input[type=radio],
.form_zu .fzu-row .fzu-hours > .h label{
	cursor: pointer;
}
.form_zu .sr{
	color: #4c4c4c;
	font-size: 18px;
	line-height: 1;
	padding-left: 5px;
}
.form_zu .fzu-consents .fzu-consent{
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	align-items: flex-start;
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 7px;
}
.form_zu .fzu-consents .fzu-consent div.l{
	width: 20px;
}
.form_zu .fzu-consents .fzu-consent div.r{
	width: calc(100% - 20px);
	padding-left: 10px;
}
.form_zu .fzu-consents .fzu-consent input[type=checkbox],
.form_zu .fzu-consents .fzu-consent label{
	cursor: pointer;
}
.form_zu .fzu-consents .fzu-consent label{
	display: block;
}
.form_zu .fzu-consents .sr{
	padding-left: 0;
	padding-right: 5px;
}
.form_zu .fzu-buttons{
	text-align: left;
	margin-top: 20px;
}
.form_zu .fzu-buttons button{
	display: flex;
	align-items: center;
	background: #4c4c4c;
	border: 0;
	color: #fff;
	padding: 0 20px;
	font-size: 16px;
	height: 32px;
	cursor: pointer;
}
@media only screen and (max-width: 768px) {
	.form_zu .fzu-row {
		flex-wrap: wrap;
	}
	.form_zu .fzu-row > .ph,
	.form_zu .fzu-row .fzu-rs {
		width: 100%;
		text-align: left;
		justify-content: flex-start;
		padding-right: 0;
	}
}

#form-meeting{
	max-width: 900px;
	margin: 0 auto;
}
#form-meeting .fzu_title{
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto 10px auto;
}
#form-meeting .fzu_project_title{
	text-align: center;
	font-weight: 500;
	font-size: 18px;
	margin: 0 auto 50px auto;
}
#form-meeting .form_zu .fzu-row input[type="text"], 
#form-meeting .form_zu .fzu-row select {
	max-width: 365px;
}
#form-meeting .form_zu .fzu-row .fzu-hours{
	max-width: 420px;
}
#form-meeting .form_zu .fzu-row .fzu-hours .h{
	background: #cefdd1;
}
#form-meeting .form_zu .fzu-row .fzu-hours .h.reserved{
	background: #fdbfbf;
}
#form-meeting .form_zu .fzu-row .fzu-hours-caption{
	margin: 10px 0 0 0;
}
#form-meeting .form_zu .fzu-row .fzu-hours-caption > div{
	display: flex;
	align-items: center;
}
#form-meeting .form_zu .fzu-row .fzu-hours-caption span.f,
#form-meeting .form_zu .fzu-row .fzu-hours-caption span.r{
	display: inline-block;
	width: 20px;
	height: 15px;
	margin-right: 5px;
}
#form-meeting .form_zu .fzu-row .fzu-hours-caption span.f{
	background: #cefdd1;
}
#form-meeting .form_zu .fzu-row .fzu-hours-caption span.r{
	background: #fdbfbf;
}
#form-meeting .alert-box{
	margin: 10px auto 30px auto;
	font-size: 18px;
	text-align: center;
}
#form-meeting .alert-box > span{
	display: block;
	width: 100%;
	padding: 15px 20px;
}
#form-meeting .alert-box .alert-ok{
	background: #cefdd1;
}
#form-meeting .alert-box .alert-error{
	background: #fdbfbf;
}

.promowane-produkty{
	position: relative;
	background: #000;
	color: #fff;
	font-weight: 300;
	border-top: 1px solid #fff;
	padding: 0 0 40px 0;
}
.promowane-produkty h2.head{
	font-size: 2.6vw;
	font-weight: 300;
	letter-spacing: 3px;
	color: #fff;
	text-align: center;
	margin: 0;
	padding: 25px 0;
	background: #000000;
}
.promowane-produkty .promowane-carousel{
	width: 92%;
	margin: 0 auto;
}
.promowane-produkty .slick-slide{
	text-align: center;
	line-height: 1;
	padding: 1.3020833333333335vw 1.875vw;
	border: 2px solid #000;
}
.promowane-produkty .slick-slide a{
	transition: all 0.25s ease-in-out;
}
.promowane-produkty .slick-slide .img{
	display: block;
	width: 14.322916666666666vw;
	height: 14.322916666666666vw;
	margin: 0 auto;
}
.promowane-produkty .slick-slide .img img{
	margin: 0 auto;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.promowane-produkty .slick-slide .title{
	display: block;
	margin-top: 20px;
	font-weight: 300;
	font-size: 1.2vw;
	letter-spacing: 1px;
	line-height: 1.2;
}
.promowane-produkty .slick-slide .more{
	display: block;
	margin-top: 20px;
	opacity: 0;
}
.promowane-produkty .slick-slide .more .button{
	display: inline-block;
	background: #fff;
	color: #000;
	padding: 5px 20px 6px 20px;
	font-weight: 500;
	font-size: 0.9vw;
}
.promowane-produkty .slick-slide .more .button:hover{
	background: #4c4c4c;
}
.promowane-produkty .slick-slide.slick-current.slick-active{
	position: relative;
	border: 2px solid #fff;
}
.promowane-produkty .slick-slide.slick-current.slick-active .more{
	opacity: 1;
}
.promowane-produkty .slick-prev, 
.promowane-produkty .slick-next {
	width: 30px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.promowane-produkty .slick-prev{
	left: 50%;
	margin-left: calc(-9.9% - 15px);
}
.promowane-produkty .slick-next{
	right: 50%;
	margin-right: calc(-10.1% - 15px);
}
.promowane-produkty .slick-slide.slick-current.slick-active:before,
.promowane-produkty .slick-slide.slick-current.slick-active:after{
	position: absolute;
	content: '';
	background: #000;
	top: 50%;
	height: 60px;
	width: 30px;
	margin-top: -30px;
}
.promowane-produkty .slick-slide.slick-current.slick-active:before{
	left: -15px;
}
.promowane-produkty .slick-slide.slick-current.slick-active:after{
	right: -15px;
}
@media screen and (max-width: 1366px) {
	.promowane-produkty .slick-prev:before, 
	.promowane-produkty .slick-next:before {
		font-size: 24px;
	}
}
@media screen and (max-width: 999px) {
	.promowane-produkty .slick-prev{
		margin-left: calc(-16.6% - 15px);
	}
	.promowane-produkty .slick-next{
		margin-right: calc(-16.6% - 15px);
	}
	.promowane-produkty .slick-slide{
		padding: 20px 30px;
	}
	.promowane-produkty .slick-slide .img{
		width: 24vw;
		height: 24vw;
	}
}
@media screen and (max-width: 980px) {
	.promowane-produkty h2.head {
		font-size: 28px;
		letter-spacing: 0;
	}
	.promowane-produkty .slick-slide .title{
		font-size: 18px;
	}	
	.promowane-produkty .slick-slide .more .button{
		font-size: 16px;
	}
}
@media screen and (max-width: 768px) {
	.promowane-produkty .slick-prev{
		margin-left: calc(-50% - 15px);
	}
	.promowane-produkty .slick-next{
		margin-right: calc(-50% - 15px);
	}
	.promowane-produkty .slick-slide .img{
		width: 275px;
		height: 275px;
	}
}

.categories-list{
	position: relative;
	padding-bottom: 30px;
}
.categories-list > .pagewidth > .content{
	padding-top: 10px;
}
.categories-list .kafelki{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 2px;
	padding-bottom: 2px;
}
.categories-list .kafelki > .row{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	width: calc(25% - 2px);
	height: 16.666666666666664vw;
	min-height: 220px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	transition: all .6s ease;
}
.categories-list .kafelki > .row::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	transition: all .6s ease;
	opacity: 0;
}
.categories-list .kafelki > .row .img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 3.8vw);
	transition: all .4s ease;
	position: absolute;
	top: 0;
	left: 0;
}
.categories-list .kafelki > .row .img img{
	max-width: 100%;
	max-height: 100%;
}
.categories-list .kafelki > .row .w{
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.85);
	padding: 0 10px;
	min-width: 100%;
	height: 3.8vw;
	text-align: center;
	z-index: 1;
	transition: all .4s ease;
	position: absolute;
	bottom: 0;
	left: 0;
}
.categories-list .kafelki > .row .w .title{
	position: relative;
	display: block;
	font-size: 1vw;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: uppercase;
	transition: all .6s ease;
}
.categories-list .kafelki > .row .w .title > span{
	position: relative;
	display: inline-block;
}
.categories-list .kafelki > .row:hover::before{
	opacity: 0;
}
.categories-list .kafelki > .row:hover .img{
	height: 100%;
}
.categories-list .kafelki > .row:hover .w{
	background: rgba(0,0,0,0.75);
	height: 100%;
}
@media screen and (max-width: 1366px) {
	.categories-list .kafelki > .row .w .title {
		letter-spacing: 2px;
	}
}
@media screen and (max-width: 980px) {
	.categories-list .kafelki > .row {
		width: calc(50% - 2px);
	}
	.categories-list .kafelki > .row .w .title {
		font-size: 18px;
	}
	.categories-list .kafelki > .row .w{
		height: 70px;
	}
	.categories-list .kafelki > .row:hover .w{
		height: 90px;
	}
}
@media screen and (max-width: 480px) {
	.categories-list .kafelki > .row {
		width: 100%;
	}
}

.products-list{
	position: relative;
	padding: 30px 0 30px 0;
}
.products-list .kafelki{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 15px;
}
.podstrona.search .products-list .kafelki{
	background: transparent;
	justify-content: flex-start;
}
.products-proposed .products-list .kafelki{
	justify-content: flex-start;
}
.products-proposed .thead{
	font-size: 1.2vw;
	padding-bottom: 10px;
}
.products-proposed .thead i{
	color: #4c4c4c;
	margin-right: 5px;
	font-size: 1vw;
}
.products-list .kafelki > .row{
	position: relative;
	display: block;
	background: #fff;
	text-align: center;
	padding: 1.563vw 10px;
	margin: 0;
	border: 2px solid #fff;
	transition: all 0.25s ease-in;
	width: calc(25% - 12px);
}

.products-list .no-results{
	text-align: center;
	font-weight: 500;
	padding: 30px 20px;
	background: #bdbdbd;
}
.products-list .row{
	background: #fff;
	text-align: center;
	padding: 1.563vw 10px;
	margin: 0 10px;
	border: 2px solid #fff;
}
.products-list .row > a{
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	font-weight: 400;
}
.products-list .row .img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 11.458vw;
	height: 14.583vw;
	margin: 0 auto;
	padding: 1.563vw;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}
.products-list .row.slick-current .img{
	width: 13.021vw;
	height: 17.708vw;
	margin-top: -1.5vw;
}
.products-list .row .img img{
	max-height: 100%;
	transition: all 0.3s ease;
}
.products-list .row .title{
	display: block;
	width: 100%;
	font-size: 0.625vw;
	color: #0d1b2a;
	margin-top: 1vw;
	font-weight: inherit;
}
.products-list .row .more{
	display: block;
	width: 100%;
	margin-top: 1.302vw;
}
.products-list .row .more .button{
	position: relative;
	background: #4c4c4c;
	color: #fff;
	font-size: 0.938vw;
	letter-spacing: 1px;
	border: 2px solid #4c4c4c;
	padding: 0.260vw 3vw 0.260vw 1.6vw;
	transition: all 0.25s ease-in-out;
}
.products-list .row .more .button::before{
	position: absolute;
	top: 0;
	right: -2px;
	content: "\f649";
	font-weight: 900;
	font-family: "Font Awesome 7 Sharp";
	height: 100%;
	font-size: 2.083vw;
	display: flex;
	align-items: center;
	transition: all 0.25s ease-in-out;
}
.products-list .row:hover{
	border: 2px solid #4c4c4c;
}
.products-list .row:hover .more .button{
	background: #fff;
	color: #4c4c4c;
	padding: 0.260vw 2.3vw 0.260vw 2.3vw;
	letter-spacing: 2px;
}
.products-list .row:hover .more .button:before{
	color: #4c4c4c;
	opacity: 0;
}
@media screen and (max-width: 1366px) {
	.products-list .kafelki > .row .w .title {
		letter-spacing: 2px;
	}
}
@media screen and (max-width: 999px) {
	.products-list .kafelki > .row {
		padding: 30px 10px;
		width: calc(50% - 8px);
	}
	.products-list .row .img {
		width: 130px;
		height: 150px;
	}
	.products-list .row.slick-current .img{
		width: 150px;
		height: 180px;
		margin-top: -15px;
	}
	.products-list .row .title {
		font-size: 14px;
		margin-top: 20px;
	}
	.products-list .row .more{
		margin-top: 20px;
	}
	.products-list .row .more .button {
		font-size: 14px;
		padding: 2px 40px 2px 15px;
	}
	.products-list .row .more .button::before {
		font-size: 30px;
	}
	.products-list .row:hover .more .button{
		padding: 2px 24px 2px 24px;
	}
}
@media screen and (max-width: 980px) {
	.products-proposed .thead{
		font-size: 18px;
	}
	.products-proposed .thead i{
		font-size: 16px;
	}
	.products-list .kafelki > .row .w .title {
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {
	.products-list .kafelki > .row {
		width: 100%;
	}
}

.products-filters{
	position: relative;
	background: #323131;
	padding: 1.5vw 0;
}
.products-filters .products-filters-f{
	display: flex;
	justify-content: center;
	gap: 3.8541vw;
}
.products-filters .products-filters-f > div{
	width: 33.33%;
}
.products-filters .ft{
	color: #fff;
	font-weight: 500;
	font-size: 0.9375vw;
}
.products-filters .fs{
	display: flex;
	width: 100%;
	margin-top: 0.7vw;
	gap: 1px;
}
.products-filters .fs .ico{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125vw;
	height: 1.9270833333333335vw;
	background: #4c4c4c;
	color: #fff;
	font-size: 1.2vw;
}
.products-filters .fs select{
	background: #bdbdbd;
	border: 0;
	text-align: center;
	color: #000;
	height: 1.9270833333333335vw;
	font-size: 0.8333333333333334vw;
}
.products-filters .fs select option:first-child{
	text-align: center;
}
.products-filters .fs select option{
	text-align: left;
}
.products-filters input[type=text]{
	width: 100%;
	outline: none;
	border: 1px solid #fff;
	padding: 0 7px 0 40px;
	color: #504d4d;
	font-size: 16px;
	background: #fff;
	height: 37px;
	vertical-align: middle;
	box-sizing: border-box;
}
.products-filters select{
	width: 100%;
	outline: none;
	border: 1px solid #fff;
	padding: 0 7px;
	color: #504d4d;
	font-size: 16px;
	background: #fff;
	height: 37px;
	vertical-align: middle;
	box-sizing: border-box;
}
.custom-input{
	position: relative;
	display: block;
}
.products-filters .custom-input{
	margin: 0 0 20px 0;
}
.products-filters .custom-input em{
	position: absolute;
	color: #f2b13c;
	font-size: 20px;
	top: 8px;
	left: 10px;
}
.custom-select{
	position: relative;
	display: block;
}
.custom-select:after {
	position: absolute;
	content: "";
	top: 16px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #f2b13c transparent transparent transparent;
}
.ui-autocomplete.ui-menu .ui-menu-item{
	padding: 0 10px;
	font-size: 16px;
	color: #504d4d;
}
.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus{
	color: #fff;
	border: 1px solid #fff;
}
@media screen and (max-width: 999px) {
	.products-filters .products-filters-f{
		gap: 15px;
	}
	.products-filters .ft{
		font-size: 16px;
	}
	.products-filters .fs{
		margin-top: 10px;
	}
	.products-filters .fs .ico{
		font-size: 16px;
		width: 50px;
		height: 30px;
	}
	.products-filters .fs select{
		height: 30px;
		font-size: 16px;
	}
}
@media screen and (max-width: 768px) {
	.products-filters{
		padding: 25px 0;
	}
	.products-filters .products-filters-f{
		flex-wrap: wrap;
	}
	.products-filters .products-filters-f > div{
		width: 100%;
	}
}

.producent-view{
	display: flex;
	margin-top: 20px;
	padding-bottom: 30px;
}
.producent-view .ls{
	width: 15.625vw;
}
.producent-view .ls .logo{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	font-weight: 700;
	width: 15.625vw;
	height: 15.625vw;
	border: 1px solid #e2e3e4;
	padding: 20px;
	margin: 0 auto;
}
.producent-view .producent-site{
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.producent-view .producent-site a{
	color: #000;
}
.producent-view .producent-site a:hover{
	color: #4c4c4c;
}
.producent-view .producent-site a > i{
	color: #4c4c4c;
	padding-right: 0.3vw;
}
.producent-view .rs{
	width: calc(100% - 15.625vw);
	padding-left: 3vw;
}
@media screen and (max-width: 999px) {
	.producent-view .ls{
		width: 200px;
	}
	.producent-view .rs{
		width: calc(100% - 200px);
		padding-left: 30px;
	}
	.producent-view .ls .logo{
		width: 200px;
		height: 200px;
	}
}
@media screen and (max-width: 768px) {
	.producent-view{
		flex-wrap: wrap;
	}
	.producent-view .ls,
	.producent-view .rs{
		width: 100%;
	}
	.producent-view .rs{
		padding-left: 0;
		padding-top: 20px;
	}
}

.producenci-kafelki{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1vw;
	width: 100%;
}
.producenci-kafelki .row{
	position: relative;
	display: flex;
	justify-content: center;
	color: #000;
	font-weight: 700;
	width: 15.4vw;
	height: 15.4vw;
	padding: 1.6vw;
	font-size: 1.25vw;
	background: #f3f3f3;
}
.producenci-kafelki .row .logo{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	width: 100%;
	height: 10.5vw;
	padding: 15px;
	border-radius: 0.5vw;
}
.producenci-kafelki .row .logo img{
	max-width: 100%;
	max-height: 100%;
}
.producenci-kafelki .row a.more{
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0.78125vw;
	color: #000;
	font-size: 0.8vw;
	font-weight: 500;
	padding: 0 1.2vw;
	height: 1.5625vw;
}
.producenci-kafelki .row a.more:hover{
	letter-spacing: 1px;
}
.producenci-kafelki .row a.more i{
	color: #4c4c4c;
	padding-left: 5px;
	font-size: 0.6vw;
}
@media screen and (max-width: 999px) {
	.producenci-kafelki .row{
		width: 23vw;
		height: 23vw;
		padding: 2vw;
		font-size: 1.5vw;
	}
	.producenci-kafelki .row .logo{
		height: 17.5vw;
	}
	.producenci-kafelki .row a.more{
		font-size: 1.2vw;
		bottom: 0.9vw;
	}
}
@media screen and (max-width: 480px) {
	.producenci-kafelki{
		padding: 0 10px;
		gap: 10px;
	}
	.producenci-kafelki .row{
		width: calc(50% - 5px);
		height: 160px;
		padding: 10px;
		font-size: 1.5vw;
	}
	.producenci-kafelki .row .logo{
		height: 125px;
	}
	.producenci-kafelki .row a.more{
		font-size: 12px;
		bottom: 10px;
	}
	.producenci-kafelki .row a.more i{
		font-size: 10px;
	}
}

#controlbox{
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.65);
	z-index: 950;
	overflow: auto;
	padding: 20px 0;
}
#controlbox.show{
	display: block;
}
#controlbox.layout2,
#controlbox.layout3{
	background: transparent;
	top: 80px;
	bottom: auto;
	width: auto;
	margin: 0 auto;
	text-align: center;
	transition: all 0.5s ease-in-out 0s;
	animation-iteration-count: 1;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#controlbox .wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100%;
}
#controlbox.layout2 .wrapper,
#controlbox.layout3 .wrapper{
	display: inline-block;
	width: auto;
	height: auto;
	margin: 0 auto;
}
#controlbox .wrapper .container{
	margin: 20px;
	width: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
#controlbox.layout-fw .wrapper .container{
	width: 80%;
	height: 90%;
}
#controlbox .wrapper .container .content button{
	cursor: pointer;
}
#controlbox.layout-fw .wrapper .container .content{
	width: 100%;
}
#controlbox.layout-ci .wrapper .container .content{
	max-width: 650px;
	font-weight: 300;
	font-size: 14px;
}
#controlbox.layout-ci .wrapper .container .content a{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: underline;
}
#controlbox.layout-ci .wrapper .container .content .buttons{
	text-align: right;
}
#controlbox.layout-ci .wrapper .container .content > .logo{
	margin-bottom: 25px;
}
#controlbox.layout-ci .wrapper .container .content > .logo img{
	max-height: 90px;
}
#controlbox .wrapper .container .content{
	position: relative;
	display: inline-block;
	background: #fff;
	padding: 30px 20px;
	color: #000;
	font-weight: 500;
	font-size: 16px;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	min-width: 400px;
	max-width: 93%;
}
#controlbox.layout-noframes .wrapper .container .content{
	padding: 0;
}
#controlbox.layout2 .wrapper .container .content,
#controlbox.layout3 .wrapper .container .content,
#controlbox.layout-ok .wrapper .container .content,
#controlbox.layout-error .wrapper .container .content{
	background: #666;
	color: #fff;
	padding: 15px 30px 15px 80px;
	font-weight: 600;
	max-width: 100%;
	box-shadow: none;
}
#controlbox.layout-ok .wrapper .container .content,
#controlbox.layout-error .wrapper .container .content{
	color: #40403e;
	background: #fff;
}
#controlbox.layout3 .wrapper .container .content{
	background: #d33724;
	padding: 15px 30px 15px 60px;
}
#controlbox.layout2 .wrapper .container .content:before,
#controlbox.layout3 .wrapper .container .content:before,
#controlbox.layout-ok .wrapper .container .content:before,
#controlbox.layout-error .wrapper .container .content:before{
	position: absolute;
	display: flex;
	content: "\f05a";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	line-height: 1;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #0093dd;
	font-size: 20px;
}
#controlbox.layout3 .wrapper .container .content:before{
	background: #d33724;
}
#controlbox.layout-ok .wrapper .container .content:before{
	background: green;
}
#controlbox.layout-error .wrapper .container .content:before{
	background: red;
}
#controlbox.layout2 .wrapper .container .content i.ico{
	color: #004174;
	margin-right: 5px;
}
#controlbox .wrapper .container .content a{
	color: #0093dd;
	font-weight: 500;
	font-size: 16px;
}
#controlbox button.close{
	position: absolute;
	top: -12px;
	right: -12px;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
	font-size: 18px;
	color: #fff;
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background: #40403e;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
	border: 2px solid #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
#controlbox button.close i{
	text-align: center;
	vertical-align: middle;
}
#controlbox .wrapper .container .content .pre-icon{
	text-align: center;
	padding-bottom: 10px;
	color: #e6e6e6;
	font-size: 80px;
}
#controlbox .wrapper .container .content .buttons{
	text-align: center;
	margin-top: 30px;
}
#controlbox .wrapper .container .content .buttons.only{
	margin-top: 0;
}
#controlbox .wrapper .container .content .buttons.left{
	text-align: left;
}
#controlbox .wrapper .container .content .buttons > div{
	margin-top: 20px;
}
#controlbox .wrapper .container .content .buttons > div:first-child{
	margin-top: 0;
}
#controlbox .wrapper .container .content .buttons button{
	border: 0;
	padding: 0 20px 0 20px;
	margin: 0 10px;
	background: #40403e;
	color: #fff;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	vertical-align: middle;
}
#controlbox .wrapper .container .content .buttons > div button{
	width: 100%;
}
#controlbox .wrapper .container .content .buttons a{
	color: #333;
}
#controlbox .wrapper .container .content .buttons a i{
	color: #0093dd;
	margin-left: 5px;
}
#controlbox .wrapper .container .content .buttons a:hover{
	color: #0093dd;
}
#controlbox .wrapper .container .content .buttons button i{
	margin-left: 5px;
}
#controlbox .wrapper .container .content .buttons button.red{
	background: red !important;
	color: #fff !important;
}
#controlbox .wrapper .container .content .buttons button.cancel{
	background: #bbbbbb;
	color: #fff;
}
@media only screen and (max-width: 480px){
	#controlbox .wrapper .container .content{
		min-width: 300px;
	}
	#controlbox.layout-ci .wrapper .container .content .buttons{
		text-align: left;
	}	
	#controlbox .wrapper .container .content .buttons button {
		margin-left: 0;
		font-size: 15px;
		padding: 0 15px;
	}
	#controlbox.layout-fw .wrapper .container{
		margin: 0;
		width: 100%;
	}
	#controlbox.layout-fw  .wrapper .container .content{
		padding: 30px 15px;
	}
}

.loading-spinner1 {
	position: relative;
	width: 100px;
	height: 100px;
	display: inline-block;
	overflow: hidden;
	background: none;
}
@keyframes loading-spinner1-1 {
    0% { transform: rotate(0deg) }
   50% { transform: rotate(-45deg) }
  100% { transform: rotate(0deg) }
}
@keyframes loading-spinner1-2 {
    0% { transform: rotate(180deg) }
   50% { transform: rotate(225deg) }
  100% { transform: rotate(180deg) }
}
@keyframes loading-spinner1-3 {
    0% { transform: translate(95px,0); opacity: 0 }
   20% { opacity: 1 }
  100% { transform: translate(35px,0); opacity: 1 }
}
.loading-spinner1 .container > div:nth-child(2) {
  transform: translate(-15px,0);
}
.loading-spinner1 .container > div:nth-child(2) div {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 60px;
	height: 30px;
	border-radius: 60px 60px 0 0;
	background: #0093dd;
	animation: loading-spinner1-1 1s linear infinite;
	transform-origin: 30px 30px
}
.loading-spinner1 .container > div:nth-child(2) div:nth-child(2) {
	animation: loading-spinner1-2 1s linear infinite
}
.loading-spinner1 .container > div:nth-child(2) div:nth-child(3) {
	transform: rotate(-90deg);
	animation: none;
}
.loading-spinner1 .container > div:nth-child(1) {
	display: block;
}
.loading-spinner1 .container > div:nth-child(1) div {
	position: absolute;
	top: 46px;
	left: -4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #004174;
	animation: loading-spinner1-3 1s linear infinite
}
.loading-spinner1 .container > div:nth-child(1) div:nth-child(1) { animation-delay: -0.67s }
.loading-spinner1 .container > div:nth-child(1) div:nth-child(2) { animation-delay: -0.33s }
.loading-spinner1 .container > div:nth-child(1) div:nth-child(3) { animation-delay: 0s }
.loading-spinner1 .container {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0;
}
.loading-spinner1 .container div { box-sizing: content-box; }

#projector {
	position: absolute; 
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 	padding: 0; 
	margin: 0;
	background: #141a25;
	background-attachment: fixed;
}
#projector .grad{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: linear-gradient(
		to bottom,
		rgba(20, 26, 37, 1) 0%,
		rgba(20, 26, 37, 0) 10%,
		rgba(20, 26, 37, 0) 90%,
		rgba(20, 26, 37, 1) 100%
	);
	background: #000;
	z-index: 2;
}
@media only screen and (min-width: 300px) {
	#projector {
		opacity: 0.4;
	}
	.podstrona.product.particles .nav-tabs{
		margin-top: 20px;
	}
}
@media only screen and (min-width: 940px) {
	#projector {
		opacity: 0.6;
	}
	.podstrona.product.particles .nav-tabs{
		margin-top: -43px;
	}
}

.personel{
	position: relative;
	padding: 30px 0 40px 0;
	overflow: hidden;
}
.personel-carousel{
	height: 25.521vw;
	width: calc(100% - 60px);
	margin: 0 auto;
}
.personel-carousel .slick-slide{
	text-align: center;
	padding-top: 20px;
	transition: all 0.25s ease-in-out;
}
.personel-carousel .row{
	color: #000;
}
.personel-carousel .row > a{
	color: inherit;
}
.personel-carousel .row .img{
	display: block;
	position: relative;
	margin: 0 auto;
	width: 13.542vw;
	height: 16.667vw;
	margin-bottom: 20px;
	z-index: 1;
	transition: all 0.25s ease-in-out;
}
.personel-carousel .slick-slide.slick-current .img{
	width: 15.104vw;
	height: 18.750vw;
}
.personel-carousel .slick-slide .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.personel-carousel .slick-slide .img::before{
	position: absolute;
	background: #bfbfbf;
	content: '';
	width: 100%;
	height: 100%;
	top: 8px;
	left: -8px;
	z-index: -1;
}
.personel-carousel .slick-slide .img::after{
	position: absolute;
	background: #fff;
	content: '';
	width: 100%;
	height: 100%;
	top: 5px;
	left: -5px;
	z-index: -1;
}
.personel-carousel .slick-slide .firstname,
.personel-carousel .slick-slide .lastname{
	display: block;
	font-size: 1.354vw;
	line-height: 1.2;
}
.personel-carousel .slick-slide .title{
	display: block;
	font-size: 0.833vw;
	line-height: 1.2;
	margin-top: 5px;
	
}
@media only screen and (max-width: 999px) {
	.personel-carousel {
		height: 300px;
	}
	.personel-carousel .slick-slide .firstname,
	.personel-carousel .slick-slide .lastname{
		font-size: 22px;
	}
	.personel-carousel .slick-slide .title{
		font-size: 14px;
		
	}
}
@media only screen and (max-width: 768px) {
	.personel-carousel {
		height: 330px;
	}
	.personel-carousel .row .img,
	.personel-carousel .slick-slide.slick-current .img{
		width: 180px;
		height: 223px;
	}
}


.nasza_oferta{
	position: relative;
	padding: 30px 0;
	text-align: center;
}
.nasza_oferta .o-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.563vw;
}
.nasza_oferta .o-grid .grid-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2c2c2c;
	padding: 1.563vw;
	color: #fff;
	min-height: 17.188vw;
	font-size: 1.563vw;
	font-weight: 500;
	text-shadow: 3px 5px 9px rgb(0, 0, 0);
	background-size: cover;
	background-repeat: no-repeat;
}
.nasza_oferta .o-grid .grid-box::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0,40,73);
	background: linear-gradient(0deg, rgba(0,40,73,1) 0%, rgba(0,76,138,1) 100%);
	opacity: 0.25;
	transition: all 0.3s ease;
	z-index: 2;
}
.nasza_oferta .o-grid .grid-box .photo{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}
.nasza_oferta .o-grid .grid-box .photo img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}
.nasza_oferta .o-grid .grid-box .title{
	z-index: 2;
	letter-spacing: 0;
	transition: all 0.3s ease;
	padding: 5px;
}
body.wcag .nasza_oferta .o-grid .grid-box:focus{
	border: 5px solid #ff0;
}
body.wcag .nasza_oferta .o-grid .grid-box:focus .title{
	background: #ff0;
	color: #000;
	text-shadow: none;
}
.nasza_oferta .o-grid .grid-box.box3 {
	grid-row: 1 / 3;
	grid-column: 3;
}
.nasza_oferta .o-grid .grid-box.box5 {
	grid-column-start: 1;
	grid-column-end: 3;
}
.nasza_oferta .o-grid .grid-box:hover .title{
	letter-spacing: 2px;
}
.nasza_oferta .o-grid .grid-box:hover .photo img {
	transform: scale(1.1);
}
.nasza_oferta .o-grid .grid-box:hover::before{
	opacity: 0.7;
}
@media screen and (max-width: 999px) {
	.nasza_oferta .o-grid{
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
	}
	.nasza_oferta .o-grid .grid-box{
		grid-column-start: auto !important;
		grid-column-end: auto !important;
		grid-row: auto !important;
		grid-column: auto !important;
		padding: 15px;
		min-height: 150px;
		font-size: 20px;
	}
}


.main-categories{
	position: relative;
	padding: 0;
}
.categories-kafs{
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}
.categories-kafs > .kaf{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(25% - 2px);
	height: 14.063vw;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #fff;
	font-size: 1.5vw;
	font-weight: 400;
}
.categories-kafs > .kaf > .photo{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.categories-kafs > .kaf > .photo::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.45);
	transition: all .5s ease;
	z-index: 1;
}
.categories-kafs > .kaf > .photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .3s ease;
}
.categories-kafs > .kaf > .cnt{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .5s ease;
	z-index: 2;
}
.categories-kafs > .kaf > .cnt > .wrapper{
}
.categories-kafs > .kaf > .cnt > .wrapper .ikona{
	display: block;
	margin-bottom: 0.521vw;
	text-align: center;
	transition: all .5s ease;
}
.categories-kafs > .kaf > .cnt > .wrapper .ikona img{
	height: 3vw;
}
.categories-kafs > .kaf > .cnt > .wrapper .title{
	display: block;
	padding: 0.51vw 1.5vw;
	transition: all .7s ease;
	text-align: center;
	letter-spacing: 2px;
	border-radius: 5px;
}
.categories-kafs > .kaf:hover{
	
}
.categories-kafs > .kaf:hover > .photo::before{
	background: rgba(0,0,0,0.7);
}
.categories-kafs > .kaf:hover > .cnt > .wrapper .title{
	background: rgba(172, 39, 43, 1);
	color: #fff;
}
.categories-kafs > .kaf:hover > .photo img{
    transform: scale(1.2);
}
.categories-kafs > .kaf:hover > .cnt > .wrapper .ikona{
	margin-bottom: 1.5vw;
}
@media screen and (max-width: 768px) {
	.categories-kafs > .kaf{
		width: calc(50% - 2px);
		height: 26.042vw;
		font-size: 18px;
	}
	.categories-kafs > .kaf > .cnt > .wrapper .ikona {
		margin-bottom: 10px;
	}
	.categories-kafs > .kaf > .cnt > .wrapper .ikona img {
		height: 40px;
	}
}
@media screen and (max-width: 420px) {
	.categories-kafs > .kaf{
		width: 100%;
		height: 50vw;
	}
}

.szukaj-teraz{
	position: relative;
	background: #12394b;
	color: #fff;
	padding: 2.083vw 0;
	font-size: 1.354vw;
	letter-spacing: 2px;
}
.szukaj-teraz .st-flex{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4.688vw;
}
@media screen and (max-width: 999px) {
	.szukaj-teraz{
		padding: 30px 0;
		font-size: 16px;
	}
	.szukaj-teraz .st-flex{
		flex-wrap: wrap;
	}
	.szukaj-teraz .st-flex > div{
		width: 100%;
	}
}

.pz-table{
	text-align: left;
	width: 360px;
	max-width: 100%;
}
.pz-table .pz-head{
	padding: 10px 20px;
	margin: -30px 0 30px -20px;
	background: #4c4c4c;
	color: #fff;
	width: calc(100% + 40px);
}
.pz-table .pz-photo{
	margin-bottom: 5px;
	text-align: center;
}
.pz-table .pz-photo img{
	max-height: 200px;
}
.pz-table .pz-title{
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin-bottom: 30px;
}
.pz-table div.pz-row{
	margin-bottom: 10px;
}
.pz-table input[type=text],
.pz-table textarea{
	vertical-align: middle;
	padding: 10px 20px;
	border: 1px solid #bfbfbf;
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
}
.pz-table textarea{
	height: 100px;
}
.pz-table .buttons{
	text-align: left !important;
	margin-top: 20px !important;
}
.pz-table .buttons button{
	margin-left: 0 !important;
}
.pz-table div.error{
	color: red;
	font-size: 12px;
	font-weight: 400;
}

.liczby{
	position: relative;
	background: #112743;
	color: #fff;
	text-align: center;
	padding: 3.75vw 0;
	z-index: 1;
}
.liczby .liczby-flex{
	display: flex;
	justify-content: space-between;
	line-height: 1;
	gap: 30px;
}
.liczby .liczby-flex > div{
	display: flex;
	gap: 1.563vw;
}
.liczby .liczby-flex .ico{
	font-size: 3.75vw;
}
.liczby .liczby-flex .dp{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding: 7px 0;
	text-align: left;
	width: 13.021vw;
}
.liczby .liczby-flex .cn{
	width: 100%;
	font-size: 1.563vw;
	font-weight: 700;
	line-height: 1;
}
.liczby .liczby-flex .dsc{
	width: 100%;
	font-size: 0.938vw;
	font-weight: 600;
}
@media screen and (max-width: 999px) {
	.liczby{
		padding: 30px 0;
	}
	.liczby .liczby-flex{
		gap: 20px;
	}
	.liczby .liczby-flex > div{
		gap: 10px;
	}
	.liczby .liczby-flex .ico{
		font-size: 48px;
	}
	.liczby .liczby-flex .dp{
		width: auto;
	}
	.liczby .liczby-flex .cn{
		font-size: 20px;
	}
	.liczby .liczby-flex .dsc{
		font-size: 12px;
		margin-top: 5px;
	}
}
@media screen and (max-width: 768px) {
	.liczby{
		padding: 50px 0;
	}
	.liczby .liczby-flex{
		flex-wrap: wrap;
		gap: 30px
	}
	.liczby .liczby-flex > div{
		width: 100%;
		gap: 20px;
	}
	.liczby .liczby-flex .dp{
		padding: 3px 0;
	}
	.liczby .liczby-flex .cn{
		font-size: 22px;
	}
	.liczby .liczby-flex .dsc{
		font-size: 16px;
	}
}

.faq{
	position: relative;
	background: #f5f5f5;
	padding: 5.208vw 0;
}
.faq .faq-grid{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.563vw 4.948vw;
	margin-top: 3.645vw;
}
.faq .faq-grid .faq-row{
	background: transparent;
}
.faq .faq-grid .faq-row.open{
	/*grid-column: 1 / span 2;*/
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
}
.faq .faq-grid .faq-row .faq-pyt{
	position: relative;
	padding: 1.563vw;
	padding-right: 4.375vw;
	line-height: 2;
	font-weight: 500;
	cursor: pointer;
	background: #fff;
	user-select: none;
}
.faq .faq-grid .faq-row .faq-pyt::after{
	position: absolute;
	top: 1.563vw;
	right: 1.563vw;
	content: '\f078';
	font-family: "Font Awesome 7 Pro";
	font-weight: 300;
	font-size: 1.25vw;
}
.faq .faq-grid .faq-row.open .faq-pyt::after{
	content: '\f077';
}
.faq .faq-grid .faq-row .faq-odp{
	display: none;
	padding: 1.563vw;
	line-height: 1.5;
	background: #fff;
	border-top: 1px solid #f5f5f5;
}
.faq .faq-grid .faq-row.open .faq-odp{
	display: block;
}
@media screen and (max-width: 999px) {
	.faq{
		padding: 30px 0;
	}
	.faq .faq-grid{
		grid-template-columns: 1fr;
		gap: 15px;
		margin-top: 20px;
	}
	.faq .faq-grid .faq-row .faq-pyt{
		padding: 15px;
		padding-right: 50px;
		line-height: 1.5;
	}
	.faq .faq-grid .faq-row .faq-pyt::after{
		top: 15px;
		right: 15px;
		font-size: 20px;
	}
	.faq .faq-grid .faq-row .faq-odp{
		padding: 15px;
	}
}

ul.chkbox{
	list-style: none;
	padding: 0;
}
ul.chkbox > li{
	position: relative;
	padding-left: 2em;
	margin: 12px 0;
	line-height: 1.8;
}
ul.chkbox li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 7 Sharp";
	content: "\f058";
	font-weight: bold;
	display: inline-block;
	width: 25px;
	height: 21px;
	color: #112743;
}
ul.chkbox.s2 li::before{
	content: "\f00c";
}

.o-nas{
	position: relative;
	background-color: #d3eeff;
	padding: 5.4vw 0;
	overflow: hidden;
}
.o-nas .o-nas-wrapper{
	padding: 0 7.031vw;
}
.o-nas .o-nas-kaf{
	position: relative;
	display: flex;
}
.o-nas .o-nas-kaf .elipsa1{
	position: absolute;
	top: -5.208vw;
	right: -5.208vw;
	width: 12.396vw;
	height: 12.396vw;
	background: url(../img/onas/elipsa1.webp) no-repeat center center;
	background-size: 100% 100%;
	z-index: 0;
}
.o-nas .o-nas-kaf .elipsa2{
	position: absolute;
	content: '';
	width: 18.073vw;
	height: 28.385vw;
	top: -3.385vw;
	left: -8.073vw;
	background: url(../img/onas/elipsa2.png) no-repeat center center;
	background-size: 100% 100%;
	z-index: 0;
}
.o-nas .o-nas-kaf .elipsa3{
	position: absolute;
	bottom: -4.792vw;
	right: -5.625vw;
	width: 12.5vw;
	height: 12.5vw;
	background: url(../img/onas/elipsa3.png) no-repeat center center;
	background-size: 100% 100%;
	z-index: 0;
}
.o-nas .o-nas-kaf > div{
	width: 50%;
}
.o-nas .o-nas-kaf .o-nas-kaf-l{
	position: relative;
	background-color: #2575f5;
	color: #fff;
	font-weight: 300;
	padding: 3.906vw;
}
.o-nas .o-nas-kaf .o-nas-kaf-l .o-nas-cnt{
	position: relative;
	z-index: 1;
}
.o-nas .o-nas-kaf .o-nas-kaf-l .logo{
	position: absolute;
	width: 7.708vw;
	height: 7.708vw;
	top: 1.042vw;
	right: -2.344vw;
	transition: all 1s ease-in-out;
}
.o-nas .o-nas-kaf .o-nas-kaf-l .logo.show{
	transform: rotateY(360deg);
}
.o-nas .o-nas-title{
	font-size: 1.875vw;
}
.o-nas .o-nas-lead{
	font-size: 1.25vw;
	margin-top: 2.083vw;
	max-width: 90%;
}
.o-nas .o-nas-text{
	font-size: 0.781vw;
	margin-top: 1.563vw;
	line-height: 1.8;
}
.o-nas .o-nas-kaf-r{
	background-color: #fff;
}
.o-nas .o-nas-kaf-r > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width: 999px) {
	.o-nas{
		padding: 40px 0;
	}
	.o-nas .o-nas-wrapper{
		padding: 0;
	}
	.o-nas .o-nas-title {
		font-size: 24px;
	}
	.o-nas .o-nas-lead {
		font-size: 18px;
		margin-top: 30px;
	}
	.o-nas .o-nas-text {
		font-size: 15px;
		margin-top: 20px;
	}
	.o-nas .o-nas-kaf .o-nas-kaf-l{
		padding: 30px 15px;
	}
	.o-nas .o-nas-kaf .o-nas-kaf-l .logo {
		position: absolute;
		width: 100px;
		height: 100px;
		top: 20px;
		right: -40px;
	}
	.o-nas .o-nas-kaf .elipsa1{
		top: -40px;
		right: -40px;
		width: 100px;
		height: 100px;
	}
	.o-nas .o-nas-kaf .elipsa3 {
		bottom: -46px;
		right: -54px;
		width: 120px;
		height: 120px;
	}
	.o-nas .o-nas-kaf .elipsa2 {
		position: absolute;
		content: '';
		width: 200px;
		height: 314px;
		top: -37px;
		left: -89px;
	}
}
@media screen and (max-width: 768px) {
	.o-nas .o-nas-kaf{
		flex-wrap: wrap;
	}
	.o-nas .o-nas-kaf > div{
		width: 100%;
	}
	.o-nas .o-nas-kaf .o-nas-kaf-l .logo{
		right: 30px;
	}
	.o-nas .o-nas-lead {
		max-width: 70%;
	}
}
@media screen and (max-width: 480px) {
	.o-nas .o-nas-kaf .o-nas-kaf-l .logo{
		right: 15px;
	}
}
@media screen and (max-width: 420px) {
	.o-nas .o-nas-kaf .o-nas-kaf-l .logo{
		top: 80px;
	}
}

.sprzedaz-i-dystrybucja{
	position: relative;
	background: #006aff url(../img/sprzedaz_i_dystrybucja/bg.webp) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 4.167vw 0;
}
.sprzedaz-i-dystrybucja .sid-wrapper{
	padding: 0 7.031vw;
}
.sprzedaz-i-dystrybucja .sid-2c{
	display: flex;
	justify-content: space-between;
	gap: 4.688vw;
	margin-top: 2.083vw;
}
.sprzedaz-i-dystrybucja .sid-button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #0651bd;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.938vw;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 0 0.938vw;
	height: 5.729vw;
	border-radius: 15px;
	white-space: nowrap;
	min-width: 13.542vw;
	box-shadow: 0 14px 24px rgba(0, 0, 0, 0.18);
	transition: all 0.3s ease-in-out;
}
.sprzedaz-i-dystrybucja .sid-button:hover{
	background: #0d96f5;
	color: #fff;
}
.sprzedaz-i-dystrybucja .sid-title{
	font-size: 1.875vw;
}
.sprzedaz-i-dystrybucja .sid-desc{
	line-height: 1.8;
}
.sprzedaz-i-dystrybucja .sid-kafs{
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin-top: 2.604vw;
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf{
	width: 15.6vw;
	text-align: center;
	color: #fff;
	border-radius: 1.146vw;
	background: #0550bc;
	background: linear-gradient(140deg, #2a7cff 0%, #004ab3 100%);
	padding: 1.875vw 15px;
	transform: rotateY(0deg) scale(0);
	opacity: 0;
	transition: all 1s ease-in-out;
}
.sprzedaz-i-dystrybucja .sid-kafs.show .sid-kaf{
	opacity: 1;
	transform: rotateY(360deg) scale(1);
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf:nth-child(1){
	transition-delay: 0ms;
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf:nth-child(2){
	transition-delay: 250ms;
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf:nth-child(3){
	transition-delay: 500ms;
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf:nth-child(4){
	transition-delay: 750ms;
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf .sid-kaf-ico{
	font-size: 2.5vw;
}
.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf .sid-kaf-title{
	line-height: 1.8;
	max-width: 65%;
	margin: 10px auto 0 auto;
}
@media screen and (max-width: 999px) {
	.sprzedaz-i-dystrybucja{
		padding: 40px 0;
	}
	.sprzedaz-i-dystrybucja .sid-wrapper{
		padding: 0;
	}
	.sprzedaz-i-dystrybucja .sid-title{
		font-size: 24px;
		max-width: 100%;
	}
	.sprzedaz-i-dystrybucja .sid-2c{
		flex-wrap: wrap;
		gap: 15px;
		margin-top: 20px;
	}
	.sprzedaz-i-dystrybucja .sid-2c .sid-2c-r{
		margin-top: 10px;
	}
	.sprzedaz-i-dystrybucja .sid-button{
		font-size: 17px;
		padding: 0 40px;
		height: 50px;
		min-width: 0;
	}
	.sprzedaz-i-dystrybucja .sid-kafs{
		flex-wrap: wrap;
		margin-top: 50px;
	}
	.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf{
		width: calc(50% - 7.5px);
		padding: 30px 15px;
	}
	.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf .sid-kaf-ico{
		font-size: 40px;
	}
}
@media screen and (max-width: 480px) {
	.sprzedaz-i-dystrybucja .sid-kafs .sid-kaf{
		width: 100%;
	}
}

.logos{
	position: relative;
	padding: 2.083vw 0;
}
.logos .logos-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 30px;
}
.logos .logos-flex img{
	height: 4.688vw;
}
@media screen and (max-width: 999px) {
	.logos{
		padding: 30px 0;
	}
	.logos .logos-flex{
		justify-content: center;
	}
	.logos .logos-flex img{
		height: 60px;
	}
}

.o-marce{
	position: relative;
	padding: 5.208vw 0;
}
.o-marce .o-marce-wrapper {
	padding: 0 7.031vw;
}
.o-marce .om-2c{
	display: flex;
	color: #fff;
	background: #006aff;
}
.o-marce .om-2c .om-2c-l{
	width: 45%;
}
.o-marce .om-2c .om-2c-l .om-img{
	position: relative;
	width: 100%;
	height: 100%;
}
.o-marce .om-2c .om-2c-l .om-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.o-marce .om-2c .om-2c-r{
	width: 55%;
	padding: 2.604vw 5.208vw;
	background: #3d1f6b url(../img/o-marce/bg.webp) no-repeat center center;
	background-size: cover;
}
.o-marce .om-2c .om-2c-r .om-title{
	font-size: 1.563vw;
}
.o-marce .om-2c .om-2c-r .om-desc{
	line-height: 1.8;
	margin-top: 2.083vw;
}
@media screen and (max-width: 999px) {
	.o-marce{
		padding: 40px 0;
	}
	.o-marce .o-marce-wrapper {
		padding: 0;
	}
	.o-marce .om-2c{
		flex-wrap: wrap;
	}
	.o-marce .om-2c .om-2c-l{
		width: 100%;
	}
	.o-marce .om-2c .om-2c-r{
		order: 1;
		width: 100%;
		padding: 30px 15px;
	}
	.o-marce .om-2c .om-2c-r .om-title{
		font-size: 24px;
	}
	.o-marce .om-2c .om-2c-r .om-desc{
		margin-top: 20px;
	}
}

.fbtm{
	position: relative;
	background: #3d1f6b url(../img/fbtm/bg.webp) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 2.604vw 0 2.604vw 0;
}
.fbtm a{
	color: inherit;
}
.fbtm .fbtm_grid {
	display: flex;
	justify-content: space-between;
	gap: 5.208vw;
}
.fbtm .fbtm_grid .c1{
	text-align: center;
}
.fbtm .fbtm_grid .c1 .logo{
	width: 13.021vw;
}
.fbtm .fbtm_grid .c1 .logo img{
	height: 3.255vw;
}
.fbtm .fbtm_grid .c1 .fbtm_t{
	margin-top: 20px;
	font-size: 1.25vw;
	font-weight: 700;
}
.fbtm .fbtm_r{
	margin-bottom: 1.042vw;
}
.fbtm .fbtm_fi{
	display: flex;
	gap: 20px;
}
.fbtm .fbtm_fi .fbtm_fi_i{
	font-size: 1.146vw;
}
.fbtm .fbtm_fi .fbtm_fi_t{
	padding-top: 0.2vw;
}
.fbtm .fbtm_copyright{
	padding-top: 20px;
	border-top: 1px solid #6c7887;
	margin-top: 5.208vw;
	font-weight: 300;
}
.fbtm .fbtm_menu{
	padding-top: 1.823vw;
	border-top: 1px solid #6c7887;
}
.fbtm .menu-bottom{
	margin: 0;
}
.fbtm .menu-bottom .menu li a{
	text-transform: none;
	font-size: inherit;
	padding: 0 1.042vw;
	white-space: nowrap;
}
.fbtm .menu-bottom .menu li a:hover{
	color: #fff;
	text-decoration: underline;
}
.fbtm .menu-bottom .menu li::before{
	display: none;
}
.fbtm .fbtm_btns{
	margin-top: 3.125vw;
	text-align: center;
}
.fbtm .fbtm_btns .fbtm_btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 12px;
	color: #3d1f6b;
	text-transform: uppercase;
	text-decoration: none;
	background: #fff;
	height: 30px;
	border-radius: 15px;
	padding: 0 30px;
	transition: all 0.3s ease-in-out;
}
.fbtm .fbtm_btns .fbtm_btn:hover{
	background: #0d96f5;
	color: #fff;
}
@media screen and (max-width: 999px) {
	.fbtm{
		padding: 40px 0;
	}
	.fbtm .fbtm_grid{
		flex-wrap: wrap;
		gap: 30px;
	}
	.fbtm .fbtm_grid .c1 .logo img {
		height: 62.5px;
	}
	.fbtm .fbtm_r{
		margin-bottom: 15px;
	}
	.fbtm .fbtm_grid .c1 .fbtm_t{
		font-size: 18px;
	}
	.fbtm .fbtm_grid .c1 {
		text-align: left;
		margin-bottom: 20px;
	}
	.fbtm .fbtm_grid .c1 .logo{
		width: auto;
	}
	.fbtm .fbtm_grid .c4{
		width: 100%;
	}
	.fbtm .fbtm_fi .fbtm_fi_i {
		font-size: 18px;
	}
	.fbtm .fbtm_menu{
		padding-top: 30px;
	}
	.fbtm .menu-bottom .menu{
		gap: 15px;
	}
	.fbtm .fbtm_btns{
		margin-top: 40px;
	}
	.fbtm .fbtm_copyright{
		margin-top: 50px;
		text-align: center;
		padding-bottom: 20px;
	}
	.fbtm .fbtm_copyright > span{
		display: block;
	}
}
@media screen and (max-width: 768px) {
	.fbtm .fbtm_grid > *{
		width: 100%;
	}
}

.realizacje{
	position: relative;
	padding: 2.604vw 0 4vw 0;
	background: #fff;
	z-index: 1;
}
@media only screen and (max-width: 999px) {
	.realizacje{
		padding: 30px 0;
	}
}

.rip{
	position: relative;
	padding: 5.208vw 0;
	background: #383838;
	color: #fff;
}
.rip .rip-w{
	position: relative;
	padding: 0 13.542vw;
}
@media screen and (max-width: 999px) {
	.rip{
		padding: 40px 0;
	}
	.rip .rip-w{
		padding: 0;
	}
}

.personel-slider{
	position: relative;
	padding: 5.208vw 0;
	background: #383838;
	color: #fff;
}
.personel-slider .personel-slider-w{
	position: relative;
	padding: 0 13.542vw;
}
@media screen and (max-width: 999px) {
	.personel-slider{
		padding: 40px 0;
	}
	.personel-slider .personel-slider-w{
		padding: 0;
	}
}


.dojazd{
	position: relative;
	height: 21vw;
	-webkit-filter: grayscale(100%);
	-webkit-backface-visibility: hidden;
	transition: all 0.3s linear;
}
.dojazd:hover{
	-webkit-filter: grayscale(0);
}
.dojazd::after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: all 0.3s linear;
	z-index: 1;
}
.dojazd:hover::after{
	z-index: -1;
	background: rgba(0,0,0,0);
}
@media screen and (max-width: 999px) {
	.dojazd{
		height: 400px;
	}
}


#g-recaptcha-fk {
    width: 256px !important;
    overflow: visible !important;
}
#g-recaptcha-fk iframe {
    width: 256px !important;
    border: none;
}
.grecaptcha-badge{
	position: relative;
	box-shadow: none !important;
	border-radius: 0 !important;
	z-index: 2 !important;
	background: #fff !important;
	border: 1px solid #ebebee !important;
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	width: 70px !important;
	transition: linear 100ms width;
}
.grecaptcha-badge:hover {
    width: 256px !important;
}
@media only screen and (max-width: 999px) {
	.grecaptcha-badge{
		bottom: 0 !important;
	}
}

.flcnt{
	display: flex;
	justify-content: space-between;
	margin: 100px 0;
}
.flcnt > .fll{
	width: 40%;
	padding: 0 10px;
}
.flcnt > .flr{
	width: 49%;
}
.flcnt > .flr .more{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin-top: 40px;
}
.flcnt > .flr b{
	font-weight: 600;
}
@media only screen and (max-width: 999px) {
	.flcnt{
		margin-top: 30px;
	}
	.flcnt > .flr .more{
		margin-top: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.flcnt{
		flex-wrap: wrap;
		gap: 40px;
	}
	.flcnt > .fll,
	.flcnt > .flr{
		width: 100%;
	}
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotateY(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotateY(360deg);
  }
}

.bp-menu-wrapper{
	position: relative;
	padding: 20px;
	margin: 0;
	background: #f5f5f5;
}
.bp-menu-wrapper > .pagewidth{
	padding: 0 !important;
	width: 100% !important;
}
ul.bp-menu{
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 15px;
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2;
}
ul.bp-menu li{
	position: relative;
	list-style: none;
	font-weight: 500;
	cursor: pointer;
	line-height: 1.2;
	padding: 0 !important;
	flex-grow: 1;
    flex-basis: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #385273;
	color: #fff;
	font-size: 0.781vw;
	transition: all 0.15s ease-in-out;
}
ul.bp-menu li:hover,
ul.bp-menu li.active{
	color: #fff;
	background: #112743;
}
ul.bp-menu li:hover a::after,
ul.bp-menu li.active a::after,
ul.bp-menu li a:focus::after{
	position: absolute;
	content: '\f107';
	font-family: "Font Awesome 7 Pro";
	font-weight: 400;
	font-size: 1vw;
	bottom: 0;
	color: inherit;
}
ul.bp-menu li > a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 10px;
	flex-grow: 1;
    flex-basis: 0;
	background: #385273;
	color: #fff;
	font-size: 0.781vw;
}
ul.bp-menu li:hover > a,
ul.bp-menu li > a:focus,
ul.bp-menu li.active > a{
	color: #fff;
	background: #112743;
}
body.wcag ul.bp-menu li > a:focus{
	color: #000;
	background: #ff0;
}
ul.bp-menu li > a > span{
	display: block;
	text-align: center;
}
ul.bp-menu li .n{
	color: #8c0439;
}
.bp-cont{
	position: relative;
	margin-top: 30px;
	min-height: 300px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.bp-cont > div{
	display: none;
	opacity:0;
}
.bp-cont > div.active{
	display: block;
	animation: bp-cont 2.0s forwards;
	animation-delay: 0s;
	opacity: 1;
}
.bp-cont h3{
	font-weight: 600;
	margin-bottom: 10px;
}
@keyframes bp-cont {
	0% {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@media only screen and (max-width: 999px) {
	.bp-menu-wrapper{
		padding: 15px 0;
	}
	.bp-menu-wrapper::before{
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		content: '';
		width: 200%;
		height: 100%;
		left: -50%;
		background: #f5f5f5;
	}
	ul.bp-menu{
		flex-wrap: wrap;
	}
	ul.bp-menu li{
		font-size: 16px;
		width: 100%;
		flex-basis: auto;
	}
	ul.bp-menu li:hover a::after, 
	ul.bp-menu li.active a::after {
		font-size: 20px;
	}
	ul.bp-menu li a{
		font-size: 16px;
	}
}

.milk_booki{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-between;
}
.milk_booki > a{
	display: block;
	position: relative;
	overflow: hidden;
	height: 15.625vw;
	width: 20.833vw;
}
.milk_booki > a > img{
	position: relative;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}
.milk_booki > a:hover > img{
	transform: scale(1.05);
}

@media only screen and (max-width: 768px) {
	.milk_booki > a{
		width: 100vw;
		height: 80vw;
	}
}

.suprim .loga_siec .logos{
	display: flex;
	gap: 50px;
	margin: 20px auto 30px auto;
	justify-content: center;
	aling-items: center;
}
.suprim .loga_siec .logos img{
	width: auto;
	height: 50px;
}
.suprim .loga_siec .dsc{
	line-height: 1.2;
	font-weight: 600;
	font-style: italic;
	text-align: center;
}
@media only screen and (max-width: 1366px) {
	.suprim .loga_siec .logos{
		gap: 30px;
	}
}
@media only screen and (max-width: 999px) {
	.suprim .loga_siec .logos{
		flex-wrap: wrap;
	}
	.suprim .loga_siec .logos a{
		display: block;
		width: 100%;
		text-align: center;
	}
}

.pracownik-m{
	display: table !important;
	border: 0 !important;
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 70px !important;
}
.pracownik-m td{
	border: 0 !important;
	border-collapse: collapse;
}
.pracownik-m .pracownik-m-l{
	width: 65%;
}
.pracownik-m .pracownik-m-r{
	width: 35%;
	text-align: center;
	vertical-align: top;
}
@media only screen and (max-width: 768px) {
	.pracownik-m > tr,
	.pracownik-m > tbody > tr{
		display: flex;
		flex-wrap: wrap;
	}
	.pracownik-m .pracownik-m-l{
		width: 100%;
		order: 2;
		margin-top: 30px;
	}
	.pracownik-m .pracownik-m-r{
		width: 100%;
		order: 1;
	}
	.pracownik-m .pracownik-m-r img{
		max-width: 200px;
	}
}

.pracownik-s{
	border: 0 !important;
	width: 100%;
	border-collapse: collapse;	
}
.pracownik-s td{
	height: 78px;
}
.pracownik-s .pracownik-s-i{
	width: 14%;
}
.pracownik-s .pracownik-s-t{
	width: 18%;
	text-align: left;
}
.pracownik-s .pracownik-s-d{
	width: 68%;
	text-align: left;
}
@media only screen and (max-width: 768px) {
	.pracownik-s{
		font-size: 14px;
	}
	.pracownik-s td{
		vertical-align: top;
	}
}

.ajax-loader{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	background: #f4f4f4;
	z-index: 3;
	top: 0;
	left: 0;
}
.ajax-loader > .spinner{
	height: 4.166666666666666vw;
	width: 4.166666666666666vw;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="64px" height="64px" viewBox="0 0 128 128" xml:space="preserve"><g><path d="M64 0a7 7 0 1 1-7 7 7 7 0 0 1 7-7zm29.86 12.2a2.8 2.8 0 1 1-3.83 1.02 2.8 2.8 0 0 1 3.83-1.02zm22.16 21.68a3.15 3.15 0 1 1-4.3-1.15 3.15 3.15 0 0 1 4.3 1.15zm.87 60.53a4.2 4.2 0 1 1-1.57-5.7 4.2 4.2 0 0 1 1.54 5.73zm7.8-30.5a3.85 3.85 0 1 1-3.85-3.85 3.85 3.85 0 0 1 3.85 3.84zm-30 53.2a4.55 4.55 0 1 1 1.66-6.23 4.55 4.55 0 0 1-1.67 6.22zM64 125.9a4.9 4.9 0 1 1 4.9-4.9 4.9 4.9 0 0 1-4.9 4.9zm-31.06-8.22a5.25 5.25 0 1 1 7.17-1.93 5.25 5.25 0 0 1-7.14 1.93zM9.9 95.1a5.6 5.6 0 1 1 7.65 2.06A5.6 5.6 0 0 1 9.9 95.1zM1.18 63.9a5.95 5.95 0 1 1 5.95 5.94 5.95 5.95 0 0 1-5.96-5.94zm8.1-31.6a6.3 6.3 0 1 1 2.32 8.6 6.3 6.3 0 0 1-2.3-8.6zM32.25 8.87a6.65 6.65 0 1 1-2.44 9.1 6.65 6.65 0 0 1 2.46-9.1z" fill="%234c4c4c"/><animateTransform attributeName="transform" type="rotate" values="0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64" calcMode="discrete" dur="720ms" repeatCount="indefinite"></animateTransform></g></svg>');
	background-size: 100% 100%;
}
@media only screen and (max-width: 999px) {
	.ajax-loader > .spinner{
		height: 50px;
		width: 50px;
	}
}

.header-s{
	position: relative;
	font-size: 1.25vw;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #0c2e5d;
}
.header-s .hs-w{
	display: inline-block;
}
.header-s .hs-f{
	display: flex;
	align-items: center;
	gap: 20px;
	border: 1px solid #0c2e5d;
	padding: 0.781vw 1.302vw;
	font-weight: 500;
}
.header-s .hs-f > i{
	font-size: 1.458vw;
}
@media only screen and (max-width: 999px) {
	.header-s{
		font-size: 18px;
	}
	.header-s .hs-f{
		padding: 7px 15px;
	}
	.header-s .hs-f > i{
		font-size: 20px;
	}
}

.aktualnosci{
	position: relative;
	padding: 4.688vw 0;
	background: #edf8ff;
}
.aktualnosci .aktualnosci-title{
	font-size: 1.875vw;
	color: #333254;
	letter-spacing: 1px;
}
.aktualnosci .aktualnosci-kafs{
	margin-top: 3.646vw;
}
@media only screen and (max-width: 999px) {
	.aktualnosci{
		padding: 30px 0;
	}
	.aktualnosci .aktualnosci-title{
		font-size: 24px;
	}
	.aktualnosci .aktualnosci-kafs{
		margin-top: 30px;
	}
}

.felietony{
	position: relative;
	padding: 4.688vw 0 2.208vw 0;
	background: #f9f9f9;
}
.felietony .articles{
	margin-top: 4.688vw;
}
.felietony .news-carousel{
	margin-top: 2.208vw;
}
.felietony .buttons{
	text-align: right;
	margin-top: 20px;
}
.felietony .buttons a{
	text-transform: uppercase;
	font-weight: 400;
	color: #9c9c9c;
}
.felietony .buttons a:hover{
	color: #f13b35;
}
@media only screen and (max-width: 999px) {
	.felietony{
		padding: 30px 0;
	}
	.felietony .articles,
	.felietony .news-carousel{
		margin-top: 30px;
	}
}

.news-carousel{
	position: relative;
	width: 100%;
	margin: 30px auto 10px 0;
}
.news-carousel .news-carousel-holder{
	position: relative;
	width: 100%;
}
.news-carousel .news-carousel-wrapper{
	position: relative;
	margin: 0 -10px;
	padding: 10px 0;
	overflow: hidden;
	width: calc(100% + 20px);
	min-height: 21.354vw;
}
.news-carousel.layout2 .news-carousel-wrapper{
	height: 15.625vw;
	min-height: 0;
}
.news-carousel .news-carousel-wrapper > ul{
	position: relative;
	white-space: nowrap;
	list-style: none;
	padding: 0 10px;
	margin: 0 -15px;
}
.news-carousel.layout2 .news-carousel-wrapper > ul{
	height: 100%;
}
.news-carousel .news-carousel-item{
	display: inline-block;
	list-style: none;
	width: 33.3333%;
	font-size: 30px;
	padding: 0 30px;
	margin: 0;
	white-space: normal;
	vertical-align: top;
}
.news-carousel.layout2 .news-carousel-items .news-carousel-item{
	height: 100%;
}
.news-carousel .news-carousel-item > a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	color: #000;
	transition: all 0.25s ease-in-out;
	z-index: 1;
	position: relative;
}
.news-carousel .news-carousel-item:hover > a{
	box-shadow: 0 0 10px rgba(37, 144, 207, 0.3);
}
.news-carousel .news-carousel-items.layout1 .news-carousel-item:hover > a,
.news-carousel .news-carousel-items.layout2 .news-carousel-item:hover > a,
.news-carousel .news-carousel-items.layout3 .news-carousel-item:hover > a{
	box-shadow: none;
}
body.wcag .news-carousel .news-carousel-item > a:focus{
	background: #ff0 !important;
	color: #000 !important;
}
.news-carousel .news-carousel-nav{
	position: absolute;
	height: 21.354vw;
	width: 100%;
	bottom: 0;
	display: none;
}
.news-carousel.layout1 .news-carousel-nav,
.news-carousel.layout2 .news-carousel-nav,
.news-carousel.layout3 .news-carousel-nav{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.563vw;
	height: 3.125vw;
	margin-top: 3.906vw;
}
.news-carousel.layout1 .news-carousel-nav::before,
.news-carousel.layout2 .news-carousel-nav::before,
.news-carousel.layout3 .news-carousel-nav::before,
.news-carousel.layout1 .news-carousel-nav::after,
.news-carousel.layout2 .news-carousel-nav::after,
.news-carousel.layout3 .news-carousel-nav::after{
	position: absolute;
	content: '';
	top: 50%;
	width: calc(50% - 1.564vw);
	height: 1px;
	background: #cecece;	
}
.news-carousel.layout1 .news-carousel-nav::before,
.news-carousel.layout2 .news-carousel-nav::before,
.news-carousel.layout3 .news-carousel-nav::before{
	left: 0;
}
.news-carousel.layout1 .news-carousel-nav::after,
.news-carousel.layout2 .news-carousel-nav::after,
.news-carousel.layout3 .news-carousel-nav::after{
	right: 0;
}
.news-carousel .news-carousel-nav > div {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}
.news-carousel.layout1 .news-carousel-nav > div,
.news-carousel.layout2 .news-carousel-nav > div,
.news-carousel.layout3 .news-carousel-nav > div{
	height: 100%;
	justify-content: center;
	gap: 1.667vw;
}
.news-carousel .news-carousel-nav .nav_btn.left{
	margin-left: -25px;
	left: 0;
}
.news-carousel .news-carousel-nav .nav_btn.right{
	margin-right: -25px;
	right: 0;
}
.news-carousel .news-carousel-nav .nav_btn {
	position: absolute;
	z-index: 3;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border: 1px solid #E6EAEE;
	box-shadow: 0 0 15px rgba(34,44,86,0.1);
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
	cursor: pointer;
	color: #565656;
	font-size: 30px;
	top: 50%;
	margin-top: -25px;
	transition: all 0.25s ease-in-out;
}
.news-carousel.layout1 .news-carousel-nav .nav_btn,
.news-carousel.layout2 .news-carousel-nav .nav_btn,
.news-carousel.layout3 .news-carousel-nav .nav_btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125vw;
	height: 3.125vw;
	color: #cecece;
	font-size: 1.1vw;
	background: #fff;
	border: 1px solid #cecece;
	box-shadow: none;
	border-radius: 50%;
	margin: 0;
	top: auto;
	left: auto;
	right: auto;
	transition: all 0.25s ease-in-out;
	z-index: 1;
}
.news-carousel .news-carousel-nav .nav_btn:hover{
	background: #4c4c4c;
	color: #fff;
	border-color: #4c4c4c;
}
.news-carousel.layout1 .news-carousel-nav .nav_btn:hover,
.news-carousel.layout2 .news-carousel-nav .nav_btn:hover,
.news-carousel.layout3 .news-carousel-nav .nav_btn:hover{
	background: #898989;
	color: #fff;
	border-color: #898989;
}
body.wcag .news-carousel .news-carousel-nav .nav_btn:focus{
	background: #ff0 !important;
	color: #000 !important;
}
.news-carousel .news-carousel-item .photo{
	position: relative;
	display: block;
	height: 11.979vw;
	overflow: hidden;
	z-index: 1;
	background: #ececec;
}
.news-carousel .news-carousel-items.layout1 .news-carousel-item .photo,
.news-carousel .news-carousel-items.layout3 .news-carousel-item .photo{
	height: 15.104vw;
}
.news-carousel .news-carousel-item .photo img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}
.news-carousel .news-carousel-item:hover .photo img {
	transform: scale(1.1);
}
.news-carousel .news-carousel-item .grid-sb{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height: 8.333vw;
	padding: 1.563vw 2.083vw;
	border: 1px solid #e3e7e6;
	z-index: 1;
}
.news-carousel .news-carousel-items.layout1 .grid-sb,
.news-carousel .news-carousel-items.layout3 .grid-sb{
	padding: 3.125vw 1.563vw 1.563vw 1.563vw;
	height: 17.708vw;
	margin: 0 1.302vw;
	margin-top: -3.385vw;
	width: calc(100% - 2.604vw);
	background: #fff;
}
.news-carousel .news-carousel-items.layout3 .grid-sb{
	padding: 3.021vw 3.646vw 2.344vw 3.646vw;
	height: 13.021vw;
	margin: 0 1.042vw;
	margin-top: -3.385vw;
}
.news-carousel .news-carousel-items.layout2 .grid-sb{
	height: 100%;
}
.news-carousel .news-carousel-item .grid-sb::after{
	position: absolute;
	bottom: -8px;
	left: 0;
	content: '';
	width: 100%;
	height: 8px;
	background: #6e6d69;
	transition: all 0.25s ease-in-out;
}
.news-carousel .news-carousel-item a:hover .grid-sb::after{
	background: #112743;
}
.news-carousel .news-carousel-item .grid-sb > *{
	width: 100%;
}
.news-carousel .news-carousel-item .btm-f{
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin-top: 2.083vw;
}
.news-carousel .news-carousel-item .btm-f .btm-date{
	color: #84201d;
	font-size: 0.781vw;
	font-weight: 400;
	text-transform: uppercase;
}
.news-carousel .news-carousel-item .btm-f .btm-btn{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.563vw;
	bottom: 0;
	right: 0;
	color: #fff;
	background: #9c9c9c;
	width: 2.604vw;
	height: 2.604vw;
	transition: all 0.25s ease-in-out;
}
.news-carousel .news-carousel-item .btm-f .btm-btn i{
	transform: rotate(-45deg);
	transition: all 0.25s ease-in-out;
}
.news-carousel .news-carousel-item a:hover .btm-f .btm-btn{
	background: #f25d35;
}
.news-carousel .news-carousel-item a:hover .btm-f .btm-btn i{
	transform: rotate(0deg);
}
.news-carousel.layout2 .news-carousel-item .btm-btn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	text-transform: uppercase;
	text-align: right;
	color: #9c9c9c;
	font-size: 0.781vw;
	font-weight: 400;
}
.news-carousel.layout3 .news-carousel-item .btm-btn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	text-align: right;
	color: #363636;
	font-size: 0.781vw;
	font-weight: 400;
}
.news-carousel .news-carousel-item .title{
	position: relative;
	color: #4c4c4c;
	font-size: 0.938vw;
	font-weight: 600;
	text-transform: uppercase;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2; 
	-webkit-box-orient: vertical;
	transition: all 0.25s ease-in-out;
}
.news-carousel .news-carousel-items.layout1 .news-carousel-item .title{
	color: #4c4c4c;
	font-size: 0.938vw;
	font-weight: 600;
	text-transform: uppercase;
}
.news-carousel .news-carousel-items.layout3 .news-carousel-item .title{
	color: #1c1f22;
	font-size: 0.781vw;
	font-weight: 600;
	text-transform: none;
}
.news-carousel .news-carousel-items.layout2 .news-carousel-item .pline{
	position: relative;
	background: #cecece;
	width: 7.552vw;
	height: 2px;
}
.news-carousel .news-carousel-item .date{
	display: flex;
	gap: 10px;
	align-items: center;
	color: #505050;
	font-size: 0.833vw;
	font-weight: 400;
	margin-top: 1.563vw;
	transition: all 0.25s ease-in-out;
}
.news-carousel .news-carousel-items.layout3 .news-carousel-item .date{
	color: #112743;
	margin-top: 0;
	font-weight: 500;
}
.news-carousel .news-carousel-item:hover .title{
	color: #4c4c4c;
}
.news-carousel .news-carousel-item .lead{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #1a1a1a;
	font-size: 0.781vw;
	margin-top: 2.083vw;
}
.news-carousel.layout2 .news-carousel-item .lead{
	margin-top: 0;
}
.news-carousel .news-carousel-categories{
	position: relative;
	width: 100%;
	padding: 10px 0 30px 0;
	display: flex;
	justify-content: space-between;
	gap: 2.083vw;
}
.news-carousel .news-carousel-categories > ul{
	position: relative;
	display: flex;
	min-width: max-content;
	align-items: center;
	justify-content: space-between;
	gap: 1.8vw;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 2.5vw;
}
.news-carousel .news-carousel-categories > ul li{
	position: relative;
	list-style: none;
}
.news-carousel .news-carousel-categories > ul li .cl{
	position: relative;
	cursor: pointer;
	color: #0c2e5d;
	font-size: 1.042vw;
	text-transform: uppercase;
	font-weight: 600;
	transition: all 0.25s ease-in-out;
	display: flex;
	align-items: center;
	border: 0;
	background-color: transparent;
	padding: 5px;
}
.news-carousel .news-carousel-categories > ul li span.dsc{
	font-size: 0.885vw;
	font-weight: 600;
	text-transform: uppercase;
	padding-left: 5px;
}
.news-carousel .news-carousel-categories > ul li span.dsc.ac{
	color: #87125b;
}
.news-carousel .news-carousel-all{
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}
.news-carousel .news-carousel-categories > ul li .all,
.news-carousel .news-carousel-all a.all{
	display: flex;
	gap: 10px;
	align-items: center;
	background: #4c4c4c;
	color: #fff;
	font-size: 0.938vw;
	font-weight: 600;
	padding: 10px 15px;
	border: 0;
	text-transform: uppercase;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
}
.news-carousel .news-carousel-categories > ul li .all > i,
.news-carousel .news-carousel-all a.all > i{
	font-size: 1.458vw;
}
.news-carousel .news-carousel-categories > ul li .cl:hover::after,
.news-carousel .news-carousel-categories > ul li .cl.active::after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 2px;
	transition: 0.3s all ease;
	background: #4c4c4c;
}
.news-carousel .news-carousel-categories > ul li .all:hover,
.news-carousel .news-carousel-all a.all:hover{
	background: #4c4c4c;
	color: #fff;
	text-decoration: none;
}
.news-carousel .news-carousel-categories > ul li .all:hover::after,
.news-carousel .news-carousel-categories > ul li .all.active::after{
	display: none;
}
body.wcag .news-carousel .news-carousel-categories > ul li .cl:focus{
	background: #ff0;
}
body.wcag .news-carousel .news-carousel-categories > ul li .all:focus,
body.wcag .news-carousel .news-carousel-all a.all:focus{
	background: #ff0;
	color: #000;
}
.news-carousel .news-carousel-categories select{
	border: 1px solid #4c4c4c;
	color: #4c4c4c;
	background: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.938vw;
	padding: 0.55vw 1.042vw;
}
.news-carousel .news-carousel-categories select.news-category{
	width: 10.417vw;
}
@media only screen and (max-width: 1280px) {
	.news-carousel .news-carousel-item{
		width: 50%;
	}
	.news-carousel .news-carousel-item .photo{
		height: 23vw;
	}
}
@media only screen and (max-width: 999px) {
	.news-carousel{
		margin: 20px auto 20px auto;
	}
	.news-carousel .news-carousel-wrapper{
		min-height: calc(23vw + 110px);
	}
	.news-carousel .news-carousel-categories{
		overflow-x: auto;
		position: relative;
		z-index: 1;
		padding: 10px 15px;
		margin: 0 -15px 10px -15px;
		width: calc(100% + 30px);
		background: #f4f4f4;
		gap: 30px;
	}
	.news-carousel .news-carousel-categories > ul{
		gap: 20px;
		height: auto;
	}
	.news-carousel .news-carousel-categories > ul li .cl{
		font-size: 15px;
		font-weight: 600;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.news-carousel .news-carousel-categories > ul li span.dsc{
		font-size: 12px;
	}
	.news-carousel .news-carousel-categories > ul li .all,
	.news-carousel .news-carousel-all a.all{
		font-size: 14px;
	}
	.news-carousel .news-carousel-categories > ul li .all > i,
	.news-carousel .news-carousel-all a.all > i{
		font-size: 15px;
	}
	.news-carousel .news-carousel-categories select{
		font-size: 12px;
		padding: 5px 10px;
		width: auto !important;
	}
	.news-carousel .news-carousel-nav{
		height: calc(23vw + 110px);
	}
	.news-carousel .news-carousel-nav .nav_btn{
		width: 40px;
		height: 40px;
		margin-top: -20px;
		font-size: 20px;
	}
	.news-carousel .news-carousel-nav .nav_btn.left{
		margin-left: -10px;
	}
	.news-carousel .news-carousel-nav .nav_btn.right{
		margin-right: -10px;
	}
	.news-carousel .news-carousel-item .grid-sb{
		height: 110px;
		padding: 20px 15px;
	}
	.news-carousel .news-carousel-item .title{
		font-size: 14px !important;
	}
	.news-carousel .news-carousel-items.layout2 .news-carousel-item .pline{
		width: 80px;
	}
	.news-carousel .news-carousel-item .lead{
		font-size: 13px;
		margin-top: 0;
	}
	.news-carousel .news-carousel-item .date{
		font-size: 13px;
	}
	.news-carousel .news-carousel-item .btm-f{
		margin-top: 0;
	}
	.news-carousel .news-carousel-item .btm-f .btm-date{
		font-size: 13px;
	}
	.news-carousel .news-carousel-item .btm-f .btm-btn{
		width: 40px;
		height: 40px;
		font-size: 22px;
	}
	.news-carousel .news-carousel-items.layout1 .grid-sb,
	.news-carousel .news-carousel-items.layout3 .grid-sb{
		padding: 20px 15px;
		height: 220px;
		margin: 0 15px;
		margin-top: -30px;
		width: calc(100% - 30px);
	}
	.news-carousel .news-carousel-items.layout3 .grid-sb{
		height: 180px;
	}
	.news-carousel .news-carousel-items.layout1 .news-carousel-item .photo,
	.news-carousel .news-carousel-items.layout3 .news-carousel-item .photo{
		height: 26vw;
	}
	.news-carousel.layout1 .news-carousel-nav, 
	.news-carousel.layout2 .news-carousel-nav, 
	.news-carousel.layout3 .news-carousel-nav{
		gap: 30px;
		margin-top: 30px;
		height: 40px;
	}
	.news-carousel.layout1 .news-carousel-nav::before, 
	.news-carousel.layout2 .news-carousel-nav::before, 
	.news-carousel.layout3 .news-carousel-nav::before, 
	.news-carousel.layout1 .news-carousel-nav::after, 
	.news-carousel.layout2 .news-carousel-nav::after, 
	.news-carousel.layout3 .news-carousel-nav::after{
		width: calc(50% - 30px);
	}
	.news-carousel.layout1 .news-carousel-nav .nav_btn, 
	.news-carousel.layout2 .news-carousel-nav .nav_btn, 
	.news-carousel.layout3 .news-carousel-nav .nav_btn{
		width: 40px;
		height: 40px;
		font-size: 22px;
	}
	.news-carousel.layout1 .news-carousel-nav > div, 
	.news-carousel.layout2 .news-carousel-nav > div, 
	.news-carousel.layout3 .news-carousel-nav > div{
		gap: 30px;
	}
	.news-carousel.layout2 .news-carousel-wrapper{
		height: 240px;
	}
	.news-carousel.layout2 .news-carousel-item .btm-btn,
	.news-carousel.layout3 .news-carousel-item .btm-btn{
		font-size: 14px;
	}
	.news-carousel .news-carousel-item .grid-sb{
		gap: 15px;
	}
}
@media only screen and (max-width: 768px) {
	.news-carousel .news-carousel-wrapper{
		min-height: calc(50vw + 110px);
	}
	.news-carousel .news-carousel-nav{
		height: calc(50vw + 110px);
	}
	.news-carousel .news-carousel-item{
		width: 100%;
	}
	.news-carousel.layout3 .news-carousel-item{
		padding: 0 15px;
	}
	.news-carousel .news-carousel-item .photo{
		height: 50vw;
	}
	.news-carousel .news-carousel-items.layout1 .news-carousel-item .photo,
	.news-carousel .news-carousel-items.layout3 .news-carousel-item .photo{
		height: 50vw;
	}
}

.mkafs{
	position: relative;
	padding: 4.167vw 0;
}
.mkafs .mkafs-row{
	margin-top: 4.167vw;
}
.mkafs .mkafs-row:first-child{
	margin-top: 0;
}
.mkafs .mkafs-row .mkafs-f{
	display: flex;
	justify-content: space-between;
	gap: 2.604vw;
}
.mkafs .mkafs-row .mkafs-a{
	position: relative;
	height: 20.833vw;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 0;
	align-content: flex-end;
	padding: 0 4vw;
	background-color: #4c4c4c;
}
.mkafs .mkafs-row .mkafs-f .mkafs-l{
	width: calc(40% - 1.302vw);
}
.mkafs .mkafs-row .mkafs-f .mkafs-r{
	width: calc(60% - 1.302vw);
}
.mkafs .mkafs-row .mkafs-a img{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	transition: all 0.3s ease;
}
.mkafs .mkafs-row .mkafs-a::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(22,61,117,0.2);
	background: rgba(0,0,0,0.3);
	z-index: 1;
	transition: all 0.3s ease;
}
.mkafs .mkafs-h{
	position: absolute;
	display: flex;
	align-items: center;
	gap: 1.042vw;
	top: 0;
	left: 1.302vw;
	padding: 1.042vw 1.563vw;
	font-size: 1.25vw;
	font-weight: 400;
	background: #fff;
	color: #0c2e5d;
	z-index: 1;
	transition: all 0.3s ease;
}
.mkafs .mkafs-t{
	display: block;
	width: 100%;
	font-size: 1.563vw;
	font-weight: 700;
	color: #fff;
	z-index: 1;
	line-height: 1.2;
	text-shadow: 3px 5px 9px rgb(0, 0, 0);
	transition: all 0.3s ease;
}
.mkafs .mkafs-b{
	display: block;
	width: 100%;
	z-index: 1;
	margin: 1.042vw 0 1.5vw 0;
}
.mkafs .mkafs-b .mkafs-btn{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	color: #0c2e5d;
	text-transform: uppercase;
	font-size: 0.781vw;
	font-weight: 600;
	border: 1px solid #0c2e5d;
	padding: 7px 0.781vw;
}
.mkafs .mkafs-b .mkafs-btn i{
	transform: rotate(45deg);
	font-size: 1vw;
}
.mkafs .mkafs-row .mkafs-a:hover img {
	transform: scale(1.1);
}
.mkafs .mkafs-row .mkafs-a:hover .mkafs-btn{
	background: #4c4c4c;
	border-color: #4c4c4c;
	color: #fff;
}
.mkafs .mkafs-row .mkafs-a:hover::before{
	background: rgba(0,0,0,0.1);
}
body.wcag .mkafs .mkafs-row .mkafs-a:focus .mkafs-h,
body.wcag .mkafs .mkafs-row .mkafs-a:focus .mkafs-btn{
	background: #ff0;
	border-color: #ff0;
	color: #000;
}
.mkafs .mkafs-row .mkafs-a:focus::before{
	background: rgba(0,0,0,0.5);
}
@media only screen and (max-width: 768px) {
	.mkafs .mkafs-row .mkafs-f{
		flex-wrap: wrap;
		gap: 15px;
	}
	.mkafs .mkafs-row .mkafs-f .mkafs-l,
	.mkafs .mkafs-row .mkafs-f .mkafs-r{
		width: 100%;
	}
	.mkafs .mkafs-row .mkafs-a{
		height: 59.896vw;
	}
	.mkafs .mkafs-h{
		gap: 10px;
		left: 20px;
		font-size: 16px;
		padding: 7px 15px;
	}
	.mkafs .mkafs-t{
		font-size: 18px;
	}
	.mkafs .mkafs-b{
		margin: 15px 0 15px 0;
	}
	.mkafs .mkafs-b .mkafs-btn{
		font-size: 13px;
		padding: 5px 10px;
	}
	.mkafs .mkafs-b .mkafs-btn i{
		font-size: 15px;
	}
}

.main-produkty{
	position: relative;
	padding: 4.688vw 0;
	background: #f4fbff;
}
.main-produkty .mp-wrapper{
	padding: 0 7.031vw;
}
.main-produkty .mp-c2{
	display: flex;
	justify-content: space-between;
	gap: 4vw;
}
.main-produkty .mp-c2 .mp-c2-l{
	width: 30.208vw;
	margin-top: 1.688vw;
}
.main-produkty .mp-c2 .mp-c2-r{
	width: calc(100% - 4vw - 30.208vw);
}
.main-produkty .mp-title{
	color: #333254;
	font-size: 1.875vw;
}
.main-produkty .mp-desc{
	font-size: 0.938vw;
	line-height: 1.8;
	color: #18173b;
}
.main-produkty .mp-kafs{
	display: flex;
	flex-wrap: wrap;
	gap: 3.646vw;
	margin-top: 3vw;
}
.main-produkty .mp-kafs .mp-kaf{
	position: relative;
	width: calc(33.3333% - 3.646vw*2/3);
	text-align: center;
	border-bottom-left-radius: 1.302vw;
	border-bottom-right-radius: 1.302vw;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-img{
	position: relative;
	height: 19.531vw;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-img::before{
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 85%;
	background: #fff;
	border-top-left-radius: 1.302vw;
	border-top-right-radius: 1.302vw;
	z-index: 1;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-img .mp-kaf-img-inner{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 18.229vw;
	height: 18.229vw;
	z-index: 1;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-img .mp-kaf-img-inner::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(1deg, #c0e7ff 0%, #ffffff 90%, #ffffff 100%);
	border-radius: 50%;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-img .mp-kaf-img-inner img{
	max-width: 100%;
	max-height: 100%;
	z-index: 1;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-inf{
	height: 8.854vw;
	border-bottom-left-radius: 1.302vw;
	border-bottom-right-radius: 1.302vw;
	overflow: hidden;
	padding: 1.563vw 3vw;
	box-shadow: 0 18px 28px -10px rgba(0, 0, 0, 0.28);
}
.main-produkty .mp-kafs .mp-kaf.c1 .mp-kaf-inf{
	background: #5b49ce;
	background: linear-gradient(140deg, #7b4bff 0%, #4a48b5 100%);
	color: #fff;
}
.main-produkty .mp-kafs .mp-kaf.c2 .mp-kaf-inf{
	background: #ffcd06;
	background: linear-gradient(140deg, #ffe500 0%, #ffc208 100%);
	color: #6c2d0d;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-title{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.042vw;
	line-height: 1.5;
	min-height: 3.125vw;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-buttons{
	margin-top: 1.302vw;
}
.main-produkty .mp-kafs .mp-kaf .mp-kaf-buttons a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	height: 1.563vw;
	border-radius: 0.625vw;
	color: #373686;
	font-size: 0.729vw;
	text-transform: uppercase;
	padding: 0 1.563vw;
}
@media only screen and (max-width: 999px) {
	.main-produkty{
		padding: 40px 0;
	}
	.main-produkty .mp-wrapper{
		padding: 0;
	}
	.main-produkty .mp-title{
		font-size: 24px;
	}
	.main-produkty .mp-desc{
		font-size: 15px;
	}
	.main-produkty .mp-c2{
		gap: 20px;
		flex-wrap: wrap;
	}
	.main-produkty .mp-c2 .mp-c2-l{
		width: 100%;
		margin-top: 30px;
	}
	.main-produkty .mp-c2 .mp-c2-r{
		width: 100%;
	}
	.main-produkty .mp-kafs{
		gap: 30px;
		margin-top: 40px;
	}
	.main-produkty .mp-kafs .mp-kaf{
		width: calc(33.3333% - 30px*2/3);
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-img::before{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-inf{
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		padding: 30px 15px;
		height: auto;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-title{
		font-size: 16px;
		min-height: 48px;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-buttons{
		margin-top: 20px;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-buttons a{
		font-size: 14px;
		padding: 0 30px;
		height: 30px;
		border-radius: 15px;
	}
}
@media only screen and (max-width: 768px) {
	.main-produkty .mp-kafs .mp-kaf {
		width: calc(50% - 30px/2);
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-img{
		height: 39vw;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-img .mp-kaf-img-inner{
		width: 36vw;
		height: 36vw;
	}
}
@media only screen and (max-width: 480px) {
	.main-produkty .mp-kafs .mp-kaf {
		width: 100%;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-img{
		height: 85vw;
	}
	.main-produkty .mp-kafs .mp-kaf .mp-kaf-img .mp-kaf-img-inner{
		width: 80vw;
		height: 80vw;
	}
}

.jcgp{
	position: relative;
	padding: 0;
	line-height: 1.5;	
}
.jcgp .jcgp-flex{
	display: flex;
}
.jcgp .jcgp-flex .jcgp-l{
	display: grid;
	align-content: space-between;
	position: relative;
	width: 50%;
	background: #4c4c4c;
	color: #fff;
	padding: 3.646vw 3.646vw 3.646vw 5.208vw;
}
.jcgp .jcgp-flex .jcgp-l .tl{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
.jcgp .jcgp-flex .jcgp-l .logo img{
	height: 3.646vw;
}
.jcgp .jcgp-flex .jcgp-l .title{
	font-size: 1.563vw;
	font-weight: 600;
}
.jcgp .jcgp-flex .jcgp-l .lead{
	font-size: 0.938vw;
	font-weight: 500;
	margin-top: 2.083vw;
}
.jcgp .jcgp-flex .jcgp-l .desc{
	font-size: 0.781vw;
	font-weight: 300;
	line-height: 2;
	margin-top: 2.083vw;
}
.jcgp .jcgp-flex .jcgp-l .buttons{
	margin-top: 3.125vw;
	text-align: center;
}
.jcgp .jcgp-flex .jcgp-l .buttons .button{
	background: #fff;
	color: #4c4c4c;
	font-weight: 400;
	padding: 0.2vw 2vw 0.2vw 2vw;
}
.jcgp .jcgp-flex .jcgp-r{
	position: relative;
	width: 50%;
}
.jcgp .jcgp-flex .jcgp-r img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media only screen and (max-width: 999px) {
	.jcgp .jcgp-flex{
		flex-wrap: wrap;
	}
	.jcgp .jcgp-flex .jcgp-l,
	.jcgp .jcgp-flex .jcgp-r{
		width: 100%;
	}
	.jcgp .jcgp-flex .jcgp-l{
		padding: 30px 30px;
	}
	.jcgp .jcgp-flex .jcgp-l .logo img{
		height: 70px;
	}
	.jcgp .jcgp-flex .jcgp-l .title{
		font-size: 20px;
	}
	.jcgp .jcgp-flex .jcgp-l .lead{
		font-size: 16px;
		margin-top: 20px;
	}
	.jcgp .jcgp-flex .jcgp-l .desc{
		font-size: 14px;
		margin-top: 20px;
	}
	.jcgp .jcgp-flex .jcgp-l .buttons{
		margin-top: 30px;
	}
	.jcgp .jcgp-flex .jcgp-l .buttons .button{
		padding: 7px 20px;
	}
}
@media only screen and (max-width: 480px) {
	.jcgp .jcgp-flex .jcgp-l .tl{
		flex-wrap: wrap;
		gap: 20px;
	}
	.jcgp .jcgp-flex .jcgp-l .tl > *{
		width: 100%;
	}
	.jcgp .jcgp-flex .jcgp-l .tl .logo{
		order: 1;
		text-align: center;
	}
	.jcgp .jcgp-flex .jcgp-l .tl .title{
		order: 2;
	}
	.jcgp .jcgp-flex .jcgp-l .logo img{
		height: 100px;
	}
}

.serie-marek{
	position: relative;
	padding: 5.208vw 0;
}
.serie-marek .sm-wrapper{
	padding: 0 7.031vw;
}

.flexslider.slider-c2 {
	height: 26.042vw;
	overflow: visible;
}
.flexslider.slider-c2 ul.slides,
.flexslider.slider-c2 ul.slides li{
	height: 100%;
}
.flexslider.slider-c2 .slides img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.serie-marek div.slider .page-loader {
	min-height: 100%;
}
.flexslider.slider-c2 .flex-direction-nav a{
	width: 3.906vw;
	height: 3.906vw;
	border: 0;
	background: #f0eeeb;
	color: #4e1f90;
	bottom: auto;
	top: 42%;
}
.flexslider.slider-c2 .flex-direction-nav a::before{
	color: #4e1f90;
	font-size: 2vw;
	font-weight: 300;
}
.flexslider.slider-c2 .flex-direction-nav .flex-prev{
	left: -2.5vw;
	margin-left: 0;
}
.flexslider.slider-c2 .flex-direction-nav .flex-next{
	right: -2.5vw;
	margin-right: 0;
}
.flexslider.slider-c2 .flex-direction-nav a:hover{
	background: #0d96f5;
}
.flexslider.slider-c2 .flex-direction-nav a:hover::before{
	color: #fff;
}

.flexslider .ssm{
	display: flex;
	height: 100%;
	background: #f4f4f4;
}
.flexslider .ssm > picture{
	position: relative;
	width: 47%;
	order: 2;
}
.flexslider .ssm > .ssm-content{
	position: relative;
	width: 53%;
	display: flex;
	align-items: center;
	background: #4e1f90 url('../img/slider-sm/bg.png') no-repeat center center;
	background-size: cover;
	color: #fff;
	text-align: left;
}
.flexslider .ssm > .ssm-content .ssm-wrapper{
	position: relative;
	padding: 30px 5.208vw;
}
.flexslider .ssm > .ssm-content .ssm-title{
	font-size: 1.563vw;
}
.flexslider .ssm > .ssm-content .ssm-desc{
	font-size: 0.781vw;
	line-height: 1.8;
	margin-top: 2.083vw;
}
.flexslider .ssm > .ssm-content .ssm-buttons{
	margin-top: 2.083vw;
	text-align: center;
}
.flexslider .ssm > .ssm-content .ssm-buttons a{
	display: inline-flex;
	align-items: center;
	height: 1.563vw;
	justify-content: center;
	background: #fff;
	color: #4e1f90;
	font-size: 0.729vw;
	text-transform: uppercase;
	padding: 0 1.563vw;
	border-radius: 0.725vw;
	box-shadow: 0 18px 18px -10px rgba(0, 0, 0, 0.8);
	transition: all 0.3s ease-in-out;
}
.flexslider .ssm > .ssm-content .ssm-buttons a:hover{
	background: #0d96f5;
	color: #fff;
}
@media only screen and (max-width: 999px) {
	.serie-marek .sm-wrapper{
		padding: 0;
	}
	.flexslider.slider-c2{
		height: auto;
		min-height: 34vw;
	}
	.flexslider.slider-c2 .flex-direction-nav a{
		width: 40px;
		height: 40px;
		top: auto;
		bottom: calc(69.444vw - 20px);
	}
	.flexslider.slider-c2 .flex-direction-nav a::before{
		font-size: 20px;
	}
	.flexslider.slider-c2 .flex-direction-nav .flex-prev{
		left: -10px;
	}
	.flexslider.slider-c2 .flex-direction-nav .flex-next{
		right: -10px;
	}
	.flexslider .ssm{
		flex-wrap: wrap;
	}
	.flexslider .ssm > .ssm-content{
		width: 100%;
	}
	.flexslider .ssm > .ssm-content .ssm-wrapper{
		padding: 30px 30px;
	}
	.flexslider .ssm > .ssm-content .ssm-title{
		font-size: 24px;
	}
	.flexslider .ssm > .ssm-content .ssm-desc{
		font-size: 15px;
		margin-top: 20px;
	}
	.flexslider .ssm > .ssm-content .ssm-buttons{
		margin-top: 20px;
	}
	.flexslider .ssm > .ssm-content .ssm-buttons a{
		font-size: 14px;
		padding: 0 20px;
		height: 30px;
	}
	.flexslider .ssm > picture{
		width: 100%;
		height: 69.444vw;
	}
}

@keyframes updown {
	0% {
		transform:rotateX(0deg)
	}
	25% {
		transform:rotateX(5deg)
	}
	50% {
		transform:rotateX(0deg)
	}
	75% {
		transform:rotateX(-5deg)
	}
	100% {
		transform:rotateX(0deg)
	}
}


.skafs{
	position: relative;
	margin-top: 2.604vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 2.604vw;
}
.skafs > .skaf{
	position: relative;
	width: calc(33.3333% - 1.75vw);
	height: 12.5vw;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	align-content: flex-end;
	background-color: #4c4c4c;
}
.skafs > .skaf::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 1;
	transition: all 0.3s ease;
}
.skafs > .skaf .title{
	display: block;
	background: #fff;
	color: #0c2e5d;
	width: 80%;
	margin: 0 auto;
	padding: 0.781vw;
	font-weight: 500;
	z-index: 1;
	text-decoration: none;
	transition: all 0.3s ease;
}
.skafs > .skaf img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	transition: all 0.3s ease;
}
.skafs > .skaf:hover {
	text-decoration: none;
}
.skafs > .skaf:hover img {
	transform: scale(1.1);
}
.skafs > .skaf:hover .title{
	background: #4c4c4c;
	color: #fff;
	text-decoration: none;
	padding: 1vw 0.781vw;
}
body.wcag .skafs > .skaf:focus .title{
	background: #ff0;
	color: #000;
}
.skafs > .skaf:hover::before{
	background: rgba(0,0,0,0.2);
}
@media only screen and (max-width: 768px) {
	.skafs{
		margin-top: 20px;
		gap: 15px;
	}
	.skafs > .skaf{
		width: 100%;
		height: 45vw;
	}
	.skafs > .skaf .title{
		padding: 7px 10px;
	}
	.skafs > .skaf:hover .title{
		padding: 10px 10px;
	}
}

.title-s2{
	position: relative;
	color: #006baa;
	font-weight: 600;
	font-size: 2.4vw;
	background: #f4f4f4;
	padding: 1.563vw 2.604vw 1.563vw 0;
	line-height: 1.2;
}
.title-s2::before{
	position: absolute;
	content: '';
	top: 0;
	left: -100%;
	width: 200%;
	height: 100%;
	background: #f4f4f4;
	z-index: -1;
}
@media only screen and (max-width: 999px) {
	.title-s2{
		font-size: 24px;
		padding: 20px 0;
	}
	.title-s2::before{
		display: block;
		left: -50%;
	}
}

.landmark-view{
	position: relative;
}
.landmark-view .landmark-title{
	position: relative;
	color: #006baa;
	font-weight: 600;
	font-size: 2.4vw;
	background: #f4f4f4;
	padding: 1.563vw 2.604vw 1.563vw 0;
}
.landmark-view .landmark-title::before{
	position: absolute;
	content: '';
	top: 0;
	left: -100%;
	width: 200%;
	height: 100%;
	background: #f4f4f4;
	z-index: -1;
}
.landmark-view .landmark-main-f{
	display: flex;
	justify-content: space-between;
	gap: 3vw;
}
.landmark-view .landmark-main-f-l{
	width: calc(100% - 33vw);
}
.landmark-view .landmark-main-f-r{
	width: 30vw;
}
.landmark-view .landmark-desc{
	display: flex;
	gap: 2.083vw;
	margin-top: 3vw;
}
.landmark-view .landmark-desc .landmark-s{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	width: 2vw;
	padding-top: 4px;
	align-content: flex-start;
}
.landmark-view .landmark-desc .landmark-s > a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #006baa;
	color: #fff;
	border-radius: 50%;
	width: 100%;
	height: 2vw;
	font-size: 0.9vw;
	line-height: 1.1;
	transition: all 0.1s ease;
}
.landmark-view .landmark-desc .landmark-s > a:hover{
	background: #4c4c4c;
}
.landmark-view .landmark-desc .landmark-d{
	width: calc(100% - 2.083vw - 2vw);
}
.landmark-view .landmark-info{
	position: relative;
}
.landmark-view .landmark-info .landmark-k{
	position: relative;
	background: #4c4c4c;
	color: #fff;
	padding: 1.563vw;
}
.landmark-view .landmark-info .landmark-i > div{
	margin-bottom: 1.042vw;
}
.landmark-view .landmark-info .landmark-i > div .t{
	color: #cce1ff;
	font-size: 0.729vw;
	text-transform: uppercase;
}
.landmark-view .landmark-info .landmark-i a{
	color: inherit;
}
.landmark-view .landmark-info .landmark-i a > i{
	padding-left: 5px;
	color: #cce1ff;
	font-size: 0.833vw;
}
.landmark-view .landmark-info .landmark-s{
	display: flex;
	gap: 10px;
	margin-top: 40px;
}
.landmark-view .landmark-info .landmark-s > a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #4c4c4c;
	color: #fff;
	border-radius: 50%;
	width: 2.917vw;
	height: 2.917vw;
	font-size: 1vw;
	transition: all 0.1s ease;
}
.landmark-view .landmark-info .landmark-s > a:hover{
	background: #cce1ff;
	color: #000;
}
.landmark-view .landmark-info .landmark-map{
	position: relative;
	background: #f4f4f4;
	padding: 1.563vw 1.563vw;
}
.landmark-view .landmark-info .landmark-map svg#mapa_metropoliapoznan g.landmark{
	cursor: default;
}
.landmark-view .landmark-info .landmark-map svg#mapa_metropoliapoznan g.landmark.active > text{
	display: block;
}
.landmark-view  .landmark-map-back{
	text-align: center;
	margin-top: 20px;
}
.landmark-view  .landmark-map-back a{
	display: inline-block;
	background: #4c4c4c;
	color: #fff;
	padding: 8px 20px;
	transition: all 0.1s ease;
}
.landmark-view  .landmark-map-back a > i{
	padding-right: 5px;
}
.landmark-view  .landmark-map-back a:hover{
	background: #4c4c4c;
}
@media only screen and (max-width: 999px) {
	.landmark-view .landmark-main-f{
		flex-wrap: wrap;
		gap: 40px;
	}
	.landmark-view .landmark-main-f-l,
	.landmark-view .landmark-main-f-r{
		width: 100%;
	}
	.landmark-view .landmark-title{
		font-size: 24px;
		padding: 20px 0;
	}
	.landmark-view .landmark-title::before{
		display: block;
		left: -50%;
	}
	.landmark-view .landmark-desc{
		margin-top: 20px;
		gap: 15px;
		flex-wrap: wrap;
	}
	.landmark-view .landmark-desc .landmark-s{
		width: 100%;
		height: 30px;
		padding-top: 0;
	}
	.landmark-view .landmark-desc .landmark-s > a{
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.landmark-view .landmark-desc .landmark-d{
		width: 100%;
	}
	.landmark-view .landmark-info .landmark-k{
		padding: 20px;
	}
	.landmark-view .landmark-info .landmark-i > div{
		margin-bottom: 20px;
	}
	.landmark-view .landmark-info .landmark-i > div .t{
		font-size: 14px;
	}
	.landmark-view .landmark-info .landmark-s > a{
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
	.landmark-view .landmark-info .landmark-i a > i{
		font-size: 14px;
	}
	.landmark-view .landmark-info .landmark-map{
		padding: 20px;
	}
	.landmark-view .landmark-map-back a{
		padding: 8px 15px;
	}
}

.projects-kafs{
	position: relative;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.projects-kafs > .row{
	width: calc(33.3333% - 20px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.projects-kafs > .row:hover{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
.projects-kafs > .row > .wrapper{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.projects-kafs > .row .photo {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 13vw;
	z-index: 1;
}
.projects-kafs > .row .photo img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}
.projects-kafs > .row:hover .photo img {
	transform: scale(1.1);
}
.projects-kafs > .row .grid-sb{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	padding: 1.563vw 2.083vw;	
}
.projects-kafs > .row .title {
	color: #0c2e5d;
	font-size: 0.938vw;
	font-weight: 600;
	display: block;
	transition: all 0.25s ease-in-out;
}
.projects-kafs > .row:hover .title{
	color: #4c4c4c;
}
.projects-opt{
	margin: 40px 0;
}
.projects-opt .projects-status{
	display: flex;
}
.projects-opt .projects-status button{
	background: #f4f4f4;
	padding: 0.781vw 1.563vw;
	border: 0;
	text-transform: uppercase;
	cursor: pointer;
	font-weight: 600;
	line-height: 1.1;
	transition: all 0.1s ease-in-out;
}
.projects-opt .projects-status button:hover,
.projects-opt .projects-status button.active{
	background: #4c4c4c;
	color: #fff;
}
body.wcag .projects-opt .projects-status button:focus{
	background: #ff0;
	color: #000;
}
@media only screen and (max-width: 999px) {
	.projects-kafs{
		flex-wrap: wrap;
		gap: 15px;
	}
	.projects-kafs > .row{
		width: calc(50% - 15px);
	}
	.projects-kafs > .row .photo {
		height: 21vw;
	}
	.projects-kafs > .row .grid-sb{
		padding: 15px 20px;
	}
	.projects-kafs > .row .title {
		font-size: 14px;
	}
	.projects-opt .projects-status button{
		padding: 10px 10px;
		font-size: 12px;
	}
}
@media only screen and (max-width: 768px) {
	.projects-kafs > .row{
		width: 100%;
	}
	.projects-kafs > .row .photo {
		height: 43vw;
	}
}

.project-view{
	position: relative;
}
.project-view .project-fl-l > h2.h2_title{
	margin-bottom: 30px;
}
.project-view .project-fl{
	display: flex;
	justify-content: space-between;
	gap: 3.125vw;
}
.project-view .project-fl .project-fl-l{
	width: calc(100% - 33vw);
}
.project-view .project-fl .project-fl-l.fw{
	width: 100%;
}
.project-view .project-fl .project-fl-l .project-desc{
	display: flex;
	gap: 2.083vw;
	margin-top: 3vw;
}
.project-view .project-fl .project-fl-l .project-desc .project-s {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	width: 2vw;
	padding-top: 4px;
	align-content: flex-start;
}
.project-view .project-fl .project-fl-l .project-desc .project-s > a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #006baa;
	color: #fff;
	border-radius: 50%;
	width: 100%;
	height: 2vw;
	font-size: 0.9vw;
	line-height: 1.1;
	transition: all 0.1s ease;
}
.project-view .project-fl .project-fl-l .project-desc .project-s > a:hover{
	background: #4c4c4c;
}
.project-view .project-fl .project-fl-l .project-desc .project-d {
	width: calc(100% - 2.083vw - 2vw);
}
.project-view .project-fl .project-fl-r{
	width: 30vw;
}
.project-view .project-fl .project-info{
	background: #4c4c4c;
	padding: 2vw 1.563vw;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	color: #fff;
}
.project-view .project-fl .project-info .row{
	width: 100%;
}
.project-view .project-fl .project-info .row .title{
	font-weight: 600;
	font-size: 1.146vw;
	color: #cce1ff;
}
.project-view .project-fl .project-info .row .logo{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	aspect-ratio: 1 / 1;
	padding: 20px;
	width: 100%;
	max-height: 10vw;
}
.project-view .project-fl .project-info .row .logo img{
	max-height: 100%;
	max-width: 80%;
}
.project-view .project-fl .project-info .row .desc{
	margin-top: 15px;
}
.project-view .project-fl .project-info .row .desc .date{
	margin-top: 10px;
	display: flex;
	gap: 20px;
	align-items: center;
}
.project-view .project-fl .project-info .row .desc .date .i{
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #4c4c4c;
	width: 2.083vw;
	height: 2.083vw;
}
.project-view .project-fl .project-info .row .desc .date .t{
	font-size: 0.729vw;
}
.project-view .project-fl .project-info .row .desc .date .d{
	font-weight: 600;
	font-size: 0.833vw;
}
.project-view .project-fl .project-info .row .desc .date .d a{
	color: #fff;
}
.project-view .project-fl .project-info .row .desc .date:first-child{
	margin-top: 0;
}
.project-view .project-fl .project-info .project_partners{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
.project-view .project-fl .project-info .project_partners .row{
	width: calc(25% - 10px);
	max-height: 4.479vw;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	aspect-ratio : 1 / 1;
	padding: 5px;
}
.project-view .project-fl .project-info .project_partners .row > a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	aspect-ratio : 1 / 1;
	position: relative;
	height: 100%;
}
.project-view .project-fl .project-info .project_partners .row img{
	max-height: 100%;
	max-width: 100%;
}
@media only screen and (max-width: 999px) {
	.project-view .project-fl{
		flex-wrap: wrap;
	}
	.project-view .project-fl .project-fl-l,
	.project-view .project-fl .project-fl-r{
		width: 100%;
	}
	.project-view .project-fl .project-fl-l .project-desc{
		margin-top: 20px;
		gap: 15px;
		flex-wrap: wrap;
	}
	.project-view .project-fl .project-fl-l .project-desc .project-s{
		width: 100%;
		height: 30px;
		padding-top: 0;
	}
	.project-view .project-fl .project-fl-l .project-desc .project-s > a{
		width: 30px;
		height: 30px;
		font-size: 14px;
	}
	.project-view .project-fl .project-fl-l .project-desc .project-d{
		width: 100%;
	}	
	.project-view .project-fl .project-info{
		padding: 30px 15px;
	}
	.project-view .project-fl .project-info .row .logo{
		max-height: 150px;
	}
	.project-view .project-fl .project-info .row .logo img{
		max-width: 90%;
	}
	.project-view .project-fl .project-info .row .title{
		font-size: 16px;
	}
	.project-view .project-fl .project-info .row .desc .date .i{
		width: 30px;
		height: 30px;
	}
	.project-view .project-fl .project-info .row .desc .date .t{
		font-size: 12px;
	}
	.project-view .project-fl .project-info .row .desc .date .d{
		font-size: 14px;
	}
	.project-view .project-fl .project-info .project_partners{
		gap: 15px;
	}
	.project-view .project-fl .project-info .project_partners .row{
		width: 90px;
		height: 90px;
		max-height: 90px;
	}
}

.publikacje-kafs{
	position: relative;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}
.publikacje-kafs > .row{
	width: calc(50% - 15px);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.publikacje-kafs > .row:hover{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
.publikacje-kafs > .row > .wrapper{
	position: relative;
	display: flex;
	align-content: space-between;
}
.publikacje-kafs > .row .photo {
	position: relative;
	display: flex;
	width: 12vw;
	z-index: 1;
	align-items: center;
	justify-content: center;
}
.publikacje-kafs > .row .photo img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s ease;
}
.publikacje-kafs > .row:hover .photo img {
	transform: scale(1.1);
}
.publikacje-kafs > .row .grid-sb{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	padding: 1.563vw 2.083vw;	
}
.publikacje-kafs > .row .title {
	color: #0c2e5d;
	font-size: 0.938vw;
	font-weight: 600;
	display: block;
	transition: all 0.25s ease-in-out;
}
.publikacje-kafs > .row:hover .title{
	color: #4c4c4c;
}
.publikacje-kafs .publikacje-kafs-btns{
	width: 100%;
	margin-top: 20px;
}
.publikacje-kafs .publikacje-kafs-btn{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #fff;
	color: #0c2e5d;
	text-transform: uppercase;
	font-size: 0.781vw;
	font-weight: 600;
	border: 1px solid #0c2e5d;
	padding: 7px 0.781vw;
}
.publikacje-kafs .publikacje-kafs-btn i{
	transform: rotate(45deg);
	font-size: 1vw;
}
.publikacje-kafs > .row:hover .publikacje-kafs-btn{
	background: #4c4c4c;
	border-color: #4c4c4c;
	color: #fff;
}
@media only screen and (max-width: 999px) {
	.publikacje-kafs{
		flex-wrap: wrap;
		gap: 30px;
	}
	.publikacje-kafs > .row{
		width: 100%;
	}
	.publikacje-kafs > .row .photo {
		width: 35%;
	}
	.publikacje-kafs > .row .photo img {
		width: auto;
		height: auto;
	}
	.publikacje-kafs > .row .grid-sb{
		padding: 15px 20px;
	}
	.publikacje-kafs > .row .title {
		font-size: 14px;
	}
	.publikacje-kafs .publikacje-kafs-btn{
		font-size: 12px;
		padding: 7px 15px;
	}
	.publikacje-kafs .publikacje-kafs-btn i{
		font-size: 14px;
	}
}
@media only screen and (max-width: 480px) {
	.publikacje-kafs > .row{
		box-shadow: none;
	}
	.publikacje-kafs > .row:hover{
		box-shadow: none;
	}
}

.elearning-step-buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 15px;
	margin: 30px 0;
}

.quiz{
	border-top: 1px solid #e8e8e9;
	padding: 30px 0;
}
.quiz .question .question-title{
	color: #006baa;
	font-weight: 500;
}
.quiz .question .question-anserws{
	margin: 20px 0 30px 0;
	border-bottom: 1px solid #e8e8e9;
	padding-bottom: 30px;
}
.quiz .question .question-radio{
	background: #f4f4f4;
	padding: 10px 15px;
	margin: 5px 0;
}
.quiz .question .question-radio{
	display: flex;
	gap: 10px;
	align-items: flex-start;
}
.quiz .question .question-radio input{
	margin-top: 5px;
}
.quiz .question .question-radio label{
	cursor: pointer;
	line-height: 1.2;
}
.quiz .quiz_result{
	border-top: 1px solid #e8e8e9;
	margin-top: 30px;
	padding: 30px 0;
}
.quiz .quiz_result .alert_ok,
.quiz .quiz_result .alert_error{
	margin: 10px 0;
	text-align: left;
	padding: 15px 15px;
	border: 0;
}
.quiz .question-anserws .alert_ok,
.quiz .question-anserws .alert_error{
	margin: 10px 0;
	text-align: left;
	padding: 15px 15px;
	border: 0;
}

.historia-list{
	margin-top: 0 !important;
	border: 0;
}
.historia-list tr{
	position: relative;
}
.historia-list tr td,
.historia-list tr td:first-child::before{
	transition: all 0.6s;
	transform: translateY(100px);
	opacity: 0;
	border: 0;
	padding: 0;
	vertical-align: top;
}
.historia-list tr td:first-child::after{
	transform: rotate(90deg);
	transition: all 0.6s;
	transition-delay: 0.6s;
	opacity: 0;
}
.historia-list tr td:first-child{
	position: relative;
	font-weight: 600;
	line-height: 1;
	padding-bottom: 20px;
	padding-right: 20px;
	text-align: center;
}
.historia-list tr td:last-child{
	padding-left: 30px;
	line-height: 1;
	padding-bottom: 20px;
}
.historia-list tr td:first-child::before{
	position: absolute;
	top: 2px;
	right: -10px;
	content: '';
	width: 12px;
	height: 12px;
	border: 2px solid #4c4c4c;
	border-radius: 50%;
	z-index: 2;
}
.historia-list tr td:first-child::after{
	position: absolute;
	top: 12px;
	right: -5px;
	content: '';
	width: 2px;
	height: calc( 100% - 10px );
	background: #4c4c4c;
	z-index: 2;
}
.historia-list tr:last-child td:first-child::after{
	display: none;
}
.historia-list tr.show > td,
.historia-list tr.show td:first-child::before{
    transform: translateY(0px);
    opacity: 1;
}
.historia-list tr.show td:first-child::after{
	transform: rotate(0deg);
	opacity: 1;
}

img.image-right{
	float: right;
	margin: 0 0 30px 30px;
}
@media only screen and (max-width: 768px) {
	img.image-right{
		width: 100%;
		margin-left: 0;
	}
}

@keyframes rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes up_and_dow {
	0% { -webkit-transform: translate(0px, 5px) ; }
	100% { -webkit-transform: translate(0px, -15px);  }
}

.rip_slider{
	position: relative;
	width: 100%;
	min-height: 28.646vw;
	margin-top: 3.125vw;
	padding-bottom: 6.771vw;
}
.rip_slider.loading-cover {
	background: url(../img/ajax-loading.png) no-repeat center 40%;
}
.rip_slider .ps_content{
	display: flex;
	justify-content: space-between;
	gap: 13.021vw;
	font-weight: 300;
}
.rip_slider .ps_content .ps_left{
	width: calc(100% - 15.625vw - 13.021vw);
}
.rip_slider .ps_content .ps_right{
	width: 15.625vw;
}
.rip_slider .ps_content .ps_name{
	font-size: 1.25vw;
}
.rip_slider .ps_content .ps_daa{
	font-size: 0.938vw;
}
.rip_slider .ps_content .ps_cnt{
	font-size: 0.938vw;
	margin-top: 1.563vw;
}
.rip_slider .ps_nav{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.563vw;
}
.rip_slider .ps_nav::before{
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: calc(50% - 1.564vw);
	height: 1px;
	background: #9c9c9c;
}
.rip_slider .ps_nav::after{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: calc(50% - 1.564vw);
	height: 1px;
	background: #9c9c9c;
}
.rip_slider .ps_nav a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125vw;
	height: 3.125vw;
	color: #9c9c9c;
	font-size: 1.1vw;
	background: #383838;
	border: 1px solid #9c9c9c;
	border-radius: 50%;
	transition: all 0.25s ease-in-out;
	z-index: 1;
}
.rip_slider .ps_nav a:hover{
	color: #383838;
	background-color: #9c9c9c;
}
@media only screen and (max-width: 999px) {
	.rip_slider{
		min-height: 500px;
		margin-top: 40px;
		padding-bottom: 90px;
	}
	.rip_slider .ps_content{
		gap: 50px;
	}
	.rip_slider .ps_content .ps_left{
		width: calc(75% - 50px);
	}
	.rip_slider .ps_content .ps_right{
		width: 25%;
	}
	.rip_slider .ps_content .ps_name{
		font-size: 18px;
	}
	.rip_slider .ps_content .ps_daa{
		font-size: 15px;
	}
	.rip_slider .ps_content .ps_cnt{
		font-size: 15px;
		margin-top: 30px;
	}
	.rip_slider .ps_nav{
		gap: 30px;
	}
	.rip_slider .ps_nav::before,
	.rip_slider .ps_nav::after{
		width: calc(50% - 66px);
	}
	.rip_slider .ps_nav a{
		width: 50px;
		height: 50px;
		font-size: 22px;
	}
}
@media only screen and (max-width: 480px) {
	.rip_slider .ps_content{
		flex-wrap: wrap;
		gap: 40px;
	}
	.rip_slider .ps_content .ps_left,
	.rip_slider .ps_content .ps_right{
		width: 100%;
	}
	.rip_slider .ps_content .ps_left{
		order: 2;
	}
	.rip_slider .ps_content .ps_right img{
		max-height: 300px;
	}
}

.personel_slider{
	position: relative;
	width: 100%;
	min-height: 28.646vw;
	margin-top: 3.125vw;
	padding-bottom: 6.771vw;
}
.personel_slider.loading-cover {
	background: url(../img/ajax-loading.png) no-repeat center 40%;
}
.personel_slider .ps_content{
	display: flex;
	justify-content: space-between;
	gap: 13.021vw;
	font-weight: 300;
}
.personel_slider .ps_content .ps_left{
	width: calc(100% - 15.625vw - 13.021vw);
}
.personel_slider .ps_content .ps_right{
	width: 15.625vw;
}
.personel_slider .ps_content .ps_name{
	font-size: 1.25vw;
}
.personel_slider .ps_content .ps_daa{
	font-size: 0.938vw;
}
.personel_slider .ps_content .ps_cnt{
	font-size: 0.938vw;
	margin-top: 1.563vw;
}
.personel_slider .ps_nav{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.563vw;
}
.personel_slider .ps_nav::before{
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: calc(50% - 1.564vw);
	height: 1px;
	background: #9c9c9c;
}
.personel_slider .ps_nav::after{
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	width: calc(50% - 1.564vw);
	height: 1px;
	background: #9c9c9c;
}
.personel_slider .ps_nav a{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.125vw;
	height: 3.125vw;
	color: #9c9c9c;
	font-size: 1.1vw;
	background: #383838;
	border: 1px solid #9c9c9c;
	border-radius: 50%;
	transition: all 0.25s ease-in-out;
	z-index: 1;
}
.personel_slider .ps_nav a:hover{
	color: #383838;
	background-color: #9c9c9c;
}
@media only screen and (max-width: 999px) {
	.personel_slider{
		min-height: 500px;
		margin-top: 40px;
		padding-bottom: 90px;
	}
	.personel_slider .ps_content{
		gap: 50px;
	}
	.personel_slider .ps_content .ps_left{
		width: calc(75% - 50px);
	}
	.personel_slider .ps_content .ps_right{
		width: 25%;
	}
	.personel_slider .ps_content .ps_name{
		font-size: 18px;
	}
	.personel_slider .ps_content .ps_daa{
		font-size: 15px;
	}
	.personel_slider .ps_content .ps_cnt{
		font-size: 15px;
		margin-top: 30px;
	}
	.personel_slider .ps_nav{
		gap: 30px;
	}
	.personel_slider .ps_nav::before,
	.personel_slider .ps_nav::after{
		width: calc(50% - 66px);
	}
	.personel_slider .ps_nav a{
		width: 50px;
		height: 50px;
		font-size: 22px;
	}
}
@media only screen and (max-width: 480px) {
	.personel_slider .ps_content{
		flex-wrap: wrap;
		gap: 40px;
	}
	.personel_slider .ps_content .ps_left,
	.personel_slider .ps_content .ps_right{
		width: 100%;
	}
	.personel_slider .ps_content .ps_left{
		order: 2;
	}
	.personel_slider .ps_content .ps_right img{
		max-height: 300px;
	}
}

.animate.one span {
    opacity: 0;
    transform: translate(-150px, -50px) rotate(-180deg) scale(3);
    animation: revolveScale .4s forwards;
}

.animate span{
	display: inline-block;
}
.animate span:nth-of-type(1) {
    animation-delay: 0.5s;
}
.animate span:nth-of-type(2) {
    animation-delay: 0.6s;
}
.animate span:nth-of-type(3) {
    animation-delay: 0.7s;
}
.animate span:nth-of-type(4) {
    animation-delay: 0.8s;
}
.animate span:nth-of-type(5) {
    animation-delay: 0.9s;
}
.animate span:nth-of-type(6) {
    animation-delay: 1.0s;
}
.animate span:nth-of-type(7) {
    animation-delay: 1.1s;
}
.animate span:nth-of-type(8) {
    animation-delay: 1.2s;
}
.animate span:nth-of-type(9) {
    animation-delay: 1.3s;
}
.animate span:nth-of-type(10) {
    animation-delay: 1.4s;
}
.animate span:nth-of-type(11) {
    animation-delay: 1.5s;
}
.animate span:nth-of-type(12) {
    animation-delay: 1.6s;
}
.animate span:nth-of-type(13) {
    animation-delay: 1.7s;
}
.animate span:nth-of-type(14) {
    animation-delay: 1.8s;
}
.animate span:nth-of-type(15) {
    animation-delay: 1.9s;
}
.animate span:nth-of-type(16) {
    animation-delay: 2.0s;
}
.animate span:nth-of-type(17) {
    animation-delay: 2.1s;
}
.animate span:nth-of-type(18) {
    animation-delay: 2.2s;
}
.animate span:nth-of-type(19) {
    animation-delay: 2.3s;
}
.animate span:nth-of-type(20) {
    animation-delay: 2.4s;
}
.animate span:nth-of-type(21) {
    animation-delay: 2.5s;
}
.animate span:nth-of-type(22) {
    animation-delay: 2.6s;
}
.animate span:nth-of-type(23) {
    animation-delay: 2.7s;
}
.animate span:nth-of-type(24) {
    animation-delay: 2.8s;
}
.animate span:nth-of-type(25) {
    animation-delay: 2.9s;
}
.animate span:nth-of-type(26) {
    animation-delay: 3.0s;
}
.animate span:nth-of-type(27) {
    animation-delay: 3.1s;
}
.animate span:nth-of-type(28) {
    animation-delay: 3.2s;
}
.animate span:nth-of-type(29) {
    animation-delay: 3.3s;
}
.animate span:nth-of-type(30) {
    animation-delay: 3.4s;
}
.animate span:nth-of-type(31) {
    animation-delay: 3.5s;
}
.animate span:nth-of-type(32) {
    animation-delay: 3.6s;
}

@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInLeft{animation-name:fadeInLeft}


@keyframes revolveScale {
    60% {
        transform: translate(20px, 20px) rotate(30deg) scale(.3);
    }

    100% {
        transform: translate(0) rotate(0) scale(1);
        opacity: 1;
    }
}

@media print {
	header{
		height: 60px;
	}
	header .sticky-menu,
	#back-top{
		display: none;
	}
	header > .pagewidth-s{
		padding: 0 0 10px 0;
	}
	.wrap{
		padding-left: 0;
	}
	.pagewidth{
		padding: 0;
	}
	.landmark-view .landmark-title,
	.project-view .title-s2{
		padding-left: 20px;
	}
	.podstrona .articles .articles-table .row > a{
		box-shadow: none;
		border: 1px solid #f4f4f4;
	}
	.ug-gallery-wrapper{
		overflow: hidden !important;
	}
	.ug-tiles-wrapper{
		display: flex !important;
		gap: 10px !important;
		flex-wrap: wrap !important;
		height: auto !important;
	}
	.ug-thumb-wrapper.ug-tile.ug-tile-clickable{
		position: relative !important;
		left: auto !important;
		top: auto !important;
		height: auto !important;
		width: auto !important;
	}
	.ug-thumb-wrapper.ug-tile img.ug-thumb-image{
		position: relative !important;
		height: 90px !important;
		width: auto !important;
	}
	.ug-thumb-overlay{
		display: none !important;
	}
}