* { border: none; margin: 0px; padding: 0px;  }


body {
	width: 100%;
	height: 100%;
	min-height: 100vh;
	font-family: 'Jaldi', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	color: #04488E;

	overflow-x: hidden;
	
	background-color: #fff;
}

body.overflow {
	overflow: hidden;
}

*[role=button],
select:focus,
input:focus,
textarea:focus,
button:focus {
	outline: 0;
}

a {
	color: #04488E;
	text-decoration: underline;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

	a:hover {
		color: #FFDECB;
		
		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
	}

h1 {
	font-size: 42px;
	font-weight: 600;
	line-height: 1.2;
}

h2 {
	font-size: 38px;
	font-weight: 400;
	line-height: 1.3;
}

h3 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3;
}

h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

button.button,
span.wp-block-button__link,
a.wp-block-button__link {
	position: relative;
	background: #04488E;
	border: 1px solid #04488E;
	color: #fff;
	padding: 15px 70px;
	border-radius: 35px;
	line-height: 1;
	text-transform: uppercase;
	
	font-weight: 400;
	font-size: 28px;
	
	transition: all 0.2s ease;
}

	button.button:hover,
	span.wp-block-button__link:hover,
	a.wp-block-button__link:hover {
		border: 1px solid #FFDECB;
		background: #FFDECB;
		color: #04488E;
		transition: all 0.2s ease;
	}
	
.light button.button,
.light span.wp-block-button__link,
.light a.wp-block-button__link {
	position: relative;
	background: #8DBAE9;
	border: 1px solid #8DBAE9;
	color: #fff;
	padding: 15px 70px;
	border-radius: 35px;
	line-height: 1;
	text-transform: uppercase;
	
	font-weight: 400;
	font-size: 28px;
	
	transition: all 0.2s ease;
}

	.light button.button:hover,
	.light span.wp-block-button__link:hover,
	.light a.wp-block-button__link:hover {
		border: 1px solid #FFDECB;
		background: #FFDECB;
		color: #04488E;
		transition: all 0.2s ease;
	}
	
	
form.wpcf7-form label > span {
	display: inline-block;
	margin: 5px 0;
}

form.wpcf7-form input[type=text] {
	border: 1px solid #8DBAE9;
	padding: 16px 11px 8px 11px;
	box-sizing: border-box;
}

form.wpcf7-form input[type=email] {
	border: 1px solid #8DBAE9;
	padding: 16px 11px 8px 11px;
	box-sizing: border-box;
}

form.wpcf7-form textarea {
	border: 1px solid #8DBAE9;
	padding: 16px 11px 8px 11px;
	box-sizing: border-box;
}

form.wpcf7-form input[type=email][disabled=disabled] {
	color: #bbb;
}

form.wpcf7-form input[type=text]::placeholder,
form.wpcf7-form textarea::placeholder {
	visibility: hidden;
}
	
form.wpcf7-form  .floating-label {
	display: block;
	position: absolute;
	pointer-events: none;
	transition: 0.2s ease all;
	font-size: 18px;
	color: #999;
	top: 12px;
	left: 11px;
	text-align: left;
	line-height: 1;
}

	form.wpcf7-form  input:focus ~ .floating-label,
	form.wpcf7-form  input:not(:placeholder-shown) ~ .floating-label {
		font-size: 11px;
		color: #999;
		font-weight: 400;
		top: 5px;
		left: 11px;
		transform: translateX(0%);
	}		
	
	form.wpcf7-form  textarea:focus ~ .floating-label,
	form.wpcf7-form  textarea:not(:placeholder-shown) ~ .floating-label {
		font-size: 11px;
		color: #999;
		font-weight: 400;
		top: 5px;
		left: 11px;
		transform: translateX(0%);
	}
	
		
#cookie-notice {
	width: 450px;
	min-width: 400px !important;
	
	bottom: 2vw;
	left: 2vw !important;
	
	
	box-shadow: 0 -1px 5px 0 rgba(0,0,0,0.5);
	z-index: 99999999;
}

	#cookie-notice .cookie-notice-container {
		padding: 30px;
		box-sizing: border-box;
		font-size: 16px;
	}
	
	#cookie-notice .cookie-notice-container #cn-notice-text {
		line-height: 1.8;
		padding-bottom: 25px;
	}

	#cookie-notice .cookie-notice-container a#cn-accept-cookie {
		position: relative;
		color: #fff;
		background: #04488E;
		border: 2px solid #8DBAE9;
		padding: 10px 40px;
		margin: 0 5px;
		font-size: 16px;
		outline: 0;
		font-weight: 600;
		border-radius: 30px;
	}
	

		#cookie-notice .cookie-notice-container a#cn-accept-cookie:hover {
			background: #FFDECB !important;
			border: 2px solid #FFDECB;
			color: #04488E;
			text-decoration: none;
			cursor: pointer;
		}
		

	
	#cookie-notice .cookie-notice-container a#cn-more-info {
		position: relative;
		background: transparent !important;
		color: #fff;
		font-size: 16px;
		padding: 0;
		text-decoration: underline;
		border-radius: 10px;
		font-weight: 400;
	}

		#cookie-notice .cookie-notice-container a#cn-more-info:hover {
			color: #fff;
			text-decoration: none;
		}


	#cookie-notice .cookie-notice-container .cn-close-icon {
		display: none;
	}
	
	
	
.fit {
	position: relative;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}
	
.fit1200 {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 3%;
	box-sizing: border-box;
}

#container a.wp-block-button__link {
	width: auto;
}
	
#content {
	min-height: 50vh;
	background-image: url(../graf/bg_footer.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
	
	padding-bottom: 100px;
}
	
	#content ul.wp-block-list,
	#content ol.wp-block-list {
		padding: 5px 0 5px 20px;
	}
	
		#content ul.wp-block-list li,
		#content ol.wp-block-list li {
			padding: 3px 0;
		}

#content.produkt {
	padding-bottom: 50px;
}
	
header {
	padding: 30px 0;
}
	
	header .header_inner  {
		display: flex;
		gap: 15px;
		align-items: center;
	}
	
		header #logo {
			
		}
		
			header #logo img {
				display: block;
				width: 250px;
				height: auto;
				margin: 0;
			}
			
		header #cart.mob,
		header #userPoints.mob {
			display: none;
		}
		
		header .menu {
			margin-left: auto;
			display: flex;
		}
			
			header #mob_menu {
				display: none;
			}
			
			header nav {
				margin-left: auto;
			}
			
			header nav#login {
				display: flex;
			
				height: 62px;
				background: #04488E;
				border-radius: 37px;
			}
			
				header nav ul#menu-menu-glowne-wylogowany {
					display: flex;
					align-items: center;
					list-style: none;
					background: #fff;
				}
					
					header nav ul#menu-menu-glowne-wylogowany > li {
						margin: 0 5px;
					}
					
					header nav ul#menu-menu-glowne-wylogowany > li > a {
						position: relative;
						background: #04488E;
						border: 1px solid #04488E;
						color: #fff;
						padding: 5px 30px;
						border-radius: 35px;
						line-height: 1;
						text-transform: uppercase;
						text-decoration: none;
						
						font-weight:400;
						font-size: 20px;
						
						transition: all 0.2s ease;
					}

					header nav ul#menu-menu-glowne-wylogowany > li.zalogujsie a {
						border: 1px solid #8DBAE9;
						background: #8DBAE9;
					}

					header nav ul#menu-menu-glowne-wylogowany > li.wylogujsie a {
						border: 1px solid #04488E;
						background: #04488E;
					}
						
					header nav ul#menu-menu-glowne-wylogowany > li > a:hover {
						border: 1px solid #FFDECB;
						background: #FFDECB;
						color: #04488E;
						transition: all 0.2s ease;
					}
			
					
				header nav .nav_inner {
					display: flex;
					gap: 10px;
					align-items: center;
					height: 100%;
					
					background: #fff;
					border: 1px solid #04488E;
					box-sizing: border-box;
					border-radius: 37px;
					padding: 5px;
					box-sizing: border-box;
				}
					
					header nav ul#menu-menu-zalogowany {
						display: flex;
						gap: 5px;
						height: 100%;
						align-items: center;
						list-style: none;
					}

						header nav ul#menu-menu-zalogowany > li {
							position: relative;
							margin: 0;
						}
						
							header nav ul#menu-menu-zalogowany > li:first-child {
								margin: 0;
							}
						
							header nav ul#menu-menu-zalogowany > li:last-child {
								height: 100%;
							}
						
						
						header nav ul#menu-menu-zalogowany > li > a {
							display: flex;
							align-items: center;
							height: 100%;
							box-sizing: border-box;
							position: relative;
							color: #04488E;
							line-height: 1;
							text-decoration: none;
							
							font-weight:400;
							font-size: 20px;
							padding: 15px 15px;
							border-radius: 38px;
							
							transition: all 0.2s ease;
						}


						header nav ul#menu-menu-zalogowany > li > a span {
							display: block;
							white-space: nowrap;
						}
							
						header nav ul#menu-menu-zalogowany > li.current_page_parent > a,
						header nav ul#menu-menu-zalogowany > li.current-page-ancestor > a,
						header nav ul#menu-menu-zalogowany > li.current-menu-item > a,
						header nav ul#menu-menu-zalogowany > li > a:hover {
							background: #04488E;
							color: #fff;
						}
						
						header nav ul#menu-menu-zalogowany > li.konto > a {
							display: block;
							width: 50px;
							background-color: #8DBAE9;
							padding: 10px 10px;
							color: #fff;
							text-transform: uppercase;
							border-radius: 37px;
							
							background-image: url(../graf/ico_user.svg);
							background-repeat: no-repeat;
							background-position: 50% 50%;
							background-size: 30px auto;
						}
						
							header nav ul#menu-menu-zalogowany > li.konto > a:hover {
								background-color: #FFDECB;
							}
							
							header nav ul#menu-menu-zalogowany > li.konto > a span {
								display: none;
							}
							
							
							header nav ul#menu-menu-zalogowany > li.konto ul.sub-menu {
								position: absolute;
								right: 50%;
								transform: translateX(50%);
								padding-top: 7px;
								z-index: 10;
								list-style: none;
								display: block;
								width: 185px;
								box-sizing: border-box;
							}
							
								header nav ul#menu-menu-zalogowany > li.konto ul.sub-menu li {
									display: flex;
									justify-content: flex-end;
									width: 100%;
								}
								
								header nav ul#menu-menu-zalogowany > li.konto ul.sub-menu li a {
									max-height: 0;
									overflow: hidden;
									
									text-decoration: none;
									text-align: center;
									display: block;
									min-width: 100%;

									background: #8DBAE9;
									padding: 0 10px;
									color: #fff;
									font-size: 18px;
									border-radius: 37px;
									margin: 5px 0 0 0;
									
									transition: all 0.2s ease;
								}
								
								header nav ul#menu-menu-zalogowany > li.konto:hover ul.sub-menu li a {
									max-height: 50px;
									padding: 5px 10px;
									transition: all 0.2s ease;
								}
							
								header nav ul#menu-menu-zalogowany > li.konto:hover ul.sub-menu li a:hover {
									background: #04488E;
								}
									
								header nav ul#menu-menu-zalogowany > li.konto:hover ul.sub-menu li a span {
									white-space: nowrap;
								}
									
								header nav ul#menu-menu-zalogowany > li.konto:hover ul.sub-menu li:last-child a {
									font-weight: bold;
								}

					header nav #cart {
						height: 100%;
					}
						
						header nav #cart a {
							position: relative;
							display: block;
							width: 50px;
							height: 100%;
							border: 2px solid #8DBAE9;
							padding: 10px 10px;
							box-sizing: border-box;
							color: #fff;
							text-transform: uppercase;
							border-radius: 37px;
							
							background-image: url(../graf/ico_cart.svg);
							background-repeat: no-repeat;
							background-position: 50% 50%;
							background-size: 30px auto;
						}

							header nav #cart a .cart-count {
								position: absolute;
								right: 4px;
								bottom: 3px;
								background: #04488E;
								border-radius: 50%;
								font-size: 12px;
								border: 2px solid #fff;
								
								display: flex;
								align-items: center;
								justify-content: center;
								width: 18px;
								height: 18px;
								aspect-ratio: 1 / 1;
							}
							
						header nav #cart a:hover {
							background-color: #FFDECB;
							border: 2px solid #FFDECB;
						}
							
							header nav #cart a:hover .cart-count {
								border: 2px solid #FFDECB;
							}
							
			header #userPoints {
				color: #fff;
				padding: 10px 15px 10px 10px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				text-align: center;
				line-height: 1;
			}
				


@media screen and (max-width: 1350px) {
	header .header_inner {
		padding: 0 1%;
	}

	header #logo img {
		width: 200px;
		height: auto;
	}
	
	header nav ul#menu-menu-zalogowany > li > a {
		font-size: 18px;
		padding: 10px;
	}
	
	header nav ul#menu-menu-zalogowany > li:last-child {
		margin: 0 0 0 5px;
	}
}
					
					
@media screen and (max-width: 1150px) {
	header .menu {
		height: 55px;
	}
	
	header #logo img {
		width: 160px;
	}
	
	header nav#login {
		height: 55px;
	}
	
	header nav ul#menu-menu-zalogowany {
		gap: 0;
	}
	
	header nav ul#menu-menu-zalogowany > li > a {
		padding: 10px 5px;
	}
	
	header nav ul#menu-menu-zalogowany > li.konto > a {
		padding: 7px 7px;
		width: 45px;
		height: 45px;
	}
	
	header nav #cart a {
		padding: 7px 7px;
		width: 45px;
		height: 45px;
	}
	
	header #userPoints {
		padding: 7px 7px;
	}
}

#intro {
	background-image: url(../graf/bg_intro.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	padding-bottom: 40px;
}

	#intro .wp-block-columns {
		align-items: flex-end !important;
		gap: 0 !important;
		justify-content: space-between;
	}
		
		#intro .wp-block-column:first-child {
			flex-basis: 48%;
			flex-grow: 0;
			align-self: center;
		}
		
			#intro .wp-block-column:first-child h1 {
				font-size: 72px;
				padding: 10px 0;
			}
		
			#intro .wp-block-column:first-child h2 {
				font-size: 44px;
				color: #8DBAE9;
				padding: 10px 0;
			}
		
			#intro .wp-block-column:first-child .wp-block-buttons {
				padding: 50px 0 10px 0;
			}
			
			#intro.zalogowany .wp-block-column:first-child .wp-block-buttons a {
				padding: 15px 35px;
				font-size: 24px;
			}
			
			
		@media screen and (max-width: 1200px) {
			#intro .wp-block-column:first-child h1 {
				font-size: 54px;
			}
			
			#intro .wp-block-column:first-child h2 {
				font-size: 30px;
			}
		}
			
			#intro .wp-block-column:first-child .solinea {
				display: none !important;
			}
				
				
		
		#intro .wp-block-column:last-child {
			position: relative;
			z-index: -1;
			flex-basis: 50%;
			flex-grow: 0;
		}

			#intro .wp-block-column:last-child figure {
				margin: 0;
				width: 100%;
				
				display: flex;
				align-items: flex-end;
				justify-content: center;
			}

				#intro .wp-block-column:last-child figure img {
					width: 90%;
					height: auto;
				}
				
			#intro .wp-block-column:last-child .solinea {
				width: 200px;
				line-height: 1.3;
				text-align: center;
				margin: 0 auto;
				
				transform: translate(50px, -40px);
			}
	
				#intro .wp-block-column:last-child .solinea img {
					margin: 10px 0 0 0;
				}

			#intro .wp-block-column:last-child .ptp {
				width: 60%;
				min-width: 400px;
				right: 10%;
				bottom: 50px;
				
				position: absolute;
				z-index: 10;
				background: #fff;
				border-radius: 5px;
				padding: 15px;
				
				color: #000;
				font-size: 15px;
			}
				
				#intro .wp-block-column:last-child .ptp img {
					width: 75px;
					height: auto;
				}
				
		@media screen and (max-width: 1200px) {
			#intro .wp-block-column:last-child figure {
				position: relative;
				bottom: -15px;
			}	
			
			#intro .wp-block-column:last-child .ptp figure {
				bottom: 0;
				left: 5px;
			}
					
		}
	
#cozyskujesz {
	background-image: url(../graf/bg_blue.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	
	padding: 50px 0 40px 0;
	color: #fff;
}

	#cozyskujesz h2 {
		font-weight: 700;
		letter-spacing: 1px;
	}

	#cozyskujesz .wp-block-columns {
		position: relative;
		padding-top: 30px;
		justify-content: center;
		gap: 0;
		
		font-weight: 700;
		color: #B2D8FF;
		font-size: 32px;
		line-height: 1.1;
	}

		#cozyskujesz .wp-block-column {
			position: relative;
			padding: 15px 3%;
			box-sizing: border-box;
			margin: 0 !important;
		}
		
		#cozyskujesz .wp-block-column .wp-block-image {
			padding-bottom: 20px;
		}
		
		#cozyskujesz .wp-block-column:nth-child(2):before {
			content: "";
			display: block;
			width: 1px;
			height: 75%;
			background: #8DBAE9;
			
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
		}

		#cozyskujesz .wp-block-column:nth-child(2):after {
			content: "";
			display: block;
			width: 1px;
			height: 75%;
			background: #8DBAE9;
			
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 0;
		}

	#cozyskujesz .wp-block-buttons {
		padding-top: 30px;
	}
	
#cozyskujesz2 {
	padding: 40px 0;
}
	
	#cozyskujesz2 .wp-block-columns {
		align-items: center !important;
		gap: 0 !important;
	}

	#cozyskujesz2 .wp-block-column {
		
	}
	
	#cozyskujesz2 .wp-block-column:first-child {
		text-align: center;
	}
		
	#cozyskujesz2 .wp-block-column ul li {
		list-style: none;
		position: relative;
		
		font-weight: 700;
		font-size: 38px;
		text-transform: uppercase;
		color: #04488E;
		margin: 20px 0;
		line-height: 1.1;
		border-radius: 30px;
		padding: 15px 15px 15px 50px;
		transition: all 0.2s ease;
	}

		#cozyskujesz2 .wp-block-columns ul li:before {
			content: "";
			
			display: block;
			width: 22px;
			height: 22px;
			
			position: absolute;
			left: 15px;
			top: 25px;
			
			background-image: url(../graf/ico_check.svg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			transition: all 0.2s ease;
		}

		#cozyskujesz2 .wp-block-column ul li:hover {
			background: #8DBAE9;
			color: #fff;
			transition: all 0.2s ease;
		}

		#cozyskujesz2 .wp-block-column ul li:hover:before {
			filter: brightness(0) invert(1);
			transition: all 0.2s ease;
		}


	
#produktySliderOutter {
	position: relative;
	padding: 20px 80px 15px 80px;
}
	
	#produktySliderOutter .produkty-button-prev,
	#produktySliderOutter .produkty-button-next {
        background: #8dbae9;
        border: 1px solid #8dbae9;
        box-sizing: border-box;
        border-radius: 50%;
        margin: 0;
        display: block;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .2sease;
	}

	#produktySliderOutter .produkty-button-prev {
		position: absolute;
		left: 10px;
		top: 50%;
		transform: translateY(-50%);
	}

	#produktySliderOutter .produkty-button-next {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
	}
	
    #produktySliderOutter .produkty-button-prev:after {
		content: 'prev';
        color: #fff;
        font-size: 16px;
		font-family: swiper-icons;
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		line-height: 1;
        transition: all .2s ease;
	}
	
	#produktySliderOutter .produkty-button-next:after {
		content: 'next';
        color: #fff;
        font-size: 16px;
		font-family: swiper-icons;
		text-transform: none !important;
		letter-spacing: 0;
		text-transform: none;
		line-height: 1;
        transition: all .2s ease;
    }

	#produktySliderOutter .produkty-button-prev:hover,
	#produktySliderOutter .produkty-button-next:hover {
		cursor: pointer;
		background: #ffdecb;
        transition: all .2s ease;
	}
		
#produktySlider {
	position: relative;
	overflow: hidden;
	display: block;
}


	#produktySlider a.nagroda {
		flex-basis: unset;
		flex-grow: unset;
		margin: 0;
		border: 0;
		box-shadow: unset;
		height: 100%;
	}

	#produktySlider a.nagroda:hover {
		border: 0;
		box-shadow: unset;
	}

#misja {
	position: relative;
	padding: 150px 0;
	
	background-image: url(../graf/bg_blue.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

	#misja:before {
		content: "";
		
		display: block;
		width: 100%;
		height: 100%;
		
		position: absolute;
		left: 0;
		top: 0;
		
		background-image: url(../graf/bg_misja.jpg);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		
		mix-blend-mode: multiply;
		opacity: 0.7;
	}

	#misja .wp-block-group__inner-container {
		position: relative;
		z-index: 1;
		
		width: 800px;
		margin: 0 auto;
		
		color: #fff;
		font-weight: 400;
		font-size: 60px;
		line-height: 1.1;
		text-transform: uppercase;
		
	}



#opinie {
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	padding: 50px 0;
}

	#opinie h2 {
		font-size: 44px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		color: #8DBAE9;
	}
	
	#opinie #opinie_inner {
		padding: 0 70px;
	}
	
	#opinie #opinie_slider {
		margin-top: 30px;
		padding-bottom: 5px;
		
		overflow: hidden;
	}

	#opinie #opinie_slider .swiper-button-prev,
	#opinie #opinie_slider .swiper-button-next {
		background: #8DBAE9;
		border: 1px solid #8DBAE9;
		box-sizing: border-box;
		border-radius: 50%;
		margin: 0;
		
		display: block;
		width: 40px;
		height: 40px;
		
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.2s ease;
	}

	#opinie #opinie_slider .swiper-button-prev:after,
	#opinie #opinie_slider .swiper-button-next:after {
		color: #fff;
		font-size: 20px;
		transition: all 0.2s ease;
	}
	
	#opinie #opinie_slider .swiper-button-prev:hover,
	#opinie #opinie_slider .swiper-button-next:hover {
		background: #FFDECB;
		border: 1px solid #FFDECB;
		transition: all 0.2s ease;
	}
	
	#opinie #opinie_slider .swiper-button-prev:hover:after,
	#opinie #opinie_slider .swiper-button-next:hover:after {
		color: #04488E;
		transition: all 0.2s ease;
	}
	
	#opinie .swiper-wrapper {
		align-items: stretch;
		transition-timing-function: linear;
	}
	
	#opinie .opinia {
		display: flex;
		height: unset;
		justify-content: center;
		
		padding: 30px;
		border: 1px solid #8DBAE9;
		box-sizing: border-box;
		border-radius: 35px;
		
		font-size: 22px;
	}
	
		#opinie .opinia span {
		}
	
		#opinie .opinia .opinia_txt {
			display: block;
			width: 100%;
		}
		
		#opinie .opinia .opinia_dots {
			display: inline;
		}
		
		#opinie .opinia .opinia_moretxt {
			display: block;
			max-height: 0;
			overflow: hidden;
			visibility: hidden;
			transition: all 0.2s ease;
		}
		
		#opinie .opinia .opinia_moretxt.on {
			max-height: 500px;
			overflow: hidden;
			visibility: visible;
			transition: all 0.2s ease;
		}
		
		#opinie .opinia .opinia_readmore {
			display: block;
			cursor: pointer;
			text-align: left;
			text-decoration: underline;
		}
		
		#opinie .opinia .opinia_readmore:hover {
			text-decoration: none;
			color: #FFDECB;
		}

		
		#opinie .opinia .opinia_podpis {
			text-align: right;
			font-size: 18px;
			color: #8DBAE9;
			padding-top: 10px;
		}
	
	
	
#rejestracja {
	position: relative;
	padding: 50px 3% 50px 3%;
}

	#rejestracja .wp-block-columns {
		min-height: 400px;
		gap: 0;
		background: none;
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.35);
		margin: 0;
		border-radius: 35px;
	}
	
	#rejestracja .wp-block-columns .wp-block-column {
		background: #04488E;
		margin: 0;
		padding: 25px;
		box-sizing: border-box;
		border-radius: 35px 0 0 35px;
	}
	
	#rejestracja .wp-block-columns .wp-block-column:first-child {
		color: #fff;
		flex-basis: 52%;
		padding: 40px 70px 
	}
	
	@media screen and (max-width: 1300px) {
		#rejestracja .wp-block-columns .wp-block-column:first-child {
			padding: 40px 40px;
		}
	}
	
		#rejestracja .wp-block-columns .wp-block-column:first-child h2 {
			font-size: 44px;
			line-height: 1;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			color: #fff;
		}
		
	#rejestracja .wp-block-columns .wp-block-column:last-child {
		flex-basis: 48%;
		
		background-image: url(../graf/rejestracja.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		
		border-radius: 0 35px 35px 0;
	}


	
footer {
	background: #04488E;
	color: #fff;
	margin: 0;
	padding: 50px 0;
}
		
	footer .footer_inner {
		display: flex;
		justify-content: space-between;
	}
	
			
		footer .footer_inner a {
			color: #fff;
			text-decoration: none;
		}

		footer .footer_inner a:hover {
			color: #8DBAE9;
		}
	
	
		footer .footer_inner .footer_col  {
			position: relative;
			box-sizing: border-box;
			padding: 0 40px;
		}
		
			footer .footer_inner .footer_col:before {
				content: "";
				display: block;
				width: 1px;
				height: 70%;
				
				position: absolute;
				left: 0;
				top: 15%;
				background: #8DBAE9;
			}
		
		
		footer .footer_inner .col1 {
			flex-basis: 19%;
			padding: 0 20px 0 0;
		}
				
			footer .footer_inner .col1:before {
				display: none;
			}
		
			footer .footer_inner .col1 img {
				height: auto;
			}
			
			footer .footer_inner .col1 .wp-block-columns {
				margin: 0;
			}
			
			footer .footer_inner .col1 .wp-block-column {
				flex-basis: 50px;
				flex-grow: 0;
				padding-top: 15px;
				margin: 0 !important;
			}
	
			footer .footer_inner .col1 .wp-block-column figure {
				margin: 0;
			}
	
		footer .footer_inner .col2 {
			flex-basis: 18%;
			text-align: center;
			padding: 0 40px 0 20px;
		}
		
			footer .footer_inner .col2:before {
				display: none;
			}
		
			footer .footer_inner .col2 figure {
				margin: 20px 0 0 0;
			}
		
		footer .footer_inner .col3 {
			flex-basis: 23%;
		}
		
		footer .footer_inner .col4 {
			flex-basis: 20%;
		}
		
			footer .footer_inner .col4 a {
				display: inline-block;
				padding: 4px 0 4px 32px;
				
				background-size: 22px auto;
				background-repeat: no-repeat;
				background-position: 0 7px;
			}
			
			footer .footer_inner .col4 .tel a {
				background-image: url(../graf/ico_tel.svg);
			}
		
			footer .footer_inner .col4 .mail a {
				background-image: url(../graf/ico_mail.svg);
			}
			
			footer .footer_inner .col4 .www a {
				background-image: url(../graf/ico_www.svg);
			}
		
		
		footer .footer_inner .col5 {
			flex-basis: 20%;
			padding: 0 0 0 40px;
		}
	
			footer .footer_inner .col5 ul li {
				list-style: none;
				padding: 3px 0;
			}

@media screen and (max-width: 1200px) {
	footer .footer_inner {
		flex-wrap: wrap;
	}
	
	footer .footer_inner .col1 {
		flex-basis: 100%;
		padding: 0 0 20px 0;
		
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
		footer .footer_inner .col1 figure {
			margin: 0 0 5px 0;
		}
		
		footer .footer_inner .col1 .wp-block-column {
			padding: 0 0 0 15px;
		}
	
	footer .footer_inner .col2 {
		flex-basis: 19%;
		padding: 0 3% 0 0;
	}
	
	footer .footer_inner .col3 {
		flex-basis: 28%;
		padding: 0 3%;
	}
	
	footer .footer_inner .col4 {
		flex-basis: 25%;
		padding: 0 3%;
	}
	
	footer .footer_inner .col5 {
		flex-basis: 23%;
		padding: 0 0 0 3%;
	}
}
	
	
#login_modal {
	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 100%;
	max-width: 100%;
	height: 100%;
	
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	
	background: rgba(141, 186, 233, 0.29);
	backdrop-filter: blur(15px);
	
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease
}


#login_modal.on {
	z-index: 999;
	opacity: 1;
	transform: scale(1);
	visibility: visible;
	transition: all 0.4s ease
}


	#login_modal .login_modal_inner {
		position: relative;
		box-sizing: border-box;
	}
	
		#login_modal .login_modal_inner a {
			display: inline-block;
			margin: 2px 5px;
			color: #8DBAE9;
			text-decoration: none;
		}
		
			#login_modal .login_modal_inner a:hover {
				color: #04488E;
			}

		#login_modal .login_modal_inner form {
			margin: 0 !important;
		}
		
		
		#login_modal .login_modal_inner a#close_modal {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 35px;
			height: 35px;
			box-sizing: border-box;
			
			border: 1px solid #8DBAE9;
			box-sizing: border-box;
			border-radius: 7px;
			
			overflow: hidden;
			text-indent: -999px;
			
			transition: all 0.2s ease;
		}
			
			#login_modal .login_modal_inner a#close_modal:before {
				content: "";
				display: block;				
				width: 25px;
				height: 2px;
				
				background: #8DBAE9;
				
				position: absolute;
				left: 5px;
				top: 16px;
				transform: rotate(45deg);
				
				transition: all 0.2s ease;	
			}
			
			#login_modal .login_modal_inner a#close_modal:after {
				content: "";
				display: block;				
				width: 25px;
				height: 2px;
				
				background: #8DBAE9;
				
				position: absolute;
				left: 5px;
				top: 16px;
				transform: rotate(-45deg);
				
				transition: all 0.2s ease;	
			}
			
			#login_modal .login_modal_inner a#close_modal:hover {
				border: 1px solid #04488E;
				
				transition: all 0.2s ease;	
			}
			
				#login_modal .login_modal_inner a#close_modal:hover:before,
				#login_modal .login_modal_inner a#close_modal:hover:after {
					background: #04488E;
					
					transition: all 0.2s ease;	
				}
			
			
		#login_modal .login_modal_inner h2 {
			font-weight: 670;
			font-size: 40px;
			padding-bottom: 0;
			line-height: 95%;
			text-align: center;
			color: #04488E;
		}
			
		#login_modal .login_modal_inner form .login-username,
		#login_modal .login_modal_inner form .login-password {
			margin: 10px 0;
			position: relative;
		}
		
		#login_modal .login_modal_inner form label {
			display: none;
		}
		
		#login_modal .login_modal_inner form input {
			width: 100%;
			padding: 20px 10px 10px 10px;
			box-sizing: border-box;
			
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
			box-sizing: border-box;
		}
		
		#login_modal .login_modal_inner form input::placeholder {
			color: transparent;
		}
			
		#login_modal .login_modal_inner form .login-submit {
			text-align: center;
			padding: 20px 0;
		}
		
		#login_modal .login_modal_inner form input[type='submit'] {
			width: unset;
			position: relative;
			background: #8DBAE9;
			border: 1px solid #8DBAE9;
			padding: 13px 55px;
			border-radius: 35px;
			line-height: 1;
			text-transform: uppercase;
			
			font-size: 20px;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			color: #FFFFFF;
			
			transition: all 0.2s ease;
		}

			#login_modal .login_modal_inner form input[type='submit']:hover {
				cursor: pointer;
				border: 1px solid #FFDECB;
				background: #FFDECB;
				color: #04488E;
				transition: all 0.2s ease;
			}
			
			
	
#breadcrumbs {
	display: block;
	padding: 0 0 10px 0;
}

#breadcrumbs.fit {
	padding: 0 3% 10px 3%;
}

	#breadcrumbs a,
	#breadcrumbs span {
		font-size: 18px;
		color: #8DBAE9;
		text-decoration: none;
	}

	#breadcrumbs a:hover {
		color: #04488E;
	}

#content.sub #content.sub .piereg_container {
	min-height: 400px;
}
	
	#content.sub #content.sub .piereg_container .intro {
		font-weight: 400;
		font-size: 40px;
		color: #8DBAE9;
	}
	
	#content.sub #content.sub .piereg_container h1 {
		font-size: 58px;
	}
		
		
	#content.sub #content.sub .piereg_container ol {
		padding: 10px 0;
		margin-left: 20px;
	}
	
	
#materialy {
	padding-top: 40px;
	padding-bottom: 50px;
}

	#materialy h2 {
		font-size: 40px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		color: #8DBAE9;
	}
	
	#materialy #materialy_inner {
		margin: 20px 0 0 0;
		padding: 10px 20px;
		background: rgba(141, 186, 233, 0.18);
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.35);
		border-radius: 37px;
	}
	
		#materialy .produkt {
			display: flex;
			align-items: center;
			margin: 10px 0;
			padding: 10px 10px;
			box-sizing: border-box;
			
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
			box-sizing: border-box;
			border-radius: 37px;
			transition: all 0.3s ease;
		}
	
		#materialy .produkt.on {
			border: 1px solid #04488E;
		}
		
		#materialy .produkt:hover {
			border: 1px solid #04488E;
			box-shadow: 0 0 0 2px #04488E;
			cursor: pointer;
			transition: all 0.3s ease;
		}
			
		#materialy .produkt .checkbox {
			padding: 0 10px;
			
			display: flex;
			align-items: center;
		}
		
			#materialy .produkt .checkbox .check {
				display: inline-block;
				width: 32px;
				height: 32px;
				border: 1px solid #8DBAE9;
				box-sizing: border-box;
				border-radius: 50%;
				transition: all 0.2s ease;
			}

				
				#materialy .produkt .checkbox .check:before {
					content: "";
					
					display: block;
					width: 30px;
					height: 30px;
					
					background-repeat: no-repeat;
					background-position: 50% 60%;
					background-size: 20px 20px;
				}
				
				#materialy .produkt.on .checkbox .check:before {
					background-image: url(../graf/ico_check_dark.svg);
					opacity: 1;
					background-size: 20px 20px;
				}
					
					
				
			#materialy .produkt .checkbox input {
				display: none;
				height: 0;
				overflow: hidden;
			}
	

		#materialy .produkt .count {
			padding: 0 10px;
			
		}
		
			#materialy .produkt .count object {
				display: block;
			}
			
			#materialy .produkt .count .count_inner {
				display: flex;
				align-items: center;
				justify-content: center;
								
				border: 1px solid #8DBAE9;
				box-sizing: border-box;
				border-radius: 37px;
				padding: 2px 5px;
				line-height: 1;
			}
			
				#materialy .produkt .count .count_inner span {
					display: inline-block;
					width: 20px;
					height: 20px;
					
					font-size: 26px;
					line-height: 0.65;
					
					display: flex;
					justify-content: center;
					cursor: pointer;
					color: #8DBAE9;
				}
					
					#materialy .produkt .count .count_inner span:hover {
						color: #04488E;
					}
				
				#materialy .produkt .count .count_inner input {
					width: 40px;
					text-align: center;
					
					font-size: 22px;
					color: #04488E;
					font-weight: 700;
				}
								
				#materialy .produkt .count .count_inner input::-webkit-outer-spin-button,
				#materialy .produkt .count .count_inner input::-webkit-inner-spin-button {
					  -webkit-appearance: none;
					  margin: 0;
					}
					
				#materialy .produkt .count .count_inner input[type=number] {
					  -moz-appearance: textfield;
					}
			
			
		#materialy .produkt .produkt_img {
			padding: 0 10px;
			
		}
				
			#materialy .produkt .produkt_img img {
				display: block;
				width: 150px;
				height: auto;
			}

		#materialy .produkt .produkt_desc {
			padding: 0 10px 0 40px;
		}
	
			#materialy .produkt .produkt_desc h3 {
				font-size: 28px;
				font-weight: 700;
				color: #04488E;
			}
	
			#materialy .produkt .produkt_desc ul {
				padding-left: 23px;
			}
		
		#materialy #wybrane {
			padding: 15px 20px;
			
			display: flex;
			align-items: center;
		}
	
			#materialy #wybrane span#wybrane_ogolem {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 40px;
				height: 40px;
				border-radius: 50%;
				background: #04488E;
				color: #fff;
				margin-right: 20px;
			}
			
			#materialy #wybrane span#wybrane_lacznie {
				display: inline-flex;
				padding: 0 4px;
			}
	
		#materialy form  {
			display: flex;
			flex-wrap: wrap;
			box-sizing: border-box;
			padding: 30px;
			margin-top: 30px;
			
			background: #FFFFFF;
			box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.35);
			border-radius: 37px;
		}
	
			#materialy form h3 {
				flex-basis: 100%;
				text-align: center;
				font-size: 40px;
				padding-bottom: 10px;
				font-weight: 700;
				text-align: center;
				text-transform: uppercase;
				color: #04488E;
			}
				
			#materialy form .col {
				flex-basis: 23%;
				margin: 0 2% 0 0;
			}
			
			#materialy form .col.fw {
				width: 100%;
				flex-basis: 100%;
			}
	
			#materialy form .col br {
				display: none;
			}
				
			#materialy form .col label {
				display: block;
				width: 100%;
				padding: 3px 0;
			}
			
			#materialy form .col span {
				display: block;
				width: 100%;
				box-sizing: border-box;
			}
			
			#materialy form .col input {
		        font-family: 'Jaldi', sans-serif;
				font-size: 16px;
				width: 100%;
				height: 50px;
				box-sizing: border-box;
			}
		
			#materialy form .col textarea {
		        font-family: 'Jaldi', sans-serif;
				font-size: 16px;
				width: 100%;
				height: 90px;
				resize: none;
				line-height: 1.2;
				box-sizing: border-box;
			}
		
			
			#materialy form .col input.wpcf7-not-valid {
				border: 1px solid #b90000;
			}
		
			#materialy form .col.hidden {
				
			}
			
			#materialy form .col.zamow {
				flex-basis: 100%;
				margin: 0;
				padding: 10px 0;
				box-sizing: border-box;
				
				display: flex;
				align-items: center;
				justify-content: center;
			}
	
	
				#materialy form .col.zamow .submit button {
					font-size: 18px;
					font-weight: 700;
					padding: 12px 45px;
					cursor: pointer;
				}
				
				#materialy form .submit_inner {
					position: relative;
				}
				
				#materialy form .submit_inner:before {
					content: "";
					opacity: 0;
					display: block;
					width: 100%;
					height: 100%;
					border-radius: 35px;
					box-sizing: border-box;
					
					background-color: #04488E;
					background-image: url(../graf/white-dots.svg);
					background-size: 30%;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					border: 1px solid #04488E;
					
					position: absolute;
					left: 0;
					top: 0;
				}
					
					#materialy form.submitting .submit_inner:before {						
						opacity: 1;
						
						transition: 0.3s ease;
					}
					
					#materialy form.submitting button {						
						opacity: 0;
						
						transition: 0.3s ease;
					}

				
				#materialy form .wpcf7-not-valid-tip {
					display: none !important;
				}
				
				
				#materialy form.failed .wpcf7-response-output,
				#materialy form.invalid .wpcf7-response-output {
					width: 100%;
					border: 2px solid #FFA630;
					background: #FFA630;
					color: #fff;
					text-align: center;
					padding: 10px 0;
					margin: 20px 0 0 0;
					line-height: 1.5;
				}
				
				#materialy form.sent .wpcf7-response-output {
					width: 100%;
					border: 2px solid #46b450;
					background: #46b450;
					color: #fff;
					text-align: center;
					padding: 10px 0;
					margin: 20px 0 0 0;
					line-height: 1.5;
				}
	
	
	
	
	
	
/* KONTO UŻYTKOWNIKA */

#content.sub .alert {
	margin: 0 0 20px 0;
}

#content.sub .rejestracja_form .nrpwz_warning {
	width: 100%;
	margin: 0 auto 20px auto; 
	
	padding: 0;
	box-sizing: border-box;
	border-radius: 5px;
	
	color: #c84040;
	text-align: center;
}

.rejestracja_form {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

	.rejestracja_form hr {
		position: relative;
		display: block;
		width: 100%;
		height: 1px;
		background: #e1e1e1;
		margin: 20px auto;
	}
	
	.rejestracja_form form.woocommerce-form-register {
		width: 100%;
		max-width: 500px;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 30px;
		margin: 25px auto 30px auto;
		background: #FFFFFF;
		box-shadow: 0px 4px 25px rgb(0 0 0 / 35%);
		border-radius: 37px;
	}

		.rejestracja_form form.woocommerce-form-register .form-row {
			display: block;
			width: 100%;
			position: relative;
			padding: 8px 0;
		}
		
		.rejestracja_form form.woocommerce-form-register .form-row.nrpwz {
			margin-bottom: 30px;
		}

		.rejestracja_form form.woocommerce-form-register label {
			display: block;
			padding-bottom: 5px;
		}

			.rejestracja_form form.woocommerce-form-register input {
				width: 100% !important;
				background: #fff;
				font-size: 16px;
				border: 1px solid #8DBAE9;
				color: #000;
				padding: 12px 10px;
				box-sizing: border-box;
			}
					
			.rejestracja_form form.woocommerce-form-register input[readonly] {
				background: #eaeaea;
				border: 1px solid #eaeaea;
				opacity: 0.5;
			}
				
		.rejestracja_form form.woocommerce-form-register .form-row.checkbox label {
			display: flex;
			width: 100%;
			flex-basis: 100% !important;
			gap: 15px;
			align-items: flex-start;
			font-size: 15px;
			text-align: left !important;
		}	
			
			.rejestracja_form form.woocommerce-form-register .form-row.checkbox label input {
				flex-basis: 20px;
				max-width: 20px;
				min-width: 20px;
				margin-top: 10px;
			}
			
		.rejestracja_form form.woocommerce-form-register .select2-container {
			display: block;
			width: 100% !important;
		}
		
			.rejestracja_form form.woocommerce-form-register .select2-container .select2-selection {
				height: 44px !important;
				width: 100% !important;
				background: #fff;
				font-size: 18px;
				border: 1px solid #8DBAE9;
				color: #000;
				border-radius: 0;
				box-sizing: border-box;
			}
			
			.rejestracja_form form.woocommerce-form-register .select2-container .select2-selection--multiple {
				min-height: 44px !important;
				height: auto !important;
			}
				
				.rejestracja_form form.woocommerce-form-register .select2-container .select2-selection .select2-selection__rendered {
					padding: 5px 10px;
				}
			
		.rejestracja_form form.woocommerce-form-register button {
			display: block;
			width: 100%;
			font-size: 20px;
			cursor: pointer;
		}

	
	#rejestracja .rejestracja_form form.woocommerce-form-register {
		box-shadow: unset;
		border-radius: 0;
		background: unset;
		max-width: unset;
		width: 100%;
		padding: 20px 0 0 0;
		margin: 0;
	}

		#rejestracja .rejestracja_form form.woocommerce-form-register hr {
			opacity: 0.2;
		}
		
		#rejestracja .rejestracja_form form.woocommerce-form-register a {
			color: #fff;
		}
			
		#rejestracja .rejestracja_form form.woocommerce-form-register a:hover {
			color: #FFDECB;
		}
			
		#rejestracja .rejestracja_form form.woocommerce-form-register .form-row {
			display: flex;
			width: 100%;
			align-items: center;
			gap: 15px;
		}

			#rejestracja .rejestracja_form form.woocommerce-form-register .form-row label {
				flex-basis: 160px;
				text-align: right;
			}

		#rejestracja .rejestracja_form form.woocommerce-form-register button {
			background: #fff;
			color: #04488E;
			font-weight: 600;
			border: 0;
		}
		
			#rejestracja .rejestracja_form form.woocommerce-form-register button:hover {
				background: #FFDECB;
				color: #04488E;
				font-weight: 600;
			}
			
			
.select2-container .select2-dropdown {
	border: 0;
	top: -2px
}

.select2-container .select2-dropdown.select2-dropdown--above {
	top: 2px;
}
	
	
	.select2-container .select2-dropdown ul {
		padding: 5px 0 10px 0;
	}
	
	.select2-container .select2-dropdown li.select2-results__option {
		padding: 5px 10px;
		font-size: 18px;
	}

	.select2-container .select2-dropdown li[aria-selected=true] {
		background: transparent;
		color: #000 !important;
	}


.moje-konto {
	
}

	.moje-konto h1 {
		text-align: center;
	}

	.moje-konto form.woocommerce-form-login,
	.moje-konto form.woocommerce-ResetPassword {
		width: 100%;
		max-width: 500px;
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding: 30px;
		margin: 25px auto 30px auto;
		border: 0;
		background: #FFFFFF;
		box-shadow: 0px 4px 25px rgb(0 0 0 / 35%);
		border-radius: 37px;
	}

		.moje-konto form.woocommerce-form-login .form-row,
		.moje-konto form.woocommerce-ResetPassword .form-row {
			display: block;
			width: 100%;
			position: relative;
			padding: 8px 0;
		}

		.moje-konto form.woocommerce-form-login .form-row label,
		.moje-konto form.woocommerce-ResetPassword .form-row label {
			display: block;
			padding-bottom: 5px;
		}

			.moje-konto form.woocommerce-form-login .form-row input,
			.moje-konto form.woocommerce-ResetPassword .form-row input {
				width: 100% !important;
				background: #fff;
				font-size: 16px;
				border: 1px solid #8DBAE9;
				color: #000;
				padding: 12px 10px;
				box-sizing: border-box;
			}
				
		.moje-konto form.woocommerce-form-login .form-row label.woocommerce-form-login__rememberme {
			display: flex;
			width: 100%;
			flex-basis: 100% !important;
			gap: 10px;
			align-items: flex-start;
			font-size: 18px;
			text-align: left !important;
		}	
			
			.moje-konto form.woocommerce-form-login .form-row label.woocommerce-form-login__rememberme input {
				flex-basis: 20px;
				max-width: 20px;
				min-width: 20px;
				margin-top: 11px;
			}
	
		.moje-konto form.woocommerce-form-login button.woocommerce-form-login__submit,
		.moje-konto form.woocommerce-ResetPassword button.woocommerce-Button {
			display: table;
			position: relative;
			background: #8DBAE9 !important;
			border: 1px solid #8DBAE9 !important;
			color: #fff !important;
			padding: 12px 70px !important;
			border-radius: 35px;
			line-height: 1;
			font-weight: bold;
			margin: 0 auto;
			float: unset !important;
			
			font-weight: 400;
			font-size: 20px;
			
			transition: all 0.2s ease;
		}
			
			.moje-konto form.woocommerce-form-login button.woocommerce-form-login__submit:hover,
			.moje-konto form.woocommerce-ResetPassword button.woocommerce-Button:hover {
					border: 1px solid #FFDECB !important;
					background: #FFDECB !important;
					color: #04488E !important;
					transition: all 0.2s ease;
				}
				
		.moje-konto form.woocommerce-form-login .woocommerce-LostPassword {
			display: block;
			width: 100%;
			text-align: center;
			padding-top: 15px;
		}
		
			.moje-konto form.woocommerce-form-login .woocommerce-LostPassword a {
				text-decoration: none;
			}
			
.myAccountPanel {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 50px;
}
			
	.myAccountPanel h1 {
		flex-basis: 100%;
	}
	
	.myAccountPanel nav.woocommerce-MyAccount-navigation {
		float: unset;
		flex-basis: 20%;
	}	
			
		.myAccountPanel nav.woocommerce-MyAccount-navigation ul {
			list-style: none;
			background: #e4f1ff;
			border-radius: 20px;
			padding: 25px;
			box-sizing: border-box;
		}
					
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li {
				padding: 10px 0;
				border-bottom: 1px solid rgba(0 0 0 / 0.05);
			}
			
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li:last-child {
				border: 0;
			}
			
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li a {
				display: block;
				text-decoration: none;
			}
			
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li.is-active a {
				font-weight: bold;
			}

	
	.myAccountPanel .woocommerce-MyAccount-content {
		float: unset;
		flex-basis: 70%;
		margin-left: auto;
		width: unset;
	}
	
	@media screen and (max-width: 1200px) {
		.myAccountPanel {
			gap: 30px 5%;
		}
		
		.myAccountPanel .woocommerce-MyAccount-content {
			flex-basis: 75%;
		}
	}
	
.myAccountPanel form {
	
}

	.myAccountPanel form input {
        width: 100% !important;
        background: #fff;
        font-size: 16px;
        border: 1px solid #8DBAE9 !important;
        color: #000;
		font-size: 18px !important;
		border-radius: 0 !important;
        padding: 12px 10px;
        box-sizing: border-box;
	}
	
	.myAccountPanel form .select2-container {
		width: 100% !important;
	}
		
		.myAccountPanel form .select2-container .select2-selection  {
			font-size: 18px;
			border: 1px solid #8DBAE9 !important;
		}
		
	.myAccountPanel form button[type='submit'] { 
		display: table;
		margin: 40px auto;
        position: relative;
        background: #04488E;
        border: 1px solid #04488E;
        color: #fff;
        padding: 15px 50px;
        border-radius: 35px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 20px;
        transition: all 0.2s ease;
	}

		.myAccountPanel form button[type='submit']:hover {
			border: 1px solid #FFDECB;
			background: #FFDECB;
			color: #04488E;
			transition: all 0.2s ease;
		}
		
.myAccountPanel .woocommerce-Address {
	display: inline-block;
	padding: 25px;
	border: 1px solid #8DBAE9;
	border-radius: 20px;
	margin: 30px 0;
}
	
	.myAccountPanel .woocommerce-Address header {
		padding: 0 0 15px 0;
		margin: 0;
		
		display: flex;
		gap: 25px;
		align-items: center;
	}
		
		.myAccountPanel .woocommerce-Address header h3 {
			font-size: 24px;
			font-weight: bold
		}
		
		.myAccountPanel .woocommerce-Address header a {
			margin: 0;
			text-decoration: none;
			position: relative;
			background: #04488E;
			border: 1px solid #04488E;
			color: #fff;
			padding: 5px 15px;
			border-radius: 35px;
			line-height: 1;
			text-transform: uppercase;
			font-weight: 400;
			font-size: 18px;
			transition: all 0.2s ease;
		}
		
			.myAccountPanel .woocommerce-Address header a:hover {
				border: 1px solid #FFDECB;
				background: #FFDECB;
				color: #04488E;
				transition: all 0.2s ease;
			}

	.myAccountPanel .woocommerce-Address address {
		font-style: normal;
	}
			

.myAccountPanel #order-desc {
	text-align: center;
	margin-bottom: 20px;
}
			
	.myAccountPanel .woocommerce-order-details {
		
	}
			
		.myAccountPanel .woocommerce-order-details h2 {
			padding: 10px 0;
			font-size: 28px;
		}
		
		.myAccountPanel .woocommerce-order-details table {
			border: 0;
		}
		
			.myAccountPanel .woocommerce-order-details table a {
				text-decoration: none;
			}
		
			.myAccountPanel .woocommerce-order-details table tr th,
			.myAccountPanel .woocommerce-order-details table tr td {
				border-top: 1px solid #e4f1ff;
			}
		
			.myAccountPanel .woocommerce-order-details table a.button {
				
			}

	.myAccountPanel .woocommerce-customer-details {
		
	}
		
		.myAccountPanel .woocommerce-customer-details h2 {
			padding: 10px 0;
			font-size: 28px;
		}
		
		.myAccountPanel .woocommerce-customer-details address {
			width: unset;
			min-width: 350px;
			display: inline-block;
			padding: 25px;
			border: 1px solid #8DBAE9;
			border-radius: 20px;
			margin: 0;
		}
		
		
#konto_szczegoly {
	
}

	#konto_szczegoly .konto_szczegoly_header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 2px solid #eee;
	}
		
		#konto_szczegoly .konto_szczegoly_header a.wp-block-button__link {
			padding: 10px 20px;
			font-size: 18px;
		}
		
	#konto_szczegoly .program_szczegoly_header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		
		margin-top: 50px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 2px solid #eee;
	}
		
	#konto_szczegoly .kontoRow {
		display: flex;
		
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #e4f1ff;
	}
	
	#konto_szczegoly .kontoRow.rezygnacjaButton {
		padding: 20px 0;
	}
	
		#konto_szczegoly .kontoRow.rezygnacjaButton a.wp-block-button__link {
			background: transparent;
			font-weight: 600 !important;
			border: 1px solid #8e0404;
			color: #8e0404;
		}
			
			#konto_szczegoly .kontoRow.rezygnacjaButton a.wp-block-button__link:hover {
				background: #8e0404;
				color: #fff;
			}
		
		#konto_szczegoly .kontoRow strong {
			flex-basis: 300px;
		}
		
		#konto_szczegoly .kontoRow a {
			vertical-align: middle;
			text-decoration: none;
			font-size: 14px;
			padding: 5px 10px;
			text-transform: unset;
			font-weight: 400;
			margin-left: 5px;
		}
	
		#konto_szczegoly .kontoRow a.kodStrona {
			font-size: 20px;
			display: inline;
			padding: 0;
			margin: 0;
		}
			
#zamowienia {
	width: 100%;
	margin: 0 auto 80px auto;
	border-spacing: 0;
	font-size: 18px;
}
	
	#zamowienia thead tr td {
		color: #fff;
		background: #04488E !important;
		border: 2px solid #04488E !important;
		font-weight: bold;
		padding: 10px 15px;
		box-sizing: border-box;
	}
	
	#zamowienia tbody tr td {
		padding: 10px 15px;
		box-sizing: border-box;
	}
		
	#zamowienia tbody tr td {
		border-bottom: 1px solid rgba(141, 186, 233, 0.23);
	}
	
	#zamowienia tbody tr td strong {
		display: none;
	}
	
#zamowieniaNagrod {
	width: 100%;
	margin: 0 auto 80px auto;
	border-spacing: 0;
	border: 0;
	font-size: 18px;
}

	#zamowieniaNagrod thead tr th {
		color: #fff;
		background: #04488E !important;
		border: 2px solid #04488E !important;
		font-weight: bold;
		padding: 10px 15px;
		box-sizing: border-box;
	}
	
	#zamowieniaNagrod tbody tr td {
		padding: 10px 15px;
		box-sizing: border-box;
	}
		
	#zamowieniaNagrod tbody tr td {
		border-bottom: 1px solid rgba(141, 186, 233, 0.23);
	}
	
	#zamowieniaNagrod tbody tr td.woocommerce-orders-table__cell-order-actions {
		width: 125px;
	}
	
	#zamowieniaNagrod tbody tr td strong {
		display: none;
	}
	
	#zamowieniaNagrod tbody tr td.woocommerce-orders-table__cell-order-number a {
		text-decoration: none;
		font-weight: bold;
	}
	
	#zamowieniaNagrod tbody tr td a.wp-block-button__link {
		padding: 7px 15px;
		font-size: 16px;
	}
	
#vademecum_intro {
	align-items: center;
	margin: 0 auto;
}

	#vademecum_intro .wp-block-column:first-child {
		flex-basis: 75%;
		font-size: 34px;
		color: #8DBAE9;
		padding-bottom: 20px;
	}

		#vademecum_intro .wp-block-column:first-child h1 {
			color: #04488E;
			padding-bottom: 10px;
		}
		
	#vademecum_intro .wp-block-column:last-child {
		flex-basis: 22%;
	}

#vademecum_pages {
    padding-bottom: 200px;
    padding-top: 30px;
	
    background-image: url(../graf/bg_intro.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 100%;
	
}
	
    #vademecum_pages .vademecum_pages {
        display: flex;
        width: 100%;
        justify-content: center;
        gap: 50px;
    }

    #vademecum_pages .vademecum_page {
        flex-basis: 33%;
        text-align: center;
    }
	
        #vademecum_pages .vademecum_page a {
            display: block;
			height: 100%;
            padding: 20px;
            box-sizing: border-box;
            border: 1px solid #04488E;
            border-radius: 25px;
            text-decoration: none;
        }

        #vademecum_pages .vademecum_page a:hover {
            box-shadow: 0 0 0 2px #04488E;
        }
        	
        #vademecum_pages .vademecum_page a .img {
			width: 100%;
			height: 150px;
		}
		
			#vademecum_pages .vademecum_page a .img img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: 50% 50%;
			}
		
        #vademecum_pages .vademecum_page a .title {
            display: block;
            padding-top: 20px;
            
            font-size: 30px;
            font-weight: 600;
            color: #04488E;
        }

#intro_artykuly {
    padding: 50px 0;
    background: linear-gradient(312.55deg, #8DBAE9 -0.49%, #2664A4 39.02%, #04488E 67%);   
}

    #intro_artykuly > h2 {
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        padding-bottom: 25px;
    }
          
.intro_artykuly {
	display: flex;
	justify-content: center;
	width: 100%;
	gap: 50px;
}

.back_mob {
	display: none;
}

.artykuly_cats {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 10px 0 20px 0;
}

	.artykuly_cats span {
		display: inline-block;
		padding: 5px 10px 5px 0;
	}
	
	.artykuly_cats a {
		display: inline-block;
		padding: 5px 15px;
		color: #8DBAE9;
		text-decoration: none;
		border-radius: 15px;
		border: 1px solid transparent;
	}
	
		.artykuly_cats a:hover {
			color: #04488E;
			border: 1px solid #04488E;
		}
		
		.artykuly_cats a.active {
			background: #04488E;
			color: #fff;
		}
		
		
		
#artykuly_list {
	display: grid; 
	grid-auto-columns: 1fr; 
	grid-template-columns: repeat(3, 1fr); 
	gap: 40px 40px; 
	padding: 20px 0;
}
		  
.artykul {
	height: 100%;
}

	.artykul a {
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: 100%;
		
		border-radius: 25px;
		border: 1px solid #8DBAE9;
		background: #FFF;
		overflow: hidden;
		text-decoration: none;
	}
	
	.artykul a:hover {
		box-shadow: 0 0 0 2px #04488E;
	}
	
		.artykul a > * {
			padding: 0 25px;
			box-sizing: border-box;
		}
		
		.artykul a .img {
			display: block;
			padding: 0;
			width: 100%;
			height: 200px;
		}
			
			.artykul a .img img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: 50% 50%;
				border-radius: 25px;
			}
			
		.artykul a .header {			
			display: flex;
			justify-content: space-between;
			
			color: #8DBAE9;
			font-size: 17px;
		}
			
		.artykul a h2 {
			display: block;
			color: #04488E;
			font-size: 26px;
			font-weight: 600;
			text-align: center;
			line-height: 1.2;
			
			padding-top: 5px;
			padding-bottom: 0;
		}
			
		.artykul a .desc {
			font-size: 17px;
			text-align: center;
			color: #303030;
		}
		
		.artykul a .more {
			margin-top: auto;
			
			text-align: center;
			display: block;
			padding-top: 10px;
			padding-bottom: 25px;
		}		
		
			.artykul a .more span {
				color: #04488E;
				display: inline-block;
				padding-bottom: 1px;
				font-size: 17px;
				border-bottom: 1px solid #04488E;
				
			}

.wiecej_artykulow {
	padding: 50px 0 10px 0;
	text-align: center;
}
			
			
#pagination {
	grid-column: span 3;
	text-align: center;
	padding-top: 20px;
}

	#pagination span,
	#pagination a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 35px;
		height: 35px;
		text-decoration: none;
		border: 1px solid #8DBAE9;
		border-radius: 10px;
		margin: 0 3px;
		font-size: 16px;
	}
			
		#pagination span {
			background: #04488E;
			border: 1px solid #04488E;
			color: #fff;
		}
			
		#pagination a:hover {
			background: #8DBAE9;
			color: #fff;
		}
		
		
#tocDiv {
	background: rgba(141, 186, 233, 0.18);
	padding: 40px;
	box-sizing: border-box;
	border-radius: 15px;
}

	#tocDiv #spis-tresci {
		font-size: 32px;
		font-weight: 700;
		padding-bottom: 15px;
		color: #252525;
	}
		
	#tocDiv ol#tocList {
		counter-reset: section;
		padding-left: 20px;
		counter-reset: section;
	}
	
		#tocDiv ol#tocList li {
			padding: 5px 0;
			counter-increment: section;
		}
	
		#tocDiv ol#tocList li a {
			text-decoration: none;
			color: #252525;
		}
	
		#tocDiv ol#tocList li a:hover {
			text-decoration: none;
			color: #04488E;
		}
		
			#tocDiv ol#tocList li ol {
				margin-left: 15px;
				list-style: none;
				counter-reset: section;
			}
		
				#tocDiv ol#tocList li ol li {
					counter-increment: section;
				}
		
				#tocDiv ol#tocList li ol li:before {
					content: counters(section, ".") ". ";
				}
				
.artykul_page .artykul_img {
	display: block;
	margin-top: 30px;
	width: 100%;
	height: 400px;
	border-radius: 25px;
	overflow: hidden;
}

	.artykul_page .artykul_img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}
	
.artykul_page .artykul_content {
	position: relative;
	z-index: 1;
	width: 90%;
	margin: 0 auto;
	background: #fff;
	border-radius: 25px;
	margin-top: -100px;
	
	padding: 30px 60px 10px 60px;
	box-sizing: border-box;
	margin-bottom: 50px;
}
	
	.artykul_page .artykul_content .artykul_header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #8DBAE9;
	}
	
		.artykul_page .artykul_content .artykul_header .cat {
			padding: 5px 15px;
			border-radius: 35px;
			color: #fff;
			background: #04488E;
		}
		
	.artykul_page .artykul_content h1 {
		padding-bottom: 30px;
		padding-top: 20px;
		color: #252525;
	}
	
	.artykul_page .artykul_content .artykul_txt {
		color: #252525;
	}
	
		.artykul_page .artykul_content .artykul_txt h2 {
			margin-top: 30px;
			margin-bottom: 10px;
			font-weight: 700;
		}
		
		.artykul_page .artykul_content .artykul_txt h3 {
			margin-top: 30px;
			margin-bottom: 10px;
			font-weight: 700;
		}
		
		.artykul_page .artykul_content .artykul_txt h4 {
			margin-top: 30px;
			margin-bottom: 10px;
			font-weight: 700;
		}
		
		.artykul_page .artykul_content .artykul_txt p {
			margin-top: 10px;
			margin-bottom: 20px;
			line-height: 1.6;
		}
		
		.artykul_page .artykul_content .artykul_txt ol {
			padding: 3px 0 3px 20px;
		}
		
			.artykul_page .artykul_content .artykul_txt ol li {
				padding: 3px 0;
			}
		
		.artykul_page .artykul_content .artykul_txt ul {
			list-style: none;
			padding: 3px 0;
		}
		
			.artykul_page .artykul_content .artykul_txt ul li {
				position: relative;
				padding: 3px 0 3px 20px;
			}
			
			.artykul_page .artykul_content .artykul_txt ul li:before {
				content: "●";
				color: #04488E;
				font-size: 16px;
				
				position: absolute;
				left: 0;
				top: 7px;
			}
		
		
#najnowsze_video {
	padding: 50px 0 0 0;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}	

	#najnowsze_video > h2 {
		text-align: center;
		color: #8DBAE9;
		font-weight: 600;
		text-transform: uppercase;
	}
	
	#najnowsze_video .video {
		padding-top: 30px;
	}
	
		#najnowsze_video .video .header {
			display: flex;
			gap: 100px;
			justify-content: space-between;
		}
		
			#najnowsze_video .video .header .title {
				font-weight: 600;
				font-size: 30px;
			}
			
			#najnowsze_video .video .header .desc {
				flex-basis: 45%;
				max-width: 300px;
				text-align: right;
				color: #303030;
			}

		#najnowsze_video .video .header .clip {
			
		}

			#najnowsze_video .video .clip a {
				position: relative;
				display: block;
			}
					
				#najnowsze_video .video .clip a:after {
					content: "";
					
					display: block;
					width: 80px;
					height: 80px;
					
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					
					background-image: url(../graf/ico_play.svg);
					background-repeat: no-repeat;
					background-size: contain;
					background-position: 50% 50%;
					
					transition: all 0.2s ease;
				}
				
				#najnowsze_video .video .clip a:hover:after {
					width: 100px;
					height: 100px;\
					transition: all 0.2s ease;
				}
					
					
			#najnowsze_video .video .clip a img {
				display: block;
				width: 100%;
				height: auto;
				border-radius: 25px;
			}
					
#video_outter {
	
}

	#video_outter h2 {
		font-weight: 400;
		font-size: 44px;
		text-align: center;
		text-transform: uppercase;
		color: #8DBAE9;
		padding-bottom: 10px;
	}

	#video {
		padding: 50px 0;
		background: linear-gradient(312.55deg, #8DBAE9 -0.49%, #2664A4 39.02%, #04488E 67%);
	}

		#video .video_inner  {
			display: flex;
			align-items: stretch;
		}


		#video .video_main {
			flex-basis: 80%;
			padding-right: 1%;
			box-sizing: border-box;
		}

			#video .video_main .swiper-slide {
			  display: flex;
			  flex-direction: column;
			  box-sizing: border-box;
			}

				#video .video_main .swiper-slide a {
					position: relative;
					display: block;
					overflow: hidden;
					width: 100%;
					height: 450px;
				}
				
					#video .video_main .swiper-slide a:after {
						content: "";
						
						display: block;
						width: 80px;
						height: 80px;
						
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
						
						background-image: url(../graf/ico_play.svg);
						background-repeat: no-repeat;
						background-size: contain;
						background-position: 50% 50%;
						
						transition: all 0.2s ease;
					}
				
					#video .video_main .swiper-slide a:hover:after {
						width: 100px;
						height: 100px;\
						transition: all 0.2s ease;
					}
				
					#video .video_main .swiper-slide a img {
						object-fit: cover;
						object-position: 50% 50%;
						width: 100%;
						height: 100%;
						border-radius: 25px;
					}

				#video .video_main .swiper-slide h3 {
					display: block;
					padding: 5px 0;
					color: #fff;
					font-size: 32px;
					text-transform: uppercase;
				}
				
				#video .video_main .swiper-slide p {
					color: #fff;
					font-size: 18px;
					padding-right: 5%;
				}
		
		#video .video_right {
			position: relative;
			flex-basis: 20%;
			padding-left: 1%;
			box-sizing: border-box;
		}
			
			#video .video_thumbs {
				height: 450px;
			}

				#video .video_thumbs .swiper-slide {
					position: relative;
					display: flex;
					width: 100%;
					flex-direction: column;
					justify-content: center;
					box-sizing: border-box;
					cursor: pointer;
					opacity: 0.5;
				}
				
					#video .video_thumbs .swiper-slide:after {
						content: "";
						
						display: block;
						width: 40px;
						height: 40px;
						
						position: absolute;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
						
						background-image: url(../graf/ico_play.svg);
						background-repeat: no-repeat;
						background-size: contain;
						background-position: 50% 50%;
					}
					
					#video .video_thumbs .swiper-slide .thumbnails {
						display: block;
						overflow: hidden;
					}
					
					#video .video_thumbs .swiper-slide img {
						object-fit: cover;
						object-position: 50% 50%;
						width: 100%;
						height: 100%;
						border-radius: 15px;
					}
					
					#video .video_thumbs .swiper-slide h3 {
						display: block;
						padding: 3px 0 0 0;
						font-size: 18px;
						color: #fff;
					}

				#video .video_thumbs .swiper-slide-active {
					opacity: 1;
				}

				#video .video_thumbs .swiper-slide:hover {
					
				}
				
			#video .swiper-nav {
				position: absolute;
				margin-top: 30px;
				
				display: flex;
				width: 100%;
				align-items: center;
				justify-content: center;
			}
			
				#video .swiper-nav .swiper-button-next,
				#video .swiper-nav .swiper-button-prev {
					position: relative;
					margin: 0 20px;
					padding: 0;
					
					border: 1px solid #fff;
					border-radius: 50%;
					width: 28px;
					height: 28px;
					
					display: flex;
					align-items: center;
					justify-content: center;
					transition: all 0.2s ease;
				}
				
				#video .swiper-nav .swiper-button-prev {
					transform: rotate(90deg);
				}
				
				#video .swiper-nav .swiper-button-next {
					transform: rotate(90deg);
				}
				
				#video .swiper-nav .swiper-button-next:after,
				#video .swiper-nav .swiper-button-prev:after {
					color: #fff;
					font-size: 14px;
					transition: all 0.2s ease;
				}
				
				#video .swiper-nav .swiper-button-next:not(.swiper-button-disabled):hover,
				#video .swiper-nav .swiper-button-prev:not(.swiper-button-disabled):hover {
					background: #fff;
					transition: all 0.2s ease;
				}
				
				#video .swiper-nav .swiper-button-next:not(.swiper-button-disabled):hover:after,
				#video .swiper-nav .swiper-button-prev:not(.swiper-button-disabled):hover:after {
					color: #2664A4;
					transition: all 0.2s ease;
				}
				
				
				
#dopobrania {
	padding: 50px 0;
}

	#dopobrania .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#dopobrania h2 {
		display: inline-block;
		
		position: relative;
		font-weight: 400;
		font-size: 44px;
		text-align: center;
		text-transform: uppercase;
		color: #8DBAE9;
		padding-bottom: 5px;
		margin-bottom: 15px;
	}
	
		#dopobrania h2:after {
			content: "";
			width: 80%;
			height: 2px;
			background: #8DBAE9;
			
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}
				

				
	#dopobrania #dopobrania_szukaj {
		width: 100%;
	}
	
		#dopobrania #dopobrania_szukaj input {
			display: block;
			width: 100%;
			color: #04488E;
			text-align: left;
			font-size: 22px;
			padding: 15px 50px;
			box-sizing: border-box;
			font-style: italic;
			
			background-image: url(../graf/ico_zoom.svg);
			background-repeat: no-repeat;
			background-size: 25px auto;
			background-position: right 20px top 40%;
		}
		
		#dopobrania #dopobrania_szukaj input::placeholder {
			color: #8DBAE9;
		}
	
	#dopobrania .plik {
		position: relative;
		box-sizing: border-box;
		background: #fff;
		border: 1px solid #fff;
		transition: all 0.2s ease;
	}
		
	#dopobrania .plik:nth-child(odd) {
		background: #F4F9FF;
		border: 1px solid #F4F9FF;
	}		
	#dopobrania .plik.on {
		border: 1px solid rgba(4, 72, 142, 0.3);
	}
		
		#dopobrania .plik .plik_header {
			position: relative;
			display: flex;
			padding: 10px 50px;
			align-items: center;
			cursor: pointer;
		}
		
		
		#dopobrania .plik .plik_header:hover {
			background: #04488E;
			transition: all 0.2s ease;
		}
		
			#dopobrania .plik .plik_header:after {
				content: "";
				display: block;
				width: 8px;
				height: 8px;
				border-right: 3px solid #04488E;
				border-bottom: 3px solid #04488E;
				
				position: absolute;
				right: 25px;
				top: calc(50% - 6px);
				transform: rotate(45deg);
				
				transition: all 0.2s ease;
			}
			
			#dopobrania .plik .plik_header:hover:after {
				border-right: 3px solid #fff;
				border-bottom: 3px solid #fff;
				transition: all 0.2s ease;
			}
		
			#dopobrania .plik.on .plik_header:after {
				transform: rotate(225deg);
			}
		
			#dopobrania .plik .plik_header .tytul {
				color: #04488E;
				font-size: 28px;
				font-weight: 600;
				transition: all 0.2s ease;
			}
			
			#dopobrania .plik .plik_header:hover .tytul {
				color: #fff;
				transition: all 0.2s ease;
			}
			
			#dopobrania .plik .plik_header .kategoria {
				color: #04488E;
				font-size: 20px;
				font-weight: 400;
				padding-left: 12px;
				margin-left: 15px;
				line-height: 1;
				border-left: 1px solid #04488E;
				transition: all 0.2s ease;
			}
			
			#dopobrania .plik .plik_header:hover .kategoria {
				color: #fff;
				border-left: 1px solid #fff;
				transition: all 0.2s ease;
			}
			
		#dopobrania .plik .plik_content {
			display: flex;
			padding: 0 50px;
			max-height: 0;
			overflow: hidden;
			visibility: hidden;
			transition: all 0.2s ease;
		}
		
		#dopobrania .plik.on .plik_content {
			max-height: 500px;
			padding: 20px 50px;
			visibility: visible;
			transition: all 0.2s ease;
		}
			
			#dopobrania .plik .plik_content img {
				width: 180px;
				height: auto;
			}
				
			#dopobrania .plik .plik_content .desc {
				width: 100%;
				padding-left: 30px;
				
				display: flex;
				flex-direction: column;
			}
					
				#dopobrania .plik .plik_content .desc_bottom {
					width: 100%;
					margin-top: auto;
					
					display: flex;
					justify-content: space-between;
				}
						
					#dopobrania .plik .plik_content .desc_bottom a {
						font-size: 24px;
						font-weight: 600;
						padding: 12px 50px;
					}
				
				
				
	
	
#katalog_intro {
	align-items: center;
	margin: 0 auto;
	font-size: 34px;
	color: #8DBAE9;
}

	#katalog_intro h1 {
		color: #04488E;
		padding-bottom: 10px;
	}
						
				

	
#konkurs_intro {
	align-items: center;
	margin: 0 auto;
	font-size: 34px;
	color: #8DBAE9;
}

	#konkurs_intro h1 {
		color: #04488E;
		padding-bottom: 10px;
	}
		
	
		
#content .ays-quiz-form {
	opacity: 0;
	transition: all 0.3s ease;
}	
	
#content .ays-quiz-form.on {
	opacity: 1;
	transition: all 0.3s ease;
}

#content .ays-quiz-form .regulamin_quiz {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 450px;
	box-sizing: border-box;
	
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}



#content .ays-quiz-container {
	box-shadow: unset !important;
}
	
	#content .ays-quiz-container form .ays_buttons_div input.start_button[type="button"]  {
		padding: 15px 30px !important;
		border-radius: 37px !important;
		font-weight: 600;
		font-size: 20px;
		text-transform: uppercase;
		transition: all 0.2s ease;
	}
	
	#content .ays-quiz-container form .ays_buttons_div input.start_button[type="button"]:hover  {
		background: #ffdecb !important;
		color: #04488e !important;
		transition: all 0.2s ease;
	}
		
	#content .ays-quiz-container form .ays_quiz_timer_container {
		display: none !important;
	}
								
	#content .ays-quiz-container .ays-live-bar-wrap {
		height: 19px !important;
		border: 1px solid #ccc;
		border-radius: 15px;
	}
	
	#content .ays-quiz-container .ays-live-bar-fill {
		border-bottom: 0 solid #04488e!important;
		background: #04488e;
		border-radius: 15px;
		position: relative;
		padding: 2px 5px;
	}

	#content .ays-quiz-container .ays-live-bar-fill span {
		font-size: 13px!important;
		color: #fff;
	}
	
	#content .ays-quiz-container form .ays-fs-title {
		display: inline-block;
		margin: 0 auto 20px auto;
		padding: 8px 20px;
		border: 1px solid #04488e;
		color: #04488e;
		border-radius: 37px;
		font-weight: 700 !important;
	}
	
	#content .ays-quiz-container form .ays_quiz_question {
		font-size: 18px !important;
		font-weight: 600;
	}
	
	#content .ays-quiz-container form .ays-quiz-answers .ays-field  {
		border-radius: 20px;
	}

	#content .ays-quiz-container form .ays-quiz-answers .ays-field:hover {
		background: #04488e !important;
	}
		
	#content .ays-quiz-container form .ays-quiz-answers .ays-field label {
		font-weight: 400 !important;
		line-height: 1.3;
	}
		
	#content .ays-quiz-container form .ays-quiz-answers .ays-field label.answered:after {
		display: none !important;
	}
		
	#content .ays-quiz-container form .ays-quiz-answers .ays-field label.correct:before {
		background: green !important;
		background-clip: content-box !important;
		border: 3px solid green !important;
	}
		
	#content .ays-quiz-container form .ays-quiz-answers .ays-field .ays_position_initial.answered.correct,
	#content .ays-quiz-container form .ays-quiz-answers .ays-field .ays_position_initial.answered.wrong,
	#content .ays-quiz-container form .ays-quiz-answers .ays-field .ays_position_initial {
		background: none !important;
		background-color: none !important;
		padding: 10px 15px !important;
	}
	
	#content .ays-quiz-container form .action-button.ays_restart_button,
	#content .ays-quiz-container form .ays_buttons_div input.ays_next {
		border-radius: 37px !important;
	}
	
	#content .ays-quiz-container form .action-button.ays_restart_button:hover,
	#content .ays-quiz-container form .ays_buttons_div input.ays_next:not([disabled="disabled"]):hover {
		background: #ffdecb !important;
		color: #04488e !important;
		transition: all 0.2s ease;
	}
	
	#content .ays-quiz-container form .ays_score.animated,
	#content .ays-quiz-container form .ays-progress   {
		display: none !important;
	}
	
	
.zobacz_ranking a {
	background-color: #04488e;
    color: #fff;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 3px;
    white-space: nowrap;
    letter-spacing: 0;
    box-shadow: unset;
    white-space: normal;
    word-break: break-word;
	text-transform: unset;
	border-radius: 37px;
	font-weight: bold;
	margin-bottom: 20px;
}
	
	.zobacz_ranking a:hover {
		background: #ffdecb!important;
		color: #04488e!important;
		transition: all .2s ease;
	}
	
				
#katalog_produkty {
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
	padding-bottom: 70px;
}


	#katalog_szukaj {
		flex-basis: 22%;
		padding-right: 2%;
		box-sizing: border-box;
	}
	
		#katalog_szukaj .katalog_szukaj:first-child {
			padding-bottom: 30px;
			margin-bottom: 30px;
			border-bottom: 1px solid #8DBAE9;
		}
		
		#katalog_szukaj strong {
			display: block;
			font-weight: 600;
			font-size: 24px;
			color: #04488E;
			padding-bottom: 10px;
		}
		
		#katalog_szukaj input[type='text'] {
			display: block;
			padding: 15px 10px;
			box-sizing: border-box;
			width: 100%;
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
		}
			
		#katalog_szukaj button {
			margin-top: 20px;
			font-size: 20px;
			padding: 10px 20px;
			text-transform: unset;
			font-weight: 600;
			cursor: pointer;
		}
			
		#katalog_szukaj label {
			position: relative;
			display: block;
			margin: 0 0 10px 0;
			font-size: 18px;
			padding: 5px 15px;
			border-radius: 20px;
			border: 1px solid #8DBAE9;
			cursor: pointer;
			text-align: left;
			transition: all 0.2s ease;
		}

		#katalog_szukaj label:hover {
			border: 1px solid #04488E;
			transition: all 0.2s ease;
		}
			
			#katalog_szukaj label input[type='checkbox'] {
				position: absolute;
				visibility: hidden;
				margin-right: 10px;
			}
	
			#katalog_szukaj label span {
				display: block;
				padding: 5px 0 5px 32px;				
			}
			
			#katalog_szukaj label input + span:before {
				content: "";
				position: absolute;
				left: 15px;
				top: 50%;
				transform :translateY(-50%);
				
				display: block;
				width: 22px;
				height: 22px;
				border: 1px solid #8DBAE9;
				border-radius: 50%;
				transition: all 0.2s ease;
			}
				
				#katalog_szukaj label input:checked + span:before {
					border: 1px solid #04488E;
					transition: all 0.2s ease;
				}
				
			#katalog_szukaj label input + span:after {
				content: "";
				position: absolute;
				left: 15px;
				top: 50%;
				transform :translateY(-50%);
				
				display: block;
				width: 23px;
				height: 23px;
				
				background-image: url(../graf/ico_check.svg);
				background-size: 0 auto;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
				transition: all 0.2s ease;
			}
				
				#katalog_szukaj label input:checked + span:after {
					background-size: 65% auto;
					transition: all 0.2s ease;
				}
			
			
		#katalog_szukaj .katalog_wyczysc {
			overflow: hidden;
			max-height: 0;
			visibility: hidden;
			margin-top: 15px;
			opacity: 0;
			text-align: center;
			transition: all 0.2s ease;
		}
			
			#katalog_szukaj .katalog_wyczysc.on {
				overflow: hidden;
				max-height: 100px;
				visibility: visible;
				opacity: 1;
				transition: all 0.2s ease;
			}
		
		
			#katalog_szukaj .katalog_wyczysc a {
				font-size: 18px;
				text-transform: unset;
				padding: 10px 25px;
			}
				
	#katalog_lista {
		flex-basis: 78%;
		
		display: flex;
		flex-wrap: wrap;
		
		background-size: 80px auto;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		
		transition: all 0.2s ease;
	}	
	
	#katalog_lista.loading {
		background-image: url(../graf/blue-dots.svg);
		background-color: #fff;
		
		height: 250px;
		transition: all 0.2s ease;
	}
			
	#katalog_lista .noresults {
		display: block;
		width: 100%;
		font-weight: bold;
		padding: 40px 20px;
		text-align: center;
	}
		
		#katalog_lista.loading .noresults {
			display: none;
		}
	
		#katalog_lista.loading a {
			max-height: 0;
			padding: 0 15px;
			opacity: 0;
			overflow: hidden;
			visibility: hidden;
			transition: all 0.2s ease;
		}
				
		#katalog_lista a.katalog_produkt {
			flex-basis: 23%;
			margin: 1%;
			padding: 15px;
			box-sizing: border-box;
			border: 1px solid #8DBAE9;
			border-radius: 37px;
			background: #fff;
			text-align: center;
			text-decoration: none;
			
			display: flex;
			flex-direction: column;
			align-items: center;
			transition: all 0.2s ease;
		}
		
		#katalog_lista a.katalog_produkt:hover {
			border: 1px solid #04488E;
			box-shadow: 0 0 0 2px #04488E;
		}
		
			#katalog_lista a.katalog_produkt img {
				max-width: 90%;
				max-height: 150px;
			}

			#katalog_lista a.katalog_produkt h3 {
				font-weight: 600;
				font-size: 24px;
				line-height: 100.5%;
				text-align: center;
				text-transform: uppercase;
				color: #04488E;
			}
				
			#katalog_lista a.katalog_produkt .kategorie {
				padding-top: 10px;
				margin-top: auto;
				font-size: 17px;
				text-align: center;
				color: #8DBAE9;
			}
				
@media screen and (max-width: 1400px) {
	#katalog_lista a.katalog_produkt {
		flex-basis: 31%;
		
	}
}
				
.pozostale_produkty {
	
}
	.pozostale_produkty h3 {
		color: #8DBAE9;
	}

	.pozostale_produkty a.wp-block-button__link {
		margin-top: 10px;
		text-transform: unset;
		font-weight: 600;
	}


				
#produkt_desc {
	display: flex;
	justify-content: space-between;	
	padding: 0 7%;
}
	
	#produkt_desc .produkt_left {
		flex-basis: 40%;
		padding-top: 20px;
	}	
			
		#produkt_desc .produkt_left .produkt_mob {
			display: none !important;
		}
		
		#produkt_desc .produkt_left hr {
			margin: 50px 0;
			display: block;
			width: 300px;
			height: 1px;
			background: #8DBAE9;
		}
	
		#produkt_desc .produkt_left h1 {
			font-size: 50px;
			padding-bottom: 0;
			line-height: 1;
			text-transform: uppercase;
		}
		
		#produkt_desc .produkt_left h1 + h4 {
			font-weight: 400;
		}
		
		#produkt_desc .produkt_left .produkt_kategorie {
			display: block;
			padding: 20px 0;
			font-size: 16px;
			color: #8DBAE9;
		}
		
		#produkt_desc .produkt_left .produkt_polecane {
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
			border-radius: 37px;
			padding: 15px 30px 15px 0;
			
			display: flex;
			align-items: center;
		}
		
			#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_img {
				display: block;
				margin-left: -55px
			}
			
				#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_img p {
					display: block;
					width: 115px;
					height: 115px;
					border-radius: 50%;
					overflow: hidden;
					border: 1px solid #8DBAE9;
					box-shadow: 0 0 0 3px #fff;
				}
				
				#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_img p img {
					display: block;
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: 50% 50%;
				}
		
		
			#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_txt {
				padding-left: 30px;
			}
		
				#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_txt h3 {
					font-weight: 600;
					font-size: 36px;
					line-height: 95%;
					color: #8DBAE9;
				}
				
				#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_txt .polecane_opis {
					display: block;
				}
				
				#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_txt .polecane_opis ul li {
					list-style: none;
					padding: 10px 0 0 27px;
					
					background-image: url(../graf/ico_check.svg);
					background-size: 20px auto;
					background-repeat: no-repeat;
					background-position: 0 15px;
				}
				
		#produkt_desc .produkt_left h5 {
			font-size: 18px;
			font-weight: 400;
			color: #8DBAE9;
		}

		#produkt_desc .produkt_left .produkt_opis {
			padding-top: 40px;
		}
	
			#produkt_desc .produkt_left .produkt_opis ul {
				list-style: none;
				padding: 5px 0;
			}
	
			#produkt_desc .produkt_left .produkt_opis ul li {
				position: relative;
				padding: 3px 0 3px 15px;
			}
	
			#produkt_desc .produkt_left .produkt_opis ul li:before {
				content: "";
				position: absolute;
				left: 0;
				top: 15px;
				
				display: block;
				width: 4px;
				height: 4px;
				background: #04488E;
				border-radius: 50%;
			}
			
		
		#produkt_desc .produkt_left .produkt_szczegoly {
			padding-top: 15px;
			
			display: flex;
			flex-wrap: wrap;
		}
			
			#produkt_desc .produkt_left .produkt_szczegol:nth-child(2n+1) {
				flex-basis: 53%;
				padding: 10px 2% 10px 0;
			}
			
			#produkt_desc .produkt_left .produkt_szczegol:nth-child(2n+2) {
				flex-basis: 42%;
				padding: 10px 0 10px 3%;
			}
			
		#produkt_desc .produkt_left .produkt_ulotka {
			display: none !important;
		}
			
	#produkt_desc .produkt_right {
		flex-basis: 45%;
	}
			
		#produkt_desc .produkt_right .produkt_img {
			display: block;
			text-align: center;
		}
			
			#produkt_desc .produkt_right .produkt_img img {
				width: 90%;
				max-width: 350px;
				height: auto;
			}
		
		#produkt_desc .produkt_right .produkt_kup {
			display: flex;
			align-items: center;
			text-align: center;
			justify-content: center;
		}
		
			#produkt_desc .produkt_right .produkt_kup > div {
				margin: 2%;
			}
		
			#produkt_desc .produkt_right .produkt_kup > div a {
				text-transform: unset;
				font-weight: 600;
				padding: 12px 50px;
			}
		
		#produkt_desc .produkt_right .produkt_ulotka {
			font-weight: 400;
			font-size: 16px;
			color: #8DBAE9;
			padding: 20px 20px 20px 50px;
			
		
			background-image: url(../graf/ico_info.svg);
			background-size: 22px auto;
			background-repeat: no-repeat;
			background-position: 20px 20px;
		}
				

@media screen and (max-width: 1500px) {
	#produkt_desc {
		padding: 0 3% 0 5%;
	}
	
	#produkt_desc .produkt_left {
		flex-basis: 48%;
	}
	
	#produkt_desc .produkt_right {
		flex-basis: 48%;
	}
}	
		
@media screen and (max-width: 1250px) {
	#produkt_desc .produkt_right .produkt_kup {
		flex-direction: column;
		gap: 20px 0;
	}
	
	#produkt_desc .produkt_right .produkt_kup > div {
		width: 90%;
		margin: 0 auto;
	}
	
	#produkt_desc .produkt_right .produkt_kup a {
		display: block;
		width: 100%;
	}
}
		
		
#produkt_inne {
	padding: 0 7%;
}

	#produkt_inne h5 {
		font-size: 18px;
		font-weight: 400;
		color: #8DBAE9;
	}
	

.sprobuj_ponownie {
	display: flex;
	gap: 20px;
	justify-content: center;
}

	.sprobuj_ponownie .wp-block-button a {
		font-size: 22px;
		text-transform: unset;
		font-weight: 600;
		padding: 15px 50px;
	}

	.sprobuj_ponownie .wp-block-button:last-child a {    
		position: relative;
		background: #8DBAE9;
		border: 1px solid #8DBAE9;
	}
	
	.sprobuj_ponownie .wp-block-button a:hover {
		border: 1px solid #FFDECB;
		background: #FFDECB;
		color: #04488E;
	}
	
table#ranking {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding-top: 40px;
	border-spacing: 0;
}
	
	table#ranking thead th {
		background: #04488E;
		color: #fff;
		padding: 10px 5px;
	}
	
		table#ranking thead th:nth-child(1) {
			width: 10%;
		}
		
		table#ranking thead th:nth-child(2) {
			width: 54%;
		}
		
		table#ranking thead th:nth-child(3) {
			width: 18%;
		}
		
		table#ranking thead th:nth-child(4) {
			width: 18%;
		}
	

	table#ranking tbody {
		
	}
	
		table#ranking tbody td {
			padding: 10px 5px;
			text-align: center;
		}
	
		table#ranking tbody tr:nth-child(even) td {
			background: rgba(141, 186, 233, 0.23)
		}
	
		table#ranking tbody tr.active td {
			font-weight: bold;
			background: #FFDECB;
		}
	
	
	
	
	
	
#konkursy_content {
	display: flex;
	align-items: flex-start;
	padding-top: 50px;
	padding-bottom: 70px;
}


	#konkursy_szukaj {
		flex-basis: 22%;
		padding-right: 2%;
		box-sizing: border-box;
	}

		#konkursy_szukaj strong {
			display: block;
			font-weight: 600;
			font-size: 24px;
			color: #04488E;
			padding-bottom: 10px;
		}
		
		#konkursy_szukaj input[type='text'] {
			display: block;
			padding: 15px 10px;
			box-sizing: border-box;
			width: 100%;
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
		}
			
		#konkursy_szukaj label {
			position: relative;
			display: block;
			margin: 0 0 10px 0;
			font-size: 18px;
			padding: 5px 15px;
			border-radius: 20px;
			border: 1px solid #8DBAE9;
			cursor: pointer;
			text-align: left;
			transition: all 0.2s ease;
		}

		#konkursy_szukaj label:hover {
			border: 1px solid #04488E;
			transition: all 0.2s ease;
		}
			
			#konkursy_szukaj label input[type='checkbox'] {
				position: absolute;
				visibility: hidden;
				margin-right: 10px;
			}
	
			#konkursy_szukaj label span {
				display: block;
				padding: 5px 0 5px 32px;				
			}
			
			#konkursy_szukaj label input + span:before {
				content: "";
				position: absolute;
				left: 15px;
				top: 50%;
				transform :translateY(-50%);
				
				display: block;
				width: 22px;
				height: 22px;
				border: 1px solid #8DBAE9;
				border-radius: 50%;
				transition: all 0.2s ease;
			}
				
				#konkursy_szukaj label input:checked + span:before {
					border: 1px solid #04488E;
					transition: all 0.2s ease;
				}
				
			#konkursy_szukaj label input + span:after {
				content: "";
				position: absolute;
				left: 15px;
				top: 50%;
				transform :translateY(-50%);
				
				display: block;
				width: 23px;
				height: 23px;
				
				background-image: url(../graf/ico_check.svg);
				background-size: 0 auto;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
				transition: all 0.2s ease;
			}
				
				#konkursy_szukaj label input:checked + span:after {
					background-size: 65% auto;
					transition: all 0.2s ease;
				}
			
					
					
#konkursy_lista {
	flex-basis: 78%;
	
	display: flex;
	flex-wrap: wrap;
	
	background-size: 80px auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
	transition: all 0.2s ease;
}	
	
	#konkursy_lista.loading {
		background-image: url(../graf/blue-dots.svg);
		background-color: #fff;
		
		height: 250px;
		transition: all 0.2s ease;
	}
			
	#konkursy_lista .noresults {
		display: block;
		width: 100%;
		font-weight: bold;
		padding: 40px 20px;
		text-align: center;
	}
		
		#konkursy_lista.loading .noresults {
			display: none;
		}
	
		#konkursy_lista a.konkurs {
			flex-basis: 31%;
			margin: 1%;
			padding: 15px;
			box-sizing: border-box;
			border: 1px solid #8DBAE9;
			border-radius: 37px;
			background: #fff;
			text-align: center;
			text-decoration: none;
			
			display: flex;
			flex-direction: column;
			align-items: center;
			transform: scale(1);
			transition: all 0.2s ease;
		}
		
		#konkursy_lista.loading a.konkurs {
			position: relative; 
			max-height: 0;
			padding: 0 15px;
			opacity: 0;
			overflow: hidden;
			visibility: hidden;
			transform: scale(0);
			transition: all 0.2s ease;
		}
		
		#konkursy_lista a.konkurs:hover {
			border: 1px solid #04488E;
			box-shadow: 0 0 0 2px #04488E;
		}
			
			#konkursy_lista a.konkurs .badge-webinar {
				position: absolute;
				top: 15px;
				right: 15px;
				display: inline-flex;
				align-items: center;
				gap: 6px;
				padding: 8px 15px;
				background: #2ecc71;
				color: #fff;
				border-radius: 12px;
				font-size: 15px;
				line-height: 1.2;
				box-shadow: 0 2px 6px rgba(0,0,0,0.15);
				z-index: 2;
			}

				#konkursy_lista a.konkurs .badge-webinar img {
					width: 14px;
					height: 14px;
					display: inline-block;
					filter: brightness(0) invert(1);
				}
		
			#konkursy_lista a.konkurs img {
				max-width:100%;
				max-height: 150px;
			}

			#konkursy_lista a.konkurs h3 {
				font-weight: 600;
				font-size: 24px;
				line-height: 100.5%;
				text-align: center;
				text-transform: uppercase;
				color: #04488E;
			}
				
			#konkursy_lista a.konkurs .post-cat {
				padding-top: 10px;
				margin-top: auto;
				font-size: 17px;
				text-align: center;
				color: #8DBAE9;
			}


	#konkurs_desc .konkurs_opis {
		padding: 20px 0;
	}
	
		#konkurs_desc .konkurs_opis p {
			padding: 5px 0;
		}

		#konkurs_desc .konkurs_opis iframe {
			max-width: 100%;
			height: auto !important;
			aspect-ratio: 16 / 9;
		}
		
		#konkurs_desc .konkurs_opis .wp-block-image {
			padding: 10px 0;
		}
			
		#konkurs_desc .konkurs_opis video {
			display: block;
			margin: 30px auto;
		}
			
		#konkurs_desc .konkurs_opis #watch_video {
			display: block;
			width: 80%;
			text-align: center;
			font-weight: 700;
			background: #cf2e2e;
			color: #fff;
			box-sizing: border-box;
			font-size: 24px;
			margin: 0 auto;
			border-radius: 30px;
			
			transform: scale(0);
			opacity: 0;
			overflow: hidden;
			padding: 0 15px;
			max-height: 0;
			transition: all 0.3s ease;
		}
		
			#konkurs_desc .konkurs_opis #watch_video.on {
				transform: scale(1);
				padding: 20px 15px;
				opacity: 1;
				max-height: 80px;
				transition: all 0.3s ease;
			}
		
			
		#konkurs_desc .konkurs_opis #goto_quiz {
			display: block;
			text-align: center;
			font-weight: 700;
			color: #fff;
			box-sizing: border-box;
			margin: 0 auto;
			
			transform: scale(0);
			opacity: 0;
			overflow: hidden;
			padding: 0 15px;
			max-height: 0;
			transition: all 0.3s ease;
		}
		
			#konkurs_desc .konkurs_opis #goto_quiz.on {
				transform: scale(1);
				padding: 0 15px;
				opacity: 1;
				max-height: 80px;
				transition: all 0.3s ease;
			}
		
			#konkurs_desc .konkurs_opis #goto_quiz input {
				position: relative;
				background: #04488E;
				border: 1px solid #04488E;
				color: #fff;
				padding: 15px 70px;
				border-radius: 35px;
				line-height: 1;
				text-transform: uppercase;
				font-size: 22px;
				font-weight: 600;
				cursor: pointer;
				transition: all 0.2s ease;
			}
	
				#konkurs_desc .konkurs_opis #goto_quiz input:hover {
					border: 1px solid #FFDECB;
					background: #FFDECB;
					color: #04488E;
					transition: all 0.2s ease;
				}
	
	
	
					
#webinary_lista {
	flex-basis: 78%;
	
	display: flex;
	flex-wrap: wrap;
	gap: 15px 2%;
	padding: 20px 0;
	
	background-size: 80px auto;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	
	transition: all 0.2s ease;
}	
	
	
	#webinary_lista a.webinar {
		flex-basis: 23.5%;
		max-width: 23.5%;
		padding: 15px;
		box-sizing: border-box;
		border: 1px solid #8DBAE9;
		border-radius: 37px;
		background: #fff;
		text-align: center;
		text-decoration: none;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		transform: scale(1);
		transition: all 0.2s ease;
	}
	
	@media screen and (max-width: 1200px) {
		#webinary_lista a.webinar {
			flex-basis: 32%;
			max-width: 32%;
		}
		
	}
	
	#webinary_lista a.webinar:hover {
		border: 1px solid #04488E;
		box-shadow: 0 0 0 2px #04488E;
	}
	
		#webinary_lista a.webinar img {
			max-width:100%;
			max-height: 150px;
		}

		#webinary_lista a.webinar h3 {
			font-weight: 600;
			font-size: 24px;
			line-height: 100.5%;
			text-align: center;
			text-transform: uppercase;
			color: #04488E;
		}
	
#moje_webinary {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 20px 0 30px 0;
}
	
	#moje_webinary a {
		position: relative;
		box-sizing: border-box;
		background: #fff;
		display: flex;
		padding: 10px 50px;
		align-items: center;
		text-decoration: none;
		cursor: pointer;
		border: 1px solid #fff;
		transition: all 0.2s ease;
	}
		
		#moje_webinary a .post-image {
			padding-right: 25px;
		}
		
			#moje_webinary a .post-image img {
				display: block;
				width: 80px;
				height: auto;
			}
			
		#moje_webinary a .post-title {
			
		}
		
			#moje_webinary a .post-title h3 {
				font-weight: bold;
				font-size: 28px;
			}
			
			#moje_webinary a:hover .post-title h3 {
				color: #fff;
			}
				
		#moje_webinary a:nth-child(odd) {
			background: #F4F9FF;
			border: 1px solid #F4F9FF;
		}
	
		#moje_webinary a:hover {
			background: #04488E;
			transition: all 0.2s ease;
		}
		
			#moje_webinary a:after {
				content: "";
				display: block;
				width: 8px;
				height: 8px;
				border-right: 3px solid #04488E;
				border-bottom: 3px solid #04488E;
				
				position: absolute;
				right: 25px;
				top: calc(50% - 6px);
				transform: rotate(-45deg);
				
				transition: all 0.2s ease;
			}
			
			#moje_webinary a:hover:after {
				border-right: 3px solid #fff;
				border-bottom: 3px solid #fff;
				transition: all 0.2s ease;
			}
	
	
	

	
	
	
/* WOOCOMMERCE */

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
	padding: 20px 20px 20px 60px;
	margin-bottom: 20px;
	background: #fff;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}

	.woocommerce-error a,
	.woocommerce-info a,
	.woocommerce-message a {
		text-decoration: none;
	}
	
	.woocommerce-error a.button,
	.woocommerce-info a.button,
	.woocommerce-message a.button {
		position: relative;
		background: #04488E;
		border: 1px solid #04488E;
		color: #fff;
		padding: 8px 20px;
		border-radius: 35px;
		line-height: 1;
		
		font-weight: 400;
		font-size: 20px;
		
		transition: all 0.2s ease;
	}

		.woocommerce-error a.button:hover,
		.woocommerce-info a.button:hover,
		.woocommerce-message a.button:hover {
			border: 1px solid #FFDECB;
			background: #FFDECB;
			color: #04488E;
			transition: all 0.2s ease;
		}

.return-to-shop {
	text-align: center;
	padding: 20px 0;
}

	.return-to-shop a {
		font-size: 20px;
	}

#koszyk h1 {
	text-align: center;
	padding: 10px 0 25px 0;
}

#koszyk table.shop_table.cart {
	border: 0px solid #8DBAE9;
}

	#koszyk table.shop_table.cart thead {
		background: #04488E;
		color: #fff;
	}
	
	#koszyk table.shop_table.cart td {
		border-top: 1px solid #eaeaea;
		padding: 25px 10px;
	}
	
	#koszyk table.shop_table.cart th:not(.product-name),
	#koszyk table.shop_table.cart td:not(.product-name) {
		text-align: center;
	}
	
	#koszyk table.shop_table.cart td.product-thumbnail {
		width: 50px;
	}
	
	#koszyk table.shop_table.cart td.product-thumbnail a,
	#koszyk table.shop_table.cart td.product-thumbnail img {
		display: block;
	}
	
	#koszyk table.shop_table.cart td.product-name a {
		text-decoration: none;
	}
	
	#koszyk table.shop_table.cart td input.qty  {
		padding: 8px 5px;
		border: 1px solid #8DBAE9;
		border-radius: 5px;
	}
	
	#koszyk table.shop_table.cart td.product-subtotal {
		font-weight: bold;
	}
	
	#koszyk table.shop_table.cart .product-remove {
		width: 50px;
		text-align: center;
	}
	
		#koszyk table.shop_table.cart .product-remove a {
			display: flex;
			align-items: center;
			justify-content: center;
			line-height: 1;
			width: 30px;
			height: 30px;
			font-size: unset;
			padding: 5px;
			box-sizing: border-box;
		}	
	
			#koszyk table.shop_table.cart .product-remove a img {
				transition: all 0.2s ease;
			}
			
			#koszyk table.shop_table.cart .product-remove a:hover img {
				filter: brightness(0) invert(1);
				transition: all 0.2s ease;
			}
			
	#koszyk table.shop_table.cart .actions {
		text-align: right !important;
	}
	
		#koszyk table.shop_table.cart .actions button {
			font-size: 14px;
			background: #8DBAE9;
			color: #fff;
			border: 0;
		}
			
			#koszyk table.shop_table.cart .actions button[disabled] {
				opacity: 0.4;
			}
			
			#koszyk table.shop_table.cart .actions button:hover {
				background: #04488E;
			}
			
			

.cart-collaterals .cart_totals {
	width: 40% !important;
}

.cart-collaterals h2 {
	text-align: center;
	font-size: 32px;
	font-weight: 400;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}			

.cart-collaterals table.shop_table  {
	border: 0;
}

	.cart-collaterals #shipping_method {
		
	}

		.cart-collaterals #shipping_method li {
			
		}
			
			.cart-collaterals #shipping_method li input {
				visibility: hidden;
				position: absolute;
			}
			
			.cart-collaterals #shipping_method li label {
				position: relative;
				padding: 10px 0 10px 35px;
			}
		
			.cart-collaterals #shipping_method li label:before {
				content: "";
				display: block;
				width: 18px;
				height: 18px;
				
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				
				border: 1px solid #04488E;
				border-radius: 5px;
				

				background-image: url(../graf/ico_check.svg);
				background-size: 0 auto;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
				transition: all 0.2s ease;
			}
				
			.cart-collaterals #shipping_method li input[type='hidden'] + label:before,
			.cart-collaterals #shipping_method li input:checked + label:before {
				background-size: 12px auto;
				
				transition: all 0.2s ease;
			}
			
		.cart-collaterals .woocommerce-shipping-destination {
			font-size: 18px;
			font-style: italic;
			line-height: 1.4;
			
			display: block;
			padding: 5px 0;
		}
				
	.cart-collaterals .nopoints {
		color: #fff;
		display: block;
		padding: 15px;
		font-weight: 400;
		font-size: 20px;
		box-sizing: border-box;
		background: #a00;
		text-align: center;
		border-radius: 10px;
	}
	
	.cart-collaterals .wc-proceed-to-checkout a.button {
        position: relative;
        background: #04488E;
        border: 1px solid #04488E;
        color: #fff;
        padding: 15px 50px;
        border-radius: 35px;
        line-height: 1;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 24px;
        transition: all 0.2s ease;
	}	
		
		.cart-collaterals .wc-proceed-to-checkout a.button:hover {
			border: 1px solid #FFDECB;
			background: #FFDECB;
			color: #04488E;
			transition: all 0.2s ease;
		}
		

form.checkout {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
			
	form.checkout #customer_details {
		display: flex;
		gap: 30px;
		flex-direction: column;
	}
		
		form.checkout #customer_details .col-1,
		form.checkout #customer_details .col-2 {
			float: unset;
			width: 100%;
		}
			
			form.checkout h3 {
				text-align: center;
				font-size: 32px;
				font-weight: 400;
				margin-bottom: 15px;
				padding-bottom: 15px;
				border-bottom: 1px solid #eaeaea;
			}
			
			#customer_details .form-row {
				display: block;
				width: 100%;
				padding: 5px;
				margin: 0;
				float: unset;
			}
			
				#customer_details .form-row input {
					padding: 10px 10px;
					font-size: 18px;
					border: 1px solid #8DBAE9;
				}
		
				#customer_details .form-row textarea {
					padding: 10px 10px;
					font-size: 18px;
					border: 1px solid #8DBAE9;
					
					width: 100%;
					min-width: 100%;
					max-width: 100%;
				}
					
			#customer_details .form-row .woocommerce-input-wrapper {
				display: block;
				width: 100%;
			}
				
				#customer_details .form-row .woocommerce-input-wrapper .select2 {
					display: block;
					width: 100% !important;
				}
				
				#customer_details .form-row .woocommerce-input-wrapper .select2 .select2-selection {
					border: 1px solid #8DBAE9;
				}
				
	form.checkout #order_review {
		border-radius: 20px;
		padding: 20px;
		background: #e4f1ff;
	}
					
		form.checkout #order_review table {
			border: 0;
		}
			
			form.checkout #order_review table .order-total {
				display: none;
			}
			
		form.checkout #order_review #shipping_method li {
			
		}
			
			form.checkout #order_review #shipping_method li input {
				visibility: hidden;
				position: absolute;
			}
			
			form.checkout #order_review #shipping_method li label {
				position: relative;
				padding: 10px 0 10px 35px;
			}
		
			form.checkout #order_review #shipping_method li label:before {
				content: "";
				display: block;
				width: 18px;
				height: 18px;
				
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				
				border: 1px solid #04488E;
				border-radius: 5px;
				

				background-image: url(../graf/ico_check.svg);
				background-size: 0 auto;
				background-repeat: no-repeat;
				background-position: 50% 50%;
				
				transition: all 0.2s ease;
			}
				
			form.checkout #order_review #shipping_method li input[type='hidden'] + label:before,
			form.checkout #order_review #shipping_method li input:checked + label:before {
				background-size: 12px auto;
				
				transition: all 0.2s ease;
			}		

			
	form.checkout #payment {
		background: unset;
	}		
	
		form.checkout #payment ul.wc_payment_methods {
			display: none;
		}
		
		form.checkout #payment .place-order {
			padding: 0;
		}
		
		form.checkout #payment .woocommerce-terms-and-conditions-wrapper {
			padding: 0;
			text-align: center;
			font-size: 16px;
		}
		
		form.checkout #payment .place-order button {
			display: table;
			margin: 30px auto 0 auto;
			float: unset !important;
			
			position: relative;
			background: #04488E;
			border: 1px solid #04488E;
			color: #fff;
			padding: 15px 50px;
			border-radius: 35px;
			line-height: 1;
			text-transform: uppercase;
			font-weight: 400;
			font-size: 24px;
			transition: all 0.2s ease;
		}	
			
			form.checkout #payment .place-order button:hover {
				border: 1px solid #FFDECB;
				background: #FFDECB;
				color: #04488E;
				transition: all 0.2s ease;
			}
			
#produkty {
	padding-bottom: 80px;
}

	#produkty .product_container {
		padding-top: 30px;
		display: grid; 
		grid-template-columns: repeat(3, 1fr); 
		gap: 15px 15px; 
	}
	
	.nagroda {
        flex-basis: 23%;
        margin: 1%;
        padding: 35px 25px;
        box-sizing: border-box;
        border: 1px solid #8DBAE9;
        border-radius: 37px;
        background: #fff;
        text-align: center;
        text-decoration: none;
		color: #04488E;
        display: flex;
		gap: 10px;
        flex-direction: column;
        align-items: center;
        transition: all 0.2s ease;
	}	
		
		.nagroda:hover {
			color: #04488E;
			border: 1px solid #04488E;
			box-shadow: 0 0 0 2px #04488E;
		}
		
		.nagroda .produkt_img {
			position: relative;
			display: block;
			width: 90%;
			height: 170px;
			padding: 10px 0;
			box-sizing: border-box;
		}
		
			.nagroda .produkt_img img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: 50% 50%;
				transition: all 0.2s ease;
			}
			
			.nagroda .produkt_img .produkt_buttons {				
				position: absolute;
				top: 50%;
				left: 50%;
				opacity: 0;
				transform: translate(-50%, -0%);
				transition: all 0.2s ease;
			}
			
				.nagroda .produkt_img .produkt_buttons object {
					display: flex;
					align-items: stretch;
					gap: 10px;
				}
					
					.nagroda .produkt_img .produkt_buttons .more a {
						display: inline-flex;
						align-items: center;
						height: 45px;
						padding: 5px 15px;
						box-sizing: border-box;
						background: #8DBAE9;
						color: #04488E;
						font-size: 24px;
						text-transform: uppercase;
						font-weight: 600;
						text-decoration: none;
						border-radius: 5px;
					}
				
						.nagroda .produkt_img .produkt_buttons .more a:hover {
							background: #FFDECB;
							color: #04488E;
						}
						
					.nagroda .produkt_img .produkt_buttons .add a {
						display: inline-block;
						height: 45px;
						width: 45px;
						padding: 8px 5px;
						box-sizing: border-box;
						background: #04488E;
						color: #fff;
						font-size: 24px;
						text-transform: uppercase;
						font-weight: 600;
						text-decoration: none;
						border-radius: 5px;
					}
						
						.nagroda .produkt_img .produkt_buttons .add a img {
							opacity: 1;
							display: block;
							width: 100%;
							height: 100%;
							object-fit: contain;
							object-position: 50% 50%;
							filter: brightness(0) invert(1);
							transition: all 0.2s ease;
						}
							
						.nagroda .produkt_img .produkt_buttons .add a:hover {
							background: #FFDECB;
						}
					
						.nagroda .produkt_img .produkt_buttons .add a:hover img {
							filter: brightness(1) invert(0);
							transition: all 0.2s ease;
						}
						
		.nagroda:hover .produkt_img {
			
		}
		
			.nagroda:hover .produkt_img img {
				opacity: 0.6;
				transition: all 0.2s ease;
			}
			
			.nagroda:hover .produkt_img .produkt_buttons {
				opacity: 1;
				transform: translate(-50%, -50%);
				transition: all 0.2s ease;
			}
			
			
		.nagroda .produkt_title {
			margin-top: auto;
		}
		
		.nagroda .produkt_title h2 {
			font-weight: 600;
			font-size: 24px;
			line-height: 100.5%;
			text-align: center;
			text-transform: uppercase;
			color: #04488E;
		}
		
		.nagroda .produkt_footer {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
		.nagroda .product_price {
			border-radius: 30px;
			color: #04488E;
			background: #FFDECB;
			
			display: flex;
			justify-content: center;
		}
		
			.nagroda .product_price .woocommerce-Price-amount {
				display: block;
				padding: 5px 15px;
				border-radius: 30px;
				color: #fff;
				background: #04488E;
			}
			
			.nagroda .product_price del .woocommerce-Price-amount {
				color: #04488E;
				background: #FFDECB;
			}


#nagrodaPage {
	
}

	#nagrodaPage h1.mob {
		display: none;
	}
	
	#nagrodaPage #produkt_details {
		display: flex;
		gap: 5%;
		padding-top: 30px;
		padding-bottom: 60px;
	}
	
		#nagrodaPage #produkt_details .intro_gallery {
			flex-basis: 40%;
			padding: 3%;
			box-sizing: border-box;
		}
	
			#nagrodaPage #produkt_details .intro_gallery img {
				display: block;
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: 50% 50%;
			}
			
		#nagrodaPage #produkt_details .intro_content {
			flex-basis: 55%;
		}
		
			#nagrodaPage #produkt_details .intro_content h1 {
				padding-bottom: 20px;
			}			
		

			#nagrodaPage #produkt_details .intro_content .product-add {
				margin-top: 30px;
				background: #e4f1ff;
				border-radius: 20px;
				padding: 30px;
				box-sizing: border-box;
			}
				
				#nagrodaPage #produkt_details .intro_content .product-price {
					font-size: 30px;
					display: block;
					padding: 0 0 20px 0;
				}
				
					#nagrodaPage #produkt_details .intro_content .product-price del,
					#nagrodaPage #produkt_details .intro_content .product-price ins {
						text-decoration: none;
					}
					
						#nagrodaPage #produkt_details .intro_content .product-price del {
							text-decoration: line-through;
							font-weight: 400;
							color: #8DBAE9;
						}
						
						#nagrodaPage #produkt_details .intro_content .product-price ins {
							padding: 0 5px;
						}
					
					
				#nagrodaPage #produkt_details .intro_content .product-add form {
					display: flex;
					flex-wrap: wrap;
					gap: 20px;
				}
					
					#nagrodaPage #produkt_details .intro_content .product-add form .product-add-quant {
						display: flex;
						gap: 10px;
						align-items: center;
					}
					
						#nagrodaPage #produkt_details .intro_content .product-add form .product-add-quant input {
							border: 1px solid #04488E;
							background: transparent;
							padding: 10px 10px;
							font-size: 18px;
							border-radius: 10px;
							text-align: center;
						}
					
					#nagrodaPage #produkt_details .intro_content .product-add form button {
						position: relative;
						background: #04488E;
						border: 1px solid #04488E;
						color: #fff;
						padding: 15px 50px;
						border-radius: 35px;
						line-height: 1;
						
						font-weight: 400;
						font-size: 20px;
						
						transition: all 0.2s ease;
					}

						#nagrodaPage #produkt_details .intro_content .product-add form button:hover {
							border: 1px solid #FFDECB;
							background: #FFDECB;
							color: #04488E;
							transition: all 0.2s ease;
						}
						

	#zamowienie_thankyou {
		padding-top: 60px;
		padding-bottom: 60px;
	}
		
		#zamowienie_thankyou .woocommerce-notice {
			text-align: center;
			font-size: 34px;
			font-weight: 700;
		}
				
			
		#zamowienie_thankyou ul.woocommerce-order-overview {
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
			margin: 20px auto;
			padding: 0;
			text-align: center;
			
			gap: 20px;
			flex-basis: 100%;
			padding: 25px 15px;
			box-sizing: border-box;
			background: #e4f1ff;
			border: 1px solid #e4f1ff;
			border-radius: 30px;
			
		}
			
			#zamowienie_thankyou ul.woocommerce-order-overview li {
				flex-grow: 1;
				float: none;
				border:0;
				padding: 0;
				margin: 0;
				
			}
					
			#zamowienie_thankyou ul.woocommerce-order-overview li:first-child {
				border-radius: 8px 0 0 8px;
			}

			#zamowienie_thankyou ul.woocommerce-order-overview li:last-child {
				border-radius: 0 8px 8px 0;
			}
						
			#zamowienie_thankyou ul.woocommerce-order-overview li strong {
				letter-spacing: 0;
				padding-top: 5px;
				text-transform: initial;
				font-weight: 700;
			}
	

#zamowienie_thankyou .woocommerce-order-details {
	width: 100%;
	margin: 0 auto;
	min-width: 50%;
}
		
	#zamowienie_thankyou .woocommerce-order-details h2 {
		display: block;
		font-size: 26px;
		font-weight: 700;
		padding: 50px 0 20px 0;
		text-align: center;
	}
		
		
	#zamowienie_thankyou .woocommerce-order-details table {
		margin: 0 auto;
		padding: 20px;
		box-sizing: border-box;
        overflow: hidden;
        max-width: 800px;
        border: 2px solid #04488E !important;
        border-collapse: unset !important;
        border-radius: 30px;
	}
		

	#zamowienie_thankyou .woocommerce-order-details table tr {
		border: 0;
	}
	
	#zamowienie_thankyou .woocommerce-order-details table th,
	#zamowienie_thankyou .woocommerce-order-details table td {
		padding: 15px 10px !important;
        box-sizing: border-box;
	}
		
	#zamowienie_thankyou .woocommerce-order-details table tr a {
		text-decoration: none;
	}
		
	#zamowienie_thankyou .woocommerce-order-details table tr a.button {
		position: relative;
		background: #04488E;
		border: 1px solid #04488E;
		color: #fff;
		padding: 10px 30px;
		border-radius: 35px;
		line-height: 1;
		
		font-weight: 400;
		font-size: 20px;
		
		transition: all 0.2s ease;
	}

		#zamowienie_thankyou .woocommerce-order-details table tr a.button:hover {
			border: 1px solid #FFDECB;
			background: #FFDECB;
			color: #04488E;
			transition: all 0.2s ease;
		}
						
		
#zamowienie_thankyou .woocommerce-customer-details {
	width: 100%;
	margin: 0 auto;
	min-width: 50%;
}
		
	#zamowienie_thankyou .woocommerce-customer-details h2 {
		display: block;
		font-size: 26px;
		font-weight: 700;
		padding: 50px 0 20px 0;
		text-align: center;
	}
		
		
	#zamowienie_thankyou .woocommerce-customer-details address {
		margin: 0 auto;
		padding: 20px;
		box-sizing: border-box;
        overflow: hidden;
        max-width: 800px;
        border: 2px solid #04488E !important;
        border-collapse: unset !important;
        border-radius: 30px;
		text-align: center;
	}
	
		#zamowienie_thankyou .woocommerce-customer-details address p {
			padding: 2px 0;
		}
		
			#zamowienie_thankyou .woocommerce-customer-details address p:before {
				line-height: unset;
			}
			
			
			
			

.przedstawiciele_header {
	padding: 0 0 50px 0;
	overflow: hidden;
}

	.przedstawiciele_header_inner {
		position: unset !important;
		display: flex;
		gap: 25px;
		align-items: center;
		justify-content: space-between;
	}

		.przedstawiciele_header_inner .przedstawiciele_header_txt {
			flex-basis: 50%;
			
		}
			
			.przedstawiciele_header_inner .przedstawiciele_header_txt h1 {
				color: #04488E;
				font-size: 66px;
				font-weight: 700;
				line-height: 70px;
				padding-bottom: 20px;
			}
			
				.przedstawiciele_header_inner .przedstawiciele_header_txt h1 strong {
					display: block;
				}
			
			.przedstawiciele_header_inner .przedstawiciele_header_txt h1 + p {
				
			}
			
			.przedstawiciele_header_inner .przedstawiciele_header_txt a {
				margin-top: 25px;
				font-size: 23px;
				font-weight: 700;
				letter-spacing: 1px;
				padding: 15px 40px;
				
				background: #8DBAE9;
				border: 1px solid #8DBAE9;
			}
	
		.przedstawiciele_header_inner .przedstawiciele_header_map {
			flex-basis: 50%;
		}
				
			.przedstawiciele_header_inner a.wojewodztwo {
				position: relative;
			}
				
				.przedstawiciele_header_inner a.wojewodztwo .wojewodztwo_area {
					fill:#F1F1F1;
					fill-rule:nonzero
					transition: all 0.2s ease;
				}		
				
				.przedstawiciele_header_inner a.wojewodztwo .wojewodztwo_nazwa {
					fill:#04488E;
					fill-rule:nonzero
					transition: all 0.2s ease;
				}
				
				.przedstawiciele_header_inner a.wojewodztwo.active .wojewodztwo_area,
				.przedstawiciele_header_inner a.wojewodztwo:hover .wojewodztwo_area {
					fill: #8DBAE9;
					transition: all 0.2s ease;
				}
				
				.przedstawiciele_header_inner a.wojewodztwo.active .wojewodztwo_nazwa,
				.przedstawiciele_header_inner a.wojewodztwo:hover .wojewodztwo_nazwa {
					fill: #fff;
					transition: all 0.2s ease;
				}
				
				
		#tooltip {
			position: absolute;
			background: #04488E;
			font-weight: 400;
			color: #fff;
			padding: 10px 15px;
			border-radius: 5px;
			font-size: 16px;
			opacity: 0;
			
		}
		
.nothing-wrapper {
	text-align: center;
	padding: 20px 0;
}
		
	.nothing-wrapper h5 {
		font-size: 30px;
	}

#bazaprzedstawicieli {
	padding-bottom: 100px;
}

	#bazaprzedstawicieli h3 {
		text-align: center;
		font-size: 40px;
		text-align: center;
		color: #8DBAE9;
		font-weight: bold;
	}
	

	#bazaprzedstawicieli .opalestate-form-filtering {
		display: flex;
		padding-top: 10px;
		padding-bottom: 20px;
		align-items: center;
		justify-content: center;
	}
	
		#bazaprzedstawicieli .opalestate-form-filtering h4 {
			font-size: 24px;
			line-height: 1.2;
			padding-right: 30px;
		}
		
		#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields {			
			display: flex;
			align-items: center;
		}
		
		
			#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields input {
				font-family: 'Nunito', sans-serif;
					
				padding: 12px 20px;
				width: 260px;
				box-sizing: border-box;
				border: 1px solid #8DBAE9;
				line-height: 1;
				font-size: 18px;
				font-weight: 300;
	
				color: #000;
				font-size: 18px;
				margin-right: 10px;
			}
			
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields input::placeholder {
					color: #000;
					font-size: 16px;
					font-weight: 300;
				}
		
			#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields select {
				display: none;
			}				
					
			#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields .select2-container {
				display: block;
				width: 260px !important;
				margin-right: 15px;
				padding: 0 !important;
			}
			
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields .select2-container > span {
					display: block;
				}
				
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields .select2-selection  {
					position: relative;
					display: inline-block;
					width: 100%;
					box-sizing: border-box;
					padding: 16px 20px 15px 20px;
					line-height: 1;
					border: 1px solid #8DBAE9;
					font-size: 17px;
				
				}				
				
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields .select2-selection > span {
					padding: 0;
				}
				
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields .select2-selection__arrow {
					content: "";
					display: block;
					width: 5px;
					height: 5px;
					border-right: 3px solid #8DBAE9;
					border-bottom: 3px solid #8DBAE9;
					
					position: absolute;
					right: 15px;
					top: 50%;
					transform: translateY(-50%) rotate(45deg);
					transition: all 0.2s ease;
				}
			
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields .select2-container--open .select2-selection__arrow {
					transform: translateY(-50%) rotate(-135deg);
					transition: all 0.2s ease;
				}
			
				#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields button {
					background: #8DBAE9;
					border: 1px solid #8DBAE9;
					box-sizing: border-box;
					border-radius: 128px;
					font-size: 18px;
					margin-left: 40px;
					padding: 12px 30px;
				}
			
					#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields button:hover {
						border: 1px solid #FFDECB;
						background: #FFDECB;
						color: #04488E;
						transition: all 0.2s ease;
					}
			
			.select2-container {
				width: 260px !important;
				z-index: 9999;
				border: 0 !important;
			}		

			.select2-container .select2-search  {
				display: none;
			}
			
			.select2-container .select2-selection--multiple .select2-selection__rendered {
				width: 100%;
				height: 100%;
				padding: 8px 10px !important;
				box-sizing: border-box;
				
				display: flex !important;
				flex-wrap: wrap;
				gap: 5px;
			}
			
				.select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
					background: #04488e;
					color: #fff;
					padding: 8px 10px;
					font-size: 14px;
					border-radius: 20px;
					
					display: flex;
					gap: 5px;
					align-items: center;
				}
					
					.select2-container .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice span:hover {
						color: #ffdecb;
					}
					
				.select2-container .select2-selection--multiple .select2-search {
					display: block;
					width: 100%;
					height: 100%;
					font-size: 16px;
					font-family: 'Jaldi', sans-serif;
				}
		
					.select2-container .select2-selection--multiple .select2-search input {
						padding: 4px 0;
					}
					
				.select2-container .select2-dropdown ul {
					position: relative;
					
					width: 100%;
					list-style: none;
					background: #fff;
					padding: 10px 0 20px 0;
					box-sizing: border-box;
					
					border: 1px solid #8DBAE9;
				}

				.select2-container .select2-dropdown.select2-dropdown--below ul {
					border-top: 0;
					border-radius: 0 0 5px 5px;
					border-left: 1px solid #8DBAE9;
					border-right: 1px solid #8DBAE9;
					border-bottom: 1px solid #8DBAE9;
				}
				
				.select2-container .select2-dropdown.select2-dropdown--above ul {
					border-bottom: 0;
					border-radius: 5px 5px 0 0;
					border-left: 1px solid #8DBAE9;
					border-right: 1px solid #8DBAE9;
					border-top: 1px solid #8DBAE9;
				}
				
				
				.select2-container .select2-dropdown li {
					font-size: 18px;
				}
				
				.select2-container .select2-dropdown ul li:hover {
					cursor: pointer;
					color: #fff;
					background: #8DBAE9;
				}
				
				.select2-container .select2-dropdown ul li[aria-selected=true] {
					font-weight: bold;
					color: #fff;
				}
				
				
				
				
				
				
				
				
		.przedstawiciel-single {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 5px 0;
			padding: 10px 15px;
			border: 2px solid #fff;
			
			text-align: left;
				font-size: 18px;
			
			transition: all 0.2s ease;
		}
				
		.przedstawiciel-single.header {
			color: #fff;
			background: #04488E !important;
			border: 2px solid #04488E !important;
		}
			
			.przedstawiciel-single.header > *:first-child {
				font-weight: bold;
			}
		
		.przedstawiciel-single:nth-child(even) {
			background: rgba(141, 186, 233, 0.23);
			border: 0;
		}
		
		.przedstawiciel-single:nth-child(odd) {
			background: rgba(255, 255, 255, 0.23);
			border: 0;
		}
				
			.przedstawiciel-single a {
				text-decoration: none;
			}
			
				.przedstawiciel-single a:hover {
					color: #8DBAE9;
				}
				
			.przedstawiciel-single .mth-title {
				flex-basis: 30%;
				box-sizing: border-box;
				
				display: flex;
			}
			
				.przedstawiciel-single .mth-title_inner {
					font-weight: bold;
				}
				
				
			.przedstawiciel-single .mth-adres {
				flex-basis: 25%;
				box-sizing: border-box;
				padding-left: 1%;
			}
			
			.przedstawiciel-single .mth-email {
				flex-basis: 25%;
				box-sizing: border-box;
				padding-left: 1%;
			}
			
			.przedstawiciel-single .mth-telefon {
				flex-basis: 20%;
				box-sizing: border-box;
				padding-left: 1%;
			}


				
			
			
ul.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	list-style: none;
	padding-top: 35px !important;
}
	
	ul.pagination li {
		display: inline-block;
		padding: 3px !important;
	}

	ul.pagination li a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 25px;
		height: 25px;		
		
		padding: 3px;
		border-radius: 50%;
		border: 2px solid #fff;
	}

	ul.pagination li a:hover {
		border: 2px solid #4CB67A;
	}
		
	ul.pagination li.active a {
		background: #4CB67A;
		color: #fff;
		border: 2px solid #4CB67A;
	}


	ul.pagination li.disabled a {
		opacity: 0.3;
		border: 2px solid #fff;
	}


form.dolaczDoProgramu {
	width: 100%;
	max-width: 465px;
	
	padding: 30px;
	background: #e4f1ff;
	border-radius: 30px;
	
	margin: 30px auto 60px auto;
}

	form.dolaczDoProgramu label {
		font-weight: 600;
		display: grid; 
		grid-template-columns: 16px auto; 
		gap: 10px 10px; 
	}
	
	form.dolaczDoProgramu button {
		display: table;
		position: relative;
		background: #04488E;
		border: 1px solid #04488E;
		color: #fff;
		padding: 15px 70px;
		border-radius: 35px;
		line-height: 1;
		text-transform: uppercase;
		margin: 20px auto 0 auto;
		
		font-weight: 600;
		font-size: 20px;
		
		transition: all 0.2s ease;
	}

		form.dolaczDoProgramu button:hover {
			border: 1px solid #FFDECB;
			background: #FFDECB;
			color: #04488E;
			cursor: pointer;
			transition: all 0.2s ease;
		}
		
		
#najnowszeArtykuly {
	padding-bottom: 20px;
}

	#najnowszeArtykuly #wpisy_inner {
		padding-top: 20px;
		
		display: flex;
		align-items: stretch;
		gap: 20px;
	}
	
		#najnowszeArtykuly #wpisy_inner .artykul {
			flex: 1 1 0;
			height: unset;
		}
		
			#najnowszeArtykuly #wpisy_inner .artykul a {
				height: 100%;
			}



form.program-rezygnacja-form {
	margin: 30px 0;
	width: 100%;
}

	form.program-rezygnacja-form .notice-error {
		border-left: 4px solid #dc3232;
		padding: 10px 20px;
		margin: 0 0 15px;
		background: #dc3232;
		border-radius: 30px;
		color: #fff;
		font-weight: 600;
	}
	
	form.program-rezygnacja-form button {
		display: table;
		font-size: 20px;
		margin: 25px auto 0 auto;
		cursor: pointer;
	}

	form.program-rezygnacja-form label.checkbox {
		position: relative;
		display: block;
		margin: 10px 0;
		font-size: 18px;
		padding: 5px 15px;
		border-radius: 20px;
		border: 1px solid #8DBAE9;
		cursor: pointer;
		text-align: left;
		transition: all 0.2s ease;
	}

	form.program-rezygnacja-form label.checkbox:hover {
		border: 1px solid #04488E;
		transition: all 0.2s ease;
	}
		
		form.program-rezygnacja-form label.checkbox input[type='checkbox'] {
			position: absolute;
			visibility: hidden;
			margin-right: 10px;
		}

		form.program-rezygnacja-form label.checkbox span {
			display: block;
			padding: 5px 0 5px 32px;				
		}
		
		form.program-rezygnacja-form label.checkbox input {
			position: absolute;
			opacity: 0;
		}
		
		form.program-rezygnacja-form label.checkbox input + span:before {
			content: "";
			position: absolute;
			left: 15px;
			top: 50%;
			transform :translateY(-50%);
			
			display: block;
			width: 22px;
			height: 22px;
			border: 1px solid #8DBAE9;
			border-radius: 50%;
			transition: all 0.2s ease;
		}
			
			form.program-rezygnacja-form label.checkbox input:checked + span:before {
				border: 1px solid #04488E;
				transition: all 0.2s ease;
			}
			
		form.program-rezygnacja-form label.checkbox input + span:after {
			content: "";
			position: absolute;
			left: 15px;
			top: 50%;
			transform :translateY(-50%);
			
			display: block;
			width: 23px;
			height: 23px;
			
			background-image: url(../graf/ico_check.svg);
			background-size: 0 auto;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			
			transition: all 0.2s ease;
		}
			
			form.program-rezygnacja-form label.checkbox input:checked + span:after {
				background-size: 65% auto;
				transition: all 0.2s ease;
			}
					
		form.program-rezygnacja-form textarea {
			font-family: 'Jaldi', sans-serif;
			font-size: 16px;
			width: 100%;
			height: 90px;
			resize: none;
			line-height: 1.2;
			box-sizing: border-box;
			border: 1px solid #8DBAE9;
			padding: 16px 11px 8px 11px;
			box-sizing: border-box;
		}