@media screen and (min-width: 1201px) and (max-width: 10000px) {
.confHome {
	float:left;
	width:80%;
	margin:3.5vw 10% 5vw 10%;
	padding:0px 0px 0px 0px;
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
	.confHome h1 {
		float: left;
		width: 100%;
		margin: 0px 0px 2vw 0px;
		color: #231f20;
		
		font-size: 1.85vw;
		font-weight: 300;
		line-height: 1.85vw;
	}
		.confHome h1:after {
			content: '';
			float:left;
			width:30px;
			height:1.85vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background: url('../../images/logo_small.svg') left top 0.1vw no-repeat;
			background-size:21px auto;
		}
	.confHome .category {
		float:right;
		height:3.15vw;
		margin:-0.8vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
	}
		.confHome .category li {
			float:left;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			list-style: none; 			
			font-size: 1.3vw;
			font-weight: 300;
			line-height: 60px;			
		}
			.confHome .category li a {
				margin:0px 0px 0px 0px;
				padding:0px 3.4vw 0px 3.4vw;
				position:relative;
				text-decoration:none;
				color: #231f20;
				
				border-left:1px solid #cccccc;
			}
				.confHome .category li:last-child a {
					padding:0px 0px 0px 3.4vw;
				}
			.confHome .category li:hover, .confHome .category li.active {
				border-bottom:3px solid #51baea;
			}
	
	.confHome .submenu {
		float:left;
		width:100%;
		height:3.15vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
	}
		.confHome .submenu li {
			float:left;
			width: calc(20% + 11px);
			height:100%;
			margin:0px 0px 0px -14px;
			padding:0px 0px 0px 3vw;
			position:relative;
			list-style: none; 
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border-right:1px solid #e6e6e6;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			align-items:center;
			align-content:center;
			cursor:pointer;
			color: #231f20;
			
			font-size: 0.9vw;
			font-weight: 400;
			line-height: 3.15vw;
			background:#f3f5f6 url(../../images/conf_submenu_off.png) left 1.5vw top 1.05vw no-repeat;	
			background-size:0.95vw auto;	
			-webkit-clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
			clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0% 100%, 5% 50%, 0% 0%);
		}
				.confHome .submenu li:first-child {
					margin:0px 0px 0px 0px;
					-webkit-clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
					clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
				}
				.confHome .submenu li:last-child {
					-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
					clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
				}
			.confHome .submenu li:hover {
				color:#fff;
				background:#00447d url(../../images/conf_submenu_off.png) left 1.5vw top 1.05vw no-repeat;
				background-size:0.95vw auto;
			}
			
			.confHome .submenu li.active {
				color:#fff;
				background:#00447d url(../../images/conf_submenu_on.png) left 1.5vw top 1.05vw no-repeat;
				background-size:0.95vw auto;
			}
			
	.confHome h2 {
		float:left;
		width:100%;
		margin:0px 0px 2vw 0px;
		padding:0px 0px 0px 2vw;
		position:relative;
		color: #231f20;
		
		font-size: 0.9vw;
		font-weight: 500;
		line-height: 3.15vw;
		background: url(../../images/conf_submenu_on.png) left top 1.05vw no-repeat;
		background-size:0.95vw auto;
	}
	
	.confHome .step-1 { display:block; }
	.confHome .step-2 { display:none; }
	.confHome .step-3 { display:none; }
	.confHome .step-4 { display:none; }
	.confHome .step-5 { display:none; }
	
	.confHome .step-1 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-1 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-1 .box {
			float:left;
			width:16.3%;
			height:13.5vw;
			margin:0px 0.365% 0.365% 0px;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-1 .box .check {
				float:left;
				width:2.1vw;
				height:2.1vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-1 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
			}
				.confHome .step-1 .box .foto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.confHome .step-1 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 0.9vw;
					font-weight: 500;
					line-height: 0.9vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-1 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-1 .box.active .check {
							float:left;
							width:2.1vw;
							height:2.1vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
	
		.confHome .next {
			float: right;
			height: 3.3vw;
			margin: 2vw 0px 0px 0px;
			padding: 0px 5.2vw 0px 1.5vw;
			color: #fff;
			
			font-size: 1.1vw;
			font-weight: 400;
			line-height: 3.3vw;
			text-decoration: none;
			overflow: hidden;
			border: 0;
			cursor: pointer;
			background: #51baea url(../../images/owl_next_arrow_white.svg) center right 30px no-repeat;
		}
		
		.confHome .back {
			float: left;
			height: 3.3vw;
			margin: 2vw 0px 0px 0px;
			padding: 0px 2.5vw 0px 2.5vw;
			color: #fff;
			
			font-size: 1.1vw;
			font-weight: 400;
			line-height: 3.3vw;
			text-decoration: none;
			overflow: hidden;
			border: 0;
			cursor: pointer;
			background: #51baea;
		}
	
	.confHome .step-2 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
	.confHome .step-3 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .ranges {
			float:left;
			width: 100%;
		}
			.confHome .ranges .min {
				float:left;
				margin:2vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #231f20;
				
				font-size: 0.9vw;
				font-weight: 700;
				line-height: 0.9vw;
			}
			.confHome .ranges .show-range {
				float:left;
				width:5.5vw;
				margin:2vw 0px 0px -2.25vw;
				padding:0px 0px 0px 0px;
				position:absolute;
				left:50%;
				top:5vw;
				color: #231f20;
				
				font-size: 2vw;
				font-weight: 700;
				line-height: 3.15vw;
				background-color: #f3f5f6;
				text-align:center;
				-webkit-clip-path: polygon(50% 0%, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);
				clip-path: polygon(50% 0%, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);
			}
			.confHome .ranges .max {
				float:right;
				margin:2vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #231f20;
				
				font-size: 0.9vw;
				font-weight: 700;
				line-height: 0.9vw;
			}

		.confHome .ranges .range {
			-webkit-appearance: none;
			appearance: none;
			width: 100%;
			height: 2px;
			background: #d3d3d3;
			outline: none;
			-moz-apperance: none;
		}

		.confHome .ranges .range:hover {
			opacity: 1;
		}

		.confHome .ranges .range::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 25px;
			height: 25px;
			background: #51baea;
			cursor: pointer;
		}
		.confHome .ranges .range::-moz-range-thumb {
			width: 25px;
			height: 25px;
			background: #51baea;
			cursor: pointer;
		}
		
		
	.confHome .step-4 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-4 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-4 .box {
			float:left;
			width:16.3%;
			height:13.5vw;
			margin:0px 0.365% 0.365% 0px;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-4 .box .check {
				float:left;
				width:2.1vw;
				height:2.1vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-4 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
			}
				.confHome .step-4 .box .foto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.confHome .step-4 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 0.9vw;
					font-weight: 500;
					line-height: 0.9vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-4 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-4 .box.active .check {
							float:left;
							width:2.1vw;
							height:2.1vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
						
	.confHome .step-5 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-5 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-5 .box {
			float:left;
			width:16.3%;
			height:13.5vw;
			margin:0px 0.365% 0.365% 0px;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-5 .box .check {
				float:left;
				width:2.1vw;
				height:2.1vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-5 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				overflow:hidden;
				background: url(../../images/for_home_step_5_bg.jpg) center no-repeat;
				background-size:cover;
			}
				.confHome .step-5 .box .foto .img {
					float:left;
				}
				.confHome .step-5 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 0.9vw;
					font-weight: 500;
					line-height: 0.9vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-5 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-5 .box.active .check {
							float:left;
							width:2.1vw;
							height:2.1vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
						
.header-search {
	float:left;
	width:100%;
	height:3.15vw;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
    background: #51baea;
}
	.header-search a {
		color: #fff;
		
		font-size: 1.3vw;
		font-weight: 100;
		line-height: 3.15vw;
		text-decoration:none;
		letter-spacing:1.2px;
	}
						
.productSearch {
	float:left;
	width:100%;
	margin:2.15vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
		.productSearch .views {
			float:right;
			margin:0.5vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			z-index:5;
		}
			.productSearch .views .view-1 {
				float:left;
				width:25px;
				height:25px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				cursor:pointer;
				background: url(../../images/view_1.png) center no-repeat;
			}
				.productSearch .views .view-1:hover, .view-1-active {
					background: url(../../images/view_1_active.png) center no-repeat !important;
				}
			.productSearch .views .view-2 {
				float:left;
				width:25px;
				height:25px;
				margin:0px 0px 0px 0.5vw;
				padding:0px 0px 0px 0px;
				position:relative;
				cursor:pointer;
				background: url(../../images/view_2.png) center no-repeat;
			}
				.productSearch .views .view-2:hover, .view-2-active {
					background: url(../../images/view_2_active.png) center no-repeat !important;
				}
							
.productSearch h4 {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 1.3vw 0px;
	position:relative;
	color: #231f20;
	font-size: 1.3vw;
	font-weight: 300;
	line-height: 1.3vw;
	border-bottom:1px solid #d9d9d9;
}
.productSearch .inside {
	float:left;
	width:100%;
	margin:0px 0px 4vw 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
		.productSearch .show-view-2 {
			margin:0px 0px 1vw 0px;
		}
		
	.productSearch .inside .box {
		float:left;
		width:100%;
		height:4.5vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-bottom:1px solid #d9d9d9;
		list-style: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
				.productSearch .show-view-2 .box {
					width:20%;
					height:19.5vw;
					margin:0px 0px 0px 0px;
					padding:0px 0px 2vw 0px;
					overflow:hidden;
					border-right:1px solid #d9d9d9;
				}
					.productSearch .show-view-2 .box:nth-child(5n) {
						border-right:0;
					}
					
			.productSearch .inside .box a {
				float:left;
				width:100%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
		.productSearch .inside .box .zdjecie-glowne { 
			float:left;
			width:160px;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
					.productSearch .show-view-2 .box .zdjecie-glowne {
						width:100%;
						height:9vw;
					}
			.productSearch .inside .box .zdjecie-glowne .img {
				float:left;
				position: relative;
				max-width: 70%;
				max-height: 70%;
			}
		.productSearch .inside .box h3 {
			float:left;
			margin:0px 0px 0px 2vw;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #000000;
			font-size: 1.05vw;
			font-weight: 600;
			line-height: 4.5vw;
		}
			.productSearch .show-view-2 .box h3 {
				width:80%;
				height:2.35vw;
				font-size: 0.8vw;
				line-height:1.2vw;
				margin:0px 10% 0px 10%;
				text-align:center;
			}
		.productSearch .inside .box .other {
			float:right;
			height: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;
		}
				.productSearch .show-view-2 .box .other {
					float:left;
					width:100%;
					height:6vw;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
					display:flex;
					flex-direction:column;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.productSearch .show-view-2 .box .other .zdjecie-glowne {
						height:3vw;	
															
					}
			.productSearch .inside .box .other .zdjecie-glowne .img {
				float:left;
				position: relative;
				max-width: 50%;
				max-height: 60%;
			}
					.productSearch .show-view-2 .box .other .zdjecie-glowne .img {
						float:left;
						position: relative;
						max-width: 40%;
						max-height: 40%;
					}
			.productSearch .inside .box .other .more {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 1.35vw 0px 1.65vw;
				position:relative;
				height: 2.2vw;
				color: #ffffff;
				font-size: 0.75vw;
				font-weight: 400;
				line-height: 2.2vw;
				background-color: #51baea;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
						.productSearch .show-view-2 .box .other .more {
							margin:0.5vw 0px 0px 0px;
						}
				.productSearch .inside .box .other .more .arrow {
					float:right;
					margin:0px 0px 0px 10px;
				}
					.productSearch .inside .box:hover .other .more {
						background:#183e78;
					}
}

@media screen and (min-width: 651px) and (max-width: 1200px) {
.confHome {
	float:left;
	width:96%;
	margin:6vw 2% 6vw 2%;
	padding:0px 0px 0px 0px;
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
	.confHome h1 {
		float: left;
		width: 100%;
		margin: 0px 0px 4vw 0px;
		color: #231f20;
		
		font-size: 4vw;
		font-weight: 300;
		line-height: 4vw;
	}
		.confHome h1:after {
			content: '';
			float:left;
			width:30px;
			height:4vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background: url('../../images/logo_small.svg') left no-repeat;
			background-size:15px auto;
		}
	.confHome .category {
		float:left;
		width:100%;
		margin:0vw 0px 4vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		top:0;
		right:0;
	}
		.confHome .category li {
			float:left;
			width:33.33%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			list-style: none; 			
			font-size: 3.5vw;
			font-weight: 300;
			line-height: 6vw;	
			border-bottom:3px solid #fff;
			text-align:center;
		}
			.confHome .category li a {
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				text-decoration:none;
				color: #231f20;
				
			}
				.confHome .category li:last-child a {
					padding:0px 0px 0px 0px;
				}
			.confHome .category li:hover, .confHome .category li.active {
				border-bottom:3px solid #51baea;
			}
	
	.confHome .submenu {
		float:left;
		width:100%;		
		margin:0px 0px 2vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
	}
		.confHome .submenu li {
			float:left;
			width: 50%;
			margin:0px 0px 0px 0px;
			padding:1vw 0px 1vw 7vw;
			position:relative;
			list-style: none; 
			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;
			cursor:pointer;
			color: #231f20;
			
			font-size: 3vw;
			font-weight: 400;
			line-height: 6vw;
			background:#f3f5f6 url(../../images/conf_submenu_off.png) left 2vw top 2vw no-repeat;	
			background-size:3vw auto;	
		}
			.confHome .submenu li:hover {
				color:#fff;
				background:#00447d url(../../images/conf_submenu_off.png) left 2vw top 2vw no-repeat;
				background-size:3vw auto;
			}
			
			.confHome .submenu li.active {
				color:#fff;
				background:#00447d url(../../images/conf_submenu_on.png) left 2vw top 2vw no-repeat;
				background-size:3vw auto;
			}
			
	.confHome h2 {
		float:left;
		width:100%;
		margin:0px 0px 4vw 0px;
		padding:0px 0px 0px 4vw;
		position:relative;
		color: #231f20;
		
		font-size: 4vw;
		font-weight: 500;
		line-height: 4vw;
		background: url(../../images/conf_submenu_on.png) left top 0.8vw no-repeat;
		background-size:2vw auto;
	}
	
	.confHome .step-1 { display:block; }
	.confHome .step-2 { display:none; }
	.confHome .step-3 { display:none; }
	.confHome .step-4 { display:none; }
	.confHome .step-5 { display:none; }
	
	.confHome .step-1 {
		float:left;
		width:100%;
		margin:4vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-1 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-1 .box {
			float:left;
			width:48%;
			height:35vw;
			margin:0px 0.5vw 1vw 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-1 .box .check {
				float:left;
				width:5vw;
				height:5vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-1 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
			}
				.confHome .step-1 .box .foto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.confHome .step-1 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 500;
					line-height: 3vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-1 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-1 .box.active .check {
							float:left;
							width:5vw;
							height:5vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
	
		.confHome .next {
			float: right;
			height: 8vw;
			margin: 4vw 0px 0px 0px;
			padding: 0px 12vw 0px 3vw;
			color: #fff;
			
			font-size: 3vw;
			font-weight: 400;
			line-height: 8vw;
			text-decoration: none;
			overflow: hidden;
			border: 0;
			cursor: pointer;
			background: #51baea url(../../images/owl_next_arrow_white.svg) center right 10px no-repeat;
		}
		
		.confHome .back {
			float: left;
			height: 8vw;
			margin: 4vw 0px 0px 0px;
			padding: 0px 8vw 0px 8vw;
			color: #fff;
			
			font-size: 3vw;
			font-weight: 400;
			line-height: 8vw;
			text-decoration: none;
			overflow: hidden;
			border: 0;
			cursor: pointer;
			background: #51baea;
		}
	
	.confHome .step-2 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
	.confHome .step-3 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .ranges {
			float:left;
			width: 100%;
		}
			.confHome .ranges .min {
				float:left;
				margin:4vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #231f20;
				
				font-size: 3vw;
				font-weight: 700;
				line-height: 3vw;
			}
			.confHome .ranges .show-range {
				float:left;
				width:16vw;
				margin:2vw 0px 0px -8vw;
				padding:0px 0px 0px 0px;
				position:relative;
				left:50%;
				top:5vw;
				color: #231f20;
				
				font-size: 4vw;
				font-weight: 700;
				line-height: 8vw;
				background-color: #f3f5f6;
				text-align:center;
				-webkit-clip-path: polygon(50% 0%, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);
				clip-path: polygon(50% 0%, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);
			}
			.confHome .ranges .max {
				float:right;
				margin:4vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #231f20;
				
				font-size: 3vw;
				font-weight: 700;
				line-height: 3vw;
			}

		.confHome .ranges .range {
			-webkit-appearance: none;
			appearance: none;
			width: 100%;
			height: 2px;
			background: #d3d3d3;
			outline: none;
			-moz-apperance: none;
		}

		.confHome .ranges .range:hover {
			opacity: 1;
		}

		.confHome .ranges .range::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 25px;
			height: 25px;
			background: #51baea;
			cursor: pointer;
		}
		.confHome .ranges .range::-moz-range-thumb {
			width: 25px;
			height: 25px;
			background: #51baea;
			cursor: pointer;
		}
		
		
	.confHome .step-4 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-4 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-4 .box {
			float:left;
			width:48%;
			height:35vw;
			margin:0px 0.5vw 1vw 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-4 .box .check {
				float:left;
				width:5vw;
				height:5vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-4 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
			}
				.confHome .step-4 .box .foto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.confHome .step-4 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 500;
					line-height: 3vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-4 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-4 .box.active .check {
							float:left;
							width:5vw;
							height:5vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
						
	.confHome .step-5 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-5 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-5 .box {
			float:left;
			width:48%;
			height:35vw;
			margin:0px 0.5vw 1vw 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-5 .box .check {
				float:left;
				width:5vw;
				height:5vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-5 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				overflow:hidden;
				background: url(../../images/for_home_step_5_bg.jpg) center no-repeat;
				background-size:cover;
			}
				.confHome .step-5 .box .foto .img {
					float:left;
				}
				.confHome .step-5 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 500;
					line-height: 3vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-5 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-5 .box.active .check {
							float:left;
							width:5vw;
							height:5vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
						
.header-search {
	float:left;
	width:100%;
	height:8vw;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
    background: #51baea;
}
	.header-search a {
		color: #fff;
		
		font-size: 3vw;
		font-weight: 100;
		line-height: 8vw;
		text-decoration:none;
		letter-spacing:1.2px;
	}
						
.productSearch {
	float:left;
	width:100%;
	margin:6vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
		.productSearch .views {
			float:right;
			margin:-1.2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			z-index:5;
		}
			.productSearch .views .view-1 {
				float:left;
				width:25px;
				height:25px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				cursor:pointer;
				background: url(../../images/view_1.png) center no-repeat;
			}
				.productSearch .views .view-1:hover, .view-1-active {
					background: url(../../images/view_1_active.png) center no-repeat !important;
				}
			.productSearch .views .view-2 {
				float:left;
				width:25px;
				height:25px;
				margin:0px 0px 0px 0.5vw;
				padding:0px 0px 0px 0px;
				position:relative;
				cursor:pointer;
				background: url(../../images/view_2.png) center no-repeat;
			}
				.productSearch .views .view-2:hover, .view-2-active {
					background: url(../../images/view_2_active.png) center no-repeat !important;
				}


				
.productSearch h4 {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2vw 0px;
	position:relative;
	color: #231f20;
	font-size: 4vw;
	font-weight: 300;
	line-height: 4vw;
	border-bottom:1px solid #d9d9d9;
}
.productSearch .inside {
	float:left;
	width:100%;
	margin:0px 0px 4vw 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
		.productSearch .show-view-2 {
			margin:0px 0px 1vw 0px;
		}
		
		.productSearch .inside .box {
			float:left;
			width:100%;
			height:15vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-bottom:1px solid #d9d9d9;
			list-style: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;					
		}
					.productSearch .show-view-2 .box {
						width:50%;
						height:45vw;
						margin:0px 0px 0px 0px;
						padding:0px 0px 2vw 0px;
						overflow:hidden;
						border-right:1px solid #d9d9d9;
					}
						.productSearch .show-view-2 .box:nth-child(2n) {
							border-right:0;
						}
						
				.productSearch .inside .box a {
					float:left;
					width:100%;
					height: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;
					text-decoration:none;
				}
			.productSearch .inside .box .zdjecie-glowne { 
				float:left;
				width:20vw;
				height:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				z-index:5;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
						.productSearch .show-view-2 .box .zdjecie-glowne {
							width:100%;
							height:20vw;
						}
				.productSearch .inside .box .zdjecie-glowne .img {
					float:left;
					position: relative;
					max-width: 70%;
					max-height: 70%;
				}
			.productSearch .inside .box h3 {
				float:left;
				width:50%;
				margin:0px 0px 0px 2vw;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #000000;
				font-size: 2.5vw;
				font-weight: 600;
				line-height: 3.5vw;
			}
				.productSearch .show-view-2 .box h3 {
					width:90%;
					height:8vw;
					font-size: 2.5vw;
					line-height:3.5vw;
					margin:2vw 5% 0px 5%;
					text-align:center;
				}
			.productSearch .inside .box .other {
				float:right;
				height: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;
			}
					.productSearch .show-view-2 .box .other {
						float:left;
						width:100%;
						height:6vw;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						display:flex;
						flex-direction:column;
						flex-wrap:wrap;
						justify-content:flex-start;
						align-items:center;
						align-content:center;
					}
						.productSearch .inside .box .other .zdjecie-glowne {
							display:none !important;
						}
						.productSearch .show-view-2 .box .other .zdjecie-glowne {
							height:3vw;	
																
						}
				.productSearch .inside .box .other .zdjecie-glowne .img {
					float:left;
					position: relative;
					max-width: 40%;
					max-height: 40%;
				}
						.productSearch .show-view-2 .box .other .zdjecie-glowne .img {
							float:left;
							position: relative;
							max-width: 60%;
							max-height: 60%;
						}
				.productSearch .inside .box .other .more {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 3vw 0px 3vw;
					position:relative;
					height: 7vw;
					color: #ffffff;
					font-size: 2vw;
					font-weight: 400;
					line-height: 8vw;
					background-color: #51baea;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					overflow:hidden;
				}
							.productSearch .show-view-2 .box .other .more {
								margin:0.5vw 0px 0px 0px;
							}
					.productSearch .inside .box .other .more .arrow {
						float:right;
						width:2vw;
						margin:0px 0px 0px 10px;
					}
						.productSearch .inside .box:hover .other .more {
							background:#183e78;
						}
}

@media screen and (min-width: 1px) and (max-width: 650px) {
.confHome {
	float:left;
	width:96%;
	margin:6vw 2% 6vw 2%;
	padding:0px 0px 0px 0px;
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
	.confHome h1 {
		float: left;
		width: 100%;
		margin: 0px 0px 4vw 0px;
		color: #231f20;
		
		font-size: 4vw;
		font-weight: 300;
		line-height: 4vw;
	}
		.confHome h1:after {
			content: '';
			float:left;
			width:30px;
			height:4vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			background: url('../../images/logo_small.svg') left top 0.1vw no-repeat;
			background-size:15px auto;
		}
	.confHome .category {
		float:left;
		width:100%;
		margin:0vw 0px 4vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		top:0;
		right:0;
	}
		.confHome .category li {
			float:left;
			width:33.33%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			list-style: none; 			
			font-size: 3.5vw;
			font-weight: 300;
			line-height: 6vw;	
			border-bottom:3px solid #fff;
			text-align:center;
		}
			.confHome .category li a {
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				text-decoration:none;
				color: #231f20;
				
			}
				.confHome .category li:last-child a {
					padding:0px 0px 0px 0px;
				}
			.confHome .category li:hover, .confHome .category li.active {
				border-bottom:3px solid #51baea;
			}
	
	.confHome .submenu {
		float:left;
		width:100%;		
		margin:0px 0px 2vw 0px;
		padding:0px 0px 0px 0px;
		position:relative;	
	}
		.confHome .submenu li {
			float:left;
			width: 50%;
			margin:0px 0px 0px 0px;
			padding:1vw 0px 1vw 7vw;
			position:relative;
			list-style: none; 
			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;
			cursor:pointer;
			color: #231f20;
			
			font-size: 3vw;
			font-weight: 400;
			line-height: 6vw;
			background:#f3f5f6 url(../../images/conf_submenu_off.png) left 2vw top 2vw no-repeat;	
			background-size:3vw auto;	
		}
			.confHome .submenu li:hover {
				color:#fff;
				background:#00447d url(../../images/conf_submenu_off.png) left 2vw top 2vw no-repeat;
				background-size:3vw auto;
			}
			
			.confHome .submenu li.active {
				color:#fff;
				background:#00447d url(../../images/conf_submenu_on.png) left 2vw top 2vw no-repeat;
				background-size:3vw auto;
			}
			
	.confHome h2 {
		float:left;
		width:100%;
		margin:0px 0px 4vw 0px;
		padding:0px 0px 0px 4vw;
		position:relative;
		color: #231f20;
		
		font-size: 4vw;
		font-weight: 500;
		line-height: 4vw;
		background: url(../../images/conf_submenu_on.png) left top 0.8vw no-repeat;
		background-size:2vw auto;
	}
	
	.confHome .step-1 { display:block; }
	.confHome .step-2 { display:none; }
	.confHome .step-3 { display:none; }
	.confHome .step-4 { display:none; }
	.confHome .step-5 { display:none; }
	
	.confHome .step-1 {
		float:left;
		width:100%;
		margin:4vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-1 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-1 .box {
			float:left;
			width:48%;
			height:35vw;
			margin:0px 0.5vw 1vw 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-1 .box .check {
				float:left;
				width:5vw;
				height:5vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-1 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
			}
				.confHome .step-1 .box .foto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.confHome .step-1 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 500;
					line-height: 3vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-1 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-1 .box.active .check {
							float:left;
							width:5vw;
							height:5vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
	
		.confHome .next {
			float: right;
			height: 8vw;
			margin: 4vw 0px 0px 0px;
			padding: 0px 12vw 0px 3vw;
			color: #fff;
			
			font-size: 3vw;
			font-weight: 400;
			line-height: 8vw;
			text-decoration: none;
			overflow: hidden;
			border: 0;
			cursor: pointer;
			background: #51baea url(../../images/owl_next_arrow_white.svg) center right 10px no-repeat;
		}
		
		.confHome .back {
			float: left;
			height: 8vw;
			margin: 4vw 0px 0px 0px;
			padding: 0px 8vw 0px 8vw;
			color: #fff;
			
			font-size: 3vw;
			font-weight: 400;
			line-height: 8vw;
			text-decoration: none;
			overflow: hidden;
			border: 0;
			cursor: pointer;
			background: #51baea;
		}
	
	.confHome .step-2 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
	
	.confHome .step-3 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .ranges {
			float:left;
			width: 100%;
		}
			.confHome .ranges .min {
				float:left;
				margin:4vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #231f20;
				
				font-size: 3vw;
				font-weight: 700;
				line-height: 3vw;
			}
			.confHome .ranges .show-range {
				float:left;
				width:16vw;
				margin:2vw 0px 0px -8vw;
				padding:0px 0px 0px 0px;
				position:relative;
				left:50%;
				top:5vw;
				color: #231f20;
				
				font-size: 4vw;
				font-weight: 700;
				line-height: 8vw;
				background-color: #f3f5f6;
				text-align:center;
				-webkit-clip-path: polygon(50% 0%, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);
				clip-path: polygon(50% 0%, 85% 0, 100% 50%, 85% 100%, 15% 100%, 0 50%, 15% 0);
			}
			.confHome .ranges .max {
				float:right;
				margin:4vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #231f20;
				
				font-size: 3vw;
				font-weight: 700;
				line-height: 3vw;
			}

		.confHome .ranges .range {
			-webkit-appearance: none;
			appearance: none;
			width: 100%;
			height: 2px;
			background: #d3d3d3;
			outline: none;
			-moz-apperance: none;
		}

		.confHome .ranges .range:hover {
			opacity: 1;
		}

		.confHome .ranges .range::-webkit-slider-thumb {
			-webkit-appearance: none;
			appearance: none;
			width: 25px;
			height: 25px;
			background: #51baea;
			cursor: pointer;
		}
		.confHome .ranges .range::-moz-range-thumb {
			width: 25px;
			height: 25px;
			background: #51baea;
			cursor: pointer;
		}
		
		
	.confHome .step-4 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-4 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-4 .box {
			float:left;
			width:48%;
			height:35vw;
			margin:0px 0.5vw 1vw 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-4 .box .check {
				float:left;
				width:5vw;
				height:5vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-4 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
			}
				.confHome .step-4 .box .foto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
				.confHome .step-4 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 500;
					line-height: 3vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-4 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-4 .box.active .check {
							float:left;
							width:5vw;
							height:5vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
						
	.confHome .step-5 {
		float:left;
		width:100%;
		margin:2.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
	}
		.confHome .step-5 .option {
			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:flex-start;
			align-items:center;
			align-content:center;
		}
		.confHome .step-5 .box {
			float:left;
			width:48%;
			height:35vw;
			margin:0px 0.5vw 1vw 0.5vw;
			padding:0px 0px 0px 0px;
			position:relative;			
			background:#f7f7f7;
			cursor:pointer;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border:1px solid #f7f7f7;
		}
			.confHome .step-5 .box .check {
				float:left;
				width:5vw;
				height:5vw;
				position:absolute;
				top:0;
				left:0;
				z-index:2;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				background: #f3f3f3;
				-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;
			}
			.confHome .step-5 .box .foto {
				float:left;
				width:100%;
				height:70%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				z-index:1;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				overflow:hidden;
				background: url(../../images/for_home_step_5_bg.jpg) center no-repeat;
				background-size:cover;
			}
				.confHome .step-5 .box .foto .img {
					float:left;
				}
				.confHome .step-5 .box .name {
					float:left;
					width:100%;
					height:30%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;	
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 500;
					line-height: 3vw;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					z-index:1;
				}
					.confHome .step-5 .box:hover {
						border:1px solid #31a749;
					}
						.confHome .step-5 .box.active .check {
							float:left;
							width:5vw;
							height:5vw;					
							background: #31a749 url(../../images/conf_home_step_1_arrow.svg) center no-repeat;
						}
						
.header-search {
	float:left;
	width:100%;
	height:8vw;	
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
    background: #51baea;
}
	.header-search a {
		color: #fff;
		
		font-size: 3vw;
		font-weight: 100;
		line-height: 8vw;
		text-decoration:none;
		letter-spacing:1.2px;
	}
						
.productSearch {
	float:left;
	width:100%;
	margin:6vw 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	}
		.productSearch .views {
			float:right;
			margin:-1.2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			z-index:5;
		}
			.productSearch .views .view-1 {
				float:left;
				width:25px;
				height:25px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				cursor:pointer;
				background: url(../../images/view_1.png) center no-repeat;
			}
				.productSearch .views .view-1:hover, .view-1-active {
					background: url(../../images/view_1_active.png) center no-repeat !important;
				}
			.productSearch .views .view-2 {
				float:left;
				width:25px;
				height:25px;
				margin:0px 0px 0px 0.5vw;
				padding:0px 0px 0px 0px;
				position:relative;
				cursor:pointer;
				background: url(../../images/view_2.png) center no-repeat;
			}
				.productSearch .views .view-2:hover, .view-2-active {
					background: url(../../images/view_2_active.png) center no-repeat !important;
				}


				
.productSearch h4 {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 2vw 0px;
	position:relative;
	color: #231f20;
	font-size: 4vw;
	font-weight: 300;
	line-height: 4vw;
	border-bottom:1px solid #d9d9d9;
}
.productSearch .inside {
	float:left;
	width:100%;
	margin:0px 0px 4vw 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}
		.productSearch .show-view-2 {
			margin:0px 0px 1vw 0px;
		}
		
		.productSearch .inside .box {
			float:left;
			width:100%;
			height:15vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			border-bottom:1px solid #d9d9d9;
			list-style: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;					
		}
					.productSearch .show-view-2 .box {
						width:50%;
						height:45vw;
						margin:0px 0px 0px 0px;
						padding:0px 0px 2vw 0px;
						overflow:hidden;
						border-right:1px solid #d9d9d9;
					}
						.productSearch .show-view-2 .box:nth-child(2n) {
							border-right:0;
						}
						
				.productSearch .inside .box a {
					float:left;
					width:100%;
					height: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;
					text-decoration:none;
				}
			.productSearch .inside .box .zdjecie-glowne { 
				float:left;
				width:20vw;
				height:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				z-index:5;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
			}
						.productSearch .show-view-2 .box .zdjecie-glowne {
							width:100%;
							height:20vw;
						}
				.productSearch .inside .box .zdjecie-glowne .img {
					float:left;
					position: relative;
					max-width: 70%;
					max-height: 70%;
				}
			.productSearch .inside .box h3 {
				float:left;
				width:50%;
				margin:0px 0px 0px 2vw;
				padding:0px 0px 0px 0px;
				position:relative;
				color: #000000;
				font-size: 2.5vw;
				font-weight: 600;
				line-height: 3.5vw;
			}
				.productSearch .show-view-2 .box h3 {
					width:90%;
					height:8vw;
					font-size: 2.5vw;
					line-height:3.5vw;
					margin:2vw 5% 0px 5%;
					text-align:center;
				}
			.productSearch .inside .box .other {
				float:right;
				height: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;
			}
					.productSearch .show-view-2 .box .other {
						float:left;
						width:100%;
						height:6vw;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;
						display:flex;
						flex-direction:column;
						flex-wrap:wrap;
						justify-content:flex-start;
						align-items:center;
						align-content:center;
					}
						.productSearch .inside .box .other .zdjecie-glowne {
							display:none !important;
						}
						.productSearch .show-view-2 .box .other .zdjecie-glowne {
							height:3vw;	
																
						}
				.productSearch .inside .box .other .zdjecie-glowne .img {
					float:left;
					position: relative;
					max-width: 40%;
					max-height: 40%;
				}
						.productSearch .show-view-2 .box .other .zdjecie-glowne .img {
							float:left;
							position: relative;
							max-width: 60%;
							max-height: 60%;
						}
				.productSearch .inside .box .other .more {
					float:left;
					margin:0px 0px 0px 0px;
					padding:0px 3vw 0px 3vw;
					position:relative;
					height: 7vw;
					color: #ffffff;
					font-size: 2vw;
					font-weight: 400;
					line-height: 8vw;
					background-color: #51baea;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
					overflow:hidden;
				}
							.productSearch .show-view-2 .box .other .more {
								margin:0.5vw 0px 0px 0px;
							}
					.productSearch .inside .box .other .more .arrow {
						float:right;
						width:2vw;
						margin:0px 0px 0px 10px;
					}
						.productSearch .inside .box:hover .other .more {
							background:#183e78;
						}
}