.brand-color-18, .brand-color-18 h2 strong { color:#b22625 !important; }
.brand-boder-18 li:hover, .brand-boder-18 .active-brand-application { border-bottom:3px solid #b22625 !important; }
.brand-boder-18 .active-brand-application a { color:#b22625 !important; }
.brand-background-18 { background-color:#b22625 !important; }
.brand-a-18 a { color:#b22625 !important; }

.brand-color-2231, .brand-color-2231 h2 strong { color:#ea663f !important; }
.brand-boder-2231 li:hover, .brand-boder-2231 .active-brand-application { border-bottom:3px solid #ea663f !important; }
.brand-boder-2231 .active-brand-application a { color:#ea663f !important; }
.brand-background-2231 { background-color:#ea663f !important; }
.brand-a-2231 a { color:#ea663f !important; }
.brand-2234 h3 { color:#ea663f !important; }
.brand-2239 { color:#ea663f !important; }
.brand-2240 h3, .brand-2240 h4, .brand-2240 .text { color :#fff !important; }
.brand-2231  { background-color:#ea663f !important; }

.brand-color-2255, .brand-color-2255 h2 strong { color:#2e6a72 !important; }
.brand-boder-2255 li:hover, .brand-boder-2255 .active-brand-application { border-bottom:3px solid #2e6a72 !important; }
.brand-boder-2255 .active-brand-application a { color:#2e6a72 !important; }
.brand-background-2255 { background-color:#2e6a72 !important; }
.brand-a-2255 a { color:#2e6a72 !important; }
.brand-2234 h3 { color:#2e6a72 !important; }
.brand-2239 { color:#2e6a72 !important; }
.brand-2240 h3, .brand-2240 h4, .brand-2240 .text { color :#fff !important; }
.brand-2255  { background-color:#2e6a72 !important; }
.brand-2259 h3 { text-align: left !important; }
.brand-2260 h3, .brand-2260 h4, .brand-2260 .text { color: #fff !important; }


.brand-color-2264, .brand-color-2264 h2 strong { color:#2caac9 !important; }
.brand-boder-2264 li:hover, .brand-boder-2264 .active-brand-application { border-bottom:3px solid #2caac9 !important; }
.brand-boder-2264 .active-brand-application a { color:#2caac9 !important; }
.brand-background-2264 { background-color:#2caac9 !important; }
.brand-a-2264 a { color:#2caac9 !important; }
.brand-2266 h3 { color:#2caac9 !important; }
.brand-2239 { color:#2caac9 !important; }
.brand-2268 h3, .brand-2268 h4, .brand-2268 .text, .brand-2268 .text strong { color :#fff !important; }
.brand-2264  { background-color:#2caac9 !important; }
.brand-2269 .text strong { color:#2caac9 !important;  }
.brand-2270 h3, .brand-2270 h4 { text-align:left !important; color: #fff !important; }
.brand-2270 .text { text-align:left !important; color: #000 !important; }

@media screen and (min-width: 1201px) and (max-width: 10000px) {
.brand-baner {
	float:left;
	width:100%;
	height:40vw;
	margin:0;
	padding:0;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-baner .title {
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		
		font-size: 4.2vw;
		font-weight: 100;
		line-height: 4.2vw;
		z-index:3;
	}
	.brand-baner .text {
		float:left;
		margin:0.2vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		
		font-size: 1.3vw;
		font-weight: 300;
		line-height: 1.5vw;
		z-index:3;
	}
	.brand-baner .arrow {
		float:left;
		margin:1.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		width: 2.42vw;
		height: 2.42vw;
		cursor:pointer;
		background:#51baea url(../../images/brand_arrow_down.svg) center no-repeat;
		z-index:3;
	}
	.brand-baner .foto-main-box {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		bottom:-7vw;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		z-index:2;
	}
	.brand-baner .foto-main-box .foto-main {
		float:left;
		width:41vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
	}
	
.brand-why {
	float:left;
	width:100%;
	margin:18vw 0px 0px 0px;
	padding:4vw 0px 1vw 0px;
	position:relative;
	background-color: #f4f4f4;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-why .up {
		float:left;
		width:90%;
		height:12vw;
		margin:0px 5% 0px 5%;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		top:-6vw;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border:1px solid #e5e5e5;
		background:#fff;
	}
		.brand-why .up .text {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #323232;
			font-size: 1.1vw;
			font-weight: 400;
			line-height: 1.3vw;
			text-align:center;
		}
		.brand-why .up .text ul { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.brand-why .up .text ul li { 
			float:left;
			cursor:pointer;
			width:16.66%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 2% 0px 2%;		
			list-style: none; 
			border-right:1px solid #e5e5e5;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
				.brand-389 .text ul li, .brand-22 .text ul li {
					width:33% !important;
				}
			.brand-why .up .text ul li:before {
				content: '';
				float:left;
				width:100%;
				height:4.2vw;
				margin:2vw 0px 1.3vw 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.brand-why .brand-18 .text ul li:nth-child(1)::before { background: url(../../images/brand_default_icon_1.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(2)::before { background: url(../../images/brand_default_icon_2.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(3)::before { background: url(../../images/brand_default_icon_3.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(4)::before { background: url(../../images/brand_default_icon_4.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(5)::before { background: url(../../images/brand_default_icon_5.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(6)::before { background: url(../../images/brand_default_icon_6.svg) center no-repeat; }
				
				.brand-why .brand-389 .text ul li:nth-child(1)::before { background: url(../../images/brand_389_icon_1.png) center no-repeat; }
				.brand-why .brand-389 .text ul li:nth-child(2)::before { background: url(../../images/brand_389_icon_2.png) center no-repeat; }
				.brand-why .brand-389 .text ul li:nth-child(3)::before { background: url(../../images/brand_389_icon_3.png) center no-repeat; }
			.brand-why .up .text ul li:last-child {
				border-right:0px solid #e5e5e5;
			}
	.brand-why .left {
		float:left;
		width:38vw;
		margin:0px 5vw 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.brand-why .left h1 {
			float:left;
			width:100%;
			color: #323232;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 2.8vw;
			font-weight: 300;
			line-height: 3.4vw;
			text-align:center;
		}
		.brand-why .left .title {
			float:left;
			width:100%;
			color: #323232;
			
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 2.5vw;
			font-weight: 300;
			line-height: 3.2vw;
			text-align:center;
		}
		.brand-why .left .text {
			float:left;
			width:100%;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #707070;
			
			font-size: 0.9vw;
			font-weight: 300;
			line-height: 1.5vw;
			text-align:center;
		}
	.brand-why .right {
		float:right;
		width:47vw;
		min-height:41vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.brand-why .right .zdjecie-glowne { 
			float:left;
			max-width:42vw;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
		}
			.brand-why .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.brand-application {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:4vw 0px 0px 0px;
	position:relative;
}
		.padding-4 {
			margin:0px 0px 0px 0px;
			padding:4vw 0px 0px 0px;
		}
		.brand-application.brand-2232 {
			padding:2vw 0px 0px 0px !important;
		}
	.brand-application .box {
		float:left;
		width:60%;
		margin:2vw 20% 0px 20%;
		padding:0px 0px 0px 0px;
		position:relative;
		text-align:center;
	}
		.brand-application .box h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 2.9vw;
			font-weight: 300;
			line-height: 2.9vw;	
		}
		.brand-application .box h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 1.9vw;
			font-weight: 300;
			line-height: 1.9vw;
			text-align:center;
		}
		.brand-application .box .text {
			float:left;
			width:100%;
			margin:2vw 0px 4vw 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #707070;
			font-size: 1.15vw;
			font-weight: 300;
			line-height: 1.6vw;
		}
			.brand-application .box .text strong {
				color:#000;
			}
		.brand-application .box .zdjecie-glowne {
			float:left;
			width:100%;
			margin:-2vw 0px 3vw 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.brand-application .box .zdjecie-glowne .img {
				float:left;
				max-width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
		
	.brand-application .list {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-top:1px solid #e6e6e6;
	}
		.brand-application .list .submenu {
			float:left;
			width:90%;
			height:6.85vw;
			margin:0px 5% 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			font-size: 1.1vw;
			font-weight: 400;
			line-height: 6.82vw;
		}
			.brand-application .list .submenu li {
				float:left;
				cursor:pointer;
				margin:0px 2vw 0px 2vw;
				padding:0px 1vw 0px 1vw;
				position:relative;
				list-style: none;
				border-bottom:3px solid #fff;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
			}
				.brand-application .list .submenu li:hover, .brand-application .list .submenu .active-brand-application {
					border-bottom:3px solid #51baea;
					color:#51baea;
				}
						.active-brand-application a {
							font-weight:900;
							color:#51baea !important;
						}
					.brand-application .list .submenu li a {
						float:left;
						width:100%;
						height:100%;
						position:relative;
						color: #323232;
						text-decoration:none;
					}
		.brand-application .list .application-boxes {
			float:left;
			width:100%;
			height:40vw;
			margin:0;
			padding:0;
			position:relative;
		}
			.brand-application .list .application-boxes .application-box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
				.brand-application .list .application-boxes .application-box .zdjecie-glowne { 
					float:left;
					width:50%;
					height:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					z-index:5;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-around;
					align-items:center;
					align-content:center;
				}
					.brand-application .list .application-boxes .application-box .zdjecie-glowne .img {
						float:left;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
			.brand-application .list .application-boxes .application-box .right {
				float:left;
				width:50%;
				height:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				background:#f4f3f3;
			}
				.brand-application .list .application-boxes .application-box .right .inside {
					float:left;
					width:34vw;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
					.brand-application .list .application-boxes .application-box .right .inside .text {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;					
						font-size: 1.15vw;
						font-weight: 300;
						line-height: 1.57vw;
						color: #231f20;
						font-weight: 700;

					}
					.brand-application .list .application-boxes .application-box .right .inside .text em {
						color: #707070;
						
					    font-weight: 300;	
						font-style:normal;
					}
						.brand-application .list .application-boxes .application-box .right .inside .text h2 {
							color: #323232;
							
							font-size: 1.5vw;
							font-weight: 500;
							line-height: 1.8vw;
						}
							.brand-application .list .application-boxes .application-box .right .inside .text h2 strong {
								color:#51baea;
							}
						.brand-application .list .application-boxes .application-box .right .inside .text a {
							float:left;
							margin:2vw 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							font-weight: 100;
							color:#51baea;
							text-decoration:none;
							
						}
						
						
			
.brand-other {
	float:left;
	width:100%;
	height:46vw;
	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;
}
		.brand-other-right {
			justify-content:flex-end;
		}
	.brand-other .box {
		float:left;
		width:35vw;
		margin:0px 0px 0px 10vw;
		padding:0px 0px 0px 0px;
		position:relative;
		text-align:center;
	}
			.brand-other .box-right {
				float:right !important;
				width:43vw !important;
				margin:0px 10vw 0px 0px !important;
			}
			.brand-2240.brand-other .box-right {
				margin:0px 7vw 0px 0px !important;
			}
		.brand-other .box h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 2.9vw;
			font-weight: 300;
			line-height: 2.9vw;
			text-align:center;
		}
		.brand-other .box h4 {
			float:left;
			width:100%;
			margin:0.3vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 1.4vw;
			font-weight: 300;
			line-height: 1.4vw;
			text-align:center;
		}
		.brand-other .box .text {
			float:left;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #707070;
			font-size: 1.15vw;
			font-weight: 300;
			line-height: 1.6vw;
		}
		.brand-other .box .zdjecie-glowne {
			float:left;
			width:100%;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.brand-other .box .zdjecie-glowne .img {
				float:left;
				max-width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			
.brand-show-menu {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 4vw 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.button--Up {
		margin: 2vw 0px 0px 0px !important;
		padding:0px 0px 1vw 0px;
	}
	.brand-show-menu .brand-show-menu-show, .brand-show-menu .brand-show-menu-show-other {
		float: left;
		height: 3.3vw;
		margin: 4vw 1vw 0px 0px;
		padding: 0px 4.2vw 0px 1.5vw;
		color: #fff;
		font-size: 1.1vw;
		font-weight: 100;
		line-height: 3.3vw;
		text-decoration: none;
		overflow: hidden;
		cursor:pointer;
		background: #51baea url(../../images/owl_next_arrow_white.svg) center right 30px no-repeat;
	}

.brand-product-list {
	float:left;
	width:94%;
	margin:6vw 0px 6vw 0px;
	padding:0px 3% 0px 3%;
	position:relative;
}
	.brand-product-list h5 {
		float:left;
		width:100%;
		margin:0;
		padding:0;
		position:relative;
		color: #323232;
		
		font-size: 1.9vw;
		font-weight: 100;
		line-height: 1.9vw;
		text-align:center;
	}
	.brand-product-list .text {
		float:left;
		width:70%;
		margin:2vw 0px 0px 15%;
		padding:0;
		position:relative;
		color: #707070;
		
		font-size: 1.15vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
	.brand-product-list .list {
		float:left;
		width:100%;
		height:16.2vw;
		margin:5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-top:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
		border-right:1px solid #d7d7d7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.brand-product-list .list .box {
			float:left;
			width:100%;
			height:100%;
			margin:0;
			padding:0px 50px 0px 50px;
			position:relative;
			border-left:1px solid #d7d7d7;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			text-decoration:none;
		}
		.brand-product-list .list .box .zdjecie-glowne { 
			float:left;
			width:90%;
			height:7.4vw;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.brand-product-list .list .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				object-fit: cover;	
			}
		.brand-product-list .list .box .title {
			float:left;
			width:100%;
			color: #323232;
			
			font-size: 17px;
			font-weight: 300;
			line-height: 24px;			
			text-align:center;
		}
		.brand-product-list .list .box .more {
			float:left;
			height:35px;
			padding:0px 20px 0px 20px;
			margin:1vw 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
			color:#fff;
			background-color: #51baea;
		}
			.brand-product-list .list .box .more .arrow {
				float:right;
				width:15px;
				margin:0px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.brand-product-list .list .box:hover .more {
					background:#183e78;
				}
}

@media screen and (min-width: 651px) and (max-width: 1200px) {
.brand-baner {
	float:left;
	width:100%;
	height:40vw;
	margin:0;
	padding:0;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-baner .title {
		float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		
		font-size: 4vw;
		font-weight: 100;
		line-height: 4vw;
		z-index:3;
	}
	.brand-baner .text {
		float:left;
		margin:1vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		
		font-size: 2vw;
		font-weight: 300;
		line-height: 3vw;
		z-index:3;
	}
	.brand-baner .arrow {
		float:left;
		margin:1vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		width: 5vw;
		height: 5vw;
		cursor:pointer;
		background:#51baea url(../../images/brand_arrow_down.svg) center no-repeat;
		z-index:3;
	}
	.brand-baner .foto-main-box {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		bottom:-7vw;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		z-index:2;
	}
	.brand-baner .foto-main-box .foto-main {
		float:left;
		width:50vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
	}
	
.brand-why {
	float:left;
	width:100%;
	margin:0vw 0px 0px 0px;
	padding:15vw 0px 4vw 0px;
	position:relative;
	background-color: #f4f4f4;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-why .up {
		float:left;
		width:90%;	
		margin:0px 5% 0px 5%;
		padding:0px 0px 4vw 0px;
		position:relative;
		left:0;
		top:0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border:1px solid #e5e5e5;
		background:#fff;
	}
		.brand-why .up .text {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #323232;
			font-size: 2vw;
			font-weight: 400;
			line-height: 2vw;
			text-align:center;
		}
		.brand-why .up .text ul { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.brand-why .up .text ul li { 
			float:left;
			cursor:pointer;
			width:33.33%;
			height:20vw;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 2% 0px 2%;		
			list-style: none; 
			border-right:1px solid #e5e5e5;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
				.brand-389 .text ul li, .brand-22 .text ul li {
					width:33% !important;
				}
			.brand-why .up .text ul li:before {
				content: '';
				float:left;
				width:100%;
				height:10vw;
				margin:4vw 0px 2vw 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.brand-why .brand-18 .text ul li:nth-child(1)::before { background: url(../../images/brand_default_icon_1.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(2)::before { background: url(../../images/brand_default_icon_2.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(3)::before { background: url(../../images/brand_default_icon_3.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(4)::before { background: url(../../images/brand_default_icon_4.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(5)::before { background: url(../../images/brand_default_icon_5.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(6)::before { background: url(../../images/brand_default_icon_6.svg) center no-repeat; }
				
				.brand-why .brand-389 .text ul li:nth-child(1)::before { background: url(../../images/brand_389_icon_1.png) center no-repeat; }
				.brand-why .brand-389 .text ul li:nth-child(2)::before { background: url(../../images/brand_389_icon_2.png) center no-repeat; }
				.brand-why .brand-389 .text ul li:nth-child(3)::before { background: url(../../images/brand_389_icon_3.png) center no-repeat; }
			.brand-why .up .text ul li:last-child {
				border-right:0px solid #e5e5e5;
			}
	.brand-why .left {
		float:left;
		width:90%;
		margin:8vw 5% 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.brand-why .left h1 {
			float:left;
			width:100%;
			color: #323232;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 4vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:center;
		}
		.brand-why .left .title {
			float:left;
			width:100%;
			color: #323232;
			
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 2vw;
			font-weight: 300;
			line-height: 3vw;
			text-align:center;
		}
		.brand-why .left .text {
			float:left;
			width:100%;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #707070;
			
			font-size: 2vw;
			font-weight: 300;
			line-height: 3vw;
			text-align:center;
		}
	.brand-why .right {
		float:right;
		width:35vw;
		min-height:35vw;
		margin:1vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.brand-why .right .zdjecie-glowne { 
			float:left;
			width:35vw;
			max-width:35vw;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
		}
			.brand-why .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.brand-application {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:2vw 0px 0px 0px;
	position:relative;
}
		.padding-4 {
			margin:0px 0px 0px 0px;
			padding:2vw 0px 0px 0px;
		}
	.brand-application .box {
		float:left;
		width:94%;
		margin:2vw 3% 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		text-align:center;
	}
		.brand-application .box h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 4vw;
			font-weight: 300;
			line-height: 5vw;	
		}
		.brand-application .box h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:center;
		}
		.brand-application .box .text {
			float:left;
			width:100%;
			margin:2vw 0px 6vw 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #707070;
			font-size: 2vw;
			font-weight: 300;
			line-height: 3vw;
		}
			.brand-application .box .text strong {
				color:#000;
			}
		.brand-application .box .zdjecie-glowne {
			float:left;
			width:100%;
			margin:-2vw 0px 3vw 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.brand-application .box .zdjecie-glowne .img {
				float:left;
				max-width:100%;
				max-height:25vw;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
		
	.brand-application .list {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-top:1px solid #e6e6e6;
	}
		.brand-application .list .submenu {
			float:left;
			width:94%;
			
			margin:0px 3% 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			font-size: 2vw;
			font-weight: 400;
			line-height: 4vw;
		}
			.brand-application .list .submenu li {
				float:left;
				width:33.33%;
				height:8vw;
				cursor:pointer;
				margin:0px 0px 0px 0px;
				padding:3vw 0px 3vw 0px;
				position:relative;
				list-style: none;
				border-bottom:3px solid #fff;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				text-align:center;
			}
				.brand-application .list .submenu li:hover, .brand-application .list .submenu .active-brand-application {
					border-bottom:3px solid #51baea;
					color:#51baea;
				}
						.active-brand-application a {
							font-weight:900;
							color:#51baea !important;
						}
					.brand-application .list .submenu li a {
						float:left;
						width:100%;
						height:100%;
						position:relative;
						color: #323232;
						text-decoration:none;
					}
		.brand-application .list .application-boxes {
			float:left;
			width:100%;		
			margin:0;
			padding:0;
			position:relative;
			background:#f4f3f3;
		}
			.brand-application .list .application-boxes .application-box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
				.brand-application .list .application-boxes .application-box .zdjecie-glowne { 
					float:left;
					width:50%;
					height:30vw;
					position:relative;
					margin:4vw 0px 0px 0px;
					z-index:5;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-around;
					align-items:center;
					align-content:center;
				}
					.brand-application .list .application-boxes .application-box .zdjecie-glowne .img {
						float:left;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
			.brand-application .list .application-boxes .application-box .right {
				float:right;
				width:45%;
				margin:0px 0px 0px 0px;
				padding:4vw 0px 2vw 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				background:#f4f3f3;
			}
				.brand-application .list .application-boxes .application-box .right .inside {
					float:left;
					width:90%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
					.brand-application .list .application-boxes .application-box .right .inside .text {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;					
						font-size: 2vw;
						font-weight: 300;
						line-height: 3vw;
						color: #231f20;
						font-weight: 700;

					}
					.brand-application .list .application-boxes .application-box .right .inside .text em {
						color: #707070;
						
					    font-weight: 300;	
						font-style:normal;
					}
						.brand-application .list .application-boxes .application-box .right .inside .text h2 {
							color: #323232;
							
							font-size: 2vw;
							font-weight: 500;
							line-height: 3vw;
						}
							.brand-application .list .application-boxes .application-box .right .inside .text h2 strong {
								color:#51baea;
							}
						.brand-application .list .application-boxes .application-box .right .inside .text a {
							float:left;
							margin:4vw 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							font-weight: 100;
							color:#51baea;
							text-decoration:none;
							
						}
						
						
			
.brand-other {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:6vw 0px 6vw 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
}
		.brand-other-right {
			justify-content:flex-end;
		}
	.brand-other .box {
		float:left;
		width:40%;
		margin:0px 0px 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
		text-align:center;
	}
			.brand-other .box-right {
				float:right !important;
				width:60% !important;
				margin:0px 5% 0px 0px !important;
			}
		.brand-other .box h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #000;
			font-size: 4vw;
			font-weight: 300;
			line-height: 5vw;
			text-align:left;
		}
		.brand-other .box h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #000;
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:left;
		}
		.brand-other .box .text {
			float:left;
			margin:1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #000;
			font-size: 1.8vw;
			font-weight: 300;
			line-height: 2.8vw;
			text-align:left;
		}
		.brand-other .box .zdjecie-glowne {
			float:left;
			width:100%;
			margin:4vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.brand-other .box .zdjecie-glowne .img {
				float:left;
				max-width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			
.brand-show-menu {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 6vw 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-show-menu .brand-show-menu-show, .brand-show-menu .brand-show-menu-show-other {
		float: left;
		height: 6vw;
		margin: 6vw 1vw 0px 0px;
		padding: 0px 5vw 0px 3vw;
		color: #fff;
		font-size: 1.5vw;
		font-weight: 100;
		line-height: 6vw;
		text-decoration: none;
		overflow: hidden;
		cursor:pointer;
		background: #51baea url(../../images/owl_next_arrow_white.svg) center right 15px no-repeat;
	}

.brand-product-list {
	float:left;
	width:94%;
	margin:6vw 0px 6vw 0px;
	padding:0px 3% 0px 3%;
	position:relative;
}
	.brand-product-list h5 {
		float:left;
		width:100%;
		margin:0;
		padding:0;
		position:relative;
		color: #323232;
		
		font-size: 1.9vw;
		font-weight: 100;
		line-height: 1.9vw;
		text-align:center;
	}
	.brand-product-list .text {
		float:left;
		width:70%;
		margin:2vw 0px 0px 15%;
		padding:0;
		position:relative;
		color: #707070;
		
		font-size: 1.15vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
	.brand-product-list .list {
		float:left;
		width:100%;
		height:16.2vw;
		margin:5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-top:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
		border-right:1px solid #d7d7d7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.brand-product-list .list .box {
			float:left;
			width:100%;
			height:100%;
			margin:0;
			padding:0px 50px 0px 50px;
			position:relative;
			border-left:1px solid #d7d7d7;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			text-decoration:none;
		}
		.brand-product-list .list .box .zdjecie-glowne { 
			float:left;
			width:90%;
			height:7.4vw;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.brand-product-list .list .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				object-fit: cover;	
			}
		.brand-product-list .list .box .title {
			float:left;
			width:100%;
			color: #323232;
			
			font-size: 17px;
			font-weight: 300;
			line-height: 24px;			
			text-align:center;
		}
		.brand-product-list .list .box .more {
			float:left;
			height:35px;
			padding:0px 20px 0px 20px;
			margin:1vw 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
			color:#fff;
			background-color: #51baea;
		}
			.brand-product-list .list .box .more .arrow {
				float:right;
				width:15px;
				margin:0px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.brand-product-list .list .box:hover .more {
					background:#183e78;
				}
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.brand-baner {
	float:left;
	width:100%;
	height:50vw;
	margin:0;
	padding:0;
	position:relative;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-baner .title {
		float:left;
		width: 90%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		
		font-size: 6vw;
		font-weight: 100;
		line-height: 6vw;
		z-index:3;
		text-align: center !important;
	}
	.brand-baner .text {
		float:left;
		margin:2vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		color: #ffffff;
		
		font-size: 3vw;
		font-weight: 300;
		line-height: 4vw;
		z-index:3;
	}
	.brand-baner .arrow {
		float:left;
		margin:2vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		width: 7vw;
		height: 7vw;
		cursor:pointer;
		background:#51baea url(../../images/brand_arrow_down.svg) center no-repeat;
		z-index:3;
	}
	.brand-baner .foto-main-box {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:absolute;
		left:0;
		bottom:-7vw;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
		z-index:2;
	}
	.brand-baner .foto-main-box .foto-main {
		float:left;
		width:50vw;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		left:0;
		bottom:0;
	}
	
.brand-why {
	float:left;
	width:100%;
	margin:0vw 0px 0px 0px;
	padding:20vw 0px 4vw 0px;
	position:relative;
	background-color: #f4f4f4;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-why .up {
		float:left;
		width:90%;	
		margin:0px 5% 0px 5%;
		padding:0px 0px 4vw 0px;
		position:relative;
		left:0;
		top:0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border:1px solid #e5e5e5;
		background:#fff;
	}
		.brand-why .up .text {
			float:left;
			width:100%;
			height:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #323232;
			font-size: 3vw;
			font-weight: 400;
			line-height: 3vw;
			text-align:center;
		}
		.brand-why .up .text ul { 
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
		.brand-why .up .text ul li { 
			float:left;
			cursor:pointer;
			width:50%;
			height:30vw;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 2% 0px 2%;		
			list-style: none; 
			border-right:1px solid #e5e5e5;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
				.brand-389 .text ul li, .brand-22 .text ul li {
					width:33% !important;
				}
			.brand-why .up .text ul li:before {
				content: '';
				float:left;
				width:100%;
				height:20vw;
				margin:4vw 0px 2vw 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.brand-why .brand-18 .text ul li:nth-child(1)::before { background: url(../../images/brand_default_icon_1.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(2)::before { background: url(../../images/brand_default_icon_2.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(3)::before { background: url(../../images/brand_default_icon_3.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(4)::before { background: url(../../images/brand_default_icon_4.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(5)::before { background: url(../../images/brand_default_icon_5.svg) center no-repeat; }
				.brand-why .brand-18 .text ul li:nth-child(6)::before { background: url(../../images/brand_default_icon_6.svg) center no-repeat; }
				
				.brand-why .brand-389 .text ul li:nth-child(1)::before { background: url(../../images/brand_389_icon_1.png) center no-repeat; }
				.brand-why .brand-389 .text ul li:nth-child(2)::before { background: url(../../images/brand_389_icon_2.png) center no-repeat; }
				.brand-why .brand-389 .text ul li:nth-child(3)::before { background: url(../../images/brand_389_icon_3.png) center no-repeat; }
			.brand-why .up .text ul li:last-child {
				border-right:0px solid #e5e5e5;
			}
	.brand-why .left {
		float:left;
		width:90%;
		margin:8vw 5% 0px 5%;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.brand-why .left h1 {
			float:left;
			width:100%;
			color: #323232;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 5vw;
			font-weight: 300;
			line-height: 5vw;
			text-align:center;
		}
		.brand-why .left .title {
			float:left;
			width:100%;
			color: #323232;
			
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:center;
		}
		.brand-why .left .text {
			float:left;
			width:100%;
			margin:4vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			color: #707070;
			
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:center;
		}
	.brand-why .right {
		float:right;
		width:55vw;
		min-height:55vw;
		margin:2vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.brand-why .right .zdjecie-glowne { 
			float:left;
			max-width:55vw;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
		}
			.brand-why .right .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
			
.brand-application {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:6vw 0px 0px 0px;
	position:relative;
}
		.padding-4 {
			margin:0px 0px 0px 0px;
			padding:4vw 0px 0px 0px;
		}
	.brand-application.brand-2242 .box .text img {
		width: 50% !important;
	}
	.brand-application.brand-2234 .box .zdjecie-glowne .img {
		width: 100% !important;
		max-width: auto !important;
		height: auto !important;
	}
	.brand-application .box {
		float:left;
		width:94%;
		margin:2vw 3% 0px 3%;
		padding:0px 0px 0px 0px;
		position:relative;
		text-align:center;
	}
		.brand-application .box h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 5vw;
			font-weight: 300;
			line-height: 6vw;	
		}
		.brand-application .box h4 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #323232;
			font-size: 4vw;
			font-weight: 300;
			line-height: 5vw;
			text-align:center;
		}
		.brand-application .box .text {
			float:left;
			width:100%;
			margin:4vw 0px 8vw 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #707070;
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
		}
			.brand-application .box .text strong {
				color:#000;
			}
			.brand-application .box .text img {
				max-width: 90% !important;
				width: auto !important;
				height: auto !important;
			}
		.brand-application .box .zdjecie-glowne {
			float:left;
			width:100%;
			margin:-2vw 0px 3vw 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.brand-application .box .zdjecie-glowne .img {
				float:left;
				max-width:100%;
				max-height:25vw;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
		
	.brand-application .list {
		float:left;
		width:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-top:1px solid #e6e6e6;
	}
		.brand-application .list .submenu {
			float:left;
			width:94%;
			
			margin:0px 3% 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;			
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			font-size: 3vw;
			font-weight: 400;
			line-height: 6.82vw;
		}
			.brand-application .list .submenu li {
				float:left;
				width:50%;
				height:12vw;
				cursor:pointer;
				margin:0px 0px 0px 0px;
				padding:4vw 0px 4vw 0px;
				position:relative;
				list-style: none;
				border-bottom:3px solid #fff;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				text-align:center;
			}
				.brand-application .list .submenu li:hover, .brand-application .list .submenu .active-brand-application {
					border-bottom:3px solid #51baea;
					color:#51baea;
				}
						.active-brand-application a {
							font-weight:900;
							color:#51baea !important;
						}
					.brand-application .list .submenu li a {
						float:left;
						width:100%;
						height:100%;
						position:relative;
						color: #323232;
						text-decoration:none;
					}
		.brand-application .list .application-boxes {
			float:left;
			width:100%;		
			margin:0;
			padding:0;
			position:relative;
			background:#f4f3f3;
		}
			.brand-application .list .application-boxes .application-box {
				float:left;
				width:100%;
				height:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}
				.brand-application .list .application-boxes .application-box .zdjecie-glowne { 
					float:left;
					width:100%;
					height:50vw;
					position:relative;
					margin:4vw 0px 0px 0px;
					z-index:5;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:space-around;
					align-items:center;
					align-content:center;
				}
					.brand-application .list .application-boxes .application-box .zdjecie-glowne .img {
						float:left;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						width:100%;
						height:100%;
						object-fit: cover;	
					}
			.brand-application .list .application-boxes .application-box .right {
				float:left;
				width:100%;
				margin:0px 0px 0px 0px;
				padding:5vw 0px 5vw 0px;
				position:relative;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:center;
				align-items:center;
				align-content:center;
				background:#f4f3f3;
			}
				.brand-application .list .application-boxes .application-box .right .inside {
					float:left;
					width:90%;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					position:relative;
				}
					.brand-application .list .application-boxes .application-box .right .inside .text {
						float:left;
						width:100%;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						position:relative;					
						font-size: 3vw;
						font-weight: 300;
						line-height: 4vw;
						color: #231f20;
						font-weight: 700;

					}
					.brand-application .list .application-boxes .application-box .right .inside .text em {
						color: #707070;
						
					    font-weight: 300;	
						font-style:normal;
					}
						.brand-application .list .application-boxes .application-box .right .inside .text h2 {
							color: #323232;
							
							font-size: 4vw;
							font-weight: 500;
							line-height: 5vw;
						}
							.brand-application .list .application-boxes .application-box .right .inside .text h2 strong {
								color:#51baea;
							}
						.brand-application .list .application-boxes .application-box .right .inside .text a {
							float:left;
							margin:4vw 0px 0px 0px;
							padding:0px 0px 0px 0px;
							position:relative;
							font-weight: 100;
							color:#51baea;
							text-decoration:none;
							
						}
						
						
			
.brand-other {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 8vw 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	background-size: 120% auto !important;
	background-position: top right !important;
}
		.brand-other-right {
			justify-content:flex-end;
		}

		.brand-other-right.brand-2240 {
			background-color: #ea663f !important;
			background-position: top left !important;
		}
		.brand-other-right.brand-2240 .box-right {
			padding: 55vw 0px 0px 0px !important;
		}
		.brand-other.brand-2243 {
			padding: 8vw 0px 0px 0px !important;
		}
		.brand-other.brand-2243 .box {
			padding: 45vw 0px 0px 0px !important;
		}
		.brand-other.brand-2239 h3 {
			text-align: center !important;
		}
	.brand-other .box {
		float:left;
		width:90%;
		margin:0px 0px 0px 5%;
		padding:55vw 0px 0px 0px;
		position:relative;
		text-align:center;
	}
			.brand-other .box-right {
				float:right !important;
				width:90% !important;
				margin:0px 5% 0px 0px !important;
			}
		.brand-other .box h3 {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #000;
			font-size: 5vw;
			font-weight: 300;
			line-height: 6vw;
			text-align:left;
		}
		.brand-other .box h4 {
			float:left;
			width:100%;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #000;
			font-size: 4vw;
			font-weight: 300;
			line-height: 5vw;
			text-align:left;
		}
		.brand-other .box .text {
			float:left;
			margin:2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			
			color: #000;
			font-size: 3vw;
			font-weight: 300;
			line-height: 4vw;
			text-align:left;
		}
		.brand-other .box .zdjecie-glowne {
			float:left;
			width:100%;
			margin:4vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.brand-other .box .zdjecie-glowne .img {
				float:left;
				max-width:100%;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
			
.brand-show-menu {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 8vw 0px;
	position:relative;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.brand-show-menu .brand-show-menu-show, .brand-show-menu .brand-show-menu-show-other {
		float: left;
		height: 8vw;
		margin: 8vw 1vw 0px 0px;
		padding: 0px 10vw 0px 5vw;
		color: #fff;
		font-size: 3vw;
		font-weight: 100;
		line-height: 8vw;
		text-decoration: none;
		overflow: hidden;
		cursor:pointer;
		background: #51baea url(../../images/owl_next_arrow_white.svg) center right 15px no-repeat;
	}

.brand-product-list {
	float:left;
	width:94%;
	margin:6vw 0px 6vw 0px;
	padding:0px 3% 0px 3%;
	position:relative;
}
	.brand-product-list h5 {
		float:left;
		width:100%;
		margin:0;
		padding:0;
		position:relative;
		color: #323232;
		
		font-size: 1.9vw;
		font-weight: 100;
		line-height: 1.9vw;
		text-align:center;
	}
	.brand-product-list .text {
		float:left;
		width:70%;
		margin:2vw 0px 0px 15%;
		padding:0;
		position:relative;
		color: #707070;
		
		font-size: 1.15vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
	.brand-product-list .list {
		float:left;
		width:100%;
		height:16.2vw;
		margin:5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		border-top:1px solid #d7d7d7;
		border-bottom:1px solid #d7d7d7;
		border-right:1px solid #d7d7d7;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.brand-product-list .list .box {
			float:left;
			width:100%;
			height:100%;
			margin:0;
			padding:0px 50px 0px 50px;
			position:relative;
			border-left:1px solid #d7d7d7;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
			text-decoration:none;
		}
		.brand-product-list .list .box .zdjecie-glowne { 
			float:left;
			width:90%;
			height:7.4vw;
			position:relative;
			margin:0px 0px 0px 0px;
			z-index:5;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
		}
			.brand-product-list .list .box .zdjecie-glowne .img {
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				width:100%;
				object-fit: cover;	
			}
		.brand-product-list .list .box .title {
			float:left;
			width:100%;
			color: #323232;
			
			font-size: 17px;
			font-weight: 300;
			line-height: 24px;			
			text-align:center;
		}
		.brand-product-list .list .box .more {
			float:left;
			height:35px;
			padding:0px 20px 0px 20px;
			margin:1vw 0px 0px 0px;
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			align-content:center;
			color:#fff;
			background-color: #51baea;
		}
			.brand-product-list .list .box .more .arrow {
				float:right;
				width:15px;
				margin:0px 0px 0px 10px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.brand-product-list .list .box:hover .more {
					background:#183e78;
				}
}