@blue: #163f86;
@white: #ffffff;
@orange: #be1622;
@orangeHover: #99121b; 


@bold: 700;
@-moz-document domain("www.youtube.com") {
    .ytp-chrome-bottom, .ytp-chrome-top,ytp-gradient-top {
        display: none !important;
    }
}

html{
	scroll-behavior: smooth;
	zoom: 0.9;
    //-moz-transform: scale(0.9);
    //-moz-transform-origin: 1 0;
    //-o-transform: scale(0.9);
    //-o-transform-origin: 1 0;
    //-webkit-transform: scale(0.9);
    //-webkit-transform-origin: 0 0;
    //transform: scale(0.9);
    //transform-origin: top;
}
body{
	background: white;
	font-family: 'Montserrat', sans-serif;
}
span, p, a, li{
	color: @blue;
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
}

a{
	text-decoration: none;
}

a:hover{
	color: @blue;
}
h1,h2,h3,h4,h5,h6{
	color: @blue;
}

.pointer {
	cursor: pointer;
	color: @blue;
}

table{
	width: 100%;
	tr{
		color: @blue;
		th,td,th span,td span{
			color: @blue;
			font-size: 14px;
			font-weight: 600;
		}
		td{
			text-align: right;
			padding: 5px 20px;
		}
		th{
			padding: 5px 20px;
		}
		&:nth-child(odd){
			background: rgba(22,63,134,0.2);
		}
	}
}

.grecaptcha-badge { 
    visibility: hidden;
}

/*OBECNE*/
.button,
a.button,input[type="button"]{
	color: @white;
	border-radius: 10px;
	border: none;
	background-color: @orange;
	text-transform: uppercase;
	padding: 13px 20px;
	text-decoration: none;
	width: 210px;
	text-align: center;
	font-weight: @bold;
	span{
		color: @white;
		font-size: 19px;
	}
}
.button,
a.button,input[type="button"]{
	&:hover{
		background-color: @orangeHover;
	}
}


/*HEADER*/
.header{
	padding: 40px 0 30px;
	//border-bottom: 7px @orange solid;
	
	.top-contact-wrapper{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 80;
		.container{
			display: flex;
			justify-content: flex-end;
		}
	}
	.contact-email{
		background: @orange;
		border-bottom-left-radius: 10px; 
		border-bottom-right-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 20px;
		height: 40px;
		.mail-icon{
			background: @white;
			border-radius: 50px;
			width: 25px;
			height: 24px;
			color: @orange;
			margin-right: 15px;
			text-align: center;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		a{
			color: @white;
			text-decoration: none;
		}
	}
	.lang-switch{
		margin-left: 17px;
		margin-top: 8px;
		.lang-item{
			a{
				font-weight: 600;
				text-decoration: none;
				font-size: 11px;
				&:hover{
					color: @orange;
				}
			}
			&.active{
				a{
					color: @orange;
				}
			}
		}
	}
	.logo{
		img{
			height: 75px;
		}
	}
	.menu{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		.menu-item{
			a{
				padding: 0 15px;
				text-transform: uppercase;
				border-right: 1px solid @blue;
			}
		}
		.menu-item:last-child{
			a{
				border-right: none;
			}
		}
	}
}



/*SLIDER*/

.red-line {
	width: 100%;
	height: 10px;
	background-color: @orange;
}

.slider{
	height: 600px;
	background-image: url('../image/slide01n.png');
	background-size: cover;
	.video{
		position: absolute;
		width: 100%;
		height: 600px;
		background-color: antiquewhite;
		overflow: hidden;
		opacity: 0.4;
		z-index:2;
		video {
			width: 100%;
			margin-top: -250px;
			z-index:1;
		}
	}
	
	.slide{
		z-index:3;
		position: absolute;	
		color: @white;
		width: 100%;
		height: 600px;
		padding: 0 15px;
		overflow: hidden;
		.row{
			height: 100%;
		}	
		.slider-image{
			display: flex;
			align-items: center;
			justify-content: flex-end;
			height: 100%;
			left: -50%;
			img{
				height: 90%;
				width: auto;
			}
		}
		.slider-text{
			display: flex;
			flex-direction: column;
			justify-content: center;
			right: -50%;
			
			.slider-text-wrapper{
				width: 65%;
				border-left: 1px solid #FFF;
				padding: 20px 0px 20px 80px;
				h1 { color: @white; }
				.slider-list{
					list-style: none;
					margin: 0;
					padding: 0;
					li{
						display: flex;
						align-items: center;
						&:before{
							content: '';
							width: 25px;
							height: 25px;
							background-image: url("../image/dot.png");
							background-repeat: no-repeat;
							background-position: center;
							background-size: inherit;
							display: block;
							margin-right: 9px;
						}
						span{
							font-size: 18px;
						}
					}
				}
				.slider-description{
					margin-bottom: 25px;
					font-size: 18px;
					line-height: 24px;
				}
			}
			h1{
				margin-bottom: 25px;
				font-size: 45px;
			}
			a, ul li span, span, p{
				color: @white;
			}
			.button-wrapper{
				display: flex;
				justify-content: center;
				.button{
					margin-top: 25px;
					font-size: 20px;
					a{
						text-decoration: none;
					}
				}
			}
		}
	}
}
.video-category{
	position: absolute;
    width: 100%;
    height: 355px;
    background-color: antiquewhite;
    overflow: hidden;
    opacity: 0.2;
    z-index: 2;
	video{
		width: 100%;
		margin-top: -360px;
		z-index: 1;
	}
}
.product-category-main-title {
	background: #163f86;
    border-bottom: 8px @orange solid;
	h1 {
		color: #ffffff;
		margin: 0;
		padding: 153px 0;
	}
}

@menu-width: 14rem;
/*MENU*/
.menu-wrapper{
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	margin-bottom: 8px;
	.menu{
		position: relative;
		z-index: 1040;
		a {
			text-decoration: none;
		}
		.divider{
			padding:0 20px;
			font-size: 18px;
			color: @blue;
			font-weight: 500;
		}
		nav {
		}
		ul {
			list-style: none;
			margin: 0;
			padding-left: 0;
			li {
				color: @blue;
				display: block;
				float: left;
				position: relative;
				text-decoration: none;
				transition-duration: 0.5s;
				border-right: 1px @blue solid;
				
				&:last-child{
					border-right: none;
				}
				a {
					display: block;
					padding: 0 20px;
					font-size: 14px;
					color: @blue;
					font-weight: 500;
					width: 100%;
					
				}
				ul {
					visibility: hidden;
					opacity: 0;
					min-width: @menu-width;
					position: absolute;
					transition: all 0.5s ease;
					padding-top: 1rem;
					left: 0;
					display: none;
					background: @white;
					border-radius: 0 0 10px 10px;
					border-top: none;
					//padding: 10px 30px;
					box-shadow: 0 -0.5px 0 #fff, 0 1px 5px #bdb7b7;
					li {
						clear: both;
						width: 100%;
						border-right: none;
						//border-top: 1px rgba(22,63,134,0.5) solid;
						display: flex;
						align-items: center;
						justify-content: center;
						a{
							display: block;
							padding: 14px 15px 14px 20px;
							//text-align: center;
						}
						&:hover{
							background: @orange;
							a{
								color: @white;
							}
						}
						&:last-child{
							border-radius: 0 0 10px 10px;
						}
						.third-level{
							left: @menu-width;
							padding-top: 0px;
							border-radius: 10px;
							z-index: 999;
							box-shadow: 0 0px 5px #bdb7b7;
							li{
								a{
									color: @blue;
								}
								&:hover{
									a{
										color: @white;
									}
								}
								&:first-child{
									border-radius: 10px 10px 0 0;	
								}							
							}
						}
					}
				}
			}
			li:hover,
			li:focus-within {
				cursor: pointer;
				//background: @orange;
			}
			li:focus-within a {
				outline: none;
			}
			li:hover > ul,
			li:focus-within > ul,
			li ul:hover,
			li ul:focus {
				visibility: visible;
				opacity: 1;
				display: block;
			}
		}
	}
	.responsive-menu-icon{
		font-size: 35px;
		color: @blue;
		display: none;
		margin-bottom: 3px;
		cursor: pointer;
	}
}

.responsive-menu{
	position: fixed;
	z-index: 9999;
	width: 100%;
	height: 100%;
	top: 145px;
	left: 0px;
	display: none;
	.close-menu{
		display: none;
		cursor: pointer;
		color: @blue;
		text-align: right;
		font-size: 30px;
		padding: 25px 35px;
		i{
			&:hover{
				color: @orange;
			}
		}
	}
	.half-menu{
		width: 100%;
		background: @white;
		border-top: 5px solid @orange;
		.responsive-menu-wrapper{
			ul{
				margin-top: 10px;
				padding-left: 0px;
				li{
					text-transform: uppercase;
					list-style: none;
/*					border-left: 5px @orange solid;
					border-bottom: 1px solid #e4e4e4;*/
					padding: 10px 0;
					a{
						color: @blue;
						text-decoration: none;
						font-size: 17px;
						font-weight: 500;
						margin-left: 20px;
						&:hover{
							color: @orange;
						}
					}
					.submenu-main-a{
						font-size: 23px;
						border-bottom: 4px @orange solid;
					}
					.dropdown{
						margin-left: 23px;
						margin-top: 20px;
						li{
							padding: 8px 0;
						}
					}
				}
			}
		}
		.open-menu{
			display: inline-block;
			margin-left: 15px;
			color: @blue;
			i{
				cursor: pointer;
			}
		}
	}
	.overlay{
		background: rgba(255,255,255,1);
		width: 100%;
		height: 100%;
	}
}
.responsive-menu.active{
	display: flex !important;
	flex-direction: column;
}

/*SLIDER*/
.slider{
	img{
		width: 100%;
	}
}

/*MAIN-CONTENT*/
.main-content{
	padding: 30px 0 15px 0;
	
	/*OBECNE*/	
	.paginator{
		display: flex;
		align-items: center;
		.paginator-item{
			color: @blue;
			display: flex;
			align-items: center;
			font-size: 12px;
			a{
				font-size: 13px;
				color: rgba(135,152,178,1);
				&:hover{
					color: @orange;
					text-decoration: none;
				}
			}
			.separator{
				margin: 0 3px;
			}
			&.active{
				a{
					color: @orange;
					font-weight: bold;
				}
			}
			&:last-child .separator{
				display: none;
			}
		}
	}
	
	ul{
		list-style: none;
		li{
			//display: flex;
			//align-items: center;
			color: @blue;
			//padding: 5px 0 0px 0;
			&:before{
/*				content: " ";
				display: inline-block;
				width: 15px;
				height: 15px;
				background-image: url('../image/red-dot.png');
				background-size: 50%;
				background-repeat: no-repeat;
				background-position: center;
				position: absolute;
				left: 31px;*/
			  content: "\2022";
			  color: @orange;
			  font-weight: bold;
			  font-size: 22px;
			  display: inline-block; 
			  width: 1em;
			  margin-left: -1em;
			}
		}
	}
	
	.product-categories{
		padding-bottom: 65px;
		.no-right{
			padding-right: 0;
		}
		.no-left{
			padding-left: 0;
		}
		.product-category-item{
			display: flex;
			align-items: flex-start;
			margin: 10px 0;
			.photo-part{
				margin-right: 25px;
				a{
					display: block;
					//border-radius: 50%;
					height: 200px;
					width: 200px;
					background-size: 90%;
					background-position: center;
					background-repeat: no-repeat;
				}
				a:hover{
					//filter: url('#red-sunset');
				}
			}
			.text-part{
				min-width: 60%;
				a{
					text-decoration: none;
					h2{
						background: linear-gradient(90deg, #163f86 0%, #0d3686 40%, rgba(14,45,100,0) 100%);
						border-bottom: 5px #be1622 solid;
						border-radius: 7px 7px 0 7px;
						color: #fff;
						padding: 4px 15px;
						margin-top: 30px;
						width: 79%;
						font-size: 23px;
						margin-bottom: 20px;
					}
					h2:hover{
						background: linear-gradient(90deg, @orange 0%, @orange 40%, rgba(14,45,100,0) 100%);
					}
				}
				.text-wrapper{
					padding-right: 20px;
					span{
						font-weight: 600;
						font-size: 14px;
						line-height: 18px;
					}
				}
				.link-wrapper{
					display: flex;
					align-items: center;
					flex-wrap: wrap;
					margin-top: 10px;

					.divider{
						padding: 0 6px;
						font-size: 14px;
						font-weight: 600;
					}
					a{
						font-weight: 600;
						z-index: 999;
						span{
							font-size: 14px;
							text-decoration: underline;
						}
						&:hover{
							span{
								color: @orange;
							}
						}
					}
				}
			}
		}
	}
	
	.support-row{
		.icon{
			border-radius: 50px;
			background: @white;
			width: 60px;
			height: 60px;
			font-size: 25px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.support-orange,
		.support-blue{
			border-radius: 10px;
			color: @white;
			height: 100%;
			display: flex;
			align-items: center;

			h2 {
				color: @white;
				font-size: 1.5rem; 
			}

		}
		.support-orange{
			background-color: @orange;
			a{
				text-decoration: none;
				display: flex;
				align-items: center;
				padding: 15px 0px 15px 25px;
				.icon{
					color: @orange;
					i{
						padding-left: 6px;
					}
				}
				h2{
					margin-bottom: 0;
					margin-left: 20px;
					color: @white;
					width: 70%;
					line-height: 31px;
				}
			}
		}
		.support-blue{
			//background-color: @blue;
			background: rgb(22,63,134);
			background: linear-gradient(90deg, rgba(22,63,134,1) 45%, #072353 85%, rgba(22,63,134,1) 100%);
			padding: 15px 0px 15px 25px;
			.icon{
				color: @blue;
				margin-right: 20px;
			}
			.first-part{
				display: flex;
				align-items: center;
				a{
					color: @white;
					text-decoration: none;
					display: flex;
					align-items: center;
					h2{
						padding-right: 20px;
						margin: 0;
						line-height: 31px;
					}
				}
			}
			.second-part{
				padding: 20px 0px 15px 20px;
				padding-left: 20px;
				border-left: 1px rgb(73,108,163) solid;
				display: flex;
				flex-direction: column;
				a{
					color: @white;
				}
			}
		}
	}
	.bottom-text{
		//padding: 30px;
		//line-height: 21px;
		font-weight: 500;
		position: relative;
		.text-wrapper{
			padding: 30px 30px 15px 30px;
			height: 100%;
			min-height: 220px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			min
			p{
				font-size: 18px;
				line-height: 1.5;
			}
		}
		.slecna {
			position: absolute;
			top: -233px;
			right: 0;
			z-index: 49;
		}
	}
	
	/*DETAIL PRODUKTU*/
	.product-detail{
		h2{
/*			margin-top: 35px;
			color: @orange;*/
			background: linear-gradient(90deg, #163f86 0%, #0d3686 40%, rgba(14,45,100,0) 100%);
			border-bottom: 5px #be1622 solid;
			border-radius: 7px 7px 0 7px;
			color: #fff;
			padding: 4px 15px;
			margin-top: 30px;
			width: 79%;
			font-size: 23px;
			margin-bottom: 20px;
		}
		.product-detail-text{
			padding-top: 0px;
			p,li{
				font-weight: 600;
				font-size: 14px;
				line-height: 18px;
			}
			p{
				padding: 0 15px;
			}
			.photo-row{
				img{
					width: 80%;
				}
			}
		}
		.product-range{
			font-weight: 600;
			.product-range-wrapper{
				display: flex;
				flex-wrap: wrap;
				width: 85%;
			}
			.product-range-item{
				border-bottom: 1px rgba(22,63,134,0.2) solid;
				padding-bottom: 20px;
				padding-top: 20px;
				&:last-child{
					border-bottom: none;
				}
				.icecream-image{
					
				}
				.pr-text{
					h5{
						color: @blue;
						margin-bottom: 0px;
						font-size: 18px;
					}
					span{
						font-size: 14px;
						line-height: 18px;
					}
				}
				.pr-specification{
					padding-top: 15px;
					span{
						font-size: 14px;
						line-height: 18px;
						margin-right: 65px;
					}
				}
			}
			ul.c2{
				columns: 2;
				-webkit-columns: 2;
				-moz-columns: 2;
			}
		}
		.technical-parameters{
			table{
				width: 100%;
				tr{
					color: @blue;
					th,td,th span,td span{
						color: @blue;
						font-size: 14px;
						font-weight: 600;
					}
					td{
						text-align: left;
						padding: 5px 20px;
					}
					th{
						padding: 5px 20px;
					}
					&:nth-child(odd){
						background: rgba(22,63,134,0.2);
					}
				}
			}
		}
		
		.documents-part{
/*			border-bottom: 1px rgba(22, 63, 134, 0.2) solid;
			padding-bottom: 30px;
			margin-bottom: 30px;*/
			h3{
				color: @blue;
				font-size: 19px;
			}
			.cover-image{
				width: 595px;
				height: 335px;
				position: absolute;
				background-repeat: no-repeat;
				background-position: center;
				background-position-y: -57px;
				background-size: 101%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 65px;
				box-shadow: 0px 0px 20px 0px #dddddd;
				i{
					color: #000000a6;
					cursor: pointer;
				}
			}
			.cover-image i:hover{
				color: #ff0101;
			}
			.dp-item{
				display: flex;
				align-items: center;
				margin-top: 10px;
				padding: 0px 25px;
				.dp-icon-button{
					margin-right: 10px;
					a{
						color: @orange;
						font-size: 17px;
						display: block;
						&:hover{
							color: @orangeHover;
						}
					}
				}
				.dp-text-part{
					a{
						display: flex;
						flex-direction: column;
						text-decoration: none;
						line-height: 18px;
						&:hover{
							color: @orangeHover;
						}
						.dp-name{
							font-size: 18px;
							font-weight: 500;
							color: @orange;
						}
						.dp-description{
							font-size: 12px;
							font-weight: 600;
							color: @blue;
						}
					}
				}
			}
			&.pdf{
				.dp-item{
					.dp-icon-button{
						a{
							font-size: 17px;
							&:hover{
								color: @orangeHover;
							}
						}
					}
				}
			}
		}
		.optional-equipment{
			h3,h2{
				color: @white;
				//font-size: 19px;
			}
			a{
					color: @orange;
					font-size: 14px;
					font-weight: 600;
					text-decoration: underline;
					&:hover{
						color: @orangeHover;
					}
				}
			.oe-item{
				margin-bottom: 3px;
				a{
					color: @orange;
					font-size: 14px;
					font-weight: 600;
					text-decoration: none;
					&:hover{
						color: @orangeHover;
					}
				}
			}
		}
	}
	
	.dp-item{
		display: flex;
		align-items: center;
		margin-top: 10px;
		.dp-icon-button{
			margin-right: 10px;
			a{
				color: @orange;
				font-size: 17px;
				display: block;
				&:hover{
					color: @orangeHover;
				}
			}
		}
		.dp-text-part{
			a{
				display: flex;
				flex-direction: column;
				text-decoration: none;
				line-height: 18px;
				&:hover{
					color: @orangeHover;
				}
				.dp-name{
					font-size: 18px;
					font-weight: 500;
					color: @orange;
				}
				.dp-description{
					font-size: 12px;
					font-weight: 600;
					color: @blue;
				}
			}
		}
	}
	&.pdf{
		.dp-item{
			.dp-icon-button{
				a{
					font-size: 17px;
					&:hover{
						color: @orangeHover;
					}
				}
			}
		}
	}
	
	/*ICECREAM PRODUCTS*/
	.ice-products-title{
		text-align: center;
		margin-bottom: 35px;
		h2{
			margin-top: 0px;
			color: @blue;
			font-size: 2.5rem;
			background: none;
			width: 100%;
			padding: 0;
			border-bottom: none;
			border-radius: 0px;
		}
	}
	.product-select-section{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		margin-bottom: 35px;
		.product-select-item{
			flex: 0 0 33%;
			.product-select-item-wrapper{
				margin: 4px;
				border-radius: 5px;
				display: flex;
				align-items: center;
				border: 1px #cecece solid;
				padding: 15px;
				height: 96%;
				.product-miniature{
					flex: 0 0 31%;
					font-size: 35px;
					//padding: 20px 0px 20px 25px;
				}
				span{
					font-size: 16px;
					line-height: normal;
					//padding-right: 20px;
				}
			}
			.text-info{
				display: flex;
				flex-direction: column;
				width: 100%;
				.small-button{
					background: @orange;
					border-radius: 5px;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 140px;
					padding: 3px;
					align-self: end;
					span,i{
						color: @white;
					}
				}
				.title{
					font-size: 24px;
				}
				.capacity{
					margin: 10px 0;
				}
			}
			.small-button,a:hover{
				background: @orange;
				text-decoration: none;
				border: 1px @orange solid;
				span,i{
					color: @white;
				}
			}
		}
	}
	
	.pdf-row{
		justify-content: flex-start;
		.popup-gallery{
			//flex: 0 0 100%;
		}
		img{
				height: 335px;
				width: 500px;
				box-shadow: 0px 0px 20px 0px #dddddd;
			}
	}

	.zmr-active{
		background: @orange;
		color: #FFF;	
		span,i{
			color: @white;
		}
	}

	.product-grid{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		.product-mini{
			margin: 7px;
			border: 1px #cecece solid;
			flex: 0 0 30%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 0 25px 25px;
			border-radius: 5px;
			.image-section{
				div{
					width: 320px;
					height: 220px;
					background-size: contain;
					border-radius: 5px;
					background-position: center;
					background-repeat: no-repeat;
				}
				a{
					display: block;
				}
				img{
					width: 100%;
				}
			}
			.text-section{
				margin: 20px 0px 10px;	
				padding: 0 30px;
				a{
					text-align: center;
					display: block;
					h4{
						text-transform: uppercase;
						font-weight: bold;
						margin-bottom: 20px;
					}
					p{
						font-weight: normal;
						width: 260px;
						height: 85px;
						overflow: hidden;
						display: -webkit-box;
						-webkit-line-clamp: 5;
						-webkit-box-orient: vertical;
					}
					&:hover{
						text-decoration: none;
					}
				}
			}
			.button-section{
				display: flex;
				justify-content: center;
				.small-button{
					background: @orange;
					border-radius: 5px;
					padding: 10px 25px;
					span{
						color: @white;
						font-weight: normal;
					}
					&:hover{
						background: @orangeHover;
						text-decoration: none;
					}
				}
			}
		}
	}
}

/*TEXT DETAIL*/
.text-detail{
	.main-title{
		border-bottom: 1px rgba(22,63,134,0.2) solid;
		padding: 30px 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.perex{
		padding-top: 28px;
	}
	.image-holder{
		img{
			width: 100%;
		}
	}
	.text{
		
	}
	.about-us{
		.first-text{
			padding: 0 28px 28px 28px;
			h2{
				color: @orange;
				font-weight: bold;
				font-size: 24px;
				margin-bottom: 20px;
			}
		}
		.second-text{
			margin-bottom: 50px;
			.text{
				padding:28px;
			}
			h2{
				color: @orange;
				font-weight: bold;
				font-size: 24px;
				margin-bottom: 20px;
			}
			ul li:before{
				left: 60px;
			}
		}
		.first-image{
			padding: 0 28px 28px 28px;
		}
		.second-image{
			margin-bottom: 50px;
			padding:28px;
		}
	}
}
.image-gallery{
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
	.gallery-item{
		max-width: 20%;
		padding: 5px;
		a{
			img{
				width: 100%;
			}
		}
	}
}

/*CATEGORY*/
.contact-detail{
	padding: 0 0 30px;
	.contact-item{
		border-bottom: 1px rgba(22,63,134,0.2) solid;
		padding: 30px 0;
		&:last-child{
			border-bottom: none;
		}
		&.first{
			padding-bottom: 20px;	
		}
		&.second{
			padding-top: 40px;
		}
		.contact-text{
			h3{
				color: @blue;
				font-size: 19px;
			}
			.adress-block{
				display: flex;
				flex-direction: column;
				color: @blue;
				margin-top: 22px;
				line-height: 18px;
				span{
					font-size: 14px;
					font-weight: 600;
				}
			}
		}
	}
}

.no-mb{
	margin-bottom: 0;
}

.technology-selector{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	.selector-item{
		width: 31%;
		a{
			padding: 10px 15px;
			border-radius: 8px;
			text-align: center;
			background: @orange;
			color: @white;
			text-decoration: none;
			text-transform: uppercase;
			display: block;
			&:hover{
				background: @orangeHover;
			}
		}
	}
}

/*PRODUCT DETAIL SLIDER*/
.responsive-slider{
	display: none;
}
.product-detail-slider,
.responsive-slider{
	ul{
		li{
		}
		li:before{
			display: none;
		}
	}
	img{
		max-width: 600px;
		max-height: 500px;	
		margin-bottom: 50px;
	}
	.lSGallery{
		border-top: 1px rgba(22,63,134,0.2) solid;
		border-bottom: 1px rgba(22,63,134,0.2) solid;
		padding: 20px 0;
		margin-top: 20px;
		li{
			padding-top: 0px;
			img{
				height: 130px !important;
			}
		}
	}
	.button-wrapper{
		position: relative;
		top: -110px;
		display: flex;
		justify-content: space-between;
		.ls-next-button,
		.ls-prev-button{
			border: none;
			position: relative;
			background: none;
			font-size: 22px;
			outline: none;
			color: @blue
		}
		.ls-prev-button{
			left: -25px;
			&:hover{
				color: @orange;
			}
		}
		.ls-next-button{
			right: -25px;
			&:hover{
				color: @orange;
			}
		}
	}
}
.popup-gallery{
	text-align: center;
}

/*.lightSlider.lsSlide{
	li{
		display: flex;
		justify-content: center;
	}
}*/

.back-to-top{
	margin-top: 60px;
    margin-bottom: 20px;
	.btt-wrapper{
		display: flex;
		align-items: center;
		justify-content: center;
		a{
			text-decoration: none;
			text-transform: uppercase;
			display: flex;
			flex-direction: column;
			align-items: center;
			color: @blue;
			font-weight: 600;
			&:hover{
				color: @orange;
				i{
					color: @orange;
				}
				span{
					color: @orange;					
				}
			}
			span{
				font-size: 14px;
				margin-top: 3px;
			}
			i{
				font-size: 26px;
			}
		}
	}
}

/*PRODUCT*/
.product-main-title{
	background: @blue;
	border-bottom: 8px @orange solid;
	h1{
		color: @white;
		margin: 0;
		padding: 20px 0;
	}
}


/*KONTAKTNÍ FROMULÁŘ*/
.contact-form{
	margin-top: -22px;
	padding: 25px 40px;
	background: rgb(18,56,119);
	background: linear-gradient(90deg, rgba(18,56,119,1) 0%, rgba(22,62,132,1) 39%, rgba(14,45,100,1) 100%);
	border-radius: 10px;
	z-index: 50;
    position: relative;
	.title{
		h2{
			font-size: 30px;
			color: @white;
		}
	}
	label{
		color: @white;
		margin-bottom: 0px;
	}
	.input-wrapper{
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	input[type="text"],
	input[type="email"],
	textarea{
		color: @blue;
		padding: 10px 13px;
		margin-top: 10px;
		border: none;
		border-radius: 5px;
		outline: none;
		font-size: 14px;
		font-weight: 600;
	}
	input[type="text"]::placeholder,
	input[type="email"]::placeholder,
	textarea::placeholder{
		color: @blue;
	}
	imput[type="checkbox"]{
		border-radius: 5px;
	}
	.commit-inputs{
		display: flex;
		justify-content: flex-end;
		padding-top: 12px;
		.checkbox-wrapper{
			display: flex;
			align-items: center;
			font-size: 12px;
			font-weight: 400;
			margin-bottom: 0px;
			margin-right: 48px;
			input[type="checkbox"]{
				padding-right: 10px;
			}
		}
	}
}
.commit-inputs{
	a.button{
		span{
			font-size: 17px;
		}
	}
}

.bar-wrapper{
	height: 8px;
	width: 100%;
	background: @white;
	display: block;
	#bar{
		width: 0%;
		height: 8px;
		background: @orange;
	}
}

/*FORM DOTAZ CENA*/
.price-form{
	margin-top: 15px;
}
.form-section{
	margin: 20px 0;
	input[type="text"],input[type="email"],textarea{
		padding: 5px;
		margin-top: 5px;
	}
	table{
		tr{
			display: flex;	
			align-items: center;
			td{
				text-align: left;
				padding: 0px 5px;
			}
		}
		tr:nth-child(odd){
			background: none;
		}
	}
	textarea{
		width: 350px;
		height: 100px;
	}
	.title{
		h2{
			font-size: 19px;
			font-weight: bold;
			margin-bottom: 21px;
		}
	}
}

input[type="submit"]{
	color: @white;
	border-radius: 10px;
	background-color: @orange;
	text-transform: uppercase;
	text-decoration: none;
	width: 190px;
	text-align: center;
	font-weight: @bold;
	border: none;
	height: 42px;
	margin: 2px 15px;
	&:hover{
		background-color: @orangeHover;
	}
}

.form-first-section{
	table{
		tr{
			td{
				padding: 0px 0px;
			}
		}
	}
}
.align-next{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.form-third-section,.form-fourth-section,.form-fifth-section,.form-sixth-section{
		flex: 0 0 50%;
	}
}
.form-first-section{
	label{
		font-weight: bold;
		font-size: 19px; 
	}
	.wrapper{
		
	}
}
.form-third-section{
	table{
		tr{
			margin-bottom: 10px;
		}
	}
}
.upper-title{
	margin-top: 45px;
	margin-bottom: 45px;
	h2{
		color: @white;
		font-size: 31px;
	}
	p{
		color: @white;
	}
}
.less-20{
	width: 39%;
}
.less-25{
	width: 18%;
}
.less-50{
	width: 40%;
}


/*VÝPIS KATEGORIÍ*/
.categories{
	
}
/*CUSTOMER SUPPORT*/
.customer-support-row{
	margin-bottom: 50px;
	.support-item{
		.support-item-title{
			display: flex;
			align-items: center;
			min-height: 84px;
			i{
				color: @blue;
				font-size: 64px;
			}
			h2{
				margin-left: 11px;
				font-weight: bold;
				font-size: 32px;
				margin-bottom: 0;
			}
		}
		.support-item-text{
			margin-top: 30px;
			span{
				font-weight: 500;
			}
		}
		.support-item-link{
			display: flex;
			flex-direction: column;
			color: @orange;
			padding-left: 30px;
			margin-top: 30px;
			.support-item-link-group{
				margin-bottom: 15px;
				display: flex;
				flex-direction: column;
				width: 65%;
				a{
					color: @orange;
					text-decoration: underline;
					font-weight: bold;
				}	
				span{
					color: @orange;
					text-decoration: underline;
					font-weight: bold;
				}
				&:before{
					content: " ";
					display: inline-block;
					width: 13px;
					height: 13px;
					background-image: url(https://www.vojtacz.com/beta/image/red-dot.png);
					background-size: 50%;
					background-repeat: no-repeat;
					background-position: center;
					position: absolute;
					left: 29px;
					margin-top: 3px;
				}
			}
		}
	}
	.other-brands{
		margin-bottom: 20px;
		h2{
			font-size: 28px;
			font-weight: bold;	
		}
		p{
			font-weight: 500;
		}
		.other-brands-advice{
			display: flex;
			justify-content: space-evenly;
			margin-top: 50px;
			span{
				font-size: 18px;
				&:before{
					content: " ";
					display: inline-block;
					width: 13px;
					height: 13px;
					background-image: url(https://www.vojtacz.com/beta/image/red-dot.png);
					background-size: 50%;
					background-repeat: no-repeat;
					background-position: center;
					position: relative;
					top: 0px;
					margin-top: 3px;
					left: -3px;
				}
			}
		}
	}
	.other-brands-item{
		.other-brands-item-title{
			margin-bottom: 20px;
			span{
				font-weight: bold;
				font-size: 17px;
			}
		}
		.other-brands-item-small{
			margin-bottom: 20px;
			span{
				font-weight: 500;
			}
		}
		.other-brands-item-producers{
			margin-bottom: 20px;
			ul{
				margin-bottom: 0px;
				li{
					padding-top: 0;
					font-weight: bold;
				}
			}
		}
		.other-brand-item-text{
			p{
				font-weight: 500;
			}
		}
	}
}

.separator-line{
	margin: 40px 0;
	border-bottom: 1px #163f865c solid;
	height: 1px;

}

.mfp-figure figure{
	background: @white;
	max-height: 1040px;
}
img.mfp-img{
	max-height: 1040px !important;
}

/*SPARE PARTS*/

.spare-parts-text{
	margin-bottom: 35px;
	span{
		font-size: 15px;
	}
}
.spare-parts-title{
	//margin-bottom: 35px;
	h3{
		font-weight: bold;
		font-size: 30px;
		text-align: center
	}
}
.spare-parts-image{
	img{
		width: 100%;
	}
}
.sppare-parts-buttons{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	.button{
		cursor: pointer;
		margin-bottom: 25px;
		width: 250px;
		padding: 35px 20px;
		font-size: 18px;
	}
}

.spare-parts-table{
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
	.sp-table-item{
		flex: 0 0 50%;
		margin-bottom: 20px;
		.sp-table-gr1{
			display: flex;
			flex-direction: column;
			label{
				font-weight: bold;
				margin-bottom: -4px;
			}
			input[type="text"]{
				margin-bottom: 10px;
				max-width: 50%;
			}
			input[type="file"]{
				color: @white;
			}
			.file-label{
				position: relative;
				top: -32px;
				left: -1px;
				background: @orange;
				width: 111px;
				height: 34px;
				text-align: center center;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				border-radius: 7px; 
				&:hover{
					background: @orangeHover;
				}
			}
		}
		.sp-table-gr2{
			textarea{
				height: 95px;
				position: relative;
				top: -55px;
				min-width: 50%;
			}
		}
	}
}
.sp-first-part-wrapper{
	display: flex;
	jsustify-content: space-between;
	.how-to-fill{
		flex: 0 0 50%;
		p{
			color: @white;
			padding: 30px 50px 0 0px;
			font-size: 15px;
		}
	}
	table{
		flex: 0 0 50%;
	}
}
.ps-main-title{
	h2{
		color: @white;
		margin-bottom: 20px;
		text-align: center;
	}
}
.spare-contact-form{
	input[type="submit"]{
		margin: 15px 0px;
	}
}
.price-form{
	input[type="submit"]{
		margin: 0px 0px;
	}
}
.no-manual{
	display: none;
}

/*COMPLETE PLANTS*/
.complete-plants-title{
	text-align: center;
	h1{
		//padding-top: 20px;
		//dmargin-bottom: 40px;
	}
	.nv-perex{
		margin-bottom: 50px;
		text-align: left;
	}
	.subtitle{
		margin-bottom: 25px;
		margin-top: 20px;
		p{
			font-size: 23px;
		}
	}
}
.complete-plants{
	.documents-part{
		border-bottom: none !important;
	}
	h2{
		width: 88%;
	}
}
.photo-row{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 20px;
	a{
		flex: 0 0 23%;
		display: flex;
		align-items: center;
		overflow: hidden;
		max-height: 214px;
		margin-bottom: 10px;
		img{
		//	flex: 0 0 25%;
			width: 100%;
		}
	}
	img{
		width: 23%;
		//height: 100%;
	}
	.popup-gallery{
		flex: 0 0 23%;
		//margin-bottom: 20px;
		img{
			    //width: 500px;
			height: 100%;
		}
	}
}
.photo-row-wide{
	img{
		width: 100%;
	}
}
.aditional-photo{
	.dp-foto-wrapper{
		margin-top: 35px;
		display: flex;
		justify-content: center;
		img{
			width: 80%;
		}
	}
}
.video-part{
	min-height: 390px;
	border-bottom: 1px rgba(22, 63, 134, 0.2) solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

/*FOOTER*/
.footer{
	margin-top: 30px;
	.logo-wrapper{
		margin-top: 30px;
		img{
			width: 80%;
			margin-left: 30px;
		}
	}
	.contacts{
		display: flex;
		flex-direction: column;
		margin-top: 30px;
		span{
			font-weight: 600;
			padding-bottom: 15px;
			font-size: 14px;
			line-height: 17px;
		}
	}
	.social-icons{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		.icon-item{
			a{
				width: 45px;
				height: 45px;
				background: @orange;
				border-radius: 50px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: @white;
				font-size: 22px;
				text-decoration: none;
				i{
					color:@white;
				}
			}
			i{
				color:@white;
			}
		}
		.icon-item a:hover{
			background: @orangeHover;
		}
		.youtube-icon{
			
		}
		.fb-icon{
			
		}
		.marker-icon{
			
		}
	}
	.footer-menu{
		margin-top: 30px;
		.footer-menu-item{
			padding-bottom: 15px;
			a{
				font-weight: 600;
				font-size: 14px;
				&:hover{
					color: @orange;
				}
			}
		}
	}
	.copyright{
		border-top: 1px rgba(21,57,112,0.3) solid;
		text-align: center;
		font-size: 10px;
		padding-top: 20px;
		opacity: 0.8;
		margin-top: 20px;
		margin-bottom: 15px;
		span,
		a{
			font-size: 10px;
		}		
	}
}
.mobile-menu-active{
	position: fixed;
    background: white;
    width: 100%;
    z-index: 99999;
}


.input-wrapper-textarea{
	textarea{
		height: 143px !important;
	}
}

.commit-inputs,.form-third-section,.form-second-section,.have-manual,.price-form{
	/* Customize the label (the container) */
	.checkbox-wrapper {
		display: inline;
		position: relative;
		padding-left: 15px;
		//margin-bottom: 12px;
		//cursor: pointer;
		font-size: 22px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default checkbox */
	.checkbox-wrapper input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 11;
		left: -15;
		height: 22px;
		width: 22px;
		background-color: #eee;
		border-radius: 6px;
	}
	/* On mouse-over, add a grey background color */
	.checkbox-wrapper:hover input ~ .checkmark {
		background-color: @white;
	}

	/* When the checkbox is checked, add a blue background */
	.checkbox-wrapper input:checked ~ .checkmark {
		background-color: @white;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.checkbox-wrapper input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.checkbox-wrapper .checkmark:after {
		left: 3px;
		top: 3.5px;
		width: 16px;
		height: 16px;
		border: solid @orange;
		border-radius: 5px;
		background: @orange;
	}
}

.form-third-section,.form-second-section{
	.checkbox-wrapper{
		font-size: 14px;
		margin-bottom: 0px;
		.checkmark:after{
			left: 4px;
			top: 3.5px;
			width: 13px;
			height: 13px;
		}
	}
	.checkmark{
		top: -2px;
		width: 20px;
		height: 20px;
	}
}

.have-manual,.price-form{
	table{
		display: flex;
		//justify-content: center;
		tr{
			justify-content: space-between;
			.less-25{
				width: unset;
			}
		}
	}
	.checkbox-wrapper{
		font-size: 15px;
		padding-left: 35px;
		.checkmark{
			top: -2px;
			left: 0px;
		}
	}
}

.contact-thanks{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 50px;
	margin-top: 30px;
	img{
		width: 80px;
		margin-bottom: 20px;
	}
}

.real-height{
	height: 100%;
}

/*qr destination*/

.qr{
	display: none;
}

/*BREAKING NEWS*/
.aktuality{
	position: fixed;
    z-index: 99999;
	width: 100%;
    height: 100%;
    background: #000000b8;
    justify-content: center;
    align-items: center;
	top: 0px;
	display: none;
	.aktuality-wrapper{
		background: white;
		padding: 30px;
		//border: 10px @orange solid;
		width: 50%;
		border-radius: 7px;
		box-shadow: 0px 0px 48px -10px white;
		.aktuality-image{
			
			img{
				width: 100%;
				box-shadow: 0px 0px 24px 1px #b7b7b7;
			}	
		}
		.aktuality-nadpis{
			display: flex;
			justify-content: space-between;
			a{
				color: #b3b3b3;
				font-size: 32px;
				text-decoration: none;
				img{
					width: 20px;
				}
				&:hover{
					color: #767676;
				}
			}
			
		}
		h1{
			background: linear-gradient(90deg, #163f86 0%, #0d3686 40%, rgba(14, 45, 100, 0) 100%);
			border-bottom: 5px #be1622 solid;
			border-radius: 7px 7px 0 7px;
			color: #fff;
			padding: 4px 15px;
			width: 80%;
			font-size: 35px;
			margin-bottom: 30px;
		}
		.aktuality-text{
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			p,span,a{
				font-size: 17px;
			}
		}
		.button{
			align-self: flex-end;
		}
	}
}


@media (min-width: 1350px){
	.container, 
	.container-lg, 
	.container-md, 
	.container-sm, 
	.container-xl {
		max-width: 1270px;
	}
	
}

/*Responze*/
@media (max-width: 1350px){
	.menu-wrapper .menu ul li{
		padding: 0 0px;
		a{
			font-size: 15px;
			padding: 0 15px;
		}
	}
	
	.slider .slide .slider-image{
		img{
			height: 65%;
		}
	}
	.slider .slide .slider-text{
		h1{
			font-size: 40px;
			color: @white;
		}
		.slider-text-wrapper{
			width: 75%;
		}
	}
	.slider .video video{
		margin-top: -11%;
	}
}
@media (max-width: 1200.1px){
	.top-contact-wrapper{
		.lang-switch{
			display: flex;
			align-items: center;
			.lang-item{
				margin-right: 10px;
				&:last-child{
					margin-right: 0px;
				}
			}
		}
	}
	.menu-wrapper .menu ul li{
		padding: 0 0px;
		a{
			font-size: 16px;
		}
	} 
	.header .contact-email{
		height: 34px;
		a{
			font-size: 14px;
		}
	} 
	.main-content .bottom-text .slecna{
		top: -87px;
		img{
			width: 300px;
		}
	}
	.slider .video video{
		width: 109%;
		margin-top: -5%;
	}
	.slider .slide{
		.slider-image{
			img{
				height: 60%;
			}
		}
		.slider-text{
			h1{
				font-size: 40px;
				color: @white;
			}
			.slider-text-wrapper{
				width: 80%;
				.slider-description{
					font-size: 16px;
				}
				.slider-list{
					li{
						span{
							font-size: 16px;
						}
					}
				}
			}
			.button-wrapper{
				.button{
					font-size: 18px;
				}
			}
		}
	} 
	.main-content{
		.support-row{
			.support-orange{
				a{
					h2{
						font-size: 26px;
						width: 70%;
					}
				}
			}
			.support-blue{
				.first-part{
					a{
						h2{
							font-size: 26px;	
						}
					}
				}
			} 
		}
	}
	.main-content .product-select-section .product-select-item{
		flex: 0 0 50%;
	}
}
@media (max-width: 991.1px){
	.menu-wrapper{
		.responsive-menu-icon{
			display: block;
		}
		.menu{
			display: none;
		}
	}
	.responsive-slider{
		display: block;
	}
	.product-detail-slider{
		display: none;
	}
	.documents-part{
		padding-top: 30px;
	}
	.documents-part.pdf{
		padding-top: 0px;
	}
	.main-content .bottom-text .slecna{
		top: 0px;
		right: -25px;
		img{
			width: 205px;
		}
	}
	.slider .video video{
		width: 131%;
		margin-top: 0%;
	}
	.main-content{
		.product-categories{
			.no-left{
				padding-left: 15px;
			}
			.no-right{
				padding-right: 15px;
			}
		}
		.support-row{
			.support-orange{
				a{
					h2{
		
					}
				}
			}
			.support-blue{
				.first-part{
					a{
						h2{
							
						}
					}
				}
			} 
		}
	}
	.sp-first-part-wrapper .how-to-fill p{
		    padding: 30px 0px 0 35px;
	}
	.main-content .product-select-section .product-select-tiem{
		flex: 0 0 49%;
	}
	.main-content .pdf-row img{
		height: auto;
		width: 595px;
	}
	.social-icons{
		.icon-item{
			margin-right: 15px;
		}
	}
}
@media (min-width: 991.1px) and ( max-width: 1202px){
	.menu-wrapper{
		max-width: 100% !important;
		flex: 0 0 100% !important;
		padding-top: 85px;
		margin-bottom: 0px;
		justify-content: center !important;
	}
	.logo{
		position: absolute;
		top: -20px;
	}
}
@media (max-width: 767.1px){
	.footer .phone-size{
		flex: 0 0 100% !important;
	}
	.main-content{
		.support-row{
			.col-sm-12{
				padding-right: 15px !important;
				padding-left: 15px !important;
				margin-bottom: 10px;
			}
			.support-orange{
			}
			.support-blue{
				.first-part{
					
				}
			} 
		}
		.product-detail-slider,
		.responsive-slider{
			
			img{
				height: auto;
				width: 100%;
			}
		}
		.contact-form{
			background-size: 382%;
			.form-wrapper{
				.input-wrapper{
					padding-right: 15px !important;
				}
				.input-wrapper-textarea{
					padding-left: 15px !important;
				}
			}
		}
	}
	.slecna{
		display: none;
		img{
			
		}
	}
	.slider .video video{
		width: 173%;
		margin-top: 0%;
	}
	.text-detail{
		.perex{
			
		}
		.image-holder{
			padding-top: 30px;
			padding-bottom: 30px;
		}
	}
	.contact-detail{
		.contact-item{
			h3{
				flex: 0 0 100%;
			}
			.contact-text{
				display: flex;
				flex-wrap: wrap;
				margin-bottom: 30px;
				.adress-block{
					flex: 0 0 50%;
				}
			}
		}
	}
	.footer{
		.logo-wrapper{
			height: 100%;
			display: flex;
			align-items: center;
			img{
				margin-left: 0px;
			}
		}
		.footer-menu{
			margin-top: 0px;
		}
		.social-icons{
			justify-content: space-evenly;
			padding: 10px;
			.fb-icon{
				//margin: 0 30px;
			}
		}
	}
	.slider .slide .slider-image{
		justify-content: center;
		left: auto !important;
	}
	.sp-first-part-wrapper{
		flex-wrap: wrap;
		flex-direction: column-reverse;
		.how-to-fill{
			p{
				padding: 5px 0px 15px 0px;
			}
		}
	}
	.main-content .product-select-section .product-select-item{
		flex: 0 0 100%;
	}
	.customer-support-row .other-brands{ 
		h2{
			text-align: center;
		}
		.other-brands-advice{
			flex-direction: column;
			align-items: center;
			margin-top: 30px;
			span{
				padding-top: 25px;
			}
		}
	}
	.customer-support-row .support-item .support-item-title {
		h2{
			font-size: 27px;
		}
		i{
			font-size: 53px;
		}
	}
	.form-second-section{
		table{
			tr{
				flex-wrap: wrap;
				margin-bottom: 15px;
				.less-20{
					margin-bottom: 10px;
					width:100%;
					label{
						padding-left: 30px;
						.checkmark{
							left: 2px;
							&::after{
								left: 3px;
							}
						}
					}
				}
			}
		}
	}
	.align-next{
		.form-third-section{
			flex: 0 0 100%;
			table{
				tr{
					td{
						label{
							padding-left: 30px;
							.checkmark{
								left: 2px;
								&::after{
									left: 3px;
								}
							}
						}
					}
				}
			}
		}
	}
}
@media (max-width: 575.1px){

	.footer .logo-wrapper{
		margin-top: 0px;
	}
	.qr{
		display: block;
		.qr-wrapper{
			display: flex;
			align-items: center;
			flex-direction: row;
			justify-content: space-evenly;
			margin: 25px 0px;
			.qr-item{
				
			}
		}
		a{
			img{
				width: 60px;
			}
		}
	}
	.header{
		.row{
			flex-wrap: nowrap;
		}
	}
	.main-content{
		.product-categories{
			.product-category-item{
				.photo-part{
					a{
						height: 150px;
						width: 150px;
					}
				} 
			}
		}
	}
	.slider{
		height: 490px;
		.slide{
			height: 490px;
		}
		.video{ 
			height: 490px;
			video{
				width: 173%;
				margin-top: 0%;
			}
		}
	}
	.footer{
		.responsive-half{
			flex: 0 0 50%;
		}
	}
	iframe{
		width: 100%;
	}
	.main-content .product-detail .documents-part .cover-image{
		width: 95%;
		background-size: 102%;
		background-position-y: center;
	}
	.spare-parts-table .sp-table-item textarea{
		width: 65%;
	}
	.main-content .pdf-row img{
		height: auto;
		width: 100%;
	}
	.aktuality .aktuality-wrapper{
		width: 97%;
		h1{
			width: 86%;
			font-size: 30px;
			background: linear-gradient(90deg, #163f86 0%, #0d3686 71%, rgba(14, 45, 100, 0) 100%);
		}
		.aktuality-text{
			margin-bottom: 30px;
		}
	}
}

@media (max-width: 421.1px){
	.footer{
		.phone-size{
			flex: 0 0 100%;
			.footer-menu{
				display: flex;
				flex-direction: column;
				align-items: center;
				padding-top: 20px;
			}
		}
		.social-icons{
			justify-content: center;
			margin-top: 5px;
			margin-bottom: 40px;
		}
	}
	.slecna{
		display: none;
	}
	.main-content .support-row .support-blue{
		margin-top: 15px;
	}
	.header .contact-email a{
		font-size: 12px;
	}
	.slider{
		.video{ 
			video{
				width: 207%;
				margin-top: 0%;
			}
		}
	}
	.button, a.button{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.main-content .product-detail .documents-part .cover-image{
		width: 93%;
		background-color: black;
	}
	.main-content .product-detail h2{
		width: 100%;
	}
	.sp-first-part-wrapper table tbody{
		width: 100%;
		tr{
			align-items: self-start;
			flex-direction: column;
			margin: 10px 0;
		}
	}
	.spare-parts-table .sp-table-item .sp-table-gr1 input[type="file"]{
		width: 295px;
	}
	.spare-parts-table .sp-table-item textarea {
		width: 89%;
	}
}

.hidden {
	display: none;
}

/*		.contacts,
		.footer-menu{
			text-align: center;
		}
		.social-icons{
			justify-content: space-evenly;
		}*/

.button-section-nanuky{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	.small-button{
		background: @orange;
		border-radius: 5px;
		padding: 10px 25px;
		span{
			color: @white;
			font-weight: normal;
		}
		&:hover{
			background: @orangeHover;
			text-decoration: none;
		}
	}
}