/*@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Bd.eot');
    src: url('fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Bd.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-Bd.svg#HelveticaNeueLTPro-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Blk.eot');
    src: url('fonts/HelveticaNeueLTPro-Blk.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTPro-Blk.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Blk.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-Blk.svg#HelveticaNeueLTPro-Blk') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Lt.eot');
    src: url('fonts/HelveticaNeueLTPro-Lt.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Lt.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Md.eot');
    src: url('fonts/HelveticaNeueLTPro-Md.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Md.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Th.eot');
    src: url('fonts/HelveticaNeueLTPro-Th.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTPro-Th.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Th.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-Th.svg#HelveticaNeueLTPro-Th') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Pro';
    src: url('fonts/HelveticaNeueLTPro-Roman.eot');
    src: url('fonts/HelveticaNeueLTPro-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTPro-Roman.woff') format('woff'),
        url('fonts/HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('fonts/HelveticaNeueLTStd-BdCn.eot');
    src: url('fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeueLTStd-BdCn.woff2') format('woff2'),
        url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'),
        url('fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/subset-HelveticaNeue.eot');
    src: url('fonts/subset-HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-HelveticaNeue.woff2') format('woff2'),
        url('fonts/subset-HelveticaNeue.woff') format('woff'),
        url('fonts/subset-HelveticaNeue.ttf') format('truetype'),
        url('fonts/subset-HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue2';
    src: url('fonts3/HelveticaNeueLTPro-MdCn.eot');
    src: url('fonts3/HelveticaNeueLTPro-MdCn.eot?#iefix') format('embedded-opentype'),
        url('fonts3/HelveticaNeueLTPro-MdCn.woff2') format('woff2'),
        url('fonts3/HelveticaNeueLTPro-MdCn.woff') format('woff'),
        url('fonts3/HelveticaNeueLTPro-MdCn.svg#HelveticaNeueLTPro-MdCn') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeuePl';
    src: url('fonts2/HelveticaNeuePl.eot');
    src: url('fonts2/HelveticaNeuePl.eot?#iefix') format('embedded-opentype'),
        url('fonts2/HelveticaNeuePl.woff2') format('woff2'),
        url('fonts2/HelveticaNeuePl.woff') format('woff'),
        url('fonts2/HelveticaNeuePl.ttf') format('truetype'),
        url('fonts2/HelveticaNeuePl.svg#HelveticaNeuePl') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeuePlBold';
    src: url('fonts2/HelveticaNeuePl-Bold.eot');
    src: url('fonts2/HelveticaNeuePl-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts2/HelveticaNeuePl-Bold.woff2') format('woff2'),
        url('fonts2/HelveticaNeuePl-Bold.woff') format('woff'),
        url('fonts2/HelveticaNeuePl-Bold.ttf') format('truetype'),
        url('fonts2/HelveticaNeuePl-Bold.svg#HelveticaNeuePl-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

@keyframes progess-bar {
	from {width: 0% ;}
	to {width: 100%; }
  }

body {
	color: #ffff00;
    font-size: 16px;
	/*font-family: 'Helvetica Neue LT Pro', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	background-color: #000;
	width: 100%;
	height: 100%;
}

a:hover { text-decoration: underline; }

.clear { clear: both; }

.bold { font-weight: bold; }
.normal { font-weight: normal; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.justify { text-align: justify; }
.img-fluid.center { margin: auto; }

.nsize { font-size: 1em; }
.nsizeplus { font-size: 1.15em; }
.small { font-size: 0.8em; }
.vsmall { font-size: 0.6em; }
.vvsmall { font-size: 0.3em; }
.big { font-size: 1.3em; }
.vbig { font-size: 1.6em; }
.vvbig { font-size: 2em; }


h1, h2 { 
	font-size: 1.6em; 
	font-weight: bold;
}
.tabContent h2 { font-size: 1.3em; }
.upper-case { text-transform: uppercase; }
.tt-none { text-transform: none; }
.barcode { 
    font-family: 'Libre Barcode 128', cursive;
    font-size: 3em; 
}    

#barcode-fld {
    min-height: 60px;
    width: 100%;
    text-align: center;
    background-color: #000;
    overflow-y: hidden;
    padding-top: 10px;
    display:none;
}
.no-mrg-lr { margin-left: 0px; margin-right: 0px; }
.no-mrg-l { margin-left: 0px; }
.no-mrg-r { margin-right: 0px; }
.mrg-t-5 { margin-top: 5px !important; }
.mrg-t-10 { margin-top: 10px !important; }
.mrg-t-15 { margin-top: 15px !important; }
.mrg-t-20 { margin-top: 20px !important; }
.mrg-t-30 { margin-top: 30px !important; }
.mrg-t-40 { margin-top: 40px !important; }
.mrg-t-50 { margin-top: 50px !important; }
.mrg-t-100 { margin-top: 100px !important; }
.mrg-b-5 { margin-bottom: 5px !important; }
.mrg-b-10 { margin-bottom: 10px !important; }
.mrg-b-15 { margin-bottom: 15px !important; }
.mrg-b-20 { margin-bottom: 20px !important; }
.mrg-b-30 { margin-bottom: 30px !important; }
.mrg-b-40 { margin-bottom: 40px !important; }
.mrg-b-50 { margin-bottom: 50px !important; }
.mrg-b-70 { margin-bottom: 70px !important; }
.mrg-r-10p { margin-right: 10%; }
.mrg-r-10 { margin-right: 10px; }
.mrg-r-30 { margin-right: 30px; }


.no-pad-lr { padding-left: 0px; padding-right: 0px;}
.pad-t-3 { padding-top: 3px; }
.pad-t-5 { padding-top: 5px; }
.pad-t-10 { padding-top: 10px !important; }
.pad-t-15 { padding-top: 15px; }
.pad-t-20 { padding-top: 20px; }
.pad-t-30 { padding-top: 30px; }
.pad-t-50 { padding-top: 50px; }
.pad-t-55 { padding-top: 55px; }
.pad-b-5 { padding-bottom: 5px; }
.pad-b-10 { padding-bottom: 10px !important; }
.pad-b-15 { padding-bottom: 15px; }
.pad-b-20 { padding-bottom: 20px; }
.pad-b-30 { padding-bottom: 30px; }
.pad-b-50 { padding-bottom: 50px; }
.pad-b-100 { padding-bottom: 100px; }
.pad-lr-2 { padding-left: 2px; padding-right: 2px;}
.pad-lr-5 { padding-left: 5px; padding-right: 5px;}
.pad-l-20 { padding-left: 20px; }
.pad-l-30 { padding-left: 30px; }
.pad-l-50 { padding-left: 50px; }
.pad-l-100 { padding-left: 100px; }
.pad-r-20 { padding-right: 30px; }
.pad-r-30 { padding-right: 30px; }
.pad-r-50 { padding-right: 50px; }
.pad-b-120mob { padding-bottom: 0px; }
@media (max-width: 990px) {
	.pad-b-120mob { padding-bottom: 120px; }
}

.w-220 { width: 220px; }
.w-100v { width: 100vw; }

.white { color: #fff !important; }
.black { color: #ffff00 !important; }
.gray { color: #8a8a8a !important; }
.red { color: #ffff00 !important; }
.red2 { color: #ffff00 !important; }
.green { color: #7ed321 !important; }

.bg-white { background-color: #000; }
.bg-gray { background-color: #000; }
.bg-gray-gen {	
	background-color: #000;
	background-image: url('../images/bg_gen_rog.png'); 
	background-position: bottom right;
	background-repeat: no-repeat;
}
.bg-red { 
    background-color: #ffff00;
    color: #000;
    font-weight: bold; 
}
.bg-dark-red {
	background-color: #ffff00;
}
.br-top-red {
    border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #ffff00;
}

.br-bottom-red {
    border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #ffff00;
}

.br-bottom-gray {
    border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #000;
}

.br-1 {
    border-style: solid;
	border-width: 1px;
	border-color: #000;
	border-radius: 5px;
}

.br-left-md,
.br-left {
    border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #ffff00;
}
.br-rad-20 { border-radius: 20px; }
.cr-pointer { cursor: pointer; }

.circle-box {
	font-size: 20px;
	color:#ffff00;
	border: #ffff00 1px solid;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	padding-top: 4px;
	margin: auto;
	margin-bottom: 10px;
}

.circle {
	margin: auto;
	width: 13px;
	height: 13px;
	border-radius: 6px;
	background-color: #fff;
}

.circle-red {
	margin: auto;
	width: 13px;
	height: 13px;
	border-radius: 6px;
	background-color: #fff;
}

.circle-big-red {
	margin: auto;
	width: 21px;
	height: 21px;
	border-radius: 10px;
	background-color: #ffff00;
}
.step-head { 
	display: flex;
	align-items: center;
	height: 30px;
}

.mob-item { display: none;}
.hide-item { display: none;}
.ps-abs { position: absolute; }
.ps-fix { position: fixed; }

@media(max-width:321px){
	.ps-fix { position: absolute; }
}

.button {
	display: inline-block;
	text-align: center;
	
	padding: 10px;
	padding-left:25px;
	padding-right: 25px;
	cursor: pointer;
	border: 0;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
}

.button.btn-red {
	background-color: #ffff00; /*#b53728;*/
	color: #000 !important;
	/*font-weight: bold;
	text-transform: uppercase;*/
    border: 1px solid #ffff00;
}
.button.btn-red:hover {
	background-color: #fff; /*#b53728;*/
	color: #000 !important;
	border: 1px solid #000;
    text-decoration: none;
}
.button.btn-red-wh {
	background-color: #ffff00; /*#b53728;*/
	color: #000 !important;
    border: 1px solid #ffff00;
}
.button.btn-red-wh:hover {
	background-color: #fff; /*#b53728;*/
	color: #000 !important;
    border: 1px solid #000;
    text-decoration: none;
}

.btn-map { 
	background-image: url('../images/wcag/ico_map_yellow.svg');
	background-position: 10% center;
	background-repeat: no-repeat;
	padding-left: 50px;
}

.btn-map:hover, .btn-map.active {
	background-image: url('../images/ico_map_wh.png');
}

@media(max-width:768px){
	.button { 
		padding-left: 10px;
		padding-right: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.btn-map { 
		background-image: none;
		padding-left: 10px;
	}
	
	.btn-map:hover, .btn-map.active {
		background-image: none;
	}
}

.button.btn-white {
	background-color: #fff;
	color: #000;
	border: 0;
}
.button.btn-white-rd {
	background-color: #000;
	color: #ffff00;
	border: 1px solid #ffff00;
}
.button.btn-white-rd:hover, .button.btn-white-rd.active {
	background-color: #000;
	color: #fff !important;
	border: 1px solid #fff;
	text-decoration: none;
}
.button.btn-gray {
	background-color: #000;
	color: #ffff00;
	border: 1px solid #ffff00;
}
.button.btn-gray:hover {
	background-color: #000;
	color: #fff !important;
	border: 1px solid #fff;
    text-decoration: none;
}

.button.btn-gray2 {
	background-color: #000;
	color: #ffff00;
	border: 0;
}
.button.btn-gray2:hover {
	background-color: #000;
	color: #fff !important;
	border: 0;
    text-decoration: none;
}

.button.btn-invisible {
	background-color: none; /*#b53728;*/
	color: #ffff00 !important;
	font-weight: bold;
	text-transform: uppercase;
    border: 1px solid #ffff00;
}
.button.btn-invisible:hover {
	background-color: #000;
	color:#fff;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	border: 1px solid #000;
}

.button-big {
	display: block;
	text-align: center;
	width: 100%;
	padding: 7px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	font-size: 1.2em;
	border: 0;
}
.button-big.btn-red {
	background-color: #ffff00; /*#b53728;*/
	color: #000 !important;
	/*font-weight: bold;*/
	text-transform: uppercase;
    border: 1px solid #ffff00;
}
.button-big.btn-red:hover {
	background-color: #fff; /*#b53728;*/
	color: #000 !important;
	font-weight: bold;
	text-transform: uppercase;
    border: 1px solid #fff;
    text-decoration: none;
}

.button-konto {
    width: 100%;
    height: 35px;
    padding-top: 12px;
    background-image: url('../images/ico_ludzik_czarny.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 35px;
    color: #ffff00;
    text-transform: uppercase;
}
.button-konto:hover {
    background-image: url('../images/ico_ludzik_czerwony.png');
    color: #fff;
    text-decoration: none;
}

.scroll-box { 
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    height: 450px;
}

/* page container */
.page-cont {
	width: 100%;
	height: 100%;
	position: relative;
}

.btn-top { 
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 50;
	width: 60px;
	height: 60px;
	background-image: url('../images/btn_up.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

#menu { 
	height: 130px;
	background-image: url('../images/pasek_pion.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}

#top-menu a.menu-item {
	display: block;
	padding: 3px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
	color: #000;
	font-size: 0.9em;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	text-transform: uppercase;
	cursor: pointer;
}
#top-menu .menu-item.mi01 { border-bottom-color: #b53728; }
#top-menu .menu-item.mi02 { border-bottom-color: #7a221b; }
#top-menu .menu-item.mi03 { border-bottom-color: #9a2b3b; }
#top-menu .menu-item.mi04 { border-bottom-color: #e06c53; }
#top-menu .menu-item.mi05 { border-bottom-color: #b53728; }
#top-menu .menu-item.mi06 { border-bottom-color: #7a221b; /*#d7d7d7;*/ }

.navbar {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.navbar .navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .7);
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar .container-fluid { padding-left: 0px;}
.navbar .navbar-brand { padding-top: 0px; padding-bottom: 0px;}
.navbar .nav-item a { color: #000; }
.navbar .top-bg { 
	background-color: #ffff00; 
	width: 10%; 
	height: 102px; 
	display: inline-block;

}
.navbar .megamenu { 
	padding: 1rem; 
	background-color: #ffff00;
}
.navbar-dark .navbar-nav .nav-link { 
	color: #fff; 
}
.navbar .megamenu a { color: #000; }

.navbar-collapse { align-items: start; }
/* front page */
.front-text {
	display: flex; 
	align-items: center;
}
.front-item {
	background-color: #e8e7e7;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

.front-item.disabled {
    opacity: 0.4;
}

.front-item .button {
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table th { 
	background-color: #ffff00;
	color: #000;
}

.shadow-box {
	padding: 20px;
	border-radius: 30px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #ffff00;
}
/* oferty - lista */
.offer-item {
    background-color: #000;
    padding-bottom: 20px;
	border: 1px solid #ffff00;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	box-shadow: 0px 3px 6px #00000029;
	position: relative;
}

.offer-item .partner-logo {
	position: absolute;
	top:0;
	left: 0;
    margin: 10px;
	z-index: 10;
}
.offer-item .partner-logo img { 
	max-height: 45px;
	background-color: #fff;
	padding-left: 5px;
    padding-right: 5px;
}
.offer-item .offer-img { 
	margin-top: 30px;
	margin-bottom: 10px; 
	height: 130px; 
}
.offer-item .offer-img img { max-height:130px; }
.offer-item .offer-name { 
	margin-bottom: 10px;  
	height: 120px;
}
.offer-item .offer-button { margin-bottom: 20px; }

.offer-head { 
    background-image: url('../images/pasek_krotki.png');
    background-position: left;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    color: #aa1315;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 20px;
}

.offer-content {
    background-color: #e8e7e7;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.offer-content .offer-tabs,
.offer-local .offer-tabs { 
    padding-top: 10px;
    padding-bottom: 10px; 
}
.offer-content .offer-tabs-item,
.offer-local .offer-tabs-item {
    text-align: center;
    font-weight: bold;
    color: #8a8a8a;
    padding: 3px;
}
.offer-content .offer-tabs-item.tab-border,
.offer-local .offer-tabs-item.tab-border {
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #8a8a8a;
}

.offer-content .tabContent { min-height: 500px; }
.offer-content .offer-tabs-item.active,
.offer-local .offer-tabs-item.active { color: #000; }
.offer-content .offer-tabs-item.tab-border.active,
.offer-local .offer-tabs-item.tab-border.active { border-right-color: #aa1315; }

.offer-details .partner-logo {
	background-color: #fff;
    padding-left: 5px;
    padding-right: 5px;
}
.offer-details .offer-name { 
    font-size: 2.7em;
	font-weight: bold;
    color: #ffff00;   
}

.offer-details .offer-name2 { 
    font-size: 1.8em;
	font-weight: bold;
    color: #ffff00;    
}

.offer-item .offer-name { 
    font-size: 16px;
    color: #ffff00;  
}

.offer-details .offer-subname { 
    font-size: 1.7em;
	font-weight: bold;
    color: #000;   
}

@media(max-width:768px){
	.offer-description { 
		font-size: 0.9em;
	}
	
	.offer-details .offer-name { 
		font-size: 2em;
	}
}

@media (max-width:991px){
	.code-box .shadow-box { 
		background-color: #000; 
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}
	.code-box {
		position: fixed;
		bottom: 0px;
		z-index: 20;
	}

	.code-box .code-box-content {
		display: none;
	}
}

.toggler-bg { 
	background-image: url('../images/ico_down.png');
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 40px;
}
#map {
	width: 100%;
	height: 500px;
    border: 2px solid #fff;
}

.H_ib {
	font-size: 1em !important;
}
.H_ib_content {
	min-width: 250px !important;
	padding: 5px !important;
}
.H_ib_content .button {
	width: 80%;
}

/* footer */
#logo-carusel {
	background-color: #fff;
	color: #000;
}
#footer {
	background-color: #000;
	color: #ffff00;
	font-size: 0.8em;
	padding-top: 20px;
}

#footer a {
	color: #ffff00;
	font-weight: bold;
}

/* forms */
.form .text-fld,
.form .text-fld-ag {
	width: 100%;
	padding: 8px;
	padding-left: 5px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	margin-bottom: 10px;
	background-color: #000;
	color: #ffff00
}
.form .text-fld::-moz-placeholder { color: #ffff00; font-weight:600; opacity: 1; }
.form .text-fld::placeholder { color: #ffff00; font-weight:600; opacity: 1; }
.form .text-fld.border-blk { border: 1px solid #ffff00; }
.form .text-fld-ag.border-blk { border: 1px solid #ffff00; }
.form .text-fld.readonly { background-color: #000; background-image: url('../images/wcag/ico_prohib.svg'); background-position: right; background-repeat: no-repeat; background-size: contain;}
.form .text-fld-ag.readonly { background-color: #000;}
.form .text-fld.error-fld { border: 1px solid #ffff00; }
.form .text-fld-ag.error-fld { border: 1px solid #ffff00; }
.error { color: #ffff00; font-weight: 600; }
.error-br { border: 2px solid #ffff00; }

.consentHide { display: none; }

/* popups */
#popup-wrapper {
	position: fixed;
	left: 0px;
    top: 0px;
	width: 100%;
	height: 100%;
	z-index: 98;
	background-color: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
	display: none;
}
#popup-content {
	
	top: 10%;
	z-index: 99;
	left: 50%;
	margin-left: -570px;
	display: none;
}

#popup-content.w800 {
	max-width: 800px;
	margin-left: -400px;
}

#popup-content.w900 {
	max-width: 900px;
	margin-left: -450px;
}

#popup-content .popup-close {
	display: block;
	background-color: #ffff00;
	border-radius: 15px;
	width: 30px;
	height: 30px;
	padding-top: 2px;
	color: #000;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 100;
	cursor: pointer;
}

#popup-content .popup-bg,
#popup-content .popup-bg01, 
#popup-content .popup-bg02, 
#popup-content .popup-bg03 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	padding-top: 70px;
	padding-bottom: 60px;
	border-bottom-right-radius: 25px;
	border-top-left-radius: 25px;
	border: 1px solid #ffff00;

}

#popup-content .popup-bg01 { background-image: url('../images/bg_gen_czerwony.png'); }
#popup-content .popup-bg02 { background-image: url('../images/bg_gen_bialy.png'); }
#popup-content .popup-bg03 {	background-image: url('../images/bg_gen_szary.png'); }
#popup-content .popup-bg04 {	
	background-color: #000;
	background-image: url('../images/bg_gen_rog.png'); 
	background-position: bottom right;
	background-repeat: no-repeat;
	
}
#popup-content .popup-bg05 {
	background-color: #000;
}
#popup-content .popup-bg06 {
	background-color: #ffff00;
}

#popup-content .specjalne-popup {
	background-image: url('../images/bannery/specjalne.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 350px;
	position: relative;
}
#popup-content .specjalne-popup .specjalne-text {
	position: absolute;
	bottom: 20px;
	left: 40px;
}

#popup-content .bg-head {
	height: 45px;
	padding-left: 40px;
	padding-top: 8px;
}

#popup-content .popup-step { display: none; }
#popup-content .step-head { 
	height: 45px;
}
#popup-content .step-body { 
	min-height: 350px;
	padding-bottom: 50px;
}
#popup-content .step-head-item {
		font-size: 0.7em;
		font-weight: bold;
		text-align: center;
		padding-top: 15px;
        padding-left: 5px;
        padding-right: 30px;
		/*border-right-style: solid;
		border-right-width: 1px;
		border-right-color: #f2f2f2;*/
}
#popup-content .bg-gray {
	background-color: #000;
	color: #ffff00;
}
#popup-content .arrow-red-red {
    background-image: url('../images/strzalka_czcz.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
#popup-content .arrow-red-gray {
    background-image: url('../images/strzalka_czsz.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}
#popup-content .arrow-gray-red {
    background-image: url('../images/strzalka_szcz.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

#popup-content .arrow-gray-gray {
    background-image: url('../images/strzalka_szsz.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

#popup-content .bg-red,
#popup-content .active {
	background-color: #d40000;
	color: #fff;
}
#popup-content .scroll-pane-head {
	color: #aa1315;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #c4c4c4;
}
#popup-content .scroll-pane { 
	overflow-x: hidden;
	overflow-y: auto;
	height: 75px;
	margin-bottom: 10px;
}

@media(max-width:1200px){
	#popup-content { margin-left: -480px; }
	#popup-content.w800 { margin-left: -400px; }
	#popup-content.w900 { margin-left: -450px; }
	#top-menu a.menu-item { font-size: 0.8em; height: 57px; }
}

@media(max-width:992px){
	#popup-content,
	#popup-content.w800,
	#popup-content.w900 { margin-left: -360px; }
	#popup-content .step-head { display: none; }
	#popup-content .step-body .right { text-align: center; }
	#top-menu a.menu-item { height: 51px;}
	.barcode { font-size: 2em; }
}

@media(max-width:768px){
	#popup-content,
	#popup-content.w800,
	#popup-content.w900 { margin-left: -360px; }
	#top-menu a.menu-item { height: auto;}
	#top-menu .menu-mob { display: none; z-index: 50; background-color: #fff; }
	#top-menu .mrg-t-10 { margin-top: 0px !important; }
	#register-btn { margin-top: 10px;}
	#menu-btn { margin-top: 10px; }
	#menu { height: 80px; }
	.mob-item { display: block;}
    .mob-hide { display: none; }
    .button-konto, .button-konto:hover { background-image: none;}
    .offer-content .offer-tabs-item.tab-border.active,
    .offer-content .offer-tabs-item.tab-border { border: 0px; }
    .br-left-md { border-left: 0px; } 
    
    #shopList {
        height: auto;
    }
}

@media(max-width:575px){
	#popup-content,
	#popup-content.w800,
	#popup-content.w900 { 
		margin-left: 0px; 
		left: 0px;
	}
    #menu { 
        height: 160px;
        padding-left: 30px; 
    }
    
}
.carousel {
	margin-bottom: 50px;
}
#carouselIndicators .carousel-indicators {
	width: 100%;
	min-height: 50px;
	background-color: #000;
	bottom: -50px;
	margin: 0;
}
#carouselIndicators .carousel-indicators li {
	display: flex;
    width: 20%;
    height: 50px;
    border: 0;
    border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	color:#fff;
	text-indent: initial;
	text-transform: uppercase;
	background-color: #000;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	z-index: 1;
	position: relative;
	opacity: 1;
}
#carouselIndicators .carousel-indicators li a,
#carouselIndicators .carousel-indicators li .ind-text,
#carouselIndicators .carousel-indicators li .ind-dot {
	z-index: 10;
}
#carouselIndicators .carousel-indicators li .prog-bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	z-index: 5;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background-color: #000;
	color: #fff;
}
#carouselIndicators .carousel-indicators .active { background-color: #fff; color: #000; }

#carouselIndicators .carousel-indicators .active .prog-bg { 
	background-color: #ffff00;
	animation-name: progess-bar;
	animation-duration: 5s;
	animation-fill-mode: both;
}

#carouselIndicators .carousel-indicators-mobile {
	width: 100%;
	min-height: 50px;
	bottom: -50px;
	margin: 0;
}

#carouselIndicators .carousel-indicators-mobile li {
	display: flex;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 10px;
	color:#fff;
	background-color:#fff;
	text-indent: initial;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	z-index: 1;
	position: relative;
}

#carouselFooterIndicators .carousel-indicators{
	bottom: -50px;
}
#carouselFooterIndicators .carousel-indicators li {
	background-color: #000;
	width: 15px;
    height: 15px;
    border-radius: 10px;
    border: 1px;
}

#carouselFooterIndicators .carousel-indicators li.active {
	background-color: #aa1315;
}
.carousel-caption { 
	bottom: 22%; 
	left: 0; 
	right: 10%;
	color: #000;
}

.carousel-caption .red { color: #000 !important;}
.carousel-caption .black { color: #000 !important;}
.carousel-logo { 
	position: absolute;
	top: 5px; 
	right: 5px; 
	z-index: 10;
}
.banner-text-sq {
    color: #000;
    /*background-color: rgba(255,255,255, 0.8);*/
	padding: 15px;
	position: relative;
	transform: skewY( -12deg );
	/*font-family: 'HelveticaNeue', sans-serif;
	font-family: 'Helvetica Neue LT Std', sans-serif;
	font-family: 'HelveticaNeue2', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	margin-bottom: 70px;
	font-size: 38px;
}

.banner-text-sq .bg-red {
	padding: 0px;
	padding-left: 16px;
	padding-right: 8px;
	text-transform: uppercase;
	font-size: 2.3em;
	line-height: 95%;
	font-stretch: condensed;
	z-index:40;
	position:relative;
}
.banner-text-sq .bg-red.zind30 {
	z-index:30;
}

.banner-text-sq .sub-text {
	padding: 0px;
	padding-left: 16px;
	padding-right: 8px;
	font-stretch: condensed;
	font-weight: bold;
	
}

.banner-text-sq .mrg-t-10 {
	line-height: 95%;
}

.banner-text {
    color: #000;
    padding: 20px;
    position: relative;
	font-size: 34px;
}

.sub-text-area {
	color: #000;
    padding-left: 30px;
    position: relative;
}
.bannerbutton { 
	margin-bottom:-200px;
}
@media(max-width:2020px){
	.banner-text-sq { font-size: 30px; }
	.banner-text  { font-size: 30px; }
	.sub-text {  font-size: 15px; }
}
@media(max-width:1750px){
	.banner-text-sq { font-size: 26px; }
	.banner-text  { font-size: 26px; }
	.sub-text {  font-size: 13px; }
}
@media(max-width:1600px){
	.banner-text-sq { font-size: 21px; }
	.banner-text  { font-size: 22px; }
	.sub-text {  font-size: 12px; }
	.mrg-bannerbutton-top { margin-top: -20px;}
}
@media(max-width:1400px){
	.banner-text-sq { font-size: 18px; }
	.banner-text  { font-size: 16px; }
	.sub-text {  font-size: 12px; }
	/*.banner-text-sq .bg-red { line-height: 112%; }*/
	.mrg-bannerbutton-top { margin-top: -30px;}
}
@media(max-width:1200px){
	.banner-text-sq { font-size: 15px; }
	/*.banner-text-sq .bg-red { line-height: 120%; }*/
	.mrg-bannerbutton-top { margin-top: -40px;}
	.banner-text  { font-size: 25px; }
	.sub-text {  font-size: 16px; }
}
@media(max-width:1024px){
	.banner-text-sq { font-size: 12px; }
	/*.banner-text-sq .bg-red { line-height: 120%; }*/
	.mrg-bannerbutton-top { margin-top: -50px;}
}
@media(max-width:924px){
	.banner-text-sq { font-size: 10px; margin-bottom: 50px;}
	/*.banner-text-sq .bg-red { line-height: 120%; }*/
	.mrg-bannerbutton-top { margin-top: -45px;}
}
@media(max-width:1199px){
	.carousel-caption .no-pad-lr { padding-left:20px; padding-right: 20px;}
	.banner-text { padding-left: 30px; padding-right: 30px; }
	.banner-text-sq { padding-left: 30px; padding-right: 30px; transform: skewY( 0deg ); font-size: 18px;}	
	.banner-text-sq .bg-red { padding-top: 4px; line-height: 120%; }
	.banner-text-sq .white { color: #000 !important; }
	.carousel-item { padding-bottom: 30px; }
	.carousel-caption { 
        position: relative;
        left: 0px;
    }
	.carousel-caption .red { color: #ffff00 !important;}
	.carousel-caption .black { color: #ffff00 !important;}
	.carousel-logo {
		position: relative;
        right: 0px;
	}
	.bannerbutton { 
		margin-bottom:0px;
	}
}
.banner-counter {
    padding: 5px;
    background-color: #851714;
    color: #fff;
    margin-bottom: -50px;
    margin-right: -50px;
    margin-left: 30%;
    width: 70%;
    font-size: 0.7em;
    text-align: center;
}

.banner-counter .digit-fld {
    display: inline-block;
    min-width: 15px;
    margin-left: 5px;
    background-color: #fff;
    background-image: url('/images/bg_licznik.png');
    background-position: center;
    background-repeat: repeat-x;
    background-size: contain;
    color: #000;
    padding: 3px;
}

.custom-control-input:focus~.custom-control-label::before {
	border-color: #ffff00 !important;
	box-shadow: 0 0 0 0.2rem rgba(255, 47, 69, 0.25) !important;
  }
  
  .custom-control-input:checked~.custom-control-label::before {
	border-color: #ffff00 !important;
	background-color: #ffff00 !important;
  }
  
  .custom-control-input:active~.custom-control-label::before {
	background-color: #ffff00 !important;
	border-color: #ffff00 !important;
  }
  
  .custom-control-input:focus:not(:checked)~.custom-control-label::before {
	border-color: #ffff00 !important;
  }
  
  .custom-control-input-green:not(:disabled):active~.custom-control-label::before {
	background-color: #ffff00 !important;
	border-color: #ffff00 !important;
  }

.custom-switch .custom-control-label::after {
	background-color: #000 !important;
  }

.custom-control-input:focus~.custom-control-label::after {
	background-color: #000 !important;
  }
  
  .custom-control-input:checked~.custom-control-label::after {
	background-color: #000 !important;
  }
  
  .custom-control-input:active~.custom-control-label::after {
	background-color: #000 !important;
  }
  
  .custom-control-input:focus:not(:checked)~.custom-control-label::after {
	background-color: #000 !important;
  }
  
  .custom-control-input-green:not(:disabled):active~.custom-control-label::after {
	background-color: #000 !important;
  }



  .ov-hidden { overflow: hidden; }
  #cookie-wrapper {
	position: fixed;
	left: 0px;
    top: 0px;
	width: 100%;
	height: 100%;
	z-index: 98;
	background-color: #c6c6c6;
	filter:alpha(opacity=60);
	opacity:0.6;
	display: none;
  }
  #cookie-banner {
	position: fixed;
	z-index: 99;
	bottom: 0;
	padding: 40px;
	background-color: #000000;
	border: 1px solid #FFFF00;
	display: none;
  }
  #cookie-selection { display: none; }
  #cookie-buttons-step2 { display: none; }


  /* ============ desktop view ============ */
  @media all and (min-width: 1400px) {
	.navbar .nav-item { padding-left: 15px; padding-right: 15px;}
  }  
@media all and (min-width: 992px) {

	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;  }
	.navbar .nav-item { padding-left: 0px; padding-right: 10px;}
	
  }	
  /* ============ desktop view .end// ============ */
  
  /* ============ mobile view ============ */

  @media(max-width: 1199px){
	.navbar .top-bg { display: none; }
  	.navbar .navbar-brand img { 
		max-width: 100%; 
		height: auto; 
	}
	.mrg-r-10p { margin-right: 0;}
  }

  @media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
	  overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
	.navbar .top-bg { display: none; }
	.navbar .navbar-brand { 
		padding-top: 5px; 
		padding-bottom: 5px;
		padding-left: 5px;
	}
	.navbar .navbar-brand img { max-width: 100%; height: auto;}
  
	/*.carousel-indicators li { display: none;}*/
	#carouselIndicators .carousel-indicators li .ind-text { display: none; }
	#carouselIndicators .carousel-indicators li .ind-dot { display: inline-block; }
	.mrg-r-10p { margin-right: 0;}
  }
  @media(min-width: 992px){
	#carouselIndicators .carousel-indicators li .ind-dot { display: none; }
  }
  @media(max-width: 435px){
	  .navbar .navbar-brand {
		  width: calc(100% - 80px);
	  }
  }
  /* ============ mobile view .end// ============ */

#accessibility {
	position: fixed;
	top: 150px;
	left: -250px;
	z-index: 999;
	width: 100%;
	max-width: 250px;
	box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
	padding: 0px;
	font-size: 16px;
	background-color: #000;
	color: #ffff00;
}

#accessibility .head { 
	position: relative;
	height: 60px;
	padding: 16px;
	font-size: 20px;
	padding-left: 40px;
	font-weight: normal;
}

#accessibility .head .accessibility-icon {
	display: block;
	position: absolute;
	top: 0;
	right: -60px;
	width: 60px;
	height: 60px;
	background-color: #ffff00;
	color: #000;
	text-align: center;
	cursor: pointer;
	padding: 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#accessibility .head .accessibility-icon img {
	max-height: 35px;
}

#accessibility .item { 
	height: 40px;
	padding: 10px;
	padding-left: 10px;
}

#accessibility .item a {
	color: #ffff00;
	text-decoration: none;
}

#accessibility .item img { margin-right: 10px;}