.extrapt	{	padding-top: 10% !important;
				padding-bottom: 10% !important; }

.clear		{ 	position: relative; 
				width: 100%;
				clear: both;	}	

.center		{	text-align: center;	}	
.mobile		{	display: none; }	
.nodisplay	{	display: none;	}		


a:link	{	text-decoration: none;
			color: inherit;}	
a:hover	{	color: black;
			font-weight: inherit;	}	
a:visited {	color: inherit; }					
			
.bold				{	font-weight: 600; }		
.bolder					{	font-weight: 800; }	
.shadow_one		{text-shadow: -1px -1px 0 #000, 2px -1px 0 #000, -1px 2px 0 #000, 2px 2px 0 #000;}	
.yellow			{	color: #ffd230;	}
.aleo			{	font-family: aleo;
					font-size: 2rem;
					font-style: italic;
					line-height: 220%;					}
				
body	{	position: relative;
			float: left;
			height: 100%;
			width: 100%;
			min-height: 100vh;
			max-width: 100vw;
			overflow-x: hidden;
			background: white;
			font-family: 'Source Sans Pro', sans-serif;
			color: black;
			padding: 0;
			margin: 0;
			
			}
		


.menu		{	position: fixed;
				width: 100%;
				height: 10%;
				margin: 0 auto;
				padding: 0;
				background-color: white;
				top: 0;
				z-index: 99;
				text-align: left;
				border-bottom: 1px dotted silver;
				
				
				}


				
.menu ul 	{	
	list-style: none;
	margin: 0 2.5%;
	padding: 0;
	width: 95%;
	position: relative;
	text-align: center;
	max-height: 10vh;
	line-height: 10vh;

				}		


				
				
.menu ul li 	{		float: left;
					list-style: none;
					padding: 0;
					margin: 0 0.5%;
					position: relative;
					font-family: 'Open Sans', sans-serif;
					font-weight: 300;
					color: grey;
					font-size: 0.9rem;		
					cursor: pointer;
					text-align: right;	}	
					

.menu ul a li, .menu ul a li:first-child 	{		float: left;
					list-style: none;
					padding: 0;
					margin: 0 0.5%;
					position: relative;
					font-family: 'Open Sans', sans-serif;
					font-weight: 300;
					color: grey;
					font-size: 0.9rem;	
					cursor: pointer;
					text-align: right;	}									
		

.menu ul li:first-child	{	background-position: center left;
							background-repeat: no-repeat;
							background-size: contain;
							float: left; 
							padding: 0 3% 0 5%;
							background-image: url('gfx/minimalsec.png');
							font-size: 1rem;
							font-family: 'Open Sans', sans-serif;
							font-weight: 300;
							color: grey;
											}
											
											
											.ico		{	position: relative; 
				float: left;
				height: 100%;
				width: 2.5vw;
				background-position: center right;
				background-repeat: no-repeat;
				background-size: contain !important;
				}
	
.vi	{	background-image: url(gfx/vi.svg)!important; }	
.yt	{	background-image: url(gfx/yt.svg)!important; }	
.fb	{	background-image: url(gfx/fb.svg)!important; }	
.inst	{	background-image: url(gfx/inst.svg)!important; }		
	
.bigwrap	{	position: relative;
				float: left;
				width: 90%;
				margin: 10% 5%;
				height: auto; }			
			
.bigicon	{	position: relative;
				float: left;
				width: 100%;
				height: 30vh;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(gfx/logo.png);
					}			
			
.big	{	position: relative;
			font-family: 'open sans';
			float: left;
			width: 100%;
			color: white;
			font-size: 4rem;
			text-align: center;
			font-weight: 100;
			}			
			

	
					
.sidemedium		{	position: relative;
					float: left;
					height: 7vh;
					width: 13%;
					background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(gfx/medium.png);
					
					}		
					
.medium		{		position: relative;
					float: left;
					height: 7vh;
					line-height: 7vh;
					width: 70%;
					margin: 0 2%;
					text-align: center;
					font-family: 'open sans condensed';
					letter-spacing: 3px;
					color: white;
					font-size: 3vh;
					font-weight: 300;	}
			
.przycisk	{ 	position: relative;
				height: auto;
				width: auto;
				max-width: 20%;
				float: left;
				margin: 5%;
				padding: 2%;
				font-size: 14px;
				color: grey;
				border-radius: 2px;
				border: solid 1px black;
				cursor: pointer;
				
				}

.przycisk:hover	{	color: black;
					text-shadow: none;
					background-color: #fafafa;
					-webkit-animation-name: thumb;
					-webkit-animation-duration: 200ms;
					-webkit-transform-origin:50% 50%;
					-webkit-animation-iteration-count: 2;
					-webkit-animation-timing-function: linear;
						}			
			
.fscr	{	position: relative;
			float: left;
			height: 100vh;
			width: 100%;
				}	
			
			
.fscr .video	{ 	position: absolute;
					max-width: 100vw !important;
					min-height: 100vh; 	
  object-fit: cover !important; 
					z-index: -1;
					
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment:fixed;
				}		
		
.novideo	{ 	position: absolute;
					height: 100vh;
					width: 100vw;
					max-width: 100vw !important;
					min-height: 100vh; 	
 				background-image: url(gfx/mob_bgk.jpg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment:fixed;
				}	
	
.curt	{	position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.2);}				
.wraper	{	position :relative;
			float: left;
			width: 80%;
			margin: 20% 10% 0 10%;
			background: none;
			
			}		
			
.enter		{	position: relative;
				float:left;
				margin: 3% 41.5%;
				width: 15%;
				padding: 1% 1.3%;
				color: black;
				background: white;
				text-align: center;
				font-family: 'open sans';
				font-size: 1rem;
				font-weight: 500;
				letter-spacing: 2px;
				cursor: pointer;
				}
				
.enter:hover		{	background: rgba(255,255,255,0.5);
						color: black;	}			
			
			
.secscr		{	position: relative;
				float:left;
				text-align: justify;
				width: 80%;
				width: 80vw;
				padding: 5% 10%; 
				height: auto; 
				background: white;
				color: grey;
				font-weight: 300;
				font-size: 1rem;
				line-height: 150%;
				font-family: 'open sans';
			}	
			
	
.title	{	position: relative;
			font-size: 3rem;
			font-weight: 500;
			line-height: 100%;
			color: grey;
			text-align: left;
			font-family: 'open sans';
						
			}		
			
.title_bebas	{	position: relative;
			font-size: 4rem;
			color: grey;
			font-family: 'Bebas Neue';
			text-align: left;
						
			}		

.title_bebas_mini	{	position: relative;
			font-size: 2.5rem;
			color: grey;
			text-align: left;
			font-family: 'Bebas Neue';
			line-height: 120%;
			
						
			}		

.k_left		{	position: relative;
			float: left;
			padding: 5%;
			width: 40%;
			height: auto;}			
			
.k_right		{	position: relative;
			float: right;
			padding: 5%;
			width: 40%;
			height: auto;			}		

.open_bold	{	font-family: 'open sans';
				font-weight: 700;
				font-size: 1.2rem;		}	
					
			
.top_more	{	margin: 5% 0;
				width: 20%;
			float: left;
			height: 100%;}			
			
.smalltitle	{	position: relative;
			clear: both;
			text-align: left;
			font-size: 1.8rem;
			line-height: 100%;
			font-family: 'open sans';
			}		
			
.fullwidthimg	{	position: relative;
					float: left;
					object-fit: contain;
					width: 100%;
					max-width: 80vw; }			

.galeria	{	position: relative;
				width: 100%;
				height: auto; 
				float: left;
				margin: 5% 0;
				
				
				}										
										
.galeria img	{	position: relative;
					height: 40vh;
				width: calc((88% - 66px) / 3);
				object-fit: cover;
				float: left;
				margin: 10px;
				padding: 2%;
				background: none;
				border: 1px solid grey;
				}			

.galeria	img:hover {  box-shadow: 0px 0px 15px 1px #fcb6fd; }		

.klienci img	{	position: relative;
					height: 40vh;
				width: calc((84% - 80px) / 4);
				object-fit: contain;
				float: left;
				margin: 10px;
				padding: 2%;
				background: none;
				
				}

/*wideo*/
.video iframe	{	padding: 2%;
					border-radius: 2px;
					border: 1px solid grey;}

.video img:hover	{	opacity: 0.5; }				
				
.video  ul	{	list-style: none;
				width: 100%;  }
				
.video  ul li	{	list-style: none;
				font-family: 'open sans';
				font-size: 0.9 rem;
				float: left;
				background: white;
				padding: 15% 2% 2% 2%;
				border: 1px solid grey;
				border-radius: 5px;
				width: calc((76% - 8px) / 4);
				height: 15vh;
				margin: 2%;
				text-align: left;
				background-position: top center;
					background-size: contain;
					background-repeat: no-repeat;
				}
				

.video	ul li:nth-child(odd) {  	background-color: white;
								}
.video	ul li:nth-child(even) {  	background-color: white; 	}




.przycisk2				{		position: relative;
						height: auto;
						width: auto;
						min-width: 30%;
						padding: 2%;
						margin: 2%;
						font-family: 'open sans';
						font-size: 1rem;
						color: grey;
						background: #fafafa;
						text-align: center;
						border-radius: 2px;
						border: 1px solid silver !important;
						float: left;
						cursor: pointer;
						}

.przycisk2:hover				{	background-color: #d5d5d5;
									color:#292929; }
									
									
.footer	{	position: relative;
			float: left;
			width: 90%;
				padding: 5%;  
				height: auto; 
				color: grey;
			min-height: 50vh;
			background: white;
			border-top: 1px dotted silver;}	

.foothead	{	position: relative; 
				clear: both;
				text-align: center;
				height: auto;
				width: 100%; 
				margin: 0;}			

#logo	{		height: 20vh;
				width: 100%;	
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(gfx/logo.png);
				margin-bottom: 2%;
				
						
			}

.sklad img		{	position: relative;
					float: left;
					width: calc(68vw / 4);
					height: calc(68vw / 4);
					border-radius: 50%;
					border: none!important;
					object-fit: cover;
					margin: 0 5% 5% 0;					}				
			
.footheadtext	{	font-size: 3.5rem;
					text-align: center;
					font-family: 'Open sans';
				font-weight: 100;}			
			
.footresc	{	text-align: center;
				margin: 1% 10% 10% 10%;
				line-height: 150%;
				letter-spacing: 1px;	}										

@media all and (max-width: 1000px) and (min-width: 120px) {	
		
.mobile		{	display: block;}
.desktop	{	display: none;	}



.mobilemenu		{	z-index: 99999999999999;
					position: fixed;
					background: white;
					width: 90vw;
					top: 0;
					padding-left: 7vw;
					padding-right: 3vw;
					height: 5vh;
					line-height: 5vh;
				}
				
.click		{	position: relative;
				padding-right: 15%;
				height: auto;
				min-height: 5vh;
				line-height: 5vh;
				width: 10%;
				float: right;
				background-repeat: no-repeat;
				background-position: right center;
				background-size: contain;
				background-image: url('gfx/mmenu.png');
				
				}		

					


#mobilenav	{	position: absolute;
				width: 100%;
				height: 100%;
				min-height: 100vh;
				overflow-y: scroll;
				padding: 10% 0;
				background: white;
				float: left;
				z-index: 999999999;
				text-indent: 0; 
				
				}					

#mobilenav ul {	position: relative;
				overflow-x: hidden;
				width: 80%;
				height: 95%;
				height: auto;
				list-style: none;
				font-size: 0.9em;
				font-weight: 100;
				text-align: left;
				float: left;
				left: 0;
					}

#mobilenav ul li {	position: relative;
				width: 100%;
				height: auto;
				padding: 2% 0;
				margin: 2% 0;
				float: left;
				list-style: none;
				border-bottom: 1px solid silver;
				left: 0;						
				text-indent: 0; }
				
#mobilenav ul li ul li {	position: relative;	
							border: none; }	
							
.fscr	{	position: relative;
			float: left;
			height: 100vh;
			width: 100%;
			background-image: url(gfx/mob_bgk.jpg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment:fixed;
				}	
			
							
							
.secscr		{	text-align: left; 
				padding: 10%;}					
							
.galeria	{ 	width: 100%; 
				margin: 0;
				position: relative;
				
				
				}										
											
.galeria img	{	
					height: 20vh;
				width: 40% !important;
				float: left;
				margin: 2%;
				padding: 0; 	
				object-fit: cover !important;
				border: 0;	}	
				
.klienci img	{	width: calc((92% - 40px) / 2);
								
				}				
									
									
/*wideo*/
			
.video  ul {	padding: 0; }			
			
.video  ul li	{	padding: 25% 2% 2% 2%;
					width: calc((84% - 4px) / 2);
				height: 20vh;
				margin: 2%;
				
				}

.video iframe	{	float: left;
					position: relative;
					max-width: 80vw;	}										
									
									
									
.title	{	position: relative;
			font-size: 2rem;
			font-weight: 500;
			line-height: 100%;
			color: grey;
						
			}	


.title_bebas	{	font-size: 2rem;
					line-height: 90%;	}		

.title_bebas_mini	{	font-size: 1.5rem;
						line-height: 120%;
			
						
			}		

.k_left		{ width: 90%; }			
			
.k_right		{ width: 90%; }		

.open_bold	{	font-size: 0.9rem;		}	

.aleo			{	font-size: 1rem;
					line-height: 120%;	}

			

.bigicon	{	margin-top: 20%;
				height: 20%;
					}
			

.big	{	
			font-size: 2rem;
			
			}			
			
			
.sidemedium		{	position: relative;
					float: left;
					height: 7vh;
					width: 0%;
					background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(gfx/medium.png);
					
					}		
					
.medium		{		position: relative;
					float: left;
					height: auto;
					line-height: 100%;
					width: 100%;
					margin: 0 auto;
					font-size: 1rem;
					font-weight: 500;	}		
			
			
.enter		{	margin: 5% 5%;
				width: 80%;
				text-transform: uppercase;
				letter-spacing: 4px;
				padding: 5%;
					}		

.footheadtext	{	font-size: 2rem;
					}						
}