/*  
Theme Name: Velox Nieruchomości Szczecin
Theme URI: https://www.kulikowski-it.pl
AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author: AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author URI: https://www.kulikowski-it.pl
Description: Realizacja witryny internetowej Velox wykonana przez firme "KULIKOWSKI-IT" Adam Kulikowski. c)2026 All rights reserved. Wszystkie prawa zastrzezone. 
*/
/* Reset CSS by KULIKOWSKI-IT */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}body a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0}input,select{vertical-align:middle}h1,h2,h3,h4,h5{font-weight:400}
#smi-kulikow{position:fixed;z-index:99999;width:60px;top:45%;right:-60px;opacity:.8}#smi-kulikow:hover{opacity:1}#smi-kulikow ul{list-style:none;margin:0}#smi-kulikow ul li{margin-left:-30px;margin-top:2px}#smi-kulikow ul li img{width:40px;height:auto}#smi-kulikow ul li:hover{margin-left:-40px}#smi-kulikow,#smi-kulikow ul li,#smi-kulikow ul li:hover,#smi-kulikow:hover{-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out}@media (max-width:768px){#smi-kulikow ul li img{width:30px!important;height:auto}#smi-kulikow ul li{margin-left:-25px}#smi-kulikow ul li:hover{margin-left:-32px}}

	/* Project CSS */
	body { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: 1em; color: #000; background: #fff;}		
	
		#topsite { float: left; width: 100%; position: relative; padding: 15px 0px 0px 0px; z-index: 99; background:#690a28; }		
	

			#tlumaczenia { float: right; margin: 0px; width: 80%; }
			#tlumaczenia p.zadzwon { float: right; margin-right: 20px; }
			#tlumaczenia p.zadzwon a { float: right; padding: 7px 15px 7px 30px; color:#000; background: #fff url('images/header/tel.svg') left center no-repeat; background-position-x: 10px; background-size: 15px; transition: all 250ms ease-in-out; border-radius: 25px; }
			#tlumaczenia p.zadzwon a:hover { color:#333; }
				#tlumaczenia p.zadzwon a { font-weight: 500; font-size:0.8em; }
				#tlumaczenia p.zadzwon a span { font-weight: 300; } 
				
				
			#tlumaczenia p.ulubione { float: right; margin-right: 10px; }
			#tlumaczenia p.ulubione a { float: right; padding: 7px 15px 7px 25px; color:#fff; background: url('images/header/ulubione.svg') left center no-repeat; background-position-x: 0px; background-size: 15px; transition: all 250ms ease-in-out; border-radius: 25px; }
			#tlumaczenia p.ulubione a:hover { color:#ffa02b; }
				#tlumaczenia p.ulubione a { font-weight: 500; font-size:0.8em; }
				#tlumaczenia p.ulubione a span { font-weight: 500; } 		
				
				
			#topsite #tlumaczenia a.glink { float: right; font-weight: 400 !important; color: #fff !important; font-size: 0.8em; background:none; border-bottom: 2px solid #690a28; padding: 5px 4px; margin-right: 5px; }
			#topsite #tlumaczenia a.glink.gt-current-lang { font-weight:normal; font-weight: 500 !important; color: #fff !important; border-bottom: 2px solid #ffa02b; }


			
			#logo { float: left; width: 20%; margin-bottom: 10px; }
				#logo img { width: 160px; z-index: 100; max-width: 100%; height: auto; }
			#menu { float: right; width: 80%; }
	
			/* Max mega menu custom */				
					#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu {  margin-left: 5%;
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
					}
					#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu {
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
					}
					@media (max-width: 768px) {
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu {  margin-left: 0%; }							
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu { 
								-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
								-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
								box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
							}	
					}			

	
			#videoslider.hero-video { position: relative; width: 100%;  overflow: hidden;  z-index: 90; }
			#videoslider .hero-video__el { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none !important; }
					
		
		.container { margin: 0 auto; }  

		.page_content { padding: 50px 0px; }
			.page_content, .content { float: left; width: 100%; }
		
			.content h1, .content h2, .content h3, .content h4, .content h5 { color: #000; font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; margin: 10px 0px 10px 0px; } 
			.content h1 {  font-size: 2.5em; line-height: 1.2em; } 
			.content h2 { font-size: 2.25em; line-height: 1.3em; } 
			.content h3 { font-size: 2.0em; line-height: 1.3em; } 
			.content h4 { font-size: 1.6em; line-height: 1.3em; }  
			.content h5 { font-size: 1.4em; line-height: 1.3em; } 
			
			.content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong, .content h5 strong { font-weight: 500; } 

			
			.content ul, .content ol { margin-left: 20px; color: #000; line-height: 1.7em; } 
			.content p { color: #000; margin: 7px 0px 7px 0px; line-height: 1.7em; }   
				.content p strong { font-weight: 500; }   

			/* .content h1, .content h2, .content h3, .content h4, .content h5, */
			.content p { hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; word-wrap: break-word; } 
			
			.content img { max-width: 100%; height: auto; }
			.content img.alignleft { float: left; margin: 5px 20px 20px 0px; }    
			.content img.alignright { float: right; margin: 5px 0px 20px 20px;  }  
			.content img.alignleft, .content img.alignright { max-width: 50%; height: auto; }  				
			.content img.aligncenter { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }  

			.content table { width: 100%;  }
			.content table td { padding: 3px; border-bottom: 1px solid #ddd; }

			/* CF 7 custom */	 

			.content form.wpcf7-form, .content form.wpcf7-form input, .content form.wpcf7-form select, .content form.wpcf7-form label, .content form.wpcf7-form textarea  { 
				font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;
			}
			.content form.wpcf7-form input { float: left; width: 100%; padding: 10px 0%; border-radius: 0px; border: none; border-bottom: 1px solid #606060; background:#fff;  font-size: 0.9em; margin-top: 10px; }
			.content form.wpcf7-form select { float: left; width: 100%; padding: 10px 0%;  border-radius: 0px; border: none; border-bottom: 1px solid #606060; background:#fff;  font-size: 0.9em;  margin-top: 10px;}
			.content form.wpcf7-form textarea { float: left; width: 100%; padding: 10px 0%; resize: none; height: 80px; border-radius: 0px; border: none; border-bottom: 1px solid #606060; background:#fff; font-size: 0.9em; margin-top: 10px;}
			.content form.wpcf7-form label { margin-top: 10px; float: left; width: 100%; }
			.content form.wpcf7-form input.wpcf7-submit {
				border: none; float: right;  width: auto;  padding: 5px 25px; font-size: 0.9em; margin-top: 15px; cursor: pointer; border-radius: 0px;  transition: all 250ms ease-in-out;
				font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;
				color: #fff !important;
				background: #690a28;
				border: 2px solid #690a28;
			}
			.content form.wpcf7-form input.wpcf7-submit:hover {
				background: #fff !important;
				border: 2px solid #690a28;
				color: #690a28 !important;
			}
			.content form.wpcf7-form .wpcf7-response-output { float: left; width: 90%; margin: 0; margin-top: 10px; line-height: 1.25em; padding: 15px 5%; }
			.content form.wpcf7-form input[type='checkbox'] { float: left; width: 20px }			
			.content .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; float: left; }
			.content label.rodoinfo { line-height:1.6em; font-size: 0.7em; font-weight: 400 !important; }	

			/* Btn custom */			

			.content a.kt-button, .content span.kt-button {
				transition: all 200ms ease-in-out;
			  font-size: 0.9em !important;
			  border: 2px solid #690a28 !important;
			  border-radius: 0;
			  color: #fff !important;
			  font-weight: 500 !important;
			  padding: 10px 20px !important;
			  background: #690a28 !important;			  
			}
			
			
			.content a.kt-button:hover, .content span.kt-button:hover {
			  border: 2px solid #690a28 !important;
			  color: #690a28 !important;
			  background: #fff !important;
			}			




		.wp-block-heading sup { font-size: 70%; vertical-align: super; line-height: 1; }
		sup { font-size: 70%;  vertical-align: super;  line-height: 1;   }
		sub { font-size: 70%; vertical-align: sub;  line-height: 1; }

		
			
	/* - */	

					#footer { float: left; width: 100%; padding: 0; line-height: 1.5em; background: linear-gradient(to right, #690a28 0%, #690a28 50%, #fff 50%, #fff 100%);
						-webkit-box-shadow: 10px 18px 18px 15px rgba(0,0,0,0.12);
						  -moz-box-shadow: 10px 18px 18px 15px rgba(0,0,0,0.12);
						  box-shadow: 10px 18px 18px 15px rgba(0,0,0,0.12);
						  position:relative; z-index: 89;
					}

					#footer .container { display: grid; grid-template-columns: 25% 25% 50%; align-items: stretch; padding: 0; }

					#footer .f25, #footer .f50 { float: none; width: auto; box-sizing: border-box; min-width: 0; }

					#footer .f25 { background: #690a28; padding-top: 40px; padding-bottom: 40px; }

					#footer .f25:first-child { padding-right: 30px; }

					#footer .f25:nth-child(2) { padding-left: 30px; padding-right: 30px; }

					#footer p { color: #cbc7c7; font-size: 0.8em; }

					#footer img.logo { width: 150px; max-width: 80%; height: auto; margin-bottom: 20px; }

					#footer p.socialmedia img { margin-right: 15px; width: 30px; height: auto; transition: all 200ms ease-in-out; }

					#footer p.socialmedia img:hover { opacity: 0.8; }

					#footer a { color: #cbc7c7; }

					#footer a:hover { color: #fff; }

					#footer h5 { color: #fff; font-size: 1em; font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }

					#footer ul { margin: 0; padding: 0; }

					#footer ul li { list-style: none; }

					#footer ul li a { color: #cbc7c7; font-size: 0.8em; }

					#footer ul li a:hover { color: #fff; }

					#footer .f50 { background: #fff; padding: 40px 0 40px 50px; color: #000; }

					#footer .f50 h1, #footer .f50 h2, #footer .f50 h3, #footer .f50 h4, #footer .f50 h5, #footer .f50 h6, #footer .f50 p, #footer .f50 label { color: #000; }


					/* FORMULARZ */

					#footer .f50 form.wpcf7-form, #footer .f50 form.wpcf7-form input, #footer .f50 form.wpcf7-form select, #footer .f50 form.wpcf7-form label, #footer .f50 form.wpcf7-form textarea { font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #000; }

					#footer .f50 form.wpcf7-form input { float: left; width: 100%; padding: 10px 0; border-radius: 0; border: none; border-bottom: 1px solid #606060; background: #fff; color: #000; font-size: 0.9em; margin-top: 10px; box-sizing: border-box; }

					#footer .f50 form.wpcf7-form select { float: left; width: 100%; padding: 10px 0; border-radius: 0; border: none; border-bottom: 1px solid #606060; background: #fff; color: #000; font-size: 0.9em; margin-top: 10px; box-sizing: border-box; }

					#footer .f50 form.wpcf7-form textarea { float: left; width: 100%; padding: 10px 0; resize: none; height: 80px; border-radius: 0; border: none; border-bottom: 1px solid #606060; background: #fff; color: #000; font-size: 0.9em; margin-top: 10px; box-sizing: border-box; }

					#footer .f50 form.wpcf7-form input::placeholder, #footer .f50 form.wpcf7-form textarea::placeholder { color: #555; opacity: 1; }

					#footer .f50 form.wpcf7-form label { margin-top: 10px; float: left; width: 100%; color: #000; }

					#footer .f50 form.wpcf7-form input.wpcf7-submit { float: right; width: auto; padding: 8px 25px; font-size: 0.9em; margin-top: 15px; cursor: pointer; border-radius: 0; transition: all 250ms ease-in-out; font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; color: #fff !important; background: #690a28; border: 2px solid #690a28; }

					#footer .f50 form.wpcf7-form input.wpcf7-submit:hover { background: #fff !important; border: 2px solid #690a28; color: #690a28 !important; }

					#footer .f50 form.wpcf7-form .wpcf7-response-output { float: left; width: 90%; margin: 10px 0 0; line-height: 1.25em; padding: 15px 5%; }

					#footer .f50 form.wpcf7-form input[type='checkbox'] { float: left; width: 20px; }

					#footer .f50 .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; float: left; }

					#footer .f50 label.rodoinfo { line-height: 1.6em; font-size: 0.7em; font-weight: 400 !important; color: #000; }


					/* TABLET / MOBILE */

					@media (max-width: 768px) {

						#footer { background: #000; }

						#footer .container { display: grid; grid-template-columns: 50% 50%; width: 90%; }

						#footer .f25 { padding: 30px 15px; }

						#footer .f50 { grid-column: 1 / -1; width: 100%; padding: 30px 5%; background: #fff; }

					}
	
	
	#footer p.footer-tel { float: left; width: 100%; margin: 10px 0 0 0; }

	#footer p.footer-tel a { display: flex; align-items: center; gap: 15px; color: #fff; font-size: 1.2em; font-weight: 500; text-decoration: none; }

	#footer p.footer-tel a:hover { color: #fff; opacity: 0.8; }

	#footer p.footer-tel img { width: 18px; height: auto; margin: 0; }
	
		#footer2 {  position:relative; z-index: 99; background:#fff; float: left; width: 100%; border-top: 1px solid #e6e6e6; padding: 10px 0px 10px 0px; }

		#footerauth {  float: left; width: 100%; padding: 15px 0px 15px 0px; line-height: 1.5em; }
			#footerauth p { text-align:left; color:#444; font-weight:400; font-size: 0.8em;  }
			#footerauth a { color:#444; }
			#footerauth a:hover { color:#000; }
	


/* CMS WooCommerce - fonts */	
	
			.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .woocommerce-ordering select, .woocommerce .quantity input.qty, .woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
			#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce div.product form.cart .variations select { 				
				font-family: "Figtree", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;
			}		

/* WooCommerce */	

	.woocommerce .woocommerce-ordering select { font-weight: 400; color: #222; border: 1px solid #eee;  border: 1px solid #eee; background: #fff; padding: 10px 15px; border-radius: 0px; }

/* WOO - Karta nieruchomości */	

	.woocommerce .product .product_meta .posted_in { display: none !important; }
	.woocommerce .product .estate-attrs { float: left; width: 100%; padding: 20px 0px; line-height: 1.5em; }
	  
		.woocommerce .product .estate-attr { position: relative; padding-left: 26px; line-height: 1.5em; font-size: 0.9em; margin: 12px 0px; }

		.woocommerce .product .estate-attr--miasto::before { content: ""; position: absolute; left: 0; top: 0.15em; width: 18px; height: 15px; background-image: url('images/icons/lokalizacja.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
		.woocommerce .product .estate-attr--typ-nieruchomosci::before { content: ""; position: absolute; left: 0; top: 0.15em; width: 18px; height: 15px; background-image: url('images/icons/rodzaj-nieruchomosci.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
		.woocommerce .product .estate-attr--metraz::before { content: ""; position: absolute; left: 0; top: 0.15em; width: 18px; height: 15px; background-image: url('images/icons/powierzchnia.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
		.woocommerce .product .estate-attr--rynek::before { content: ""; position: absolute; left: 0; top: 0.15em; width: 18px; height: 15px; background-image: url('images/icons/rynek.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
		.woocommerce .product .estate-attr--stan-nieruchomosci::before { content: ""; position: absolute; left: 0; top: 0.15em; width: 18px; height: 15px; background-image: url('images/icons/stan.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; }
	  
	  .woocommerce .product .entry-summary p.price { color:#000; font-weight:600; margin-bottom: 25px; border-bottom: 1px solid #e6e6e6; padding-bottom: 25px; }

			.woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 0 0 0 !important;   margin: 0px 0px 25px 0px !important; }				
			.woocommerce div.product .woocommerce-tabs ul.tabs li { border: none !important; border-bottom-color: none;  border-radius: none !important; margin: 0 0px; padding: 0 1em; background-color: none !important; background: none !important; border-bottom: 5px solid #f1f4f6 !important; }
			.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: none !important; position: absolute; bottom:0; width: 0; height: 0; content: none; box-sizing: border-box; }
			.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 1em; font-weight: 600; }
			.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
				border-bottom: 5px solid #690a28 !important;
			}
			
			.woocommerce div.product { margin-top: 21px; }


/* WOO - Lista nieruchomości */

.woocommerce ul.products li.product .price { font-weight: 600; font-size: 1.3em !important; color: #000; }

.woocommerce ul.products li.product .product-location { display: flex; align-items: center; position: relative; margin: 3px 0 15px 0; padding-left: 18px; font-size: 0.8em; line-height: 1.4em; color: #333; }

.woocommerce ul.products li.product .product-location::before { content: ""; position: absolute; left: 0; width: 14px; height: 14px; background-image: url("images/icons/lokalizacja.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; }

.woocommerce ul.products li.product .woocommerce-loop-product__title { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: auto; font-size: 1.2em; line-height: 1.3em; }

.woocommerce ul.products li.product .product-estate-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 35px; margin: 0 0 22px 0; }

.woocommerce ul.products li.product .product-estate-meta__item { position: relative; display: flex; align-items: center; min-height: 30px; padding-left: 43px; font-size: 15px; line-height: 1.3em; font-weight: 400; color: #000; }

.woocommerce ul.products li.product .product-estate-meta__item::before { content: ""; position: absolute; left: 0; top: 50%; width: 29px; height: 29px; transform: translateY(-50%); background-position: center; background-repeat: no-repeat; background-size: contain; }

.woocommerce ul.products li.product .product-estate-meta__item--rooms::before { background-image: url("images/oferta/liczba-pokoi.svg"); }

.woocommerce ul.products li.product .product-estate-meta__item--area::before { background-image: url("images/oferta/powierzchnia.svg"); }

@media (max-width: 1024px) and (min-width: 768px) {
  .container { width: 740px; }

  .woocommerce ul.products li.product .product-estate-meta { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 10px; margin: 0 0 14px 0; }

  .woocommerce ul.products li.product .product-estate-meta__item { min-height: 22px; padding-left: 25px; font-size: 12px; line-height: 1.2em; white-space: nowrap; }

  .woocommerce ul.products li.product .product-estate-meta__item::before { width: 17px; height: 17px; }
}

@media (max-width: 767px) {

	.woocommerce ul.products li.product .product-location { margin: 12px 0 8px 0; padding-left: 16px; font-size: 0.75em; line-height: 1.3em; }

	.woocommerce ul.products li.product .product-location::before { width: 12px; height: 12px; }

	.woocommerce ul.products li.product .product-estate-meta { flex-direction: column; align-items: flex-start; gap: 5px; margin: 0 0 12px 0; }

	.woocommerce ul.products li.product .product-estate-meta__item { min-height: 21px; padding-left: 28px; font-size: 13px; line-height: 1.2em; }

	.woocommerce ul.products li.product .product-estate-meta__item::before { width: 18px; height: 18px; }

}


	/* WooCommerce pagination */

.woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span { background: #fff; border-color: #fff; color: #000; transition: all 200ms ease-in-out; }

.woocommerce-pagination ul.page-numbers li a:hover { background: #000 !important; border-color: #000 !important; color: #f6f6f4 !important; }

.woocommerce-pagination ul.page-numbers li span.current { background: #690a28 !important; border-color: #690a28 !important; color: #fff !important; }

.woocommerce-pagination ul.page-numbers li span.dots { background: transparent; border-color: transparent; color: #000; }


		
		/* CMS WooCommerce - filtry */	

		 #filtrowanieproduktow { float: left; width: 100%; background: #fff; width: 95%; z-index: 999; position: relative; }
	
		 body.home #filtrowanieproduktow, body.archive #filtrowanieproduktow { 
						padding: 2% 2.5% 0% 2.5%; 
						border-bottom: 3px solid #ffa02b;
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.15);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.15);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.15);
						margin-bottom: 20px;		 
			}
		  
		.kt-testimonial-rating-wrap .kt-svg-testimonial-rating-icon { margin: 5px; }  
	  
/* RWD elements DIV */	

		@media (min-width: 1441px) {
			.container  {width:1360px;}
			#tlumaczenia .gtranslate_wrapper { margin-right: 25px; }
			#logo { width: 20%; float: left; margin-top: 10px;}
			#menu { width: 79%; float: right;  }
			body.home #filtrowanieproduktow, body.archive #filtrowanieproduktow { margin-top: -130px; }
			
		}

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#tlumaczenia .gtranslate_wrapper { margin-right: 25px; }
			#logo { width: 20%; float: left; margin-top: 10px;}
			#menu { width: 79%; float: right;  }
			
			body.home #filtrowanieproduktow, body.archive #filtrowanieproduktow { margin-top: -110px; }

		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			#tlumaczenia .gtranslate_wrapper { margin-right: 20px; }
			#logo { width: 20%; float: left; margin-top: 10px; }
			#menu { width: 79%; float: right; margin-top: 10px; }
			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 33px 0 0; }			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 15px; }
			
			body.home #filtrowanieproduktow, body.archive #filtrowanieproduktow { margin-top: -100px; }
		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 15%; float: left;margin-top:5px; }
			#tlumaczenia { width: 80%; }
			#tlumaczenia .gtranslate_wrapper { margin-right: 15px; }
			#menu { width: 80%; float: right;  }
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 20px 0 0; }			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 13px; line-height: 50px; height: 50px;}	
			body.home #filtrowanieproduktow, body.archive #filtrowanieproduktow { margin-top: -90px; }

		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 15%; float: left; }
			#tlumaczenia { width: 75%; }
			#tlumaczenia .gtranslate_wrapper { margin-right: 15px; }
			#menu { width: 85%; float: right; }
			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 15px 0 0; }			
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { font-size: 13px; line-height: 50px; height: 50px;}			
			
			
			#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
			
			#filtrowanieproduktow { display: none !important; }

		}

		@media (max-width: 768px) and (min-width: 480px) {
			.container   { width:90%; }
			#logo { width: 40%; float: left; }
			#tlumaczenia { width: 60%; }
			
			#menu { width: 100%; float: left; }
			


		}
		
		@media (max-width: 479px) {
			.container   {width:90%;}
			#logo { width: 50%; float: left; }
			#tlumaczenia { width: 50%; }
			#menu { width: 100%; float: left; }

		}		
				

				@media (max-width: 768px) {
					
				#topsite { padding: 5px 0px 5px 0px; }		
				#filtrowanieproduktow { display: none !important; }
					#tlumaczenia {width:100%; padding: 5px 0px 5px 0px; float: left; }
						#tlumaczenia p.zadzwon { float: left; margin-right: 10px; }	
						#tlumaczenia p.zadzwon a span { display: none; }
						#tlumaczenia p.zadzwon a { font-size: 0.7em; }
						#tlumaczenia p.ulubione a { padding: 5px 10px 5px 20px; }
						
						#logo { float: left; width: 50%; height: auto; float: left; height: auto; padding: 0%; margin-top:5px; margin-bottom: 0px; }
							#logo img { width: 125px; max-width: 80%; float: left; position: relative; z-index: 995; }
							#menu { width: 50%; float: right; position: relative; padding: 5px 0px; z-index: 999; margin-top: 10px; }
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }

						.content h1 {  font-size: 1.9em; } 
						.content h2 { font-size: 1.7em; } 
						.content h3 { font-size: 1.5em; }
						.content h4 { font-size: 1.3em; }  
						.content h5 { font-size: 1.2em; } 

						.content p { font-size: 0.8em; }   
						#footer p.footer-tel img { width: 13px;  }
						#footer p.footer-tel a { gap: 10px; font-size: 1em; }

				}	
				

.product-category-hero {
	position: relative;
	width: 100%;
	min-height: 300px;

	background-image: url('images/header.webp');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

	overflow: hidden;
}

.product-category-hero__overlay {
	position: absolute;
	inset: 0;

	background: rgba(0, 0, 0, 0.0);

	z-index: 1;
}

.product-category-hero__content {
	position: absolute;
	z-index: 2;

	top: 33.333%;
	left: 0;

	width: 100%;

	transform: translateY(-50%);

	padding: 20px;

	text-align: center;
}

.product-category-hero__title {
	margin: 0;
	padding: 0;

	color: #fff;

	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;

	text-align: center;
}


/* MOBILE */
@media (max-width: 767px) {

	.product-category-hero {
		min-height: 200px;

		display: flex;
		align-items: center;
		justify-content: center;
	}

	.product-category-hero__content {
		position: relative;

		top: auto;
		left: auto;

		width: 100%;

		transform: none;

		padding: 20px;

		text-align: center;
	}

	.product-category-hero__title {
		font-size: 28px;
	}

}