* { 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;
}

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

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

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

button.button,
span.wp-block-button__link,
a.wp-block-button__link {
	position: relative;
	background: #04488E;
	border: 1px solid #04488E;
	color: #fff;
	padding: 15px 40px;
	border-radius: 35px;
	line-height: 1;
	text-transform: uppercase;
	
	font-weight: 400;
	font-size: 22px;
	
	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 40px;
	border-radius: 35px;
	line-height: 1;
	text-transform: uppercase;
	
	font-weight: 400;
	font-size: 22px;
	
	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: 50px;
}

	
	#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: 15px 0;
}
	
	header .header_inner  {
		display: flex;
		gap: 15px;
		flex-wrap: wrap;
		align-items: center;
		padding: 0 1%;
	}
	
		header #logo {
			
		}
		
			header #logo img {
				display: block;
				margin: 0;
				width: 200px;
				height: auto;
			}
		
		@media screen and (max-width: 450px) {
			header .header_inner {
				gap: 10px;
			}
			
			header #logo img {
				width: 160px;
			}
		}
		

	
		
		header nav#logout {
			margin-left: auto;
		}
		
		
			header nav#logout ul#menu-menu-glowne-wylogowany {
				display: flex;
				align-items: center;
				list-style: none;
			}
				
				header nav#logout ul#menu-menu-glowne-wylogowany > li {
					margin: 0 5px;
				}
				
				header nav#logout 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;
				}

				@media screen and (max-width: 500px) {
					header nav#logout ul#menu-menu-glowne-wylogowany > li > a {
						padding: 5px 20px;
					}
				}

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

				header nav#logout ul#menu-menu-glowne-wylogowany > li.wylogujsie a {
					border: 1px solid #04488E;
					background: #04488E;
				}
					
				header nav#logout ul#menu-menu-glowne-wylogowany > li > a:hover {
					border: 1px solid #FFDECB;
					background: #FFDECB;
					color: #04488E;
					transition: all 0.2s ease;
				}
				
				header nav#logout ul#menu-menu-glowne-wylogowany > li.zarejestrujsie {
					display: none;
				}
		
			
				header #mobMenuOptions {
					margin-left: auto;
					display: flex;
					align-items: stretch;
					background: #04488E;
					border-radius: 35px;
				}
				
		
	
				header #cart.mob {
					height: 100%;
				}
					
					header #cart.mob a {
						position: relative;
						display: block;
						width: 50px;
						height: 50px;
						border: 2px solid #04488E;
						padding: 10px 10px;
						box-sizing: border-box;
						color: #fff;
						text-transform: uppercase;
						border-radius: 37px;
						
						background-color: #fff;
						background-image: url(../graf/ico_cart.svg);
						background-repeat: no-repeat;
						background-position: 50% 50%;
						background-size: 30px auto;
					}

						header #cart.mob 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 #cart.mob a:hover {
						background-color: #FFDECB;
						border: 2px solid #FFDECB;
					}
						
						header #cart.mob a:hover .cart-count {
							border: 2px solid #FFDECB;
						}
						
			header #userPoints.mob {
				color: #fff;
				padding: 10px 10px 10px 15px;
				box-sizing: border-box;
				display: flex;
				align-items: center;
				text-align: center;
				line-height: 1;
			}
			
			header #mob_menu {				
				text-decoration: none;
				color: #008C48;
				text-align: left;
				padding: 0 0 5px 0;
				display: inline-block;
				position: relative;
				z-index: 1000;
				top: 5px;
				
				width: 48px;
				height: 36px;
				cursor:  pointer;
				z-index: 9999;
				
				transform: scale(0.9);
			}

				header #mob_menu:hover {
					color: #fff;
					cursor: pointer;
				}
							
					header #mob_menu #show_menu {
						display: block;
						width: 100%;
						height: 100%;
					}
					
					header #mob_menu .span {
						height: 5px;
						background:  #04488E;
						transition:  all .3s ease-out;
						backface-visibility:  hidden;
						margin: 8px auto;
					}
					
						header #mob_menu #one  {
							margin: 0 auto 8px auto !important;
						}
						
						header #mob_menu #three  {
							margin: 8px auto 0 auto !important;
						}
									
					header #mob_menu.on #one  {
						transform:  rotate(45deg) translateX(8px) translateY(7px);
					}
					
					header #mob_menu.on #two  {
						opacity:  0;
					}
					
					header #mob_menu.on #three  {
						transform:  rotate(-45deg) translateX(10px) translateY(-9px);
					}
					
	@media screen and (max-width: 500px) {
		header #cart.mob a {
			width: 45px;
			height: 45px;
		}
		
		header #cart.mob a .cart-count {
			right: 2px;
			bottom: 2px;
		}
		
		header #userPoints.mob {
			padding: 5px 5px 5px 10px;
			font-size: 16px;
		}
	}
	
					
		header nav#login {
			width: 100%;
			visibility: hidden;
			opacity: 0;
			max-height: 0;
			overflow: hidden;
			
			transition: all 0.2s ease;
		}
		
		header nav#login.on {
			visibility: visible;
			opacity: 1;
			max-height: 800px;
			
			transition: all 0.2s ease;
		}		

			header nav .nav_inner #cart,
			header nav #userPoints {
				display: none;
			}
				
			header nav ul#menu-menu-zalogowany {
				display: flex;
				flex-direction: column;
				align-items: center;
				list-style: none;
				padding-bottom: 30px;
				
				box-sizing: border-box;
				
			}
				
				header nav ul#menu-menu-zalogowany > li {
					position: relative;
					width: 100%;
					max-width: 400px;
					text-align: center;
					margin: 3px 0;
				}
								
				header nav ul#menu-menu-zalogowany > li > a {
					display: block;
					position: relative;
					color: #04488E;
					line-height: 1;
					text-decoration: none;
		
					font-weight:400;
					font-size: 26px;
					padding: 12px 10px;
					border-radius: 25px;
					
					transition: all 0.2s ease;
				}

				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 {
					width: 96%;
					box-sizing: border-box;
					max-width: 400px;
					margin-top: 10px;
					background: #8DBAE9;
					padding: 15px 10px 15px 10px;
					border-radius: 25px;
					text-align: center;
				}
				
				
				header nav ul#menu-menu-zalogowany > li.konto > a {
					color: #04488E;
					font-weight: 600;
					text-transform: uppercase;
					padding: 10px 20px;
				}
				
					header nav ul#menu-menu-zalogowany > li.konto > a:hover {
						background: none;
					}
					
					header nav ul#menu-menu-zalogowany > li.konto ul.sub-menu {
						z-index: 10;
						list-style: none;
						display: block;
						width: 100%;
						box-sizing: border-box;
					}
					
						header nav ul#menu-menu-zalogowany > li.konto ul.sub-menu li {
							display: block;
							width: 100%;
						}
						
						header nav ul#menu-menu-zalogowany > li.konto ul.sub-menu li a {
							
							text-decoration: none;
							text-align: center;
							display: block;
							
							font-size: 26px;
							border-radius: 25px;
							color: #fff;
							padding: 10px;
							
							transition: all 0.2s ease;
						}
						
						header nav ul#menu-menu-zalogowany > li.konto:hover ul.sub-menu li a {
							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 ul.sub-menu li:last-child a {
							font-weight: bold;
						}

			
					
#intro {

}

	#intro .wp-block-columns {
		flex-direction: column;
		align-items: center !important;
		gap: 0 !important;
		padding: 0;
		justify-content: space-between;
	}
		
		#intro .wp-block-column:first-child {
			flex-basis: 100%;
			flex-grow: 0;
			text-align: center;
			padding: 0 4%;
		}
		
			#intro .wp-block-column:first-child h1 {
				font-size: 54px;
				padding: 10px 0;
			}
		
			#intro .wp-block-column:first-child h2 {
				font-size: 36px;
				color: #8DBAE9;
				padding: 10px 0;
			}
		
			#intro .wp-block-column:first-child .wp-block-buttons {
				padding: 20px 0 10px 0;
				justify-content: center;
			}
			
			#intro.zalogowany .wp-block-column:first-child .wp-block-buttons a {
				padding: 15px 35px;
				font-size: 24px;
			}
				
			#intro .wp-block-column:first-child .solinea {
				width: 200px;
				line-height: 1.3;
				text-align: center;
				margin: 30px auto 0 auto;
			}
	
			#intro .wp-block-column:first-child .solinea img {
				margin: 10px 0 0 0;
			}
				
		
		#intro .wp-block-column:last-child {
			position: relative;
			z-index: -1;
			flex-basis: 100%;
			width: 100%;
			flex-grow: 0;
			padding-top: 30px;
		}

		#intro .wp-block-column:last-child:after {
			content: "";
			display: block;
			width: 100%;
			height: 30vw;
			
			position: absolute;
			bottom: 0;
			left: 0;
			
			background-image: url(../graf/bg_intro.svg);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: 100% 100%;
			padding-bottom: 50px;
		}

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

				#intro .wp-block-column:last-child figure img {
					width: 90%;
					min-width: 350px;
					max-width: 550px;
					height: auto;
				}
				
			#intro .wp-block-column:last-child .solinea {
				display: none !important;
			}
			
			#intro .wp-block-column:last-child .ptp {
				width: 60%;
				min-width: 400px;
				right: 0%;
				bottom: 50px;
				
				position: absolute;
				z-index: 10;
				background: #fff;
				border-radius: 5px;
				padding: 5px 0 5px 15px;
				box-sizing: border-box;
				
				color: #000;
				font-size: 15px;
			}
				
				#intro .wp-block-column:last-child .ptp figure {
					margin-bottom: 0;
				}
					
					#intro .wp-block-column:last-child .ptp img {
						width: 75px;
						height: auto;
						min-width: unset;
					}
					
			@media screen and (max-width: 450px) {				
				#intro .wp-block-column:last-child figure img {
					width: 100%;
					min-width: 300px;
				}
				
				#intro .wp-block-column:last-child .ptp { 
					min-width: unset;
					width: 95%;
					bottom: 30px;
					font-size: 14px;
					line-height: 1.1;
				}
				
				#intro .wp-block-column:last-child .ptp figure {
					margin-bottom: 0;
				}
			}

	
	
#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 !important;
		
		font-weight: 700;
		color: #B2D8FF;
		font-size: 28px;
		line-height: 1.1;
	}

		#cozyskujesz .wp-block-column {
			flex-basis: 33% !important;
			position: relative;
			padding: 15px 0;
			margin: 0 !important;
		}
		
		#cozyskujesz .wp-block-column:first-child:before {
			content: "";
			display: block;
			width: 1px;
			height: 75%;
			background: #8DBAE9;
			
			position: absolute;
			bottom: 0;
			left: 0;
		}

		#cozyskujesz .wp-block-column:after {
			content: "";
			display: block;
			width: 1px;
			height: 75%;
			background: #8DBAE9;
			
			position: absolute;
			bottom: 0;
			right: 0;
		}

	#cozyskujesz .wp-block-buttons {
		padding-top: 30px;
	}
	
@media screen and (max-width: 650px) {
	#cozyskujesz  {
		padding: 40px 0 20px 0;
	}
	
	#cozyskujesz .wp-block-columns {
		flex-direction: column;
		padding: 0;
	}
	
	#cozyskujesz .wp-block-column {
		padding: 35px 0;
	}
	
	#cozyskujesz .wp-block-column:first-child:before {
		width: 90%;
		height: 1px;
		left: 5%;
	}
	
	#cozyskujesz .wp-block-column:after {
		width: 90%;
		height: 1px;
		left: 5%;
	}
	
	#cozyskujesz .wp-block-column:last-child:after {
		display: none;
	}
}
	
#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;
		flex-basis: 40%;
	}
	
		#cozyskujesz2 .wp-block-column:first-child img {
			width: 85%;
			height: auto;
		}
	
	#cozyskujesz2 .wp-block-column:last-child {
		flex-basis: 60%;
	}
	
	#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;
		}

@media screen and (max-width: 781px) {	
	#cozyskujesz2 .wp-block-columns {
		flex-direction: column;
	}
	
	#cozyskujesz2 .wp-block-column:first-child {
		order: 2;
		padding-top: 30px;
	}
	
	#cozyskujesz2 .wp-block-column:last-child {
		order: 1;
	}
	
	#cozyskujesz2 .wp-block-column ul li {
		font-size: 32px;
		margin: 5px 0;
	}

}


	
#produktySliderOutter {
	position: relative;
	padding: 20px 70px 15px 70px;
}
	
	#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: 80px 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: cover;
		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: 95%;
		max-width: 800px;
		margin: 0 auto;
		
		color: #fff;
		font-weight: 400;
		font-size: 45px;
		line-height: 1.1;
		text-transform: uppercase;
		
	}



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

	#opinie h2 {
		display: block;
		padding: 0 3%;
		box-sizing: border-box;
		
		font-size: 44px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		color: #8DBAE9;
	}
	
	#opinie #opinie_inner {
		padding: 0 3%;
	}
	
	#opinie #opinie_slider {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
		
		margin-top: 30px;
		padding-bottom: 5px;
		
		overflow: hidden;
	}

	#opinie #opinie_slider .swiper-button-prev,
	#opinie #opinie_slider .swiper-button-next {
		position: relative;
		background: #8DBAE9;
		border: 1px solid #8DBAE9;
		box-sizing: border-box;
		border-radius: 50%;
		margin: 20px 40px;
		
		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: 30px 2%;
}

	#rejestracja .wp-block-columns {
		background: #04488E;
		border-radius: 35px;
		min-height: 400px;
		gap: 0;
		box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.35);
		margin: 0;
	}
	
	#rejestracja .wp-block-columns .wp-block-column {
		margin: 0;
		padding: 15px;
		box-sizing: border-box;
	}
	
	#rejestracja .wp-block-columns .wp-block-column:first-child {
		color: #fff;
		flex-basis: 100%;
		padding: 30px 25px 
	}
	
		#rejestracja .wp-block-columns .wp-block-column:first-child h2 {
			font-size: 32px;
			line-height: 1;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			color: #fff;
		}
		
		#rejestracja .wp-block-columns .wp-block-column:first-child form {
			
		}
		
	#rejestracja .wp-block-columns .wp-block-column:last-child {
		display: none;
	}


@media screen and (max-width: 500px) {
	#rejestracja .wp-block-columns .wp-block-column:first-child {
		padding: 30px 25px;
	}
}

	
footer {
	background: #04488E;
	color: #fff;
	margin: 0;
	padding: 50px 0;
}
		
	footer .footer_inner {
		display: flex;
		flex-wrap: wrap;
		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 .col1 {
			order: 1;
			flex-basis: 100%;
			padding: 0;
			
			display: flex;
			justify-content: space-between;
		}
				
			footer .footer_inner .col1:before {
				display: none;
			}
		
			footer .footer_inner .col1 img {
				height: auto;
			}
			
			footer .footer_inner .col1 .wp-block-columns {
				margin-left: auto;
				flex-basis: 150px;
				gap: 0 !important;
				justify-content: flex-end;
			}
			
			footer .footer_inner .col1 .wp-block-column {
				flex-basis: 40% !important;
				max-width: 40%;
				flex-grow: 0;
				padding-top: 15px;
				text-align: right;
				margin: 0 !important;
			}
	
			footer .footer_inner .col1 .wp-block-column figure {
				margin: 0;
			}
	
		footer .footer_inner .col2 {
			order: 3;
			flex-basis: 50%;
			text-align: center;
			padding: 0 0 0 20px;
		}
		
			footer .footer_inner .col2:before {
				display: none;
			}
		
			footer .footer_inner .col2 figure {
				margin: 20px 0 0 0;
			}
		
		footer .footer_inner .col3 {
			order: 5;
			flex-basis: 100%;
			padding: 30px 0 0 0;
			margin: 30px 0 0 0;
		}		
	
		footer .footer_inner .col3:after {			
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			
			position: absolute;
			left: 0;
			top: 0;
			background: #8DBAE9;
		}
		
		footer .footer_inner .col4 {
			order: 4;
			flex-basis: 100%;
			padding: 30px 0 0 0;
			margin: 30px 0 0 0;
		}
		
		footer .footer_inner .col4:after {			
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			
			position: absolute;
			left: 0;
			top: 0;
			background: #8DBAE9;
		}
		
			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 {
			order: 2;
			flex-basis: 50%;
			padding: 0 20px 0 0;
		}
	
			footer .footer_inner .col5 ul li {
				list-style: none;
				padding: 6px 0;
			}
			
			footer .footer_inner .col5 ul li a {
				line-height: 1;
			}
	
#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 {
		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: 2vw;
			top: 2vw;
			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: 0 50px;
			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: none !important;
}

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

	#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: grid; 
			grid-template-columns: auto auto auto; 
			grid-template-rows: auto auto; 
			gap: 0px 0px; 
			align-items: center;
			
			margin: 10px 0;
			padding: 20px 10px;
			box-sizing: border-box;
			
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
			box-sizing: border-box;
			border-radius: 37px;
		}
		
		@media screen and (max-width: 500px) {
			#materialy .produkt {
				display: grid; 
				grid-template-columns: auto auto 110px; 
			}
		}
		
		#materialy .produkt.on {
			border: 1px solid #04488E;
		}
		
		#materialy .produkt:hover {
			border: 1px solid #04488E;
			cursor: pointer;
		}
			
			
		#materialy .produkt .checkbox {
			grid-area: 1 / 1 / 3 / 2;
			padding: 0 5px;
			
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}
		
		@media screen and (max-width: 500px) {
			#materialy .produkt .checkbox {
				grid-area: 2 / 2 / 3 / 3;
				padding: 15px 5px 0 5px;
			}
		}
		
			#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);
					background-size: 20px 20px;
				}
					
					
				
			#materialy .produkt .checkbox input {
				display: none;
				height: 0;
				overflow: hidden;
			}
	

		#materialy .produkt .count {
			grid-area: 2 / 3 / 3 / 4;
			padding: 15px 5px 0 5px;
			
			display: flex;
			justify-content: flex-end;	
		}
		
		@media screen and (max-width: 500px) {
			#materialy .produkt .count {
				grid-area: 2 / 3 / 3 / 4;
			}
		}
		
			#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 {
			grid-area: 1 / 2 / 3 / 3; 
			padding: 0 5px;
		}
		
		@media screen and (max-width: 500px) {
			#materialy .produkt .produkt_img {
				grid-area: 1 / 1 / 2 / 2;
			}
		}
				
			#materialy .produkt .produkt_img img {
				display: block;
				width: 100px;
				max-width: 20vw;
				height: auto;
			}

		#materialy .produkt .produkt_desc {
			grid-area: 1 / 3 / 2 / 4;
			padding: 0 5px 0 10px;
			font-size: 18px;
		}
		
		@media screen and (max-width: 500px) {
			#materialy .produkt .produkt_desc {
				grid-area: 1 / 2 / 2 / 4; 
			}
		}
		
			#materialy .produkt .produkt_desc h3 {
				font-size: 26px;
				font-weight: 700;
				color: #04488E;
				padding-bottom: 10px;
			}
	
			#materialy .produkt .produkt_desc ul {
				padding-left: 23px;
			}
		
		#materialy #wybrane {
			padding: 15px 20px;
			
			display: flex;
			align-items: center;
		}
		
		@media screen and (max-width: 550px) {
			#materialy #wybrane {
				justify-content: 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: 34px;
				padding-bottom: 10px;
				font-weight: 700;
				text-align: center;
				text-transform: uppercase;
				color: #04488E;
			}
				
			#materialy form .col {
				flex-basis: 48%;
				margin: 0 1%
			}
			
			#materialy form .col.fw {
				width: 100%;
				flex-basis: 100%;
			}
			
			@media screen and (max-width: 650px) {
				#materialy form .col {
					flex-basis: 100%;
					margin: 0;
				}
			}
	
			#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%;
			}
			
			#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 {
				display: none;
			}
			
			#materialy form .col.zamow {
				flex-basis: 100%;
				margin: 0;
				padding: 10px 0;
				box-sizing: border-box;
				
				display: flex;
				align-items: center;
				justify-content: center;
			}
			
			@media screen and (max-width: 650px) {
				#materialy form .col.zamow {
					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;
	padding-top: 30px;
}

	.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 20px;
		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;
			}
			
		@media screen and (max-width: 500px) {
			#rejestracja .rejestracja_form form.woocommerce-form-register .form-row {
				flex-direction: column;
				align-items: flex-start;
				gap: 0;
			}
			
			#rejestracja .rejestracja_form form.woocommerce-form-register .form-row label {
				flex-basis: unset;
			}
		}
			
			
.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 20px;
		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 40px !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-direction: column;
	flex-wrap: wrap;
	gap: 30px 20px;
}
			
	.myAccountPanel h1 {
		flex-basis: 100%;
		text-align: center;
	}
	
	.myAccountPanel nav.woocommerce-MyAccount-navigation {
		float: unset;
		width: 100%;
		overflow: hidden;
	}	
			
		.myAccountPanel nav.woocommerce-MyAccount-navigation ul {
			display: flex;
			width: 100%;
			gap: 20px;
			list-style: none;
			background: #e4f1ff;
			border-radius: 20px;
			padding: 15px;
			box-sizing: border-box;
			overflow: auto;
		}
					
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li {
				padding: 10px 0;
			}
			
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li:last-child {
				border: 0;
			}
			
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li a {
				display: block;
				white-space: nowrap;
				text-decoration: none;
			}
			
			.myAccountPanel nav.woocommerce-MyAccount-navigation ul li.is-active a {
				font-weight: bold;
			}

	
	.myAccountPanel .woocommerce-MyAccount-content {
		float: unset;
		width: 100%;
		flex-basis: 100%;
		width: unset;
	}
	
	.myAccountPanel .woocommerce-MyAccount-content .form-row {
		width: 100%;
		flaot: unset;
		padding: 0;
		margin: 5px 0;
	}
	

	
.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: 300px;
			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;
		align-items: center;
		gap: 25px;
		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: 50%;
			min-width: 50%;
			max-width: 50%;
			text-align: right;
		}
		
		#konto_szczegoly .kontoRow a {
			vertical-align: middle;
			text-decoration: none;
			font-size: 14px;
			height: auto;
			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;
		}
			
	@media screen and (max-width: 500px) {
		#konto_szczegoly .kontoRow {
			gap: 15px;
		}
		
		#konto_szczegoly .kontoRow strong {
			flex-basis: 40%;
			min-width: 40%;
			max-width: 40%;
		}
	}
	
#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 5px;
		box-sizing: border-box;
	}
	
	#zamowienia tbody tr td {
		padding: 10px 5px;
		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 {
		
	}
	
	#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: 28px;
		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%;
		text-align: center;
	}
	
	

#vademecum_pages {
    padding-bottom: 100px;
    padding-top: 20px;
	
    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;
		flex-direction: column;
        width: 100%;
        justify-content: center;
		align-items: center;
        gap: 25px;
    }

    #vademecum_pages .vademecum_page {
		width: 100%;
		max-width: 500px;
    }
	
        #vademecum_pages .vademecum_page a {
            display: flex;
			gap: 20px;
			align-items: center;
			
            padding: 20px;
            box-sizing: border-box;
            border: 1px solid #04488E;
            border-radius: 25px;
            text-decoration: none;
			background: #fff;
        }

        #vademecum_pages .vademecum_page a:hover {
            box-shadow: 0 0 0 2px #04488E;
        }
		
        #vademecum_pages .vademecum_page a .img {
			width: 120px;
			max-width: 120px;
			height: auto;
		}
		
			#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 {
			width: calc(100% - 120px);
            font-size: 26px;
            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;
		width: 100%;
		gap: 30px;
		overflow: auto;
		padding-bottom: 30px;
	}
	
	.intro_artykuly .artykul {
		width: 40vw;
		min-width: 380px;
	}
	
	@media screen and (max-width: 450px) {
		.intro_artykuly .artykul {
			width: 40vw;
			min-width: 280px;
		}
	}

.back_mob {
	padding-bottom: 20px;
}

	.back_mob a {
		text-decoration: none;
	}

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

	.artykuly_cats span {
		display: inline-block;
		padding: 5px 5px 5px 0;
	}
	
	.artykuly_cats a {
		display: inline-block;
		padding: 5px 10px;
		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: flex;
	flex-wrap: wrap;
	gap: 20px;
}
		  
.artykul {
	height: 100%;
	flex-basis:calc(50% - 10px);
}	

@media screen and (max-width: 550px) {	  
	.artykul {
		flex-basis: 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 15px;
			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: 20px 3% 10px 3%;
	text-align: center;
}
			
			

#tocDiv {
	background: rgba(141, 186, 233, 0.18);
	padding: 25px;
	box-sizing: border-box;
	border-radius: 15px;
}

	#tocDiv #spis-tresci {
		font-size: 26px;
		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, ".") ". ";
				}
				
			
#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;
		}
		
.artykul_page .artykul_img {
	display: block;
	width: 100%;
	height: 300px;
	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: 94%;
	margin: 0 auto;
	background: #fff;
	border-radius: 25px;
	margin-top: -100px;
	
	padding: 30px 30px 10px 30px;
	box-sizing: border-box;
	margin-bottom: 50px;
}

@media screen and (max-width: 500px) {
	.artykul_page .artykul_content {
		padding: 30px 10px 10px 10px;
	}
}
	
	.artykul_page .artykul_content .artykul_header {
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
		justify-content: space-between;
		color: #8DBAE9;
		align-items: center;
	}
	
		.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;
		font-size: 34px;
	}
	
	.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;
			flex-direction: column;
			gap: 0;
		}
		
			#najnowsze_video .video .header .title {
				font-weight: 600;
				font-size: 30px;
			}
			
			#najnowsze_video .video .header .desc {
				text-align: left;
				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 {
	padding-top: 20px;
}

	#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;
			flex-direction: column;
			align-items: stretch;
			padding: 0;
		}


		#video .video_main {
			flex-basis: 100%;
			box-sizing: border-box;
			padding: 0 3%;
		}

			#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: 50vw;
				}
				
					#video .video_main .swiper-slide a:after {
						content: "";
						
						display: block;
						width: 55px;
						height: 55px;
						
						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: 70px;
						height: 70px;
						transition: all 0.2s ease;
					}
				
					#video .video_main .swiper-slide a img {
						object-fit: cover;
						object-position: 50% 50%;
						width: 100%;
						height: 100%;
					}

				#video .video_main .swiper-slide h3 {
					display: block;
					padding: 5px 0;
					color: #fff;
					font-size: 28px;
					text-transform: uppercase;
				}
				
				#video .video_main .swiper-slide p {
					color: #fff;
					font-size: 18px;
					padding-right: 5%;
				}
		
		#video .video_right {
			position: relative;
			padding: 40px 8% 0 8%;
			overflow: hidden;
			box-sizing: border-box;
		}
			
			#video .video_thumbs {
			}

				#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 .thumbnails {
						position: relative;
						display: block;
						overflow: hidden;
					}
					
					#video .video_thumbs .swiper-slide img {
						object-fit: cover;
						object-position: 50% 50%;
						width: 100%;
						height: 100%;
					}
					
					#video .video_thumbs .swiper-slide h3 {
						display: block;
						padding: 3px 0 0 0;
						font-size: 16px;
						color: #fff;
					}

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

				#video .video_thumbs .swiper-slide:hover {
					
				}
				
			#video .swiper-nav {
				position: absolute;
				top: 50%;
				left: 0;
				
				display: flex;
				width: 100%;
				align-items: center;
				justify-content: center;
			}
			
				#video .swiper-nav .swiper-button-next,
				#video .swiper-nav .swiper-button-prev {
					position: absolute;
					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(0deg);
					left: -1%;
				}
				
				#video .swiper-nav .swiper-button-next {
					transform: rotate(-def);
					right: -1%;
				}
				
				#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: 30px 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: 38px;
		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: 18px;
			padding: 15px 25px;
			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;
			width: 100%;
			box-sizing: border-box;
			flex-direction: column;
			text-align: left;
			padding: 10px 50px 10px 15px;
			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: 22px;
				line-height: 1.1;
				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: 16px;
				font-weight: 400;
				padding-top: 2px;
				line-height: 1;
				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: 800px;
			padding: 20px 25px;
			visibility: visible;
			transition: all 0.2s ease;
		}
			
			#dopobrania .plik .plik_content .grafika {
				width: 20%;
			}
			
			#dopobrania .plik .plik_content img {
				width: 95%;
				max-width: 180px;
				height: auto;
			}
				
			#dopobrania .plik .plik_content .desc {
				width: 80%;
				padding-left: 30px;
				
				display: flex;
				flex-direction: column;
			}
					
				#dopobrania .plik .plik_content .desc_bottom {
					width: 100%;
					margin-top: auto;
					padding-top: 20px;
					
					display: flex;
					justify-content: space-between;
				}
						
					#dopobrania .plik .plik_content .desc_bottom a {
						font-size: 24px;
						font-weight: 600;
						padding: 12px 50px;
					}
				
			@media screen and (max-width: 500px) {
				#dopobrania .plik .plik_content {
					flex-direction: column;
					justify-content: center;
					align-items: center;
					padding: 0 25px;
				}
			
		
					#dopobrania .plik .plik_content .grafika {
						width: 100%;
						text-align: center;
					}
					
					#dopobrania .plik .plik_content img {
						width: 100%;
						max-width: 150px;
						height: auto;
					}
					
					#dopobrania .plik .plik_content .desc {
						padding: 15px 0 0 0;
						width: 100%;
					}
					
				#dopobrania .plik .plik_content .desc_bottom {
					flex-direction: column;
					justify-content: center;
					align-items: center;
				}
				
				#dopobrania .plik .plik_content .desc_bottom .waga {
					padding-bottom: 15px;
				}
			}
				
	
	
#katalog_intro {
	align-items: center;
	margin: 0 auto;
	font-size: 28px;
	color: #8DBAE9;
}

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

	
#konkurs_intro {
	align-items: center;
	margin: 0 auto;
	font-size: 28px;
	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: 17px;
    padding: 10px 20px;
    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;
	flex-direction: column;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 40px;
}

	#katalog_szukaj {
		flex-basis: 100%;
		width: 100%;
		padding-bottom: 15px;
		box-sizing: border-box;
	}
	
		#katalog_szukaj .katalog_szukaj:first-child {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #8DBAE9;
			
			display: flex;
			align-items: center;
		}
		
		#katalog_szukaj .katalog_szukaj:first-child strong {
			display: none;
		}
		
		#katalog_szukaj .katalog_szukaj:first-child input[type='text'] {
			display: block;
			padding: 15px 10px;
			box-sizing: border-box;
			width: 100%;
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
		}
			
		#katalog_szukaj .katalog_szukaj:first-child button {
			margin-left: 20px;
			font-size: 20px;
			padding: 10px 20px;
			text-transform: unset;
			font-weight: 600;
			cursor: pointer;
		}
			
		@media screen and (max-width: 500px) {
			#katalog_szukaj .katalog_szukaj:first-child button {
				margin-left: 5px;
				padding: 8px 10px;
				font-size: 18px;
			}
		}
		
		#katalog_szukaj .katalog_szukaj:nth-child(2) {
			
		}
		
			#katalog_szukaj .katalog_szukaj:nth-child(2) strong {
				display: block;
			}
			
			#katalog_szukaj label {
				position: relative;
				display: inline-block;
				margin: 10px 10px 0 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: 100%;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		
		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: 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;
			transition: all 0.2s ease;
		}
		
		#katalog_lista a.katalog_produkt:hover {
			padding: 14px;
			border: 2px solid #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: 750px) {
	#katalog_lista a.katalog_produkt {
		flex-basis: 48%;
	}
}

@media screen and (max-width: 450px) {
	#katalog_lista a.katalog_produkt {
		flex-basis: 98%;
		margin: 2% 0;
	}
}
				
.pozostale_produkty {
	text-align: center;
}
	.pozostale_produkty h3 {
		color: #8DBAE9;
		font-size: 26px;
	}

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


				
#produkt_desc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
	padding: 0 3%;
}
			
	#produkt_desc .produkt_left {
		flex-basis: 100%;
		padding-top: 20px;
	}	
			
		#produkt_desc .produkt_left hr {
			margin: 30px 0;
			display: block;
			width: 100%;
			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 0 0;
			font-size: 16px;
			color: #8DBAE9;
		}
		
		#produkt_desc .produkt_left .produkt_img {
			text-align: center;
		}	
		
			#produkt_desc .produkt_left .produkt_img img {
				width: 95%;
				max-width: 350px;
			}
		
		#produkt_desc .produkt_left .produkt_kup {
			display: flex;
			justify-content: center;
		}
		
			#produkt_desc .produkt_left .produkt_kup > div {
				margin: 0 1%;
			}
		
			#produkt_desc .produkt_left .produkt_kup a {
				font-size: 20px;
				font-weight: bold;
				text-transform: unset;
				padding: 15px 50px;
			}
				
		@media screen and (max-width: 500px) {
			#produkt_desc .produkt_left .produkt_kup {
				flex-direction: column;
				gap: 20px 0;
			}
			
			#produkt_desc .produkt_left .produkt_kup a {
				display: block;
				width: 100%;
			}
		}
		
		
		
		#produkt_desc .produkt_left .produkt_polecane {
			background: #FFFFFF;
			border: 1px solid #8DBAE9;
			border-radius: 37px;
			padding: 15px 30px 15px 0;
			margin-top: 80px;
			
			display: flex;
			flex-direction: column;
		}
		
			#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_img {
				display: block;
				margin-left: 50px;
				margin-top: -70px;
			}
			
				#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;
				padding-top: 15px;
			}
		
				#produkt_desc .produkt_left .produkt_polecane .produkt_polecane_txt h3 {
					font-weight: 600;
					font-size: 30px;
					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: 600;
			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;
			padding-bottom: 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 {
			font-weight: 400;
			font-size: 16px;
			color: #8DBAE9;
			padding: 20px 20px 20px 30px;
			
		
			background-image: url(../graf/ico_info.svg);
			background-size: 22px auto;
			background-repeat: no-repeat;
			background-position: 0 20px;
		}
			
			
			
	#produkt_desc .produkt_right {
		display: none;
	}
				
				
#produkt_inne {
	padding: 0 3%;
}

	#produkt_inne h5 {
		font-size: 18px;
		font-weight: 600;
		color: #8DBAE9;
	}
	
	#produkt_inne #katalog_lista a {
		flex-basis: 48%;
	}
	
@media screen and (max-width: 550px) {
	#produkt_inne #katalog_lista a {
		flex-basis: 100%;
	}
}



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;
	flex-direction: column;
	align-items: flex-start;
	padding-top: 30px;
	padding-bottom: 70px;
}


	#konkursy_szukaj {
		display: flex;
		flex-wrap: wrap;
		flex-basis: 100%;
		padding-bottom: 15px;
		gap: 5px 10px;
		box-sizing: border-box;
	}

		#konkursy_szukaj strong {
			flex-basis: 100%;
			display: block;
			font-weight: 600;
			font-size: 20px;
			color: #04488E;
			padding-bottom: 5px;
		}
		
		#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: 100%;
	min-width: 100%;
	
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	
	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 {
			position: relative;
			flex-basis: 32%;
			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: 800px) {
			#konkursy_lista a.konkurs {
				flex-basis: calc(50% - 8px);
			}
		}
		
		@media screen and (max-width: 500px) {
			#konkursy_lista a.konkurs {
				flex-basis: 100%;
			}
		}
		
		#konkursy_lista.loading a.konkurs {
			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: 20px;
				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 {
			width: 100%;
			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: 120px;
				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: 150px;
				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;
				max-width: 100%;
				display: block;
				white-space: break-spaces;
				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: 100%;
	
	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: 32%;
		max-width: 32%;
		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: 800px) {
		#webinary_lista a.webinar {
			flex-basis: 49%;
			max-width: 49%;
		}
	}
	
	@media screen and (max-width: 500px) {
		#webinary_lista a.webinar {
			flex-basis: 100%;
			max-width: 100%;
		}
	}
	
	#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: 22px;
			line-height: 100.5%;
			text-align: center;
			text-transform: uppercase;
			color: #04488E;
		}
	
	
	
	
	
	
	
	
	

	
	
	
/* 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: 15px 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 {
		text-align: center;
	}
	
		#koszyk table.shop_table.cart .product-remove a {
			display: flex;
			margin: 0 auto;
			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: 100% !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 30px;
        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 table tr th,
			form.checkout #order_review table tr td {
				padding: 9px 0;
			}
			
		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 30px;
			}
		
			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(2, 1fr); 
		gap: 15px 15px; 
	}
	
	@media screen and (max-width: 550px) {
		#produkty .product_container {
			grid-template-columns: repeat(1, 1fr); 
		}
	}
	
	.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 {
		flex-basis: 100%;
		padding-bottom: 15px;
	}
	
	#nagrodaPage #produkt_details {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		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 {
				display: none;
			}			
		

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

	
	@media screen and (max-width: 700px) {
		#nagrodaPage #produkt_details {
			flex-direction: column;
			gap: 20px;
		}
		
		#nagrodaPage h1.mob {
			padding-bottom: 0;
		}
		
		#nagrodaPage #produkt_details .intro_gallery {
			width: 100%;
			max-width: 400px;
			margin: 0 auto;
		}
		
		#nagrodaPage #produkt_details .intro_content .product-add {
			text-align: center;
			padding: 20px;
		}
		
		#nagrodaPage #produkt_details .intro_content .product-add form {
			justify-content: center;
		}
	}
						
						
	#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;
			flex-direction: column;
			justify-content: center;
			flex-wrap: nowrap;
			margin: 20px auto;
			padding: 0;
			text-align: center;
			
			gap: 0px;
			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: 10px 0;
				margin: 10px 0;
				border-top: 1px solid #bbd9ff;
				
			}
					
			#zamowienie_thankyou ul.woocommerce-order-overview li:first-child {
				border-radius: 8px 0 0 8px;
				border-top: 0;
			}

			#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 30px 0;
	overflow: hidden;
}

	.przedstawiciele_header_inner {
		position: unset !important;
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

		.przedstawiciele_header_inner .przedstawiciele_header_txt {
			text-align: center;
			
		}
			
			.przedstawiciele_header_inner .przedstawiciele_header_txt h1 {
				color: #04488E;
				font-size: 48px;
				font-weight: 700;
				line-height: 1.1;
			}
			
				.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 {
			display: block;
			width: 100%;
			height: 80vw;
			max-height: 500px;
			padding-top: 30px;
		}
				
		.przedstawiciele_header_inner .przedstawiciele_header_map svg {
			display: block;
			width: 100%;
			height: 100%;
		}
			
			
			.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: 50px;
}

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

	#bazaprzedstawicieli .opalestate-form-filtering {
		display: flex;
		flex-direction: column;
		align-items: center;
		
		padding-top: 10px;
		padding-bottom: 20px;
		align-items: center;
		justify-content: center;
	}
	
		#bazaprzedstawicieli .opalestate-form-filtering h4 {
			font-size: 24px;
			line-height: 1.2;
		}
		
		#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields {			
			display: flex;
			width: 100%;
			flex-direction: column;
			align-items: center;
			padding: 20px 0 0 0;
		}
		
		
			#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields #slowo-kluczowe,
			#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields #wybierz-wojewodztwo {
				width: 100%;
				
				display: flex;
				justify-content: center;
			}
			
			#bazaprzedstawicieli .opalestate-form-filtering .form-group-fields input {
				font-family: 'Nunito', sans-serif;
					
				padding: 12px 20px;
				width: 100%;
				max-width: 300px;
				box-sizing: border-box;
				border: 1px solid #8DBAE9;
				line-height: 1;
				font-size: 18px;
				font-weight: 300;
	
				color: #000;
				font-size: 18px;
				margin: 10px auto;
			}
			
				#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: 300px !important;
				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%;
					max-width: 300px;
					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-top: 15px;
					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;
				}
				
				
				
				
				
				
				
				
		.opaleslate-container {
			display: flex;
			flex-wrap: wrap;
		}
		
		.przedstawiciel-single {
			flex-basis: 46%;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			margin: 2%;
			padding: 10px 15px;
			border: 2px solid #fff;
			
			text-align: left;
			font-size: 18px;
			
			transition: all 0.2s ease;
		}
				
		.przedstawiciel-single.header {
			display: none;
		}
			
			.przedstawiciel-single.header > *:first-child {
				font-weight: bold;
			}
		
		.przedstawiciel-single:nth-child(4n+3),
		.przedstawiciel-single:nth-child(4n+4) {
			background: rgba(141, 186, 233, 0.23);
			border: 0;
		}
		
		.przedstawiciel-single:nth-child(4n+2),
		.przedstawiciel-single:nth-child(4n+5) {
			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 {
				box-sizing: border-box;
				
				display: flex;
			}
			
				.przedstawiciel-single .mth-title_inner {
					font-weight: bold;
				}
				
				
			.przedstawiciel-single .mth-adres {
				box-sizing: border-box;
			}
			
			.przedstawiciel-single .mth-email {
				box-sizing: border-box;
			}
			
			.przedstawiciel-single .mth-telefon {
				box-sizing: border-box;
			}

@media screen and (max-width: 550px) {
	.przedstawiciel-single {
		flex-basis: 100%;
		margin: 1% 0;
	}
	
	.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;
	}
}
				
			
			
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;
	box-sizing: border-box;
	
	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;
		flex-direction: column;
		align-items: stretch;
		align-items: center;
		gap: 35px;
	}
	
		#najnowszeArtykuly #wpisy_inner .artykul {
			flex: 1 1 0;
			height: unset;
			width: 100%;
			max-width: 750px;
		}
		
			#najnowszeArtykuly #wpisy_inner .artykul a {
				height: 100%;
			}




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