.company .reference .right .list li .tags { font-size:0;line-height:0; }

@media screen and (min-width: 1201px) and (max-width: 10000px) {
.company {
	float:left;
	width:100%;
	position:relative;
}
	.company .baner {
		float:left;
		width:100%;
		height:25vw;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		background-size:cover !important;
	}
		.company .baner .inside {
			width:84%;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.company .baner .header {
			color: #ffffff;
			
			font-size: 1.55vw;
			font-weight: 300;
			line-height: 2.1vw;
			text-align:center;
		}
		.company .baner .submenu {
			width:90%;
			height:4.47vw;
			margin-top:3vw;
			position:relative;	
			border:1px solid #b7b7b2;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.company .baner .submenu li { 
			float:left;
			height:100%;
			position:relative;
			
			font-size: 1.1vw;	
			line-height: 1.1vw;
			margin:0px 3.15vw 0px 3.15vw;
			padding:0px 0px 0px 15px;
			list-style: none; 
			background: url(../../images/short_ul_li.svg) left no-repeat;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-bottom:2px solid transparent;
		}
		.company .baner .submenu li a { 
			color:#fff;
			text-decoration:none;
			display: inline-block; 
		}
			.company .baner .submenu li:hover, .company .baner .submenu .active {
				color: #fff;
				border-bottom:2px solid #51baea;
			}
			
.company .about {
	float:left;
	width:100%;
	position:relative;
}
	.company .about .box {
		float:left;
		width:100%;
		height:35vw;
		position:relative;
	}
		.company .about .box .left {
			float:left;
			width:50%;
			height:100%;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.company .about .box:nth-child(even) .left { float:right; }
			.company .about .box .left .inside {
				width:74%;
			}
			.company .about .box .left .number {
				float:left;
				width:60px;
				height:45px;
				color:#fff;
				
				font-size:16px;
				line-height:16px;
				background:#53b8ec;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				letter-spacing:1px;
			}
			.company .about .box .left h2 {
				float:left;
				margin:0px 0px 1.85vw 1.85vw;
				color: #231f20;
				
				font-size: 1.85vw;
				font-weight: 300;
				line-height: 45px;
			}
			.company .about .box .left .text {
				float:left;
				width:100%;
				color: #404040;
				
				font-size: 1vw;
				font-weight: 300;
				line-height: 1.55vw;
			}
		.company .about .box .zdjecie-glowne { 
			float:left;
			width:50%;
			height:100%;
			position:relative;
			z-index:5;
		}
		.company .about .box .zdjecie-glowne .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.company .history {
	float:left;
	width:100%;
	position:relative;
	margin:5vw 0 5vw 0;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.company .history .wrap {
		float:left;
		padding:3.7vw 0px 3.7vw 0px;
		width:80%;
		max-width:65vw;
		position:relative;	
		background: url(../../images/history_dots.png) center repeat-y;
	}
		.company .history .wrap .box {
			float:left;
			width:54.5%;
			min-height:8.45vw;
			margin:-1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.company .history .wrap .box:nth-child(even) { float:right;width:54.2%; }
			.company .history .wrap .box:nth-child(even) .left { float:right;text-align:left; }
			.company .history .wrap .box:nth-child(even) .zdjecie-glowne { float:left; }
				
			.company .history .wrap .box .left {
				float:left;
				width:28vw;
				text-align:right;
			}
				.company .history .wrap .box .left h3 {
					float:left;
					width:100%;
					margin:2.1vw 0px 1.5vw 0px;
					color: #231f20;
					font-size: 1.8vw;
					font-weight: 700;
					line-height: 1.8vw;
				}
				.company .history .wrap .box .left .text {
					color: #404040;
					font-size: 1vw;
					font-weight: 300;
					line-height: 1.5vw;
				}
			.company .history .wrap .box .zdjecie-glowne { 
				float:right;
				width:5.63vw;
				height:5.63vw;
				position:relative;
				z-index:5;
				border-radius:40em;
				overflow:hidden;
			}
			.company .history .wrap .box .zdjecie-glowne .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.company .reference {
	float:left;
	width:100%;
	position:relative;
	
	background: url(../../images/reference_list_left_bg.jpg) top left no-repeat;
	background-size:20vw auto;
}
.company .reference.main {
	min-height:40vw;
}
	.company .reference .left {
		float:left;
		width:20%;
		height:100%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		
	}
		.company .reference .left .inside {
			width:70%;
		}
			.company .reference .left .inside .title {
				float:left;
				width:100%;
				color: #000000;
				margin:4vw 0px 1.3vw 0px;
				padding:0px 0px 1.8vw 0px;
				font-size: 1.31vw;
				font-weight: 500;
				line-height: 1.31vw;
				
				border-bottom:1px solid #dadada;
			}
			.company .reference .left .inside .sub-menu {
				float:left;
				width:100%;
				position:relative;
				list-style: none; 
			}
				.company .reference .left .inside .sub-menu li {
					float:left;
					width:100%;
					padding:0px 0px 1vw 0px;
					margin:0px 0px 1vw 0px;
					
					font-size: 1vw;
					font-weight: 300;
					line-height: 1.4vw;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom:1px solid #dadada;
					
				}
					.company .reference .left .inside .sub-menu li a {
						padding:0px 0px 0px 1vw;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-decoration:none;
						color: #000000;
						background: url(../../images/short_ul_li.svg) top 0.3vw left no-repeat;
					}
					.company .reference .left .inside .sub-menu li a:hover {
						background: url(../../images/short_ul_li.svg) top 0.3vw left 0.2vw no-repeat;
					}
					.company .reference .left .inside .sub-menu li a.active {
						color:#51baea;
						background: url(../../images/short_ul_li.svg) top 0.3vw left 0.2vw no-repeat;
					}
	.company .reference .right {
		float:left;
		width:80%;
		min-height:36vw;
		padding:0px 0px 4vw 0px;
		position:relative;
	}
		.company .reference.main .bg {
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-end;
			align-items:center;
			align-content:center;
			background: url(../../images/reference_main_bg.jpg) center no-repeat;
			background-size: cover;
		}
		.company .reference .right .inside {
			float:left;
			width:90%;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.company .reference .right .inside .text {
				float:left;
				width:26vw;
				color: #fff;	
				font-size: 1.1vw;
				line-height:1.5vw;
				font-weight: 300;
			}
				.company .reference .right .inside .text h2 {
					float:left;
					width:100%;
					margin:0px 0px 1.6vw 0px;			
					color: #fff;
					font-size: 2.1vw;
					font-weight: 300;
					line-height: 2.6vw;
				}
				.company .reference .right .inside .text a {
					float:left;
					height: 3.7vw;
					margin:1.8vw 0px 0px 0px;
					padding:0px 5.2vw 0px 1.5vw;
					color: #fff;
					font-size: 1.1vw;
					font-weight: 400;
					line-height: 3.7vw;
					text-decoration:none;
					overflow:hidden;
					background: #51baea url(../../images/short_ul_li_white.svg) center right 30px no-repeat;
				}
			.company .reference .right .inside .zdjecie-glowne { 
				float:left;
				width:33vw;
				height:auto;
				position:relative;
				margin:0px 0px 0px 0px;
				z-index:5;
			}
				.company .reference .right .inside .zdjecie-glowne .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
			.company .reference .right .inside .iso {
				float:left;
				position:absolute;			
				left:0;
				bottom:-1vw;
				color: #cfe9ff;
				font-size: 1vw;
				font-weight: 300;
				line-height: 1vw;
				font-weight: 300;
			}
				.company .reference .right .inside .iso strong {
					color: #ffffff;
					
					font-weight: 400;
					text-decoration: underline;
				}
				
		.company .reference .right .list {
			float:left;
			width:90%;
			margin:4vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.company .reference .right .list .search-input {
				float: left;
				width: 100%;
				margin: 0px 0px 0px 0px;
				padding: 20px 0px 20px 2vw;
				color: #000;
				
				border:0;
				border-bottom: 1px solid #f2f2f2;
				background: url(../../images/iocn_reference_search.svg) left no-repeat;
				font-size: 0.9vw;
				line-height: 0.9vw;
				font-weight: 100;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.company .reference .right .list .search-input:focus {
					outline:none;
				}
			.company .reference .right .list ul {
				float:left;
				width:100%;
				position:relative;
			}
				.company .reference .right .list li {
					float:left;
					width:100%;
					position:relative;
					list-style: none; 
				}
					.company .reference .right .list li h4 {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:15px 0px 15px 0px;
						position:relative;
						color: #231f20;
						font-size: 18px;
						font-weight: 400;
						line-height: 22px;
						font-weight: 300;
						border-bottom:1px solid #e6e6e6;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						cursor:pointer;
						background: url(../../images/icon_plus.svg) right no-repeat;
					}
						.company .reference .right .list li h4.activelist {
							font-weight:700;
							background: url(../../images/icon_minus.svg) right no-repeat;
						}
					.company .reference .right .list li .content {
						display:none;
						float:left;
						width:100%;
						margin:20px 0px 0px 0px;
						padding:15px 0px 15px 0px;
						position:relative;
					}
					.company .reference .right .list li .text {
						float:left;
						width:100%;
						position:relative;
						color: #000000;
						font-size: 16px;
						font-weight: 300;
						line-height: 24px;
						
					}
						.company .reference .right .list li .text ul { 
							float:left;
							position:relative;
							width:100%;
							margin:0px 0px 10px 0px;
							padding:0;
							list-style: none; 
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-between;
							align-items:center;
							align-content:center;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
							.company .reference .right .list li .text ul li {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 2vw;
								position:relative;
								background: url(../../images/short_ul_li.svg) top 0.3vw left 1vw no-repeat;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
					.company .reference .right .list li .pliki { 
						float:left;
						width:100%;
						position:relative;
						margin-top:2vw;
					}
						.company .reference .right .list li .pliki .plik { 
							float:left;
							position:relative;
							margin-right:6vw;
						}
							.company .reference .right .list li .pliki .plik a { 
								text-decoration:none;
								color:#707070; 
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:center;
								align-items:center;
								align-content:center;
							}
							.company .reference .right .list li .pliki .plik a:hover { 
								color:#51baea; 
							}
						.company .reference .right .list li .pliki .plik-ikona-box { 
							float:left;
							position:relative;
							margin:0px 0px 0px 0px; 
							padding:0px 0px 0px 0px; 
						}
						.company .reference .right .list li .pliki .plik-roz { 
							float:left;
							position:absolute;
							left:0;
							bottom:0;
							width:100%;
							color:#707070;
							font-size:9px;
							line-height:10px;
							text-align:center;
						}
						.company .reference .right .list li .plik-ikona { 
							float:left;
							width:50px;
							margin:0px 0px 0px 0px; 
						}
						.company .reference .right .list li .plik-tytul { 
							float:left;
							position:relative;
							margin:0px 0px 0px 30px; 
							padding:0px 0px 0px 0px; 
							font-size:18px;
							line-height:18px;
						}
					.company .reference .right .list li .gallery { 
						float:left;
						width:100%;
						margin:2vw 0px 0px 0px; 
						position:relative;
					}
						.company .reference .right .list li .gallery .gallery-box { 
							float:left;	
							width:33%;
							height:15vw;
							margin:0px 0px 0px 0px;
							position:relative;
							overflow:hidden;
							border:3px solid #fff;
							display:flex;
							justify-content:center;
							align-items:center;	
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
								.company .reference .right .list li .gallery .gallery-box.box-25 {
									width:25%;
									height:12vw;
								}
							.company .reference .right .list li .gallery .gallery-box .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:100%;
								height:100%;
								object-fit: cover;	
							}
						   .company .reference .right .list li .gallery .gallery-box .fade {
								float:left;
								width:100%;
								height:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:absolute;
								left:0;
								top:0;
								color:#fff;
								font-size:16px;
								line-height:16px;
								background-color: rgba(0, 0, 0, 0.6);
								background: rgba(0, 0, 0, 0.6);
								-webkit-transition: all 0.5s ease-in-out;
								-moz-transition: all 0.5s ease-in-out;
								-o-transition: all 0.5s ease-in-out;
								transition: all 0.5s ease-in-out;
								opacity:0;
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:space-around;
								align-items:center;
								align-content:center;
							}
								.company .reference .right .list li .gallery .gallery-box:hover .fade {
									opacity:1;
								}
	.company .archive {
		float: left;
		width: 100%;
		position: relative;
		margin: 5vw 0 5vw 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
		.company .archive .inside {
			float: left;
			width: 80%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position: relative;
		}
			.company .archive .inside .sort {
				float:right;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-end;
				align-items:center;
				align-content:center;
			}
				.company .archive .inside .sort .sort-name {
					float:right;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position: relative;
					
					font-size: 1.1vw;
					line-height: 1.1vw;
					margin: 0px 1vw 0px 0px;
					padding: 0px 0px 0px 15px;
					list-style: none;
					background: url(../../images/short_ul_li.svg) left no-repeat;
				}
				.company .archive .inside .sort .sort-year {
					float: left;
					margin: 0px 0px 0px 0.3vw;
					padding: 0px 1.2vw 0px 1.2vw;
					position: relative;
					color: #000;
					
					font-size: 0.7vw;
					font-weight: 700;
					line-height: 2vw;
					border: 1px solid #cccccc;
					background: #e9e9e9;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					cursor: pointer;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					align-items: center;
					align-content: center;
					cursor:pointer;
				}
					.company .archive .inside .sort .sort-year:hover, .active-sort-year {
						color:#fff !important;
						background:#51baea !important;
					}
			.company .archive .inside .box {
				float:left;
				/*width:31%;*/
				width:95%;
				height:100%;
				margin:0px 0px 2vw 0px;
				position:relative;
			}
				.company .archive .inside .box .zdjecie-glowne { 
					float:left;
					width:45%;
					height:18vw;
					position:relative;
					margin:0px 0px 0px 0px;
					z-index:5;
				}
					.company .archive .inside .box .zdjecie-glowne .img {
						float:left;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
						.company .archive .inside .box .zdjecie-glowne .fade  {
							float:left;
							width:100%;
							height:100%;
							position:absolute;
							top:0;
							left:0;
							background-color: #51baea;
							background-blend-mode: multiply;	
							box-shadow: inset 0 0 0 1vw rgba(0, 0, 0, 0.1);						
							mix-blend-mode: multiply;
							opacity:0;
							-webkit-transition: all 0.4s ease-in-out;
							-moz-transition: all 0.4s ease-in-out;
							-o-transition: all 0.4s ease-in-out;
							transition: all 0.4s ease-in-out;
						}
							.company .archive .inside .box:hover .zdjecie-glowne .fade {
								opacity:1;
							}
				.company .archive .inside .box .right {
					float:right;
					width:50%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.company .archive .inside .box h4 {
					float:left;
					width:100%;
					margin:2.1vw 0px 1.3vw 0px;
					padding:0px 0px 0px 0px;
					
					position:relative;
					color: #323232;
					font-size: 1.3vw;
					font-weight: 300;
					line-height: 1.7vw;
				}
				.company .archive .inside .box .text {
					float:left;
					width:100%;
					height:4vw;
					margin:0px 0px 1.3vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #323232;
					font-size: 0.9vw;
					font-weight: 300;
					line-height: 1.3vw;
					overflow:hidden;
				}
				.company .archive .inside .box .arrow {
					float:left;
					width:3.15vw;
					position:relative;
				}	
			
	
.about .about .default-text {
	float:left;
	width:80%;
	position:relative;
	margin:5vw 10% 5vw 10%;
}
	.about .default-text .header {
		float:left;
		width:100%;
		color: #323232;
		font-size: 2.35vw;
		font-weight: 300;
		line-height: 2.9vw;
		margin:0px 0px 3vw 0px;
		background: url(../../images/default_text_header_hr.jpg) right no-repeat;
	}
	.about .default-text .text {
		float:left;
		width:100%;
		color: #707070;
		font-size: 20px;
		font-weight: 300;
		line-height: 32px;
	}
	.about .default-text .pliki { 
		float:left;
		width:100%;
		position:relative;
		margin-top:3vw;
	}
		.about .default-text .pliki .plik { 
			float:left;
			position:relative;
			margin-right:6vw;
			margin-bottom:1vw;
		}
			.about .default-text .pliki .plik a { 
				text-decoration:none;
				color:#707070; 
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
			.about .default-text .pliki .plik a:hover { 
				color:#51baea; 
			}
		.about .default-text .pliki .plik-ikona-box { 
			float:left;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
		.about .default-text .pliki .plik-roz { 
			float:left;
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			color:#707070;
			font-size:9px;
			line-height:10px;
			text-align:center;
		}
		.about .default-text .plik-ikona { 
			float:left;
			width:50px;
			margin:0px 0px 0px 0px; 
		}
		.about .default-text .plik-tytul { 
			float:left;
			position:relative;
			margin:0px 0px 0px 30px; 
			padding:0px 0px 0px 0px; 
			font-size:18px;
			line-height:18px;
		}
	.about .default-text .gallery { 
		float:left;
		width:100%;
		margin:2vw 0px 0px 0px; 
		position:relative;
	}
		.about .default-text .gallery .gallery-box { 
			float:left;	
			width:25%;
			height:15vw;
			margin:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:3px solid #fff;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.about .default-text .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		   .about .default-text .gallery .gallery-box .fade {
				float:left;
				width:100%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:absolute;
				left:0;
				top:0;
				color:#fff;
				font-size:16px;
				line-height:16px;
				background-color: rgba(0, 0, 0, 0.6);
				background: rgba(0, 0, 0, 0.6);
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				opacity:0;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.about .default-text .gallery .gallery-box:hover .fade {
					opacity:1;
				}
}

@media screen and (min-width: 651px) and (max-width: 1200px) {
.company {
	float:left;
	width:100%;
	position:relative;
}
	.company .baner {
		float:left;
		width:100%;
		padding:4vw 0px 4vw 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		background-size:cover !important;
	}
		.company .baner .inside {
			width:96%;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.company .baner .header {
			color: #ffffff;
			
			font-size: 2vw;
			font-weight: 300;
			line-height: 3vw;
			text-align:center;
		}
		.company .baner .submenu {
			width:90%;
			padding:4vw 0px 2vw 0px;
			margin-top:5vw;
			position:relative;	
			border:1px solid #b7b7b2;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.company .baner .submenu li { 
			float:left;
			width:25%;
			height:100%;
			position:relative;
			
			font-size: 2vw;	
			line-height: 3vw;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 0px 15px;
			list-style: none; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-bottom:2px solid transparent;
		}
		.company .baner .submenu li a { 
			color:#fff;
			text-decoration:none;
			display: inline-block; 
		}
			.company .baner .submenu li:hover, .company .baner .submenu .active {
				color: #fff;
				border-bottom:2px solid #51baea;
			}
			
.company .about {
	float:left;
	width:100%;
	position:relative;
}
	.company .about .box {
		float:left;
		width:100%;
		
		position:relative;
	}
		.company .about .box .left {
			float:left;
			width:100%;
			padding:4vw 0px 4vw 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.company .about .box:nth-child(even) .left { float:right; }
			.company .about .box .left .inside {
				width:90%;
			}
			.company .about .box .left .number {
				float:left;
				width:60px;
				height:45px;
				color:#fff;
				
				font-size:16px;
				line-height:16px;
				background:#53b8ec;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				letter-spacing:1px;
			}
			.company .about .box .left h2 {
				float:left;
				margin:0px 0px 4vw 4vw;
				color: #231f20;
				
				font-size: 3vw;
				font-weight: 300;
				line-height: 45px;
			}
			.company .about .box .left .text {
				float:left;
				width:100%;
				color: #404040;
				
				font-size: 2vw;
				font-weight: 300;
				line-height: 3vw;
				text-align:justify;
			}
		.company .about .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:40vw;
			position:relative;
			z-index:5;
		}
		.company .about .box .zdjecie-glowne .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.company .history {
	float:left;
	width:100%;
	position:relative;
	margin:5vw 0px 5vw 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.company .history .wrap {
		float:left;
		padding:0px 0px 0px 0px;
		width:90%;
		width:90%;
		position:relative;	
	}
		.company .history .wrap .box {
			float:left;
			width:100%;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 0px 0px;
		}
			.company .history .wrap .box:nth-child(even) { float:right;width:100%; }
			.company .history .wrap .box:nth-child(even) .left { float:right;text-align:left; }
			.company .history .wrap .box:nth-child(even) .zdjecie-glowne { float:right;margin:0px 5vw 0px 0px; }
				
			.company .history .wrap .box .left {
				float:left;
				width:50%;
				text-align:right;
			}
				.company .history .wrap .box .left h3 {
					float:left;
					width:100%;
					margin:4vw 0px 2vw 0px;
					color: #231f20;
					font-size: 4vw;
					font-weight: 700;
					line-height: 4vw;
				}
				.company .history .wrap .box .left .text {
					color: #404040;
					font-size: 2vw;
					font-weight: 300;
					line-height: 3vw;
				}
			.company .history .wrap .box .zdjecie-glowne { 
				float:left;
				width:15vw;
				height:15vw;
				margin:0px 0px 0px 5vw;
				position:relative;
				z-index:5;
				border-radius:40em;
				overflow:hidden;
			}
			.company .history .wrap .box .zdjecie-glowne .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.company .reference {
	float:left;
	width:100%;
	position:relative;
	
	background: #f6f6f6;	
}
.company .reference.main {
	min-height:40vw;
}
	.company .reference .left {
		float:left;
		width:100%;
		position:relative;
		padding:0px 0px 8vw 0px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		
	}
		.company .reference .left .inside {
			width:90%;
		}
			.company .reference .left .inside .title {
				float:left;
				width:100%;
				color: #000000;
				margin:2vw 0px 2vw 0px;
				padding:0px 0px 2vw 0px;
				font-size: 3vw;
				font-weight: 500;
				line-height: 4vw;
				
				border-bottom:1px solid #dadada;
			}
			.company .reference .left .inside .sub-menu {
				float:left;
				width:100%;
				position:relative;
				list-style: none; 
			}
				.company .reference .left .inside .sub-menu li {
					float:left;
					width:100%;
					padding:1vw 0px 1vw 0px;
					margin:0px 0px 0px 0px;
					
					font-size: 2.5vw;
					font-weight: 300;
					line-height: 4vw;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom:1px solid #dadada;				
				}
					.company .reference .left .inside .sub-menu li a {
						float:left;
						width:100%;
						padding:0px 0px 0px 5vw;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-decoration:none;
						color: #000000;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.company .reference .left .inside .sub-menu li a:hover {
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.company .reference .left .inside .sub-menu li a.active {
						color:#51baea;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
	.company .reference .right {
		float:left;
		width:100%;
		padding:4vw 0px 4vw 0px;
		position:relative;
	}
		.company .reference.main .bg {
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-end;
			align-items:center;
			align-content:center;
			background: url(../../images/reference_main_bg.jpg) center no-repeat;
			background-size: cover !important;
		}
		.company .reference .right .inside {
			float:left;
			width:94%;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.company .reference .right .inside .text {
				float:left;
				width:60%;
				color: #fff;	
				font-size: 2vw;
				line-height:3vw;
				font-weight: 300;
			}
				.company .reference .right .inside .text h2 {
					float:left;
					width:100%;
					margin:0px 0px 1vw 0px;			
					color: #fff;
					font-size: 3vw;
					font-weight: 300;
					line-height: 4vw;
				}
				.company .reference .right .inside .text a {
					float:left;
					margin:0px 0px 5vw 0px;
					padding:2vw 5vw 2vw 5vw;
					color: #fff;
					font-size: 2vw;
					font-weight: 400;
					line-height: 3vw;
					text-decoration:none;
					overflow:hidden;
					background: #51baea url(../../images/short_ul_li_white.svg) center right 30px no-repeat;
				}
			.company .reference .right .inside .zdjecie-glowne { 
				float:left;
				width:33vw;
				height:auto;
				position:relative;
				margin:0px 0px 0px 0px;
				z-index:5;
			}
				.company .reference .right .inside .zdjecie-glowne .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
			.company .reference .right .inside .iso {
				float:left;
				position:relative;			
				left:0;
				top:0;
				color: #cfe9ff;
				font-size: 2vw;
				font-weight: 300;
				line-height: 2vw;
				font-weight: 300;
			}
				.company .reference .right .inside .iso strong {
					color: #ffffff;
					
					font-weight: 400;
					text-decoration: underline;
				}
				
		.company .reference .right .list {
			float:left;
			width:90%;
			margin:0px 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.company .reference .right .list .search-input {
				float: left;
				width: 100%;
				margin: -2vw 0px 0px 0px;
				padding: 2vw 0px 2vw 4vw;
				color: #000;
				
				border:0;
				border-bottom: 1px solid #f2f2f2;
				background: url(../../images/iocn_reference_search.svg) left no-repeat;
				font-size: 2vw;
				line-height: 2vw;
				font-weight: 100;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.company .reference .right .list .search-input:focus {
					outline:none;
				}
			.company .reference .right .list ul {
				float:left;
				width:100%;
				position:relative;
			}
				.company .reference .right .list li {
					float:left;
					width:100%;
					position:relative;
					list-style: none; 
				}
					.company .reference .right .list li h4 {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:2vw 0px 2vw 0px;
						position:relative;
						color: #231f20;
						font-size: 2.5vw;
						font-weight: 400;
						line-height: 3vw;
						font-weight: 300;
						border-bottom:1px solid #e6e6e6;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						cursor:pointer;
						background: url(../../images/icon_plus.svg) right no-repeat;
					}
						.company .reference .right .list li h4.activelist {
							font-weight:700;
							background: url(../../images/icon_minus.svg) right no-repeat;
						}
					.company .reference .right .list li .content {
						display:none;
						float:left;
						width:100%;
						margin:2vw 0px 0px 0px;
						padding:2vw 0px 2vw 0px;
						position:relative;
					}
					.company .reference .right .list li .text {
						float:left;
						width:100%;
						position:relative;
						color: #000000;
						font-size: 2vw;
						font-weight: 300;
						line-height: 3vw;
						text-align:justify;
						
					}
						.company .reference .right .list li .text ul { 
							float:left;
							position:relative;
							width:100%;
							margin:0px 0px 2vw 0px;
							padding:0;
							list-style: none; 
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-between;
							align-items:center;
							align-content:center;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
							.company .reference .right .list li .text ul li {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 2vw;
								position:relative;
								background: url(../../images/short_ul_li.svg) top 0.3vw left 1vw no-repeat;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
					.company .reference .right .list li .pliki { 
						float:left;
						width:100%;
						position:relative;
						margin-top:4vw;
					}
						.company .reference .right .list li .pliki .plik { 
							float:left;
							position:relative;
							margin-right:0px;
						}
							.company .reference .right .list li .pliki .plik a { 
								text-decoration:none;
								color:#707070; 
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:center;
								align-items:center;
								align-content:center;
							}
							.company .reference .right .list li .pliki .plik a:hover { 
								color:#51baea; 
							}
						.company .reference .right .list li .pliki .plik-ikona-box { 
							float:left;
							position:relative;
							margin:0px 0px 0px 0px; 
							padding:0px 0px 0px 0px; 
						}
						.company .reference .right .list li .pliki .plik-roz { 
							float:left;
							position:absolute;
							left:0;
							bottom:0;
							width:100%;
							color:#707070;
							font-size:9px;
							line-height:10px;
							text-align:center;
						}
						.company .reference .right .list li .plik-ikona { 
							float:left;
							width:30px;
							margin:0px 0px 0px 0px; 
						}
						.company .reference .right .list li .plik-tytul { 
							float:left;
							position:relative;
							margin:0px 0px 0px 40px; 
							padding:0px 0px 0px 0px; 
							font-size:3vw;
							line-height:3vw;
						}
					.company .reference .right .list li .gallery { 
						float:left;
						width:100%;
						margin:4vw 0px 0px 0px; 
						position:relative;
					}
						.company .reference .right .list li .gallery .gallery-box { 
							float:left;	
							width:50%;
							height:25vw;
							margin:0px 0px 0px 0px;
							position:relative;
							overflow:hidden;
							border:2px solid #fff;
							display:flex;
							justify-content:center;
							align-items:center;	
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
								.company .reference .right .list li .gallery .gallery-box.box-25 {
									width:50%;
									height:25vw;
								}
							.company .reference .right .list li .gallery .gallery-box .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:100%;
								height:100%;
								object-fit: cover;	
							}
						   .company .reference .right .list li .gallery .gallery-box .fade {
								float:left;
								width:100%;
								height:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:absolute;
								left:0;
								top:0;
								color:#fff;
								font-size:16px;
								line-height:16px;
								background-color: rgba(0, 0, 0, 0.6);
								background: rgba(0, 0, 0, 0.6);
								-webkit-transition: all 0.5s ease-in-out;
								-moz-transition: all 0.5s ease-in-out;
								-o-transition: all 0.5s ease-in-out;
								transition: all 0.5s ease-in-out;
								opacity:0;
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:space-around;
								align-items:center;
								align-content:center;
							}
								.company .reference .right .list li .gallery .gallery-box:hover .fade {
									opacity:1;
								}
	.company .archive {
		float: left;
		width: 100%;
		position: relative;
		margin: 5vw 0 5vw 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
			.company .archive .inside .sort {
				float:right;
				width:100%;
				margin:0px 0px 2vw 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-end;
				align-items:center;
				align-content:center;
			}
				.company .archive .inside .sort .sort-name {
					float:right;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position: relative;
					
					font-size: 2vw;
					line-height: 2vw;
					margin: 0px 1vw 0px 0px;
					padding: 0px 0px 0px 15px;
					list-style: none;
					background: url(../../images/short_ul_li.svg) left no-repeat;
				}
				.company .archive .inside .sort .sort-year {
					float: left;
					margin: 0px 0px 0px 0.5vw;
					padding: 0px 1.2vw 0px 1.2vw;
					position: relative;
					color: #000;
					
					font-size: 1.5vw;
					font-weight: 700;
					line-height: 3vw;
					border: 1px solid #cccccc;
					background: #e9e9e9;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					cursor: pointer;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					align-items: center;
					align-content: center;
					cursor:pointer;
				}
					.company .archive .inside .sort .sort-year:hover, .active-sort-year {
						color:#fff !important;
						background:#51baea !important;
					}
					
		.company .archive .inside {
			float: left;
			width: 90%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position: relative;
		}
			.company .archive .inside .box {
				float:left;
				/*width:31%;*/
				width:95%;
				height:100%;
				margin:0px 0px 6vw 0px;
				position:relative;
			}
				.company .archive .inside .box .zdjecie-glowne { 
					float:left;
					width:100%;
					height:25vw;
					position:relative;
					margin:0px 0px 0px 0px;
					z-index:5;
				}
					.company .archive .inside .box .zdjecie-glowne .img {
						float:left;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
						.company .archive .inside .box .zdjecie-glowne .fade  {
							float:left;
							width:100%;
							height:100%;
							position:absolute;
							top:0;
							left:0;
							background-color: #51baea;
							background-blend-mode: multiply;	
							box-shadow: inset 0 0 0 1vw rgba(0, 0, 0, 0.1);						
							mix-blend-mode: multiply;
							opacity:0;
							-webkit-transition: all 0.4s ease-in-out;
							-moz-transition: all 0.4s ease-in-out;
							-o-transition: all 0.4s ease-in-out;
							transition: all 0.4s ease-in-out;
						}
							.company .archive .inside .box:hover .zdjecie-glowne .fade {
								opacity:1;
							}
				.company .archive .inside .box .right {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.company .archive .inside .box h4 {
					float:left;
					width:100%;
					margin:3vw 0px 3vw 0px;
					padding:0px 0px 0px 0px;
					
					position:relative;
					color: #323232;
					font-size: 3vw;
					font-weight: 300;
					line-height: 4vw;
				}
				.company .archive .inside .box .text {
					float:left;
					width:100%;
					margin:0px 0px 3vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #323232;
					font-size: 2vw;
					font-weight: 300;
					line-height: 3vw;
					overflow:hidden;
					text-align:justify;
				}
				.company .archive .inside .box .arrow {
					float:left;
					width:5vw;
					position:relative;
				}	
			
	
.about .about .default-text {
	float:left;
	width:80%;
	position:relative;
	margin:5vw 10% 5vw 10%;
}
	.about .default-text .header {
		float:left;
		width:100%;
		color: #323232;
		font-size: 2.35vw;
		font-weight: 300;
		line-height: 2.9vw;
		margin:0px 0px 3vw 0px;
		background: url(../../images/default_text_header_hr.jpg) right no-repeat;
	}
	.about .default-text .text {
		float:left;
		width:100%;
		color: #707070;
		font-size: 20px;
		font-weight: 300;
		line-height: 32px;
	}
	.about .default-text .pliki { 
		float:left;
		width:100%;
		position:relative;
		margin-top:3vw;
	}
		.about .default-text .pliki .plik { 
			float:left;
			position:relative;
			margin-right:6vw;
			margin-bottom:1vw;
		}
			.about .default-text .pliki .plik a { 
				text-decoration:none;
				color:#707070; 
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
			.about .default-text .pliki .plik a:hover { 
				color:#51baea; 
			}
		.about .default-text .pliki .plik-ikona-box { 
			float:left;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
		.about .default-text .pliki .plik-roz { 
			float:left;
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			color:#707070;
			font-size:9px;
			line-height:10px;
			text-align:center;
		}
		.about .default-text .plik-ikona { 
			float:left;
			width:50px;
			margin:0px 0px 0px 0px; 
		}
		.about .default-text .plik-tytul { 
			float:left;
			position:relative;
			margin:0px 0px 0px 30px; 
			padding:0px 0px 0px 0px; 
			font-size:18px;
			line-height:18px;
		}
	.about .default-text .gallery { 
		float:left;
		width:100%;
		margin:2vw 0px 0px 0px; 
		position:relative;
	}
		.about .default-text .gallery .gallery-box { 
			float:left;	
			width:25%;
			height:15vw;
			margin:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:3px solid #fff;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.about .default-text .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		   .about .default-text .gallery .gallery-box .fade {
				float:left;
				width:100%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:absolute;
				left:0;
				top:0;
				color:#fff;
				font-size:16px;
				line-height:16px;
				background-color: rgba(0, 0, 0, 0.6);
				background: rgba(0, 0, 0, 0.6);
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				opacity:0;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.about .default-text .gallery .gallery-box:hover .fade {
					opacity:1;
				}	
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.company {
	float:left;
	width:100%;
	position:relative;
}
	.company .baner {
		float:left;
		width:100%;
		padding:8vw 0px 8vw 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		background-size:cover !important;
	}
		.company .baner .inside {
			width:96%;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.company .baner .header {
			color: #ffffff;
			
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:center;
		}
		.company .baner .submenu {
			width:90%;
			padding:4vw 0px 2vw 0px;
			margin-top:5vw;
			position:relative;	
			border:1px solid #b7b7b2;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.company .baner .submenu li { 
			float:left;
			width:48%;
			height:100%;
			position:relative;
			
			font-size: 4vw;	
			line-height: 6vw;
			margin:0px 0px 2vw 0px;
			padding:0px 0px 0px 15px;
			list-style: none; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-bottom:2px solid transparent;
		}
		.company .baner .submenu li a { 
			color:#fff;
			text-decoration:none;
			display: inline-block; 
		}
			.company .baner .submenu li:hover, .company .baner .submenu .active {
				color: #fff;
				border-bottom:2px solid #51baea;
			}
			
.company .about {
	float:left;
	width:100%;
	position:relative;
}
	.company .about .box {
		float:left;
		width:100%;
		
		position:relative;
	}
		.company .about .box .left {
			float:left;
			width:100%;
			padding:8vw 0px 8vw 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.company .about .box:nth-child(even) .left { float:right; }
			.company .about .box .left .inside {
				width:90%;
			}
			.company .about .box .left .number {
				float:left;
				width:60px;
				height:45px;
				color:#fff;
				
				font-size:16px;
				line-height:16px;
				background:#53b8ec;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				letter-spacing:1px;
			}
			.company .about .box .left h2 {
				float:left;
				margin:0px 0px 4vw 4vw;
				color: #231f20;
				
				font-size: 4vw;
				font-weight: 300;
				line-height: 45px;
			}
			.company .about .box .left .text {
				float:left;
				width:100%;
				color: #404040;
				
				font-size: 3vw;
				font-weight: 300;
				line-height: 4vw;
				text-align:justify;
			}
		.company .about .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			z-index:5;
		}
		.company .about .box .zdjecie-glowne .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.company .history {
	float:left;
	width:100%;
	position:relative;
	margin:5vw 0px 5vw 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.company .history .wrap {
		float:left;
		padding:0px 0px 0px 0px;
		width:90%;
		width:90%;
		position:relative;	
	}
		.company .history .wrap .box {
			float:left;
			width:100%;
			margin:0px 0px 4vw 0px;
			padding:0px 0px 0px 0px;
		}
			.company .history .wrap .box:nth-child(even) { float:right;width:100%; }
			.company .history .wrap .box:nth-child(even) .left { float:right;text-align:left; }
			.company .history .wrap .box:nth-child(even) .zdjecie-glowne { float:right;margin:0px 5vw 0px 0px; }
				
			.company .history .wrap .box .left {
				float:left;
				width:50%;
				text-align:right;
			}
				.company .history .wrap .box .left h3 {
					float:left;
					width:100%;
					margin:4vw 0px 2vw 0px;
					color: #231f20;
					font-size: 6vw;
					font-weight: 700;
					line-height: 6vw;
				}
				.company .history .wrap .box .left .text {
					color: #404040;
					font-size: 3vw;
					font-weight: 300;
					line-height: 4vw;
				}
			.company .history .wrap .box .zdjecie-glowne { 
				float:left;
				width:15vw;
				height:15vw;
				margin:0px 0px 0px 5vw;
				position:relative;
				z-index:5;
				border-radius:40em;
				overflow:hidden;
			}
			.company .history .wrap .box .zdjecie-glowne .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.company .reference {
	float:left;
	width:100%;
	position:relative;
	
	background: #f6f6f6;	
}
.company .reference.main {
	min-height:40vw;
}
	.company .reference .left {
		float:left;
		width:100%;
		position:relative;
		padding:0px 0px 8vw 0px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		
	}
		.company .reference .left .inside {
			width:90%;
		}
			.company .reference .left .inside .title {
				float:left;
				width:100%;
				color: #000000;
				margin:5vw 0px 2vw 0px;
				padding:0px 0px 2vw 0px;
				font-size: 5vw;
				font-weight: 500;
				line-height: 6vw;
				
				border-bottom:1px solid #dadada;
			}
			.company .reference .left .inside .sub-menu {
				float:left;
				width:100%;
				position:relative;
				list-style: none; 
			}
				.company .reference .left .inside .sub-menu li {
					float:left;
					width:100%;
					padding:2vw 0px 1vw 0px;
					margin:0px 0px 0px 0px;
					
					font-size: 3.5vw;
					font-weight: 300;
					line-height: 5vw;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom:1px solid #dadada;				
				}
					.company .reference .left .inside .sub-menu li a {
						float:left;
						width:100%;
						padding:0px 0px 0px 5vw;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-decoration:none;
						color: #000000;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.company .reference .left .inside .sub-menu li a:hover {
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.company .reference .left .inside .sub-menu li a.active {
						color:#51baea;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
	.company .reference .right {
		float:left;
		width:100%;
		padding:8vw 0px 8vw 0px;
		position:relative;
	}
		.company .reference.main .bg {
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-end;
			align-items:center;
			align-content:center;
			background: url(../../images/reference_main_bg.jpg) center no-repeat;
			background-size: cover !important;
		}
		.company .reference .right .inside {
			float:left;
			width:94%;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.company .reference .right .inside .text {
				float:left;
				width:60%;
				color: #fff;	
				font-size: 3vw;
				line-height:4vw;
				font-weight: 300;
			}
				.company .reference .right .inside .text h2 {
					float:left;
					width:100%;
					margin:0px 0px 2vw 0px;			
					color: #fff;
					font-size: 4vw;
					font-weight: 300;
					line-height: 5vw;
				}
				.company .reference .right .inside .text a {
					float:left;
					margin:0px 0px 5vw 0px;
					padding:2vw 5vw 2vw 5vw;
					color: #fff;
					font-size: 3vw;
					font-weight: 400;
					line-height: 6vw;
					text-decoration:none;
					overflow:hidden;
					background: #51baea url(../../images/short_ul_li_white.svg) center right 30px no-repeat;
				}
			.company .reference .right .inside .zdjecie-glowne { 
				float:left;
				width:33vw;
				height:auto;
				position:relative;
				margin:0px 0px 0px 0px;
				z-index:5;
			}
				.company .reference .right .inside .zdjecie-glowne .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
			.company .reference .right .inside .iso {
				float:left;
				position:relative;			
				left:0;
				top:0;
				color: #cfe9ff;
				font-size: 3vw;
				font-weight: 300;
				line-height: 3vw;
				font-weight: 300;
			}
				.company .reference .right .inside .iso strong {
					color: #ffffff;
					
					font-weight: 400;
					text-decoration: underline;
				}
				
		.company .reference .right .list {
			float:left;
			width:90%;
			margin:0px 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.company .reference .right .list .search-input {
				float: left;
				width: 100%;
				margin: 0px 0px 0px 0px;
				padding: 4vw 0px 4vw 6vw;
				color: #000;
				
				border:0;
				border-bottom: 1px solid #f2f2f2;
				background: url(../../images/iocn_reference_search.svg) left no-repeat;
				font-size: 4vw;
				line-height: 4vw;
				font-weight: 100;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.company .reference .right .list .search-input:focus {
					outline:none;
				}
			.company .reference .right .list ul {
				float:left;
				width:100%;
				position:relative;
			}
				.company .reference .right .list li {
					float:left;
					width:100%;
					position:relative;
					list-style: none; 
				}
					.company .reference .right .list li h4 {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:3vw 0px 3vw 0px;
						position:relative;
						color: #231f20;
						font-size: 3.5vw;
						font-weight: 400;
						line-height: 5vw;
						font-weight: 300;
						border-bottom:1px solid #e6e6e6;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						cursor:pointer;
						background: url(../../images/icon_plus.svg) right no-repeat;
					}
						.company .reference .right .list li h4.activelist {
							font-weight:700;
							background: url(../../images/icon_minus.svg) right no-repeat;
						}
					.company .reference .right .list li .content {
						display:none;
						float:left;
						width:100%;
						margin:4vw 0px 0px 0px;
						padding:2vw 0px 2vw 0px;
						position:relative;
					}
					.company .reference .right .list li .text {
						float:left;
						width:100%;
						position:relative;
						color: #000000;
						font-size: 3vw;
						font-weight: 300;
						line-height: 4vw;
						text-align:justify;
						
					}
						.company .reference .right .list li .text ul { 
							float:left;
							position:relative;
							width:100%;
							margin:0px 0px 2vw 0px;
							padding:0;
							list-style: none; 
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-between;
							align-items:center;
							align-content:center;
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
							.company .reference .right .list li .text ul li {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 2vw;
								position:relative;
								background: url(../../images/short_ul_li.svg) top 0.3vw left 1vw no-repeat;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
					.company .reference .right .list li .pliki { 
						float:left;
						width:100%;
						position:relative;
						margin-top:4vw;
					}
						.company .reference .right .list li .pliki .plik { 
							float:left;
							position:relative;
							margin-right:0px;
						}
							.company .reference .right .list li .pliki .plik a { 
								text-decoration:none;
								color:#707070; 
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:center;
								align-items:center;
								align-content:center;
							}
							.company .reference .right .list li .pliki .plik a:hover { 
								color:#51baea; 
							}
						.company .reference .right .list li .pliki .plik-ikona-box { 
							float:left;
							position:relative;
							margin:0px 0px 0px 0px; 
							padding:0px 0px 0px 0px; 
						}
						.company .reference .right .list li .pliki .plik-roz { 
							float:left;
							position:absolute;
							left:0;
							bottom:0;
							width:100%;
							color:#707070;
							font-size:9px;
							line-height:10px;
							text-align:center;
						}
						.company .reference .right .list li .plik-ikona { 
							float:left;
							width:30px;
							margin:0px 0px 0px 0px; 
						}
						.company .reference .right .list li .plik-tytul { 
							float:left;
							position:relative;
							margin:0px 0px 0px 40px; 
							padding:0px 0px 0px 0px; 
							font-size:3vw;
							line-height:3vw;
						}
					.company .reference .right .list li .gallery { 
						float:left;
						width:100%;
						margin:4vw 0px 0px 0px; 
						position:relative;
					}
						.company .reference .right .list li .gallery .gallery-box { 
							float:left;	
							width:50%;
							height:25vw;
							margin:0px 0px 0px 0px;
							position:relative;
							overflow:hidden;
							border:2px solid #fff;
							display:flex;
							justify-content:center;
							align-items:center;	
							box-sizing: border-box;
							-moz-box-sizing: border-box;
							-webkit-box-sizing: border-box;
						}
								.company .reference .right .list li .gallery .gallery-box.box-25 {
									width:50%;
									height:25vw;
								}
							.company .reference .right .list li .gallery .gallery-box .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:100%;
								height:100%;
								object-fit: cover;	
							}
						   .company .reference .right .list li .gallery .gallery-box .fade {
								float:left;
								width:100%;
								height:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:absolute;
								left:0;
								top:0;
								color:#fff;
								font-size:16px;
								line-height:16px;
								background-color: rgba(0, 0, 0, 0.6);
								background: rgba(0, 0, 0, 0.6);
								-webkit-transition: all 0.5s ease-in-out;
								-moz-transition: all 0.5s ease-in-out;
								-o-transition: all 0.5s ease-in-out;
								transition: all 0.5s ease-in-out;
								opacity:0;
								display:flex;
								flex-direction:row;
								flex-wrap:wrap;
								justify-content:space-around;
								align-items:center;
								align-content:center;
							}
								.company .reference .right .list li .gallery .gallery-box:hover .fade {
									opacity:1;
								}
	.company .archive {
		float: left;
		width: 100%;
		position: relative;
		margin: 5vw 0 5vw 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
			.company .archive .inside .sort {
				float:left;
				width:100%;
				margin:0px 0px 4vw 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.company .archive .inside .sort .sort-name {
					float:right;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position: relative;
					
					font-size: 4vw;
					line-height: 4vw;
					margin: 0px 1vw 0px 0px;
					padding: 0px 0px 0px 15px;
					list-style: none;
					background: url(../../images/short_ul_li.svg) left no-repeat;
				}
				.company .archive .inside .sort .sort-year {
					float: left;
					margin: 0px 0px 0px 0.5vw;
					padding: 0px 2vw 0px 2vw;
					position: relative;
					color: #000;
					
					font-size: 3vw;
					font-weight: 700;
					line-height: 5vw;
					border: 1px solid #cccccc;
					background: #e9e9e9;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					cursor: pointer;
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: center;
					align-items: center;
					align-content: center;
					cursor:pointer;
				}
					.company .archive .inside .sort .sort-year:hover, .active-sort-year {
						color:#fff !important;
						background:#51baea !important;
					}
		.company .archive .inside {
			float: left;
			width: 90%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position: relative;
		}
			.company .archive .inside .box {
				float:left;
				/*width:31%;*/
				width:95%;
				height:100%;
				margin:0px 0px 6vw 0px;
				position:relative;
			}
				.company .archive .inside .box .zdjecie-glowne { 
					float:left;
					width:100%;
					height:40vw;
					position:relative;
					margin:0px 0px 0px 0px;
					z-index:5;
				}
					.company .archive .inside .box .zdjecie-glowne .img {
						float:left;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
						.company .archive .inside .box .zdjecie-glowne .fade  {
							float:left;
							width:100%;
							height:100%;
							position:absolute;
							top:0;
							left:0;
							background-color: #51baea;
							background-blend-mode: multiply;	
							box-shadow: inset 0 0 0 1vw rgba(0, 0, 0, 0.1);						
							mix-blend-mode: multiply;
							opacity:0;
							-webkit-transition: all 0.4s ease-in-out;
							-moz-transition: all 0.4s ease-in-out;
							-o-transition: all 0.4s ease-in-out;
							transition: all 0.4s ease-in-out;
						}
							.company .archive .inside .box:hover .zdjecie-glowne .fade {
								opacity:1;
							}
				.company .archive .inside .box .right {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.company .archive .inside .box h4 {
					float:left;
					width:100%;
					margin:4vw 0px 4vw 0px;
					padding:0px 0px 0px 0px;
					
					position:relative;
					color: #323232;
					font-size: 4vw;
					font-weight: 300;
					line-height: 5vw;
				}
				.company .archive .inside .box .text {
					float:left;
					width:100%;
					margin:0px 0px 3vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #323232;
					font-size: 3vw;
					font-weight: 300;
					line-height: 4vw;
					overflow:hidden;
					text-align:justify;
				}
				.company .archive .inside .box .arrow {
					float:left;
					width:8vw;
					position:relative;
				}	
			
	
.about .about .default-text {
	float:left;
	width:80%;
	position:relative;
	margin:5vw 10% 5vw 10%;
}
	.about .default-text .header {
		float:left;
		width:100%;
		color: #323232;
		font-size: 2.35vw;
		font-weight: 300;
		line-height: 2.9vw;
		margin:0px 0px 3vw 0px;
		background: url(../../images/default_text_header_hr.jpg) right no-repeat;
	}
	.about .default-text .text {
		float:left;
		width:100%;
		color: #707070;
		font-size: 20px;
		font-weight: 300;
		line-height: 32px;
	}
	.about .default-text .pliki { 
		float:left;
		width:100%;
		position:relative;
		margin-top:3vw;
	}
		.about .default-text .pliki .plik { 
			float:left;
			position:relative;
			margin-right:6vw;
			margin-bottom:1vw;
		}
			.about .default-text .pliki .plik a { 
				text-decoration:none;
				color:#707070; 
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
			.about .default-text .pliki .plik a:hover { 
				color:#51baea; 
			}
		.about .default-text .pliki .plik-ikona-box { 
			float:left;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
		.about .default-text .pliki .plik-roz { 
			float:left;
			position:absolute;
			left:0;
			bottom:0;
			width:100%;
			color:#707070;
			font-size:9px;
			line-height:10px;
			text-align:center;
		}
		.about .default-text .plik-ikona { 
			float:left;
			width:50px;
			margin:0px 0px 0px 0px; 
		}
		.about .default-text .plik-tytul { 
			float:left;
			position:relative;
			margin:0px 0px 0px 30px; 
			padding:0px 0px 0px 0px; 
			font-size:18px;
			line-height:18px;
		}
	.about .default-text .gallery { 
		float:left;
		width:100%;
		margin:2vw 0px 0px 0px; 
		position:relative;
	}
		.about .default-text .gallery .gallery-box { 
			float:left;	
			width:25%;
			height:15vw;
			margin:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:3px solid #fff;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.about .default-text .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		   .about .default-text .gallery .gallery-box .fade {
				float:left;
				width:100%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:absolute;
				left:0;
				top:0;
				color:#fff;
				font-size:16px;
				line-height:16px;
				background-color: rgba(0, 0, 0, 0.6);
				background: rgba(0, 0, 0, 0.6);
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				opacity:0;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.about .default-text .gallery .gallery-box:hover .fade {
					opacity:1;
				}	
}