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

.galeria, .klienci	{	position: relative;
				width: 80%;
				height: auto; 
				float: left;
				margin: 0% 0 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: 10vh;
				width: auto;
				object-fit: cover;
				float: left;
				margin: 0;
				padding: 0;
				background: none;
				opacity: 0.7;
				-webkit-filter: grayscale(100%);
				filter: grayscale(100%);
				
				}						
			
.klienci	img:hover { opacity: 1;
						filter: none;
						 -webkit-filter: grayscale(0);
						filter: grayscale(0);}	
						
						
.sklad	{	position: relative;
			width: 100%;
			float: left;
			text-align: left !important;
			margin: 5% 0 0 0;
			}		

.sklad p	{	padding-bottom: 5%;	}
			
.sklad p:first-line {	font-size: 2rem;
						font-weight: 500;
						line-height: 100%;
						color: grey;
						font-family: 'Open Sans';	}	
						
.sklad img		{	position: relative;
					float: left;
					width: calc(68vw / 4);
					height: calc(68vw / 4);
					border-radius: 50%;
					object-fit: cover;
					margin: 0 5% 5% 0;					}						

.topbar	{	position: relative;
			width: 100%;
			float: left;
			margin: 0;
			}					

.topbar ul	{	position: relative;
				float: left;
				width: 100%;
				padding: 0;
				margin: 0 0 10% 0;
				list-style: none;
				float: left;				}			

.topbar ul li	{	position: relative;
				float: left;
				width: calc( (64vw - 24px) / 4);
				height: 60%;
				background-size: cover;
				background-position: center;
				background-repeat: no-repeat;
				border: 2vw solid white; 
				outline: 1px solid silver;
				padding: 0;
				margin: 0 3px;
				list-style: none;
				
				
				}	
				
.kurtyna	{	position: absolute; 
				height: 100%;
				width: 100%;
				z-index: 9;
				background: rgba(0,0,0,0);
				color: transparent;
				font-size: 1rem;
				font-weight: 300;
				text-align: center;
				-webkit-transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
    -moz-transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
    -o-transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
    transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
				}	

.kurtyna:hover	{	background: rgba(0,0,0,0.4);
					color: white;
					-webkit-transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
    -moz-transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
    -o-transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
    transition: background 300ms ease-out 100ms, color 400ms ease-out 200ms;
				}				

.kurtyna:first-line	{	font-size: 2rem;
						font-weight: 700;
						text-transform: uppercase;
						
							}

				
	
/*MUZYKA*/

.player	{					position: relative;
							height: auto;
							min-height: 100px;
							width: 650px;
							min-width: 100px;
							border-radius: 3px;
							padding: 10px 50px;
							border: 1px solid silver;
							border-radius: 5px;
							margin: 0 auto 80px auto;
							float: left;
							
							
							}
							
							
.player img	{	opacity: 0.7;
    filter: alpha(opacity=70);	}								
							
.player ul	{	list-style: none;
				}
				
.player ul li	{	list-style: none;
				font-family: 'open sans';
				font-size: 0.9rem;
				font-weight: 500;
				clear: both;
				background: white;
				margin-left: -65px;
				padding: 15px 25px;
				width: 650px;
				}
				
.player ul li a:hover	{	color: red;
						width: 600px;	}	


.player	ul li:first-child {  border-radius: 3px 3px 0 0 ;
						padding-top: 25px;	}			
.player	ul li:last-child {  border-radius: 0px 0px 3px 3px;
							padding-bottom: 25px;}	
							
.pasy ul li	{	padding: 25px;	}
							
.pasy	ul li:nth-child(odd) {  	background-color: white;
								}
.pasy	ul li:nth-child(even) {  	background-color: white;
								}							
							
.play	{	width: 0;
			height: 0;
			float: right;
			border-style: solid;
			border-width: 10px 0 10px 10px;
			border-color: transparent transparent transparent #c6d5e6;
			-webkit-transition: all 300ms ease-in-out;
			  -moz-transition: all 300ms ease-in-out;
			  -o-transition: all 300ms ease-in-out;
			  transition: all 300ms ease-in-out;	}	


.play:hover	{	border-color: transparent transparent transparent #e8eff6;
				border-width: 15px 0 15px 15px;
				-webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;}			
							

.kolumna_player	{			position: relative; 
							float: left; 
							width: 300px; 
							height: 400px; 
							color: grey; 
							padding-left: 20px; 
							text-align: left;
							
							}
							
/*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; 	}


/*centerfield*/							
							
.centerfield	{			position: relative;
							height: auto;
							min-height: 100px;
							width: auto;
							max-width: 60%;
							border-radius: 3px;
							padding: 5%;
							border: 1px solid silver;
							border-radius: 5px;
							margin: 5% 5% 5% 0;
							text-align: left;
							float: left;
														
							
							}
							
							
.centerfield input	{	border: none;
						cursor: pointer;}	

					
							
.opinia			{	font-size: 1rem;
					line-height: 150%;
										}
										
										/*formularz*/							
							
							
.formularz		{	position: relative; 
					width: 100%; 
					padding: 2%; 
					border-radius: 3px; 
					border: 1px solid silver !important; 
					background: #fafafa;
}


.clear			{ clear: both; }


.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; }
									
@media all and (max-width: 1000px) and (min-width: 120px) {										
									
									
				.galeria, .klienci	{ 	width: 100%; 
										margin: 0;
				
				
				}										
										
.galeria img	{	
					height: 20vh;
				width: 40% !important;
				float: left;
				margin: 2%;
				padding: 0; 	
				object-fit: cover !important;
				border: 0;	}	
				
				
				

/*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;	}	

.player	{					min-height: 20vh;
							width: 97%;
							min-width: 97%;
							padding: 10px 1.5% 10px 1.5%;				
							
							}
							
audio { width: 97%; }							

				
.player ul li	{	margin-left: 0;
				padding: 2% 0;
				width: auto;
								}
				
.player ul li a:hover	{	
						width: 100%;	}	


.player	ul li:first-child {  border-radius: 3px 3px 0 0 ;
						padding-top: 25px;	}			
.player	ul li:last-child {  border-radius: 0px 0px 3px 3px;
							padding-bottom: 25px;}	
							
.pasy ul li	{	padding: 0;	}
							
.pasy	ul li:nth-child(odd) {  	background-color: white;
								}
.pasy	ul li:nth-child(even) {  	background-color: white;
								}							
							
.play	{	display: none;	}	


.play:hover	{	display: none; }			
							

.kolumna_player	{			width: 100%; 
							height: auto; 
							padding-left: 0; 
							
							}					

.extrapt img {	max-width: 90% !important;
				width: 90vw;
				margin: 1% 5%;
				object-fit: contain;
				padding: 0;}
}