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

:root {
	--text:#262626;
	--text1: #000000;
	--text2: #36393b;
	--text3: #FFFFFF;
	--text4: #101010;
	--text5: #d80e0e;
	--text6: #EAF3FF;
	--text7: #404040;
	--text8: #EBEBEB;
	--text9: #B0DCF7;
	--text10: #F1F2F5;

  --link1: #262626;
  --link2: #1a0dab;
  --link3: #3248a8;
  --link4: #6c757d;
	--link5: #FBFEFF;
	--link6: #24324A;
	--link7: #081e1e;

	--hover1: #000000;
	--hover2: #161820;
	--hover3: #24324A;
	--hover4: #061019;
	--hover5: #d80e0e;
	--hover6: #6cc629;
	--hover7: #080ece;

	--color1: #010101;
	--color2: #FFFFFF;
	--color3: #505050;
	--color4: #FFFFFF;
	--color5: #707070;
	--color6: #24324A;
	--color7: #D80e0e;
	--color8: #888888;
	--color9: #d5e2f3;

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

	--colorPagin: #222222;
	--colorPaginActive: #ffffff;
	--bkgPagin: #F2F2F2;
	--bkgPaginActive: #ff6600;
	--bkgPaginHover: #e0925e;

	--border1: #dfe3e6;
	--border2: #24324A;
	--border3: #cfc4bd;
	--border4: #E12432;
	--border5: #FFFFFF;
	--border6: #EAF3FF;
	--border7: #f5f380;
	--border8: #484852;
	--border9: #575757;
	--borderGallery: #FFFFFF;
	--borderFiles: #ddd;
	--focus: #d80e0e;

	--opacity1: rgba(170, 170, 170, 0.01);
	--opacity2: rgba(142, 228, 72, .15);
	--opacity3: rgba(115, 180, 54, .85);
	--opacity4: rgba(202, 209, 212, .5);
	--opacity5: rgba(255, 255, 255, .2);
	--opacity6: rgba(0, 166, 75, .25);
	--opacity7: rgba(11, 63, 146, .64);

	--bkg1: #FFFFFF;
	--bkg2: #880741;
	--bkg3: #E12432;
	--bkg4: #f4f5f6;
	--bkg5: #E12432;
	--bkg6: #233a5a;
	--bkg7: #0E70C7;
	--bkg8: #0E70C7;
	--bkg9: #6cc629;
	--bkg10:#6FAF3E;
	--bs-btn-hover-bg: #233a5a;

	--body: #FFFFFF;
	--main: #FFFFFF;
	--wcag: #EEEEEE;
	--wcagBord: #B30026;
	--header: #EEFFF1;
	--footer: #f2f3f7;
	--footer1:#E12432;
	--footer2:#E12432;

	--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: #484848;
	--menu3: #FFFFFF;
	--menu4: #212120;
	--menu5: #C9C9C9;
	--menu1hov: #FFFFFF;
	--menu2hov: transparent;
	--menu3hov: #0E70C7;
	--menuBkgHov1: #0E70C7;
	--menuBkgHov2: #202856;
	--menuBkgHov3: #FFFFFF;
	--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: '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.6;
	font-synthesis: none;
	font-family: var(--font-family-sans-serif);
	/* font-size: 16px; */
	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(--text1);
	position: relative;
	min-width: 320px;
}

body.container {
	padding: 0;
}

body .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: 600;
}

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

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

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


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

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

.fulltainer {
	margin: 0;
}


.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;
	/* left: -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.9375rem, 1vw, 2.125rem);
	line-height: 1.5;
}

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

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

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

.display-5 {
	font-family: var(--font-family-sans-serif);
	font-size: clamp(1.25rem, 1vw, 1.3125rem);
	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: 3rem;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
	font-family: var(--font-header);
	/* font-weight: 700; */
	color: var(--text1);
	letter-spacing: -.09rem;
}

h1 {
	font-size: clamp(1.925rem, 5vw, 2.25rem);
	font-weight: bold;
  	margin: calc(1rem + .5vw) 0;
}
h2 {
	font-size: clamp(1.425rem, 5vw, 1.525rem);
  	margin: .75rem 0 .5rem;
}
h3 {
	font-size: clamp(1.225rem, 5vw, 1.425rem);
  	margin: 1.125rem 0 .5rem;
}
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;
}
h6 {
	font-size: clamp(0.825rem, 5vw, .925rem);
  	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;
}






.brands {background-color: var(--bkg2); padding: .25rem;}
.header-bot .row {margin: 0 auto; align-items: flex-end;}

/* ------------------ header ------------------ */
header {z-index: 10;}
header .navbar-brand {padding: .75rem 0; color: var(--link5);}

header #top {
	transition: 0.2s ease-out;
}

header .header-bot {
	background: var(--darkblue);
	margin: 0 0 5px 0;
	padding: 10px 0;
}

header .header-bot-left {
	width: 33.3333%;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 20px;
	text-align: left;
	text-transform: uppercase;
}

header .header-bot-mid {
	width: 33.3333%;
	text-align: center;
}
header .header-bot-mid img {
	padding: 10px 0;
}
header .header-bot-right {
	width: 33.3333%;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 8px 20px;
	text-align: right;
	text-transform: uppercase;
}
header .header-bot-right span {
	margin: 0 0 0 24px;
}

header #scroll {
	background-image: url(gfx/template/topmenu.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: none;
	position: absolute;
	top: 83px;
	right: 0;
	height: 20px;
	width: 40px;
}

header .header-bot {background: var(--bkg6); margin: 0; padding: 24px 0;}
header .header-bot a:hover {color: var(--hover6);}

@media (max-width: 992px) {
    header {
        background-image: none;
        align-items: initial;
        height: auto;
    }
}

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

#top .u-acc a {text-decoration: underline; padding: .5rem .625rem;}

.invisible {position: relative;}
.menu-bar .menu .ul-nav > li > a::after {
  padding: 0 1.75rem;
  position: relative;
  min-height: 100px;
}

.menu-bar .menu ul li {
	text-align: left;
	margin: 0;
	/*
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	*/
}
.menu-bar .menu .ul-nav > li > a {
  color: rgba(255,255,255,0.95);
  display: block;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--color8);
}
.menu-bar .menu .ul-nav li .ul-second li a {
	color: rgba(255, 255, 255, 0.85);
	display: block;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 0.5px;
	padding: 0px;
	text-transform: lowercase;
}
.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;
}


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


/* ------------------ modyfikacje ------------------ */

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





.banertop {
	padding: 0 1.75rem;
	position: relative;
    min-height: 100px;
}

.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 > img:not(:first-child) {
	display: none;
}

.banners img {
	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-initialized {
	position: relative;
} */

.slick-autoplay-toggle-button {
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 0;
    bottom: 0rem;
    z-index: 1;
    opacity: 1;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: white;
    background: var(--bkg5);
    display: flex;
    justify-content: center;
    align-items: center;
}

@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) {
  .Xcontainer, .Xcontainer-sm {
    max-width: 720px;
  }
}








/* .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;}
} */