html, body { font-size:14px;line-height:18px;background:#fff url(images/bgOne.jpg) top right repeat-y;color:#000;font-family: Arial, Helvetica, 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; }

.bi {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.animate {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.animate-fast {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.animate-slow {
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.noAnimate {
	-webkit-transition: all 0s ease-in-out !important;
	-moz-transition: all 0s ease-in-out !important;
	-o-transition: all 0s ease-in-out !important;
	transition: all 0s ease-in-out !important;
}



@media screen and (min-width: 1001px) and (max-width: 3000px) {
.no-comp { display:none;visibility:hidden; }

.must-info {
	float:left;
	width:100%;
	position:relative;
	font-size:14px;
	line-height:14px;
	margin:-5px 0px 0px 0px;
}

#produkt-1 { float:left;width:100%;position:relative;margin:60px 0px 60px 0px; } 
.produkt-1-wrap { width:1000px;position:relative;margin:0 auto; }
	.produkt-1-wrap .left { float:left;width:280px;position:relative;margin:0px 0px 0px 0px; }
	.produkt-1-wrap .left h3 { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 25px 0px;
		color: #3e3b38;
		font-family: ProximaNova;
		font-size: 18px;
		font-weight: 600;
		line-height: 18px;
	}
	.produkt-1-wrap .left ul { float:left;width:100%;position:relative;margin:0px 0px 0px 0px; }
	.produkt-1-wrap .left ul li { float:left;width:100%;margin:0px 0px 20px 0px;position:relative;list-style: none;font-size: 14px;line-height:14px; }
	.produkt-1-wrap .left ul li a { color: #8c8c8c;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	.produkt-1-wrap .left ul li a:hover { color: #ffcd00; }
	.produkt-1-wrap .left ul li a.active { color: #ffcd00; }
	
	.produkt-1-wrap .left ul li .produkt-hr { float:left;margin:5px 10px 0px 0px; }
	
	.produkt-1-wrap .right { float:right;width:675px;position:relative;margin:0px 0px 0px 0px; }
		.produkt-1-wrap .right h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			font-family: ProximaNova;
			line-height: 30px;
			color: black;
			font-size: 30px;
			font-weight: 400;
			text-transform:uppercase;
		}
		.produkt-1-wrap .right h3 {
			float:left;
			width:100%;
			position:relative;
			margin:10px 0px 0px 0px;
			font-family: ProximaNovaL;
			color: #8e8e8e;
			font-size: 22px;
			font-weight: 300;
			line-height: 22px;
		}
		.produkt-1-wrap .right .produkt-hr { float:left;width:100%;height:3px;margin:20px 0px 30px 0px;position:relative; }
		.produkt-1-wrap .right .zdjecie-glowne { float:left;width:282px;height:222px;margin:0px 0px 0px 0px;position:relative;  }
		.produkt-1-wrap .right .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 30px 0px;
			font-family: ProximaNovaL;
			color: #525252;
			font-size: 16px;
			font-weight: 300;
			line-height: 26px;
		}
		.produkt-1-wrap .right .text ul { float:left;width:100%;margin:10px 0px 10px 0px;list-style: none; }
		.produkt-1-wrap .right .text ul li { float:left;width:100%;padding:0px 0px 10px 25px;background: url(images/li_bg.png) top 8px left no-repeat; }
		
		.produkt-1-wrap .right .text-right {
			float:right;
			width:400px;
			position:relative;
			margin:0px 0px 0px 0px;
			font-family: ProximaNovaL;
			color: #525252;
			font-size: 16px;
			font-weight: 300;
			line-height: 26px;
		}
		.produkt-1-wrap .right .text-right ul { float:left;width:100%;margin:0px 0px 0px 0px;list-style: none; }
		.produkt-1-wrap .right .text-right ul li { float:left;width:100%;padding:0px 0px 10px 25px;font-size: 14px;background: url(images/li_bg.png) top 8px left no-repeat; }
		
		.produkt-1-wrap .galeria { float:left;width:282px;margin:10px 0px 0px 0px; }
		.produkt-1-wrap .gallery-box, .produkt-1-wrap .gallery-box-last { 
			float:left;
			margin-bottom:17px;
			width:82px;
			height:66px;
			overflow:hidden;
			border:0px solid #b0b0b0;
		}
		.produkt-1-wrap .gallery-box { margin-right: 17px; }
		
		.produkt-1-wrap .more-info { float:right;width:400px;margin:20px 0px 20px 0px;position:relative; }
		.produkt-1-wrap .more-info-nag { 
			float:left;
			width:100%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-family: ProximaNovaB;
			color: #525252;
			font-size: 22px;
			font-weight: 300;
			line-height: 22px;
		}
			.produkt-spec { float:left;margin:0px 0px 0px 0px;position:relative; }
			.produkt-cert { float:right;margin:0px 0px 0px 0px;position:relative; }
		
		.dod-foto-1 { float:left;margin:290px 0px 0px -312px;position:absolute;left:0;top:0; }

#wrapper { float:left;width:100%;height:130px;position:relative;margin:0px 0px 0px 0px; }
.wrapper-wrap { width:1000px;height:130px;position:relative;margin:0 auto; }
	
	#logo { float:left;margin:12px 0px 0px 0px; }
	
	#wrapper .boxy { 
		float:right;
		margin:33px 0px 0px 0px;
		position:relative; 
	}
	#wrapper .boxy .box { 
		float:left;
		margin:0px 0px 0px 20px;
		position:relative;
		color: #43403d;
		font-family: ProximaNova;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
	}
	#wrapper .boxy .box a { 
		text-decoration:none;
		color: #43403d; 
	}
	#wrapper .boxy .box .ikon { 
		float:left;
		margin:-10px 10px 0px 0px;
		position:relative; 
	}
		.flag { 
			float:left;
			margin:-2px 0px 0px 10px;
			position:relative; 
		}
		
	#wrapper nav { 
		width:auto;
		float:right;
		font-weight:700;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		font-size:14px;
		line-height:14px;
		font-family: ProximaNova;
		text-transform: uppercase;
		border-top:1px solid #e8e8e8; 
	}
	#wrapper nav ul { float:left;margin:20px 0px 0px 0px; }
	#wrapper nav ul li { float:left;margin:0px 0px 0px 0px;position:relative;list-style: none; }
	#wrapper nav ul li a { color: #21211f;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	#wrapper nav ul li a:hover { color: #ffcd00; }
	#wrapper nav ul li a.active { color: #ffcd00; }
	
	#wrapper nav ul li .menu-hr { float:right;margin:3px 60px 0px 15px; }
	#wrapper nav ul li:last-child .menu-hr { float:right;margin:3px 0px 0px 25px; }
	
	.menu-tel { display:none !important; }

#container { float:left;width:100%;height:35vw;min-height:450px;max-height: 750px; position:relative;margin:0px 0px 0px 0px; }
	.slide-1 { float:left;width:100%;height:100%;position:relative;z-index:1; }
		.slides { width:100%;height:100%;position:relative; }
		.slides-wrap { width:1000px;height:100%;margin:0 auto;position:relative;  }
		.slides-wrap .box { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:flex-start;
		}
		.slides-wrap .box .box-wrap {
			float:left;
			width:550px;
			margin:0px 0px 0px 0px;
			position:relative;
		}
		.slides-wrap .box .nag {
			float:left;
			width:100%;
			margin:0px 0px 20px 0px;
			position:relative;
			color: #fff;
			font-family: ProximaNovaB;
			font-size: 85px;
			font-weight: 300;
			line-height: 85px;
			text-transform:uppercase;
		}
		.slides-wrap .box .text {
			float:left;
			width: 90%;
			margin:0px 0px 30px 5px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #fff;
			font-family: ProximaNova;
			font-size: 16px;
			font-weight: 300;
			line-height: 24px;
		}
		.slides-wrap .box .more {
			float:left;
			margin:0px 0px 0px 5px;
			position:relative;
		}
		
		.arrow-left { float:right;position:absolute;right:160px;bottom:50px;margin:0px 0px 0px 0px;cursor:pointer; }
		.arrow-right { float:right;position:absolute;right:100px;bottom:50px;margin:0px 0px 0px 0px;cursor:pointer; }
	
.homeOffer {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.pageMargin { padding:60px 0px 60px 0px; }
.homeOffer .mainHeader {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color: #000;
	font-family: ProximaNovaB;
	font-size: 36px;
	font-weight: 400;
	line-height: 85.45px;
	text-transform: uppercase;
	text-align:center;
	background: url(images/homeOffer_hr.png) center no-repeat;
}
	.homeOffer .mainHeader strong {
		font-weight:400;
		color: #ffcd00;
	}
.homeOffer .inside {
	float:left;
	width:1000px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
	.homeOffer .inside .box {
		float:left;
		width:24%;
		height:280px;
		position:relative;
		margin:0px 0px 10px 0px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		text-decoration:none;

		background-color: rgba(0,0,0,0.8);
	}
	.homeOffer .inside .box:before {
		content: ' ';
		float: left;
		width: 100%;
		height: 100%;

		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		background-color: rgba(0,0,0,0.6);
		background-image: linear-gradient(181deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);

		transition: all 0.3s ease-in-out;
	}
	.homeOffer .inside .box:hover .header {
		margin:8vw 5% 0px 5%;
	}
	.homeOffer .inside .box:hover:before {
		background-color: rgba(0,0,0,0);
		background-image: linear-gradient(181deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 100%);
		transition: all 0.3s ease-in-out;
	}
	
		.homeOffer .inside .box .header {
			float:left;
			width:80%;
			height: 50px;
			position:relative;
			margin:0px 0px 0px 0px;
			color: #ffffff;
			font-family: ProximaNova;
			font-size: 20px;
			font-weight: 700;
			line-height: 24px;
			text-transform: uppercase;
			text-align:center;
			z-index:7;

			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			text-decoration:none;

			transition: all 0.3s ease-in-out;
		}
		.homeOffer .inside .box.box--18 .header {
			width:90%;
		}
			.homeOffer .inside .box .header span {
				position:absolute;
				left:0;
				bottom:-40px;
				font-size:14px;
				line-height:18px;
				width:100%;
				text-align:center;
			}
		.homeOffer .inside .box .more {
			float:left;
			position:relative;
			margin:10px 0px 0px 0px;
			z-index:7;
		}
			.homeOffer .inside .box .more.more__off {
				opacity: 0.4;
				filter: grayscale(1)
			}
		.homeOffer .inside .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			margin:0px 0px 0px 0px;
			z-index:4;
		}
			.homeOffer .inside .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.homeOffer .inside .box .zdjecie-glowne .fade {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:absolute;
				left:0;
				bottom:0;
				color:#fff;
				font-size:16px;
				line-height:16px;
				background-image: linear-gradient(181deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
				-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;
			}
				.homeOffer .inside .box:hover .zdjecie-glowne .fade {
					opacity:0;
				}
	
#start-3 { 
	float:left;
	width:100%;
	height:600px;
	position:relative;
	margin:100px 0px 0px 0px;
	background: url(images/start_3_bg.png) top no-repeat; 
} 
.start-3-wrap { 
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-3-wrap .box {
		float:left;
		width:540px;
		margin:100px 0px 0px 0px;
		position:relative;
	}
	.start-3-wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #1a1717;
		font-family: ProximaNova;
		line-height: 36px;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 400;
	}
	.start-3-wrap h3 strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 34px;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.start-3-wrap .text {
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		position:relative;
		color: #4a4444;
		font-family: ProximaNova;
		font-size: 14px;
		font-weight: 300;
		line-height: 24px;
	}
	.start-3-wrap .more {
		float:left;
		margin:30px 0px 0px 0px;
		position:relative;
	}
	
#start-2 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:40px 0px 40px 0px;
	background-color: #ffcd00; 
} 
.start-2-wrap { 
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-2-wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #2a2924;
		font-family: ProximaNovaL;
		font-size: 30px;
		line-height: 40px;
		text-transform: uppercase;
		font-weight: 100;
	}
	.start-2-wrap h3 strong { font-family: ProximaNovaB; }
	.start-2-wrap .text {
		float:left;
		width:475px;
		margin:30px 0px 0px 0px;
		position:relative;
		color: #2a2924;
		font-family: ProximaNova;
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
	}
	.start-2-wrap .text table { width:50% !important; }
	.start-2-wrap .text table tr td:first-child { width:30px !important; }
	.start-2-wrap .text a { text-decoration:none;color: #2a2924; }
	.start-2-wrap .text strong { text-transform: uppercase; }
				
.formularz-div { float:left;width:100%;margin:20px 0px 0px 0px; }
	.form-box-left { float:left;width:475px;margin:0px 0px 0px 0px;overflow:hidden;position:relative; }
	.form-box-right { float:right;width:475px;margin:0px 0px 0px 0px;position:relative; }
	
	.form-box { float:left;width:45%;margin:0px 0px 28px 0px;position:relative; }
	.form-box-last { float:right;width:45%;margin:0px 0px 28px 0px;position:relative; }
	.form-box-kod { float:left;width:45%;margin:0px 0px 0px 0px;position:relative; }
	.form-box-all { float:left;width:100%;margin:0px 0px 10px 0px;position:relative; }
		.must {
			float:right;
			position:absolute;
			top:30px;
			right:10px;
			font-size:18px;
			color:#000;
			font-weight:900;
		}
	.form-text  { float:left;margin:0px 0px 10px 0px;width:100%;font-size:15px;line-height:15px;color:#000;font-family: ProximaNova; }
	.form-input { float:left;width:95%;height:38px;margin:0px 0px 0px 0px;padding:0px 0px 0px 5%;color:#000;border:1px solid #fff;background:#ffffff;font-size:15px;font-family: ProximaNova; }
	.form-textarea  { float:left;width:95%;max-width:95%;height:120px;max-height:120px;margin:0px 0px 0px 0px;color:#000;padding:10px 0px 0px 5%;border:1px solid #fff;background:#ffffff;font-size:15px;font-family: ProximaNova; }
	.form-input:focus, .form-textarea:focus, .form-submit:focus { outline:none; }
	.form-submit  { float:right;width:179px;height:40px;margin:5px 0px 0px 0px;color:#fff;padding:0px 0px 0px 0px;font-size:15px;font-family: ProximaNova;border:none;border:0px solid #dedede;cursor:pointer; }
	.form-dziekuje { float:left;padding:20px;text-align:center;font-size:16px;line-height:22px;font-family: ProximaNova;margin:20px 0px 0px 0px; }
	.error  { float:left;width:300px;margin:0px 0px 0px 0px; }
	
	.r-box {
		float:left;
		width:55%;
		position:relative;
		font-size:10px;
		line-height:12px;
		margin:15px 0px 0px 0px;
		text-align:justify;
		overflow:hidden;
	}
		.r-box .r-label {
			float:left;
			width:100%;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
		.r-box .r-checkbox {
			float:left;
			
			position:relative;
		}
		.r-text {
			float:left;
			width:calc(100% - 30px);
			position:relative;
		}
			.r-text .show { display:none; }
			.r-text:hover .show { display:block; }
			.r-text:hover .hide { display:none; }

#s-container { 
	float:left;
	width:100%;
	height:170px;
	position:relative;
	margin:0px 0px 0px 0px;
	background-color: whitesmoke; 
}
	#s-container .s-slide-1 { 
		float:left;
		width:100%;
		height:100%;
		position:relative;
		z-index:1; 
	}
		#s-container .s-slides { 
			float:left;
			width:100%;
			height:100%;
			position:relative; 
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		#s-container .s-slides-wrap { 
			float:left;
			width:980px;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 20px;
			position:relative;
			border-left:3px solid #ffcd00;			
		}
		#s-container .s-slides-wrap h1{ 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;	
			color: #242424;
			font-family: ProximaNova;
			font-size: 36px;
			font-weight: 400;
			line-height: 36px;
			text-transform: uppercase;
		}
		#s-container .s-slides-wrap .dir {
			float:left;
			width:100%;
			margin:5px 0px 0px 0px;
			padding:0px 0px 0px 0px;	
			color: #8b8b8b;
			font-family: ProximaNova;
			font-size: 14px;
			font-weight: 500;
			line-height: 14px;
		}
			#s-container .s-slides-wrap .dir a {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #8b8b8b;
				text-decoration:none;
			}
				#s-container .s-slides-wrap .dir a:hover {
					color: #ffcd00;
				}
			#s-container .s-slides-wrap .dir .dirArrow {
				float:right;
				margin:1px 15px 0px 15px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			
.product {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.product .inside {
		float:left;
		width:1000px;
		position:relative;
	}
		.product .inside .submenu {
			float:left;
			width:1000px;
			position:relative;
			margin:0px 0px 40px 0px;
			padding:40px 0px 40px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
			border-bottom:1px solid #e8e7e7;
		}
			.product .inside .submenu a {
				float:left;
				width:32%;
				height:65px;
				text-decoration:none;
				background-color: #e8e8e7;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
					.product .inside .s-17 a {
						width:100%;
					}
					.product .inside .s-23 a,
					.product .inside .s-24 a,
					.product .inside .s-25 a,
					.product .inside .s-26 a,
					.product .inside .s-27 a
					{
						width:100%;
					}
					.product .inside .s-18 a {
						width:32%;
					}
					.product .inside .s-18 a:nth-child(3) .name {
						font-size: 20px !important;
					}
				.product .inside .submenu a .name {
					float:left;
					width:120px;
					position:relative;
					color: #242424;
					font-family: "ProximaNovaB";
					font-size: 24px;
					font-weight: 700;
					line-height: 30px;
					text-transform: uppercase;
					text-align:center;
				}
				.product .inside .submenu a .header {
					float:left;
					width: calc(100% - 130px);
					position:relative;
					color: #242424;
					font-family: "ProximaNova";
					font-size: 14px;
					font-weight: 400;
					line-height: 18px;
				}
					.product .inside .submenu a:hover, .product .inside .submenu .activeSubmenu {
						background-color: #ffcd00;
					}
					
.product .one {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	position:relative;
}
	.product .one .left {
		float:left;
		width:40%;
		position:relative;
	}
		.product .one .left .zdjecie-glowne { 
			float:left;
			width:100%;
			height:300px;
			position:relative;
			top:0;
			left:0;
			margin:0px 0px 0px 0px;
			z-index:1;
		}
			.product .one .left .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
		.product .one .left .galeria { 
			float:left;
			width:100%;
			margin:7px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;			
		}
		.product .one .left .gallery-box, .product .one .left .gallery-box-last { 
			float:left;
			width:32%;
			height:85px;
			margin:0px 0px 5px 0px;
			overflow:hidden;
			border:0px solid #b0b0b0;
		}
		
	.product .one .right {
		float:right;
		width:55%;
		position:relative;
	}
		.product .one .right .productName {
			float:left;
			width:100%;
			height:65px;
			text-decoration:none;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.product .one .right .productName .name {
				float:left;
				width:190px;
				position:relative;
				color: #242424;
				font-family: "ProximaNovaB";
				font-size: 42px;
				font-weight: 700;
				line-height: 42px;
				text-transform: uppercase;
				text-align:center;
			}
			.pr--35.product .one .right .productName .name {
				font-size: 32px !important;
				line-height: 32px !important;
			}
			.product .one .right .productName .header {
				float:left;
				width: calc(100% - 190px);
				position:relative;
				color: #242424;
				font-family: "ProximaNova";
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
			}
		.product .one .right .productText {
			float:left;
			width:100%;
			position:relative;
			margin:15px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.product .one .right .productText .headerName {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 25px 0px;
				padding:13px 0px 10px 20px;
				position:relative;
				color: #242424;
				font-family: "ProximaNova";
				font-size: 16px;
				font-weight: 700;
				line-height: 16px;
				text-transform: uppercase;
				letter-spacing: 0.16px;
				background:#ffcd00;
			}
			.product .one .right .productText .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color: #242424;
				font-family: "ProximaNova";
				font-size: 14px;
				font-weight: 400;
				line-height: 22px;
			}
	.product .two {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 60px 0px;
	}
	.product .three {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 60px 0px;
	}
		.product .textIcon {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:35px 15px 35px 15px;
			color: #000000;
			font-family: "ProximaNova";
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
			background-color: #f5f5f5;
		}
			.product .textIcon table {
				float:left;
				width:16% !important;
				text-align:center;
			}
		.product .textTable {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #000000;
			font-family: "ProximaNova";
			font-size: 14px;
			font-weight: 500;
			line-height: 22px;
		}
		.product .textTable table {
			float:left !important;
			width:100% !important;
			position:relative;
			border-spacing: 0; 
			border: 0; 
			border-collapse: collapse;
			text-align:center;
		}
			.product .textTable table thead td td:first-child {
				width:40%;
			}
			.product .textTable table thead tr td {		
				background-color:#009cff !important;
				text-align:center;
			}
				.product .textTable table thead tr td {
					color:#fff;
					border:1px solid #e0e0e0;
				}
				.product .textTable table tr td:first-child {
					text-align:left;
					background:#def2ff;
					padding-left:20px;
					font-size:14px;
					width:30% !important;
					font-weight:600;
				}
			
		.product .textTable table tr td {
			margin:0px 0px 0px 0px !important;
			padding:12px 10px 12px 10px;
			border:1px solid #e0e0e0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;		
		}
			.product .textTable table tr:nth-child(even) {
				background:#f8f8f8;
			}
	.product .four {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
	}
	.product .mainHeaderProduct {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		color: #000;
		font-family: ProximaNovaB;
		font-size: 24px;
		font-weight: 400;
		line-height: 24px;
		text-transform: uppercase;
		text-align:center;
		background: url(images/homeOffer_hr.png) center no-repeat;
		letter-spacing: 1.52px;
	}
	.pliki { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 

		display: grid;
grid-template-columns: repeat(4, 1fr);

grid-column-gap: 20px;
grid-row-gap: 20px;
	}
		.plik { 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px; 
		}
		.plik a { 
			float:left;
			width:100%;
			position:relative;
			text-decoration:none;
			color:#000; 
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		.plik a:hover { color:#c3c3c3; }
		
		.plik-ikona-box { 
			float:left;
			margin:0px 0px 0px 0px;
			position:relative; 
		}
			.plik-roz { 
				float:left;
				position:absolute;
				bottom:0;
				width:100%;
				color:#fff;
				font-size:10px;
				text-align:center;
				margin:13px 0px 0px 0px; 
			}
			.plik-ikona { 
				float:left;
				width:35px;
				margin:0px 0px 0px 0px; 
			}
		.plik-tytul { 
			float:left;
			width: calc(100% - 55px);
			margin:0px 0px 0px 20px;
			font-size:16px;
			font-family: ProximaNova; 
		}
		
#realizacje-1 { float:left;width:100%;position:relative;margin:60px 0px 60px 0px; } 
.realizacje-1-wrap { width:1000px;position:relative;margin:0 auto; }
	.realizacje-1-wrap h2 {
		float:left;
		width:100%;
		margin:0px 0px 60px 0px;
		position:relative;
		color: #1a1717;
		font-family: ProximaNova;
		line-height: 36px;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 400;
	}
	.realizacje-1-wrap h2 strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 34px;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.dod {
		float:left;
		width:350px;
		margin:10px 70px 0px 0px;
		position:absolute;
		right:0;
		top:0;
		color: #1a1717;
		font-family: ProximaNova;
		line-height: 20px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 400;
		text-align:right;
	}
	.dod strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 14px;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.dod .logotyp { float:right;position:absolute;right:-90px;top:-10px;width:80px;margin:0px 0px 0px 0px; }
	.realizacje-1-wrap .galeria { float:left;width:100%;margin:10px 0px 0px 0px; }
	.realizacje-1-wrap .gallery-box, .realizacje-1-wrap .gallery-box-last { 
		float:left;
		margin-bottom:12px;
		width:190px;
		height:190px;
		overflow:hidden;
		border:0px solid #b0b0b0;
		border-radius: 22px;
	}
	.realizacje-1-wrap .gallery-box { margin-right: 12px; }
	.more-foto { display:none;float:left;width:195px;height:195px;margin:-3px 0px 0px -3px;position:relative; }
	.gallery-box:hover .more-foto, .gallery-box-last:hover .more-foto {
		display:block;
	}
	
	.realizacje-1-wrap .opis {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #262523;
		font-family: ProximaNova;
		font-size: 14px;
		font-weight: 300;
		line-height: 26px;
	}
	.realizacje-1-wrap .opis table { width:50% !important; }
    .realizacje-1-wrap .opis a { text-decoration:none;color: #2a2924; }
	.realizacje-1-wrap .opis strong { float:left;width:100%;margin:0px 0px 20px 0px;font-size: 16px;text-transform: uppercase; }
	.realizacje-1-wrap .opis ul { 
		float:left;
		width:100%;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
		position:relative;
	}
	.realizacje-1-wrap .opis  ul li { 
		float:left;
		width:95%;
		padding:0px 0px 0px 5%;
		background: url(images/li_bg.png) top 6px left no-repeat;
		position:relative;
	} 
		 	
.contact {
	float:left;
	width:100%;
	height:730px;
	position:relative;
	margin:0px 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;
	background:#fff;
}	
	.contact .inside {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.contact .inside .left {
			float:left;
			width:54%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 1%;
		}
			.contact .inside .left .information {
				float:right;
				width:550px;
				height:100%;
				position:relative;
				display:flex;
				flex-direction:column;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:flex-start;
			}
				.contact .inside .left .information h2 {
					float:left;
					width:100%;
					margin:0px 0px 50px 0px;
					position:relative;
					color: #1a1717;
					font-family: "ProximaNovaL";
					font-size: 26px;
					font-weight: 300;
					line-height: 26px;
					text-transform: uppercase;
				}
				.contact .inside .left .information .text {
					float:left;
					width:95%;
					margin:0px 5% 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #3a4350;
					font-family: "ProximaNova";
					font-size: 14px;
					font-weight: 500;
					line-height: 18px;
				}
					.contact .inside .left .information .text a {
						text-decoration:none;
						color: #3a4350;
					}
					.contact .inside .left .information .text a:hover {
						text-decoration:underline;
						color: #3a4350;
					}
					.contact .inside .left .information .text table {
						float:left;
						width:50% !important;
						min-height:50px;
						height:50px;
						position:relative;
						margin:0px 0px 30px 0px;
						padding:0px 0px 0px 0px;
					}
								.contact .inside .left .information .text table:last-child { width:100% !important; }
							.contact .inside .left .information .text table em {
								font-style:normal;
								color: #ffcd00;
							}
							.contact .inside .left .information .text table h3 {
								float:left;
								margin:0px 0px 5px 0px;
								color: #3a4350;
								font-family: "ProximaNovaB";
								font-size: 24px;
								line-height:32px;
							}
						.contact .inside .left .information .text table tr td:first-child { 
							width:50px; 
							
						}
		.contact .inside .right {
			float:left;
			width:45%;
			height:100%;
			position:relative;
		}
			.contact .inside .right .mapsIframe {
				float:left;
				width:100%;
				height:100%;
				position:relative;
			}

#firma-1 { float:left;width:100%;position:relative;margin:60px 0px 60px 0px; } 
.firma-1-wrap { width:1000px;position:relative;margin:0 auto; }
	.firma-1-wrap h2 {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		position:relative;
		color: #1a1717;
		font-family: ProximaNova;
		line-height: 36px;
		text-transform: uppercase;
		font-size: 24px;
		font-weight: 400;
	}
	.firma-1-wrap h2 strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 34px;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.firma-1-wrap .zdjecie-glowne {
		float:left;
		width:330px;
		height:300px;
		border: 1px solid #d0d0d1;
		border-radius: 22px;
		margin:0px 0px 0px 0px;
		position:relative;
		background-size:cover !important;
	}
	.firma-1-wrap .opis {
		float:right;
		width:615px;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #262523;
		font-family: ProximaNova;
		font-size: 16px;
		font-weight: 300;
		line-height: 26px;
	}
	.firma-1-wrap .opis table { width:33% !important; }
	.firma-1-wrap .opis table tr td:first-child { width:30px !important; }
	.firma-1-wrap .opis a { text-decoration:none;color: #2a2924; }
	.firma-1-wrap .opis strong { text-transform: uppercase; }
	
	
footer { width:100%;height:113px;float:left;position:relative;margin:0px 0px 0px 0px;background: url(images/footer_bg.jpg) top no-repeat; }
	.footer-wrapper { width:1000px;height:113px;position:relative;margin:0 auto;position:relative; }
	footer nav { width:auto;float:left;margin:23px 0px 0px 0px;font-size:14px;line-height:14px;text-transform: uppercase; }
	footer nav ul { float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; }
	footer nav ul li { float:left;margin:0px 0px 0px 0px;position:relative;list-style: none; }
	footer nav ul li a { color: #c3c3c3;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color:#c3c3c3; }
	footer nav ul li a.active { color:#c3c3c3; }
	footer nav ul li .menu-hr-footer { float:right;margin:4px 22px 0px 22px; }
	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:23px 0px 0px 0px; }
	
	.ikon-up { float:left;margin:32px 0px 0px 0px;cursor:pointer;clear:both; }

.facebook {
	margin-top:50px;
	z-index:60;
	border:3px solid #4a6ea9;
	width:330px;
	height: 214px;
	position: fixed;
	right: -336px;
	top:60px;
}

.facebook img {
	float:left;
	margin:-3px 0px 0px 0px;
	width:50px;
	position: absolute; 
	top: 0px; 
	left: -50px; 
}

.facebook .fb-page {
	float:left;
	margin:0px 0px 0px 0px;
	position:relative;
	width:330px;
	height:220px;
}

#cookie_info { position:fixed;width:465px;height:100px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:left;width:385px;margin:25px 0px 0px 30px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px -52px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:left;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:left;width:100%;font-size:14px;line-height:14px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:left;width:100%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }

}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.no-phone { display:none;visibility:hidden; }

.must-info {
	float:left;
	width:100%;
	position:relative;
	font-size:14px;
	line-height:14px;
	margin:0px 0px 30px 0px;
}

#produkt-1 { float:left;width:100%;position:relative;margin:10px 0px 20px 0px;overflow:hidden; } 
.produkt-1-wrap { width:96%;position:relative;margin:0 auto; }
	.produkt-1-wrap .left { float:left;width:100%;position:relative;margin:0px 0px 0px 0px; }
	.produkt-1-wrap .left h3 { 
		float:left;
		width:100%;
		position:relative;
		margin:10px 0px 10px 0px !important;
		color: #3e3b38;
		font-family: ProximaNova;
		font-size: 18px;
		font-weight: 600;
		line-height: 18px;
	}
	.produkt-1-wrap .left ul { float:left;width:100%;position:relative;margin:0px 0px 0px 0px; }
	.produkt-1-wrap .left ul li { float:left;width:100%;margin:0px 0px 5px 0px;position:relative;list-style: none;font-size: 14px;line-height:14px; }
	.produkt-1-wrap .left ul li a { color: #8c8c8c;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	.produkt-1-wrap .left ul li a:hover { color: #ffcd00; }
	.produkt-1-wrap .left ul li a.active { color: #ffcd00; }
	
	.produkt-1-wrap .left ul li .produkt-hr { float:left;margin:5px 10px 0px 0px; }
	
	.produkt-1-wrap .right { float:left;width:100%;position:relative;margin:20px 0px 0px 0px; }
		.produkt-1-wrap .right h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			font-family: ProximaNova;
			line-height: 24px;
			color: black;
			font-size: 24px;
			font-weight: 400;
			text-transform:uppercase;
		}
		.produkt-1-wrap .right h3 {
			float:left;
			width:100%;
			position:relative;
			margin:10px 0px 0px 0px;
			font-family: ProximaNovaL;
			color: #8e8e8e;
			font-size: 18px;
			font-weight: 300;
			line-height: 20px;
		}
		.produkt-1-wrap .right .produkt-hr { float:left;width:100%;height:3px;margin:20px 0px 30px 0px;position:relative; }
		.produkt-1-wrap .right .zdjecie-glowne { float:left;width:282px;height:222px;margin:0px 0px 40px 0px;position:relative;  }
		.produkt-1-wrap .right .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 30px 0px;
			font-family: ProximaNovaL;
			color: #525252;
			font-size: 16px;
			font-weight: 300;
			line-height: 20px;
		}
		.produkt-1-wrap .right .text ul { float:left;width:100%;margin:5px 0px 5px 0px;list-style: none; }
		.produkt-1-wrap .right .text ul li { float:left;width:100%;padding:0px 0px 3px 25px;background: url(images/li_bg.png) top 8px left no-repeat; }
		
		.produkt-1-wrap .right .text-right {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			font-family: ProximaNovaL;
			color: #525252;
			font-size: 16px;
			font-weight: 300;
			line-height: 20px;
		}
		.produkt-1-wrap .right .text-right ul { float:left;width:100%;margin:0px 0px 0px 0px;list-style: none; }
		.produkt-1-wrap .right .text-right ul li { float:left;width:100%;padding:0px 0px 10px 25px;font-size: 14px;background: url(images/li_bg.png) top 8px left no-repeat; }
		
		.produkt-1-wrap .galeria { float:left;width:282px;margin:10px 0px 0px 0px; }
		.produkt-1-wrap .gallery-box, .produkt-1-wrap .gallery-box-last { 
			float:left;
			margin-bottom:17px;
			width:82px;
			height:66px;
			overflow:hidden;
			border:0px solid #b0b0b0;
		}
		.produkt-1-wrap .gallery-box { margin-right: 17px; }
		
		.produkt-1-wrap .more-info { float:left;width:100%;margin:20px 0px 20px 0px;position:relative; }
		.produkt-1-wrap .more-info-nag { 
			float:left;
			width:100%;
			margin:0px 0px 10px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-family: ProximaNovaB;
			color: #525252;
			font-size: 22px;
			font-weight: 300;
			line-height: 22px;
		}
			.produkt-spec { float:left;margin:0px 0px 0px 0px;position:relative; }
			.produkt-cert { float:right;margin:0px 0px 0px 0px;position:relative; }
		
		.dod-foto-1 { float:left;margin:290px 0px 0px -312px;position:absolute;left:0;top:0; }

#wrapper { float:left;width:100%;position:relative;margin:0px 0px 0px 0px;padding:25px 0px 15px 0px; }
.wrapper-wrap { width:96%;position:relative;margin:0 auto; }
	
	#logo { float:left;margin:-15px 0px 0px 0px; }
	
	#wrapper .boxy { 
		float:right;
		margin:0px 0px 0px 0px;
		position:relative; 
	}
	#wrapper .boxy .box { 
		float:left;
		margin:0px 0px 0px 20px;
		position:relative;
		color: #43403d;
		font-family: ProximaNova;
		font-size: 0;
		font-weight: 400;
		line-height: 12px;
	}
	#wrapper .boxy .box a { 
		text-decoration:none;
		color: #43403d; 
	}
	#wrapper .boxy .box .ikon { 
		float:left;
		margin:-10px 0px 0px 0px;
		position:relative; 
	}
		.flag { 
			float:left;
			margin:-2px 0px 0px 10px;
			position:relative; 
		}
		
	#wrapper nav {
		display:none;
		width:100%;
		float:right;
		font-weight:700;
		margin:20px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		font-size:22px;
		line-height:32px;
		font-family: ProximaNova;
		text-transform: uppercase;
		border-top:1px solid #e8e8e8; 
	}
	#wrapper nav ul { float:left;width:100%;margin:20px 0px 0px 0px;text-align:right; }
	#wrapper nav ul li { float:left;width:100%;margin:0px 0px 0px 0px;position:relative;list-style: none; }
	#wrapper nav ul li a { color: #21211f;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	#wrapper nav ul li a:hover { color: #ffcd00; }
	#wrapper nav ul li a.active { color: #ffcd00; }
	
	#wrapper nav ul li .menu-hr { float:right;margin:15px 0px 0px 15px; }
	
	#wrapper .menu-tel { 
		float:right;
		position:absolute;
		top:40px;
		right:0;
		font-size:40px;
		margin:0px 0px 0px 0px !important;
		cursor:pointer;
		color:#3e3f43; 
	}

#container { float:left;width:100%;height:55vw;position:relative;margin:0px 0px 0px 0px;overflow:hidden; }
	.slide-1 { float:left;width:100%;height:100%;position:relative;z-index:1; }
		.slides { width:100%;height:100%;position:relative; }
		.slides-wrap { width:100%;height:100%;margin:0 auto;position:relative;  }
		.slides-wrap .box { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:flex-start;
		}
		.slides-wrap .box .box-wrap {
			float:left;
			width:90%;
			margin:0px 0px 0px 2%;
			position:relative;
		}
		.slides-wrap .box .nag {
			float:left;
			width:100%;
			margin:0px 0px 2vw 0px;
			position:relative;
			color: #fff;
			font-family: ProximaNovaB;
			font-size: 6vw;
			font-weight: 300;
			line-height: 6vw;
			text-transform:uppercase;
		}
		.slides-wrap .box .text {
			float:left;
			width: 90%;
			margin:0px 0px 3vw 5px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #fff;
			font-family: ProximaNova;
			font-size: 3.5vw;
			font-weight: 300;
			line-height: 4.5vw;
		}
		.slides-wrap .box .more {
			float:left;
			margin:0px 0px 0px 5px;
			position:relative;
		}
		
		.arrow-left { float:right;position:absolute;right:80px;bottom:30px;margin:0px 0px 0px 0px;cursor:pointer; }
		.arrow-right { float:right;position:absolute;right:20px;bottom:30px;margin:0px 0px 0px 0px;cursor:pointer; }
	
.homeOffer {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:6vw 0px 2vw 0px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	overflow:hidden;
}
	.pageMargin { padding:8vw 0px 8vw 0px; }
.homeOffer .mainHeader {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 4vw 0px;
	padding:0px 0px 0px 0px;
	color: #000;
	font-family: ProximaNovaB;
	font-size: 6vw;
	font-weight: 400;
	line-height: 6vw;
	text-transform: uppercase;
	text-align:center;
	background: url(images/homeOffer_hr.png) center no-repeat;
}
	.homeOffer .mainHeader strong {
		font-weight:400;
		color: #ffcd00;
	}
.homeOffer .inside {
	float:left;
	width:96%;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;
}
	.homeOffer .inside .box {
		float:left;
		width:100%;
		height:35vw;
		position:relative;
		margin:0px 0px 2vw 0px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		text-decoration:none;
		background-color: rgba(0,0,0,0.8);
	}
	
		.homeOffer .inside .box .header {
			float:left;
			width:90%;
			position:relative;
			margin:2vw 5% 0px 5%;
			color: #ffffff;
			font-family: ProximaNova;
			font-size: 5vw;
			font-weight: 700;
			line-height: 5vw;
			text-transform: uppercase;
			text-align:center;
			z-index:3;
		}
		.homeOffer .inside .box .more {
			float:left;
			position:relative;
			margin:10px 0px 0px 0px;
			z-index:3;
		}
			.homeOffer .inside .box .more.more__off {
				opacity: 0.4;
				filter: grayscale(1)
			}
		.homeOffer .inside .box .zdjecie-glowne { 
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			margin:0px 0px 0px 0px;
			z-index:1;
		}
			.homeOffer .inside .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			.homeOffer .inside .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(255, 205, 0, 0.8);
				background: rgba(255, 205, 0, 0.8);
				-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;
			}
				.homeOffer .inside .box:hover .zdjecie-glowne .fade {
					opacity:1;
				}
	
#start-3 { 
	float:left;
	width:100%;
	position:relative;
	margin:6vw 0px 8vw 0px;
	overflow:hidden;
} 
.start-3-wrap { 
	width:96%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-3-wrap .box {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
	}
	.start-3-wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #1a1717;
		font-family: ProximaNova;
		line-height: 7vw;
		text-transform: uppercase;
		font-size: 5.5vw;
		font-weight: 400;
	}
	.start-3-wrap h3 strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 6.5vw;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.start-3-wrap .text {
		float:left;
		width:100%;
		margin:30px 0px 0px 0px;
		position:relative;
		color: #4a4444;
		font-family: ProximaNova;
		font-size: 3.5vw;
		font-weight: 300;
		line-height: 4.5vw;
		text-align:justify;
	}
	.start-3-wrap .more {
		float:left;
		margin:30px 0px 0px 0px;
		position:relative;
	}
	
#start-2 { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:40px 0px 40px 0px;
	background-color: #ffcd00; 
	overflow:hidden;
} 
.start-2-wrap { 
	width:96%;
	height:100%;
	position:relative;
	margin:0 auto; 
}
	.start-2-wrap h3 {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #2a2924;
		font-family: ProximaNovaL;
		font-size: 5.5vw;
		line-height: 7vw;
		text-transform: uppercase;
		font-weight: 100;
	}
	.start-2-wrap h3 strong { font-family: ProximaNovaB; }
	.start-2-wrap .text {
		float:left;
		width:475px;
		margin:30px 0px 0px 0px;
		position:relative;
		color: #2a2924;
		font-family: ProximaNova;
		font-size: 3vw;
		font-weight: 400;
		line-height: 4vw;
	}
	.start-2-wrap .text table { width:100% !important;margin:0px 0px 3vw 0px; }
	.start-2-wrap .text table tr td:first-child { width:30px !important; }
	.start-2-wrap .text a { text-decoration:none;color: #2a2924; }
	.start-2-wrap .text strong { text-transform: uppercase; }
				
.formularz-div { float:left;width:100%;margin:20px 0px 0px 0px; }
	.form-box-left { float:left;width:100%;margin:0px 0px 0px 0px;overflow:hidden;position:relative; }
	.form-box-right { float:right;width:100%;margin:0px 0px 0px 0px;position:relative; }
	
	.form-box { float:left;width:100%;margin:0px 0px 28px 0px;position:relative; }
	.form-box-last { float:left;width:100%;margin:0px 0px 28px 0px;position:relative; }
	.form-box-kod { float:left;width:100%;margin:0px 0px 0px 0px;position:relative; }
	.form-box-all { float:left;width:100%;margin:0px 0px 10px 0px;position:relative; }
		.must {
			float:right;
			position:absolute;
			top:30px;
			right:10px;
			font-size:18px;
			color:#000;
			font-weight:900;
		}
	.form-text  { float:left;margin:0px 0px 10px 0px;width:100%;font-size:15px;line-height:15px;color:#000;font-family: ProximaNova; }
	.form-input { float:left;width:95%;height:38px;margin:0px 0px 0px 0px;padding:0px 0px 0px 5%;color:#000;border:1px solid #fff;background:#ffffff;font-size:15px;font-family: ProximaNova; }
	.form-textarea  { float:left;width:95%;max-width:95%;height:120px;max-height:120px;margin:0px 0px 0px 0px;color:#000;padding:10px 0px 0px 5%;border:1px solid #fff;background:#ffffff;font-size:15px;font-family: ProximaNova; }
	.form-input:focus, .form-textarea:focus, .form-submit:focus { outline:none; }
	.form-submit  { float:right;width:179px;height:40px;margin:5px 0px 0px 0px;color:#fff;padding:0px 0px 0px 0px;font-size:15px;font-family: ProximaNova;border:none;border:0px solid #dedede;cursor:pointer; }
	.form-dziekuje { float:left;padding:20px;text-align:center;font-size:16px;line-height:22px;font-family: ProximaNova;margin:20px 0px 0px 0px; }
	.error  { float:left;width:300px;margin:0px 0px 0px 0px; }
	
	.r-box {
		float:left;
		width:100%;
		position:relative;
		font-size:10px;
		line-height:12px;
		margin:15px 0px 0px 0px;
		text-align:justify;
		overflow:hidden;
	}
		.r-box .r-label {
			float:left;
			width:100%;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
		.r-box .r-checkbox {
			float:left;
			
			position:relative;
		}
		.r-text {
			float:left;
			width:calc(100% - 30px);
			position:relative;
		}
			.r-text .show { display:block; }
			.r-text .hide { display:none; }
			
#s-container { 
	float:left;
	width:100%;
	height:120px;
	position:relative;
	margin:0px 0px 0px 0px;
	background-color: whitesmoke; 
}
	#s-container .s-slide-1 { 
		float:left;
		width:100%;
		height:100%;
		position:relative;
		z-index:1; 
	}
		#s-container .s-slides { 
			float:left;
			width:100%;
			height:100%;
			position:relative; 
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		#s-container .s-slides-wrap { 
			float:left;
			width:96%;
			margin:0px 0px 0px 2%;
			padding:0px 0px 0px 20px;
			position:relative;
			border-left:3px solid #ffcd00;			
		}
		#s-container .s-slides-wrap h1{ 
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;	
			color: #242424;
			font-family: ProximaNova;
			font-size: 36px;
			font-weight: 400;
			line-height: 36px;
			text-transform: uppercase;
		}
		#s-container .s-slides-wrap .dir {
			float:left;
			width:100%;
			margin:5px 0px 0px 0px;
			padding:0px 0px 0px 0px;	
			color: #8b8b8b;
			font-family: ProximaNova;
			font-size: 14px;
			font-weight: 500;
			line-height: 14px;
		}
			#s-container .s-slides-wrap .dir a {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #8b8b8b;
				text-decoration:none;
			}
				#s-container .s-slides-wrap .dir a:hover {
					color: #ffcd00;
				}
			#s-container .s-slides-wrap .dir .dirArrow {
				float:right;
				margin:1px 15px 0px 15px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			
.product {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 80px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.product .inside {
		float:left;
		width:96%;
		position:relative;
	}
		.product .inside .submenu {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:4vw 0px 4vw 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
			border-bottom:1px solid #e8e7e7;
		}
			.product .inside .submenu a {
				float:left;
				width:100%;
				height:65px;
				text-decoration:none;
				background-color: #e8e8e7;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
				.product .inside .submenu a .name {
					float:left;
					width:120px;
					position:relative;
					color: #242424;
					font-family: "ProximaNovaB";
					font-size: 24px;
					font-weight: 700;
					line-height: 26px;
					text-transform: uppercase;
					text-align:center;
				}
				.product .inside .submenu a .header {
					float:left;
					width: calc(100% - 120px);
					position:relative;
					color: #242424;
					font-family: "ProximaNova";
					font-size: 14px;
					font-weight: 400;
					line-height: 18px;
				}
					.product .inside .submenu a:hover, .product .inside .submenu .activeSubmenu {
						background-color: #ffcd00;
					}
					
.product .one {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 8vw 0px;
	position:relative;
}
	.product .one .left {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
	}
		.product .one .left .zdjecie-glowne { 
			float:left;
			width:100%;
			height:55vw;
			position:relative;
			top:0;
			left:0;
			margin:0px 0px 0px 0px;
			z-index:1;
		}
			.product .one .left .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
		.product .one .left .galeria { 
			float:left;
			width:100%;
			margin:7px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;			
		}
		.product .one .left .gallery-box, .product .one .left .gallery-box-last { 
			float:left;
			width:32%;
			height:20vw;
			margin:0px 0px 5px 0px;
			overflow:hidden;
			border:0px solid #b0b0b0;
		}
		
	.product .one .right {
		float:left;
		width:100%;
		position:relative;
	}
		.product .one .right .productName {
			float:left;
			width:100%;
			height:65px;
			text-decoration:none;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.product .one .right .productName .name {
				float:left;
				width:170px;
				position:relative;
				color: #242424;
				font-family: "ProximaNovaB";
				font-size: 48px;
				font-weight: 700;
				line-height: 48px;
				text-transform: uppercase;
				text-align:left;
			}
			.product .one .right .productName .header {
				float:left;
				width: calc(100% - 170px);
				position:relative;
				color: #242424;
				font-family: "ProximaNova";
				font-size: 18px;
				font-weight: 400;
				line-height: 24px;
			}
		.product .one .right .productText {
			float:left;
			width:100%;
			position:relative;
			margin:15px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			text-align:justify;
		}
			.product .one .right .productText .headerName {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 25px 0px;
				padding:13px 0px 10px 20px;
				position:relative;
				color: #242424;
				font-family: "ProximaNova";
				font-size: 16px;
				font-weight: 700;
				line-height: 16px;
				text-transform: uppercase;
				letter-spacing: 0.16px;
				background:#ffcd00;
			}
			.product .one .right .productText .text {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color: #242424;
				font-family: "ProximaNova";
				font-size: 14px;
				font-weight: 400;
				line-height: 22px;
			}
	.product .two {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 8vw 0px;
		overflow:hidden;
	}
	.product .three {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 8vw 0px;
		overflow:hidden;
	}
		.product .textIcon {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:35px 15px 35px 15px;
			color: #000000;
			font-family: "ProximaNova";
			font-size: 16px;
			font-weight: 600;
			line-height: 24px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
			background-color: #f5f5f5;
		}
			.product .textIcon table {
				float:left;
				width:50% !important;
				text-align:center;
				margin:0px 0px 2vw 0px;
			}
		.product .textTable {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #000000;
			font-family: "ProximaNova";
			font-size: 14px;
			font-weight: 500;
			line-height: 24px;
			overflow-x: scroll;
		}
		.product .textTable table {
			float:left !important;
			width:900px !important;
			position:relative;
			border-spacing: 0; 
			border: 0; 
			border-collapse: collapse;
			text-align:center;
		}
			.product .textTable table thead td td:first-child {
				width:40%;
			}
			.product .textTable table thead tr td {		
				background-color:#009cff !important;
				text-align:center;
			}
				.product .textTable table thead tr td {
					color:#fff;
					border:1px solid #e0e0e0;
				}
				.product .textTable table tr td:first-child {
					text-align:left;
					background:#def2ff;
					padding-left:10px;
					width:30%;
					font-weight:600;
				}
			
		.product .textTable table tr td {
			margin:0px 0px 0px 0px !important;
			padding:12px 10px 12px 10px;
			border:1px solid #e0e0e0;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;		
		}
			.product .textTable table tr:nth-child(even) {
				background:#f8f8f8;
			}
	.product .four {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
	}
	.product .mainHeaderProduct {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 40px 0px;
		padding:0px 0px 0px 0px;
		color: #000;
		font-family: ProximaNovaB;
		font-size: 24px;
		font-weight: 400;
		line-height: 24px;
		text-transform: uppercase;
		text-align:center;
		background: url(images/homeOffer_hr.png) center no-repeat;
		letter-spacing: 1.52px;
	}
	.pliki { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 
	}
		.plik { 
			float:left;
			width:100%;
			margin:0px 2% 15px 0px; 
		}
		.plik a { 
			float:left;
			width:100%;
			position:relative;
			text-decoration:none;
			color:#000; 
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
		}
		.plik a:hover { color:#c3c3c3; }
		
		.plik-ikona-box { 
			float:left;
			margin:0px 0px 0px 0px;
			position:relative; 
		}
			.plik-roz { 
				float:left;
				position:absolute;
				bottom:0;
				width:100%;
				color:#fff;
				font-size:10px;
				text-align:center;
				margin:13px 0px 0px 0px; 
			}
			.plik-ikona { 
				float:left;
				width:35px;
				margin:0px 0px 0px 0px; 
			}
		.plik-tytul { 
			float:left;
			width: calc(100% - 55px);
			margin:0px 0px 0px 20px;
			font-size:16px;
			font-family: ProximaNova; 
		}
		
#realizacje-1 { float:left;width:100%;position:relative;margin:60px 0px 60px 0px; } 
.realizacje-1-wrap { width:96%;position:relative;margin:0 auto; }
	.realizacje-1-wrap h2 {
		display:none;
	}
	.realizacje-1-wrap h2 strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 34px;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.dod {
		display:none;
	}

	.realizacje-1-wrap .galeria { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.realizacje-1-wrap .gallery-box, .realizacje-1-wrap .gallery-box-last { 
		float:left;
		margin-bottom:5px;
		width:49%;
		height:35vw;
		overflow:hidden;
		border:0px solid #b0b0b0;
		border-radius: 22px;
	}
	.more-foto { display:none; }
	
	.realizacje-1-wrap .opis {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #262523;
		font-family: ProximaNova;
		font-size: 14px;
		font-weight: 300;
		line-height: 26px;
	}
	.realizacje-1-wrap .opis table { width:50% !important; }
    .realizacje-1-wrap .opis a { text-decoration:none;color: #2a2924; }
	.realizacje-1-wrap .opis strong { float:left;width:100%;margin:0px 0px 20px 0px;font-size: 16px;text-transform: uppercase; }
	.realizacje-1-wrap .opis ul { 
		float:left;
		width:100%;
		margin:10px 0px 10px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
		position:relative;
	}
	.realizacje-1-wrap .opis  ul li { 
		float:left;
		width:95%;
		padding:0px 0px 0px 5%;
		background: url(images/li_bg.png) top 6px left no-repeat;
		position:relative;
	} 
		 	
.contact {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 0vw 0px;
	background:#fff;
}	
	.contact .inside {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.contact .inside .left {
			float:left;
			width:96%;
			height:100%;
			margin:0px 2% 0px 2%;
			position:relative;	
		}
			.contact .inside .left .information {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				
			}
				.contact .inside .left .information h2 {
					float:left;
					width:100%;
					margin:0px 0px 5vw 0px;
					position:relative;
					color: #1a1717;
					font-family: "ProximaNovaL";
					font-size: 4vw;
					font-weight: 300;
					line-height: 4vw;
					text-transform: uppercase;
				}
				.contact .inside .left .information .text {
					float:left;
					width:95%;
					margin:0px 5% 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					color: #3a4350;
					font-family: "ProximaNova";
					font-size: 3.5vw;
					font-weight: 500;
					line-height: 5vw;
				}
					.contact .inside .left .information .text a {
						text-decoration:none;
						color: #3a4350;
					}
					.contact .inside .left .information .text a:hover {
						text-decoration:underline;
						color: #3a4350;
					}
					.contact .inside .left .information .text table {
						float:left;
						width:100% !important;
						min-height:50px;
						position:relative;
						margin:0px 0px 30px 0px;
						padding:0px 0px 0px 0px;
					}
								.contact .inside .left .information .text table:last-child { width:100% !important; }
							.contact .inside .left .information .text table em {
								font-style:normal;
								color: #ffcd00;
							}
							.contact .inside .left .information .text table h3 {
								float:left;
								margin:0px 0px 5px 0px;
								color: #3a4350;
								font-family: "ProximaNovaB";
								font-size: 24px;
								line-height:32px;
							}
						.contact .inside .left .information .text table tr td:first-child { 
							width:50px; 
							
						}
		.contact .inside .right {
			float:left;
			width:100%;
			height:60vw;
			position:relative;
		}
			.contact .inside .right .mapsIframe {
				float:left;
				width:100%;
				height:100%;
				position:relative;
			}

#firma-1 { float:left;width:100%;position:relative;margin:8vw 0px 8vw 0px; } 
.firma-1-wrap { width:96%;position:relative;margin:0 auto; }
	.firma-1-wrap h2 {
		float:left;
		width:100%;
		margin:0px 0px 40px 0px;
		position:relative;
		color: #1a1717;
		font-family: ProximaNova;
		line-height: 6vw;
		text-transform: uppercase;
		font-size: 5vw;
		font-weight: 400;
	}
	.firma-1-wrap h2 strong {	
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		font-size: 7vw;
		font-weight: 700;
		font-family: ProximaNovaB;
	}
	.firma-1-wrap .zdjecie-glowne {
		float:left;
		width:100%;
		height:55vw;
		border: 1px solid #d0d0d1;
		border-radius: 22px;
		margin:0px 0px 4vw 0px;
		position:relative;
		background-size:cover !important;
	}
	.firma-1-wrap .opis {
		float:left;
		width:96%;
		margin:0px 0px 0px 0px;
		position:relative;
		color: #262523;
		font-family: ProximaNova;
		font-size: 16px;
		font-weight: 300;
		line-height: 26px;
		text-align:justify;
	}
	.firma-1-wrap .opis table { width:100% !important; }
	.firma-1-wrap .opis table tr td:first-child { width:30px !important; }
	.firma-1-wrap .opis a { text-decoration:none;color: #2a2924; }
	.firma-1-wrap .opis strong { text-transform: uppercase; }
	
	
footer { width:100%;height:113px;float:left;position:relative;margin:0px 0px 0px 0px;background: url(images/footer_bg.jpg) top no-repeat;overflow:hidden; }
	.footer-wrapper { width:96%;height:113px;position:relative;margin:0 auto;position:relative; }
	footer nav { 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:23px 0px 0px 0px; }
	
	.ikon-up { float:left;margin:32px 0px 0px 0px;cursor:pointer;clear:both; }

.facebook {
	margin-top:50px;
	z-index:60;
	border:3px solid #4a6ea9;
	width:330px;
	height: 214px;
	position: fixed;
	right: -336px;
	top:60px;
}

.facebook img {
	float:left;
	margin:-3px 0px 0px 0px;
	width:50px;
	position: absolute; 
	top: 0px; 
	left: -50px; 
}

.facebook .fb-page {
	float:left;
	margin:0px 0px 0px 0px;
	position:relative;
	width:330px;
	height:220px;
}

#cookie_info { position:fixed;width:100%;height:100px;z-index:99999;right:0;bottom:0;background:#181617; background:rgba(0,0,0,0.8); }
#user_information { float:right;width:100%;margin:25px 0px 0px 0px;color:#fff;position:relative; }
#close_info_cookie { position:absolute;left:0;top:0;margin:0px 0px 0px 0px;background-color:#df2157;color:#fff;width:52px;height:52px;font-size:23px;text-align:center;cursor:pointer;font-weight:100; }
#close_info_cookie p { float:right;width:100%;text-align:center;margin:16px 0px 0px 0px; }
.user_information_nag { float:right;width:80%;font-size:12px;line-height:12px;color:#fff;font-weight:bold;margin:0px 0px 5px 0px; }
.user_information_text { float:right;width:80%;font-size:11px;line-height:16px;color:#fff;margin:0px 0px 0px 0px; }
	
}

@font-face {
    font-family: 'ProximaNovaB';
    src: url('fonts/proximanova-bold-webfont.eot');
    }

@font-face {
    font-family: 'ProximaNovaB';
    src: url('fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proximanova-regular-webfont.eot');
    }

@font-face {
    font-family: 'ProximaNova';
    src: url('fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('fonts/proximanova-regular-webfont.svg#ProximaNova') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaL';
    src: url('fonts/proximanova-light-webfont.eot');
    }

@font-face {
    font-family: 'ProximaNovaL';
    src: url('fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('fonts/proximanova-light-webfont.svg#ProximaNovaL') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaBL';
    src: url('fonts/proximanova-black-webfont.eot');
    }

@font-face {
    font-family: 'ProximaNovaBL';
    src: url('fonts/proximanova-black-webfont.ttf') format('truetype'),
         url('fonts/proximanova-black-webfont.svg#ProximaNovaBL') format('svg');
    font-weight: normal;
    font-style: normal;

}