/*  
Theme Name: Verlani Group
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: "Be Vietnam Pro", sans-serif; font-weight: 300; font-style: normal; font-size: 1em; color: #404040; background: #fff;} 
	
		#topsite { float: left; width: 100%; position: absolute; padding: 15px 0px 0px 0px; z-index: 99;  }		
		#topsite.singlepage { position: relative; background:url('images/header.jpg') center no-repeat; background-size:cover;  }	
		
		#topsite.singlepage #pageheader { float: left; width: 100%; padding: 120px 0px 70px 0px; }
		#topsite.singlepage #pageheader h1 { text-align:center; color:#fff; font-weight: 400; font-style: normal; font-size: 1.8em; }
		
			#tlumaczenia { float: right; margin: 0px; width: 100%; }
			
			#tlumaczenia p.zadzwon { float: right; margin-right: 20px; }
			#tlumaczenia p.zadzwon a { float: right; padding: 5px 2px 5px 22px; color:#fff; background: url('images/icons/tel.svg') left center no-repeat; background-size: 18px; transition: all 250ms ease-in-out; }
			#tlumaczenia p.zadzwon a:hover { color:#000; text-decoration:underline; }
				#tlumaczenia p.zadzwon a { font-weight: 400; font-size:0.8em; }
				#tlumaczenia p.zadzwon a span { font-weight: 300; } 
				
			#topsite #tlumaczenia a.glink { float: right; font-weight: 300 !important; color: #fff !important; font-size: 0.8em; background:none; border-bottom: 2px solid rgba(255,255,255,0.0); padding: 5px 4px; margin-right: 5px; }
			#topsite #tlumaczenia a.glink.gt-current-lang { font-weight:normal; font-weight: 400 !important; color: #fff !important; border-bottom: 2px solid #efeae7; }


			#logo { float: left; width: 30%; margin-top: 5px; }
			#logo img { z-index: 100; width: 400px; max-width: 100%; height: auto; }
			#logo .logo-desktop { display: block; }
			#logo .logo-mobile { display: none; }
			#menu { float: right; width: 80%; }

			@media (max-width: 768px) {
				#logo .logo-desktop { display: none; }
				#logo .logo-mobile { display: block; }
			}	
			
	
			/* 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);
							}	
					}			
		

					
		
		.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: #000; font-weight: 200; 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 h6 { font-size: 1.2em; line-height: 1.2em; } 
			
			.content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong, .content h5 strong, .content h6 strong { font-weight: 600; } 

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


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



			/* 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: "Be Vietnam Pro", sans-serif; font-weight: 400; 
			}
			.content form.wpcf7-form input { float: left; width: 95%; padding: 10px 2.5%; border-radius: 0px; border: none !important; background:#fff;  font-size: 0.9em; margin-top: 10px; }
			.content form.wpcf7-form select { float: left; width: 100%; padding: 10px 2.5%;  border-radius: 0px; border: none !important; background:#fff;  font-size: 0.9em;  margin-top: 10px;}
			.content form.wpcf7-form textarea { float: left; width: 95%; padding: 10px 2.5%; resize: none; height: 80px; border-radius: 0px; border: none !important;  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: "Be Vietnam Pro", sans-serif; font-weight: 400; font-style: normal;
				color: #fff !important;
				background: #000;
				border: 2px solid #000 !important;
			}
			.content form.wpcf7-form input.wpcf7-submit:hover {
				background: #fff !important;
				border: 2px solid #000 !important;
				color: #000 !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 #000 !important;
			  border-radius: 0px;
			  color: #fff !important;
			  font-weight: 400 !important;
			  padding: 8px 20px !important;
			  background: #000 !important;			  
			}

			
			.content a.kt-button:hover, .content span.kt-button:hover {
			  border: 2px solid #000 !important;
			  color: #000 !important;
			  background: #fff !important;
			}			
			
			 .cf7col3 { float: left; width: 31%; margin: 1%; }

			@media (max-width: 768px) {
				 .cf7col3 { width: 100%; margin: 0; }
			}



			#singlecontent-blog { line-height:1.7em; }




		/* Układ wpisów 2 i 3 kolumnowych */	
		
		.home_posts { float: left; width: 100%; padding: 50px 0px;  }
			.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:#000; padding-bottom: 25px; }

			.posts_grp { float: left; width: 100%; }
			
				.singlepost_4cols { float: left; margin: 2.5% 3% 2.5% 0%; padding: 0%; width: 22%; background:#fff; -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% 2%; padding: 0%; width: 29%;   background:#fff; -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:#fff; -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:#000; 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: 49px; font-family: "Be Vietnam Pro", sans-serif; font-weight: 400;  }
				.singlepostin .postexcerpt p { font-size: 0.9em; line-height:1.7em; color:#404040; 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:#404040; 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;  background: #cd9b3b; height: 2px; width: 50px; }

				.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 #efeae7; }
			.home_posts	nav.navigation .nav-links a { color:#111; border-bottom: 2px solid #f6f2ee;transition: all 200ms ease-in-out; }
			.home_posts	nav.navigation .nav-links a:hover { border-bottom: 2px solid #efeae7; }

		.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:#000; float: left; width: 100%; padding: 50px 0px 20px 0px; line-height: 1.5em; border-top: 1px solid #626262; box-sizing: border-box; }
			#footer p { color:#fff; font-size: 0.9em; }
			#footer img { max-width: 90%; height: auto; margin-bottom: 20px; }

			
			#footer ul { list-style: none; font-size: 0.8em; margin: 0; padding: 0; }
			
			#footer a { color:#fff; }
			#footer a:hover { color:#fff; }
			#footer h5 { color:#fff; font-size: 1em; font-weight: 500; font-style: normal; margin-bottom: 15px; }


			.footer-columns { display: flex; width: 100%; align-items: flex-start; justify-content: space-between; gap: 35px; box-sizing: border-box; }

			.footer-logo { flex: 0 1 30%; min-width: 0; box-sizing: border-box; }
			.footer-col { flex: 1 1 0; min-width: 0; box-sizing: border-box; }

			.footer-col ul { width: 100%; margin: 0; padding: 0; }
			.footer-col li { width: 100%; margin: 0 0 12px 0; padding: 0; box-sizing: border-box; }
			.footer-col a { display: inline-block; max-width: 100%; overflow-wrap: break-word; }


		@media (max-width: 1100px) {

			.footer-columns { flex-wrap: wrap; gap: 35px 30px; }

			.footer-logo { flex: 0 0 100%; width: 100%; }
			.footer-col { flex: 0 0 calc(25% - 23px); width: calc(25% - 23px); }
		}


		@media (max-width: 768px) {

			.footer-columns { gap: 30px 25px; }
			.footer-logo { flex: 0 0 100%; width: 100%; }
			.footer-col { flex: 0 0 calc(50% - 13px); width: calc(50% - 13px); }
		}
		

		@media (max-width: 479px) {

			#footer { padding: 35px 0px 15px 0px; }

			.footer-columns { display: block; width: 100%; }

			.footer-logo { width: 100%; margin: 0 0 30px 0; }
			.footer-col { width: 100%; margin: 0 0 30px 0; }
			.footer-col:last-child { margin-bottom: 0; }
		}	
	
	
		#footer2 { background:#000; float: left; width: 100%; margin-top: 25px; padding: 10px 0px 0px 0px; border-top: 1px solid #595959; box-sizing: border-box; }

		#footerauth { display: flex; width: 100%; padding: 20px 0px 20px 0px; line-height: 1.5em; justify-content: space-between; align-items: flex-start; gap: 30px; box-sizing: border-box; }
			#footerauth p { color:#808080; font-size: 0.8em; margin: 0; }
			#footerauth a { color:#808080; }
			#footerauth a:hover { color:#808080; }

			#footerauth .footer-copy { flex: 1 1 auto; min-width: 0; }
			#footerauth .footer-realizacja { flex: 1 1 auto; min-width: 0; text-align: right; }


		@media (max-width: 768px) {

			#footerauth { flex-direction: column; gap: 8px; }
			#footerauth .footer-copy { width: 100%; }
			#footerauth .footer-realizacja { width: 100%; text-align: left; }
		}



			
	  
	  
/* RWD elements DIV */	

		@media (min-width: 1441px) {
			.container  {width:1360px;}
			#logo { width: 40%; float: left; }
			#menu { width: 60%; float: right;  }
			#tlumaczenia .gtranslate_wrapper { margin-right: 30px; }

		}

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#logo { width: 40%; float: left; }
			#menu { width: 60%; float: right;  }
			#tlumaczenia .gtranslate_wrapper { margin-right:30px; }

		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			
			#logo { width: 35%; float: left; }
			#menu { width: 65%; float: right;  }
			#tlumaczenia .gtranslate_wrapper { margin-right: 30px; }

		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 35%; float: left; }
			#tlumaczenia { width: 100%; }
			#tlumaczenia .gtranslate_wrapper { margin-right: 15px; }
			#menu { width: 65%; float: right;  }
			#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; }	


		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 45%; float: left; margin-top:8px; }
			#tlumaczenia { width: 100%; }
			#tlumaczenia .gtranslate_wrapper { margin-right: 5px; }
			#menu { width: 55%; float: right; margin-top: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; }			
			
			#tlumaczenia p.zadzwon { margin-right: 10px; }
			
			#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }

			#topsite {   position: relative;   padding: 10px 0px 10px 0px; background: #000; }			
			
		}

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


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

		}		
				

				@media (max-width: 768px) {

				#topsite { padding: 5px 0px 5px 0px;  }		
				#tlumaczenia p.zadzwon { margin-right: 10px; }
				
					#tlumaczenia { float: right; padding: 5px 0px 5px 0px; width: 40%;}
						#tlumaczenia p.zadzwon a span { display: none; }

						#logo { float: left; width: 60%; height: auto; float: left; padding: 0%; margin-top:5px; }
							#logo img { width: 300px; max-width: 90%; float: left; position: relative; z-index: 995; }
							#menu { width: 40%; float: right; position: relative; padding: 0px 0px; z-index: 999; }
							#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; }   

				}