/*=================================
//                                 
//    ###     ####   ###    ###  
//   ## ##   #   ##  ## #  # ##  
//  ##   ##    ###   ##  ##  ##  
//  #######  #   ##  ##      ##  
//  ##   ##   ####   ##      ##  
//                                 
//=================================*/

:root {
	--text:#0D0D0D;
	--text1: #1F1F1F;
	--text2: #36393b;
	--text3: #0D345D;
	--text4: #101010;
	--text5: #464646;
	--text6: #FFFFFF;
	--text7: #0D0D0D;
	--text8: #EBEBEB;
	--text9: #B0DCF7;
	--text10: #F6F8F9;

	--link1: #262626;
	--link2: #1a0dab;
	--link3: #FFFFFF;
	--link4: #6c757d;
	--link5: #FFFEFF;
	--link6: #24324A;
	--link7: #0D0D0D;

	--hover1: #000000;
	--hover2: #161820;
	--hover3: #FFC000;
	--hover4: #061019;
	--hover5: #d80e0e;
	--hover6: #0D345D;
	--hover7: #FFC000;

	--color1: #0D0D0D;
	--color2: #FFFFFF;
	--color3: #505050;
	--color4: #FFFFFF;
	--color5: #707070;
	--color6: #FFC000;
	--color7: #D80e0e;
	--color8: #888888;
	--color9: #0D345D;
	--color10: #1C1C1B;

	--bkgCrumbs: #f5f5f5;
	--colCrumbs: #403A2F;
	--colCrumbsLink: #242c41;
	--colCrumbsText: #646464;
	--colCrumbsHover: #242c41;

	--colorPagin: #0F0F0F;
	--colorPaginActive: #FFFFFF;
	--bkgPagin: #F5F5F5;
	--bkgPaginActive: #0D345D;
	--bkgPaginHover: #0D345D;

	--border1: #dfe3e6;
	--border2: #24324A;
	--border3: #cfc4bd;
	--border4: #0D345D;
	--border5: #FFFFFF;
	--border6: #EFF1F1;
	--border7: #1C1C1B;
	--border8: #484852;
	--border9: #575757;
	--borderGallery: #FFFFFF;
	--borderFiles: #ddd;
	--focus: #d80e0e;

	--opacity1: rgba(170, 170, 170, 0.05);
	--opacity2: rgba(24, 72, 120, .25);
	--opacity3: rgba(13, 52, 93, .95);
	--opacity4: rgba(202, 209, 212, .5);
	--opacity5: rgba(48, 64, 78, .85);
	--opacity6: rgba(0, 166, 75, .25);
	--opacity7: rgba(11, 63, 146, .64);

	--bkg1: #FFFFFF;
	--bkg2: #888888;
	--bkg3: #0D345D;
	--bkg4: #FFFFFF;
	--bkg5: #FFC000;
	--bkg6: #F9FAFB;
	--bkg7: #7ACCF0;
	--bkg8: #CBD1D8;
	--bkg9: #E6E6E6;
	--bkg10:#353B3E;
	--bs-btn-hover-bg: #233a5a;

	--body: #FFFFFF;
	--main: #FFFFFF;
	--wcag: #EEEEEE;
	--wcagBord: #B30026;
	--header: #353B3E;
	--footer: #0D345D;
	--footer1:#0D345D;
	--footer2:#228899;

	--header1: #363765;
	--header2: #FFFfff;
	--header3: #063256;
	--header4: #063256;
	--header5: #063256;
	--header6: #063256;


	--blue: #063256;
	--grey: #c3c8cd;
	--lightgrey: #d3d6db;
	--orange: #ff9600;
	--yellow: #ffba00;
	--black: black;
	--white: white;
	--error: red;

	--darkblue: #233a5a;
	--greyblue: #a2a9b9;
	--lightblue: #e9ecef;
	--success: #72b972;


	/* MENU */
	--ddownTriangle: #D9EAFA;
	--ddownTriangleHov: #FFFFFF;
	--menuBkg1: #233a5a;
	--menuBkg2: #F5F5F5;
	--menuBkg3: #b4b0a9;
	--menuBkgRespo: rgba(32, 48, 95, .97);
	--menuBtn: white;
	--menu1: #FFFFFF;
	--menu2: #FFFFFF;
	--menu3: #484848;
	--menu4: #212120;
	--menu5: #C9C9C9;
	--menu1hov: #FFFFFF;
	--menu2hov: #FFC000;
	--menu3hov: #FFFFFF;
	--menuBkgHov1: #0E70C7;
	--menuBkgHov2: #202856;
	--menuBkgHov3: #0D345D;
	--menuBorHov1: #32B14A;
	--menuBorHov2: #32B14A;
	--menuBorHov3: #32B14A;

	--table: transparent;
	--tableTH: #d4d7dd;
	--tableTDodd: #e3e5e9;
	--tableTDeven: #e3e5e9;

	--blockquoteBorder: #ddd;
	--blockquoteBkg: #efefef;
	--blockquoteColor: #3a3a3a;

	--formsBkg: #eaeeee;
	--formsButton: #AD001A;
	
	--font-family-sans-serif: 'Open Sans';  /*'Open Sans', sans-serif;*/
	--font-family-serif: 'Tahoma', 'Georgia', serif;  /*'Open Sans', sans-serif;*/
	--font-family-monospace: 'Open Sans', sans-serif;
	--font-header: 'Open Sans'; /* 'Roboto Condensed', sans-serif; 'Open Sans';*/

	--font-roboto: 'Roboto';

	--radius: 2rem;
	--content: 1460px;
	--container: 1440px;
	
	--font-size: 16px;
	--font-weight: 400;
}


/* ------------------ common ------------------*/

body {
	line-height: 1.5;
	font-synthesis: none;
	font-family: var(--font-family-sans-serif);
	font-size: 1rem;
	font-weight: var(--font-weight);
	background-color: var(--body);
	/* background-image: url('/gfx/template/ribbon-pipe.svg'); */
	background-position: top center;
	background-repeat: repeat-x;
	color: var(--text);
	position: relative;
	min-width: 320px;

}

body.respo::-webkit-scrollbar {
    width: 0px; /* Sets the scrollbar width */
    scrollbar-width: thin;
  }

body.container {
	padding: 0;
}

.glyphicon {
	padding-right: 10px;
}

:active {
	outline: none !important;
}

/* :focus, */
:focus-visible {
	outline: 2px solid var(--focus) !important;
	box-shadow: none !important;
}

a {
	/* transition: all .2s ease-in-out; */
	color: var(--link1);
	text-decoration: none;
}

a.link {
	color: var(--link3);
}

main a:hover {
	color: var(--hover4);
	text-decoration: none;
}

a.link:hover  {
	color: var(--link3);
	font-weight: bold;
}

b,
strong,
.strong,
.bold {
	font-weight: 700;
}

svg.bi {
	line-height: 1em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}

.a3m_debug {
	background: #eee;
	bottom: 10px;
	left: 0;
	margin: 0 auto;
	position: fixed;
	min-width: 200px;
	z-index: 2;
}

.db-inline {display: inline-block; width: auto;}

.space {
	margin-bottom: 1rem;
	font-size: 0;
}

.table-responsive {
	border: none;
}

.hide,
.hidden,
.sr-only {
	display: none;
}

.input-group .btn {
	z-index: 1;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.wrap-center {
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.text-svg {
	width: 1.525rem;
	height: 1.525rem;
	line-height: 1.225rem;
}

.swiper-button-next,
.swiper-button-prev {
	color: var(--color5) !important;
}

.fulltainer {
	margin: 0;
}

.posit {position: sticky;}

.master-slider * {
	line-height: 1.2 !important;
}


.quick-access-nav,
.quick-access-nav ul, 
.quick-access-nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.quick-access-nav a {
	display: block;
	padding: .5rem 3rem;
	margin: 0;
	text-align: center;
	color: #fff;
	background-color: var(--bkg5);
	position: fixed;
	top: -100rem;
}

.quick-access-nav a:focus {
	position: fixed;
	top: .725rem;
	/* left: 0; */
	z-index: 1000;
}


.display-1 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(1.875rem, 1vw, 2.125rem);
	line-height: 1.5;
}

.display-2 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(1.75rem, 1vw, 1.875rem);
	line-height: 1.5;
}

.display-3 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(1.5rem, 1vw, 1.75rem);
	line-height: 1.5;
}

.display-4 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(1.25rem, 1vw, 1.5rem);
	line-height: 1.5;
}

.display-5 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(1rem, 1vw, 1.25rem);
	line-height: 1.5;
}

.display-6 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(.875rem, 1vw, 1rem);
	line-height: 1.5;
}

.display-1 strong,
.display-2 strong,
.display-3 strong,
.display-4 strong,
.display-5 strong,
.display-6 strong {
	font-weight: 600;
}

.d-grid {
	display: grid;
}


/* ------------------ main ------------------ */
main {
	background-color: var(--main);
	margin-bottom: 0;
}

main h1,
main h2,
main h3,
main h4,
main h5 {
	font-family: var(--font-header);
	/* font-weight: 700; */
	color: var(--text7);
	letter-spacing: 0;
}

h1 {
	font-size: clamp(1.875rem, 5vw, 2.25rem);
	font-weight: bold;
	margin: calc(1rem + .5vw) 0;
}
h2 {
	font-size: clamp(1.375rem, 5vw, 1.625rem);
	margin: calc(.75rem + .25vw) 0;
}
h3 {
	font-size: clamp(1.25rem, 5vw, 1.5rem);
	margin: calc(.5rem + .125vw) 0;
}
h4 {
	font-size: clamp(1.125rem, 5vw, 1.325rem);
	margin: 1rem 0 .5rem;
}
h5 {
	font-size: clamp(1rem, 5vw, 1.125rem);
	margin: 1rem 0 .5rem;
}

h1 small {
	display: block;
	font-size: calc(1rem + .5vw);
	margin: .5rem 0;
	font-weight: 500;
	color: var(--text5);
}

h1 span {
	width: 100%;
	display: inline-block;
}

#kategorie, #lupa, #koszyk {
	cursor: pointer;
	position: relative;
}
#koszyk span.badge {
	background: #fbaf00;
	left: -5px;
	position: absolute;
	top: 15px;
}
#lupa img:hover, #koszyk img:hover {
	transition: 250ms;
	transform: scale(1.3);
}

/*
.menu-bar {
	background: linear-gradient(var(--menuBkg1), #4e627d);
	border-top: 1px solid rgb(255, 255, 255);
	overflow: hidden;
	padding: 30px 0px 50px;
	position: absolute;
	text-align: center;
	top: -20px;
	visibility: visible;
	width: 100%;
	z-index: 999;
}
.menu-bar.min {
	height: 0px;
	visibility: hidden;
}

header .menu .ul-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
header ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
header .ul-nav .memo {
	position: relative;
	display: block;
}
header .ul-nav > li {
	padding: 0 20px;
	width: 210px;
}
header a.navbar-brand {
	text-decoration: none;
	display: inline-block;
	margin-right: 0;
	text-align: left;
	padding: 0;
}
*/

.empty {
	text-align: center;
	padding: 30px 10px;
	margin-top: 30px;
	border: 2px solid var(--info);
}

#menu-central {
	display: block;
	margin-top: -4.5rem;
	margin-bottom: 5rem;
	background-color: var(--menuBkg2);
	box-shadow: 0 2rem 5rem 2rem rgb(240, 247, 254, 1);
}

.align.center {
	width: 100%; display:inline-block; text-align:center;
}
.align.right {
	width: 100%; display:inline-block; text-align:right;
}

.search-bar {
	background: linear-gradient(var(--menuBkg1), #4e627d);
	border-top: 2px solid #ddd;
	overflow: hidden;
	padding: 50px 0 50px 0;
	position: absolute;
	text-align: center;
	top: -20px;
	visibility: visible;
	width: 100%;
	z-index: 999;
}

.search-bar.min {
	height: 0;
	visibility: hidden;
}

.search-bar .holder {
	margin: 0;
	position: relative;
}

.search-bar input#search {
	border-radius: 4px;
	border: 1px solid #ddd;
	margin: 15px auto;
	font-size: 15px;
	padding: 9px 13px;
	width: 100%;
}

.search-bar #confSearch {
	background-color: #ccc;
	border-radius: 0 4px 4px 0;
	border: 0px none;
	cursor: pointer;
	margin-top: 15px;
	min-width: 40px;
	position: absolute;
	right: 0;	
	top: 0;
	height: 37px;
	width: 5%;
	z-index: 10;
}


/* ------------------ mapy ------------------ */
.a3m-map {
	border: 1px solid #ddd;
	text-align: center;
	width: 100%;
	margin: 0;
}

.map,
#map {
	height: 500px;
	width: 100%;
	margin: 0;
}

.map-container h4 {
	color: var(--mapTitleColor);
	background-color: var(--mapTitleBkg);
	margin: 0;
	padding: .5rem 0;
}


/* ------------------ modyfikacje ------------------ */
body.container > main {
	padding-left: 0;
	padding-right: 0;
}

.banertop {
	padding: 0;
	position: relative;
	min-height: 100px;
}
.banners .slick-track {
	height: 48vw;
}

.banertop.d-flex {
	justify-content: center;
	align-items: center;
	background-color: var(--bkg2);
}

.banertop > a.logo {
	max-width: 100%;
	margin: 0 auto;
}

.banertop > .banners + a.logo {
	max-width: 50%;
	position: absolute;
	z-index: 1;
	top: 1rem;
	left: 2.5rem;
}

.banertop > a.logo img {
	width: 100%;
	max-width: 360px;
}

.banners {position: relative;}
.banners .slick-slide > div {height: 100%;}

.banners > img:not(:first-child) {
	display: none;
}
.banners img {
	height: 100%;
	max-width: 100%;
	min-height: 200px;
	object-fit: cover;
}

.banners button.slick-arrow {
	z-index: 1;
}
.banners button.slick-prev {
	left: 25px;
}

.banners button.slick-next {
	right: 25px;
}

.banners .slick-dots {
	bottom: 0
}

.banners .slick-dots .slick-dot-icon:before {
	font-size: 3rem;
}

.banners .slick-dotted.slick-slider {
	margin: 0;
	padding: 0;
}

.banners .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}

.banners .slick-track > .slick-slide > div,
.banners .slick-track > .slick-slide > div > .slide {
	margin: 0 !important;
	padding: 0 !important;
}

.slick-autoplay-toggle-button {
	width: calc(3vw + 1rem);
	height: calc(3vw + 1rem);
	position: absolute;
	left: 0;
	bottom: 1px;
	opacity: 1;
	background: 0 0;
	border: 0;
	cursor: pointer;
	color: white;
	background: var(--bkg5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.slick-autoplay-toggle-button .slick-pause-icon::before {font-size: calc(1vw + 1rem); line-height: 100%;}
.slick-autoplay-toggle-button .slick-play-icon::before {font-size: calc(1vw + 1rem); line-height: 100%;}

@media (max-width: 992px) {
	#top .menu-top > .container {
		padding-right: 11px;
		padding-left: 12px;
	}

	.container, .container-sm {
		max-width: 960px;
	}

	.banertop.d-flex {
		display: none !important;
		height: 0;
	}

	.banertop > .banners + a.logo {
		display: none;
	}
}

@media (max-width: 768px) {
	.container, .container-sm {
	max-width: 720px;
	}
}

@media (min-width: 576px) {
}


/*
.no-slider {height: 135px;
background: var(--bkg8);
}

@media (max-width: 992px) {
	.no-slider {height: 73px;}
}

@media (max-width: 768px) {
	#menu-central {margin-top: -.5rem;}
}

@media (max-width: 480px) {
	.header-navbar #toggle {left:250px;}
	.header-navbar #top {margin-top: .25rem;}
	.h-breath #aside {margin-top: .75rem;}
	.h-breath .segment-r {float:none;}
	.h-breath .aside {margin:0;}
}
*/