body {
	background-color: var(--bs-gray-200);
}
main {
	background-color: var(--bs-white);
}
a {
	color: var(--bs-gray-900);
	text-decoration: none;
}
a:hover {
	color: var(--bs-gray-600);
	text-decoration: none;
}
.fa {
  display: inline-block;
  width: 1em;
  height: 1em;
}
/** b, strong { Zapobiegnięcie skokom CLS 
    font-weight: 700;
	font-size: 16.5px;
	line-height: 1.6;
}**/
.lost_password a:hover {
	text-decoration: underline;
}
.page-subheading {
	font-weight: 600;
}
.text-smaller {
	font-size: smaller;
}
#header-blocks {
	position: relative;
}
#header-blocks .toprow {
	padding: 6px 0;
}
#shop-logo a img {
	max-width: 200px;
	height: auto;
	width: 100%;
}

@media (max-width: 768px) {
	#shop-logo {
		padding-left: 5px;
	}
	#shop-logo a img {
	max-width: 180px;
}
	.mobpad {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

.navbar-dark .navbar-nav .nav-link {
	color: var(--bs-white);
	font-weight: 600;
}
#top_column {
	position: relative;
	padding-top: 0px; 
	background-color: #F7F7F7;}

@media (max-width: 767.98px) {
	#top_column {
	padding-top: 0px;} }

#footer .col {
	min-width: 120px;
}
.page-heading {
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.product-name {
	font-size: 1.3rem;
	margin-bottom: 0.5rem;

}
.cart_ref,
.cart_att {
	font-weight: lighter;
	font-size: 0.8rem;
}
.unvisible {
	display: none;
}
.heading-counter {
    font-size: 14px;
    float: right;
    letter-spacing: normal;
    color: #C00036;
    text-transform: none;
    font-weight: 300;
}
#order_step,
#order_step .nav-link {
	color: var(--bs-secondary);
	background: #eee !important;
	border-radius: 0 !important;
}
#order_step .nav-link.completed {
	color: var(--bs-dark);
	background: #ccc !important;
	height: 100%;
}
#order_step .nav-link.active {
	color: var(--bs-white);
	background: #292929 !important;
	height: 100%;
}
.nav-tabs .nav-link.active {
	color: #C00036;
}
.nav-link:hover {
	color: #3d3d3d;
}
.address.card-body p {
	margin-bottom: 2px;
}
ul.price {
	list-style-type: none;
	padding: 0;
}

.bg-success {
    background-color: #238b6b !important;
	float: left;
}

.bg-new {
    background-color: #177E89 !important;
	float: left;
}

.bg-warning {
    background-color: #C7513A !important;
	float: left;
}

.badge {
	margin-top: 5px;
	margin-left: 2px;
}

/* SearchBox */

#search_query_block {
	max-width: 340px;
	background-color: #f5f5f5;
	border-right: 0;
}
#search_query_block::placeholder {
	color: var(--bs-gray-600);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1rem;
}
#search_block_top .input-group-text {
	background-color: #f5f5f5;
	border-radius: 0;
}

/* Footer */

#footer,
#footer a {
	color: var(--bs-white);
	text-decoration: none;
}
#footer .title_block {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -0.5px;
	font-size: 14px;
}

/* Breadcrumbs */

.breadcrumbs {
	display: block;
	background: #fff;
	/*box-shadow: inset 0 6px 8px 1px rgba(0, 0, 0, 0.16);*/
	padding: 14px 0;
	margin-bottom: 10px;
}
.breadcrumbs .items,
.breadcrumbs .items a {
	font-size: 15px;
	color: #5D5D5D;
	margin: 0;
	padding: 0;
	list-style: none none;
}
.breadcrumbs .items > li {
	display: inline-block;
	vertical-align: top;
}
.breadcrumbs .item a {
	display: inline-block;
	text-decoration: none;
}
.breadcrumbs .item:not(:last-child) a:hover {
	text-decoration: underline;
}
.breadcrumbs .item:not(:last-child)::after {
	font-family: "FontAwesome";
	font-size: 16px;
	line-height: 22px;
	content: "\f105";
	margin: 0 5px 0 6px;
	vertical-align: top;
	display: inline-block;
	font-weight: 900;
	overflow: hidden;
	text-align: center;
}
.breadcrumbs .item:not(:last-child) a:visited {
	color: #333;
}
.breadcrumbs strong {
	font-weight: 400;
}
#my-account-menu a:hover {
	background-color: #666;
}
#add_address .input-group-text {
	inline-size: 143px;
	overflow-wrap: break-word;
	white-space: normal;
	font-size: 0.85rem;
	text-align: left;
}
td.delivery_option_radio {
	width: 60px !important;
}
td.delivery_option_logo {
	width: 100px !important;
}
td.delivery_option_price {
	min-width: 160px;
	text-align: right;
	padding-right: 20px;
}
.order_carrier_content .delivery_options label {
	display: block;
}
.order_carrier_content .table_block .resume {
	border: 1px solid;
}
.order_carrier_content .order_carrier_logo {
	width: 60px;
	height: auto;
}
#carrier_area #cgv {
	margin-right: 15px;
}
.payment_module {
	border: 1px solid;
}

.table#cart_summary  > :not(:first-child) {
	border-top: 0;
}

#cart_summary .cart_discount {
	text-align: center;
	background-color: #eee;
}

#cart_summary #total_discount {
	text-align: right;
}

/* Account Create OPC */
#OpcAccountCreate .page-heading, #opc_invoice_address .page-subheading {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.8rem;
	margin-top: 1rem;
	margin-bottom: 0.45rem;
}

/* Errors Fancybox */
.fancybox-inner .fancybox-error {
	padding: 30px 15px;
	white-space: normal;
}

/* Responsives Rules */

@media (max-width: 767.98px) {
	.table_block table,
	.table_block thead,
	.table_block tbody,
	.table_block th,
	.table_block td,
	.table_block tr {
		display: block;
		border-bottom: 0;
	}
	.table_block tfoot {
		display: inline;
	}
	.table_block .cart_item {
		position: relative;
	}
	.table_block .cart_avail {
		position: absolute;
		top: 10px;
	}
	.table_block .unvisible,
	.table_block thead tr,
	.table_block #cart_summary .cart_total_price #cart_voucher {
		display: none;
	}
	.table_block > .table-bordered >:not(caption) > * > * {
		border-width: 0;
	}
	.table_block .cart_total_price > td#total_product,
	.table_block .cart_total_price > td#total_price_container,
	.table_block .cart_total_delivery > td#total_shipping {
		border-top: 0;
	}
	.table_block #cart_summary > tbody > tr.cart_item > td.cart_quantity {
		width: 50%;
		float: left;
		border-left: 0;
		border-right: 0;
		padding: 2px 0 0 0;
	}
	.table_block #cart_summary > tbody > tr.cart_item > td.cart_quantity > .cart_quantity_input {
		width: 60px;
	}
	.table_block #cart_summary > tbody > tr.cart_item > td.cart_quantity > .cart_quantity_button {
		position: relative;
		left: 70px;
		bottom: 42px;
	}
	.table_block #cart_summary > tbody > tr.cart_item > td.cart_quantity::before {
		content: "x";
		float: left;
		left: 13px;
		line-height: 34px;
		position: relative;
	}
	.table_block .cart_quantity_button a.btn {
		border: 0;
		background-color: #eee;
		margin-top: 1px;
	}
	.table_block .cart_quantity_button a.button-minus {
		margin-right: 10px;
	}
	.table_block #cart_summary > tbody > tr.cart_item > td.cart_unit {
		float: left;
		border-right: 0;
	}
	.table_block #cart_summary > tbody > tr.cart_item > td.cart_delete {
		position: relative;
		bottom: 100px;
		border: 0;
	}
	.table_block #cart_summary > tbody > tr.cart_item:last-of-type {
		border-bottom: 1px solid #ddd;
	}
	.table_block #cart_summary .cart_total > span.price {
		position: relative;
		top: -39px;
	}
	.order_carrier_content .table_block .delivery_option_radio,
	.table_block .delivery_option_logo {
		display: inline-block;
	}
	.order_carrier_content td.delivery_option_price {
		border-top: 1px solid #ccc;
		background-color: #efefef;
	}
	#cart_summary .text-end {
		text-align: center !important;
		display: inline-block;
		width: calc(50% - 34px);
		margin: 15px;
	}
	#cart_summary .cart_total_price {
		text-align: center;
	}
	#cart_summary .cart_discount {
		display: none;
	}
}
@media (max-width: 991.98px) {
	#search_block_top {
		margin-bottom: 8px;
		margin-top: 2px;
	}		
	#search_query_block {
		max-width: 100%;
		background-color: #fff;
		border-right: 0;
		border-top: 0;
		border-left: 0;
	}	
	#search_query_block::placeholder {
		color: #cdcdcd;
		text-transform: none;
		font-weight: 300;
		font-size: 0.8rem;
	}
	#search_block_top .input-group-text {
		background-color: #fff;
		border-radius: 0;
		border-top: 0;
		border-right: 0;
		border-color: #cdcdcd;
		color: #cdcdcd;
	}
	#headertopmenu {
		padding-top: 0;
		padding-bottom: 0;
	}
	#left_column {
		display: none;
	}
}
@media (max-width: 451.98px) {
	.table_block #cart_summary .cart_total > span.price {
		position: relative;
		top: 5px;
		height: 34px;
		display: block;
		right: 0;
	}
}
@media (min-width: 992px) {
	.txt-lg {
		text-align: right;
	}
	#search_block_top {
		/* margin-left: 76px; */
		margin-top: 15px;
	}
	#new_account_form .my-cust {
		margin-bottom: 2.45rem;
	}
}

/*Ukryty banner na mobile */

@media (max-width: 767px) {
	#header-banners {
		display: none;
	}
}

h4.supertitle, h3.supertitle{
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 30px;
    font-family: "Open-Sans",sans-serif;
    color: #3D3D3D;
}

/*przycisk potwierdź przy płatności za pobraniem*/

button.btn.btn-lg.btn-order {
    margin-right: 0;
    margin-top: 10px;
    border: none;
    color: #fff;
    background-color: #c00036;
    border-color: #c00036;
    padding: 8px;
}

/*Zwiększenie szerokości dla dużych monitorów*/

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1520px;
    }
}

/*zerohomepage - wyświetlanie produktów na głównej związane z fade */

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear; 
}
	.fade.show {
	opacity: 1; 
}
  	.collapse {
	display: none; 
}
	.collapse.show {
	  display: block; 
}
  	.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition: height 0.35s ease;
	transition: height 0.35s ease; 
}

/*zerohomepage - wyświetlanie bloków: NOWOŚCI W OFERCIE, PRODUKTY WŁASNE itd. */

.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none; }
	.nav:before, .nav:after {
	  content: " ";
	  /* 1 */
	  display: table;
	  /* 2 */ }
	.nav:after {
	  clear: both; }
	.nav > li {
	  position: relative;
	  display: block; }
	  .nav > li > a {
		position: relative;
		display: block;
		padding: 10px 15px; }
		.nav > li > a:hover, .nav > li > a:focus {
		  text-decoration: none;
		  background-color: #eeeeee; }
	  .nav > li.disabled > a {
		color: #999999; }
		.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
		  color: #999999;
		  text-decoration: none;
		  background-color: transparent;
		  cursor: not-allowed; }
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	  background-color: #eeeeee;
	  border-color: #5a9e74; }
	.nav .nav-divider {
	  height: 1px;
	  margin: 8px 0;
	  overflow: hidden;
	  background-color: #e5e5e5; }
	.nav > li > a > img {
	  max-width: none; }
  
  .nav-tabs {
	border-bottom: 1px solid #ddd; }
	.nav-tabs > li {
	  float: left;
	  margin-bottom: -1px; }
	  .nav-tabs > li > a {
		margin-right: 2px;
		line-height: 1.4285714;
		border: 1px solid transparent;
		border-radius: 0px 0px 0 0; }
		.nav-tabs > li > a:hover {
		  border-color: #eeeeee #eeeeee #ddd; }
	  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		color: #555555;
		background-color: #fff;
		border: 1px solid #ddd;
		border-bottom-color: transparent;
		cursor: default; }
  
  .nav-pills > li {
	float: left; }
	.nav-pills > li > a {
	  border-radius: 5px; }
	.nav-pills > li + li {
	  margin-left: 2px; }
	.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	  color: #fff;
	  background-color: #428bca; }
  
  .nav-stacked > li {
	float: none; }
	.nav-stacked > li + li {
	  margin-top: 2px;
	  margin-left: 0; }
  
  .nav-justified, .nav-tabs.nav-justified {
	width: 100%; }
	.nav-justified > li, .nav-tabs.nav-justified > li {
	  float: none; }
	  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
		text-align: center; }
	@media (min-width: 768px) {
	  .nav-justified > li, .nav-tabs.nav-justified > li {
		display: table-cell;
		width: 1%; } }
  
  .nav-tabs-justified, .nav-tabs.nav-justified {
	border-bottom: 0; }
	.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
	  border-bottom: 1px solid #ddd;
	  margin-right: 0; }
	.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a {
	  border-bottom-color: #fff; }
  
  .tabbable:before, .tabbable:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */ }
  .tabbable:after {
	clear: both; }
  
  .tab-content > .tab-pane,
  .pill-content > .pill-pane {
	display: none; }
  
  .tab-content > .active,
  .pill-content > .active {
	display: block; }
  
  .nav .caret {
	border-top-color: #5a9e74;
	border-bottom-color: #5a9e74; }
  
  .nav a:hover .caret {
	border-top-color: #fd6282;
	border-bottom-color: #fd6282; }
  
  .nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0; }
  
  .navbar {
	position: relative;
	z-index: 1000;
	min-height: 50px;
	margin-bottom: 18px;
	border: 1px solid transparent; }
	.navbar:before, .navbar:after {
	  content: " ";
	  /* 1 */
	  display: table;
	  /* 2 */ }
	.navbar:after {
	  clear: both; }
	@media (min-width: 768px) {
	  .navbar {
		border-radius: 0px; } }
  
  .navbar-header:before, .navbar-header:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */ }
  .navbar-header:after {
	clear: both; }
  @media (min-width: 768px) {
	.navbar-header {
	  float: left; } }
  
  .navbar-collapse {
	max-height: 340px;
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-overflow-scrolling: touch; }
	.navbar-collapse:before, .navbar-collapse:after {
	  content: " ";
	  /* 1 */
	  display: table;
	  /* 2 */ }
	.navbar-collapse:after {
	  clear: both; }
	.navbar-collapse.in {
	  overflow-y: auto; }
	@media (min-width: 768px) {
	  .navbar-collapse {
		width: auto;
		border-top: 0;
		box-shadow: none; }
		.navbar-collapse.collapse {
		  display: block !important;
		  height: auto !important;
		  padding-bottom: 0;
		  overflow: visible !important; }
		.navbar-collapse.in {
		  overflow-y: visible; }
		.navbar-collapse .navbar-nav.navbar-left:first-child {
		  margin-left: -15px; }
		.navbar-collapse .navbar-nav.navbar-right:last-child {
		  margin-right: -15px; }
		.navbar-collapse .navbar-text:last-child {
		  margin-right: 0; } }
  
	  /*DODANE z pliku /var/www/itx-sklep_pl/public_html/themes/zro03/css/modules/zeromanager/views/css/front.css */
  
	  @media (min-width: 768px) {
		  .col-sm-p20 {
			float: left;
			width: 20%; }
		
		  .col-sm-p80 {
			float: left;
			width: 80%; }
		
		  .col-sm-p60 {
			float: left;
			width: 60%; } }
		.js-progress-bar .st-menu, .js-progress-bar .st-menu-right, .js-progress-bar #page {
		  opacity: 0;
		  user-select: none;
		  pointer-events: none;
		  transition: none; }
		
		.page-boxed {
		  padding: 0 15px;
		  margin: auto;
		  margin-top: 25px;
		  margin-bottom: 50px;
		  max-width: 100%; }
		  @media (min-width: 768px) {
			.page-boxed {
			  max-width: 780px; } }
		  @media (min-width: 992px) {
			.page-boxed {
			  max-width: 1000px; } }
		  @media (min-width: 1200px) {
			.page-boxed {
			  max-width: 1230px; } }
		
		#bottom_column {
		  padding-bottom: 20px; }
		
		@media (max-width: 767px) {
		  .show-left-column .left_center {
			display: -webkit-flex;
			display: flex;
			-webkit-flex-direction: column-reverse;
			flex-direction: column-reverse; }
		
		  #left_column, #right_column {
			margin-top: 20px; } }
		/* Header */
		.header-order-detail {
		  overflow: hidden;
		  height: 100px;
		  text-align: center;
		  padding-right: 15px; }
		  .header-order-detail p {
			margin: 0; }
		  .header-order-detail .free-ship-text {
			line-height: 28px;
			font-size: 14px;
			margin-top: 20px;
			color: #3f6e51; }
		  .header-order-detail .phone-number {
			font-weight: bold;
			font-size: 17px;
			padding-top: 6px; }
		  @media (max-width: 991px) {
			.header-order-detail {
			  display: none; } }
		
		.header-services {
		  clear: both;
		  padding: 10px 0; }
		  .header-services ul {
			margin: 0;
			overflow: hidden; }
			.header-services ul > li {
			  float: left;
			  width: 25%;
			  padding: 6px 10px;
			  text-align: center;
			  font-size: 95%;
			  text-transform: uppercase;
			  border-left: 1px solid #c7c7c7; }
			  .header-services ul > li:first-child {
				border: none; }
			  .header-services ul > li .icon, .header-services ul > li [class^="icon-"] {
				font-size: 16px;
				margin-right: 8px;
				color: #fd6282; }
			  @media (max-width: 991px) {
				.header-services ul > li {
				  width: 50%; }
				  .header-services ul > li:nth-child(3) {
					border: none; } }
		  @media (max-width: 767px) {
			.header-services {
			  display: none; } }
		
		.header-custom-links {
		  padding: 15px 15px 0 40px;
		  border-top: 1px dashed #c7c7c7; }
		  .header-custom-links ul {
			margin: 0; }
			.header-custom-links ul li {
			  margin-bottom: 15px; }
			  .header-custom-links ul li .icon, .header-custom-links ul li [class^="icon-"] {
				margin-right: 4px;
				font-size: 14px;
				color: #fd6282; }
		
		.header-sidebar-login {
		  overflow: hidden;
		  padding: 20px 15px 0 40px;
		  border-top: 1px dashed #c7c7c7; }
		  .header-sidebar-login ul {
			margin: 0; }
			.header-sidebar-login ul li {
			  margin-bottom: 20px;
			  float: left;
			  line-height: 32px; }
			  .header-sidebar-login ul li .icon, .header-sidebar-login ul li [class^="icon-"] {
				margin-right: 4px;
				font-size: 14px;
				color: #fd6282; }
			  .header-sidebar-login ul li a.account {
				padding: 0 10px;
				line-height: 28px;
				display: inline-block;
				border: 2px solid;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px; }
			  .header-sidebar-login ul li a.logout {
				margin-left: 20px; }
		
		header .header-event-banner {
		  text-align: center;
		  background: #f9f2e8;
		  font-weight: 700; }
		  header .header-event-banner .container {
			position: relative; }
		  header .header-event-banner p {
			margin: 0;
			padding: 9px 0;
			min-height: 43px; }
		  header .header-event-banner a {
			color: inherit;
			border-bottom: 1px solid; }
		  header .header-event-banner .close-banner {
			position: absolute;
			right: 15px;
			bottom: 8px;
			cursor: pointer; }
			header .header-event-banner .close-banner:after {
			  font-family: "FontAwesome";
			  content: "\f00d";
			  font-size: 15px; }
		header .main-header {
		  width: 100%;
		  position: relative;
		  z-index: 2;
		  padding-bottom: 50px; }
		  @media (max-width: 767px) {
			header .main-header {
			  padding-bottom: 0;
			 } }
		header .header-element {
		  float: left;
		  margin-right: 10px;
		  height: 80px;
		  line-height: 80px;
		  position: relative;
		  padding-top: 19px !important; }
		header .header-element-right {
		  float: right;
		  margin-left: 10px;
		  margin-right: 0; }
		header .header-login .icon-user {
		  font-size: 17px; }
		header .header-login .account {
		  display: block;
		  padding: 0px 10px;
		  border: 2px solid;
		  height: 34px;
		  line-height: 32px;
		  margin-top: 23px;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  transition: all 0.3s; }
		header .header-wishlist a {
		  display: block;
		  text-align: center;
		  border: 2px solid;
		  width: 34px;
		  height: 34px;
		  line-height: 34px;
		  margin-top: 23px;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  transition: all 0.3s; }
		  header .header-wishlist a .icon {
			font-size: 15px;
			line-height: 30px; }
		header .header-search .search-icon {
		  text-align: center;
		  cursor: pointer;
		  font-size: 0;
		  display: block;
		  width: 30px;
		  height: 32px;
		  line-height: 32px;
		  margin-top: 22px;
		  background: #ffffff;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  transition: all 0.3s; }
		  header .header-search .search-icon:before {
			font-family: "FontAwesome";
			content: "\f002";
			font-size: 17px; }
		header .header-left-nav {
		  font-size: 0;
		  position: absolute;
		  bottom: 0;
		  z-index: 21;
		  left: auto;
		  display: none; }
		  header .header-left-nav .nav-icon {
			display: block;
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			background: #f7f7f7;
			cursor: pointer;
			transition: all 0.3s; }
			header .header-left-nav .nav-icon:before {
			  font-family: "FontAwesome";
			  content: "\f0c9";
			  font-size: 21px;
			  cursor: pointer; }
			  @media (max-width: 767px) {
				header .header-left-nav .nav-icon:before {
				  font-size: 28px; } }
			header .header-left-nav .nav-icon:hover {
			  background: #ffffff; }
		  @media (max-width: 767px) {
			header .header-left-nav {
			  display: block;
			  position: inherit;
			  float: left; }
			  header .header-left-nav .nav-icon {
				width: auto;
				height: 80px;
				line-height: 80px;
				background: none;
				border: none; } }
		
		header.sidebar-menu .header-left-nav {
		  display: block; }
		header.sidebar-menu #languages-block-top, header.sidebar-menu #currencies-block-top {
		  display: none !important; }
		
		header.sidebar-minicart #currencies-block-top {
		  display: none !important; }
		
		.zmega-menu.affix + .header-left-nav {
		  position: fixed;
		  top: 0;
		  bottom: auto; }
		
		.st-menu-open header .main-header.affix {
		  overflow-y: scroll; }
		
		.affix-placeholder {
		  transition: all 0.3s; }
		
		header .main-header.affix {
		  top: 0;
		  z-index: 20;
		  position: fixed;
		  background: inherit;
		  -moz-box-shadow: 0 1px 5px #c7c7c7;
		  -webkit-box-shadow: 0 1px 5px #c7c7c7;
		  box-shadow: 0 1px 5px #c7c7c7; }
		  header .main-header.affix + .affix-placeholder {
			height: 80px; }
		
		@media (min-width: 768px) {
		  .page-boxed header .zmega-menu.affix {
			max-width: 750px; } }
		@media (min-width: 992px) {
		  .page-boxed header .zmega-menu.affix {
			max-width: 970px; } }
		@media (min-width: 1200px) {
		  .page-boxed header .zmega-menu.affix {
			max-width: 1200px; } }
		
		header .main-header.long-menu.affix .header-element {
		  height: 0;
		  line-height: 50px;
		  opacity: 0;
		  visibility: hidden; }
		header .main-header.long-menu.affix .shopping_cart_wrapper, header .main-header.long-menu.affix .header-left-nav {
		  position: absolute;
		  height: 50px;
		  opacity: 1;
		  visibility: visible; }
		header .main-header.long-menu.affix .shopping_cart_wrapper {
		  right: 15px; }
		
		/* Footer */
		#footer .footer-main h3, #footer .footer-main h4 {
		  color: #3d3d3d;
		  margin: 0 0 15px;
		  font-size: 20px;
		  font-family: "Roboto Condensed", sans-serif;
		  text-transform: uppercase;
		  letter-spacing: 1.8px; }
		#footer .footer-top-left, #footer .footer-top-right {
		  padding-top: 40px;
		  padding-bottom: 20px; }
		  @media (max-width: 767px) {
			#footer .footer-top-left, #footer .footer-top-right {
			  padding-top: 20px; } }
		#footer .footer-bottom {
		  font-size: 12px;
		  background: #f7f7f7; }
		  #footer .footer-bottom .bottom-block {
			margin: 15px 0;
			line-height: 40px; }
			#footer .footer-bottom .bottom-block p {
			  margin: 0; }
			#footer .footer-bottom .bottom-block img {
			  max-width: 100%; }
			#footer .footer-bottom .bottom-block.payment {
			  text-align: right; }
		#footer .flex-block {
		  display: -webkit-flex;
		  display: flex;
		  -webkit-flex-flow: row wrap;
		  flex-flow: row wrap; }
		  @media (max-width: 767px) {
			#footer .flex-block {
			  -webkit-justify-content: center;
			  justify-content: center; } }
		#footer .footer-block.footer-block-center {
		  text-align: center; }
		@media (min-width: 992px) {
		  #footer .footer-block .about-us {
			padding-left: 7%; } }
		@media (min-width: 768px) {
		  #footer .footer-menu {
			padding-left: 5%; } }
		#footer .footer-menu ul {
		  list-style: none;
		  margin-bottom: 20px; }
		  #footer .footer-menu ul li {
			padding-bottom: 8px; }
			#footer .footer-menu ul li:before {
			  font-family: "FontAwesome";
			  content: "\f105";
			  margin-right: 10px;
			  font-size: 14px;
			  display: inline-block; }
		#footer .social-link {
		  margin-top: 40px; }
		  #footer .social-link .social-icons {
			margin-bottom: 0;
			margin-left: -5px; }
			#footer .social-link .social-icons li {
			  padding-bottom: 10px;
			  display: inline-block;
			  padding-right: 5px;
			  padding-left: 5px; }
			#footer .social-link .social-icons a {
			  background-color: #f7f7f7;
			  width: 44px;
			  height: 44px;
			  display: inline-block;
			  line-height: 44px;
			  text-align: center;
			  font-size: 25px;
			  border-radius: 5px; }
			  #footer .social-link .social-icons a:hover, #footer .social-link .social-icons a:active, #footer .social-link .social-icons a:focus {
				background: #5a9e74;
				color: #ffffff; }
			  #footer .social-link .social-icons a span {
				display: none; }
			  #footer .social-link .social-icons a.facebook {
				color: #3b5998; }
				#footer .social-link .social-icons a.facebook:hover, #footer .social-link .social-icons a.facebook:active, #footer .social-link .social-icons a.facebook:focus {
				  color: white;
				  background-color: #3b5998; }
			  #footer .social-link .social-icons a.twitter {
				color: #55acee; }
				#footer .social-link .social-icons a.twitter:hover {
				  color: white;
				  background-color: #55acee; }
			  #footer .social-link .social-icons a.google-plus {
				color: #dd4b39; }
				#footer .social-link .social-icons a.google-plus:hover {
				  color: white;
				  background-color: #dd4b39; }
			  #footer .social-link .social-icons a.pinterest {
				color: #cb2027; }
				#footer .social-link .social-icons a.pinterest:hover {
				  color: white;
				  background-color: #cb2027; }
			  #footer .social-link .social-icons a.dribble {
				color: #ce1f21; }
				#footer .social-link .social-icons a.dribble:hover {
				  color: white;
				  background-color: #ce1f21; }
			  #footer .social-link .social-icons a.flickr {
				color: #ff0084; }
				#footer .social-link .social-icons a.flickr:hover {
				  color: white;
				  background-color: #ff0084; }
			  #footer .social-link .social-icons a.linkedin {
				color: #007bb5; }
				#footer .social-link .social-icons a.linkedin:hover {
				  color: white;
				  background-color: #007bb5; }
			  #footer .social-link .social-icons a.vimeo {
				color: #aad450; }
				#footer .social-link .social-icons a.vimeo:hover {
				  color: white;
				  background-color: #aad450; }
			  #footer .social-link .social-icons a.youtube {
				color: #bb0000; }
				#footer .social-link .social-icons a.youtube:hover {
				  color: white;
				  background-color: #bb0000; }
			  #footer .social-link .social-icons a.tumblr {
				color: #32506d; }
				#footer .social-link .social-icons a.tumblr:hover {
				  color: white;
				  background-color: #32506d; }
			  #footer .social-link .social-icons a.instagram {
				color: #125688; }
				#footer .social-link .social-icons a.instagram:hover {
				  color: white;
				  background-color: #125688; }
			  #footer .social-link .social-icons a.rss {
				color: #ff6600; }
				#footer .social-link .social-icons a.rss:hover {
				  color: white;
				  background-color: #ff6600; }
		#footer .newsletter {
		  margin-bottom: 40px;
		  overflow: hidden; }
		  @media (min-width: 768px) {
			#footer .newsletter {
			  padding-left: 5%; } }
		@media (min-width: 768px) {
		  #footer .about-us {
			padding-right: 7%; } }
		#footer .about-us [class^="icon-"]:before {
		  width: 20px;
		  display: inline-block;
		  color: #5a9e74; }
		#footer .about-us img {
		  margin-left: auto;
		  margin-right: auto;
		  display: block;
		  max-width: 100%;
		  height: auto;
		border-radius: 6px; }
		#footer #block_contact_infos {
		  border-left: 1px solid #515151; }
		  @media (max-width: 767px) {
			#footer #block_contact_infos {
			  border: none; } }
		  #footer #block_contact_infos > div {
			padding: 0 0 0 5px; }
			@media (max-width: 767px) {
			  #footer #block_contact_infos > div {
				padding-left: 0; } }
			#footer #block_contact_infos > div ul li {
			  padding: 0 0 7px 4px;
			  overflow: hidden;
			  line-height: 30px; }
			  #footer #block_contact_infos > div ul li > span,
			  #footer #block_contact_infos > div ul li > span a {
				color: #ffffff;
				font-weight: normal; }
			  #footer #block_contact_infos > div ul li i {
				font-size: 25px;
				width: 32px;
				text-align: center;
				padding-right: 12px;
				float: left;
				color: #908f8f; }
		#footer .blockcategories_footer {
		  clear: left; }
		#footer #social_block {
		  float: left;
		  width: 50%;
		  padding: 22px 15px 0 15px; }
		  @media (max-width: 767px) {
			#footer #social_block {
			  width: 100%;
			  float: left;
			  padding-top: 5px; } }
		  #footer #social_block ul {
			float: right; }
			@media (max-width: 767px) {
			  #footer #social_block ul {
				float: none; } }
			#footer #social_block ul li {
			  float: left;
			  width: 40px;
			  text-align: center; }
			  @media (min-width: 768px) and (max-width: 991px) {
				#footer #social_block ul li {
				  width: 30px; } }
			  #footer #social_block ul li a {
				display: inline-block;
				color: #908f8f;
				font-size: 28px; }
				@media (min-width: 768px) and (max-width: 991px) {
				  #footer #social_block ul li a {
					font-size: 20px; } }
				#footer #social_block ul li a span {
				  display: none; }
				#footer #social_block ul li a:before {
				  display: inline-block;
				  font-family: "FontAwesome";
				  vertical-align: -5px;
				  font-weight: normal;
				  -webkit-font-smoothing: antialiased;
				  -moz-osx-font-smoothing: grayscale; }
				#footer #social_block ul li a:hover {
				  color: #ffffff; }
			  #footer #social_block ul li.facebook a:before {
				content: "\f09a"; }
			  #footer #social_block ul li.twitter a:before {
				content: "\f099"; }
			  #footer #social_block ul li.rss a:before {
				content: "\f09e"; }
			  #footer #social_block ul li.youtube a:before {
				content: "\f167"; }
			  #footer #social_block ul li.google-plus a:before {
				content: "\f0d5"; }
			  #footer #social_block ul li.pinterest a:before {
				content: "\f0d2"; }
			  #footer #social_block ul li.vimeo a:before {
				content: "\f194"; }
			  #footer #social_block ul li.instagram a:before {
				content: "\f16d"; }
		  #footer #social_block h4 {
			float: right;
			margin-bottom: 0;
			font-size: 21px;
			line-height: 25px;
			text-transform: none;
			padding: 0 10px 0 0; }
			@media (max-width: 767px) {
			  #footer #social_block h4 {
				display: none;
				text-align: center; } }
		#footer .bottom-footer {
		  position: absolute;
		  bottom: -55px;
		  left: 0; }
		  #footer .bottom-footer div {
			padding: 15px 0 0 0;
			border-top: 1px solid #515151;
			width: 100%; }
		#footer .scroll-top {
		  display: none;
		  position: fixed;
		  right: 15px;
		  bottom: 30px;
		  text-align: center;
		  opacity: 0.5;
		  -moz-border-radius: 50% 50% 5px 5px;
		  -webkit-border-radius: 50%;
		  border-radius: 50% 50% 5px 5px;
		  transition: background 0.3s;
		  z-index: 100; }
		  #footer .scroll-top a {
			display: block;
			width: 40px;
			height: 40px;
			border: 2px solid;
			line-height: 36px;
			font-size: 25px;
			color: #ffffff;
			background: #fd6282;
			-moz-border-radius: 50% 50% 5px 5px;
			-webkit-border-radius: 50%;
			border-radius: 50% 50% 5px 5px; }
			#footer .scroll-top a i[class^="icon-"] {
			  position: absolute;
			  left: 0;
			  right: 0;
			  top: 10px;
			  transition: all 0.3s; }
		  #footer .scroll-top:hover {
			opacity: 1; }
			#footer .scroll-top:hover a {
			  background: #3f6e51; }
			#footer .scroll-top:hover a i[class^="icon-"] {
			  top: 6px; }
		
		/* Tabs */
		.nav-tabs {
		  border: none;
		  font-size: 0; 
		  display: flex;
		  justify-content: center;
		}
		  .nav-tabs > li {
			float: none;
			display: inline-block;
			margin-bottom: 0; }
			.nav-tabs > li > a {
			  font: 700 22px "Roboto Condensed", sans-serif;
			  text-transform: uppercase;
			  padding: 5px 40px;
			  padding-left: 0;
			  margin: 0;
			  border: none;
			  color: #3d3d3d;
			  background: transparent;
			  position: relative;
			  z-index: 1;
			  opacity: 0.7; }
			  .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
				background: transparent;
				opacity: 1; }
			.nav-tabs > li.active > a {
			  background: transparent;
			  color: #3d3d3d;
			  border: none;
			  opacity: 1; }
			  .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
				border: none;
				color: #3d3d3d;
				background: none; }
			@media (max-width: 767px) {
			  .nav-tabs > li {
				width: 100%; } }
			
			@media (min-width: 1200px) and (max-width: 1400px) {
				.nav-tabs > li > a {
				padding: 5px 14px;
				font-size: 20px;
				}
				.ztabs .nav-tabs {
					max-height: 33px;
				}
				#header_user {
					min-width: 135px; 
				}
				.shopping_cart {
					min-width: 112px; 
				}

			}
		
		.tab-content {
		  margin-bottom: 0; 
		  text-align: center;}
		
		.ztabs {
		  margin-bottom: 5px; 
		  min-height: 435px; 
		  }
		.ztabs .nav-tabs {
		  text-align: center; 
		  margin-bottom: 15px;}
			@media (max-width: 767px) {
			  .ztabs .nav-tabs {
				text-align: left; } 
			}

		.nav-tabs .nav-link {
			border: none;
		}
		
		.column .ztabs {
		  margin-bottom: 20px; }
		.column .nav-tabs {
		  border: 1px solid #c7c7c7;
		  -moz-border-radius: 5px 5px 0 0;
		  -webkit-border-radius: 5px;
		  border-radius: 5px 5px 0 0;
		  overflow: hidden; }
		  .column .nav-tabs > li {
			width: 50%;
			text-align: center; }
			.column .nav-tabs > li > a {
			  font-size: 17px;
			  padding: 10px 15px; }
			@media (min-width: 768px) and (max-width: 991px) {
			  .column .nav-tabs > li {
				width: 100%; } }
			.column .nav-tabs > li.active a {
			  background: #ffffff; }
		.column .tab-content {
		  margin: 0;
		  padding: 0 15px;
		  background: #ffffff;
		  overflow: hidden;
		  border: 1px solid #c7c7c7;
		  border-top: none;
		  -moz-border-radius: 0 0 5px 5px;
		  -webkit-border-radius: 0;
		  border-radius: 0 0 5px 5px; }
		.column .block {
		  font-size: 14px;
		  margin-bottom: 20px;
		  background: #fff;
		  padding: 0 15px;
		  border: 1px solid #c7c7c7;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px }
		.column .block .title_block, .column .block h4 {
			font: 700 18px "Roboto Condensed",sans-serif;
    		text-transform: uppercase;
			margin-bottom: 0;
			position: relative;
			margin-left: -15px;
			margin-right: -15px;
			padding: 11px 15px;
			border-bottom: 1px solid #c7c7c7;
			text-align: center;}
			
		.panel {
		  box-shadow: none;
		  border: none;
		  background: none; }
		
		.column .zaccordions {
		  margin-bottom: 20px; }
		  .column .zaccordions .panel .title_panel {
			font-size: 17px;
			padding-left: 15px; }
		  .column .zaccordions .tab-content {
			margin: 0;
			-moz-border-radius: 0;
			-webkit-border-radius: 0;
			border-radius: 0; }
		  .column .zaccordions .panel.last-panel .tab-content {
			-moz-border-radius: 0 0 5px 5px;
			-webkit-border-radius: 0;
			border-radius: 0 0 5px 5px; }
		
		/* button */
		.btn-default {
		  display: inline-block;
		  padding: 0 12px;
		  -moz-border-radius: 3px;
		  -webkit-border-radius: 3px;
		  border-radius: 3px;
		  font-size: 14px;
		  text-transform: uppercase;
		  border: none;
		  line-height: 35px;
		  transition: all 0.3s; }
		  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
			color: #ffffff;
			background-color: #3f6e51; }
		
		.button.lnk_view:hover, .button.lnk_view:focus, .button.lnk_view:active, .button.lnk_view.active {
		  color: #5d5d5d; }
		
		.button.button-medium, .button.button-medium.exclusive {
		  -moz-box-shadow: none;
		  -webkit-box-shadow: none;
		  box-shadow: none; }
		
		/* Manufacturer */
		.brand_base {
		  padding: 2px 15px;
		  text-align: center; }
		  .brand_base .logo {
			overflow: hidden;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			-moz-box-shadow: 0px 1px 5px #c7c7c7;
			-webkit-box-shadow: 0px 1px 5px #c7c7c7;
			box-shadow: 0px 1px 5px #c7c7c7; }
			.brand_base .logo img {
			  margin: auto; }
			.brand_base .logo a:hover img {
			  opacity: 0.7; }
		  .brand_base .middle-side {
			margin-top: 10px; }
		
		.list-mode .brand_base {
		  width: 20%;
		  float: left;
		  margin-bottom: 30px; }
		
		/*  */
		.ac_results {
		  border: 1px solid #c7c7c7; }
		  .ac_results li {
			padding: 5px 10px;
			white-space: nowrap; }

		.tooltip {
			position: absolute;
			z-index: 1030;
			display: block;
			visibility: visible;
			font-size: 12px;
			line-height: 1.4;
			opacity: 0;
			filter: alpha(opacity=0); }
			.tooltip.in {
				opacity: 0.9;
				filter: alpha(opacity=90); }
			.tooltip.top {
				  margin-top: -3px;
				  padding: 5px 0; }
			.tooltip.right {
				  margin-left: 3px;
				  padding: 0 5px; }
			.tooltip.bottom {
				  margin-top: 3px;
				  padding: 5px 0; }
			.tooltip.left {
				  margin-left: -3px;
				  padding: 0 5px; }
		
		.tooltip-inner {
			max-width: 200px;
			padding: 3px 8px;
			color: #fff;
			text-align: center;
			text-decoration: none;
			background-color: #000;
			border-radius: 0px; }
		
		sup {
		  top: -0.2em;
		  font-size: 100%;
		  color: red; }
		
		.bx-wrapper {
		  margin: 0px auto !important; }
		
		.rte .banner1 {
		  overflow: hidden;
		  padding-bottom: 20px; }
		  .rte .banner1 img {
			margin: 0 auto;
			transition: all 0.3s; }
			.rte .banner1 img:hover {
			  opacity: 0.7; }
		  .rte .banner1 span:first-of-type {
			font-size: 17px;
			font-weight: bold;
			float: left;
			line-height: 23px;
			color: #3d3d3d;
			text-transform: uppercase;
			margin-top: 15px; }
		  .rte .banner1 span.btn-default {
			font-size: 14px;
			float: right;
			margin-top: 10px; }
		.rte .banner2 {
		  margin-bottom: 20px; }
		  .rte .banner2 a {
			position: relative;
			display: block; }
			.rte .banner2 a:before {
			  content: "";
			  position: absolute;
			  border: 1px solid #fd6282;
			  right: 0;
			  bottom: 0;
			  left: 0;
			  top: 0;
			  visibility: hidden;
			  transition: all 0.3s; }
			.rte .banner2 a:hover:before {
			  visibility: visible;
			  left: 15px;
			  top: 15px;
			  right: 15px;
			  bottom: 15px; }
		.rte .banner3 {
		  margin-bottom: 20px;
		  position: relative; }
		  .rte .banner3:hover {
			background-color: #5a9e74; }
			.rte .banner3:hover img {
			  opacity: 0.8; }
		  .rte .banner3 a.btn-default {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translateX(-50%) translatey(-50%);
			min-width: 100px;
			visibility: hidden;
			opacity: 0;
			transition: all 0.3s; }
		  .rte .banner3:hover a.btn-default {
			visibility: visible;
			opacity: 1; }
		.rte .banner4 {
		  margin-bottom: 20px;
		  background-attachment: fixed;
		  background-position: top center;
		  background-size: cover;
		  background-repeat: no-repeat;
		  padding: 20px 0 40px;
		  text-align: center;
		  /*.btn-default {
			  background: $light-background;
			  color: $base-text-color;
			  box-shadow: 0 4px 0 $quaternary-color, 1px 3px 3px 0 rgba(0,0,0,.25);
			  &:hover,
			  &:focus,
			  &:active,
			  &.active {
				  color: $btn-default-color;
				  background-color: $btn-default-bg-hover;        
				  box-shadow: 0 4px 0 $btn-cart-shadow-hover, 1px 3px 3px 0 rgba(0,0,0,.25);
			  }
		  }*/ }
		  .rte .banner4 h1, .rte .banner4 h2, .rte .banner4 h3, .rte .banner4 h4, .rte .banner4 h5, .rte .banner4 h6 {
			font-size: 30px;
			margin-bottom: 20px;
			text-transform: uppercase; }
		  .rte .banner4 p {
			max-width: 800px;
			margin: 0 auto 20px; }
		.rte .feature, .rte .feature2 {
		  margin-bottom: 20px;
		  padding: 25px 5%;
		  text-align: center;
		  border: 1px solid #c7c7c7;
		  background: #ffffff;
		  color: #3b3b3b;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px;
		  transition: all 0.2s; }
		  .rte .feature:hover, .rte .feature2:hover {
			background-color: #c00036;
			color: #ffffff;
			border-color: #c00036; }
		  .rte .feature [class^="icon-"], .rte .feature2 [class^="icon-"] {
			font-size: 48px; }
		  .rte .feature a, .rte .feature2 a {
			display: block;
			font-size: 18px;
			margin-top: 15px;
			color: inherit;
			line-height: 1.3em; }
		.rte .feature2 {
		  color: #3b3b3b; }
		  .rte .feature2:hover {
			background-color: #3b3b3b;
			color: #ffffff;
			border-color: #3b3b3b; }
		
		body.touchDevice .rte .banner4 {
		  background-attachment: initial; }
		
		div.selector, div.selector span {
		  background: #ffffff; }
		
		div.selector select {
		  height: 33px; }
		
		div.selector span {
		  height: 33px;
		  line-height: 33px;
		  position: relative;
		  color: #5d5d5d;
		  min-width: 88px;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px; }
		  div.selector span:after {
			content: "\f0d7";
			font-family: "FontAwesome";
			position: absolute;
			right: 12px;
			top: 0;
			font-size: 14px; }
		
		div.selector {
		  min-width: 100px;
		  line-height: 33px;
		  height: 35px;
		  border: 1px solid #c7c7c7;
		  -moz-border-radius: 5px;
		  -webkit-border-radius: 5px;
		  border-radius: 5px; }
		
		/*# sourceMappingURL=front.css.map */

		/* wlasne style*/

		ol,ul {
			list-style: none;
			padding-left: 0px !important;
		}

		.icon,[class^="icon-"] {
			display: inline-block;
			font: 14px/1 FontAwesome;
			font-size: inherit;
			text-rendering: auto;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale
		}

		.icon-th:before {
			content: "\f00a"
		}

		.icon-th-list:before {
			content: "\f00b"
		}

		.icon-table:before {
			content: "\f0ce"
		}

		.top-pagination-content {
			display: none
		}
		.img-fluid {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		.ajax_block_product {
			padding-bottom: 20px;
		}

		.ajax_add_to_cart_button {
			display: block;
			background-color: #00587A;
			color: #fff;
			font-weight: 400;
    		text-align: center;
   			padding: 0;
    		height: 30px;
    		line-height: 30px;
    		white-space: nowrap;
    		-moz-border-radius: 3px;
    		-webkit-border-radius: 3px;
    		border-radius: 8px;
    		border: none;
    		transition: all 0.3s;
		}

		.ajax_add_to_cart_button:hover {
			color: #fff;
			background-color: #007AA3;
			border-color: #007AA3;
		}

	#event_banner.header-event-banner {
		min-height: 42px;
	}

.spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  position: relative;
}

.css-spinner {
  width: 48px;
  height: 48px;
  border: 5px solid #ccc;
  border-top-color: #c00036; /* kolor zgodny z Twoim sliderem */
  border-radius: 50%;
  animation: spinner 0.8s linear infinite;
}

@keyframes spinner {
  to { transform: rotate(360deg); }
}