html, body { font-size:14px;line-height:18px;height:100%;color:#000;font-family: 'proxima-nova', Arial, Helvetica, sans-serif;font-weight:300; }
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; }

.pro {
	float:left;
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
	background:#fff;
	opacity:1;
}
.load {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	top:0;
	left:0;
	z-index:100;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
.er {
	width:31vw;
}

.under {
	float:left;
	width:100%;
	height: calc(100% - 7.9vw);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	overflow:hidden;
}
.under .video {
	position: absolute;
	left: 0;
	top:0;
	min-width: 100%;
	width: 100%;
	height:100%;
	z-index: 0;		
	min-width: 100%;
	min-height: 100%;	
	object-fit: cover;				
}
.pointer {
	cursor:pointer;
}
.padding-scroll {
	height:100% !important;
	overflow:hidden;
}
.cs {
	float:left;
	width:50%;
	margin:0px 0px 0px 25%;
}
.border {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}	

.gradient-1 {
background: rgba(246,246,246,1);
background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,0.38) 82%, rgba(255,255,255,0.24) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,246,246,1)), color-stop(82%, rgba(246,246,246,0.38)), color-stop(100%, rgba(255,255,255,0.24)));
background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,0.38) 82%, rgba(255,255,255,0.24) 100%);
background: -o-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,0.38) 82%, rgba(255,255,255,0.24) 100%);
background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(246,246,246,0.38) 82%, rgba(255,255,255,0.24) 100%);
background: linear-gradient(to bottom, rgba(246,246,246,1) 0%, rgba(246,246,246,0.38) 82%, rgba(255,255,255,0.24) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );
}
.gradient-2 {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+78&0+0,1+64 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 78%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 78%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 64%,rgba(255,255,255,1) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

@media screen and (min-width: 3001px) and (max-width: 20000px) {
	body {
		height:175% !important;
		transform: scale(0.5) translate(0%, -50%);
	}
	
	.base__content {
		float:left;
		width:100%;
		position:relative;
	}
	.container { height: 30vw !important;overflow: hidden; }
	.container .slide-1 { overflow:hidden !important;margin:0px 0px 0px -1px !important; }
	.slidesBg { width:calc(100% + 5vw) !important;height:calc(100% + 5vw) !important;margin:-2.5vw 0px 0px -2.5vw !important; }
	.arrow-fixed { display:none !important; }
	.wrapper { top:4.45vw !important; }
	.wrapper nav { margin:0px 0px 0px -1.7vw !important; }
	.home .offersNew .left { margin-left:-2px !important; }
	.menu {  }
}

@media screen and (min-width: 2601px) and (max-width: 3000px) {
	body {
		height:130% !important;
		transform: scale(0.7) translate(0%, -21.5%);
	}
	.base__content {
		float:left;
		width:100%;
		position:relative;
	}
	.fancybox-container { top: 30% !important; }
	.container { height: 30vw !important;overflow: hidden; }
	.container .slide-1 { overflow:hidden !important;margin:0px 0px 0px -1px !important; }
	.slidesBg { width:100% !important;height:100% !important;margin:0px 0px 0px 0px !important;overflow:hidden; }
	.arrow-fixed { display:none !important; }
	
	.wrapper { top:4.45vw !important; }
	.wrapper nav { margin:0px 0px 0px -1.7vw !important; }
	.home .offersNew .left { margin-left:-2px !important; }
	.menu {  }
}

@media screen and (min-width: 2201px) and (max-width: 2600px) {
	body {
		height:120% !important;
		transform: scale(0.8) translate(0%, -12.5%);
	}
	.base__content {
		float:left;
		width:100%;
		position:relative;
	}
	.fancybox-container { top: 40% !important; }
	.container { height: 30vw !important;overflow: hidden; }
	.container .slide-1 { overflow:hidden !important;margin:0px 0px 0px -1px !important; }
	.slidesBg { width:100% !important;height:100% !important;margin:0px 0px 0px 0px !important;overflow:hidden; }
	.arrow-fixed { display:none !important; }
	
	.wrapper { top:4.45vw !important; }
	.wrapper nav { margin:0px 0px 0px -1.7vw !important; }
	.home .offersNew .left { margin-left:-2px !important; }
	.menu {  }
}

@media screen and (min-width: 1921px) and (max-width: 2200px) {
	body {
		height:113% !important;
		transform: scale(0.9) translate(0%, -6%);
	}
	.base__content {
		float:left;
		width:100%;
		position:relative;
	}
	.fancybox-container { top: 54% !important; }
	.container { height: 30vw !important;overflow: hidden; }
	.container .slide-1 { overflow:hidden !important;margin:-2px 0px 0px -2px !important; }
	.slidesBg { width:100% !important;height:100% !important;margin:0px 0px 0px 0px !important;overflow:hidden; }
	.arrow-fixed { display:none !important; }
	
	.wrapper { top:4.45vw !important; }
	.wrapper nav { margin:0px 0px 0px -1.7vw !important; }
	.home .offersNew .left { margin-left:-2px !important; }
	.menu {  }
}

@media screen and (min-width: 0px) and (max-width: 1920px) {
	.base__content {
		height:100%;
	}
}


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

.buttonForm {
	float: left;
	position: relative;
	margin: 0px 1vw 0px 0px;
	padding: 0.3vw 1vw 0.3vw 1vw;
	font-size: 1vw;
    line-height: 1vw;
    color: #fff;
	background: #FF0000;
	cursor: pointer;
}

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

.menu-margin {
	margin-top: 7.8vw;
}

.disSub {
	float: left;
    height: 2.47vw;
    margin: 0px 0px 0px 1vw;
    padding: 0px 5.2vw 0px 1.5vw;
    color: #fff;
    
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 1.1vw;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    background: #51baea url(images/short_ul_li_white.svg) center right 1.5vw no-repeat;
}

.top {
	float:left;
	width:100%;
	height:4.47vw;
	position:absolute;
	left:0;
	top:0;
	background:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:15;
}
	.top .wrap {
		float:left;
		width:94%;
		height:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
		.top .logo { 
			float:left;
			position:relative;
			margin-top:10px;
		}	
			.top .logo img {
				float:left;
				width:25vw;
				position:relative;
			}
	.top ul { 
		float:right;
		font-size:0.8vw;
		line-height:0.8vw;
		font-weight:400;
		position:relative;
	}
	.top ul li { 
		float:left;
		position:relative;
		margin:0px 0px 0px 2.2vw;
		list-style: none; 
	}
	.top ul li a { 
		color:#000;
		text-decoration:none;
		display: inline-block; 
	}
		.top ul li a:hover, .active-link {
			color: #51baea !important;
		}

.wrapper { 
	float:left;
	width:100%;
	height:3.4vw;
	position:absolute;
	left:0;
	top:4.47vw;
	background-color:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	z-index:13;
}
	.wrapper-fixed {
		position:fixed;
		top:0;
		left:0;
		z-index:20;
		border-bottom:1px solid #f2f2f2;
	}
		.wrapper-fixed .wrap nav {
			margin:0px 0px 0px 0px;
		}
			.border-bottom {
				border-bottom:1px solid #f2f2f2;
			}
	.wrapper .wrap { 
		float:left;
		width:94%;
		height:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
		overflow:hidden;
		background:#fff;
		z-index:6;
	}
	.wrapper nav { 
		float:right;
		width:auto;
		position:relative;
		margin:0px 0px 0px -2.36vw;
		padding:0px 0px 0px 0px;
		font-size:1vw;
		line-height:1vw;	
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-around;
		align-items:center;
		align-content:center;
		background:#fff;
		z-index:7;
	}
	.wrapper .logo-small {
		float:left;
		position:relative;
		margin:0px 1vw 0px 0px;
		top:0;
		left:0;
	}
		.wrapper .logo-small .img {
			width:25px;
		}
	.wrapper nav ul { 
		float:left;
		position:relative;
		margin:1.21vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.wrapper nav ul li { 
		float:left;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none; 
		cursor:pointer;
	}
	.wrapper nav ul li a { 
		color:#000;
		text-decoration:none;
		padding:0px 1vw 1.05vw 1vw;
		display: inline-block; 
		border-bottom:2px solid #fff;
	}
		.wrapper nav ul li:first-child a {
			padding:0px 1vw 1.05vw 0px;
		}
	.wrapper nav ul li a:hover { color:#51baea; }
	.wrapper nav ul li a.active { color:#003975;border-bottom:2px solid #51baea; }
	.wrapper nav ul li .menu-arrow { float:right;width:0.6vw;margin:0.25vw 0px 0px 0.5vw; }
	.wrapper nav ul li .menu-hr { float:right;margin:0px 0.5vw 0px 0.5vw; }
		.wrapper nav ul li:last-child .menu-hr { display:none; }
	.wrapper .menu-tel { display:none !important; }
	
	.wrapper .right {
		float:right;
		height:100%;
		position:realtive;
		background:#fff;
		z-index:5;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.wrapper .right .social, .wrapper .right .social a {
			float:left;
			height:0.78vw;
			position:relative;
			cursor:pointer;
		}
			.wrapper .right .social a {
				margin-left:0.8vw;
			}
			.wrapper .right .social, .wrapper .right .social a .icon {
				height:0.78vw;
			}
			.wrapper .right .social, .wrapper .right .social a .icon path {
				 fill: #000;
			}
				.wrapper .right .social, .wrapper .right .social a .icon:hover path {
					fill: #51baea;
				}
					.active-icon path {
						fill: #51baea !important;
					}
					.globeLang {
						color:#51baea;
					}
		.wrapper .right .lang {
			float:left;
			height:0.78vw;
			margin:0px 0px 0px 1.2vw;
			position:relative;
		}
			.wrapper .right .lang a {
				color: #d2d2d2;
				font-size:0.8vw;
				line-height:0.8vw;
				margin-right:0.8vw;
				padding-right:0.8vw;
				font-weight: 600;
				text-decoration:none;
				border-right:1px solid #d2d2d2;
			}
				.wrapper .right .lang a:last-child {
					border:0;
					margin-right:0;
					padding-right:0;
				}
				.wrapper .right .lang a:hover, .aclang {
					color:#000 !important;
				}

.menu {
	float:left;
	width:100%;
	height: calc(100% - 7.9vw);
	padding-top:7.9vw;
	position:fixed;
	top:-100%;
	background:#fff;
	z-index:10;
	overflow:hidden;
}
	.active-menu {
		top:0;
	}
	.height-menu {
		height: calc(100% - 3.4vw);
		padding-top:3.4vw;
	}
	
	.menu .close-menu {
		float:right;
		margin:0px 3% 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:-3.42vw;
		right:0;	
		cursor:pointer;
		z-index:2;
	}
		.menu .close-menu .img {
			width:20px;
		}
	.menu .brand {
		float:left;
		width:94%;
		height:5.78vw;
		padding:0px 3% 0px 3%;
		position:relative;
		border-bottom:1px solid #f2f2f2;
		z-index:1;
	}
		.menu .brand .brand-logo {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.menu .brand .brand-logo .img {
				float:left;
				position:relative;
				width:auto !important;
				max-width:90%;
				max-height:70%;
				filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
				-webkit-filter: grayscale(100%);
				-moz-filter:    grayscale(100%);
				-ms-filter:     grayscale(100%);
				-o-filter:      grayscale(100%);
				filter: gray;
				opacity:0.4;
			}
			.menu .brand .brand-logo:hover .img, .active-brand-logo .img {
				filter: none !important;
				-webkit-filter: grayscale(0%) !important;
				-moz-filter:    grayscale(0%) !important;
				-ms-filter:     grayscale(0%) !important;
				-o-filter:      grayscale(0%) !important;
				opacity:1 !important;
			}
	.menu .change {
		float:left;
		width:100%;
		height: calc(100% - 5.78vw);
		position:relative;
		z-index:2;
	}
			#menu-2 .change {
				height: 100%;
			}
		.menu .change .left {
			float:left;
			width:80%;
			height:100%;
			position:relative;
			border-right:1px solid #f2f2f2;
			z-index:4;
			overflow:hidden;
		}
			.menu .change .left .step {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				overflow:hidden;
				display:none;
			}
				#brand-18 {
					display:block;
				}
			.menu .change .left .step li { 
				float:left;
				width:100%;
				height:25%;
				list-style: none;
				cursor:pointer;			
			}	
				.menu .change .left .step .el-5 { height:20%; }
				.menu .change .left .step .el-6 { height:16.6%; }
				.menu .change .left .step .el-6:last-child { height:17%; }
				.menu .change .left .step .el-7 { height:14.3%; }
			
				.menu .change .left .step li a:hover {
					color: #51baea;
				}
			.step-one {
				float:left;
				width:30%;
				height:100%;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
			}
				.step-one .name {
					float:right;
					width:80%;
					margin-left:10%;
					color: #000000;
					font-size: 1.2vw;
					line-height:1.2vw;
					font-weight: 300;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-between;
					align-items:center;
					align-content:center;
				}
						
					.step-one .name span {
						width:90%;
					}
					.step-one .name .arrow {
						float:right;
						width:0.89vw;
						top:5px;
						right:0;
						position:relative;
					}
				.step-one:hover {
					background-color: #f2f2f2;
				}
				.step-one:hover .name .arrow, .active-step-one .arrow-name {
					right:-10px !important;
				}
					.active-step-one .step-one {
						background-color: #f2f2f2 !important;
					}
			.step-two {
				float:left;
				width:30%;
				height:100%;
				position:absolute;
				left:30%;
				top:0;
				background-color: #f2f2f2;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.step-two .list {
					float:left;
					width:80%;
					height:95%;
					margin:0px 0px 0px 0px;
					padding:0px 10% 5% 10%;
					color: #000000;
					font-size: 0.9vw;
					font-weight: 300;
					line-height: 2.63vw;
					overflow:hidden;
					overflow-y: scroll;
				}
					.step-two .position {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						border-bottom:1px solid #dadada;
					}
						.step-two .position .subname {
							float:left;
							width:100%;				
							line-height:1.15vw;
							margin:0px 0px 0px 0px;
							padding:0.57vw 0px 0.57vw 0px;
							color: #000000;
							text-decoration:none;
						}
							.step-two .position .subname:hover, .step-two .position .active-subname {
								color:#51baea;
							}		
							
						.step-two .position .item {
							float:left;
							width:31.7vw;
							height:100%;
							position:absolute;
							top:0;
							right:-31.7vw;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
							background:#fff;
						}
							.step-two .position .item .inside {
								float:left;
								width:80%;
								height:85%;
								margin:0px 0px 0px 0px;
								position:relative;
								border:0px solid #000;
								text-decoration:none;							
							}
								.step-two .position .item .inside .plus {
									float:left;
									width:0.78vw;
									position:absolute;
									left:0;
									top:0;
								}
								.step-two .position .item .inside .category {
									float:right;
									width:100%;
									color: #000000;
									font-size: 0.95vw;
									line-height:0.95vw;
									font-weight: 300;							
								}
								.step-two .position .item .inside .title {
									float:right;
									width:100%;
									min-height:3.68vw;
									top:5px;
									position:relative;
									
									color: #000000;
									font-size: 1.57vw;
									line-height:1.84vw;
									font-weight: 300;
								}
								.step-two .position .item .inside .zdjecie-glowne {
									float:left;
									width: 100%;
									height: 20vw;
									margin:1vw 0px 0px 0px;
									background-color: #f2f2f2;
									position:relative;
									display:flex;
									flex-direction:row;
									flex-wrap:wrap;
									justify-content:space-around;
									align-items:center;
									align-content:center;
								}
									.step-two .position .item .inside .zdjecie-glowne .img {
										position:relative;
										max-width:80%;
										max-height:80%;
									}
									.step-two .position .item .inside .zdjecie-glowne .fade  {
										float:left;
										width:100%;
										height:100%;
										position:absolute;
										top:0;
										left:0;
										background-color: #51baea;
										background-blend-mode: multiply;	
										box-shadow: inset 0 0 0 1vw rgba(0, 0, 0, 0.1);						
										mix-blend-mode: multiply;
										opacity:0;
										-webkit-transition: all 0.4s ease-in-out;
										-moz-transition: all 0.4s ease-in-out;
										-o-transition: all 0.4s ease-in-out;
										transition: all 0.4s ease-in-out;
									}
										.step-two .position .item:hover .inside .zdjecie-glowne .fade {
											opacity:0.6;
										}
								.step-two .position .item .inside .more {
									float:right;
									font-size: 0.94vw;
									font-weight: 300;
									line-height: 3.31vw;
									color:#000;
									position:relative;
									margin-top:2.2vw;
								}
									.step-two .position .item .inside .more .arrow {
										float:right;
										width:3.15vw;
										height:3.15vw;
										padding-left:1.57vw;
										position:relative;
										background: url(images/item_more.svg) center no-repeat;
									}
										.step-two .position .item .inside:hover .title {
											color:#51baea;
										}
										.step-two .position .item .inside:hover .more .arrow {
											background: url(images/offers_box_arrow.svg) center no-repeat;
										}
						
		
		.menu .change .right {
			float:left;
			width:20%;
			height:100%;
			position:absolute;
			top:0;
			right:0;
			background:#fff;
			z-index:5;
			display:none;
		}
				#also-18 {
					display:block;
				}
			.menu .change .right .box {
				width:80%;
				margin:4.73vw 0px 0px 10%;
			}
			.menu .change .right .box h4 {
				float:left;
				width:100%;
				margin:0px 0px 1.57vw 0px;
				position:relative;
				color: #323232;
				font-size: 1.26vw;
				font-weight: 400;
				line-height: 1.26vw;
			}
			.menu .change .right .box ul { 
				float:left;
				width:100%;
				margin:0px 0px 1vw 0px;
				font-size:0.8vw;
				line-height:1.31vw;
				font-weight:400;
				position:relative;
			}
			.menu .change .right .box ul li { 
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				list-style: none; 
			}
			.menu .change .right .box ul li a { 
				width: calc(100% - 1vw);
				padding:0px 0px 0px 1vw;
				color:#000;
				text-decoration:none;
				display: inline-block; 
				background: url(images/ul_li_arrow.svg) left no-repeat;
			}
				.menu .change .right .box ul li a .arrow {
					display:none;
					visibility:hidden;
					position:relative;
					left:0;
					width:0.36vw;
					padding-right:10px;
				}
				.menu .change .right .box ul li a:hover {
					color: #51baea;
				}
				.menu .change .right .box ul li a:hover .arrow {
					left:5px;
				}
				
.search {
	float:left;
	width:100%;
	height:5.25vw;	
	margin:0;
	padding:0;
	position:absolute;
	top:-6vw;
	left:0;
	background:#fff;
	z-index:4;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	overflow:hidden;	
}
	.search .search-form {
		float:left;
		width:94%;
		height:100%;
		position:relative;
		border-top:1px solid #f2f2f2;
		border-bottom:1px solid #f2f2f2;
	}
	.search .search-input {
		float:left;
		width:100%;
		height:2.65vw;
		margin:1.2vw 0px 1.2vw 0px;
		padding:0px 0px 0px 1.2vw;
		color:#000;
		border:0px solid #f2f2f2;
		background:#fafafa;
		z-index:2;
		font-size:0.9vw;
		line-height:0.9vw;
		font-weight:100;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.search .search-input:focus {
			outline-color: #51baea;
			border:0;
			outline:none;
		}
	.search-submit {
		float:right;
		width:50px;
		height:2.65vw;
		margin:1.2vw 0px 1.2vw 0px;
		position:absolute;
		top:0;
		right:0;
		cursor:pointer;
		z-index:3;
		background:#51baea url(images/owl_next_arrow_white.svg) center no-repeat;
		border:0;
	}
	.active-search { top:3.4vw; }
	.active-search .search-input {  }
	
.social-boxes {
	float:right;
	width:70px;
	margin:0;
	padding:0.5vw 0px 0.5vw 0px;
	position:absolute;
	top:-10vw;
	right:6vw;
	background:#fff;
	z-index:1;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	overflow:hidden;	
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
		.social-boxes a {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0.5vw 0px 0.5vw 0px;
			position:relative;
			text-decoration:none;
			color:#000;
			text-align:center;
		}
		.social-boxes a i {
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size:1.1vw;
		}
			.social-boxes a:hover {
				color:#00447d;
			}
	.active-social { top:3.4vw;padding:0.5vw 0px 0.5vw 0px; }

.hr-color {
	width:100%;
	height:15px;
	position:relative;
	z-index:2;
}

footer { 
	float:left;
	width:100%;
	height:6vw;
	position:relative;
	margin:-5px 0px 0px 0px; 
	padding:3.5vw 0px 4.2vw 0px;
	overflow:hidden;
	background:#fff;
	z-index:2;
}
	footer .wrap { 
		width:94%;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative; 
	}
	footer .other {
		float:left;
		position:relative;
	}
		footer .other .zdjecie-glowne { 
			float:left;
			max-width:10vw;
			position:relative;
			z-index:5;
		}
			footer .other .zdjecie-glowne .img {
				float:left;
				width:9.35vw;
				max-width:10vw;
				position:relative;
			}
		footer .other .text {
			float:left;
			position:relative;
			margin:1.4vw 0px 0px 0px;
			color: #323232;
			font-size: 0.8vw;
			font-weight: 400;
			line-height: 1.3vw;
			clear:both;
			-webkit-columns: 2;
		    -moz-columns: 2;
			columns: 2;
			-webkit-column-gap: 50px;
			-moz-column-gap: 50px;
            column-gap: 50px;
		}
	footer nav { 
		float:right;
		width:auto;
		margin:10px 0px 0px 0px;
		font-size:0.8vw;
		line-height:0.8vw;
		position:absolute;
		top:0;
		right:0;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 1.5vw 0px 1.5vw;
		position:relative;
		list-style: none;
		border-left:2px solid #00447d;
		cursor:pointer;
	}
		footer nav ul li:last-child {
			padding-right:0;
		}
	footer nav ul li a { color:#000;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color:#183e78; }
	footer nav ul li a.active { color:#183e78; }
	
	footer .copy {
		position:absolute;
		right:0;
		bottom:0;
		color: #919191;
		font-size: 0.7vw;
		font-weight: 400;
		line-height: 0.7vw;
	}
		footer .copy a {
			text-decoration:none;
			color: #919191;
			position:relative;
			padding-left:1.1vw;
		}
			footer .copy a:hover {
				color:#183e78;
			}
		footer .copy .arrow-footer {
			float:right;
			width:0.3vw;
			margin:-0.8vw 0px 0px 0.8vw;
			padding:0.7vw 1.3vw 10px 1.3vw;
			position:relative;
			cursor:pointer;
		}
		
.arrow-fixed {
	float:right;
	width:50px;
	height:50px;
	position:fixed;
	right:-5%;
	bottom:20pt;
	background: rgba(255, 255, 255, 1); 	
	border:1px solid #183e78;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:9;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}	
	.show-arrow {
		right:85pt !important;
	}
	.arrow-fixed .arrow-other {
		width:0.4vw;
	}
	
	
.form-div { float:left;width:100%;margin:0px 0px 0px 0px; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-div h4 {
		float: left;
		width: 100%;
		margin: 1vw 0px 2vw 0px;
		padding: 0px 0px 15px 0px;
		position: relative;
		color: #000000;
		
		font-size: 20px;
		font-weight: 700;
		line-height: 20px;
		background: url(images/small_blue_hr.png) bottom left no-repeat;
	}
		.form-div h4.first {
			margin: 0px 0px 2vw 0px;
		}
	.form-box { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 1.3vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-last { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 1.3vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-all { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 1.3vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-add, .form-box-add-section {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
		.form-box-clear {
			margin-right:50%;
		}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}	
	.form-text  { 
		float:left;
		margin:0px 0px 0.8vw 0px;
		width:100%;
		color: #323232;
		
		font-size: 0.9vw;
		font-weight: 300;
		line-height: 0.9vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.form-text-add {
			float:left;
			margin:-0.5vw 0px 0.8vw 0px;
			width:100%;
			color: #323232;
			
			font-size: 0.9vw;
			font-weight: 300;
			line-height: 0.9vw;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
	.form-input { 
		float:left;
		width:100%;
		height:2.36vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 1vw;
		color:#000;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 0.9vw;
		font-weight: 300;
		line-height: 0.9vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-select { 
		float:left;
		width:100%;
		height:2.36vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 1vw;
		color:#000;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 0.9vw;
		font-weight: 300;
		line-height: 0.9vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:5.3vw;
		max-height:5.3vw;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 1vw;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 0.9vw;
		font-weight: 300;
		line-height: 0.9vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-submit  {
		float: left;
		height: 3.3vw;
		margin: 1vw 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/short_ul_li_white.svg) center right 30px no-repeat;
	}
		.form-box-file .default, .form-box-file .default-1, .form-box-file .default-2 {
			display: none;
		}
		.form-box-file .upload {
			float: left;
			width:100%;
			height:2.36vw;
			position:relative;
			margin: 0px 0px 0px 0px;
			padding:0px 0px 0px 0.9vw;
			color: #231f20;
			
			font-size: 0.9vw;
			font-weight: 300;
			line-height: 2.36vw;
			border: 1px solid rgba(0, 1, 1, 0.33);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			text-align: left;
			cursor: pointer;
			background: rgba(35, 31, 32, 0) url(images/upload_bg.png) right 30px center no-repeat;
		}
			.form-box-file .upload p {
				float:left;
				margin:0.2vw 0px 0px 0px;
				padding:0px 1.2vw 0px 1.2vw;
				position:relative;
				color: #000;
				font-size: 0.7vw;
				font-weight: 700;
				line-height: 1.7vw;
				border:1px solid #cccccc;
				background:#e9e9e9;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.form-box-file .upload span {
				float:left;
				color: #797979;
				margin:0.3vw 0px 0px 0px;
				padding:0px 1.2vw 0px 1.2vw;
				position:relative;
				
				font-size: 0.7vw;
				font-weight: 500;
				line-height: 1.7vw;
			}
		.form-box-file .upload-change {
			display: none;
			float: right;
			margin: 0px 0px 0px 0px;
			padding: 0px 2vw 0px 2vw;
			position: absolute;
			bottom: 0;
			right: 0;
			color: #ffffff;
			
			font-size: 0.7vw;
			font-weight: 500;
			line-height: 2.36vw;
			text-transform: uppercase;
			background: #51baea;
			cursor: pointer;
		}
	.form-input:focus, .form-textarea:focus, .form-select:focus, .form-submit:focus { outline:none; }		
	
	.form-div .must {
		color: #51baea;
		
		font-size: 1.1vw;
		font-weight: 700;
	}
	.form-div .margin-bottom-0 {
		margin-bottom:0;
	}
	.form-div .add-inputs {
		float: left;
		margin: 0.2vw 0px 2vw 0px;
		padding: 0px 2.2vw 0px 1.2vw;
		position: relative;
		color: #000;
		
		font-size: 0.7vw;
		font-weight: 700;
		line-height: 2vw;
		border: 1px solid #cccccc;
		background: #e9e9e9 url(images/item_plus.svg) right 0.8vw center no-repeat;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.remove_input_button {
			float:right;
			width:2.36vw;
			height:2.36vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			color:#fff;
			background:#51baea;
			
			font-size: 1vw;
			font-weight: 300;
			line-height: 1vw;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			cursor:pointer;
		}
	
	.form-div .r-box {
		float:left;
		width:100%;
		position:relative;
		margin:1vw 0px 1vw 0px;
		padding:0px 0px 0px 0px;
		font-size:0.75vw;
		line-height:0.9vw;	
	}
		.form-div .r-box .r-label {
			float:left;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
		.form-div .r-box .r-checkbox {
			float:left;
			position:relative;
		}
		.form-div .r-text {
			float:left;
			width:calc(100% - 30px);
			position:relative;
		}
		
	.form-radio {
		float:left;
		margin:0px 2vw 1.5vw 0px;
		color: #323232;
		
		font-size: 1vw;
		font-weight: 700;
		line-height: 1vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		position: relative;
		padding-left: 1.84vw;
		cursor: pointer;	
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
		.radio-2 { display:none; }

	/* Hide the browser's default radio button */
	.form-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

	/* Create a custom radio button */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 0.8vw;
		width: 0.8vw;
		background-color: #ffffff;
		border:1px solid #bebebe;
	}

	/* On mouse-over, add a grey background color */
	.form-radio:hover input ~ .checkmark {
		background-color: #ffffff;
	}
		.form-radio:hover input ~ .checkmark:before {
			content: '';
			width:0.48vw;
			height:0.5vw;
			position:absolute;
			top:0.18vw;
			left:0.17vw;
			background:#51baea;
		}

	/* When the radio button is checked, add a blue background */
	.form-radio input:checked ~ .checkmark {
		background-color: #ffffff;
	}
		.form-radio input:checked ~ .checkmark:before {
			content: '';
			width:0.48vw;
			height:0.5vw;
			position:absolute;
			top:0.18vw;
			left:0.17vw;
			background:#51baea;
		}
			
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.form-radio:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	.form-radio input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the indicator (dot/circle) */
	.form-radio .checkmark:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
}

@media screen and (min-width: 651px) and (max-width: 1201px) {
.no-phone { display:none !important;visibility:hidden;height:0;overflow:hidden; }

.buttonForm {
	float: left;
	position: relative;
	margin: 0px 2vw 0px 0px;
	padding: 0.3vw 2vw 0.3vw 2vw;
	font-size: 2vw;
    line-height: 2vw;
    color: #fff;
	background: #FF0000;
	cursor: pointer;
}

.menu-margin { margin-top: 0; }

.disSub {
	float: left;
    height: 7vw;
    margin: 2vw 0px 0px 1vw;
    padding: 0px 5.2vw 0px 4.5vw;
    color: #fff;
    
    font-size: 3vw;
    font-weight: 400;
    line-height: 3vw;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    background: #51baea url(images/short_ul_li_white.svg) center right 1.5vw no-repeat;
}


.hide-this {
	height:0px;
	padding:1vw 0px 1vw 0px !important;
	overflow:hidden;
	-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;
}
	.hide-this:before {
		content: 'Rozwiń submenu';
		float:left;
		width:100%;
		height:10vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		font-size:3vw;
		line-height:10vw;	
		top:0;
		right:0;
		color:#51baea;
		text-align:center;
		cursor:pointer;
	}
		.hide-this:hover::before {
			color:#51baea;
		}
			.change-height {
				height:auto !important;
			}
				.change-height:before {
					display:none;
				}

.top {
	float:left;
	width:30%;
	height:45px;
	position:absolute;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:15;
}
	.top .wrap {
		float:left;
		width:96%;
		height:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
		.top .logo { 
			float:left;
			width:170px;
			position:realtive;
			overflow:hidden;
		}	
			.top .logo img {
				float:left;
				width:300px;
				position:relative;
			}
	.top ul { 
		display:none;
		float:left;
		width:100%;
		font-size:4vw;
		line-height:8vw;
		font-weight:400;
		position:relative;
		top:10px;
		right:2.5%;
		text-align:right;
	}
	.top ul li { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
	}
	.top ul li a { 
		color:#000;
		text-decoration:none;
		display: inline-block; 
	}
		.top ul li a:hover, .active-link {
			color: #51baea !important;
		}

.wrapper {
	float:left;
	width:100%;
	min-height:75px;
	position:relative;
	left:0;
	top:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	z-index:13;
}
	.wrapper .wrap { 
		float:left;
		width:100%;
		height:100%;
		overflow:hidden;
		background:#fff;
		z-index:6;
	}
	.wrapper nav { 
		display:none;
		float:right;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:3vw;
		line-height:5vw;	
		background:#fff;
		z-index:7;
	}
	.wrapper .logo-small {
		display:none;
	}
	.wrapper nav ul { 
		float:right;
		width:90%;
		position:relative;
		margin:0px 4% 0px 0px;
		padding:10px 0px 20px 0px;
		text-align:right;
	}
	.wrapper nav ul li { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none; 
		cursor:pointer;
	}
	.wrapper nav ul li a { 
		color:#000;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		display: inline-block; 
		border-bottom:0px solid #fff;
	}
		.wrapper nav ul li:first-child a {
			padding:0px 0px 0px 0px;
		}
	.wrapper nav ul li a:hover { color:#51baea; }
	.wrapper nav ul li a.active { color:#003975;border-bottom:0px solid #51baea; }
	.wrapper nav ul li .menu-arrow { display:none; }
	.wrapper nav ul li .menu-hr { display:none; }
	.wrapper .menu-tel { 
		float:right;
		font-size:32px;
		margin:22px 3% 0px 0px !important;
		padding:0px 0px 0px 0px !important;
		cursor:pointer;
		position:relative;
		left:0;
		top:0;
		color:#51baea; 
		z-index:7;
		background:#fff;
	}
	
	.wrapper .right {
		float:right;
		position:absolute;
		top:30px;
		right:15vw;
		z-index:5;
	}
		.wrapper .right .social, .wrapper .right .social a {
			float:left;
			height:17px;
			position:relative;
			cursor:pointer;
		}
			.wrapper .right .social a {
				margin-left:3vw;
			}
			.wrapper .right .social, .wrapper .right .social a .icon {
				height:17px;
			}
			.wrapper .right .social, .wrapper .right .social a .icon path {
				 fill: #000;
			}
				.wrapper .right .social, .wrapper .right .social a .icon:hover path {
					fill: #51baea;
				}
					.active-icon path {
						fill: #51baea !important;
					}
					.globeLang {
						color:#51baea;
					}
		.wrapper .right .lang {
			float:left;
			height:4vw;
			margin:0px 0px 0px 6vw;
			position:relative;
		}
			.wrapper .right .lang a {
				color: #d2d2d2;
				font-size:16px;
				line-height:16px;
				margin-right:2vw;
				padding-right:2vw;
				font-weight: 600;
				text-decoration:none;
				border-right:1px solid #d2d2d2;
			}
				.wrapper .right .lang a:last-child {
					border:0;
					margin-right:0;
					padding-right:0;
				}
				.wrapper .right .lang a:hover, .aclang {
					color:#000 !important;
				}

.menu {
	float:left;
	width:100%;
	height:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0;
	background:#fff;
	z-index:20;
	overflow:hidden;
}
	.active-menu {
		height:auto !important;
	}
	.height-menu {
	
	}
	
	.menu .close-menu {
		float:right;
		margin:0px 5% 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:-9.5vw;
		right:0;	
		cursor:pointer;
		z-index:50;
	}
		.menu .close-menu .img {
			width:15px;
		}
	.menu .brand {
		float:left;
		width:80%;
		height:15vw;
		padding:0px 15% 0px 5%;
		position:relative;
		border-bottom:1px solid #f2f2f2;
		z-index:1;
	}
		.menu .brand .brand-logo {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.menu .brand .brand-logo .img {
				float:left;
				position:relative;
				width:auto !important;
				max-width:90%;
				max-height:85%;
				filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
				-webkit-filter: grayscale(100%);
				-moz-filter:    grayscale(100%);
				-ms-filter:     grayscale(100%);
				-o-filter:      grayscale(100%);
				filter: gray;
				opacity:0.4;
			}
			.menu .brand .brand-logo:hover .img, .active-brand-logo .img {
				filter: none !important;
				-webkit-filter: grayscale(0%) !important;
				-moz-filter:    grayscale(0%) !important;
				-ms-filter:     grayscale(0%) !important;
				-o-filter:      grayscale(0%) !important;
				opacity:1 !important;
			}
	.menu .change {
		float:left;
		width:100%;
		height: auto;
		position:relative;
		z-index:2;
	}
			#menu-2 .change {
				height: 100%;
			}
		.menu .change .left {
			float:left;
			width:100%;
			position:relative;
			z-index:4;
			overflow:hidden;
		}
			.menu .change .left .step {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				overflow:hidden;
				display:none;
			}
				#brand-18 {
					display:block;
				}
			.menu .change .left .step li { 
				float:left;
				width:100%;
				list-style: none;
				cursor:pointer;			
			}	
				
				.menu .change .left .step li a:hover {
					color: #51baea;
				}
			.step-one {
				float:left;
				width:100%;
				padding:2vw 0px 2vw 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
				border-bottom:1px solid #f2f2f2;
			}
				.step-one .name {
					float:left;
					width:90%;
					height:100%;
					margin-left:5%;
					color: #000000;
					font-size: 2.5vw;
					line-height:3.5vw;
					font-weight: 300;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-between;
					align-items:center;
					align-content:center;				
				}					
					.step-one .name span {
						width:90%;
					}
					.step-one .name .arrow {
						float:right;
						width:3vw;
						top:0;
						right:0;
						position:relative;
					}
				.step-one:hover {
					background-color: #f2f2f2;
				}
					.active-step-one .step-one {
						background-color: #f2f2f2 !important;
					}
			.step-two {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				background-color: #f2f2f2;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.step-two .list {
					float:left;
					width:90%;
					margin:0px 0px 0px 0px;
					padding:0px 5% 3% 5%;
					color: #000000;
				}
					.step-two .position {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						border-bottom:1px solid #dadada;
					}
						.step-two .position .subname {
							float:left;
							width:100%;
							font-size: 2vw;
							font-weight: 300;
							line-height: 4vw;
							margin:0px 0px 0px 0px;
							padding:1vw 0px 1vw 0px;
							color: #000000;
							text-decoration:none;
						}
							.step-two .position .subname:hover, .step-two .position .active-subname {
								color:#51baea;
							}		
							
						.step-two .position .item {
							float:left;
							width:100%;
							height:100%;
							position:relative;
							top:0;
							left:0;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
							display:none;
						}
							.step-two .position .item .inside {
								float:left;
								width:100%;
								margin:1vw 0px 0px 0px;
								position:relative;
								border:0px solid #000;
								text-decoration:none;							
							}
								.step-two .position .item .inside .plus {
									display:none;
								}
								.step-two .position .item .inside .category {
									display:none;							
								}
								.step-two .position .item .inside .title {
									display:none;
								}
								.step-two .position .item .inside .zdjecie-glowne {
									float:left;
									width: 100%;
									height: 20vw;
									margin:0px 0px 0px 0px;
									background-color: #f2f2f2;
									position:relative;
									display:flex;
									flex-direction:row;
									flex-wrap:wrap;
									justify-content:space-around;
									align-items:center;
									align-content:center;
								}
									.step-two .position .item .inside .zdjecie-glowne .img {
										position:relative;
										max-width:70%;
										max-height:70%;
									}
									.step-two .position .item .inside .zdjecie-glowne .fade  {
										float:left;
										width:100%;
										height:100%;
										position:absolute;
										top:0;
										left:0;
										background-color: #51baea;
										background-blend-mode: multiply;	
										box-shadow: inset 0 0 0 1vw rgba(0, 0, 0, 0.1);						
										mix-blend-mode: multiply;
										opacity:0;
										-webkit-transition: all 0.4s ease-in-out;
										-moz-transition: all 0.4s ease-in-out;
										-o-transition: all 0.4s ease-in-out;
										transition: all 0.4s ease-in-out;
									}
										.step-two .position .item:hover .inside .zdjecie-glowne .fade {
											opacity:0.6;
										}
								.step-two .position .item .inside .more {
									float:left;
									font-size: 2vw;
									font-weight: 300;
									line-height: 5vw;
									margin:2vw 0px 2vw 0px;
									color:#000;
									position:relative;
								}
									.step-two .position .item .inside .more .arrow {
										float:left;
										width:8vw;
										height:5vw;
										margin-right:1.5vw;
										position:relative;
										background: url(images/item_more.svg) left no-repeat;
									}
										.step-two .position .item .inside:hover .title {
											color:#51baea;
										}
										.step-two .position .item .inside:hover .more .arrow {
											background: url(images/offers_box_arrow.svg) left no-repeat;
										}
						
		
		.menu .change .right {
			float:left;
			width:20%;
			height:100%;
			position:absolute;
			top:0;
			right:0;
			background:#fff;
			z-index:5;
			display:none !important;
		}
				#also-18 {
					display:block;
				}
			.menu .change .right .box {
				width:80%;
				margin:4.73vw 0px 0px 10%;
			}
			.menu .change .right .box h4 {
				float:left;
				width:100%;
				margin:0px 0px 1.57vw 0px;
				position:relative;
				color: #323232;
				font-size: 1.26vw;
				font-weight: 400;
				line-height: 1.26vw;
			}
			.menu .change .right .box ul { 
				float:left;
				width:100%;
				margin:0px 0px 1vw 0px;
				font-size:0.8vw;
				line-height:1.31vw;
				font-weight:400;
				position:relative;
			}
			.menu .change .right .box ul li { 
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				list-style: none; 
			}
			.menu .change .right .box ul li a { 
				width: calc(100% - 15px);
				padding:0px 0px 0px 15px;
				color:#000;
				text-decoration:none;
				display: inline-block; 
				background: url(images/ul_li_arrow.svg) left no-repeat;
			}
				.menu .change .right .box ul li a .arrow {
					display:none;
					visibility:hidden;
					position:relative;
					left:0;
					width:0.36vw;
					padding-right:10px;
				}
				.menu .change .right .box ul li a:hover {
					color: #51baea;
				}
				.menu .change .right .box ul li a:hover .arrow {
					left:5px;
				}
				
.search {
	float:left;
	width:100%;
	height:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0;
	left:0;
	background:#fff;
	z-index:-1;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	overflow:hidden;	
}
	.search .search-form {
		float:left;
		width:94%;
		height:40px;
		margin:15px 3% 0px 3%;
		position:relative;
		border:1px solid #f2f2f2;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.search .search-input {
		float:left;
		width:100%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5vw;
		color:#000;
		border:0px solid #f2f2f2;
		background:#fafafa;
		
		z-index:2;
		font-size:14px;
		line-height:14px;
		font-weight:100;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.search .search-input:focus {
			outline-color: #51baea;
			border:0;
			outline:none;
		}
	.search-submit {
		float:right;
		width:40px;
		height:40px;
		margin:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
		cursor:pointer;
		z-index:3;
		background:#51baea url(images/owl_next_arrow_white.svg) center no-repeat;
		border:0;
	}
	.active-search { height:70px; }
	.active-search .search-input {  }
	
.social-boxes {
	float:left;
	width:100%;
	height:0;
	margin:0;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0;
	right:0;
	background:#fff;
	z-index:-1;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	overflow:hidden;	
}
		.social-boxes a {
			float:right;
			margin:15px 0px 0px 0px;
			padding:10px 0px 5px 0px;
			position:relative;
			text-decoration:none;
			color:#000;
			text-align:center;
		}
		.social-boxes a i {
			margin:0px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size:24px;
		}
			.social-boxes a:hover {
				color:#00447d;
			}
	.active-social { height:70px; }

.hr-color {
	width:100%;
	height:15px;
	position:relative;
	z-index:2;
}

footer { 
	float:left;
	width:100%;
	position:relative;
	margin:-5px 0px 0px 0px; 
	padding:7vw 0px 5vw 0px;
	overflow:hidden;
	background:#fff;
	z-index:2;
}
	footer .wrap { 
		width:94%;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative; 
	}
	footer .other {
		float:left;
		width:100%;
		position:relative;
	}
		footer .other .zdjecie-glowne { 
			float:left;
			max-width:10vw;
			position:relative;
			z-index:5;
		}
			footer .other .zdjecie-glowne .img {
				float:left;
				width:25vw;
				max-width:25vw;
				position:relative;
			}
		footer .other .text {
			float:left;
			position:relative;
			margin:2vw 0px 0px 0px;
			color: #323232;
			font-size: 2vw;
			font-weight: 400;
			line-height: 3vw;
			clear:both;
			-webkit-columns: 1;
		    -moz-columns: 1;
			columns: 1;
			-webkit-column-gap: 0px;
			-moz-column-gap: 0px;
            column-gap: 0px;
		}
	footer nav { 
		float:left;
		width:100%;
		margin:3vw 0px 3vw 0px;
		font-size:2vw;
		line-height:4vw;
		position:relative;
		top:0;
		right:0;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		width:25%;
		margin:0px 0px 0px 0px;
		padding:0px 2vw 0px 2vw;
		position:relative;
		list-style: none;
		border-left:2px solid #00447d;
		cursor:pointer;
	}
		footer nav ul li:last-child {
			padding-right:0;
		}
	footer nav ul li a { color:#000;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color:#183e78; }
	footer nav ul li a.active { color:#183e78; }
	
	footer .copy {
		float:right;
		position:relative;
		left:0;
		top:0;
		color: #919191;
		font-size: 2vw;
		font-weight: 400;
		line-height: 3vw;
		text-align:right;
	}
		footer .copy a {
			float:left;
			width:100%;
			text-decoration:none;
			color: #919191;
			position:relative;
			
		}
			footer .copy a:hover {
				color:#183e78;
			}
		footer .copy .arrow-footer {
			float:right;
			width:1vw;
			margin:1vw 0px 0px 0.8vw;
			padding:0.7vw 3vw 10px 3vw;
			position:relative;
			cursor:pointer;
		}
		
.arrow-fixed {
	display:none !important;
}	
	.show-arrow {
		right:3% !important;
	}
	.arrow-fixed .arrow-other {
		width:0.4vw;
	}
	
	
.form-div { float:left;width:100%;margin:0px 0px 0px 0px; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-div h4 {
		float: left;
		width: 100%;
		margin: 2vw 0px 2vw 0px;
		padding: 0px 0px 1vw 0px;
		position: relative;
		color: #000000;
		
		font-size: 2vw;
		font-weight: 700;
		line-height: 2vw;
		background: url(images/small_blue_hr.png) bottom left no-repeat;
	}
		.form-div h4.first {
			margin: 0px 0px 1vw 0px;
		}
	.form-box { 
		float:left;
		width:48%;
		position:relative;
		margin:0px 0px 2vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-last { 
		float:left;
		width:48%;
		position:relative;
		margin:0px 0px 2vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-all { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 2vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-add, .form-box-add-section {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
		.form-box-clear {
			margin-right:50%;
		}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}	
	.form-text  { 
		float:left;
		margin:0px 0px 1vw 0px;
		width:100%;
		color: #323232;
		
		font-size: 2vw;
		font-weight: 300;
		line-height: 3vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.form-text-add {
			float:left;
			margin:-1vw 0px 1vw 0px;
			width:100%;
			color: #323232;
			
			font-size: 2vw;
			font-weight: 300;
			line-height: 3vw;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
	.form-input { 
		float:left;
		width:100%;
		height:5vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 1vw;
		color:#000;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 2vw;
		font-weight: 300;
		line-height: 3vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-select { 
		float:left;
		width:100%;
		height:5vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 1vw;
		color:#000;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 2vw;
		font-weight: 300;
		line-height: 3vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:10vw;
		max-height:10vw;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 1vw;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 2vw;
		font-weight: 300;
		line-height: 3vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-submit  {
		float: left;
		width:100%;
		height: 8vw;
		margin: 1vw 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		color: #fff;
		
		font-size: 2vw;
		font-weight: 400;
		line-height: 2vw;
		text-decoration: none;
		overflow: hidden;
		border:0;
		cursor:pointer;
		background: #51baea url(images/short_ul_li_white.svg) center right 30px no-repeat;
	}
		.form-box-file .default, .form-box-file .default-1, .form-box-file .default-2 {
			display: none;
		}
		.form-box-file .upload {
			float: left;
			width:100%;
			height:5vw;
			position:relative;
			margin: 0px 0px 0px 0px;
			padding:0px 0px 0px 0.9vw;
			color: #231f20;
			
			font-size: 2vw;
			font-weight: 300;
			line-height: 3vw;
			border: 1px solid rgba(0, 1, 1, 0.33);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			text-align: left;
			cursor: pointer;
			background: rgba(35, 31, 32, 0) url(images/upload_bg.png) right 30px center no-repeat;
		}
			.form-box-file .upload p {
				float:left;
				margin:0.2vw 0px 0px 0px;
				padding:0px 2vw 0px 2vw;
				position:relative;
				color: #000;
				font-size: 2vw;
				font-weight: 700;
				line-height: 4vw;
				border:1px solid #cccccc;
				background:#e9e9e9;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.form-box-file .upload span {
				float:left;
				color: #797979;
				margin:0.8vw 0px 0px 0px;
				padding:0px 2vw 0px 2vw;
				position:relative;
				
				font-size: 2vw;
				font-weight: 500;
				line-height: 6vw;
			}
		.form-box-file .upload-change {
			display: none;
			float: right;
			margin: 0px 0px 0px 0px;
			padding: 0px 3vw 0px 3vw;
			position: absolute;
			bottom: 0;
			right: 0;
			color: #ffffff;
			
			font-size: 2vw;
			font-weight: 500;
			line-height: 6vw;
			text-transform: uppercase;
			background: #51baea;
			cursor: pointer;
		}
	.form-input:focus, .form-textarea:focus, .form-select:focus, .form-submit:focus { outline:none; }		
	
	.form-div .must {
		color: #51baea;
		
		font-size: 2vw;
		font-weight: 700;
	}
	.form-div .margin-bottom-0 {
		margin-bottom:0;
	}
	.form-div .add-inputs {
		float: left;
		margin: 1w 0px 2vw 0px;
		padding: 0px 6vw 0px 3vw;
		position: relative;
		color: #000;
		
		font-size: 2vw;
		font-weight: 700;
		line-height: 6vw;
		border: 1px solid #cccccc;
		background: #e9e9e9 url(images/item_plus.svg) right 2vw center no-repeat;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.remove_input_button {
			float:right;
			width:5vw;
			height:5vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			color:#fff;
			background:#51baea;
			
			font-size: 3vw;
			font-weight: 300;
			line-height: 3vw;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			cursor:pointer;
		}
	
	.form-div .r-box {
		float:left;
		width:100%;
		position:relative;
		margin:1vw 0px 1vw 0px;
		padding:0px 0px 0px 0px;
		font-size:2vw;
		line-height:2.5vw;	
	}
		.form-div .r-box .r-label {
			float:left;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
		.form-div .r-box .r-checkbox {
			float:left;
			position:relative;
		}
		.form-div .r-text {
			float:left;
			width:calc(100% - 30px);
			position:relative;
		}
		
	.form-radio {
		float:left;
		margin:0px 2vw 1vw 0px;
		color: #323232;
		
		font-size: 2vw;
		font-weight: 700;
		line-height: 3.5vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		position: relative;
		padding-left: 7vw;
		cursor: pointer;	
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
		.radio-2 { display:none; }

	/* Hide the browser's default radio button */
	.form-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

	/* Create a custom radio button */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 2vw;
		width: 2vw;
		background-color: #ffffff;
		border:1px solid #bebebe;
	}

	/* On mouse-over, add a grey background color */
	.form-radio:hover input ~ .checkmark {
		background-color: #ffffff;
	}
		.form-radio:hover input ~ .checkmark:before {
			content: '';
			width:4vw;
			height:4vw;
			position:absolute;
			top:0vw;
			left:0vw;
			background:#51baea;
		}

	/* When the radio button is checked, add a blue background */
	.form-radio input:checked ~ .checkmark {
		background-color: #ffffff;
	}
		.form-radio input:checked ~ .checkmark:before {
			content: '';
			width:4vw;
			height:4vw;
			position:absolute;
			top:0vw;
			left:0vw;
			background:#51baea;
		}
			
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.form-radio:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	.form-radio input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the indicator (dot/circle) */
	.form-radio .checkmark:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.no-phone { display:none !important;visibility:hidden;height:0;overflow:hidden; }

.buttonForm {
	float: left;
	position: relative;
	margin: 0px 2vw 0px 0px;
	padding: 0.3vw 2vw 0.3vw 2vw;
	font-size: 3vw;
    line-height: 3vw;
    color: #fff;
	background: #FF0000;
	cursor: pointer;
}

.menu-margin { margin-top: 0; }

.hide-this {
	height:0px;
	padding:3vw 0px 3vw 0px !important;
	overflow:hidden;
	-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;
}
	.hide-this:before {
		content: 'Rozwiń submenu';
		float:left;
		width:100%;
		height:15vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		font-size:4vw;
		line-height:15vw;	
		top:0;
		right:0;
		color:#51baea;
		text-align:center;
		cursor:pointer;
	}
		.hide-this:hover::before {
			color:#51baea;
		}
			.change-height {
				height:auto !important;
			}
				.change-height:before {
					display:none;
				}

.top {
	float:left;
	width:50%;
	height:45px;
	position:absolute;
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center;
	align-content:center;
	z-index:15;
}
	.top .wrap {
		float:left;
		width:96%;
		height:100%;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
		.top .logo { 
			float:left;
			width:170px;
			position:realtive;
			overflow:hidden;
		}	
			.top .logo img {
				float:left;
				width:300px;
				position:relative;
			}
	.top ul { 
		display:none;
		float:left;
		width:100%;
		font-size:4vw;
		line-height:8vw;
		font-weight:400;
		position:relative;
		top:10px;
		right:2.5%;
		text-align:right;
	}
	.top ul li { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
	}
	.top ul li a { 
		color:#000;
		text-decoration:none;
		display: inline-block; 
	}
		.top ul li a:hover, .active-link {
			color: #51baea !important;
		}

.wrapper {
	float:left;
	width:100%;
	min-height:85px;
	position:relative;
	left:0;
	top:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	z-index:13;
}
	.wrapper .wrap { 
		float:left;
		width:100%;
		height:100%;
		overflow:hidden;
		background:#fff;
		z-index:6;
	}
	.wrapper nav { 
		display:none;
		float:right;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-size:4vw;
		line-height:8vw;	
		background:#fff;
		z-index:7;
	}
	.wrapper .logo-small {
		display:none;
	}
	.wrapper nav ul { 
		float:right;
		width:90%;
		position:relative;
		margin:0px 4% 0px 0px;
		padding:10px 0px 20px 0px;
		text-align:right;
	}
	.wrapper nav ul li { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;		
		list-style: none; 
		cursor:pointer;
	}
	.wrapper nav ul li a { 
		color:#000;
		text-decoration:none;
		padding:0px 0px 0px 0px;
		display: inline-block; 
		border-bottom:0px solid #fff;
	}
		.wrapper nav ul li:first-child a {
			padding:0px 0px 0px 0px;
		}
	.wrapper nav ul li a:hover { color:#51baea; }
	.wrapper nav ul li a.active { color:#003975;border-bottom:0px solid #51baea; }
	.wrapper nav ul li .menu-arrow { display:none; }
	.wrapper nav ul li .menu-hr { display:none; }
	.wrapper .menu-tel { 
		float:right;
		font-size:32px;
		margin:37px 3% 0px 0px !important;
		padding:0px 0px 0px 0px !important;
		cursor:pointer;
		position:relative;
		left:0;
		top:0;
		color:#51baea; 
		z-index:7;
		background:#fff;
	}
	
	.wrapper .right {
		float:right;
		position:absolute;
		top:5px;
		right:3%;
		z-index:5;
	}
		.wrapper .right .social, .wrapper .right .social a {
			float:left;
			height:17px;
			position:relative;
			cursor:pointer;
		}
			.wrapper .right .social a {
				margin-left:3vw;
			}
			.wrapper .right .social, .wrapper .right .social a .icon {
				height:17px;
			}
			.wrapper .right .social, .wrapper .right .social a .icon path {
				 fill: #000;
			}
				.wrapper .right .social, .wrapper .right .social a .icon:hover path {
					fill: #51baea;
				}
					.active-icon path {
						fill: #51baea !important;
					}
					.globeLang {
						color:#51baea;
					}
		.wrapper .right .lang {
			float:left;
			height:4vw;
			margin:0px 0px 0px 6vw;
			position:relative;
		}
			.wrapper .right .lang a {
				color: #d2d2d2;
				font-size:14px;
				line-height:14px;
				margin-right:2vw;
				padding-right:2vw;
				font-weight: 600;
				text-decoration:none;
				border-right:1px solid #d2d2d2;
			}
				.wrapper .right .lang a:last-child {
					border:0;
					margin-right:0;
					padding-right:0;
				}
				.wrapper .right .lang a:hover, .aclang {
					color:#000 !important;
				}

.menu {
	float:left;
	width:100%;
	height:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0;
	background:#fff;
	z-index:20;
	overflow:hidden;
}
	.active-menu {
		height:auto !important;
	}
	.height-menu {
	
	}
	
	.menu .close-menu {
		float:right;
		margin:0px 5% 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		top:-9.5vw;
		right:0;	
		cursor:pointer;
		z-index:50;
	}
		.menu .close-menu .img {
			width:15px;
		}
	.menu .brand {
		float:left;
		width:80%;
		height:15vw;
		padding:0px 15% 0px 5%;
		position:relative;
		border-bottom:1px solid #f2f2f2;
		z-index:1;
	}
		.menu .brand .brand-logo--off,
		.menu .brand .brand-logo {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.menu .brand .brand-logo--off .img,
			.menu .brand .brand-logo .img {
				float:left;
				position:relative;
				width:auto !important;
				max-width:90%;
				max-height:85%;
				filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
				-webkit-filter: grayscale(100%);
				-moz-filter:    grayscale(100%);
				-ms-filter:     grayscale(100%);
				-o-filter:      grayscale(100%);
				filter: gray;
				opacity:0.4;
			}
			.menu .brand .brand-logo--off:hover .img, .active-brand-logo .img,
			.menu .brand .brand-logo:hover .img, .active-brand-logo .img {
				filter: none !important;
				-webkit-filter: grayscale(0%) !important;
				-moz-filter:    grayscale(0%) !important;
				-ms-filter:     grayscale(0%) !important;
				-o-filter:      grayscale(0%) !important;
				opacity:1 !important;
			}
	.menu .change {
		float:left;
		width:100%;
		height: auto;
		position:relative;
		z-index:2;
	}
			#menu-2 .change {
				height: 100%;
			}
		.menu .change .left {
			float:left;
			width:100%;
			position:relative;
			z-index:4;
			overflow:hidden;
		}
			.menu .change .left .step {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				overflow:hidden;
				display:none;
			}
				#brand-18 {
					display:block;
				}
			.menu .change .left .step li { 
				float:left;
				width:100%;
				list-style: none;
				cursor:pointer;			
			}	
				
				.menu .change .left .step li a:hover {
					color: #51baea;
				}
			.step-one {
				float:left;
				width:100%;
				padding:5vw 0px 5vw 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-between;
				align-items:center;
				align-content:center;
				border-bottom:1px solid #f2f2f2;
			}
				.step-one .name {
					float:left;
					width:90%;
					height:100%;
					margin-left:5%;
					color: #000000;
					font-size: 3.5vw;
					line-height:4.5vw;
					font-weight: 300;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-between;
					align-items:center;
					align-content:center;				
				}					
					.step-one .name span {
						width:90%;
					}
					.step-one .name .arrow {
						float:right;
						width:3vw;
						top:0;
						right:0;
						position:relative;
					}
				.step-one:hover {
					background-color: #f2f2f2;
				}
					.active-step-one .step-one {
						background-color: #f2f2f2 !important;
					}
			.step-two {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				background-color: #f2f2f2;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:space-around;
				align-items:center;
				align-content:center;
			}
				.step-two .list {
					float:left;
					width:90%;
					margin:0px 0px 0px 0px;
					padding:0px 5% 5% 5%;
					color: #000000;
				}
					.step-two .position {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						border-bottom:1px solid #dadada;
					}
						.step-two .position .subname {
							float:left;
							width:100%;
							font-size: 3vw;
							font-weight: 300;
							line-height: 5vw;
							margin:0px 0px 0px 0px;
							padding:2vw 0px 2vw 0px;
							color: #000000;
							text-decoration:none;
						}
							.step-two .position .subname:hover, .step-two .position .active-subname {
								color:#51baea;
							}		
							
						.step-two .position .item {
							float:left;
							width:100%;
							height:100%;
							position:relative;
							top:0;
							left:0;
							display:flex;
							flex-direction:row;
							flex-wrap:wrap;
							justify-content:center;
							align-items:center;
							align-content:center;
							display:none;
						}
							.step-two .position .item .inside {
								float:left;
								width:100%;
								margin:3vw 0px 0px 0px;
								position:relative;
								border:0px solid #000;
								text-decoration:none;							
							}
								.step-two .position .item .inside .plus {
									display:none;
								}
								.step-two .position .item .inside .category {
									display:none;							
								}
								.step-two .position .item .inside .title {
									display:none;
								}
								.step-two .position .item .inside .zdjecie-glowne {
									float:left;
									width: 100%;
									height: 50vw;
									margin:0px 0px 0px 0px;
									background-color: #f2f2f2;
									position:relative;
									display:flex;
									flex-direction:row;
									flex-wrap:wrap;
									justify-content:space-around;
									align-items:center;
									align-content:center;
								}
									.step-two .position .item .inside .zdjecie-glowne .img {
										display:none;
										visibility:hidden;
										position:relative;
										max-width:80%;
										max-height:80%;
									}
									.step-two .position .item .inside .zdjecie-glowne .fade  {
										float:left;
										width:100%;
										height:100%;
										position:absolute;
										top:0;
										left:0;
										background-color: #51baea;
										background-blend-mode: multiply;	
										box-shadow: inset 0 0 0 1vw rgba(0, 0, 0, 0.1);						
										mix-blend-mode: multiply;
										opacity:0;
										-webkit-transition: all 0.4s ease-in-out;
										-moz-transition: all 0.4s ease-in-out;
										-o-transition: all 0.4s ease-in-out;
										transition: all 0.4s ease-in-out;
									}
										.step-two .position .item:hover .inside .zdjecie-glowne .fade {
											opacity:0.6;
										}
								.step-two .position .item .inside .more {
									float:left;
									font-size: 4vw;
									font-weight: 300;
									line-height: 8vw;
									margin:3vw 0px 3vw 0px;
									color:#000;
									position:relative;
								}
									.step-two .position .item .inside .more .arrow {
										float:left;
										width:16vw;
										height:8vw;
										margin-right:5vw;
										position:relative;
										background: url(images/item_more.svg) left no-repeat;
									}
										.step-two .position .item .inside:hover .title {
											color:#51baea;
										}
										.step-two .position .item .inside:hover .more .arrow {
											background: url(images/offers_box_arrow.svg) left no-repeat;
										}
						
		
		.menu .change .right {
			float:left;
			width:20%;
			height:100%;
			position:absolute;
			top:0;
			right:0;
			background:#fff;
			z-index:5;
			display:none !important;
		}
				#also-18 {
					display:block;
				}
			.menu .change .right .box {
				width:80%;
				margin:4.73vw 0px 0px 10%;
			}
			.menu .change .right .box h4 {
				float:left;
				width:100%;
				margin:0px 0px 1.57vw 0px;
				position:relative;
				color: #323232;
				font-size: 1.26vw;
				font-weight: 400;
				line-height: 1.26vw;
			}
			.menu .change .right .box ul { 
				float:left;
				width:100%;
				margin:0px 0px 1vw 0px;
				font-size:0.8vw;
				line-height:1.31vw;
				font-weight:400;
				position:relative;
			}
			.menu .change .right .box ul li { 
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				list-style: none; 
			}
			.menu .change .right .box ul li a { 
				width: calc(100% - 10px);
				padding:0px 0px 0px 10px;
				color:#000;
				text-decoration:none;
				display: inline-block; 
				background: url(images/ul_li_arrow.svg) left no-repeat;
			}
				.menu .change .right .box ul li a .arrow {
					display:none;
					visibility:hidden;
					position:relative;
					left:0;
					width:0.36vw;
					padding-right:10px;
				}
				.menu .change .right .box ul li a:hover {
					color: #51baea;
				}
				.menu .change .right .box ul li a:hover .arrow {
					left:5px;
				}
				
.search {
	float:left;
	width:100%;
	height:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0;
	left:0;
	background:#fff;
	z-index:-1;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	overflow:hidden;	
}
	.search .search-form {
		float:left;
		width:94%;
		height:40px;
		margin:15px 3% 0px 3%;
		position:relative;
		border:1px solid #f2f2f2;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.search .search-input {
		float:left;
		width:100%;
		height:40px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 5vw;
		color:#000;
		border:0px solid #f2f2f2;
		background:#fafafa;
		
		z-index:2;
		font-size:14px;
		line-height:14px;
		font-weight:100;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.search .search-input:focus {
			outline-color: #51baea;
			border:0;
			outline:none;
		}
	.search-submit {
		float:right;
		width:40px;
		height:40px;
		margin:0px 0px 0px 0px;
		position:absolute;
		top:0;
		right:0;
		cursor:pointer;
		z-index:3;
		background:#51baea url(images/owl_next_arrow_white.svg) center no-repeat;
		border:0;
	}
	.active-search { height:70px; }
	.active-search .search-input {  }
	
.social-boxes {
	float:left;
	width:100%;
	height:0;
	margin:0;
	padding:0px 0px 0px 0px;
	position:relative;
	top:0;
	right:0;
	background:#fff;
	z-index:-1;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	overflow:hidden;	
}
		.social-boxes a {
			float:right;
			margin:15px 0px 0px 0px;
			padding:10px 0px 5px 0px;
			position:relative;
			text-decoration:none;
			color:#000;
			text-align:center;
		}
		.social-boxes a i {
			margin:0px 20px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size:24px;
		}
			.social-boxes a:hover {
				color:#00447d;
			}
	.active-social { height:70px; }

.hr-color {
	width:100%;
	height:15px;
	position:relative;
	z-index:2;
}

footer { 
	float:left;
	width:100%;
	position:relative;
	margin:-5px 0px 0px 0px; 
	padding:7vw 0px 5vw 0px;
	overflow:hidden;
	background:#fff;
	z-index:2;
}
	footer .wrap { 
		width:94%;
		height:100%;
		position:relative;
		margin:0 auto;
		position:relative; 
	}
	footer .other {
		float:left;
		width:100%;
		position:relative;
	}
		footer .other .zdjecie-glowne { 
			float:left;
			max-width:10vw;
			position:relative;
			z-index:5;
		}
			footer .other .zdjecie-glowne .img {
				float:left;
				width:40vw;
				max-width:40vw;
				position:relative;
			}
		footer .other .text {
			float:left;
			position:relative;
			margin:3vw 0px 0px 0px;
			color: #323232;
			font-size: 3vw;
			font-weight: 400;
			line-height: 4vw;
			clear:both;
			-webkit-columns: 1;
		    -moz-columns: 1;
			columns: 1;
			-webkit-column-gap: 0px;
			-moz-column-gap: 0px;
            column-gap: 0px;
		}
	footer nav { 
		float:left;
		width:100%;
		margin:6vw 0px 6vw 0px;
		font-size:4vw;
		line-height:6vw;
		position:relative;
		top:0;
		right:0;
		font-family: 'Roboto', sans-serif;
	}
	footer nav ul { 
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;		
	}
	footer nav ul li { 
		float:left;
		width:33.33%;
		margin:0px 0px 0px 0px;
		padding:0px 3vw 0px 3vw;
		position:relative;
		list-style: none;
		border-left:2px solid #00447d;
		cursor:pointer;
	}
		footer nav ul li:last-child {
			padding-right:0;
		}
	footer nav ul li a { color:#000;text-decoration:none;padding:0px 0px 0px 0px;display: inline-block; }
	footer nav ul li a:hover { color:#183e78; }
	footer nav ul li a.active { color:#183e78; }
	
	footer .copy {
		float:right;
		position:relative;
		left:0;
		top:0;
		color: #919191;
		font-size: 3vw;
		font-weight: 400;
		line-height: 5vw;
		text-align:right;
	}
		footer .copy a {
			float:left;
			width:100%;
			text-decoration:none;
			color: #919191;
			position:relative;
			
		}
			footer .copy a:hover {
				color:#183e78;
			}
		footer .copy .arrow-footer {
			float:right;
			width:0.3vw;
			margin:-0.8vw 0px 0px 0.8vw;
			padding:0.7vw 1.3vw 10px 1.3vw;
			position:relative;
			cursor:pointer;
		}
		
.arrow-fixed {
	display:none !important;
}	
	.show-arrow {
		right:3% !important;
	}
	.arrow-fixed .arrow-other {
		width:0.4vw;
	}
	
	
.form-div { float:left;width:100%;margin:0px 0px 0px 0px; }
	.form-box-left { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-box-right { 
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		position:relative; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.form-div h4 {
		float: left;
		width: 100%;
		margin: 2vw 0px 4vw 0px;
		padding: 0px 0px 2vw 0px;
		position: relative;
		color: #000000;
		
		font-size: 4vw;
		font-weight: 700;
		line-height: 4vw;
		background: url(images/small_blue_hr.png) bottom left no-repeat;
	}
		.form-div h4.first {
			margin: 0px 0px 2vw 0px;
		}
	.form-box { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 3vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-last { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 3vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-all { 
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 3vw 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-box-add, .form-box-add-section {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
		.form-box-clear {
			margin-right:50%;
		}
	.form-box-kod { 
		float:left;
		width:0px;
		height:0px;
		overflow:hidden;
		margin:0px 0px 0px 0px; 
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}	
	.form-text  { 
		float:left;
		margin:0px 0px 2vw 0px;
		width:100%;
		color: #323232;
		
		font-size: 3vw;
		font-weight: 300;
		line-height: 4vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.form-text-add {
			float:left;
			margin:-1vw 0px 2vw 0px;
			width:100%;
			color: #323232;
			
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
	.form-input { 
		float:left;
		width:100%;
		height:10vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 2vw;
		color:#000;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 3vw;
		font-weight: 300;
		line-height: 4vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-select { 
		float:left;
		width:100%;
		height:10vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 2vw;
		color:#000;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 3vw;
		font-weight: 300;
		line-height: 4vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-textarea  { 
		float:left;
		width:100%;
		max-width:100%;
		height:15vw;
		max-height:15vw;
		margin:0px 0px 0px 0px;
		color:#000;
		padding:10px 0px 0px 2vw;
		border:1px solid #bebebe;
		background:#ffffff;
		
		font-size: 3vw;
		font-weight: 300;
		line-height: 4vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.form-submit  {
		float: left;
		width:100%;
		height: 10vw;
		margin: 1vw 0px 0px 0px;
		padding: 0px 10vw 0px 3vw;
		color: #fff;
		
		font-size: 4vw;
		font-weight: 400;
		line-height: 4vw;
		text-decoration: none;
		overflow: hidden;
		border:0;
		cursor:pointer;
		background: #51baea url(images/short_ul_li_white.svg) center right 30px no-repeat;
	}
		.form-box-file .default, .form-box-file .default-1, .form-box-file .default-2 {
			display: none;
		}
		.form-box-file .upload {
			float: left;
			width:100%;
			height:10vw;
			position:relative;
			margin: 0px 0px 0px 0px;
			padding:0px 0px 0px 0.9vw;
			color: #231f20;
			
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			border: 1px solid rgba(0, 1, 1, 0.33);
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			text-align: left;
			cursor: pointer;
			background: rgba(35, 31, 32, 0) url(images/upload_bg.png) right 30px center no-repeat;
		}
			.form-box-file .upload p {
				float:left;
				margin:0.8vw 0px 0px 0px;
				padding:0px 3vw 0px 3vw;
				position:relative;
				color: #000;
				font-size: 3vw;
				font-weight: 700;
				line-height: 8vw;
				border:1px solid #cccccc;
				background:#e9e9e9;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
			.form-box-file .upload span {
				float:left;
				color: #797979;
				margin:0.8vw 0px 0px 0px;
				padding:0px 2vw 0px 2vw;
				position:relative;
				
				font-size: 3vw;
				font-weight: 500;
				line-height: 8vw;
			}
		.form-box-file .upload-change {
			display: none;
			float: right;
			margin: 0px 0px 0px 0px;
			padding: 0px 5vw 0px 5vw;
			position: absolute;
			bottom: 0;
			right: 0;
			color: #ffffff;
			
			font-size: 3vw;
			font-weight: 500;
			line-height: 8vw;
			text-transform: uppercase;
			background: #51baea;
			cursor: pointer;
		}
	.form-input:focus, .form-textarea:focus, .form-select:focus, .form-submit:focus { outline:none; }		
	
	.form-div .must {
		color: #51baea;
		
		font-size: 3vw;
		font-weight: 700;
	}
	.form-div .margin-bottom-0 {
		margin-bottom:0;
	}
	.form-div .add-inputs {
		float: left;
		margin: 2vw 0px 4vw 0px;
		padding: 0px 8vw 0px 4vw;
		position: relative;
		color: #000;
		
		font-size: 3vw;
		font-weight: 700;
		line-height: 10vw;
		border: 1px solid #cccccc;
		background: #e9e9e9 url(images/item_plus.svg) right 2vw center no-repeat;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.remove_input_button {
			float:right;
			width:6vw;
			height:6vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:absolute;
			top:0;
			right:0;
			color:#fff;
			background:#51baea;
			
			font-size: 3vw;
			font-weight: 300;
			line-height: 3vw;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			cursor:pointer;
		}
	
	.form-div .r-box {
		float:left;
		width:100%;
		position:relative;
		margin:2vw 0px 2vw 0px;
		padding:0px 0px 0px 0px;
		font-size:2.5vw;
		line-height:3vw;	
	}
		.form-div .r-box .r-label {
			float:left;
			cursor:pointer;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
		.form-div .r-box .r-checkbox {
			float:left;
			position:relative;
		}
		.form-div .r-text {
			float:left;
			width:calc(100% - 30px);
			position:relative;
		}
		
	.form-radio {
		float:left;
		margin:0px 4vw 3vw 0px;
		color: #323232;
		
		font-size: 3vw;
		font-weight: 700;
		line-height: 4.5vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		position: relative;
		padding-left: 7vw;
		cursor: pointer;	
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
		.radio-2 { display:none; }

	/* Hide the browser's default radio button */
	.form-radio input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

	/* Create a custom radio button */
	.checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 4vw;
		width: 4vw;
		background-color: #ffffff;
		border:1px solid #bebebe;
	}

	/* On mouse-over, add a grey background color */
	.form-radio:hover input ~ .checkmark {
		background-color: #ffffff;
	}
		.form-radio:hover input ~ .checkmark:before {
			content: '';
			width:4vw;
			height:4vw;
			position:absolute;
			top:0vw;
			left:0vw;
			background:#51baea;
		}

	/* When the radio button is checked, add a blue background */
	.form-radio input:checked ~ .checkmark {
		background-color: #ffffff;
	}
		.form-radio input:checked ~ .checkmark:before {
			content: '';
			width:4vw;
			height:4vw;
			position:absolute;
			top:0vw;
			left:0vw;
			background:#51baea;
		}
			
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.form-radio:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	.form-radio input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the indicator (dot/circle) */
	.form-radio .checkmark:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
}