html, body { font-size:14px;line-height:18px;height:100%;color:#000;font-family: 'Roboto', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }

/* Add font */
/* Add: fonts/dir_name/font_name_font.css - more fonts */
/* Add example in index.php: <link rel="stylesheet" href="<?php echo $link_www_src; ?>fonts/proxima/font_proxima.css"> */
/* Edit styles: partners, search, cookies, mobile contact, facebook - dir: /css/functions.css */

.text a {
	text-decoration:underline;
	color: #048ccf;
}
.form-text-black {
	color: #5f5f5f !important;
}

@media screen and (min-width: 1301px) and (max-width: 10000px) {
.no-comp { display:none !important; }	

.imgUE {
	position:absolute;
	right:0;
	bottom:-74px;
}

.logoNew {
	float:left;
	margin:-50px 0px 0px 0px;
	position:relative;
}

.photoContainer {
	width: 100%;
	position: relative;
	float: left;
	margin-bottom: 4vw;
}
.photoContainer .zdjecie-glowne {
	margin: 0 !important;
	width: 100% !important;
	height: auto !important;
}

.wrapper { 
	float:left;
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	z-index:20;
	background-color: #002856;
}
	.wrapper .wrap { 
		width:1200px;
		height:100%;
		position:relative;
		margin:0 auto;
	}
	.wrapper .wrap .logo { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
	}	
		.wrapper .wrap .logo img {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
	.wrapper nav { 
		float:right;
		width:auto;
		position:relative;
		margin:33px 10px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size: 15px;
		font-weight: 500;
		line-height: 28px;
		font-family: 'Roboto', sans-serif;
	}
	.wrapper nav ul { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.wrapper nav ul li { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none; 
		cursor:pointer;
	}
	.wrapper nav ul li .main-name { 
		color:#fff;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		display: inline-block; 
	}
	.wrapper nav ul .main-name { text-transform: uppercase; }
	.wrapper nav ul li .main-name:hover { color: #048ccf; }
	.wrapper nav ul li .main-name.active { color: #fff;border-bottom:4px solid #048ccf; }
	.wrapper nav ul li .menu-hr { float:right;margin:9px 0.8vw 0px 0.8vw; }
	.wrapper nav ul li:last-child .menu-hr { display:none; }
	.wrapper .menu-tel { display:none !important; }
	
	.wrapper .social, .wrapper .form {
		float:right;
		height:28px;
		margin:33px 0px 0px 11px;
		padding:0px 4px 0px 4px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
		border-left:1px solid #8c9eb3;
		text-decoration:none;
	}
		.wrapper .social .ikon {
			float:left;
			margin:0px 4px 0px 4px;
			padding:0px 0px 0px 0px;
			position:realtive;
		}
			.wrapper .social .ikon path {
				 fill: #fff;
			}
				.wrapper .social .ikon:hover path {
					fill: #048ccf;
				}
		.wrapper .form  {
			margin:33px 0px 0px 0px;
		}
		.wrapper .form .ikon {
			width: 45px;
			margin-left:5px;
		}
		.wrapper .form .name {
			float:left;
			margin:0px 0px 0px 15px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #ffffff;
			font-size: 15px;
			font-weight: 600;
			line-height: 28px;
			text-transform: uppercase;
		}
			.wrapper .form:hover .name {
				color:#048ccf;
			}
			
	.wrapper .submenu {
		display:none;
		float:left;
		width: 1020px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:80px;
		left:-350px;
		background:#fff;
		border: 1px solid #eff4f7;
		z-index: 20;
	}
		.wrapper .submenu .left {
			float:left;
			width:32%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:20px 0px 40px 0px;
			border-right:1px solid #f0f4f7;
		}
			.wrapper .submenu .left .inside {
				float:left;
				width:70%;
				margin:0px 0px 0px 20%;
				padding:0px 0px 0px 0px;
			}
				.wrapper .submenu .left .inside h4 {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #9a9a9a;
					font-size: 14px;
					font-weight: 400;
					line-height: 50px;
					text-transform: uppercase;
				}
				.wrapper .submenu .left .category {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color: #002856;
					font-family: 'Roboto', sans-serif;
					font-size: 16px;
					font-weight: 500;
					line-height: 32px;
					cursor:pointer;
				}
					.wrapper .submenu .left .category .subname {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
					}
						.wrapper .submenu .left .category .subname .subname-title {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							color: #002856;
							font-size: 16px;
							font-weight: 500;
							line-height: 32px;
							cursor:pointer;
						}
							.wrapper .submenu .left .category .subname .subname-title {
								text-decoration:none;
							}
							.wrapper .submenu .left .category .subname .subname-title:hover, .wrapper .submenu .left .category .subname .active-subname {
								color: #048ccf;
								background: url(images/submenu_arrow.svg) right no-repeat;
							}
						.wrapper .submenu .right {
							float:left;
							width:550px;
							height:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:absolute;
							top:0;
							right:20px;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-around;
							align-items:center;
							align-content:center;
						}
							.wrapper .submenu .right .subcategory-menu {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
							.wrapper .submenu .right .subcategory-menu .subcategory {
								float:left;
								width:50%;
								margin:0px 0px 15px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
								.wrapper .submenu .right .subcategory-menu .subcategory a {
									float:left;
									width:100%;
									margin:0px 0px 0px 0px;
									padding:0px 0px 0px 0px;
									position:relative;
									color: #5f5f5f;
									font-size: 15px;
									font-weight: 400;
									line-height: 20px;
									text-decoration:none;
								}
									.wrapper .submenu .right .subcategory-menu .subcategory a:hover {
										color: #048ccf;
									}
	
#container { 
	float:left;
	width:100%;
	height:700px;
	position:relative;
	margin:0px 0px 0px 0px; 
	overflow:hidden;
}
	#container .background {
		float:left;
		width:100%;
		height:585px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		top:0;
		background-color: #002856;
	}
	#container .slide-1 { 
		float:left;
		width:1600px;
		height:600px;
		position:relative;
		z-index:1; 
		top:0;
		left:50%;
		margin:100px 0px 0px -800px;
	}
		#container .slides { 
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background-size:cover !important; 			
		}
		#container .slides .box { 
			float:left;
			width:100%;
			margin:0px 0px 0px -7px;
			padding:0px 0px 0px 0px;
			position:absolute;
			bottom:70px;
			left:0; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		#container .slides .box .nag {
			float:left;
			width:70%;
			margin:0px 0px 0px 0px;
			position:relative;
			color: #048ccf;
			font-size: 32px;
			font-weight: 900;
			line-height: 32px;
			text-align:left;
			clear:both;
			text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
		}
		#container .slides .box .text {
			float:left;
			width: 500px;
			margin:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 36px;
			font-weight: 300;
			line-height: 36px;
			text-align:center;
			clear:both;
		}
		#container .slides .box .more {
			float:left;
			width:200px;
			margin:20px 0px 0px -100px;
			padding:0px 0px 0px 0px;
			position:relative;
			text-decoration:none;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 100;
			line-height: 49px;
			text-transform: uppercase;
			text-align:center;
			border:1px solid #fff;
			top:0;
			left:50%;
		}
			#container .slides .box .hr {
				display:none;
				float:left;
				padding:0px 0px 0px 0px;
				position:relative;
				width: 58px;
				height: 3px;
				background-color: #002856;
			}
				#container .slides .box .up {
					margin:0px 0px 1.3vw 0px;
				}
				#container .slides .box .down {
					margin:1.1vw 0px 0px 0px;
				}
	
	#container .owl-nav { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		left:0;
		bottom:40px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 	
	}
		#container .owl-nav .owl-next {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
		#container .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
	
	#container .owl-dots { 
		float:left;
		width:100%;
		left:0;
		bottom:20px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#container .owl-dots .owl-dot { 
		float:left;
		width:35px;
		height:6px;
		margin:0px 13px 0px 0px;
		background: url('images/slider_pag_off.png') center no-repeat; 
	}
	#container .owl-dots .active { 
		float:left;
		width:35px;
		height:6px;
		background: url('images/slider_pag.png') center no-repeat;
	}
	#container .scroll-down {
		float:left;
		margin:0px 0px 0px -17px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:50%;
		bottom:20px;
		cursor:pointer;
		z-index:10;
	}
		#container .scroll-down:hover path {
			fill:#048ccf;
		}
	
.start-1 { 
	float:left;
	width:100%;
	height:220px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-1 .wrap { 
	width:1300px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-1 .wrap .gallerys { 
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.start-1 .wrap .gallerys .gallery-box { 
			float:left;	
			width:25%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			transition: background-size 2s ease-in;
			-moz-transition: background-size 2s ease-in;
			-ms-transition: background-size 2s ease-in;
			-o-transition: background-size 2s ease-in;
			-webkit-transition: background-size 2s ease-in;
		}
			.start-1 .wrap .gallerys .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .start-1 .wrap .gallerys .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: rgba(0, 40, 86, 0.4) url(images/play.svg) center no-repeat;
				-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;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.start-1 .wrap .gallerys .gallery-box:hover .fade {
					background: rgba(0, 40, 86, 0.8) url(images/play.svg) center no-repeat;
					transform: scale(1.3); -webkit-transform: scale(1.3);
				}
		
.start-2 { 
	float:left;
	width:100%;
	height:650px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-2 .wrap { 
	width:1300px;
	height:100%;
	position:relative;
	margin:0 auto; 
	border-left:1px solid #0a8fd0;
	border-right:1px solid #0a8fd0;
	border-bottom:1px solid #0a8fd0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom-left-radius:60em;
	border-bottom-right-radius:60em;
}
.start-2 .wrap .name {
	float:left;
	width:724px;
	height:370px;
	margin:0px 0px 0px -396px;
	padding:0px 0px 0px 0px;
	position:absolute;
	left:50%;
	top:0;
	background:#002856;	
	text-align:center;
	border-left:34px solid #fafbfd;
	border-right:34px solid #fafbfd;
	border-bottom:34px solid #fafbfd;
	border-bottom-left-radius:80em;
	border-bottom-right-radius:80em;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:2;
}
	.start-2 .wrap .name h1 {
		float:left;
		width:400px;
		margin:-60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		font-size: 36px;
		font-weight: 400;
		line-height: 46px;
	}
		.start-2 .wrap .name .arrow-this-1 { 
			position:absolute;
			top:97px;
			left:-11px; 
		}
		.start-2 .wrap .name .arrow-this-2 { 
			position:absolute;
			top:245px;
			left:65px; 
			-webkit-transform: rotate(-35deg);
			-moz-transform: rotate(-35deg);
			-o-transform: rotate(-35deg);
			-ms-transform: rotate(-35deg);
			transform: rotate(-35deg);
		}
		.start-2 .wrap .name .arrow-this-3 { 
			position:absolute;
			bottom:-3px;
			left:225px; 
			-webkit-transform: rotate(-68deg);
			-moz-transform: rotate(-68deg);
			-o-transform: rotate(-68deg);
			-ms-transform: rotate(-68deg);
			transform: rotate(-68deg);
		}
		.start-2 .wrap .name .arrow-this-4 { 
			position:absolute;
			bottom:-6px;
			right:235px; 
			-webkit-transform: rotate(-112deg);
			-moz-transform: rotate(-112deg);
			-o-transform: rotate(-112deg);
			-ms-transform: rotate(-112deg);
			transform: rotate(-112deg);
		}
		.start-2 .wrap .name .arrow-this-5 { 
			position:absolute;
			top:245px;
			right:65px;
			-webkit-transform: rotate(-146deg);
			-moz-transform: rotate(-146deg);
			-o-transform: rotate(-146deg);
			-ms-transform: rotate(-146deg);
			transform: rotate(-146deg);
		}
		.start-2 .wrap .name .arrow-this-6 { 
			position:absolute;
			top:97px;
			right:-11px; 
			-webkit-transform: rotate(-180deg);
			-moz-transform: rotate(-180deg);
			-o-transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			transform: rotate(-180deg);
		}
		
.start-2 .wrap .box {
	float:left;
	width:145px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	z-index:5;
	cursor:pointer;
}
.box-position-1 { left:95px;top:42px; }
.box-position-2 { left:190px;top:250px; }
.box-position-3 { left:425px;top:405px; }
.box-position-4 { right:425px;top:405px; }
.box-position-5 { right:190px;top:250px; }
.box-position-6 { right:95px;top:42px; }

	.start-2 .wrap .box h2 {
		float:left;
		width:100%;
		margin:15px 0px 0px -6px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
		color: #5f5f5f;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		text-align:center;
	}
		.start-2 .wrap .box .arrow {
			float:left;
			margin:0px 0px 0px -24px;
			padding:0px 0px 0px 0px;
			position:absolute;
			left:50%;
			top:115px;
			z-index:5;
			opacity:0;
		}
			.start-2 .wrap .box:hover .arrow {
				opacity:1;
			}
	.start-2 .wrap .box .zdjecie-glowne { 
		float:left;
		width:135px;
		height:135px;
		position:relative;
		margin:0px 0px 0px 0px;
		z-index:5;
		border:2px solid #eff4f7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-radius:40em;
		overflow:hidden;
	}
		.start-2 .wrap .box:hover .zdjecie-glowne {
			border:6px solid #002856;
		}
		.start-2 .wrap .box .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:135px;
			height:135px;
			position:absolute;
			top:0;
			left:0;
			object-fit: cover;	
		}
			.start-2 .wrap .box:hover .zdjecie-glowne .img {
				top:-4px;
				left:-4px;
			}
		
.start-2 .wrap .border {
	float:left;
	width:970px;
	height:500px;
	margin:0px 0px 0px -485px;
	padding:0px 0px 0px 0px;
	position:absolute;
	left:50%;
	top:0;
	text-align:center;
	border-left:1px solid #e7ebef;
	border-right:1px solid #e7ebef;
	border-bottom:1px solid #e7ebef;
	border-bottom-left-radius:80em;
	border-bottom-right-radius:80em;
	z-index:1;
}

.start-3 { 
	float:left;
	width:100%;
	height:220px;
	position:relative;
	margin:5.25vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;	
} 
.start-3 .wrap { 
	width:1050px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	/* css partners in css/functions */

.start-4 { 
	float:left;
	width:100%;
	height:535px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #002856;
} 
.start-4 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-4 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:65px 0px 65px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 30px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-4 .wrap .sources {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-4 .wrap .sources .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-4 .wrap .sources .partners-box {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:0px solid #000;
		}
		.start-4 .wrap .sources .partners-box .img {
			width:auto;
			height:auto;
			
		}
		
.start-5 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #fff;
} 
.start-5 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-5 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:65px 0px 65px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 30px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-5 .wrap .belong {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-5 .wrap  .owl-item:nth-child(odd) .partners-box  { background:#eff4f7; }
		
		.start-5 .wrap .belong .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-5 .wrap .belong .partners-box {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			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;
			background:#fff;
			border:1px solid #eff4f7;
		}
		.start-5 .wrap .belong .partners-box .foto {
			float:left;
			width:100%;
			height:115px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.start-5 .wrap .belong .partners-box .img {
			width:auto;
			height:auto;
			max-width:300px;
			max-height:300px;
			z-index:2;
		}
		.start-5 .wrap .belong .partners-box .name {
			width:60%;
			color: #002856;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
			text-transform: uppercase;
			text-align:center;
		}
		
.start-6 { 
	float:left;
	width:100%;
	height:515px;
	position:relative;
	margin:7.4vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;
} 
.start-6 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-6 .wrap .left {
		float:left;
		width:35%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
	}
		.start-6 .wrap .left h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 36px;
			font-weight: 400;
			line-height: 41px;
		}
		.start-6 .wrap .left .text {
			float:left;
			width:100%;
			margin:30px 0px 30px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
		}
		.start-6 .wrap .left .arrow {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	.start-6 .wrap .right {
		float:right;
		width:55%;
		height:410px;
		margin:50px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.start-6 .wrap .right .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			overflow:hidden;
		}
			.start-6 .wrap .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;				
			}
			.start-6 .wrap .right .zdjecie-glowne .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: url(images/play.svg) center no-repeat;
				background-size:90px;
				-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:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}

				.start-6 .wrap .right .zdjecie-glowne:hover .fade {				
					transform: scale(1.3); -webkit-transform: scale(1.3);
					opacity:1;
				}
				
.start-7 { 
	float:left;
	width:100%;
	height:600px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #fff;
} 
.start-7 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
	z-index:2;
}
	.start-7 .wrap .left {
		float:left;
		width:35%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
	}
		.start-7 .wrap .left h3, .start-7 .wrap .left h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 30px;
			font-weight: 600;
			line-height: 35px;
			text-transform: uppercase;
		}
		.start-7 .wrap .left .text {
			float:left;
			width:100%;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #3d3d3d;
			font-size: 30px;
			font-weight: 300;
		}
			.start-7 .wrap .left .text p strong {
				padding:0px 0px 0px 50px;
				position:relative;
				left:-50px;
			}
			.start-7 .wrap .left .text p {
				padding:0px 0px 0px 50px;
			}
			.start-7 .wrap .left .text a {
				text-decoration:none;
				color: #3d3d3d;
			}
				.start-7 .wrap .left .text a:hover {
					text-decoration:none;
					color: #048ccf;
				}
			.start-7 .wrap .left .text strong {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				font-size: 18px;
				font-weight: 400;
				line-height: 48px;
				color: #265884;
			}
				.start-7 .wrap .left .text p:nth-child(1) strong:nth-child(1) {
					background: url(images/start_7_ikon_1.svg) left center no-repeat;
					background-size:35px;
				}
				.start-7 .wrap .left .text p:nth-child(3) strong:nth-child(1) {
					margin-top:30px;
					background: url(images/start_7_ikon_2.svg) left center no-repeat;
					background-size:40px;
				}
			.start-7 .wrap .left .more {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 45px 0px 45px;
				position:relative;
				color: #ffffff;
				font-size: 18px;
				font-weight: 400;
				line-height: 60px;
				background-color: #002856;
				text-decoration:none;
			}
				.start-7 .wrap .left .more:hover {
					background-color: #048ccf;
				}
	.start-7 .wrap .right {
		float:right;
		width:55%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #002856;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	
.start-7 .background {
	float:left;
	width:40%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background-color: #002856;
	z-index:1;
}


.baner {
	float:left;
	width:100%;
	height: 15.7vw;
	margin:100px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color: #eff4f7;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.baner h1 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 3.15vw;
		font-weight: 900;
		line-height: 3.15vw;
		text-align:center;
		text-transform:uppercase;
	}
	.baner h2 {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 1.57vw;
		font-weight: 300;
		line-height: 1.57vw;
		text-align:center;
	}
	
.dir {
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.dir .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.dir .wrap ul { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
		border-bottom:1px solid #eff4f7;		
	}
	.dir .wrap ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
		cursor:pointer;
	}
		.dir .wrap ul li a {
			color: #002856;
			font-size: 13px;
			font-weight: 500;
			line-height: 70px;
			text-transform: uppercase;
			text-decoration:none;
		}
		.small-dir .wrap ul li a {
			font-size:12px;
		}
			.dir .wrap ul li a:hover {
				color:#1393d2;
			}
		.dir .wrap ul li a .arrow {
			margin:0px 0px 0px 0px;
			padding:0px 8px 0px 8px;
			top:1px;
			left:0;
			position:relative;
		}
		
.company {
	float:left;
	width:100%;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.company .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.company .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 60px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
/* color: #002856; */
		/* font-size: 36px; */
		/* font-weight: 400; */
		/* line-height: 36px; */
		/* text-align:center; */
	}
		.company .wrap .text h2 {
			text-align: center;
			color: #002856;
			font-size: 36px;
			font-weight: 400;
			line-height: 36px;			
		}
		.company .wrap .text ul {
			padding-left: 20px;
		}
	.company .wrap .specification {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company .wrap .specification .show {
			float:left;
			width:490px;
			min-height:390px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 16px;
			font-weight: 400;
			line-height: 28px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
			.company .wrap .specification .show .info {
				display:none;
			}
			.company .wrap .specification .show .active-info {
				display:block;
			}
		.company .wrap .specification .change {
			float:right;
			width:454px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-top:1px solid #eff4f7;
			border-right:1px solid #eff4f7;
		}
			.change .hr {
				float:left;
				width: 55px;
				height: 3px;
				margin:-1.5px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:absolute;
				top:50%;
				left:-90px;
				background-color: #048ccf;
			}
			.company .wrap .specification .change .box {
				float:left;
				width:50%;
				height:130px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #002856;
				border:1px solid #eff4f7;
				border-top:0px solid #eff4f7;
				border-right:0px solid #eff4f7;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				cursor:pointer;
			}
				.company .wrap .specification .change .box:hover, .company .wrap .specification .change .box.active-box {
					color:#fff;
					background:#022955;
				}
				.company .wrap .specification .change .box .zdjecie-glowne  {
					float:left;
					width:100%;
					height:60px;
					margin:28px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				
				.company .wrap .specification .change .box .zdjecie-glowne .img {
					float:left;
					margin:0px 0px 0px 40px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.company .wrap .specification .change .box h5 {
					float:left;
					margin:5px 0px 0px 40px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-size: 13px;
					font-weight: 500;
					line-height: 13px;
					text-transform: uppercase;
				}
				.company .wrap .specification .change .box .number {
					float:right;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:absolute;
					top:20px;
					right:15px;
					font-size: 16px;
					font-weight: 400;
					line-height: 16px;
				}
	
.company-other {
	float:left;
	width:100%;
	margin:0px 0px px 0px;
	padding:90px 0px 90px 0px;
	position:relative;
	background-color: #002856;
}
.company-other .wrap {
	width:1090px;
	margin:0 auto;
	position:relative;
}
	.company-other .wrap .left {
		float:left;
		width:45%;
		height:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company-other .wrap .left .owl-nav {
			float:right;
			width: 70px;
			height: 71px;
			margin:0px -1px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			right:0;
			bottom:0;
			background-color: #048ccf;
			font-size:0;
		}
			.company-other .wrap .left .owl-nav .owl-prev {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_left.svg) center no-repeat;
			}
			.company-other .wrap .left .owl-nav .owl-next {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_right.svg) center no-repeat;
			}
				.company-other .wrap .left .owl-nav .owl-prev:hover, .company-other .wrap .left .owl-nav .owl-next:hover {
					opacity:0.6;
				}
			
	.company-other .wrap .right {
		float:right;
		width:47%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #eff4f7;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	
.company-down {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:100px 0px 100px 0px;
	position:relative;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.company-down h3 {
		color: #002856;
		font-size: 36px;
		font-weight: 300;
		line-height: 81px;
	}
	.company-down .ikon {
		float:left;
		margin:0px 25px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
.news {
	float:left;
	width:100%;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.news .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.news .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:center;
	}
		.news .wrap .boxs .box {
			float:left;
			width:100%;
			height:340px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-bottom:1px solid #e1e1e1;
		}
		.news .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:190px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.news .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.news .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.news .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.news .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:60px;
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 24px;
			font-weight: 400;
			line-height: 30px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			overflow:hidden;
		}
			.news .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.news .wrap .boxs .box .arrow {
			float:right;
			width:50px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	
	.news .wrap .owl-nav {
		float:left;
		width:100%;
		height: 60px;
		position:relative;
		margin:60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background-color: #eff4f7;
		z-index:1;
	}
		.news .wrap .owl-nav .owl-next {
			float:right;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			font-size:0px;
			opacity:0.3;
		}
			.news .wrap .owl-nav .owl-next:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-next:before {
				color: #002856;
				font-size: 14px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 25px 0px 0px;
				text-transform: uppercase;
				content: "Następna strona";
				background: url(images/news_arrow_right.svg) right top 1px no-repeat;
			}
		.news .wrap .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			font-size:0px;
			opacity:0.3;			
		}
			.news .wrap .owl-nav .owl-prev:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-prev:before {
				color: #002856;
				font-size: 14px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 0px 0px 25px;
				text-transform: uppercase;
				content: "Poprzednia strona";
				background: url(images/news_arrow_left.svg) left top 1px no-repeat;
			}
		.news .wrap .owl-dots { 
			float:left;
			width:50%;
			left:0;
			bottom:0;
			position:absolute;
			margin:1px 0px 0px 25%;
			z-index:5; 
			display:flex;
			justify-content:center;
			align-items:center;
			font-size: 16px;
			font-weight: 500;
			line-height: 60px;
			color: #048ccf;
			counter-reset: my-badass-counter;
			z-index:2;
		}
			.news .wrap .owl-dots .owl-dot { 
				float:left;	
				margin:0px 5px 0px 5px;
			}
				.news .wrap .owl-dots .owl-dot:before {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					content: counter(my-badass-counter);
					counter-increment: my-badass-counter;
				}
			.news .wrap .owl-dots .active { 
				float:left;
				color: #002856;
			}
			
.certifications {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:90px 0px 60px 0px;
	position:relative;
	background-color: #002856;
}

.certifications .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.certifications .wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 3vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 1.57vw;
		font-weight: 600;
		line-height: 1.57vw;
		text-transform: uppercase;
	}
	.gallery-type-2 .gallerys { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-2 .gallerys .gallery-box { 
				float:left;	
				width:24%;
				height:340px;
				margin:0px 1% 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-2 .gallerys .gallery-box .fot {
					float:left;
					width:100%;
					height:280px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.gallery-type-2 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-2 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-2 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-2 .gallerys .last { 
				margin-right:0px
			}
			.gallery-type-2 .gallerys .gallery-box .name {
				float:left;
				width:100%;
				height:60px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #eff4f7;
				font-size: 22px;
				font-weight: 400;
				line-height: 26px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
				overflow:hidden;
			}
		
.gallery {
	float:left;
	width:100%;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.gallery .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.gallery .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 36px;
		font-weight: 400;
		line-height: 36px;
		text-align:center;
	}
	.gallery .wrap .text-page {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #5f5f5f;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.gallery .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
		.gallery .wrap .boxs .box {
			float:left;
			width:23.5%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.gallery .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:190px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.gallery .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.gallery .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.gallery .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.gallery .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:75px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 19px;
			font-weight: 400;
			line-height: 26px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			overflow:hidden;
		}
			.gallery .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.gallery-type-1 .gallerys { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-1 .gallerys .gallery-box { 
				float:left;	
				width:24.5%;
				height:220px;
				margin:0px 0.5% 5px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				display:flex;
				justify-content:center;
				align-items:center;	
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-1 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-1 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-1 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-1 .gallerys .last { 
				margin-right:0px
			}
			
.contact {
	float:left;
	width:100%;
	height:62vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.contact  .left {
		float:left;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
			.contact  .left .text {
				float:left;
				margin:0px 0px 0px 8vw;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #3d3d3d;
				font-size: 1.40vw;
				line-height:2vw;
				font-weight: 300;
			}
				.contact  .left .text h3 {
					float:left;
					width:100%;
					margin:0px 0px 1.57vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #002856;
					font-size: 1.57vw;
					font-weight: 600;
					line-height: 1.57vw;
					text-transform: uppercase;
				}
				.contact  .left .text p strong {
					padding:0px 0px 0px 50px;
					position:relative;
					left:-50px;
				}
				.contact  .left .text p {
					padding:0px 0px 0px 50px;
				}
				.contact  .left .text a {
					text-decoration:none;
					color: #3d3d3d;
				}
					.contact  .left .text a:hover {
						text-decoration:none;
						color: #048ccf;
					}
				.contact  .left .text strong {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-size: 18px;
					font-weight: 400;
					line-height: 45px;
					color: #265884;
				}
					.contact  .left .text .main-1 strong {
						background: url(images/start_7_ikon_3.svg) left center no-repeat;
						background-size:30px;
					}
					.contact  .left .text .main-2 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_1.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-3 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_2.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-4 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_4.svg) left center no-repeat;
						background-size:35px;
					}
					.contact  .left .text .main-5 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_5.svg) left center no-repeat;
						background-size:35px;
					}
	.contact  .right {
		float:right;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.contact  .right #mapa-box { 
			float:left;
			width:100%;
			height:30%;
			margin:0px 0px 0px 0px;
			overflow:hidden;
			border: 0px solid #c0c0c0; 
		}
		.contact  .right .map-img {
			float:left;
			width:100%;
			height:70%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.contact  .right .map-img .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.contact-form {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:5vw 0px 3vw 0px;
	position:relative;
	background-color: #002856;
}
	.contact-form .wrap {
		width:1170px;
		margin:0 auto;
		position:relative;
	}
		.contact-form .wrap h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 2.7vw 0px;
			position:relative;
			color: #048ccf;
			font-size: 1.57vw;
			font-weight: 600;
			line-height: 1.57vw;
			text-transform: uppercase;
		}
		.contact-form .wrap .formularz-div {
			width:100%;
			margin:0px 0px 0px 0px;
		}
		
.page-section { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
}
	.page-section .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
	.page-section .wrap .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
		color: #5f5f5f;
		
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
		text-align:left;
	}
		.page-section .wrap .text h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 36px;
			font-weight: 400;
			line-height: 41px;
			text-align:center;
		}
			.page-section .wrap .text .pass-1 {
				float:left;
				width:45% !important;
				height:450px;
				position:relative;
				margin:40px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.page-section .wrap .text .pass-2 {
				float:left;
				width:55% !important;
				height:450px;
				position:relative;
				margin:40px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
	.page-section .section-1 {
		float:left;
		width:100%;
		height:600px;
		position:relative;
		margin:60px 0px 0px 0px;
		padding:90px 0px 0px 0px;
		background-color: #002856;
	}
		.page-section .section-1 .left {
			float:left;
			width:495px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.page-section .section-1 .right {
			float:right;
			width:565px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-1 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:50px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #ffffff;
				font-size: 34px;
				font-weight:400;
				line-height: 41px;
			}
			.page-section .section-1 .right .text {
				color:#fff;
				font-weight:400;
			}
	
	.page-section .section-2 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:100px 0px 0px 0px;
		background-color: #fff;
	}
		.page-section .section-2 .left {
			float:left;
			width:495px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.page-section .section-2 .right {
			float:right;
			width:565px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-2 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 34px;
				font-weight:400;
				line-height: 41px;
			}
			.page-section .section-2 .right .text {
				font-weight:400;
			}
	.page-section .section-3 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:100px 0px 50px 0px;
		background-color: #fff;
	}
		.page-section .section-3 .left {
			float:right;
			width:495px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.page-section .section-3 .right {
			float:left;
			width:565px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-3 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 34px;
				font-weight:400;
				line-height: 41px;
			}
			.page-section .section-3 .right .text {
				font-weight:400;
			}
			
.page-section-down {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:100px 0px 100px 0px;
	position:relative;	
	background-color: #eff4f7;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.page-section-down h3 {
		color: #002856;
		font-size: 24px;
		font-weight: 300;
		line-height: 30px;
	}
	.page-section-down .ikon {
		float:left;
		margin:-10px 25px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		
.page-category { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
	.main-text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 70px 0px; 
	}
		.page-category .main-text .wrap { 
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category .main-text .wrap .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #5f5f5f;				
				font-size: 18px;
				font-weight: 400;
				line-height: 30px;
				text-align:center;
			}
			.page-category .main-text .wrap .textAdd {
				margin: 5vw 0 0 0;
			}
			.page-category .main-text .wrap .text.textHalf {
				width:50%;
				text-align:left;
			}
			.page-category .main-text .wrap .zdjecie-glowne {
				position: relative;
				float: left;
				width: 45%;
				margin: 0 5% 0 0;
			}
			.page-category .main-text .wrap .uni_link {
				margin: 30px 0 30px 50%;
			}
				.page-category .main-text .wrap .text h2 {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px; 
					color: #002856;
					font-size: 36px;
					font-weight: 400;
					line-height: 41px;
				}
				.page-category .main-text .wrap .text strong {
					font-weight:700px;
					font-size:20px;
					line-height:30px;
					color:#000;
				}
				.page-category .main-text .wrap .text table {
					float:left;
					width:100%;
					margin:20px 0px 20px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					text-align:left;
				}
					.page-category .main-text .wrap .text table tr td h3{
						color: #e2001a;					
						font-size: 36px;
						font-weight: 400;
						line-height: 40px;
						text-align:center;
						padding:10px 0px 10px 0px;
					}
						.page-category .main-text .wrap .text table thead tr td:nth-child(2) {
							font-size:16px;
							line-height:20px;
							text-align:right;
						}
					.page-category .main-text .wrap .text table tbody tr {
						border-bottom:1px solid #eff4f7;
						color: #5f5f5f;
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
					}
						.page-category .main-text .wrap .text table tbody tr:hover {
							border-bottom:1px solid #e2001a;
						}
					.page-category .main-text .wrap .text table tbody tr td {
						padding:20px 0px 20px 0px;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(1) {
						width:80% !important;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(2) {
						width:20% !important;
						text-align:right;
					}
						.page-category .main-text .wrap .text table tbody strong {
							color: #002856;
							font-size: 22px;
							font-weight: 400;
							line-height: 30px;
						}
	
	.save {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:80px 0px 50px 0px;
		position:relative;
		text-decoration:none;
		background-color: #d9033e;
	}
		.save .wrap { 
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}	
			.save .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #ffffff;
				font-size: 30px;
				font-weight: 500;
				line-height: 36px;
				text-transform: uppercase;
				text-align:center;
				text-decoration:none;
			}
	
	.level {
		float:left;
		width:100%;
		margin:0px 0px 70px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.level .wrap { 
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.level .wrap h4 {
				float:left;
				width:100%;
				margin:0px 0px 50px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #002856;
				font-size: 30px;
				font-weight: 500;
				line-height: 30px;
				text-transform: uppercase;
				text-align:center;
			}
			.level .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #5f5f5f;
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.level .wrap .text strong {
					color: #002856;
				}
				.level .wrap .text p {
					float:left;
					width:23%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:realtive;
				}
					.level .wrap .text p span {
						float:left;
						width:100%;
						height:130px;
						margin:0px 0px 50px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						border: 1px solid #eff4f7;
						background-color: #ffffff;
					}
						.level .wrap .text p:nth-child(1) span { background: url(images/level_1.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(2) span { background: url(images/level_2.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(3) span { background: url(images/level_3.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(4) span { background: url(images/level_4.svg) center left 60px no-repeat; }
						.level .wrap .text p span::before {
							float:right;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:absolute;
							color: #002856;
							font-size: 36px;
							font-weight: 400;
							line-height: 36px;
							text-transform: uppercase;
							top:20px;
							right:30px;
						}
							.level .wrap .text p:nth-child(1) span::before { content: "I"; }
							.level .wrap .text p:nth-child(2) span::before { content: "II"; }
							.level .wrap .text p:nth-child(3) span::before { content: "III"; }
							.level .wrap .text p:nth-child(4) span::before { content: "IV"; }
							
	.page-category .subcategory {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:60px 0px 100px 0px;
		position:relative;
		background-color: #002856;
	}
		.page-category  .subcategory .wrap {
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category  .subcategory .wrap h3 {
				float:left;
				width:100%;
				margin:0px 0px 40px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #048ccf;
				font-size: 30px;
				font-weight: 500;
				line-height: 30px;
				text-transform: uppercase;
				text-align:center;
			}
			.page-category  .subcategory .wrap .list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
				.page-category  .subcategory .wrap .list .box {
					float:left;
					width:24.5%;
					height:130px;
					margin:0px 0px 0.5% 0px;
					padding:0px 30px 0px 30px;
					position:relative;
					color: #002856;
					font-size: 16px;
					font-weight: 600;
					line-height: 20px;
					text-transform: uppercase;
					text-decoration: none;
					background-color: #eff4f7;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.page-category  .subcategory .wrap .list .box:hover {
						background-color: #048ccf;
						color:#fff;
					}
					
.page-subcategory { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-subcategory .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-subcategory .wrap .zdjecie-glowne {
			position: relative;
			float: left;
			width: 45%;
			margin: 0 5% 3vw 0;
		}
		.page-subcategory .wrap .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 60px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;			
			font-size: 18px;
			font-weight: 400;
			line-height: 30px;
			text-align:left;
		}
		.page-subcategory .wrap .text.textHalf {
			width: 50%;
		}
			.page-subcategory .wrap .text ul { 
					float:left;
					width:100%;
					margin:10px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					list-style: none; 
					position:relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				.page-subcategory .wrap .text ul li { 
					float:left;
					width:100%;
					padding:0px 0px 0px 25px;
					background: url(images/subcategory_list_info.svg) top 8px left no-repeat;
					position:relative;
				}
			.page-subcategory .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 36px;
				font-weight: 400;
				line-height: 41px;
			}
			.page-subcategory .wrap .subcategory-list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.page-subcategory .wrap .subcategory-list .box {
					float:left;
					width:32%;
					height:310px;
					margin:0px 0px 30px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					border-bottom: 3px solid #eff4f7;
				}
					.page-subcategory .wrap .subcategory-list .box .name {
						float:left;
						width:100%;
						height:90px;
						margin:0px 0px 0px 0px;
						padding:0px 20px 0px 20px;
						position:relative;
						color: #002856;
						font-size: 20px;
						font-weight: 400;
						line-height: 26px;
						text-align:center;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						border: 3px solid #eff4f7;
					}
					.page-subcategory .wrap .subcategory-list .box .inside {
						float:left;
						width:90%;
						height:215px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:center;
						align-items:center;
						align-content:center;
					}
						.page-subcategory .wrap .subcategory-list .box .inside .info {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							
							font-size: 18px;
							font-weight: 400;
							line-height: 26px;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .info p {
								padding:0px 0px 0px 30px;
								background: url(images/subcategory_list_info.svg) top 6px left no-repeat;
							}
						.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne { 
							float:left;
							width:100%;
							height:100%;
							position:relative;
							margin:0px 0px 0px 0px;
							z-index:5;
							overflow:hidden;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:70%;
								height:70%;
								object-fit: contain;				
							}
						
				
				.page-subcategory .wrap .subcategory-list .box:hover {
					border-bottom: 3px solid #048ccf;
				}
				.page-subcategory .wrap .subcategory-list .box:hover .name {
					background-color: #048ccf;
					border: 3px solid #048ccf;
					color:#fff;
				}
				
.page-product-list { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-product-list .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-product-list .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 30px;
			font-weight: 600;
			line-height: 30px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-product-list .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 60px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			
			font-size: 18px;
			font-weight: 400;
			line-height: 30px;
			text-align:center;
		}
			.page-product-list .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 36px;
				font-weight: 400;
				line-height: 41px;
			}
		.page-product-list .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-product-list .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-product-list .wrap .back:hover {
				background:#048ccf;
			}
		.page-product-list .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-product-list .wrap .product-list .box {
				float:left;
				width:100%;
				height:300px;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-product-list .wrap .product-list .box .left {
					float:left;
					width:345px;
					height:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-product-list .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-product-list .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-product-list .wrap .product-list .box .right {
					float:left;
					width:800px;
					height:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-product-list .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-product-list .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 24px;
							font-weight: 400;
							line-height: 41px;
						}
						.page-product-list .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 17px;
							font-weight: 400;
							line-height: 22px;
							text-align:left;
						}
						.page-product-list .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
			
.page-cart { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-cart .uni_text {
		margin: 50px 0 0 0;
	}
	.page-cart .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-cart .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 30px;
			font-weight: 600;
			line-height: 30px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-cart .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-cart .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-cart .wrap .back:hover {
				background:#048ccf;
			}
		.page-cart .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-cart .wrap .product-list .box {
				float:left;
				width:100%;
				min-height:300px;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-cart .wrap .product-list .box .left {
					float:left;
					width:345px;
					height:300px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-cart .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-cart .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-cart .wrap .product-list .box .right {
					float:left;
					width:800px;
					margin:0px 0px 0px 0px;
					padding:40px 0px 40px 0px;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-cart .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-cart .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 24px;
							font-weight: 400;
							line-height: 41px;
						}
						.page-cart .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 16px;
							font-weight: 400;
							line-height: 24px;
						}
							.page-cart .wrap .product-list .box .right .inside .text ul { 
								float:left;
								width:100%;
								margin:10px 0px 10px 0px;
								padding:0px 0px 0px 0px;
								list-style: none; 
								position:relative;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
							.page-cart .wrap .product-list .box .right .inside .text ul li { 
								float:left;
								width:100%;
								padding:0px 0px 0px 25px;
								background: url(images/subcategory_list_info.svg) top 3px left no-repeat;
								position:relative;
							}
						.page-cart .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
	
.pages .gallerys { 
	float:left;
	width:100%;
	margin:30px 0px 30px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.pages .gallerys .gallery-box { 
		float:left;	
		width:24%;
		height:13vw;
		margin:0px 1% 1% 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		overflow:hidden;
		border:1px solid #f1f1f1;
		display:flex;
		justify-content:center;
		align-items:center;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: background-size 2s ease-in;
		-moz-transition: background-size 2s ease-in;
		-ms-transition: background-size 2s ease-in;
		-o-transition: background-size 2s ease-in;
		-webkit-transition: background-size 2s ease-in;
	}
		.pages .gallerys .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:80%;
			height:80%;
			object-fit: contain;	
		}
		

	
footer { 
	float:left;
	width:100%;
	height: 88px;
	position:relative;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background-color: #eff4f7;
	
}
	footer .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;		
	}
	footer .wrap .scroll-up { cursor:pointer; }
	footer nav { 
		float:left;
		width:auto;
		margin:0px 0px 0px 0px;
		font-size:18px;
		line-height:18px;
		position:relative;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
	}
	footer nav ul li a { color: #231f20;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color: #048ccf; }
	footer nav ul li a.active { color: #048ccf; }
	footer nav ul li .menu-hr-footer { float:right;margin:3px 1.5vw 0px 1.5vw; }
	footer nav ul li:last-child .menu-hr-footer { display:none; }
	
	.odee-tip { display:inline;position: relative;opacity: 0.6 }
	.odee-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: -110px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
	.odee-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
	.odee-tip:hover  { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
	.odee a { float:right;margin:0px 0px 0px 0px; }
			
.formularz-div { float:left;width:90%;margin:50px 0px 0px 10%; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		
	}	
	.form-box { 
		float:left;
		width:32.5%;
		margin:0px 0px 20px 0px; 	
	}
	.form-box-last { 
		float:left;
		width:32.5%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-all { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-file { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
	}
	
	.form-text  { 
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		color: #ffffff;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
	}
	.form-input { 
		float:left;
		width:100%;
		height:37px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:120px;
		max-height:120px;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 20px;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		
	.form-box-file .default {
		display:none;
	}
	.form-box-file .put-file {
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		font-size:15px;
		line-height:15px;
		color:#000;
		font-family: 'Roboto', sans-serif;
		cursor:pointer;
	}
		.form-box-file .upload-change {
			display:none;
		}
	
	.form-submit  { 
		float:right;
		width:200px;
		height:60px;
		margin:0px 0px 0px 0px;
		color:#fff;
		background-color: #048ccf;
		padding:0px 0px 0px 0px;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer; 
	}
	.form-input:focus, .form-textarea:focus, .form-submit:focus { outline:none; }

	.middle .wrap h2 { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		color: #002856;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
	}			
	.middle .wrap .zdjecie-glowne { 
		float:left;
		width:300px;
		height:250px;
		position:relative;
		margin:0px 30px 0px 0px;
		z-index:5;
	}
		.middle .wrap .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		.middle .wrap .zdjecie-glowne .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;
		}
			.middle .wrap .zdjecie-glowne:hover .fade {
				opacity:1;
			}
	.middle .wrap .text { 
		margin:20px 0px 0px 0px;
		position:relative;
		font-size:14px;
		line-height:22px;
		color:#222121; 
	}
		.middle .wrap .text a { text-decoration:none;color:#222121; }
		.middle .wrap .text a:hover { color:#222121 }
		.middle .wrap .text ul { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			list-style: none; 
			position:relative;
		}
		.middle .wrap .text ul li { 
			float:left;
			width:98%;
			padding:0px 0px 0px 2%;
			background: url(images/li_bg.png) top 6px left no-repeat;
			position:relative;
		}
		.middle .wrap .text ol { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			position:relative;
		}
		.middle .wrap .text ol li { 
			float:left;
			width:100%;	
			position:relative;
		}
		.middle .wrap .text h2 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:20px;
			line-height:20px;
		}
		.middle .wrap .text h3 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:18px;
			line-height:18px;
		}
		.middle .wrap .text table {
			float:left;
			width:100% !important;
			margin:0px 0px 20px 0px;
			position:relative;
			border-spacing: 0; 
			border: 0; 
			border-collapse: collapse;
		}
		.middle .wrap .text table caption {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;	
			border-bottom: 0;       
		}
		.middle .wrap .text table tr td {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;
		}
		.middle .wrap .text table tr:hover {
			background-color:#f8f8f8;
		}

	.middle .wrap .gallery { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.middle .wrap .gallery .gallery-box { 
			float:left;	
			width:33%;
			height:240px;
			margin:0px 0.5% 5px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.middle .wrap .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .middle .wrap .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;
			}
				.middle .wrap .gallery .gallery-box:hover .fade {
					opacity:1;
				}
		.middle .wrap .gallery .last { 
			margin-right:0px
		}
		
	.middle .wrap .fb-like-box { 
		float:left;
		width:100%;
		margin:30px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		position:relative; 
	}		
	
.pliki { 
	float:left;
	width:100%;
	position:relative;
	margin:30px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;	
}
	.pliki .plik { 
		float:left;
		position:relative;
		margin:0px 0px 10px 0px; 
		padding:0px 0px 0px 0px; 
	}
		.pliki .plik a { 
			text-decoration:none;
			color:#048ccf;
		}
		.pliki .plik a:hover { 
			color:#000; 
		}
	.pliki .plik-ikona-box { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
	}
	.pliki .plik-roz { 
		float:left;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		color:#fff;
		font-size:10px;
		line-height:16px;
		text-align:center;
	}
	.plik-ikona { 
		float:left;
		width:35px;
		margin:0px 0px 0px 0px; 
	}
	.plik-tytul { 
		float:left;
		position:relative;
		margin:18px 0px 0px 10px; 
		padding:0px 0px 0px 0px; 
		font-size:18px;
		line-height:18px;
	}
}

@media screen and (min-width: 1101px) and (max-width: 1300px) {
.no-comp { display:none !important; }

.imgUE {
	position:absolute;
	right:0;
	bottom:-74px;
}

.logoNew {
	float:left;
	margin:-50px 0px 0px 0px;
	position:relative;
}

.wrapper { 
	float:left;
	width:100%;
	height:100px;
	position:absolute;
	top:0;
	left:0;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	z-index:20;
	background-color: #002856;
}
	.wrapper .wrap { 
		width:1100px;
		height:100%;
		position:relative;
		margin:0 auto;
	}
	.wrapper .wrap .logo { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
	}	
		.wrapper .wrap .logo img {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
	.wrapper nav { 
		float:right;
		width:auto;
		position:relative;
		margin:33px 10px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size: 15px;
		font-weight: 500;
		line-height: 28px;
		font-family: 'Roboto', sans-serif;
	}
	.wrapper nav ul { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.wrapper nav ul li { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none; 
		cursor:pointer;
	}
	.wrapper nav ul li .main-name { 
		color:#fff;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		display: inline-block; 
	}
	.wrapper nav ul .main-name { text-transform: uppercase; }
	.wrapper nav ul li .main-name:hover { color: #048ccf; }
	.wrapper nav ul li .main-name.active { color: #fff;border-bottom:4px solid #048ccf; }
	.wrapper nav ul li .menu-hr { float:right;margin:9px 0.8vw 0px 0.8vw; }
	.wrapper nav ul li:last-child .menu-hr { display:none; }
	.wrapper .menu-tel { display:none !important; }
	
	.wrapper .social, .wrapper .form {
		float:right;
		height:28px;
		margin:33px 0px 0px 11px;
		padding:0px 4px 0px 4px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
		border-left:1px solid #8c9eb3;
		text-decoration:none;
	}
		.wrapper .social .ikon {
			float:left;
			margin:0px 4px 0px 4px;
			padding:0px 0px 0px 0px;
			position:realtive;
		}
			.wrapper .social .ikon path {
				 fill: #fff;
			}
				.wrapper .social .ikon:hover path {
					fill: #048ccf;
				}
		.wrapper .form  {
			margin:33px 0px 0px 0px;
		}
		.wrapper .form .ikon {
			width: 45px;
			margin-left:5px;
		}
		.wrapper .form .name {
			float:left;
			margin:0px 0px 0px 15px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #ffffff;
			font-size: 15px;
			font-weight: 600;
			line-height: 28px;
			text-transform: uppercase;
		}
			.wrapper .form:hover .name {
				color:#048ccf;
			}
			
	.wrapper .submenu {
		display:none;
		float:left;
		width: 1020px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:80px;
		left:-350px;
		background:#fff;
		border: 1px solid #eff4f7;
	}
		.wrapper .submenu .left {
			float:left;
			width:32%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:20px 0px 40px 0px;
			border-right:1px solid #f0f4f7;
		}
			.wrapper .submenu .left .inside {
				float:left;
				width:70%;
				margin:0px 0px 0px 20%;
				padding:0px 0px 0px 0px;
			}
				.wrapper .submenu .left .inside h4 {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #9a9a9a;
					font-size: 14px;
					font-weight: 400;
					line-height: 50px;
					text-transform: uppercase;
				}
				.wrapper .submenu .left .category {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color: #002856;
					font-family: 'Roboto', sans-serif;
					font-size: 16px;
					font-weight: 500;
					line-height: 32px;
					cursor:pointer;
				}
					.wrapper .submenu .left .category .subname {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
					}
						.wrapper .submenu .left .category .subname .subname-title {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							color: #002856;
							font-size: 16px;
							font-weight: 500;
							line-height: 32px;
							cursor:pointer;
						}
							.wrapper .submenu .left .category .subname .subname-title {
								text-decoration:none;
							}
							.wrapper .submenu .left .category .subname .subname-title:hover, .wrapper .submenu .left .category .subname .active-subname {
								color: #048ccf;
								background: url(images/submenu_arrow.svg) right no-repeat;
							}
						.wrapper .submenu .right {
							float:left;
							width:550px;
							height:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:absolute;
							top:0;
							right:20px;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-around;
							align-items:center;
							align-content:center;
						}
							.wrapper .submenu .right .subcategory-menu {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
							.wrapper .submenu .right .subcategory-menu .subcategory {
								float:left;
								width:50%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
								.wrapper .submenu .right .subcategory-menu .subcategory a {
									float:left;
									width:100%;
									margin:0px 0px 0px 0px;
									padding:0px 0px 0px 0px;
									position:relative;
									color: #5f5f5f;
									font-size: 15px;
									font-weight: 400;
									line-height: 36px;
									text-decoration:none;
								}
									.wrapper .submenu .right .subcategory-menu .subcategory a:hover {
										color: #048ccf;
									}
	
#container { 
	float:left;
	width:100%;
	height:600px;
	position:relative;
	margin:0px 0px 0px 0px; 
	overflow:hidden;
}
	#container .background {
		float:left;
		width:100%;
		height:485px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		top:0;
		background-color: #002856;
	}
	#container .slide-1 { 
		float:left;
		width:1600px;
		height:500px;
		position:relative;
		z-index:1; 
		top:0;
		left:50%;
		margin:100px 0px 0px -800px;
	}
		#container .slides { 
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background-size:cover !important; 			
		}
		#container .slides .box { 
			float:left;
			width:100%;
			margin:0px 0px 0px -7px;
			padding:0px 0px 0px 0px;
			position:absolute;
			bottom:70px;
			left:0; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		#container .slides .box .nag {
			float:left;
			width:70%;
			margin:0px 0px 0px 40px;
			position:relative;
			color: #048ccf;
			font-size: 32px;
			font-weight: 900;
			line-height: 32px;
			text-align:left;
			clear:both;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
		}
		#container .slides .box .text {
			float:left;
			width: 500px;
			margin:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 36px;
			font-weight: 300;
			line-height: 36px;
			text-align:center;
			clear:both;
		}
		#container .slides .box .more {
			float:left;
			width:200px;
			margin:20px 0px 0px -100px;
			padding:0px 0px 0px 0px;
			position:relative;
			text-decoration:none;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 100;
			line-height: 49px;
			text-transform: uppercase;
			text-align:center;
			border:1px solid #fff;
			top:0;
			left:50%;
		}
			#container .slides .box .hr {
				display:none;
				float:left;
				padding:0px 0px 0px 0px;
				position:relative;
				width: 58px;
				height: 3px;
				background-color: #002856;
			}
				#container .slides .box .up {
					margin:0px 0px 2.3vw 0px;
				}
				#container .slides .box .down {
					margin:2.1vw 0px 0px 0px;
				}
	
	#container .owl-nav { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		left:0;
		bottom:40px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 	
	}
		#container .owl-nav .owl-next {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
		#container .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
	
	#container .owl-dots { 
		float:left;
		width:100%;
		left:0;
		bottom:20px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#container .owl-dots .owl-dot { 
		float:left;
		width:35px;
		height:6px;
		margin:0px 13px 0px 0px;
		background: url('images/slider_pag_off.png') center no-repeat; 
	}
	#container .owl-dots .active { 
		float:left;
		width:35px;
		height:6px;
		background: url('images/slider_pag.png') center no-repeat;
	}
	#container .scroll-down {
		float:left;
		margin:0px 0px 0px -17px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:50%;
		bottom:20px;
		cursor:pointer;
		z-index:10;
	}
		#container .scroll-down:hover path {
			fill:#048ccf;
		}
	
.start-1 { 
	float:left;
	width:100%;
	height:220px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-1 .wrap { 
	width:1100px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-1 .wrap .gallerys { 
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.start-1 .wrap .gallerys .gallery-box { 
			float:left;	
			width:25%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			transition: background-size 2s ease-in;
			-moz-transition: background-size 2s ease-in;
			-ms-transition: background-size 2s ease-in;
			-o-transition: background-size 2s ease-in;
			-webkit-transition: background-size 2s ease-in;
		}
			.start-1 .wrap .gallerys .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .start-1 .wrap .gallerys .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: rgba(0, 40, 86, 0.4) url(images/play.svg) center no-repeat;
				-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;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.start-1 .wrap .gallerys .gallery-box:hover .fade {
					background: rgba(0, 40, 86, 0.8) url(images/play.svg) center no-repeat;
					transform: scale(1.3); -webkit-transform: scale(1.3);
				}
		
.start-2 { 
	float:left;
	width:100%;
	height:650px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-2 .wrap { 
	width:1100px;
	height:100%;
	position:relative;
	margin:0 auto; 
	border-left:1px solid #0a8fd0;
	border-right:1px solid #0a8fd0;
	border-bottom:1px solid #0a8fd0;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom-left-radius:60em;
	border-bottom-right-radius:60em;
}
.start-2 .wrap .name {
	float:left;
	width:724px;
	height:370px;
	margin:0px 0px 0px -396px;
	padding:0px 0px 0px 0px;
	position:absolute;
	left:50%;
	top:0;
	background:#002856;	
	text-align:center;
	border-left:34px solid #fafbfd;
	border-right:34px solid #fafbfd;
	border-bottom:34px solid #fafbfd;
	border-bottom-left-radius:80em;
	border-bottom-right-radius:80em;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:2;
}
	.start-2 .wrap .name h1 {
		float:left;
		width:400px;
		margin:-60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		font-size: 36px;
		font-weight: 400;
		line-height: 46px;
	}
		.start-2 .wrap .name .arrow-this-1 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-2 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-3 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-4 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-5 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-6 { 
			display:none;
		}
		
.start-2 .wrap .box {
	float:left;
	width:145px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	z-index:5;
	cursor:pointer;
}
.box-position-1 { left:45px;top:42px; }
.box-position-2 { left:150px;top:250px; }
.box-position-3 { left:375px;top:405px; }
.box-position-4 { right:375px;top:405px; }
.box-position-5 { right:150px;top:250px; }
.box-position-6 { right:45px;top:42px; }

	.start-2 .wrap .box h2 {
		float:left;
		width:100%;
		margin:15px 0px 0px -6px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
		color: #5f5f5f;
		font-size: 16px;
		font-weight: 400;
		line-height: 22px;
		text-align:center;
	}
		.start-2 .wrap .box .arrow {
			float:left;
			margin:0px 0px 0px -24px;
			padding:0px 0px 0px 0px;
			position:absolute;
			left:50%;
			top:115px;
			z-index:5;
			opacity:0;
		}
			.start-2 .wrap .box:hover .arrow {
				opacity:1;
			}
	.start-2 .wrap .box .zdjecie-glowne { 
		float:left;
		width:135px;
		height:135px;
		position:relative;
		margin:0px 0px 0px 0px;
		z-index:5;
		border:2px solid #eff4f7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-radius:40em;
		overflow:hidden;
	}
		.start-2 .wrap .box:hover .zdjecie-glowne {
			border:6px solid #002856;
		}
		.start-2 .wrap .box .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:135px;
			height:135px;
			position:absolute;
			top:0;
			left:0;
			object-fit: cover;	
		}
			.start-2 .wrap .box:hover .zdjecie-glowne .img {
				top:-4px;
				left:-4px;
			}
		
.start-2 .wrap .border {
	float:left;
	width:970px;
	height:500px;
	margin:0px 0px 0px -485px;
	padding:0px 0px 0px 0px;
	position:absolute;
	left:50%;
	top:0;
	text-align:center;
	border-left:1px solid #e7ebef;
	border-right:1px solid #e7ebef;
	border-bottom:1px solid #e7ebef;
	border-bottom-left-radius:80em;
	border-bottom-right-radius:80em;
	z-index:1;
}

.start-3 { 
	float:left;
	width:100%;
	height:220px;
	position:relative;
	margin:5.25vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;	
} 
.start-3 .wrap { 
	width:1050px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	/* css partners in css/functions */

.start-4 { 
	float:left;
	width:100%;
	height:535px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #002856;
} 
.start-4 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-4 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:65px 0px 65px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 30px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-4 .wrap .sources {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-4 .wrap .sources .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-4 .wrap .sources .partners-box {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:0px solid #000;
		}
		.start-4 .wrap .sources .partners-box .img {
			width:auto;
			height:auto;
			
		}
		
.start-5 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #fff;
} 
.start-5 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-5 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:65px 0px 65px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 30px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-5 .wrap .belong {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-5 .wrap  .owl-item:nth-child(odd) .partners-box  { background:#eff4f7; }
		
		.start-5 .wrap .belong .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-5 .wrap .belong .partners-box {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			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;
			background:#fff;
			border:1px solid #eff4f7;
		}
		.start-5 .wrap .belong .partners-box .foto {
			float:left;
			width:100%;
			height:115px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.start-5 .wrap .belong .partners-box .img {
			width:auto;
			height:auto;
			max-width:300px;
			max-height:300px;
			z-index:2;
		}
		.start-5 .wrap .belong .partners-box .name {
			width:60%;
			color: #002856;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
			text-transform: uppercase;
			text-align:center;
		}
		
.start-6 { 
	float:left;
	width:100%;
	height:515px;
	position:relative;
	margin:7.4vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;
} 
.start-6 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-6 .wrap .left {
		float:left;
		width:35%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
	}
		.start-6 .wrap .left h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 36px;
			font-weight: 400;
			line-height: 41px;
		}
		.start-6 .wrap .left .text {
			float:left;
			width:100%;
			margin:30px 0px 30px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
		}
		.start-6 .wrap .left .arrow {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	.start-6 .wrap .right {
		float:right;
		width:55%;
		height:410px;
		margin:50px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.start-6 .wrap .right .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			overflow:hidden;
		}
			.start-6 .wrap .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;				
			}
			.start-6 .wrap .right .zdjecie-glowne .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: url(images/play.svg) center no-repeat;
				background-size:90px;
				-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:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}

				.start-6 .wrap .right .zdjecie-glowne:hover .fade {				
					transform: scale(1.3); -webkit-transform: scale(1.3);
					opacity:1;
				}
				
.start-7 { 
	float:left;
	width:100%;
	height:600px;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #fff;
} 
.start-7 .wrap { 
	width:1070px;
	height:100%;
	position:relative;
	margin:0 auto; 
	z-index:2;
}
	.start-7 .wrap .left {
		float:left;
		width:35%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
	}
		.start-7 .wrap .left h3, .start-7 .wrap .left h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 30px;
			font-weight: 600;
			line-height: 35px;
			text-transform: uppercase;
		}
		.start-7 .wrap .left .text {
			float:left;
			width:100%;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #3d3d3d;
			font-size: 30px;
			font-weight: 300;
		}
			.start-7 .wrap .left .text p strong {
				padding:0px 0px 0px 50px;
				position:relative;
				left:-50px;
			}
			.start-7 .wrap .left .text p {
				padding:0px 0px 0px 50px;
			}
			.start-7 .wrap .left .text a {
				text-decoration:none;
				color: #3d3d3d;
			}
				.start-7 .wrap .left .text a:hover {
					text-decoration:none;
					color: #048ccf;
				}
			.start-7 .wrap .left .text strong {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				font-size: 18px;
				font-weight: 400;
				line-height: 48px;
				color: #265884;
			}
				.start-7 .wrap .left .text p:nth-child(1) strong:nth-child(1) {
					background: url(images/start_7_ikon_1.svg) left center no-repeat;
					background-size:35px;
				}
				.start-7 .wrap .left .text p:nth-child(3) strong:nth-child(1) {
					margin-top:30px;
					background: url(images/start_7_ikon_2.svg) left center no-repeat;
					background-size:40px;
				}
			.start-7 .wrap .left .more {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 45px 0px 45px;
				position:relative;
				color: #ffffff;
				font-size: 18px;
				font-weight: 400;
				line-height: 60px;
				background-color: #002856;
				text-decoration:none;
			}
				.start-7 .wrap .left .more:hover {
					background-color: #048ccf;
				}
	.start-7 .wrap .right {
		float:right;
		width:55%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #002856;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	
.start-7 .background {
	float:left;
	width:40%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background-color: #002856;
	z-index:1;
}


.baner {
	float:left;
	width:100%;
	height: 15.7vw;
	margin:100px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color: #eff4f7;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.baner h1 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 3.15vw;
		font-weight: 900;
		line-height: 3.15vw;
		text-align:center;
		text-transform:uppercase;
	}
	.baner h2 {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 1.57vw;
		font-weight: 300;
		line-height: 1.57vw;
		text-align:center;
	}
	
.dir {
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.dir .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.dir .wrap ul { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
		border-bottom:1px solid #eff4f7;		
	}
	.dir .wrap ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
		cursor:pointer;
	}
		.dir .wrap ul li a {
			color: #002856;
			font-size: 13px;
			font-weight: 500;
			line-height: 70px;
			text-transform: uppercase;
			text-decoration:none;
		}
		.small-dir .wrap ul li a {
			font-size:12px;
		}
			.dir .wrap ul li a:hover {
				color:#1393d2;
			}
		.dir .wrap ul li a .arrow {
			margin:0px 0px 0px 0px;
			padding:0px 8px 0px 8px;
			top:1px;
			left:0;
			position:relative;
		}
		
.company {
	float:left;
	width:100%;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.company .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.company .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 60px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 36px;
		font-weight: 400;
		line-height: 36px;
		text-align:center;
	}
	.company .wrap .specification {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company .wrap .specification .show {
			float:left;
			width:490px;
			min-height:390px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 16px;
			font-weight: 400;
			line-height: 28px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
			.company .wrap .specification .show .info {
				display:none;
			}
			.company .wrap .specification .show .active-info {
				display:block;
			}
		.company .wrap .specification .change {
			float:right;
			width:454px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-top:1px solid #eff4f7;
			border-right:1px solid #eff4f7;
		}
			.change .hr {
				float:left;
				width: 55px;
				height: 3px;
				margin:-1.5px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:absolute;
				top:50%;
				left:-90px;
				background-color: #048ccf;
			}
			.company .wrap .specification .change .box {
				float:left;
				width:50%;
				height:130px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #002856;
				border:1px solid #eff4f7;
				border-top:0px solid #eff4f7;
				border-right:0px solid #eff4f7;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				cursor:pointer;
			}
				.company .wrap .specification .change .box:hover, .company .wrap .specification .change .box.active-box {
					color:#fff;
					background:#022955;
				}
				.company .wrap .specification .change .box .zdjecie-glowne  {
					float:left;
					width:100%;
					height:60px;
					margin:28px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				
				.company .wrap .specification .change .box .zdjecie-glowne .img {
					float:left;
					margin:0px 0px 0px 40px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.company .wrap .specification .change .box h5 {
					float:left;
					margin:5px 0px 0px 40px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-size: 13px;
					font-weight: 500;
					line-height: 13px;
					text-transform: uppercase;
				}
				.company .wrap .specification .change .box .number {
					float:right;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:absolute;
					top:20px;
					right:15px;
					font-size: 16px;
					font-weight: 400;
					line-height: 16px;
				}
	
.company-other {
	float:left;
	width:100%;
	margin:0px 0px px 0px;
	padding:90px 0px 90px 0px;
	position:relative;
	background-color: #002856;
}
.company-other .wrap {
	width:1090px;
	margin:0 auto;
	position:relative;
}
	.company-other .wrap .left {
		float:left;
		width:45%;
		height:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company-other .wrap .left .owl-nav {
			float:right;
			width: 70px;
			height: 71px;
			margin:0px -1px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			right:0;
			bottom:0;
			background-color: #048ccf;
			font-size:0;
		}
			.company-other .wrap .left .owl-nav .owl-prev {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_left.svg) center no-repeat;
			}
			.company-other .wrap .left .owl-nav .owl-next {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_right.svg) center no-repeat;
			}
				.company-other .wrap .left .owl-nav .owl-prev:hover, .company-other .wrap .left .owl-nav .owl-next:hover {
					opacity:0.6;
				}
			
	.company-other .wrap .right {
		float:right;
		width:47%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #eff4f7;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	
.company-down {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:100px 0px 100px 0px;
	position:relative;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.company-down h3 {
		color: #002856;
		font-size: 36px;
		font-weight: 300;
		line-height: 81px;
	}
	.company-down .ikon {
		float:left;
		margin:0px 25px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
.news {
	float:left;
	width:100%;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.news .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.news .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:center;
	}
		.news .wrap .boxs .box {
			float:left;
			width:100%;
			height:340px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-bottom:1px solid #e1e1e1;
		}
		.news .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:190px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.news .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.news .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.news .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.news .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:60px;
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 24px;
			font-weight: 400;
			line-height: 30px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			overflow:hidden;
		}
			.news .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.news .wrap .boxs .box .arrow {
			float:right;
			width:50px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	
	.news .wrap .owl-nav {
		float:left;
		width:100%;
		height: 60px;
		position:relative;
		margin:60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background-color: #eff4f7;
		z-index:1;
	}
		.news .wrap .owl-nav .owl-next {
			float:right;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			font-size:0px;
			opacity:0.3;
		}
			.news .wrap .owl-nav .owl-next:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-next:before {
				color: #002856;
				font-size: 14px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 25px 0px 0px;
				text-transform: uppercase;
				content: "Następna strona";
				background: url(images/news_arrow_right.svg) right top 1px no-repeat;
			}
		.news .wrap .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			font-size:0px;
			opacity:0.3;			
		}
			.news .wrap .owl-nav .owl-prev:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-prev:before {
				color: #002856;
				font-size: 14px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 0px 0px 25px;
				text-transform: uppercase;
				content: "Poprzednia strona";
				background: url(images/news_arrow_left.svg) left top 1px no-repeat;
			}
		.news .wrap .owl-dots { 
			float:left;
			width:50%;
			left:0;
			bottom:0;
			position:absolute;
			margin:1px 0px 0px 25%;
			z-index:5; 
			display:flex;
			justify-content:center;
			align-items:center;
			font-size: 16px;
			font-weight: 500;
			line-height: 60px;
			color: #048ccf;
			counter-reset: my-badass-counter;
			z-index:2;
		}
			.news .wrap .owl-dots .owl-dot { 
				float:left;	
				margin:0px 5px 0px 5px;
			}
				.news .wrap .owl-dots .owl-dot:before {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					content: counter(my-badass-counter);
					counter-increment: my-badass-counter;
				}
			.news .wrap .owl-dots .active { 
				float:left;
				color: #002856;
			}
			
.certifications {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:90px 0px 60px 0px;
	position:relative;
	background-color: #002856;
}

.certifications .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.certifications .wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 3vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 1.57vw;
		font-weight: 600;
		line-height: 1.57vw;
		text-transform: uppercase;
	}
	.gallery-type-2 .gallerys { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-2 .gallerys .gallery-box { 
				float:left;	
				width:24%;
				height:340px;
				margin:0px 1% 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-2 .gallerys .gallery-box .fot {
					float:left;
					width:100%;
					height:280px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.gallery-type-2 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-2 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-2 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-2 .gallerys .last { 
				margin-right:0px
			}
			.gallery-type-2 .gallerys .gallery-box .name {
				float:left;
				width:100%;
				height:60px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #eff4f7;
				font-size: 22px;
				font-weight: 400;
				line-height: 26px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
				overflow:hidden;
			}
		
.gallery {
	float:left;
	width:100%;
	margin:0px 0px 100px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.gallery .wrap {
	width:1170px;
	margin:0 auto;
	position:relative;
}
	.gallery .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 36px;
		font-weight: 400;
		line-height: 36px;
		text-align:center;
	}
	.gallery .wrap .text-page {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #5f5f5f;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.gallery .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
		.gallery .wrap .boxs .box {
			float:left;
			width:23.5%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.gallery .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:190px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.gallery .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.gallery .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.gallery .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.gallery .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:75px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 19px;
			font-weight: 400;
			line-height: 26px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			overflow:hidden;
		}
			.gallery .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.gallery-type-1 .gallerys { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-1 .gallerys .gallery-box { 
				float:left;	
				width:24.5%;
				height:220px;
				margin:0px 0.5% 5px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				display:flex;
				justify-content:center;
				align-items:center;	
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-1 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-1 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-1 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-1 .gallerys .last { 
				margin-right:0px
			}
			
.contact {
	float:left;
	width:100%;
	height:62vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.contact  .left {
		float:left;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
			.contact  .left .text {
				float:left;
				margin:0px 0px 0px 5vw;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #3d3d3d;
				font-size: 1.40vw;
				line-height:2vw;
				font-weight: 300;
			}
				.contact  .left .text h3 {
					float:left;
					width:100%;
					margin:0px 0px 1.57vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #002856;
					font-size: 1.57vw;
					font-weight: 600;
					line-height: 1.57vw;
					text-transform: uppercase;
				}
				.contact  .left .text p strong {
					padding:0px 0px 0px 50px;
					position:relative;
					left:-50px;
				}
				.contact  .left .text p {
					padding:0px 0px 0px 50px;
				}
				.contact  .left .text a {
					text-decoration:none;
					color: #3d3d3d;
				}
					.contact  .left .text a:hover {
						text-decoration:none;
						color: #048ccf;
					}
				.contact  .left .text strong {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-size: 18px;
					font-weight: 400;
					line-height: 45px;
					color: #265884;
				}
					.contact  .left .text .main-1 strong {
						background: url(images/start_7_ikon_3.svg) left center no-repeat;
						background-size:30px;
					}
					.contact  .left .text .main-2 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_1.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-3 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_2.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-4 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_4.svg) left center no-repeat;
						background-size:35px;
					}
					.contact  .left .text .main-5 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_5.svg) left center no-repeat;
						background-size:35px;
					}
	.contact  .right {
		float:right;
		width:50%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.contact  .right #mapa-box { 
			float:left;
			width:100%;
			height:30%;
			margin:0px 0px 0px 0px;
			overflow:hidden;
			border: 0px solid #c0c0c0; 
		}
		.contact  .right .map-img {
			float:left;
			width:100%;
			height:70%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.contact  .right .map-img .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.contact-form {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:5vw 0px 3vw 0px;
	position:relative;
	background-color: #002856;
}
	.contact-form .wrap {
		width:90%;
		margin:0 auto;
		position:relative;
	}
		.contact-form .wrap h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 2.7vw 0px;
			position:relative;
			color: #048ccf;
			font-size: 1.57vw;
			font-weight: 600;
			line-height: 1.57vw;
			text-transform: uppercase;
		}
		.contact-form .wrap .formularz-div {
			width:100%;
			margin:0px 0px 0px 0px;
		}
		
.page-section { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
}
	.page-section .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
	.page-section .wrap .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
		color: #5f5f5f;
		
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
		text-align:left;
	}
		.page-section .wrap .text h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 36px;
			font-weight: 400;
			line-height: 41px;
			text-align:center;
		}
			.page-section .wrap .text .pass-1 {
				float:left;
				width:45% !important;
				height:450px;
				position:relative;
				margin:40px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.page-section .wrap .text .pass-2 {
				float:left;
				width:55% !important;
				height:450px;
				position:relative;
				margin:40px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
	.page-section .section-1 {
		float:left;
		width:100%;
		height:600px;
		position:relative;
		margin:60px 0px 0px 0px;
		padding:90px 0px 0px 0px;
		background-color: #002856;
	}
		.page-section .section-1 .left {
			float:left;
			width:495px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.page-section .section-1 .right {
			float:right;
			width:565px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-1 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:50px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #ffffff;
				font-size: 34px;
				font-weight:400;
				line-height: 41px;
			}
			.page-section .section-1 .right .text {
				color:#fff;
				font-weight:400;
			}
	
	.page-section .section-2 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:100px 0px 0px 0px;
		background-color: #fff;
	}
		.page-section .section-2 .left {
			float:left;
			width:495px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.page-section .section-2 .right {
			float:right;
			width:565px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-2 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 34px;
				font-weight:400;
				line-height: 41px;
			}
			.page-section .section-2 .right .text {
				font-weight:400;
			}
	.page-section .section-3 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:100px 0px 50px 0px;
		background-color: #fff;
	}
		.page-section .section-3 .left {
			float:right;
			width:495px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
		.page-section .section-3 .right {
			float:left;
			width:565px;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-3 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 34px;
				font-weight:400;
				line-height: 41px;
			}
			.page-section .section-3 .right .text {
				font-weight:400;
			}
			
.page-section-down {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:100px 0px 100px 0px;
	position:relative;	
	background-color: #eff4f7;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.page-section-down h3 {
		color: #002856;
		font-size: 24px;
		font-weight: 300;
		line-height: 30px;
	}
	.page-section-down .ikon {
		float:left;
		margin:-10px 25px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		
.page-category { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
	.main-text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 70px 0px; 
	}
		.page-category .main-text .wrap { 
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category .main-text .wrap .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #5f5f5f;
				
				font-size: 18px;
				font-weight: 400;
				line-height: 30px;
				text-align:center;
			}
				.page-category .main-text .wrap .text h2 {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px; 
					color: #002856;
					font-size: 36px;
					font-weight: 400;
					line-height: 41px;
				}
				.page-category .main-text .wrap .text strong {
					font-weight:700px;
					font-size:20px;
					line-height:30px;
					color:#000;
				}
				.page-category .main-text .wrap .text table {
					float:left;
					width:100%;
					margin:20px 0px 20px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					text-align:left;
				}
					.page-category .main-text .wrap .text table thead tr td {
						color: #e2001a;
						
						font-size: 36px;
						font-weight: 400;
						line-height: 40px;
						text-align:center;
						padding:10px 0px 10px 0px;
					}
						.page-category .main-text .wrap .text table thead tr td:nth-child(2) {
							font-size:16px;
							line-height:20px;
							text-align:right;
						}
					.page-category .main-text .wrap .text table tbody tr {
						border-bottom:1px solid #eff4f7;
						color: #5f5f5f;
						font-size: 16px;
						font-weight: 400;
						line-height: 24px;
					}
						.page-category .main-text .wrap .text table tbody tr:hover {
							border-bottom:1px solid #e2001a;
						}
					.page-category .main-text .wrap .text table tbody tr td {
						padding:20px 0px 20px 0px;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(1) {
						width:80% !important;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(2) {
						width:20% !important;
						text-align:right;
					}
						.page-category .main-text .wrap .text table tbody strong {
							color: #002856;
							font-size: 22px;
							font-weight: 400;
							line-height: 30px;
						}
	
	.save {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:80px 0px 50px 0px;
		position:relative;
		text-decoration:none;
		background-color: #d9033e;
	}
		.save .wrap { 
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}	
			.save .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #ffffff;
				font-size: 30px;
				font-weight: 500;
				line-height: 36px;
				text-transform: uppercase;
				text-align:center;
				text-decoration:none;
			}
	
	.level {
		float:left;
		width:100%;
		margin:0px 0px 70px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.level .wrap { 
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.level .wrap h4 {
				float:left;
				width:100%;
				margin:0px 0px 50px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #002856;
				font-size: 30px;
				font-weight: 500;
				line-height: 30px;
				text-transform: uppercase;
				text-align:center;
			}
			.level .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #5f5f5f;
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.level .wrap .text strong {
					color: #002856;
				}
				.level .wrap .text p {
					float:left;
					width:23%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:realtive;
				}
					.level .wrap .text p span {
						float:left;
						width:100%;
						height:130px;
						margin:0px 0px 50px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						border: 1px solid #eff4f7;
						background-color: #ffffff;
					}
						.level .wrap .text p:nth-child(1) span { background: url(images/level_1.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(2) span { background: url(images/level_2.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(3) span { background: url(images/level_3.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(4) span { background: url(images/level_4.svg) center left 60px no-repeat; }
						.level .wrap .text p span::before {
							float:right;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:absolute;
							color: #002856;
							font-size: 36px;
							font-weight: 400;
							line-height: 36px;
							text-transform: uppercase;
							top:20px;
							right:30px;
						}
							.level .wrap .text p:nth-child(1) span::before { content: "I"; }
							.level .wrap .text p:nth-child(2) span::before { content: "II"; }
							.level .wrap .text p:nth-child(3) span::before { content: "III"; }
							.level .wrap .text p:nth-child(4) span::before { content: "IV"; }
							
	.page-category .subcategory {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:60px 0px 100px 0px;
		position:relative;
		background-color: #002856;
	}
		.page-category  .subcategory .wrap {
			width:1170px;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category  .subcategory .wrap h3 {
				float:left;
				width:100%;
				margin:0px 0px 40px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #048ccf;
				font-size: 30px;
				font-weight: 500;
				line-height: 30px;
				text-transform: uppercase;
				text-align:center;
			}
			.page-category  .subcategory .wrap .list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
				.page-category  .subcategory .wrap .list .box {
					float:left;
					width:24.5%;
					height:130px;
					margin:0px 0px 0.5% 0px;
					padding:0px 30px 0px 30px;
					position:relative;
					color: #002856;
					font-size: 16px;
					font-weight: 600;
					line-height: 20px;
					text-transform: uppercase;
					text-decoration: none;
					background-color: #eff4f7;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.page-category  .subcategory .wrap .list .box:hover {
						background-color: #048ccf;
						color:#fff;
					}
					
.page-subcategory { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-subcategory .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-subcategory .wrap .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 60px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			
			font-size: 18px;
			font-weight: 400;
			line-height: 30px;
			text-align:left;
		}
			.page-subcategory .wrap .text ul { 
					float:left;
					width:100%;
					margin:10px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					list-style: none; 
					position:relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				.page-subcategory .wrap .text ul li { 
					float:left;
					width:100%;
					padding:0px 0px 0px 25px;
					background: url(images/subcategory_list_info.svg) top 8px left no-repeat;
					position:relative;
				}
			.page-subcategory .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 36px;
				font-weight: 400;
				line-height: 41px;
			}
			.page-subcategory .wrap .subcategory-list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.page-subcategory .wrap .subcategory-list .box {
					float:left;
					width:32%;
					height:310px;
					margin:0px 0px 30px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					border-bottom: 3px solid #eff4f7;
				}
					.page-subcategory .wrap .subcategory-list .box .name {
						float:left;
						width:100%;
						height:90px;
						margin:0px 0px 0px 0px;
						padding:0px 20px 0px 20px;
						position:relative;
						color: #002856;
						font-size: 20px;
						font-weight: 400;
						line-height: 26px;
						text-align:center;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						border: 3px solid #eff4f7;
					}
					.page-subcategory .wrap .subcategory-list .box .inside {
						float:left;
						width:90%;
						height:215px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:center;
						align-items:center;
						align-content:center;
					}
						.page-subcategory .wrap .subcategory-list .box .inside .info {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							
							font-size: 18px;
							font-weight: 400;
							line-height: 26px;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .info p {
								padding:0px 0px 0px 30px;
								background: url(images/subcategory_list_info.svg) top 6px left no-repeat;
							}
						.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne { 
							float:left;
							width:100%;
							height:100%;
							position:relative;
							margin:0px 0px 0px 0px;
							z-index:5;
							overflow:hidden;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:70%;
								height:70%;
								object-fit: contain;				
							}
						
				
				.page-subcategory .wrap .subcategory-list .box:hover {
					border-bottom: 3px solid #048ccf;
				}
				.page-subcategory .wrap .subcategory-list .box:hover .name {
					background-color: #048ccf;
					border: 3px solid #048ccf;
					color:#fff;
				}
				
.page-product-list { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-product-list .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-product-list .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 30px;
			font-weight: 600;
			line-height: 30px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-product-list .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 60px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			
			font-size: 18px;
			font-weight: 400;
			line-height: 30px;
			text-align:center;
		}
			.page-product-list .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 36px;
				font-weight: 400;
				line-height: 41px;
			}
		.page-product-list .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-product-list .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-product-list .wrap .back:hover {
				background:#048ccf;
			}
		.page-product-list .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-product-list .wrap .product-list .box {
				float:left;
				width:100%;
				height:300px;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-product-list .wrap .product-list .box .left {
					float:left;
					width:345px;
					height:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-product-list .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-product-list .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-product-list .wrap .product-list .box .right {
					float:left;
					width:800px;
					height:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-product-list .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-product-list .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 24px;
							font-weight: 400;
							line-height: 41px;
						}
						.page-product-list .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 17px;
							font-weight: 400;
							line-height: 22px;
							text-align:left;
						}
						.page-product-list .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
			
.page-cart { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-cart .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-cart .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 30px;
			font-weight: 600;
			line-height: 30px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-cart .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-cart .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-cart .wrap .back:hover {
				background:#048ccf;
			}
		.page-cart .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-cart .wrap .product-list .box {
				float:left;
				width:100%;
				min-height:300px;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-cart .wrap .product-list .box .left {
					float:left;
					width:345px;
					height:300px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-cart .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-cart .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-cart .wrap .product-list .box .right {
					float:left;
					width:800px;
					margin:0px 0px 0px 0px;
					padding:40px 0px 40px 0px;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-cart .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-cart .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 24px;
							font-weight: 400;
							line-height: 41px;
						}
						.page-cart .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 16px;
							font-weight: 400;
							line-height: 24px;
						}
							.page-cart .wrap .product-list .box .right .inside .text ul { 
								float:left;
								width:100%;
								margin:10px 0px 10px 0px;
								padding:0px 0px 0px 0px;
								list-style: none; 
								position:relative;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
							.page-cart .wrap .product-list .box .right .inside .text ul li { 
								float:left;
								width:100%;
								padding:0px 0px 0px 25px;
								background: url(images/subcategory_list_info.svg) top 3px left no-repeat;
								position:relative;
							}
						.page-cart .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
	
.pages .gallerys { 
	float:left;
	width:100%;
	margin:30px 0px 30px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.pages .gallerys .gallery-box { 
		float:left;	
		width:24%;
		height:13vw;
		margin:0px 1% 1% 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		overflow:hidden;
		border:1px solid #f1f1f1;
		display:flex;
		justify-content:center;
		align-items:center;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: background-size 2s ease-in;
		-moz-transition: background-size 2s ease-in;
		-ms-transition: background-size 2s ease-in;
		-o-transition: background-size 2s ease-in;
		-webkit-transition: background-size 2s ease-in;
	}
		.pages .gallerys .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:80%;
			height:80%;
			object-fit: contain;	
		}
		

	
footer { 
	float:left;
	width:100%;
	height: 88px;
	position:relative;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background-color: #eff4f7;
	
}
	footer .wrap { 
		width:1170px;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;		
	}
	footer .wrap .scroll-up { cursor:pointer; }
	footer nav { 
		float:left;
		width:auto;
		margin:0px 0px 0px 0px;
		font-size:18px;
		line-height:18px;
		position:relative;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
	}
	footer nav ul li a { color: #231f20;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color: #048ccf; }
	footer nav ul li a.active { color: #048ccf; }
	footer nav ul li .menu-hr-footer { float:right;margin:3px 1.5vw 0px 1.5vw; }
	footer nav ul li:last-child .menu-hr-footer { display:none; }
	
	.odee-tip { display:inline;position: relative;opacity: 0.6 }
	.odee-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: -110px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
	.odee-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
	.odee-tip:hover  { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
	.odee a { float:right;margin:0px 0px 0px 0px; }
			
.formularz-div { float:left;width:90%;margin:50px 0px 0px 10%; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		
	}	
	.form-box { 
		float:left;
		width:32.5%;
		margin:0px 0px 20px 0px; 	
	}
	.form-box-last { 
		float:left;
		width:32.5%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-all { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-file { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
	}
	
	.form-text  { 
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		color: #ffffff;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
	}
	.form-input { 
		float:left;
		width:100%;
		height:37px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:120px;
		max-height:120px;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 20px;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		
	.form-box-file .default {
		display:none;
	}
	.form-box-file .put-file {
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		font-size:15px;
		line-height:15px;
		color:#000;
		font-family: 'Roboto', sans-serif;
		cursor:pointer;
	}
		.form-box-file .upload-change {
			display:none;
		}
	
	.form-submit  { 
		float:right;
		width:200px;
		height:60px;
		margin:0px 0px 0px 0px;
		color:#fff;
		background-color: #048ccf;
		padding:0px 0px 0px 0px;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer; 
	}
	.form-input:focus, .form-textarea:focus, .form-submit:focus { outline:none; }

	.middle .wrap h2 { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		color: #002856;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
	}			
	.middle .wrap .zdjecie-glowne { 
		float:left;
		width:300px;
		height:250px;
		position:relative;
		margin:0px 30px 0px 0px;
		z-index:5;
	}
		.middle .wrap .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		.middle .wrap .zdjecie-glowne .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;
		}
			.middle .wrap .zdjecie-glowne:hover .fade {
				opacity:1;
			}
	.middle .wrap .text { 
		margin:20px 0px 0px 0px;
		position:relative;
		font-size:14px;
		line-height:22px;
		color:#222121; 
	}
		.middle .wrap .text a { text-decoration:none;color:#222121; }
		.middle .wrap .text a:hover { color:#222121 }
		.middle .wrap .text ul { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			list-style: none; 
			position:relative;
		}
		.middle .wrap .text ul li { 
			float:left;
			width:98%;
			padding:0px 0px 0px 2%;
			background: url(images/li_bg.png) top 6px left no-repeat;
			position:relative;
		}
		.middle .wrap .text ol { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			position:relative;
		}
		.middle .wrap .text ol li { 
			float:left;
			width:100%;	
			position:relative;
		}
		.middle .wrap .text h2 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:20px;
			line-height:20px;
		}
		.middle .wrap .text h3 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:18px;
			line-height:18px;
		}
		.middle .wrap .text table {
			float:left;
			width:100% !important;
			margin:0px 0px 20px 0px;
			position:relative;
			border-spacing: 0; 
			border: 0; 
			border-collapse: collapse;
		}
		.middle .wrap .text table caption {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;	
			border-bottom: 0;       
		}
		.middle .wrap .text table tr td {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;
		}
		.middle .wrap .text table tr:hover {
			background-color:#f8f8f8;
		}

	.middle .wrap .gallery { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.middle .wrap .gallery .gallery-box { 
			float:left;	
			width:33%;
			height:240px;
			margin:0px 0.5% 5px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.middle .wrap .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .middle .wrap .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;
			}
				.middle .wrap .gallery .gallery-box:hover .fade {
					opacity:1;
				}
		.middle .wrap .gallery .last { 
			margin-right:0px
		}
		
	.middle .wrap .fb-like-box { 
		float:left;
		width:100%;
		margin:30px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		position:relative; 
	}		
	
.pliki { 
	float:left;
	width:100%;
	position:relative;
	margin:30px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;	
}
	.pliki .plik { 
		float:left;
		position:relative;
		margin:0px 0px 10px 0px; 
		padding:0px 0px 0px 0px; 
	}
		.pliki .plik a { 
			text-decoration:none;
			color:#048ccf;
		}
		.pliki .plik a:hover { 
			color:#000; 
		}
	.pliki .plik-ikona-box { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
	}
	.pliki .plik-roz { 
		float:left;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		color:#fff;
		font-size:10px;
		line-height:16px;
		text-align:center;
	}
	.plik-ikona { 
		float:left;
		width:35px;
		margin:0px 0px 0px 0px; 
	}
	.plik-tytul { 
		float:left;
		position:relative;
		margin:18px 0px 0px 10px; 
		padding:0px 0px 0px 0px; 
		font-size:18px;
		line-height:18px;
	}
}

@media screen and (min-width: 651px) and (max-width: 1100px) {
.no-comp { display:none !important; }

.imgUE {
	width:100%;
	position:relative;
	right:0;
	bottom:0;
}

.ueFlag {
	width:100% !important;
	height:auto !important;
}


.wrapper { 
	float:left;
	width:100%;
	position:relative;
	top:0;
	left:0;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	z-index:20;
	background-color: #002856;
}
	.wrapper .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto;
	}
	.wrapper .wrap .logo { 
		float:left;
		position:relative;
		margin:8px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		background:#fff;
	}	
		.wrapper .wrap .logo img {
			float:left;
			width:180px;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
	.wrapper nav { 
		display:none;
		float:left;
		width:100%;
		position:relative;
		margin:10px 0px 0px 0px;
		padding:0px 0px 20px 0px;
		font-size: 18px;
		font-weight: 500;
		line-height: 38px;
		font-family: 'Roboto', sans-serif;
	}
	.wrapper nav ul { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.wrapper nav ul li { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none;
		text-align:right;
		cursor:pointer;
	}
	.wrapper nav ul li .main-name { 
		color:#fff;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		display: inline-block; 
	}
	.wrapper nav ul .main-name { text-transform: uppercase; }
	.wrapper nav ul li .main-name:hover { color: #048ccf; }
	.wrapper nav ul li .main-name.active { color: #fff;border-bottom:4px solid #048ccf; }
	.wrapper nav ul li .menu-hr { display:none; }
	.wrapper .menu-tel { 
		float:right;
		font-size:50px;
		margin:45px 0px 0px 0px !important;
		cursor:pointer;
		color:#fff; 
	}
	
	.wrapper .social, .wrapper .form {
		float:right;
		height:28px;
		margin:8px 0px 0px 0px;
		padding:0px 2px 0px 4px;
		position:absolute;
		top:0;
		right:0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
		border-left:1px solid #8c9eb3;
		text-decoration:none;
	}
		.wrapper .social .ikon {
			float:left;
			margin:0px 4px 0px 4px;
			padding:0px 0px 0px 0px;
			position:realtive;
		}
			.wrapper .social .ikon path {
				 fill: #fff;
			}
				.wrapper .social .ikon:hover path {
					fill: #048ccf;
				}
		.wrapper .form  {
			margin:8px 95px 0px 0px;
		}
		.wrapper .form .ikon {
			width: 45px;
			margin-left:5px;
		}
		.wrapper .form .name {
			float:left;
			margin:0px 0px 0px 15px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #ffffff;
			font-size: 0px;
			font-weight: 600;
			line-height: 28px;
			text-transform: uppercase;
		}
			.wrapper .form:hover .name {
				color:#048ccf;
			}
			
	.wrapper .submenu {
		display:none;
		float:left;
		width: 100%;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		position:reltive;
		top:80px;
		left:0px;
		background:#fff;
		border: 1px solid #eff4f7;
	}
		.wrapper .submenu .left {
			float:right;
			width:90%;
			margin:0px 8% 0px 0px;
			padding:20px 0px 40px 0px;
			
		}
			.wrapper .submenu .left .inside {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
				.wrapper .submenu .left .inside h4 {
					float:left;
					width:100%;
					margin:0px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #9a9a9a;
					font-size: 16px;
					font-weight: 400;
					line-height: 20px;
					text-transform: uppercase;
				}
				.wrapper .submenu .left .category {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color: #002856;
					font-family: 'Roboto', sans-serif;
					font-size: 14px;
					font-weight: 500;
					line-height: 20px;
					cursor:pointer;
				}
					.wrapper .submenu .left .category .subname {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
					}
						.wrapper .submenu .left .category .subname .subname-title {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 20px 0px 0px;
							color: #002856;
							font-size: 16px;
							font-weight: 500;
							line-height: 30px;
							cursor:pointer;
						}
							.wrapper .submenu .left .category .subname .subname-title {
								text-decoration:none;
							}
							.wrapper .submenu .left .category .subname .subname-title:hover, .wrapper .submenu .left .category .subname .active-subname {
								color: #048ccf;
								background: url(images/submenu_arrow.svg) right no-repeat;
							}
						.wrapper .submenu .right {
							float:right;
							width:95%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							top:0;
							right:3%;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-around;
							align-items:center;
							align-content:center;
						}
							.wrapper .submenu .right .subcategory-menu {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
							.wrapper .submenu .right .subcategory-menu .subcategory {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
								.wrapper .submenu .right .subcategory-menu .subcategory a {
									float:left;
									width:100%;
									margin:0px 0px 0px 0px;
									padding:0px 0px 0px 0px;
									position:relative;
									color: #5f5f5f;
									font-size: 15px;
									font-weight: 400;
									line-height: 36px;
									text-decoration:none;
								}
									.wrapper .submenu .right .subcategory-menu .subcategory a:hover {
										color: #048ccf;
									}
	
#container { 
	float:left;
	width:100%;
	height:350px;
	position:relative;
	margin:0px 0px 0px 0px; 
	overflow:hidden;
}
	#container .background {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		top:0;
		background-color: #002856;
	}
	#container .slide-1 { 
		float:left;
		width:100%;
		height:100%;
		position:relative;
		z-index:1; 
		top:0;
		left:0;
		margin:0px 0px 0px 0px;
	}
		#container .slides { 
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background-size:cover !important; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		#container .slides .box { 
			float:left;
			width:100%;
			margin:0px 0px 0px -50px;
			padding:0px 0px 0px 0px;
			position:absolute;
			bottom:50px;
			left:0; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		#container .slides .box .nag {
			float:left;
			width:80%;
			margin:0px 0px 0px 0px;
			position:relative;
			color: #048ccf;
			font-size: 32px;
			font-weight: 900;
			line-height: 32px;
			text-align:left;
			clear:both;
			text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
		}
		#container .slides .box .text {
			float:left;
			width: 500px;
			margin:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 36px;
			font-weight: 300;
			line-height: 36px;
			text-align:center;
			clear:both;
		}
		#container .slides .box .more {
			float:left;
			width:200px;
			margin:20px 0px 0px -100px;
			padding:0px 0px 0px 0px;
			position:relative;
			text-decoration:none;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 100;
			line-height: 49px;
			text-transform: uppercase;
			text-align:center;
			border:1px solid #fff;
			top:0;
			left:50%;
		}
			#container .slides .box .hr {
				display:none;
				float:left;
				padding:0px 0px 0px 0px;
				position:relative;
				width: 58px;
				height: 3px;
				background-color: #002856;
			}
				#container .slides .box .up {
					margin:0px 0px 2.3vw 0px;
				}
				#container .slides .box .down {
					margin:2.1vw 0px 0px 0px;
				}
	
	#container .owl-nav { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		left:0;
		bottom:40px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 	
	}
		#container .owl-nav .owl-next {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
		#container .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
	
	#container .owl-dots { 
		float:left;
		width:100%;
		left:0;
		bottom:20px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#container .owl-dots .owl-dot { 
		float:left;
		width:35px;
		height:6px;
		margin:0px 13px 0px 0px;
		background: url('images/slider_pag_off.png') center no-repeat; 
	}
	#container .owl-dots .active { 
		float:left;
		width:35px;
		height:6px;
		background: url('images/slider_pag.png') center no-repeat;
	}
	#container .scroll-down {
		float:left;
		margin:0px 0px 0px -17px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:50%;
		bottom:10px;
		cursor:pointer;
		z-index:10;
	}
		#container .scroll-down:hover path {
			fill:#048ccf;
		}
	
.start-1 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-1 .wrap { 
	width:100%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-1 .wrap .gallerys { 
		float:left;
		width:100%;	
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.start-1 .wrap .gallerys .gallery-box { 
			float:left;	
			width:25%;
			height:180px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			transition: background-size 2s ease-in;
			-moz-transition: background-size 2s ease-in;
			-ms-transition: background-size 2s ease-in;
			-o-transition: background-size 2s ease-in;
			-webkit-transition: background-size 2s ease-in;
		}
			.start-1 .wrap .gallerys .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .start-1 .wrap .gallerys .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: rgba(0, 40, 86, 0.4) url(images/play.svg) center no-repeat;
				-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;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.start-1 .wrap .gallerys .gallery-box:hover .fade {
					background: rgba(0, 40, 86, 0.8) url(images/play.svg) center no-repeat;
					transform: scale(1.3); -webkit-transform: scale(1.3);
				}
		
.start-2 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-2 .wrap { 
	width:100%;
	height:100%;
	position:relative;
	margin:0 auto; 
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.start-2 .wrap .name {
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
	padding:40px 0px 40px 0px;
	position:relative;
	left:0;
	top:0;
	background:#002856;	
	text-align:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:2;
}
	.start-2 .wrap .name h1 {
		float:left;
		width:90%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px;
	}
		.start-2 .wrap .name .arrow-this-1 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-2 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-3 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-4 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-5 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-6 { 
			display:none;
		}
		
.start-2 .wrap .box {
	float:left;
	width:33%;
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

	.start-2 .wrap .box h2 {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
		color: #5f5f5f;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		text-align:center;
	}
		.start-2 .wrap .box .arrow {
			float:left;
			margin:0px 0px 0px -24px;
			padding:0px 0px 0px 0px;
			position:absolute;
			left:50%;
			top:115px;
			z-index:5;
			opacity:0;
		}
			.start-2 .wrap .box:hover .arrow {
				opacity:1;
			}
	.start-2 .wrap .box .zdjecie-glowne { 
		float:left;
		width:135px;
		height:135px;
		position:relative;
		margin:0px 0px 0px -67.5px;
		top:0;
		left:50%;
		z-index:5;
		border:2px solid #eff4f7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-radius:40em;
		overflow:hidden;
	}
		.start-2 .wrap .box:hover .zdjecie-glowne {
			border:6px solid #002856;
		}
		.start-2 .wrap .box .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:135px;
			height:135px;
			position:absolute;
			top:0;
			left:0;
			object-fit: cover;	
		}
			.start-2 .wrap .box:hover .zdjecie-glowne .img {
				top:-4px;
				left:-4px;
			}
		
.start-2 .wrap .border {
	display:none;
}

.start-3 { 
	float:left;
	width:100%;
	height:220px;
	position:relative;
	margin:5.25vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;	
} 
.start-3 .wrap { 
	width:60%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	/* css partners in css/functions */

.start-4 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 50px 0px;
	background-color: #002856;
} 
.start-4 .wrap { 
	width:96%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-4 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:35px 0px 35px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-4 .wrap .sources {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-4 .wrap .sources .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-4 .wrap .sources .partners-box {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:0px solid #000;
		}
		.start-4 .wrap .sources .partners-box .img {
			width:auto;
			height:auto;
			
		}
		
.start-5 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #fff;
} 
.start-5 .wrap { 
	width:90%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-5 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:35px 0px 35px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-5 .wrap .belong {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-5 .wrap  .owl-item:nth-child(odd) .partners-box  { background:#fff; }
		
		.start-5 .wrap .belong .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-5 .wrap .belong .partners-box {
			float:left;
			width:99%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			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;
			background:#fff;
			border:1px solid #eff4f7;
		}
		.start-5 .wrap .belong .partners-box .foto {
			float:left;
			width:100%;
			height:115px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.start-5 .wrap .belong .partners-box .img {
			width:auto;
			height:auto;
			max-width:300px;
			max-height:300px;
			z-index:2;
		}
		.start-5 .wrap .belong .partners-box .name {
			width:60%;
			color: #002856;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
			text-transform: uppercase;
			text-align:center;
		}
		
.start-6 { 
	float:left;
	width:100%;
	position:relative;
	margin:7.4vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;
} 
.start-6 .wrap { 
	width:90%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-6 .wrap .left {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 30px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
	}
		.start-6 .wrap .left h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
		}
		.start-6 .wrap .left .text {
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 15px;
			font-weight: 400;
			line-height: 22px;
		}
		.start-6 .wrap .left .arrow {
			float:left;
			width:40px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	.start-6 .wrap .right {
		float:left;
		width:100%;
		height:250px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 50px 0px;
		position:relative;
	}
		.start-6 .wrap .right .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			overflow:hidden;
		}
			.start-6 .wrap .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;				
			}
			.start-6 .wrap .right .zdjecie-glowne .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: url(images/play.svg) center no-repeat;
				background-size:90px;
				-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:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}

				.start-6 .wrap .right .zdjecie-glowne:hover .fade {				
					transform: scale(1.3); -webkit-transform: scale(1.3);
					opacity:1;
				}
				
.start-7 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
} 
.start-7 .wrap { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:2;
}
	.start-7 .wrap .left {
		float:left;
		width:90%;
		margin:0px 0px 0px 0px;
		padding:40px 5% 40px 5%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
		background-color: #fff;
	}
		.start-7 .wrap .left h3, .start-7 .wrap .left h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 20px;
			font-weight: 600;
			line-height: 25px;
			text-transform: uppercase;
		}
		.start-7 .wrap .left .text {
			float:left;
			width:100%;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #3d3d3d;
			font-size: 20px;
			font-weight: 300;
		}
			.start-7 .wrap .left .text p strong {
				padding:0px 0px 0px 50px;
				position:relative;
				left:-50px;
			}
			.start-7 .wrap .left .text p {
				padding:0px 0px 0px 50px;
			}
			.start-7 .wrap .left .text a {
				text-decoration:none;
				color: #3d3d3d;
			}
				.start-7 .wrap .left .text a:hover {
					text-decoration:none;
					color: #048ccf;
				}
			.start-7 .wrap .left .text strong {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				font-size: 14px;
				font-weight: 400;
				line-height: 38px;
				color: #265884;
			}
				.start-7 .wrap .left .text p:nth-child(1) strong:nth-child(1) {
					background: url(images/start_7_ikon_1.svg) left center no-repeat;
					background-size:35px;
				}
				.start-7 .wrap .left .text p:nth-child(3) strong:nth-child(1) {
					margin-top:30px;
					background: url(images/start_7_ikon_2.svg) left center no-repeat;
					background-size:40px;
				}
			.start-7 .wrap .left .more {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 45px 0px 45px;
				position:relative;
				color: #ffffff;
				font-size: 18px;
				font-weight: 400;
				line-height: 60px;
				background-color: #002856;
				text-decoration:none;
			}
				.start-7 .wrap .left .more:hover {
					background-color: #048ccf;
				}
	.start-7 .wrap .right {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		position:relative;
		background-color: #002856;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	
.start-7 .background {
	float:left;
	width:40%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background-color: #002856;
	z-index:1;
}


.baner {
	float:left;
	width:100%;
	height: 30vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color: #eff4f7;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.baner h1 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 6vw;
		font-weight: 900;
		line-height: 7vw;
		text-align:center;
		text-transform:uppercase;
	}
	.baner h2 {
		float:left;
		width:100%;
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 3.57vw;
		font-weight: 300;
		line-height: 3.57vw;
		text-align:center;
	}
	
.dir {
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.dir .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.dir .wrap ul { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		position:relative;	
		border-bottom:1px solid #eff4f7;		
	}
	.dir .wrap ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
		cursor:pointer;
	}
		.dir .wrap ul li a {
			color: #002856;
			font-size: 11px;
			font-weight: 500;
			line-height: 18px;
			text-transform: uppercase;
			text-decoration:none;
		}
		.small-dir .wrap ul li a {
			font-size:12px;
		}
			.dir .wrap ul li a:hover {
				color:#1393d2;
			}
		.dir .wrap ul li a .arrow {
			margin:0px 0px 0px 0px;
			padding:0px 8px 0px 8px;
			top:2px;
			left:0;
			position:relative;
		}
		
.company {
	float:left;
	width:100%;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.company .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.company .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 60px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
		text-align:center;
	}
	.company .wrap .specification {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company .wrap .specification .show {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 16px;
			font-weight: 400;
			line-height: 28px;
			text-align:center;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
			.company .wrap .specification .show .info {
				display:none;
			}
			.company .wrap .specification .show .active-info {
				display:block;
			}
		.company .wrap .specification .change {
			display:none;
		}
		
.company-other {
	float:left;
	width:100%;
	margin:0px 0px px 0px;
	padding:50px 0px 30px 0px;
	position:relative;
	background-color: #002856;
}
.company-other .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.company-other .wrap .left {
		float:left;
		width:100%;
		margin:10px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company-other .wrap .left .owl-nav {
			float:right;
			width: 70px;
			height: 71px;
			margin:0px -1px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			right:0;
			bottom:0;
			background-color: #048ccf;
			font-size:0;
		}
			.company-other .wrap .left .owl-nav .owl-prev {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_left.svg) center no-repeat;
			}
			.company-other .wrap .left .owl-nav .owl-next {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_right.svg) center no-repeat;
			}
				.company-other .wrap .left .owl-nav .owl-prev:hover, .company-other .wrap .left .owl-nav .owl-next:hover {
					opacity:0.6;
				}
			
	.company-other .wrap .right {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #eff4f7;
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
	}
	
.company-down {
	float:left;
	width:90%;
	margin:0px 0px 0px 5%;
	padding:60px 0px 50px 0px;
	position:relative;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.company-down h3 {
		color: #002856;
		font-size: 20px;
		font-weight: 300;
		line-height: 25px;
	}
	.company-down .ikon {
		float:left;
		margin:-15px 25px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
.news {
	float:left;
	width:100%;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.news .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.news .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:center;
	}
		.news .wrap .boxs .box {
			float:left;
			width:100%;
			height:340px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-bottom:1px solid #e1e1e1;
		}
		.news .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:190px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.news .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.news .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.news .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.news .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:60px;
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			overflow:hidden;
		}
			.news .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.news .wrap .boxs .box .arrow {
			float:right;
			width:50px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	
	.news .wrap .owl-nav {
		float:left;
		width:100%;
		height: 60px;
		position:relative;
		margin:60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background-color: #eff4f7;
		z-index:1;
	}
		.news .wrap .owl-nav .owl-next {
			float:right;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			font-size:0px;
			opacity:0.3;
		}
			.news .wrap .owl-nav .owl-next:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-next:before {
				color: #002856;
				font-size: 11px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 15px 0px 0px;
				text-transform: uppercase;
				content: "Następna strona";
				background: url(images/news_arrow_right.svg) right top -1px no-repeat;
			}
		.news .wrap .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			font-size:0px;
			opacity:0.3;			
		}
			.news .wrap .owl-nav .owl-prev:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-prev:before {
				color: #002856;
				font-size: 11px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 0px 0px 15px;
				text-transform: uppercase;
				content: "Poprzednia strona";
				background: url(images/news_arrow_left.svg) left top -2px no-repeat;
			}
		.news .wrap .owl-dots { 
			float:left;
			width:50%;
			left:0;
			bottom:0;
			position:absolute;
			margin:1px 0px 0px 25%;
			z-index:5; 
			display:flex;
			justify-content:center;
			align-items:center;
			font-size: 12px;
			font-weight: 500;
			line-height: 60px;
			color: #048ccf;
			counter-reset: my-badass-counter;
			z-index:2;
		}
			.news .wrap .owl-dots .owl-dot { 
				float:left;	
				margin:0px 5px 0px 5px;
			}
				.news .wrap .owl-dots .owl-dot:before {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					content: counter(my-badass-counter);
					counter-increment: my-badass-counter;
				}
			.news .wrap .owl-dots .active { 
				float:left;
				color: #002856;
			}
			
.certifications {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:50px 0px 40px 0px;
	position:relative;
	background-color: #002856;
}

.certifications .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.certifications .wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 5vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 5vw;
		font-weight: 600;
		line-height: 5vw;
		text-transform: uppercase;
	}
	.gallery-type-2 .gallerys { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-2 .gallerys .gallery-box { 
				float:left;	
				width:49%;
				height:300px;
				margin:0px 1% 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-2 .gallerys .gallery-box .fot {
					float:left;
					width:100%;
					height:240px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.gallery-type-2 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-2 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-2 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-2 .gallerys .last { 
				margin-right:0px
			}
			.gallery-type-2 .gallerys .gallery-box .name {
				float:left;
				width:100%;
				height:60px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #eff4f7;
				font-size: 16px;
				font-weight: 400;
				line-height: 20px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				overflow:hidden;
			}
		
.gallery {
	float:left;
	width:100%;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.gallery .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.gallery .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px;
		text-align:center;
	}
	.gallery .wrap .text-page {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #5f5f5f;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.gallery .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
		.gallery .wrap .boxs .box {
			float:left;
			width:48%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.gallery .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:170px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.gallery .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.gallery .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.gallery .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.gallery .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:75px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 13px;
			font-weight: 400;
			line-height: 20px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			overflow:hidden;
			text-align:center;
		}
			.gallery .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.gallery-type-1 .gallerys { 
			float:left;
			width:100%;
			margin:-20px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-1 .gallerys .gallery-box { 
				float:left;	
				width:49%;
				height:200px;
				margin:0px 0.5% 5px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				display:flex;
				justify-content:center;
				align-items:center;	
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-1 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-1 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-1 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-1 .gallerys .last { 
				margin-right:0px
			}
			
.contact {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.contact  .left {
		width:90%;
		margin:0px 0px 0px 5%;
		padding:50px 0px 50px 0px;
		position:relative;
		left:0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
			.contact  .left .text {
				float:left;
				margin:0px 5vw 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #3d3d3d;
				font-size: 4vw;
				line-height:5vw;
				font-weight: 300;
			}
				.contact  .left .text h3 {
					float:left;
					width:100%;
					margin:0px 0px 1.57vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #002856;
					font-size: 4.57vw;
					font-weight: 600;
					line-height: 4.57vw;
					text-transform: uppercase;
				}
				.contact  .left .text p strong {
					padding:0px 0px 0px 50px;
					position:relative;
					left:-50px;
				}
				.contact  .left .text p {
					padding:0px 0px 0px 50px;
				}
				.contact  .left .text a {
					text-decoration:none;
					color: #3d3d3d;
				}
					.contact  .left .text a:hover {
						text-decoration:none;
						color: #048ccf;
					}
				.contact  .left .text strong {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-size: 18px;
					font-weight: 400;
					line-height: 45px;
					color: #265884;
				}
					.contact  .left .text .main-1 strong {
						background: url(images/start_7_ikon_3.svg) left center no-repeat;
						background-size:30px;
					}
					.contact  .left .text .main-2 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_1.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-3 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_2.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-4 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_4.svg) left center no-repeat;
						background-size:35px;
					}
					.contact  .left .text .main-5 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_5.svg) left center no-repeat;
						background-size:35px;
					}
	.contact  .right {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.contact  .right #mapa-box { 
			float:left;
			width:100%;
			height:350px;
			margin:0px 0px 0px 0px;
			overflow:hidden;
			border-bottom: 5px solid #002856; 
		}
		.contact  .right .map-img {
			float:left;
			width:100%;
			height:350px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.contact  .right .map-img .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.contact-form {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px;
	position:relative;
	background-color: #002856;
}
	.contact-form .wrap {
		width:90%;
		margin:0 auto;
		position:relative;
	}
		.contact-form .wrap h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 30px 0px;
			position:relative;
			color: #048ccf;
			font-size: 5.57vw;
			font-weight: 600;
			line-height: 5.57vw;
			text-transform: uppercase;
		}
		.contact-form .wrap .formularz-div {
			width:100%;
			margin:0px 0px 0px 0px;
		}
		
.page-section { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
}
	.page-section .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
	.page-section .wrap .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
		color: #5f5f5f;
		
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
		text-align:left;
	}
		.page-section .wrap .text h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
			text-align:center;
		}
			.page-section .wrap .text .pass-1 {
				float:left;
				width:100% !important;
				position:relative;
				margin:20px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.page-section .wrap .text .pass-2 {
				float:left;
				width:100% !important;
				position:relative;
				margin:20px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.page-section .wrap .text .pass-2 img {
					width:50% !important;
					height: auto !important;
				}
	.page-section .section-1 {
		float:left;
		width:100%;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		background-color: #002856;
	}
		.page-section .section-1 .left {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-1 .left img {
				width:50% !important;
				height: auto !important;
				display: block; margin-left: auto; margin-right: auto;
			}
		.page-section .section-1 .right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-1 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:20px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #ffffff;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
			}
			.page-section .section-1 .right .text {
				color:#fff;
				font-weight:400;
			}
	
	.page-section .section-2 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:50px 0px 0px 0px;
		background-color: #fff;
	}
		.page-section .section-2 .left {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-2 .left img {
				width:50% !important;
				height: auto !important;
				display: block; margin-left: auto; margin-right: auto;
			}
		.page-section .section-2 .right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-2 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:30px 0px 20px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
			}
			.page-section .section-2 .right .text {
				font-weight:400;
			}
	.page-section .section-3 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		background-color: #fff;
	}
		.page-section .section-3 .left {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-3 .left img {
				width:50% !important;
				height: auto !important;
				display: block; margin-left: auto; margin-right: auto;
			}
		.page-section .section-3 .right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-3 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:30px 0px 20px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
			}
			.page-section .section-3 .right .text {
				font-weight:400;
			}
			
.page-section-down {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px;
	position:relative;	
	background-color: #eff4f7;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.page-section-down h3 {
		width:90%;
		color: #002856;
		font-size: 20px;
		font-weight: 300;
		line-height: 25px;
		text-align:center;
	}
	.page-section-down .ikon {
		display:none;
	}
		
.page-category { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
	.main-text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 50px 0px; 
	}
		.page-category .main-text .wrap { 
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category .main-text .wrap .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #5f5f5f;
				
				font-size: 14px;
				font-weight: 400;
				line-height: 22px;
				text-align:center;
			}
				.page-category .main-text .wrap .text h2 {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px; 
					color: #002856;
					font-size: 20px;
					font-weight: 400;
					line-height: 25px;
				}
				.page-category .main-text .wrap .text strong {
					font-weight:700px;
					font-size:20px;
					line-height:25px;
					color:#000;
				}
				.page-category .main-text .wrap .text table {
					float:left;
					width:100% !important;
					margin:10px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					text-align:left;
				}
					.page-category .main-text .wrap .text table thead tr td {
						color: #e2001a;
						font-size: 20px;
						font-weight: 400;
						line-height: 25px;
						text-align:center;
						padding:10px 0px 10px 0px;
					}
						.page-category .main-text .wrap .text table thead tr td:nth-child(2) {
							font-size:16px;
							line-height:20px;
							text-align:right;
						}
					.page-category .main-text .wrap .text table tbody tr {
						border-bottom:1px solid #eff4f7;
						color: #5f5f5f;
						font-size: 14px;
						font-weight: 400;
						line-height: 22px;
					}
						.page-category .main-text .wrap .text table tbody tr:hover {
							border-bottom:1px solid #e2001a;
						}
					.page-category .main-text .wrap .text table tbody tr td {
						padding:20px 0px 20px 0px;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(1) {
						width:80% !important;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(2) {
						width:20% !important;
						text-align:right;
					}
						.page-category .main-text .wrap .text table tbody strong {
							color: #002856;
							font-size: 16px;
							font-weight: 400;
							line-height: 22px;
						}
	
	.save {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		position:relative;
		text-decoration:none;
		background-color: #d9033e;
	}
		.save .wrap { 
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}	
			.save .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #ffffff;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				text-transform: uppercase;
				text-align:center;
				text-decoration:none;
			}
	
	.level {
		float:left;
		width:100%;
		margin:0px 0px 70px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.level .wrap { 
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.level .wrap h4 {
				float:left;
				width:100%;
				margin:0px 0px 50px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #002856;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				text-transform: uppercase;
				text-align:center;
			}
			.level .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #5f5f5f;
				font-size: 16px;
				font-weight: 400;
				line-height: 22px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.level .wrap .text strong {
					color: #002856;
				}
				.level .wrap .text p {
					float:left;
					width:50%;
					margin:0px 0px 30px 0px;
					padding:0px 0px 0px 0px;
					position:realtive;
				}
					.level .wrap .text p span {
						float:left;
						width:100%;
						height:130px;
						margin:0px 0px 10px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						border: 1px solid #eff4f7;
						background-color: #ffffff;
					}
						.level .wrap .text p:nth-child(1) span { background: url(images/level_1.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(2) span { background: url(images/level_2.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(3) span { background: url(images/level_3.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(4) span { background: url(images/level_4.svg) center left 60px no-repeat; }
						.level .wrap .text p span::before {
							float:right;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:absolute;
							color: #002856;
							font-size: 26px;
							font-weight: 400;
							line-height: 36px;
							text-transform: uppercase;
							top:20px;
							right:30px;
						}
							.level .wrap .text p:nth-child(1) span::before { content: "I"; }
							.level .wrap .text p:nth-child(2) span::before { content: "II"; }
							.level .wrap .text p:nth-child(3) span::before { content: "III"; }
							.level .wrap .text p:nth-child(4) span::before { content: "IV"; }
							
	.page-category .subcategory {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		position:relative;
		background-color: #002856;
	}
		.page-category  .subcategory .wrap {
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category  .subcategory .wrap h3 {
				float:left;
				width:100%;
				margin:0px 0px 40px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #048ccf;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				text-transform: uppercase;
				text-align:center;
			}
			.page-category  .subcategory .wrap .list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
				.page-category  .subcategory .wrap .list .box {
					float:left;
					width:49%;
					height:110px;
					margin:0px 1% 5px 0px;
					padding:0px 20px 0px 20px;
					position:relative;
					color: #002856;
					font-size: 12px;
					font-weight: 600;
					line-height: 16px;
					text-transform: uppercase;
					text-decoration: none;
					background-color: #eff4f7;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.page-category  .subcategory .wrap .list .box:hover {
						background-color: #048ccf;
						color:#fff;
					}
					
.page-subcategory { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-subcategory .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-subcategory .wrap .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 30px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			font-size: 12px;
			font-weight: 400;
			line-height: 17px;
			text-align:left;
		}
			.page-subcategory .wrap .text ul { 
					float:left;
					width:95%;
					margin:10px 0px 10px 0px;
					padding:0px 5% 0px 0px;
					list-style: none; 
					position:relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				.page-subcategory .wrap .text ul li { 
					float:left;
					width:100%;
					padding:0px 0px 0px 25px;
					background: url(images/subcategory_list_info.svg) top 0px left no-repeat;
					position:relative;
				}
			.page-subcategory .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight: 400;
				line-height: 25px;
			}
			.page-subcategory .wrap .subcategory-list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.page-subcategory .wrap .subcategory-list .box {
					float:left;
					width:33%;
					height:270px;
					margin:0px 0px 30px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					border-bottom: 3px solid #eff4f7;
				}
					.page-subcategory .wrap .subcategory-list .box .name {
						float:left;
						width:100%;
						height:90px;
						margin:0px 0px 0px 0px;
						padding:0px 20px 0px 20px;
						position:relative;
						color: #002856;
						font-size: 14px;
						font-weight: 400;
						line-height: 17px;
						text-align:center;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						border: 3px solid #eff4f7;
					}
					.page-subcategory .wrap .subcategory-list .box .inside {
						float:left;
						width:90%;
						height:180px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:center;
						align-items:center;
						align-content:center;
					}
						.page-subcategory .wrap .subcategory-list .box .inside .info {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							
							font-size: 14px;
							font-weight: 400;
							line-height: 20px;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .info p {
								padding:0px 0px 0px 30px;
								background: url(images/subcategory_list_info.svg) top 6px left no-repeat;
							}
						.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne { 
							float:left;
							width:100%;
							height:100%;
							position:relative;
							margin:0px 0px 0px 0px;
							z-index:5;
							overflow:hidden;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:70%;
								height:70%;
								object-fit: contain;				
							}
						
				
				.page-subcategory .wrap .subcategory-list .box:hover {
					border-bottom: 3px solid #048ccf;
				}
				.page-subcategory .wrap .subcategory-list .box:hover .name {
					background-color: #048ccf;
					border: 3px solid #048ccf;
					color:#fff;
				}
				
.page-product-list { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-product-list .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-product-list .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 20px;
			font-weight: 600;
			line-height: 25px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-product-list .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 40px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			
			font-size: 14px;
			font-weight: 400;
			line-height: 22px;
			text-align:center;
		}
			.page-product-list .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight: 400;
				line-height: 25px;
			}
		.page-product-list .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-product-list .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-product-list .wrap .back:hover {
				background:#048ccf;
			}
		.page-product-list .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-product-list .wrap .product-list .box {
				float:left;
				width:100%;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-product-list .wrap .product-list .box .left {
					float:left;
					width:100%;
					height:300px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-product-list .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-product-list .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-product-list .wrap .product-list .box .right {
					float:left;
					width:90%;
					height:100%;
					margin:0px 0px 0px 0px;
					padding:30px 5% 30px 5%;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-product-list .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-product-list .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 20px;
							font-weight: 400;
							line-height: 25px;
						}
						.page-product-list .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 10px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 17px;
							font-weight: 400;
							line-height: 22px;
							text-align:left;
						}
						.page-product-list .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
			
.page-cart { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-cart .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-cart .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 20px;
			font-weight: 600;
			line-height: 25px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-cart .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-cart .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-cart .wrap .back:hover {
				background:#048ccf;
			}
		.page-cart .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-cart .wrap .product-list .box {
				float:left;
				width:100%;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-cart .wrap .product-list .box .left {
					float:left;
					width:100%;
					height:250px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-cart .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-cart .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-cart .wrap .product-list .box .right {
					float:left;
					width:90%;
					margin:0px 0px 0px 0px;
					padding:40px 5% 20px 5%;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-cart .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-cart .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 18px;
							font-weight: 400;
							line-height: 24px;
						}
						.page-cart .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 14px;
							font-weight: 400;
							line-height: 20px;
						}
							.page-cart .wrap .product-list .box .right .inside .text ul { 
								float:left;
								width:95%;
								margin:10px 0px 10px 0px;
								padding:0px 0px 0px 0px;
								list-style: none; 
								position:relative;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
							.page-cart .wrap .product-list .box .right .inside .text ul li { 
								float:left;
								width:100%;
								padding:0px 0px 0px 25px;
								background: url(images/subcategory_list_info.svg) top 3px left no-repeat;
								position:relative;
							}
						.page-cart .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
	
.pages .gallerys { 
	float:left;
	width:100%;
	margin:30px 0px 30px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.pages .gallerys .gallery-box { 
		float:left;	
		width:24%;
		height:13vw;
		margin:0px 1% 1% 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		overflow:hidden;
		border:1px solid #f1f1f1;
		display:flex;
		justify-content:center;
		align-items:center;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: background-size 2s ease-in;
		-moz-transition: background-size 2s ease-in;
		-ms-transition: background-size 2s ease-in;
		-o-transition: background-size 2s ease-in;
		-webkit-transition: background-size 2s ease-in;
	}
		.pages .gallerys .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:80%;
			height:80%;
			object-fit: contain;	
		}
	
footer { 
	float:left;
	width:100%;
	height: 70px;
	position:relative;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background-color: #eff4f7;
	
}
	footer .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;		
	}
	footer .wrap .scroll-up { cursor:pointer; }
	footer nav { 
		display:none;
		float:left;
		width:auto;
		margin:0px 0px 0px 0px;
		font-size:18px;
		line-height:18px;
		position:relative;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
	}
	footer nav ul li a { color: #231f20;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color: #048ccf; }
	footer nav ul li a.active { color: #048ccf; }
	footer nav ul li .menu-hr-footer { float:right;margin:3px 1.5vw 0px 1.5vw; }
	footer nav ul li:last-child .menu-hr-footer { display:none; }
	
	.odee-tip { display:inline;position: relative;opacity: 0.6 }
	.odee-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: -110px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
	.odee-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
	.odee-tip:hover  { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
	.odee a { float:right;margin:0px 0px 0px 0px; }
			
.formularz-div { float:left;width:90%;margin:0px 0px 0px 0px; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		
	}	
	.form-box { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 	
	}
	.form-box-last { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-all { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-file { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
	}
	
	.form-text  { 
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		color: #ffffff;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
	}
	.form-input { 
		float:left;
		width:100%;
		height:37px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:120px;
		max-height:120px;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 20px;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		
	.form-box-file .default {
		display:none;
	}
	.form-box-file .put-file {
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		font-size:15px;
		line-height:15px;
		color:#000;
		font-family: 'Roboto', sans-serif;
		cursor:pointer;
	}
		.form-box-file .upload-change {
			display:none;
		}
	
	.form-submit  { 
		float:left;
		width:100%;
		height:60px;
		margin:0px 0px 0px 0px;
		color:#fff;
		background-color: #048ccf;
		padding:0px 0px 0px 0px;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer; 
	}
	.form-input:focus, .form-textarea:focus, .form-submit:focus { outline:none; }
	
	.middle .wrap h2 { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		color: #002856;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
	}			
	.middle .wrap .zdjecie-glowne { 
		float:left;
		width:100%;
		height:250px;
		position:relative;
		margin:0px 0px 0px 0px;
		z-index:5;
	}
		.middle .wrap .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 30px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		.middle .wrap .zdjecie-glowne .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;
		}
			.middle .wrap .zdjecie-glowne:hover .fade {
				opacity:1;
			}
	.middle .wrap .text { 
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		position:relative;
		font-size:14px;
		line-height:22px;
		color:#222121; 
	}
		.middle .wrap .text a { text-decoration:none;color:#222121; }
		.middle .wrap .text a:hover { color:#222121 }
		.middle .wrap .text ul { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			list-style: none; 
			position:relative;
		}
		.middle .wrap .text ul li { 
			float:left;
			width:98%;
			padding:0px 0px 0px 2%;
			background: url(images/li_bg.png) top 6px left no-repeat;
			position:relative;
		}
		.middle .wrap .text ol { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			position:relative;
		}
		.middle .wrap .text ol li { 
			float:left;
			width:100%;	
			position:relative;
		}
		.middle .wrap .text h2 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:20px;
			line-height:20px;
		}
		.middle .wrap .text h3 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:18px;
			line-height:18px;
		}
		.middle .wrap .text table {
			float:left;
			width:100% !important;
			margin:0px 0px 20px 0px;
			position:relative;
			border-spacing: 0; 
			border: 0; 
			border-collapse: collapse;
		}
		.middle .wrap .text table caption {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;	
			border-bottom: 0;       
		}
		.middle .wrap .text table tr td {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;
		}
		.middle .wrap .text table tr:hover {
			background-color:#f8f8f8;
		}

	.middle .wrap .gallery { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.middle .wrap .gallery .gallery-box { 
			float:left;	
			width:49%;
			height:240px;
			margin:0px 0.5% 5px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.middle .wrap .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .middle .wrap .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;
			}
				.middle .wrap .gallery .gallery-box:hover .fade {
					opacity:1;
				}
		.middle .wrap .gallery .last { 
			margin-right:0px
		}
		
	.middle .wrap .fb-like-box { 
		float:left;
		width:100%;
		margin:30px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		position:relative; 
	}	
	
.pliki { 
	float:left;
	width:100%;
	position:relative;
	margin:30px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;	
}
	.pliki .plik { 
		float:left;
		position:relative;
		margin:0px 0px 10px 0px; 
		padding:0px 0px 0px 0px; 
	}
		.pliki .plik a { 
			text-decoration:none;
			color:#048ccf;
		}
		.pliki .plik a:hover { 
			color:#000; 
		}
	.pliki .plik-ikona-box { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
	}
	.pliki .plik-roz { 
		float:left;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		color:#fff;
		font-size:10px;
		line-height:16px;
		text-align:center;
	}
	.plik-ikona { 
		float:left;
		width:35px;
		margin:0px 0px 0px 0px; 
	}
	.plik-tytul { 
		float:left;
		position:relative;
		margin:18px 0px 0px 10px; 
		padding:0px 0px 0px 0px; 
		font-size:18px;
		line-height:18px;
	}
}

@media screen and (min-width: 1px) and (max-width: 650px) {
.no-comp { display:none !important; }

.imgUE {
	width:100%;
	position:relative;
	right:0;
	bottom:0;
}
.ueFlag {
	width:100% !important;
	height:auto !important;
}

.wrapper { 
	float:left;
	width:100%;
	position:relative;
	top:0;
	left:0;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	z-index:20;
	background-color: #002856;
}
	.wrapper .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto;
	}
	.wrapper .wrap .logo { 
		float:left;
		position:relative;
		margin:8px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
		background:#fff;
	}	
		.wrapper .wrap .logo img {
			float:left;
			width:180px;
			position:relative;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px; 
		}
	.wrapper nav { 
		display:none;
		float:left;
		width:100%;
		position:relative;
		margin:10px 0px 0px 0px;
		padding:0px 0px 20px 0px;
		font-size: 18px;
		font-weight: 500;
		line-height: 38px;
		font-family: 'Roboto', sans-serif;
	}
	.wrapper nav ul { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.wrapper nav ul li { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none;
		text-align:right;
		cursor:pointer;
	}
	.wrapper nav ul li .main-name { 
		color:#fff;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		display: inline-block; 
	}
	.wrapper nav ul .main-name { text-transform: uppercase; }
	.wrapper nav ul li .main-name:hover { color: #048ccf; }
	.wrapper nav ul li .main-name.active { color: #fff;border-bottom:4px solid #048ccf; }
	.wrapper nav ul li .menu-hr { display:none; }
	.wrapper .menu-tel { 
		float:right;
		font-size:50px;
		margin:45px 0px 0px 0px !important;
		cursor:pointer;
		color:#fff; 
	}
	
	.wrapper .social, .wrapper .form {
		float:right;
		height:28px;
		margin:8px 0px 0px 0px;
		padding:0px 2px 0px 4px;
		position:absolute;
		top:0;
		right:0;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
		border-left:1px solid #8c9eb3;
		text-decoration:none;
	}
		.wrapper .social .ikon {
			float:left;
			margin:0px 4px 0px 4px;
			padding:0px 0px 0px 0px;
			position:realtive;
		}
			.wrapper .social .ikon path {
				 fill: #fff;
			}
				.wrapper .social .ikon:hover path {
					fill: #048ccf;
				}
		.wrapper .form  {
			margin:8px 95px 0px 0px;
		}
		.wrapper .form .ikon {
			width: 45px;
			margin-left:5px;
		}
		.wrapper .form .name {
			float:left;
			margin:0px 0px 0px 15px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #ffffff;
			font-size: 0px;
			font-weight: 600;
			line-height: 28px;
			text-transform: uppercase;
		}
			.wrapper .form:hover .name {
				color:#048ccf;
			}
			
	.wrapper .submenu {
		display:none;
		float:left;
		width: 100%;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		position:reltive;
		top:80px;
		left:0px;
		background:#fff;
		border: 1px solid #eff4f7;
	}
		.wrapper .submenu .left {
			float:right;
			width:90%;
			margin:0px 8% 0px 0px;
			padding:20px 0px 40px 0px;
			
		}
			.wrapper .submenu .left .inside {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
				.wrapper .submenu .left .inside h4 {
					float:left;
					width:100%;
					margin:0px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #9a9a9a;
					font-size: 16px;
					font-weight: 400;
					line-height: 20px;
					text-transform: uppercase;
				}
				.wrapper .submenu .left .category {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color: #002856;
					font-family: 'Roboto', sans-serif;
					font-size: 14px;
					font-weight: 500;
					line-height: 20px;
					cursor:pointer;
				}
					.wrapper .submenu .left .category .subname {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
					}
						.wrapper .submenu .left .category .subname .subname-title {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 20px 0px 0px;
							color: #002856;
							font-size: 16px;
							font-weight: 500;
							line-height: 30px;
							cursor:pointer;
						}
							.wrapper .submenu .left .category .subname .subname-title {
								text-decoration:none;
							}
							.wrapper .submenu .left .category .subname .subname-title:hover, .wrapper .submenu .left .category .subname .active-subname {
								color: #048ccf;
								background: url(images/submenu_arrow.svg) right no-repeat;
							}
						.wrapper .submenu .right {
							float:right;
							width:90%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							top:0;
							right:5%;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:space-around;
							align-items:center;
							align-content:center;
						}
							.wrapper .submenu .right .subcategory-menu {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
							.wrapper .submenu .right .subcategory-menu .subcategory {
								float:left;
								width:100%;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								position:relative;
							}
								.wrapper .submenu .right .subcategory-menu .subcategory a {
									float:left;
									width:100%;
									margin:0px 0px 0px 0px;
									padding:0px 0px 0px 0px;
									position:relative;
									color: #5f5f5f;
									font-size: 15px;
									font-weight: 400;
									line-height: 36px;
									text-decoration:none;
								}
									.wrapper .submenu .right .subcategory-menu .subcategory a:hover {
										color: #048ccf;
									}
	
#container { 
	float:left;
	width:100%;
	height:350px;
	position:relative;
	margin:0px 0px 0px 0px; 
	overflow:hidden;
}
	#container .background {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		top:0;
		background-color: #002856;
	}
	#container .slide-1 { 
		float:left;
		width:100%;
		height:100%;
		position:relative;
		z-index:1; 
		top:0;
		left:0;
		margin:0px 0px 0px 0px;
	}
		#container .slides { 
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background-size:cover !important; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		#container .slides .box { 
			float:left;
			width:100%;
			margin:0px 0px 0px -7px;
			padding:0px 0px 0px 0px;
			position:absolute;
			bottom:70px;
			left:0; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		#container .slides .box .nag {
			float:left;
			width:80%;
			margin:0px 0px 0px -40px;
			position:relative;
			color: #048ccf;
			font-size: 26px;
			font-weight: 900;
			line-height: 26px;
			text-align:left;
			clear:both;
			text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
		}
		#container .slides .box .text {
			float:left;
			width: 500px;
			margin:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 36px;
			font-weight: 300;
			line-height: 36px;
			text-align:center;
			clear:both;
		}
		#container .slides .box .more {
			float:left;
			width:200px;
			margin:20px 0px 0px -100px;
			padding:0px 0px 0px 0px;
			position:relative;
			text-decoration:none;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 14px;
			font-weight: 100;
			line-height: 49px;
			text-transform: uppercase;
			text-align:center;
			border:1px solid #fff;
			top:0;
			left:50%;
		}
			#container .slides .box .hr {
				display:none;
				float:left;
				padding:0px 0px 0px 0px;
				position:relative;
				width: 58px;
				height: 3px;
				background-color: #002856;
			}
				#container .slides .box .up {
					margin:0px 0px 2.3vw 0px;
				}
				#container .slides .box .down {
					margin:2.1vw 0px 0px 0px;
				}
	
	#container .owl-nav { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		left:0;
		bottom:40px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 	
	}
		#container .owl-nav .owl-next {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
		#container .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			color: white;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 18px;
		}
	
	#container .owl-dots { 
		float:left;
		width:100%;
		left:0;
		bottom:20px;
		position:absolute;
		margin:0px 0px 0px 0px;
		z-index:5; 
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#container .owl-dots .owl-dot { 
		float:left;
		width:35px;
		height:6px;
		margin:0px 13px 0px 0px;
		background: url('images/slider_pag_off.png') center no-repeat; 
	}
	#container .owl-dots .active { 
		float:left;
		width:35px;
		height:6px;
		background: url('images/slider_pag.png') center no-repeat;
	}
	#container .scroll-down {
		float:left;
		margin:0px 0px 0px -17px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:50%;
		bottom:10px;
		cursor:pointer;
		z-index:10;
	}
		#container .scroll-down:hover path {
			fill:#048ccf;
		}
	
.start-1 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-1 .wrap { 
	width:100%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-1 .wrap .gallerys { 
		float:left;
		width:100%;	
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.start-1 .wrap .gallerys .gallery-box { 
			float:left;	
			width:50%;
			height:180px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			transition: background-size 2s ease-in;
			-moz-transition: background-size 2s ease-in;
			-ms-transition: background-size 2s ease-in;
			-o-transition: background-size 2s ease-in;
			-webkit-transition: background-size 2s ease-in;
		}
			.start-1 .wrap .gallerys .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .start-1 .wrap .gallerys .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: rgba(0, 40, 86, 0.4) url(images/play.svg) center no-repeat;
				-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;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.start-1 .wrap .gallerys .gallery-box:hover .fade {
					background: rgba(0, 40, 86, 0.8) url(images/play.svg) center no-repeat;
					transform: scale(1.3); -webkit-transform: scale(1.3);
				}
		
.start-2 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
.start-2 .wrap { 
	width:100%;
	height:100%;
	position:relative;
	margin:0 auto; 
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.start-2 .wrap .name {
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
	padding:40px 0px 40px 0px;
	position:relative;
	left:0;
	top:0;
	background:#002856;	
	text-align:center;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:2;
}
	.start-2 .wrap .name h1 {
		float:left;
		width:90%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px;
	}
		.start-2 .wrap .name .arrow-this-1 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-2 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-3 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-4 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-5 { 
			display:none;
		}
		.start-2 .wrap .name .arrow-this-6 { 
			display:none;
		}
		
.start-2 .wrap .box {
	float:left;
	width:50%;
	margin:0px 0px 25px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

	.start-2 .wrap .box h2 {
		float:left;
		width:100%;
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
		color: #5f5f5f;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		text-align:center;
	}
		.start-2 .wrap .box .arrow {
			float:left;
			margin:0px 0px 0px -24px;
			padding:0px 0px 0px 0px;
			position:absolute;
			left:50%;
			top:115px;
			z-index:5;
			opacity:0;
		}
			.start-2 .wrap .box:hover .arrow {
				opacity:1;
			}
	.start-2 .wrap .box .zdjecie-glowne { 
		float:left;
		width:135px;
		height:135px;
		position:relative;
		margin:0px 0px 0px -67.5px;
		top:0;
		left:50%;
		z-index:5;
		border:2px solid #eff4f7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-radius:40em;
		overflow:hidden;
	}
		.start-2 .wrap .box:hover .zdjecie-glowne {
			border:6px solid #002856;
		}
		.start-2 .wrap .box .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:135px;
			height:135px;
			position:absolute;
			top:0;
			left:0;
			object-fit: cover;	
		}
			.start-2 .wrap .box:hover .zdjecie-glowne .img {
				top:-4px;
				left:-4px;
			}
		
.start-2 .wrap .border {
	display:none;
}

.start-3 { 
	float:left;
	width:100%;
	height:220px;
	position:relative;
	margin:5.25vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;	
} 
.start-3 .wrap { 
	width:60%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	/* css partners in css/functions */

.start-4 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 50px 0px;
	background-color: #002856;
} 
.start-4 .wrap { 
	width:96%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-4 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:35px 0px 35px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-4 .wrap .sources {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-4 .wrap .sources .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-4 .wrap .sources .partners-box {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:0px solid #000;
		}
		.start-4 .wrap .sources .partners-box .img {
			width:auto;
			height:auto;
			
		}
		
.start-5 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #fff;
} 
.start-5 .wrap { 
	width:90%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-5 .wrap  h3 {
		float:left;
		width:100%;
		position:relative;
		margin:35px 0px 35px 0px;
		padding:0px 0px 0px 0px;
		color: #048ccf;
		font-size: 20px;
		font-weight: 400;
		line-height: 20px;
		text-transform: uppercase;
		text-align:center;
	}
	.start-5 .wrap .belong {
		float:left;
		width:100%;
		height: 290px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		background-color: #ffffff;
	}
		.start-5 .wrap  .owl-item:nth-child(odd) .partners-box  { background:#fff; }
		
		.start-5 .wrap .belong .owl-carousel {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.start-5 .wrap .belong .partners-box {
			float:left;
			width:99%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			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;
			background:#fff;
			border:1px solid #eff4f7;
		}
		.start-5 .wrap .belong .partners-box .foto {
			float:left;
			width:100%;
			height:115px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.start-5 .wrap .belong .partners-box .img {
			width:auto;
			height:auto;
			max-width:300px;
			max-height:300px;
			z-index:2;
		}
		.start-5 .wrap .belong .partners-box .name {
			width:60%;
			color: #002856;
			font-size: 18px;
			font-weight: 400;
			line-height: 24px;
			text-transform: uppercase;
			text-align:center;
		}
		
.start-6 { 
	float:left;
	width:100%;
	position:relative;
	margin:7.4vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: #eff4f7;
} 
.start-6 .wrap { 
	width:90%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-6 .wrap .left {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 30px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
	}
		.start-6 .wrap .left h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
		}
		.start-6 .wrap .left .text {
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 15px;
			font-weight: 400;
			line-height: 22px;
		}
		.start-6 .wrap .left .arrow {
			float:left;
			width:40px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	.start-6 .wrap .right {
		float:left;
		width:100%;
		height:250px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 50px 0px;
		position:relative;
	}
		.start-6 .wrap .right .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			overflow:hidden;
		}
			.start-6 .wrap .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;				
			}
			.start-6 .wrap .right .zdjecie-glowne .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: url(images/play.svg) center no-repeat;
				background-size:90px;
				-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:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}

				.start-6 .wrap .right .zdjecie-glowne:hover .fade {				
					transform: scale(1.3); -webkit-transform: scale(1.3);
					opacity:1;
				}
				
.start-7 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
} 
.start-7 .wrap { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:2;
}
	.start-7 .wrap .left {
		float:left;
		width:90%;
		margin:0px 0px 0px 0px;
		padding:40px 5% 40px 5%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:flex-start;
		align-content:center;
		background-color: #fff;
	}
		.start-7 .wrap .left h3, .start-7 .wrap .left h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 20px;
			font-weight: 600;
			line-height: 25px;
			text-transform: uppercase;
		}
		.start-7 .wrap .left .text {
			float:left;
			width:100%;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #3d3d3d;
			font-size: 20px;
			font-weight: 300;
		}
			.start-7 .wrap .left .text p strong {
				padding:0px 0px 0px 50px;
				position:relative;
				left:-50px;
			}
			.start-7 .wrap .left .text p {
				padding:0px 0px 0px 50px;
			}
			.start-7 .wrap .left .text a {
				text-decoration:none;
				color: #3d3d3d;
			}
				.start-7 .wrap .left .text a:hover {
					text-decoration:none;
					color: #048ccf;
				}
			.start-7 .wrap .left .text strong {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				font-size: 14px;
				font-weight: 400;
				line-height: 38px;
				color: #265884;
			}
				.start-7 .wrap .left .text p:nth-child(1) strong:nth-child(1) {
					background: url(images/start_7_ikon_1.svg) left center no-repeat;
					background-size:35px;
				}
				.start-7 .wrap .left .text p:nth-child(3) strong:nth-child(1) {
					margin-top:30px;
					background: url(images/start_7_ikon_2.svg) left center no-repeat;
					background-size:40px;
				}
			.start-7 .wrap .left .more {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 45px 0px 45px;
				position:relative;
				color: #ffffff;
				font-size: 18px;
				font-weight: 400;
				line-height: 60px;
				background-color: #002856;
				text-decoration:none;
			}
				.start-7 .wrap .left .more:hover {
					background-color: #048ccf;
				}
	.start-7 .wrap .right {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		position:relative;
		background-color: #002856;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
	}
	
.start-7 .background {
	float:left;
	width:40%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:0;
	right:0;
	background-color: #002856;
	z-index:1;
}


.baner {
	float:left;
	width:100%;
	height: 30vw;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color: #eff4f7;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.baner h1 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 6vw;
		font-weight: 900;
		line-height: 7vw;
		text-align:center;
		text-transform:uppercase;
	}
	.baner h2 {
		float:left;
		width:100%;
		margin:5px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 3.57vw;
		font-weight: 300;
		line-height: 3.57vw;
		text-align:center;
	}
	
.dir {
	float:left;
	width:100%;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.dir .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.dir .wrap ul { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:10px 0px 10px 0px;
		position:relative;	
		border-bottom:1px solid #eff4f7;		
	}
	.dir .wrap ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
		cursor:pointer;
	}
		.dir .wrap ul li a {
			color: #002856;
			font-size: 11px;
			font-weight: 500;
			line-height: 18px;
			text-transform: uppercase;
			text-decoration:none;
		}
		.small-dir .wrap ul li a {
			font-size:12px;
		}
			.dir .wrap ul li a:hover {
				color:#1393d2;
			}
		.dir .wrap ul li a .arrow {
			margin:0px 0px 0px 0px;
			padding:0px 8px 0px 8px;
			top:2px;
			left:0;
			position:relative;
		}
		
.company {
	float:left;
	width:100%;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.company .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.company .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 60px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
		text-align:center;
	}
	.company .wrap .specification {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company .wrap .specification .show {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #5f5f5f;
			font-size: 16px;
			font-weight: 400;
			line-height: 28px;
			text-align:center;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
			.company .wrap .specification .show .info {
				display:none;
			}
			.company .wrap .specification .show .active-info {
				display:block;
			}
		.company .wrap .specification .change {
			display:none;
		}
		
.company-other {
	float:left;
	width:100%;
	margin:0px 0px px 0px;
	padding:50px 0px 30px 0px;
	position:relative;
	background-color: #002856;
}
.company-other .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.company-other .wrap .left {
		float:left;
		width:100%;
		margin:10px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.company-other .wrap .left .owl-nav {
			float:right;
			width: 70px;
			height: 71px;
			margin:0px -1px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			right:0;
			bottom:0;
			background-color: #048ccf;
			font-size:0;
		}
			.company-other .wrap .left .owl-nav .owl-prev {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_left.svg) center no-repeat;
			}
			.company-other .wrap .left .owl-nav .owl-next {
				float:left;
				width:35px;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				background: url(images/company_arrow_right.svg) center no-repeat;
			}
				.company-other .wrap .left .owl-nav .owl-prev:hover, .company-other .wrap .left .owl-nav .owl-next:hover {
					opacity:0.6;
				}
			
	.company-other .wrap .right {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #eff4f7;
		font-size: 16px;
		font-weight: 400;
		line-height: 26px;
	}
	
.company-down {
	float:left;
	width:90%;
	margin:0px 0px 0px 5%;
	padding:60px 0px 50px 0px;
	position:relative;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.company-down h3 {
		color: #002856;
		font-size: 20px;
		font-weight: 300;
		line-height: 25px;
	}
	.company-down .ikon {
		float:left;
		margin:-15px 25px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
.news {
	float:left;
	width:100%;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.news .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.news .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
		align-content:center;
	}
		.news .wrap .boxs .box {
			float:left;
			width:100%;
			height:340px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-bottom:1px solid #e1e1e1;
		}
		.news .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:190px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.news .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.news .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.news .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.news .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:60px;
			margin:20px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			overflow:hidden;
		}
			.news .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.news .wrap .boxs .box .arrow {
			float:right;
			width:50px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	
	.news .wrap .owl-nav {
		float:left;
		width:100%;
		height: 60px;
		position:relative;
		margin:60px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		background-color: #eff4f7;
		z-index:1;
	}
		.news .wrap .owl-nav .owl-next {
			float:right;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:2%;
			font-size:0px;
			opacity:0.3;
		}
			.news .wrap .owl-nav .owl-next:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-next:before {
				color: #002856;
				font-size: 11px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 15px 0px 0px;
				text-transform: uppercase;
				content: "Następna strona";
				background: url(images/news_arrow_right.svg) right top -1px no-repeat;
			}
		.news .wrap .owl-nav .owl-prev {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			left:2%;
			font-size:0px;
			opacity:0.3;			
		}
			.news .wrap .owl-nav .owl-prev:hover {
				opacity:1;
			}
			.news .wrap .owl-nav .owl-prev:before {
				color: #002856;
				font-size: 11px;
				font-weight: 500;
				line-height: 60px;
				padding:0px 0px 0px 15px;
				text-transform: uppercase;
				content: "Poprzednia strona";
				background: url(images/news_arrow_left.svg) left top -2px no-repeat;
			}
		.news .wrap .owl-dots { 
			float:left;
			width:50%;
			left:0;
			bottom:0;
			position:absolute;
			margin:1px 0px 0px 25%;
			z-index:5; 
			display:flex;
			justify-content:center;
			align-items:center;
			font-size: 12px;
			font-weight: 500;
			line-height: 60px;
			color: #048ccf;
			counter-reset: my-badass-counter;
			z-index:2;
		}
			.news .wrap .owl-dots .owl-dot { 
				float:left;	
				margin:0px 5px 0px 5px;
			}
				.news .wrap .owl-dots .owl-dot:before {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					content: counter(my-badass-counter);
					counter-increment: my-badass-counter;
				}
			.news .wrap .owl-dots .active { 
				float:left;
				color: #002856;
			}
			
.certifications {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:50px 0px 40px 0px;
	position:relative;
	background-color: #002856;
}

.certifications .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.certifications .wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 5vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #048ccf;
		font-size: 5vw;
		font-weight: 600;
		line-height: 5vw;
		text-transform: uppercase;
	}
	.gallery-type-2 .gallerys { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-2 .gallerys .gallery-box { 
				float:left;	
				width:49%;
				height:300px;
				margin:0px 1% 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-2 .gallerys .gallery-box .fot {
					float:left;
					width:100%;
					height:240px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
				.gallery-type-2 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-2 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-2 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-2 .gallerys .last { 
				margin-right:0px
			}
			.gallery-type-2 .gallerys .gallery-box .name {
				float:left;
				width:100%;
				height:60px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #eff4f7;
				font-size: 16px;
				font-weight: 400;
				line-height: 20px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				overflow:hidden;
			}
		
.gallery {
	float:left;
	width:100%;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
.gallery .wrap {
	width:96%;
	margin:0 auto;
	position:relative;
}
	.gallery .wrap .text {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #002856;
		font-size: 25px;
		font-weight: 400;
		line-height: 30px;
		text-align:center;
	}
	.gallery .wrap .text-page {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #5f5f5f;
		font-size: 18px;
		font-weight: 400;
		line-height: 30px;
	}
	.gallery .wrap .boxs {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
		.gallery .wrap .boxs .box {
			float:left;
			width:48%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
		.gallery .wrap .boxs .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:170px;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			background-color: #eff4f7;
		}
			.gallery .wrap .boxs .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.gallery .wrap .boxs .box .zdjecie-glowne .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(4, 140, 207, 0.6);
				background: rgba(4, 140, 207, 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;
			}
				.gallery .wrap .boxs .box .zdjecie-glowne:hover .fade {
					opacity:1;
				}
		.gallery .wrap .boxs .box h4 {
			float:left;
			width:100%;
			height:75px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #002856;
			font-size: 13px;
			font-weight: 400;
			line-height: 20px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			overflow:hidden;
			text-align:center;
		}
			.gallery .wrap .boxs .box:hover h4 {
				color: #048ccf;
			}
		.gallery-type-1 .gallerys { 
			float:left;
			width:100%;
			margin:-20px 0px 0px 0px; 
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.gallery-type-1 .gallerys .gallery-box { 
				float:left;	
				width:49%;
				height:200px;
				margin:0px 0.5% 5px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				overflow:hidden;
				border:0px solid #000;
				display:flex;
				justify-content:center;
				align-items:center;	
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.gallery-type-1 .gallerys .gallery-box .img {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.gallery-type-1 .gallerys .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(4, 140, 207, 0.6);
					background: rgba(4, 140, 207, 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;
				}
					.gallery-type-1 .gallerys .gallery-box:hover .fade {
						opacity:1;
					}
			.gallery-type-1 .gallerys .last { 
				margin-right:0px
			}
			
.contact {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
	.contact  .left {
		width:90%;
		margin:0px 0px 0px 5%;
		padding:50px 0px 50px 0px;
		position:relative;
		left:0;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:flex-start;
		align-content:center;
	}
			.contact  .left .text {
				float:left;
				margin:0px 5vw 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #3d3d3d;
				font-size: 4vw;
				line-height:5vw;
				font-weight: 300;
			}
				.contact  .left .text h3 {
					float:left;
					width:100%;
					margin:0px 0px 1.57vw 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #002856;
					font-size: 4.57vw;
					font-weight: 600;
					line-height: 4.57vw;
					text-transform: uppercase;
				}
				.contact  .left .text p strong {
					padding:0px 0px 0px 50px;
					position:relative;
					left:-50px;
				}
				.contact  .left .text p {
					padding:0px 0px 0px 50px;
				}
				.contact  .left .text a {
					text-decoration:none;
					color: #3d3d3d;
				}
					.contact  .left .text a:hover {
						text-decoration:none;
						color: #048ccf;
					}
				.contact  .left .text strong {
					float:left;
					width:100%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					font-size: 18px;
					font-weight: 400;
					line-height: 45px;
					color: #265884;
				}
					.contact  .left .text .main-1 strong {
						background: url(images/start_7_ikon_3.svg) left center no-repeat;
						background-size:30px;
					}
					.contact  .left .text .main-2 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_1.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-3 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_2.svg) left center no-repeat;
						background-size:40px;
					}
					.contact  .left .text .main-4 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_4.svg) left center no-repeat;
						background-size:35px;
					}
					.contact  .left .text .main-5 strong {
						margin-top:30px;
						background: url(images/start_7_ikon_5.svg) left center no-repeat;
						background-size:35px;
					}
	.contact  .right {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.contact  .right #mapa-box { 
			float:left;
			width:100%;
			height:350px;
			margin:0px 0px 0px 0px;
			overflow:hidden;
			border-bottom: 5px solid #002856; 
		}
		.contact  .right .map-img {
			float:left;
			width:100%;
			height:350px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.contact  .right .map-img .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.contact-form {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px;
	position:relative;
	background-color: #002856;
}
	.contact-form .wrap {
		width:90%;
		margin:0 auto;
		position:relative;
	}
		.contact-form .wrap h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 30px 0px;
			position:relative;
			color: #048ccf;
			font-size: 5.57vw;
			font-weight: 600;
			line-height: 5.57vw;
			text-transform: uppercase;
		}
		.contact-form .wrap .formularz-div {
			width:100%;
			margin:0px 0px 0px 0px;
		}
		
.page-section { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
}
	.page-section .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
	.page-section .wrap .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px; 
		color: #5f5f5f;
		
		font-size: 14px;
		font-weight: 400;
		line-height: 22px;
		text-align:left;
	}
		.page-section .wrap .text h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 20px;
			font-weight: 400;
			line-height: 25px;
			text-align:center;
		}
			.page-section .wrap .text .pass-1 {
				float:left;
				width:100% !important;
				position:relative;
				margin:20px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.page-section .wrap .text .pass-2 {
				float:left;
				width:100% !important;
				position:relative;
				margin:20px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.page-section .wrap .text .pass-2 img {
					width:100% !important;
					height: auto !important;
				}
	.page-section .section-1 {
		float:left;
		width:100%;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		background-color: #002856;
	}
		.page-section .section-1 .left {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-1 .left img {
				width:100% !important;
				height: auto !important;
			}
		.page-section .section-1 .right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-1 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:20px 0px 30px 0px;
				padding:0px 0px 0px 0px; 
				color: #ffffff;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
			}
			.page-section .section-1 .right .text {
				color:#fff;
				font-weight:400;
			}
	
	.page-section .section-2 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:50px 0px 0px 0px;
		background-color: #fff;
	}
		.page-section .section-2 .left {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-2 .left img {
				width:100% !important;
				height: auto !important;
			}
		.page-section .section-2 .right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-2 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:30px 0px 20px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
			}
			.page-section .section-2 .right .text {
				font-weight:400;
			}
	.page-section .section-3 {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		background-color: #fff;
	}
		.page-section .section-3 .left {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-3 .left img {
				width:100% !important;
				height: auto !important;
			}
		.page-section .section-3 .right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.page-section .section-3 .right h4 {
				float:left;
				width:100%;
				position:relative;
				margin:30px 0px 20px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight:400;
				line-height: 25px;
			}
			.page-section .section-3 .right .text {
				font-weight:400;
			}
			
.page-section-down {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:50px 0px 50px 0px;
	position:relative;	
	background-color: #eff4f7;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.page-section-down h3 {
		width:90%;
		color: #002856;
		font-size: 20px;
		font-weight: 300;
		line-height: 25px;
		text-align:center;
	}
	.page-section-down .ikon {
		display:none;
	}
		
.page-category { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
} 
	.main-text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 50px 0px; 
	}
		.page-category .main-text .wrap { 
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category .main-text .wrap .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #5f5f5f;
				
				font-size: 14px;
				font-weight: 400;
				line-height: 22px;
				text-align:center;
			}
				.page-category .main-text .wrap .text h2 {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px; 
					color: #002856;
					font-size: 20px;
					font-weight: 400;
					line-height: 25px;
				}
				.page-category .main-text .wrap .text strong {
					font-weight:700px;
					font-size:20px;
					line-height:25px;
					color:#000;
				}
				.page-category .main-text .wrap .text table {
					float:left;
					width:100% !important;
					margin:10px 0px 10px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					text-align:left;
				}
					.page-category .main-text .wrap .text table thead tr td {
						color: #e2001a;
						font-size: 20px;
						font-weight: 400;
						line-height: 25px;
						text-align:center;
						padding:10px 0px 10px 0px;
					}
						.page-category .main-text .wrap .text table thead tr td:nth-child(2) {
							font-size:16px;
							line-height:20px;
							text-align:right;
						}
					.page-category .main-text .wrap .text table tbody tr {
						border-bottom:1px solid #eff4f7;
						color: #5f5f5f;
						font-size: 14px;
						font-weight: 400;
						line-height: 22px;
					}
						.page-category .main-text .wrap .text table tbody tr:hover {
							border-bottom:1px solid #e2001a;
						}
					.page-category .main-text .wrap .text table tbody tr td {
						padding:20px 0px 20px 0px;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(1) {
						width:80% !important;
					}
					.page-category .main-text .wrap .text table tbody tr td:nth-child(2) {
						width:20% !important;
						text-align:right;
					}
						.page-category .main-text .wrap .text table tbody strong {
							color: #002856;
							font-size: 16px;
							font-weight: 400;
							line-height: 22px;
						}
	
	.save {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		position:relative;
		text-decoration:none;
		background-color: #d9033e;
	}
		.save .wrap { 
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}	
			.save .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 20px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #ffffff;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				text-transform: uppercase;
				text-align:center;
				text-decoration:none;
			}
	
	.level {
		float:left;
		width:100%;
		margin:0px 0px 70px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.level .wrap { 
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.level .wrap h4 {
				float:left;
				width:100%;
				margin:0px 0px 50px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #002856;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				text-transform: uppercase;
				text-align:center;
			}
			.level .wrap .text {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #5f5f5f;
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.level .wrap .text strong {
					color: #002856;
				}
				.level .wrap .text p {
					float:left;
					width:100%;
					margin:0px 0px 30px 0px;
					padding:0px 0px 0px 0px;
					position:realtive;
				}
					.level .wrap .text p span {
						float:left;
						width:100%;
						height:130px;
						margin:0px 0px 10px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						border: 1px solid #eff4f7;
						background-color: #ffffff;
					}
						.level .wrap .text p:nth-child(1) span { background: url(images/level_1.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(2) span { background: url(images/level_2.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(3) span { background: url(images/level_3.svg) center left 60px no-repeat; }
						.level .wrap .text p:nth-child(4) span { background: url(images/level_4.svg) center left 60px no-repeat; }
						.level .wrap .text p span::before {
							float:right;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:absolute;
							color: #002856;
							font-size: 36px;
							font-weight: 400;
							line-height: 36px;
							text-transform: uppercase;
							top:20px;
							right:30px;
						}
							.level .wrap .text p:nth-child(1) span::before { content: "I"; }
							.level .wrap .text p:nth-child(2) span::before { content: "II"; }
							.level .wrap .text p:nth-child(3) span::before { content: "III"; }
							.level .wrap .text p:nth-child(4) span::before { content: "IV"; }
							
	.page-category .subcategory {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:50px 0px 50px 0px;
		position:relative;
		background-color: #002856;
	}
		.page-category  .subcategory .wrap {
			width:96%;
			height:100%;
			position:relative;
			margin:0 auto; 
		}
			.page-category  .subcategory .wrap h3 {
				float:left;
				width:100%;
				margin:0px 0px 40px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #048ccf;
				font-size: 20px;
				font-weight: 500;
				line-height: 25px;
				text-transform: uppercase;
				text-align:center;
			}
			.page-category  .subcategory .wrap .list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
				.page-category  .subcategory .wrap .list .box {
					float:left;
					width:100%;
					height:110px;
					margin:0px 0px 5px 0px;
					padding:0px 20px 0px 20px;
					position:relative;
					color: #002856;
					font-size: 14px;
					font-weight: 600;
					line-height: 17px;
					text-transform: uppercase;
					text-decoration: none;
					background-color: #eff4f7;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.page-category  .subcategory .wrap .list .box:hover {
						background-color: #048ccf;
						color:#fff;
					}
					
.page-subcategory { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-subcategory .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-subcategory .wrap .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 30px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			
			font-size: 14px;
			font-weight: 400;
			line-height: 20px;
			text-align:left;
		}
			.page-subcategory .wrap .text ul { 
					float:left;
					width:95%;
					margin:10px 0px 10px 0px;
					padding:0px 5% 0px 0px;
					list-style: none; 
					position:relative;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
				.page-subcategory .wrap .text ul li { 
					float:left;
					width:100%;
					padding:0px 0px 0px 25px;
					background: url(images/subcategory_list_info.svg) top 1px left no-repeat;
					position:relative;
				}
			.page-subcategory .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight: 400;
				line-height: 25px;
			}
			.page-subcategory .wrap .subcategory-list {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:flex-start;
				align-content:center;
			}
				.page-subcategory .wrap .subcategory-list .box {
					float:left;
					width:100%;
					height:270px;
					margin:0px 0px 30px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					border-bottom: 3px solid #eff4f7;
				}
					.page-subcategory .wrap .subcategory-list .box .name {
						float:left;
						width:100%;
						height:90px;
						margin:0px 0px 0px 0px;
						padding:0px 20px 0px 20px;
						position:relative;
						color: #002856;
						font-size: 16px;
						font-weight: 400;
						line-height: 22px;
						text-align:center;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						border: 3px solid #eff4f7;
					}
					.page-subcategory .wrap .subcategory-list .box .inside {
						float:left;
						width:90%;
						height:180px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:center;
						align-items:center;
						align-content:center;
					}
						.page-subcategory .wrap .subcategory-list .box .inside .info {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							
							font-size: 16px;
							font-weight: 400;
							line-height: 22px;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .info p {
								padding:0px 0px 0px 30px;
								background: url(images/subcategory_list_info.svg) top 6px left no-repeat;
							}
						.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne { 
							float:left;
							width:100%;
							height:100%;
							position:relative;
							margin:0px 0px 0px 0px;
							z-index:5;
							overflow:hidden;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
						}
							.page-subcategory .wrap .subcategory-list .box .inside .zdjecie-glowne .img {
								float:left;
								margin:0px 0px 0px 0px;
								padding:0px 0px 0px 0px;
								width:70%;
								height:70%;
								object-fit: contain;				
							}
						
				
				.page-subcategory .wrap .subcategory-list .box:hover {
					border-bottom: 3px solid #048ccf;
				}
				.page-subcategory .wrap .subcategory-list .box:hover .name {
					background-color: #048ccf;
					border: 3px solid #048ccf;
					color:#fff;
				}
				
.page-product-list { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-product-list .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-product-list .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 20px;
			font-weight: 600;
			line-height: 25px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-product-list .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 40px 0px;
			padding:0px 0px 0px 0px; 
			color: #5f5f5f;
			
			font-size: 14px;
			font-weight: 400;
			line-height: 22px;
			text-align:center;
		}
			.page-product-list .wrap .text h2 {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px; 
				color: #002856;
				font-size: 20px;
				font-weight: 400;
				line-height: 25px;
			}
		.page-product-list .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-product-list .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-product-list .wrap .back:hover {
				background:#048ccf;
			}
		.page-product-list .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-product-list .wrap .product-list .box {
				float:left;
				width:100%;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-product-list .wrap .product-list .box .left {
					float:left;
					width:100%;
					height:300px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-product-list .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-product-list .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-product-list .wrap .product-list .box .right {
					float:left;
					width:90%;
					height:100%;
					margin:0px 0px 0px 0px;
					padding:30px 5% 30px 5%;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-product-list .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-product-list .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 20px;
							font-weight: 400;
							line-height: 25px;
						}
						.page-product-list .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 10px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 17px;
							font-weight: 400;
							line-height: 22px;
							text-align:left;
						}
						.page-product-list .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
			
.page-cart { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px; 
} 
	.page-cart .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto; 
	}
		.page-cart .wrap h3 {
			float:left;
			width:100%;
			position:relative;
			margin:30px 0px 50px 0px;
			padding:0px 0px 0px 0px; 
			color: #002856;
			font-size: 20px;
			font-weight: 600;
			line-height: 25px;
			text-transform: uppercase;
			text-align:center;
		}
		.page-cart .wrap .back {
			float:left;
			margin:20px 0px 0px 0px;
			padding:0px 30px 0px 30px;
			position:relative;
			color: #ffffff;
			font-size: 18px;
			font-weight: 400;
			line-height: 60px;
			background-color: #002856;
			text-decoration:none;
		}
			.page-cart .wrap .back .arrow-back {
				float:left;
				margin:22px 20px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			.page-cart .wrap .back:hover {
				background:#048ccf;
			}
		.page-cart .wrap .product-list {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.page-cart .wrap .product-list .box {
				float:left;
				width:100%;
				margin:0px 0px 10px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				background-color: #eff4f7;
				border:3px solid #eff4f7;
			}
				.page-cart .wrap .product-list .box .left {
					float:left;
					width:100%;
					height:250px;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					background-color:#fff;
				}
					.page-cart .wrap .product-list .box .left .zdjecie-glowne { 
						float:left;
						width:100%;
						height:100%;
						position:relative;
						margin:0px 0px 0px 0px;
						z-index:5;
						display:flex;
						flex-direction:row;
						flex-wrap:wrap;
						justify-content:space-around;
						align-items:center;
						align-content:center;
					}
						.page-cart .wrap .product-list .box .left .zdjecie-glowne .img {
							float:left;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							width:70%;
							height:70%;
							object-fit: contain;	
						}
				.page-cart .wrap .product-list .box .right {
					float:left;
					width:90%;
					margin:0px 0px 0px 0px;
					padding:40px 5% 20px 5%;
					position:relative;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.page-cart .wrap .product-list .box .right .inside {
						float:left;
						width:640px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
					}
						.page-cart .wrap .product-list .box .right .inside h4 {
							float:left;
							width:100%;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #002856;
							font-size: 18px;
							font-weight: 400;
							line-height: 24px;
						}
						.page-cart .wrap .product-list .box .right .inside .text {
							float:left;
							width:100%;
							margin:10px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							color: #5f5f5f;
							font-size: 14px;
							font-weight: 400;
							line-height: 20px;
						}
							.page-cart .wrap .product-list .box .right .inside .text ul { 
								float:left;
								width:95%;
								margin:10px 0px 10px 0px;
								padding:0px 0px 0px 0px;
								list-style: none; 
								position:relative;
								box-sizing: border-box;
								-moz-box-sizing: border-box;
								-webkit-box-sizing: border-box;
							}
							.page-cart .wrap .product-list .box .right .inside .text ul li { 
								float:left;
								width:100%;
								padding:0px 0px 0px 25px;
								background: url(images/subcategory_list_info.svg) top 3px left no-repeat;
								position:relative;
							}
						.page-cart .wrap .product-list .box .right .inside .arrow {
							float:left;
							width:51px;
							height:51px;
							margin:0px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
						}
	
.pages .gallerys { 
	float:left;
	width:100%;
	margin:30px 0px 30px 0px; 
	padding:0px 0px 0px 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
}
	.pages .gallerys .gallery-box { 
		float:left;	
		width:24%;
		height:13vw;
		margin:0px 1% 1% 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		overflow:hidden;
		border:1px solid #f1f1f1;
		display:flex;
		justify-content:center;
		align-items:center;	
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		transition: background-size 2s ease-in;
		-moz-transition: background-size 2s ease-in;
		-ms-transition: background-size 2s ease-in;
		-o-transition: background-size 2s ease-in;
		-webkit-transition: background-size 2s ease-in;
	}
		.pages .gallerys .gallery-box .img {
			float:left;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			width:80%;
			height:80%;
			object-fit: contain;	
		}
	
footer { 
	float:left;
	width:100%;
	height: 70px;
	position:relative;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
	background-color: #eff4f7;
	
}
	footer .wrap { 
		width:96%;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;		
	}
	footer .wrap .scroll-up { cursor:pointer; }
	footer nav { 
		display:none;
		float:left;
		width:auto;
		margin:0px 0px 0px 0px;
		font-size:18px;
		line-height:18px;
		position:relative;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		position:relative;
		list-style: none; 
	}
	footer nav ul li a { color: #231f20;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color: #048ccf; }
	footer nav ul li a.active { color: #048ccf; }
	footer nav ul li .menu-hr-footer { float:right;margin:3px 1.5vw 0px 1.5vw; }
	footer nav ul li:last-child .menu-hr-footer { display:none; }
	
	.odee-tip { display:inline;position: relative;opacity: 0.6 }
	.odee-tip:hover:after { background: #333;background: rgba(0,0,0,.8);border-radius: 5px;bottom: 26px;color: #dc407f;content: attr(title);left: -110px;padding: 5px 10px;text-align:center;position: absolute;z-index: 98;width: 140px;font-size:11px; }
	.odee-tip:hover:before { border:solid;border-color:rgba(0,0,0,.8) transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 40%;position: absolute;z-index: 99; }
	.odee-tip:hover  { opacity: 1;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-webkit-transition: opacity .5s ease-in-out; }
	.odee a { float:right;margin:0px 0px 0px 0px; }
			
.formularz-div { float:left;width:90%;margin:0px 0px 0px 0px; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		
	}	
	.form-box { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 	
	}
	.form-box-last { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-all { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-file { 
		float:left;
		width:100%;
		margin:0px 0px 20px 0px; 
	}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
	}
	
	.form-text  { 
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		color: #ffffff;
		font-size: 18px;
		font-weight: 300;
		line-height: 18px;
	}
	.form-input { 
		float:left;
		width:100%;
		height:37px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		color:#000;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:120px;
		max-height:120px;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 20px;
		border:1px solid #e0e0e0;
		background:#ffffff;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		
	.form-box-file .default {
		display:none;
	}
	.form-box-file .put-file {
		float:left;
		margin:0px 0px 15px 0px;
		width:100%;
		font-size:15px;
		line-height:15px;
		color:#000;
		font-family: 'Roboto', sans-serif;
		cursor:pointer;
	}
		.form-box-file .upload-change {
			display:none;
		}
	
	.form-submit  { 
		float:left;
		width:100%;
		height:60px;
		margin:0px 0px 0px 0px;
		color:#fff;
		background-color: #048ccf;
		padding:0px 0px 0px 0px;
		font-size:15px;
		font-family: 'Roboto', sans-serif;
		border:none;
		border:0px solid #dedede;
		cursor:pointer; 
	}
	.form-input:focus, .form-textarea:focus, .form-submit:focus { outline:none; }
	
	.middle .wrap h2 { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		color: #002856;
		font-size: 20px;
		font-weight: 400;
		line-height: 25px;
	}			
	.middle .wrap .zdjecie-glowne { 
		float:left;
		width:100%;
		height:250px;
		position:relative;
		margin:0px 0px 0px 0px;
		z-index:5;
	}
		.middle .wrap .zdjecie-glowne .img {
			float:left;
			margin:0px 0px 30px 0px;
			padding:0px 0px 0px 0px;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		.middle .wrap .zdjecie-glowne .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;
		}
			.middle .wrap .zdjecie-glowne:hover .fade {
				opacity:1;
			}
	.middle .wrap .text { 
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		position:relative;
		font-size:14px;
		line-height:22px;
		color:#222121; 
	}
		.middle .wrap .text a { text-decoration:none;color:#222121; }
		.middle .wrap .text a:hover { color:#222121 }
		.middle .wrap .text ul { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			list-style: none; 
			position:relative;
		}
		.middle .wrap .text ul li { 
			float:left;
			width:98%;
			padding:0px 0px 0px 2%;
			background: url(images/li_bg.png) top 6px left no-repeat;
			position:relative;
		}
		.middle .wrap .text ol { 
			float:left;
			width:100%;
			margin:10px 0px 10px 0px;
			position:relative;
		}
		.middle .wrap .text ol li { 
			float:left;
			width:100%;	
			position:relative;
		}
		.middle .wrap .text h2 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:20px;
			line-height:20px;
		}
		.middle .wrap .text h3 { 
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			font-size:18px;
			line-height:18px;
		}
		.middle .wrap .text table {
			float:left;
			width:100% !important;
			margin:0px 0px 20px 0px;
			position:relative;
			border-spacing: 0; 
			border: 0; 
			border-collapse: collapse;
		}
		.middle .wrap .text table caption {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;	
			border-bottom: 0;       
		}
		.middle .wrap .text table tr td {
			border:1px solid #ececec;
			padding:3px 0px 3px 0px;
		}
		.middle .wrap .text table tr:hover {
			background-color:#f8f8f8;
		}

	.middle .wrap .gallery { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.middle .wrap .gallery .gallery-box { 
			float:left;	
			width:49%;
			height:240px;
			margin:0px 0.5% 5px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
			border:0px solid #000;
			display:flex;
			justify-content:center;
			align-items:center;	
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
			.middle .wrap .gallery .gallery-box .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
		    }
		    .middle .wrap .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;
			}
				.middle .wrap .gallery .gallery-box:hover .fade {
					opacity:1;
				}
		.middle .wrap .gallery .last { 
			margin-right:0px
		}
		
	.middle .wrap .fb-like-box { 
		float:left;
		width:100%;
		margin:30px 0px 30px 0px;
		padding:0px 0px 0px 0px;
		position:relative; 
	}	
	
.pliki { 
	float:left;
	width:100%;
	position:relative;
	margin:30px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;	
}
	.pliki .plik { 
		float:left;
		position:relative;
		margin:0px 0px 10px 0px; 
		padding:0px 0px 0px 0px; 
	}
		.pliki .plik a { 
			text-decoration:none;
			color:#048ccf;
		}
		.pliki .plik a:hover { 
			color:#000; 
		}
	.pliki .plik-ikona-box { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px; 
	}
	.pliki .plik-roz { 
		float:left;
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		color:#fff;
		font-size:10px;
		line-height:16px;
		text-align:center;
	}
	.plik-ikona { 
		float:left;
		width:35px;
		margin:0px 0px 0px 0px; 
	}
	.plik-tytul { 
		float:left;
		position:relative;
		margin:18px 0px 0px 10px; 
		padding:0px 0px 0px 0px; 
		font-size:18px;
		line-height:18px;
	}
}