/*  
Theme Name: Altro Lab (Pakiet CMS Standard) 
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)2024 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: 'Rubik', sans-serif; font-size: 1em; font-weight: 300; color: #000; background: #fff;}		
	/* Font-weight:300;400;500;600;700  */
	
		#topsite { float: left; width: 100%; padding: 25px 0px 25px 0px; position: absolute; z-index: 99999; }		
		#topsite.singlepage { position: relative !important; background: #f1f8fe url('images/header.jpg') bottom center no-repeat; background-size:auto; padding-bottom: 300px; }
			#logo { float: left; width: 20%; }
				#logo img { max-width: 95%; 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);
							}	
					}			
			
			

		.container { margin: 0 auto; }  

			#slider { float: left; width: 100%; position: relative; z-index: 9999; }
			#page_content { padding: 50px 0px; }
			#page_content, .content { float: left; width: 100%; }
			
			#about_content { float: left; width: 100%; padding: 50px 0px 250px 0px; background: #eff6fc url('images/bg.jpg') bottom center no-repeat; background-size: 100%; }
			#homepage_content {float: left; width: 100%; padding: 50px 0px 50px 0px; }
			
				.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight: 600; margin: 10px 0px 10px 0px;} 
				.content h1 { color: #002865; font-size: 2em; line-height: 1.2em; } 
				.content h2 { color: #002865; font-size: 1.75em; line-height: 1.35em; } 
				.content h3 { color: #002865; font-size: 1.5em; line-height: 1.4em; }  
				.content h4, .content h5 { color: #002865; font-size: 1.35em; line-height: 1.4em; } 
				
				.content p { color: #002865; margin: 7px 0px 7px 0px; text-align: justify; line-height: 1.7em; }   	
					.content p strong { font-weight: 500; }   	
				
				.content ul, .content ol { margin-left: 20px; color: #002865; line-height: 1.7em; } 	
	
				.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; }


	/* Contact form 7 custom style */	
					
				.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: 'Rubik', sans-serif; font-weight: 300;
				}
				.content form.wpcf7-form input { float: left; width: 95%; padding: 10px 2.5%;  border-radius: 1px; border: none !important; background:#fff; }
				.content form.wpcf7-form select { float: left; width: 100%; padding: 10px 0%;  border-radius: 1px; border: none !important; background:#fff; }
				.content form.wpcf7-form textarea { float: left; width: 95%; padding: 10px 2.5%; resize: none; height: 80px; border-radius: 1px; border: none !important; background:#fff; }
				.content form.wpcf7-form label { margin-top: 10px; float: left; width: 100%; }
						
				.content form.wpcf7-form input, .content form.wpcf7-form select, .content form.wpcf7-form textarea { margin: 8px 0px; } 		
						
				.content form.wpcf7-form input.wpcf7-submit {
					border: none; float: right;  width: auto;  padding: 10px 45px; font-size: 1em; margin-top: 15px; cursor: pointer; border-radius: 30px; 									
					font-family: 'Rubik', sans-serif; font-weight: 500;
					color: #fff !important;
					background: #ed0000;
					border: 2px solid #ed0000;
				}

				.content form.wpcf7-form input.wpcf7-submit:hover {
					background: #fff !important;
					border: 2px solid #ed0000;
					color: #ed0000 !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 { color:#fff; line-height:1.8em; font-size: 0.85em; }	
				.content label.rodoinfo input {  margin: 0px 0px !important;}
					
	/* Btn custom */			
			
				.content a.kt-button, .content span.kt-button {
				  font-size: 0.9em !important;
				  border: 2px solid #ed0000 !important;
				  color: #fff !important;
				  font-weight: 500 !important;
				  padding: 10px 30px !important;
				  background: #ed0000 !important;
				  border-radius: 25px;
				}
				.content a.kt-button:hover, .content span.kt-button:hover {
				  border: 2px solid #ed0000 !important;
				  color: #ed0000 !important;
				  background: #fff !important;
				}			
				
				#footer a.googlemaps:hover, #footer a.googlemaps, .content form.wpcf7-form input.wpcf7-submit:hover, .content form.wpcf7-form input.wpcf7-submit, .content a.kt-button:hover, .content a.kt-button, .content span.kt-button:hover, .content span.kt-button { 
				-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;	 
				}


			
	/* - */	
	#footer_content { float: left; width: 100%; padding: 30px 0px 30px 0px;  }
	
		#footer { float: left; width: 100%; padding: 40px 0px 30px 0px; line-height: 1.75em; background:#eff6fc;}
			#footer p { color:#002865; font-size: 0.9em; line-height: 1.75em; margin: 12px 0px; }
			#footer p strong { font-weight: 500; }
			#footer img.logo { width: 250px; max-width: 90%; }
			#footer a { color:#002865; }
			#footer a.googlemaps { float: left; width: 100%; border-radius: 25px; border: 3px solid #fff; line-height: 0 !important;}
			#footer a.googlemaps:hover { border: 3px solid #eff6fc; }
			
			#footer a.googlemaps img { width: 100%; height: auto; border-radius: 25px; }
			#footer .footercol1 { float: left; width: 49%;  }
			#footer .footercol2 { float: right; width: 49%; }
			#footer p.loc, #footer p.tel, #footer p.mail { padding: 2px 2px 2px 30px; }
			#footer p.loc { background: url('images/stopka/adres.svg') left center no-repeat; background-size: 25px; }
			#footer p.tel { background: url('images/stopka/tel.svg') left center no-repeat; background-size: 25px; }
			#footer p.mail { background: url('images/stopka/email.svg') left center no-repeat; background-size: 25px; }
		
			#footer ul { list-style: none; font-size: 0.9em; line-height: 2em; }
			#footer ul li a { text-decoration: none;}
			#footer ul li a:hover { text-decoration: underline; }
			
	
		#footerauth { float: left; width: 100%; margin-top: 30px; padding: 20px 0px 20px 0px; border-top: 1px solid #c2cbd2; line-height: 1.5em; background:#eff6fc; }
			#footerauth p { color:#002865; font-size: 0.9em;  }
			#footerauth a { color:#002865; }
			#footerauth a:hover { text-decoration:underline; }
	

	

	
	
/* RWD elements DIV */	

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

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#logo { width: 25%; float: left; }
			#menu { width: 75%; float: right;  }
		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			
			#logo { width: 25%; float: left; }
			#menu { width: 75%; float: right;  }

		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 25%; float: left; }
			#menu { width: 74%; float: right;  }

				.content h1 { font-size: 1.55em;  } 
				.content h2 { font-size: 1.35em; } 
				.content h3 { font-size: 1.25em; }  
				.content h4, .content h5 { font-size: 1.1em; } 	
		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 25%; float: left; }
			#menu { width: 74%; float: right;  }
			#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
			#footer .footercol1, #footer .footercol2 { float: left; width: 100%; margin: 15px 0px; }
				.content h1 { font-size: 1.5em;  } 
				.content h2 { font-size: 1.25em; } 
				.content h3 { font-size: 1.15em; }  
				.content h4, .content h5 { font-size: 1em; } 			
			
		}

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


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

		}		
				

				@media (max-width: 768px) {
						#footer .footercol1, #footer .footercol2 { float: left; width: 100%; margin: 15px 0px; }
						#topsite.singlepage { background: #f1f8fe url('images/header.jpg') bottom center no-repeat; background-size:100%; padding-bottom: 150px; }
						
						#logo { width: 190px; height: auto; float: left; height: 1px; padding: 1% 0% 0% 1%; }
							#logo img { float: left; position: relative; z-index: 99999; }
							#menu { width: 100%; float: left; position: relative; padding: 5px 0px; z-index: 9998; margin-right: 1%; }
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
							
			
				}