/*  
Theme Name: Bosch Car Service Starościk – Szczecin (Pakiet CMS Zaawansowany)
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 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: "Inter", 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: 0px; z-index: 99; background:#002a3b;  }		
		#topsite.singlepage { position: relative; border-bottom: 1px solid #8d7970; }	
		
		#topsite.singlepage #pageheader { float: left; width: 100%; padding: 120px 0px 70px 0px; }
		#topsite.singlepage #pageheader h1 { text-align:center; color:#fff; font-size: 1.8em; }
		
			#umowsie { float: right; margin: 0px; width: 40%; }
			#umowsie p.wizyta { float: right; }
			#umowsie p.wizyta a.pl { float: right; display:block; width: 250px; height: 50px; background: url('images/umowsie.svg') left center no-repeat; background-size: 256px; transition: all 250ms ease-in-out; border-bottom:5px solid #f2f4f4; max-width: 100%; }
			#umowsie p.wizyta a.de { float: right; display:block; width: 250px; height: 50px; background: url('images/umowsie-de.svg') left center no-repeat; background-size: 256px; transition: all 250ms ease-in-out; border-bottom:5px solid #f2f4f4; max-width: 100%; }
			#umowsie p.wizyta a:hover {border-bottom:5px solid #429cda; }			
			
			#umowsie p.lang { display: block; float: right; }
			#umowsie p.lang { margin-right: 15px; }
			#umowsie p.lang a { color:#fff; font-weight: 600; font-size: 1em; padding: 2px 5px; transition: all 200ms ease-in-out; }
			
			#umowsie p.langmobile { display: none; float: right; }
			#umowsie p.langmobile { margin-bottom: 10px; }
			#umowsie p.langmobile a { color:#fff; font-weight: 600; font-size: 0.9em; padding: 2px 5px; transition: all 200ms ease-in-out;}
			
			#umowsie p.lang a:hover, #umowsie p.langmobile a:hover { color:#429cda; }
			
				#umowsie p.wizyta a { font-weight: 500; font-size:0.9em; }
				#umowsie p.wizyta a span { font-weight: 300; } 
				
			#logo { float: left; width: 20%; margin-top:0px; }
				#logo img { z-index: 100; width: 300px; max-width: 100%; height: auto; }
				
			#menubar { float: left; width: 100%; padding: 0px 0px; background:#ffffff; position: relative; z-index: 100;
					-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.1);
					box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.1);
			}
	
			/* 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);
							}	
					}			

	
	.slider { position: relative;z-index: 99; overflow: hidden; width: 100%; background:#fff; }
		.slider-inner { position: relative;  width: 100%; height: 0; overflow: hidden; }

		#slider-desktop .slider-inner { padding-bottom: calc(490 / 1437 * 100%); /* Proporcje desktop */ }
		#slider-mobilny .slider-inner { padding-bottom: calc(836 / 1080 * 100%); /* Proporcje mobile */ }

		@media (max-width: 768px) {
		  #slider-mobilny { display: block; }
		  #slider-desktop { display: none; }
		}

		@media (min-width: 769px) {
		  #slider-mobilny { display: none; }
		  #slider-desktop { display: block; }
		}

		.slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.slide { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; pointer-events: none; z-index: 1; cursor: pointer; }
		.slide.active { opacity: 1; pointer-events: auto; z-index: 2; }
		.slide img { width: 100%; height: 100%; object-fit: cover; }

		.slider-prev, .slider-next { position: absolute; top: 50%; padding: 16px;  color: #fff; font-size: 15px; background: rgba(0, 0, 0, 0.0);  border: none; cursor: pointer; transform: translateY(-50%); z-index: 4;  transition: all 250ms ease-in-out; border-radius: 5px; }

		.slider-prev:hover, .slider-next:hover { background-color: rgba(0, 0, 0, 0.15); }
		.slider-prev { left: 10px; }
		.slider-next { right: 10px; }

		.slider-dots { text-align: center; position: absolute; bottom: 8px; width: 100%; z-index: 4; }
		.slider-dot { display: inline-block; width: 8px; height: 8px; margin: 0 5px; background-color: #fff; border-radius: 50%;  cursor: pointer; }

		.slider-dot.active { background-color: #ed1921; opacity: 0.7; } 

		.slide-content { position: absolute; opacity: 0; transition: opacity 1s ease-in-out; color: #fff; z-index: 3; }
		.slide.active .slide-content { opacity: 1; transition-delay: 0.5s; }
		.slide-content .read-more-button { display: inline-block; opacity: 0; transition: opacity 1s ease-in-out; background-color: #ed1921; color: #fff; text-decoration: none; margin-top: 10px; font-size: inherit; padding: 5px 15px; }
		.slide.active .slide-content .read-more-button { opacity: 1; transition-delay: 1s; } 
		.slide-content .read-more-button:hover { background-color: #002a3b; }

		/* Slider desktop */
		@media (min-width: 769px) {
		  #slider-desktop .slide-content { left: 20px; top: 50%; transform: translateY(-50%); padding: clamp(25px, 2vw, 45px);  }
		  #slider-desktop .slide-content .slogan h2 { color:#fff; margin: 0; font-weight: 700; line-height: 1.2em; font-size: clamp(20px, 3vw, 55px); margin: 0; margin-bottom: clamp(15px, 2vw, 25px); }
		  #slider-desktop .slide-content .slogan p { font-weight: 500; font-size: clamp(9px, 3vw, 15px); }
		  #slider-desktop .slide-content .read-more-button { font-size: clamp(12px, 4vw, 16px); font-weight: 500; padding: clamp(7px, 1.5vw, 10px) clamp(24px, 3vw, 30px); margin-top: clamp(15px, 2vw, 20px); }
		}

		/* Slider mobile */
		@media (max-width: 768px) {
		
		  #slider-mobilny .slide-content { bottom: 5px; left: 50%;  transform: translateX(-50%); 
				text-align: center; 
				padding: clamp(20px, 2vw, 30px); 
				width: auto; 
				min-width: 70%; max-width: 70%;
		  } 
		  
		  #slider-mobilny .slide-content .slogan h2 { font-style: normal; color:#fff; font-size: clamp(20px, 4vw, 35px);  margin: 0; margin-bottom: clamp(10px, 3vw, 20px); font-weight: 600; line-height: 1.2em; }
		  #slider-mobilny .slide-content .slogan p { color:#fff; font-size: clamp(8px, 4vw, 13px);  margin: 0; margin-bottom: clamp(10px, 3vw, 20px); font-weight: 500; line-height: 1.2em; }
		  #slider-mobilny .slide-content .read-more-button { font-size: clamp(12px, 3vw, 14px); padding: clamp(10px, 2vw, 14px) clamp(20px, 5vw, 30px); margin-top: clamp(10px, 3vw, 20px); display: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, .content h6 { color: #002a3b; 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.5em; } 
			.content h4 { font-size: 1.6em; line-height: 1.5em; }  
			.content h5 { font-size: 1.4em; line-height: 1.5em; } 
			.content h6 { font-size: 1.2em; line-height: 1.5em; } 
			
			.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: #002a3b; line-height: 1.7em;  } 
			.content p { color: #002a3b; margin: 7px 0px 7px 0px; line-height: 1.7em; }   
				.content p strong { font-weight: 500; }   


			.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: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#000;
			}
			.content form.wpcf7-form input {  color:#000; float: left; width: 96%; padding: 10px 2%; border-radius: 0px; border: none; border: 1px solid #8d7970; background:#f3f5f4;  font-size: 0.9em; margin-top: 10px; }
			.content form.wpcf7-form select {  color:#000; float: left; width: 100%; padding: 10px 2%;  border-radius: 0px; border: none; border: 1px solid #8d7970; background:#f3f5f4;  font-size: 0.9em;  margin-top: 10px;}
			.content form.wpcf7-form textarea {  color:#000; float: left; width: 96%; padding: 10px 2%; resize: none; height: 80px; border-radius: 0px; border: none; border: 1px solid #8d7970; background:#f3f5f4; font-size: 0.9em; margin-top: 10px;}
			.content form.wpcf7-form label {  color:#000; 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: "Inter", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;
				color: #fff !important;
				background: #429cda;
				border: 2px solid #429cda;
			}
			.content form.wpcf7-form input.wpcf7-submit:hover {
				color: #fff !important;
				background: #429cda;
				border: 2px solid #429cda;
				opacity: 0.75;
			}
			.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; }	
			.content p > a { color:#002a3b; border-bottom: 2px solid #429cda; }
			.content p > a:hover { color:#429cda; }



			/* Btn custom */			

			.content a.kt-button, .content span.kt-button {
				transition: all 200ms ease-in-out;
			  font-size: 0.9em !important;
			  border: 2px solid #ed1921 !important;
			  border-radius: 0px;
			  color: #fff !important;
			  font-weight: 400 !important;
			  padding: 8px 20px !important;
			  background: #ed1921 !important; 
			}
			
			.content a.beztla, .content span.beztla {
			  background: #ed1921 !important;
			  color:#fff !important;
			  border: 2px solid #ed1921 !important;
			}			
			
			.content a.kt-button:hover, .content span.kt-button:hover {
			  border: 2px solid #ed1921 !important;
			  color: #fff !important;
			  background: #ed1921 !important;
			  opacity: 0.7;
			}	

			 .cf7col1 { float: left; width: 98%; margin: 0% 1%; }
			 .cf7col2 { float: left; width: 48%; margin: 0% 1%; }
			 .cf7col3 { float: left; width: 31%; margin: 0% 1%; }

			@media (max-width: 768px) {
				 .cf7col3, .cf7col2 { width: 98%; margin: 1%; }
			}


		#wyszukiwarkatresci .wpis { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 20px; border-bottom: 1px solid #777; }
		#wyszukiwarkatresci .wpis h4 a { color:#429cda; }
		#wyszukiwarkatresci .wpis p { font-size: 0.8em; }
		
		/* Układ wpisów 2 i 3 kolumnowych */	
		
		.home_posts { float: left; width: 100%; padding: 50px 0px; background:#fff; }
			.home_posts_title { float: left; width: 97%; margin-left: 2%; padding: 0px 0px; }
	
			.home_posts_title h3 { text-align:center; font-size: 2em; font-weight: 600; color:#002a3b; padding-bottom: 25px; }

			.posts_grp { float: left; width: 100%; }
				
				.titlebg { float: left; width: 95%; height: 1px; background:#e8e8e8; }
			
				.singlepost_4cols { float: left; margin: 2.5% 3% 2.5% 0%; padding: 0%; width: 22%; background:#f3f5f4; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); }
				.singlepost_3cols { float: left; margin: 2.5% 4% 2.5% 0%; padding: 0%; width: 29%; background:#f3f5f4; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); border-radius: 0px; }
				.singlepost_2cols { float: left; margin: 2.5% 2%; padding: 0%; width: 45%;  background:#f3f5f4; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.0); }
				.single_postcontent { float: left; width: 85%; padding: 4% 7.5% 5% 7.5%; overflow:hidden !important; }
				.singlepostin { overflow:hidden !important; transition: all 250ms ease-in-out; } 

				.singlepostin h2 { font-weight: 600; font-size: 1.15em; color:#002a3b; line-height: 1.2em; margin: 0px 0px; width: 100%; margin-bottom:15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 48px; }
				.singlepostin h2.promocja {  -webkit-line-clamp: 1; min-height: 25px; }
				.singlepostin .postexcerpt p { font-size: 0.9em; line-height:1.7em; color:#002a3b; font-weight: 400; margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 50px;  }
				.singlepostin p.data { float: left; font-size: 0.85em; line-height:1.2em; color:#999999; font-weight: 300; margin-bottom: 5px; padding-bottom: 5px;  }
				
				.singlepost_4cols .postimgbg {float: left; width: 100%; height: 250px; overflow:hidden !important; margin-bottom: 15px;  }  
				.singlepost_4cols .postimg { float: left; width: 100%; height: 250px; transition: all 200ms ease-in-out;}
				.singlepost_4cols .postimg:hover { transform: scale(1.05); }  
			
				.singlepost_3cols .postimgbg {float: left; width: 100%; height:250px; overflow:hidden !important; margin-bottom: 15px; }  
				.singlepost_3cols .postimg { float: left; width: 100%; height: 250px; transition: all 200ms ease-in-out;}
				.singlepost_3cols .postimg:hover { transform: scale(1.05); }  

				.home_posts .glinebg { float: left; width: 100%; margin: 10px 0px; }
				.home_posts .gline { float: left; height: 3px; width: 50px; background:#429cda; }
				.home_posts .rline { float: left; height: 3px; width: 50px; background:#ed1921; }


				.singlepostin:hover { 
					-webkit-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
					box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
				}	
				@media (max-width: 768px) {
					.singlepost_4cols, .singlepost_3cols, .singlepost_2cols { float: left; margin: 5% 5%; width: 90%; }
					.single_postcontent { float: left; width: 90%; padding: 3% 5% 5% 5%; }
					.home_posts { padding: 30px 0px; }
				}
				
				
		.home_posts	nav.navigation { float: left; width: 100%; margin-top: 15px; }
			.home_posts	nav.navigation .nav-links { text-align:center !important; }
			.home_posts	nav.navigation .nav-links .page-numbers { padding: 5px; margin: 0px 3px; }
			.home_posts	nav.navigation .nav-links .current { border-bottom: 2px solid #ed1921; }
			.home_posts	nav.navigation .nav-links a { color:#111; border-bottom: 2px solid #fff;transition: all 200ms ease-in-out; }
			.home_posts	nav.navigation .nav-links a:hover { border-bottom: 2px solid #ed1921; }

		.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 { background:#002a3b; float: left; width: 100%; padding: 25px 0px 25px 0px; line-height: 1.5em; border-top: 1px solid #8d7970; }
			#footer p { color:#cbc7c7; font-size: 0.9em;  }
			#footer img.logo { width: 200px; max-width: 80%; height: auto; margin-bottom: 20px; }
			#footer img.mapa { width: 100%; height: auto; border-radius: 25px; transition: all 250ms ease-in-out; }
			#footer img.mapa:hover { opacity: 0.8; }
			#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 h3 { color:#fff; font-size: 1em; font-weight: 600;  font-style: normal; margin-bottom: 15px; }
			
			#footer p.loc { padding: 5px 5px 5px 40px; background: url('images/footer/loc.svg') left center no-repeat; background-size: 22px; } 
			#footer p.godz { padding: 5px 5px 5px 40px; background: url('images/footer/godz.svg') left center no-repeat; background-size: 22px; } 
			#footer p.tel { padding: 5px 5px 5px 40px; background: url('images/footer/tel.svg') left center no-repeat; background-size: 22px; } 
			#footer p.mail { padding: 5px 5px 5px 40px; background: url('images/footer/mail.svg') left center no-repeat; background-size: 22px; } 
						
			#footer .f50 { float: left; width: 50%; }
			#footer .f25 { float: left; width: 50%; }
			
			#footer ul { list-style: none !important; }
			#footer ul li a { font-size: 0.8em; font-weight: 400; }
			
		@media (max-width: 768px) and (min-width: 480px) {

			#footer .f50 { float: left; width: 100%; }
			#footer .f25 { float: left; width: 50%; }
		}
		
		@media (max-width: 479px) {
			#footer .f50, #footer .f25 { float: left; width: 100%; }
		}	
	
	
		#footer2 { background:#002a3b; float: left; width: 100%; padding: 10px 0px 20px 0px; }

		#footerauth {  float: left; width: 100%; padding: 10px 0px 10px 0px; line-height: 1.5em; }
			#footerauth p { color:#cbc7c7; font-size: 0.8em;  }
			#footerauth a { color:#cbc7c7; }
			#footerauth a:hover { color:#fff; }
	


	  
	  
/* RWD elements DIV */	

		@media (min-width: 1441px) {
			.container  {width:1360px;}
			#logo { width: 30%; float: left; }

			#umowsie { margin-top: 20px; }

		}

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#logo { width: 30%; float: left; }

			#umowsie { margin-top: 20px; }

		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			
			#logo { width: 30%; float: left; }

			#umowsie { margin-top: 20px; }
			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 15px 0 0; } 
		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 35%; float: left; }
			#umowsie { margin-top: 20px; }


			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 13px 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;}	


		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 40%; float: left; }
			
			#umowsie { margin-top: 10px; }
			#menubar { padding: 10px 0px; }

			#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item { margin: 0 25px 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.9em;  }

			#footer .f50 { float: left; width: 100%; }
			#footer .f25 { float: left; width: 50%; }
			
			#umowsie p.lang { display: none;  }
			#umowsie p.langmobile { display: block; width: 100%; text-align:right !important;}

		}

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


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

				@media (max-width: 768px) {

				#topsite { padding: 0px 0px 0px 0px; }		
				#menubar { padding: 10px 0px; }
				
					#umowsie {width:40%; padding: 5px 0px 5px 0px; margin-top: 5px;  }

						#umowsie p.wizyta a.pl { width: 160px; height: 33px; background: url('images/umowsie.svg') left center no-repeat; background-size: 162px;  }
						#umowsie p.wizyta a.de { width: 160px; height: 33px; background: url('images/umowsie-de.svg') left center no-repeat; background-size: 162px;  }	
						#umowsie p.lang { display: none;  }
						#umowsie p.langmobile { display: block; width: 100%; text-align:right !important;}							
							
						#logo { float: left; width: 50%; height: auto; float: left; padding: 0%; margin-top:0px; }
							#logo img { width: 250px; max-width: 95%; float: left; position: relative; z-index: 995; }
							
							#menu { width: 100%; float: left; position: relative; padding: 5px 0px; z-index: 999; }
							
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
							#footer img.mapa { margin-top: 20px; }
						.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 .f50 { float: left; width: 100%; }
						#footer .f25 { float: left; width: 100%; margin-bottom: 10px; }

				}	
				

#mega-menu-wrap-menu #mega-menu-menu li .mega-search-wrap {
  position: relative;
  width: 35px;
  height: 35px;
  display: flex;
  z-index: 99999;
  margin-top: 0px;
  align-items: center;
}

@media only screen and (min-width: 1025px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search-wrap.mega-static {
    width: 220px;
  }
}

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search-wrap {
    width: 100%;
    margin: 5px 0;
  }
}

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search {
    width: 100%;
    padding: 0 5px;
  }
}

@media only screen and (min-width: 1025px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search.expand-to-left {
    position: absolute;
    right: 0;
  }
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search.expand-to-right {
    position: absolute;
    right: auto;
    left: 0;
  }
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search.mega-search-open input[type=text] {
  background-color: #f3f5f4;
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search.mega-search-open .search-icon:before {
  color: #429cda;
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search.mega-search-closed input[type=text] {
  width: 35px;
  padding: 0;
}

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search.mega-search-closed input[type=text] {
    width: 100%;
    padding: 5px;
  }
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search input[type=text] {
  color: #002a3b;
  background-color: #f3f5f4;
  width: 220px;
  margin: 0;
  padding: 0 35px 0 5px;
  height: 35px;
  border: 0;
  transition: width 0.6s, background-color 0.6s, color 1s;
  box-sizing: border-box;
  border-radius: 0px;
}

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search input[type=text] {
    width: 100%;
    background-color: #f3f5f4;
  }
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search input:focus {
  outline: none;
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search input[type=submit] {
  display: none;
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search .search-icon {
  right: 0;
  top: 0;
  position: absolute;
  cursor: pointer;
  height: 100%;
  width: 35px;
}

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search .search-icon {
    right: 5px;
  }
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search .search-icon:before {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #429cda;
  height: 100%;
}

@media only screen and (max-width: 1024px) {
  #mega-menu-wrap-menu #mega-menu-menu li .mega-search .search-icon:before {
    color: #429cda;
  }
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search.expand-to-right .search-icon {
  right: auto;
}

#mega-menu-wrap-menu #mega-menu-menu li .mega-search.expand-to-right input[type=text] {
  padding: 0 5px 0 35px;
}