html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr [title ]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button, [type= "button " ], [type= "reset " ], [type= "submit " ]{-webkit-appearance:button}button::-moz-focus-inner, [type= "button " ]::-moz-focus-inner, [type= "reset " ]::-moz-focus-inner, [type= "submit " ]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring, [type= "button " ]:-moz-focusring, [type= "reset " ]:-moz-focusring, [type= "submit " ]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto} [type= "checkbox " ], [type= "radio " ]{box-sizing:border-box;padding:0} [type= "number " ]::-webkit-inner-spin-button, [type= "number " ]::-webkit-outer-spin-button{height:auto} [type= "search " ]{-webkit-appearance:textfield;outline-offset:-2px} [type= "search " ]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none} [hidden ]{display:none}

*,*::before,*::after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}


@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v51-cyrillic_latin-100.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v51-cyrillic_latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v51-cyrillic_latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v51-cyrillic_latin-700.woff2') format('woff2');
}


:root{
	--bg-color:#fff;
	--bg--gray-color:#f7f7f7;
	--color:#1d2029;
	
	--brandcolor:#ed7819;
	--linkcolor:#ed7819;		
	
	--radius:10px;	
	--gap: 20px;	
}

body{
	background-color:#fff;
	color: var(--color);
	
	font-size:14px;
	line-height: 19px;
	
	font-family: "Roboto", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;	
	
	min-width:300px;
}
body.lock{overflow:hidden;content-visibility: visible;}

.cnt{
	max-width:1200px;
	width:100%;
	margin:0 auto;
}
.logo:hover{
	border:none;
	opacity:0.8;
}
.column--logo .logo{
	width: 180px;
	height:47px;
	max-width:100%;
    display: inline-block;
    text-decoration: none;
	position: relative;
    top: 3px;
}
.column--logo .logo img{
	max-width:100%;
}
.column--logo .logo span{
	    font-size: 12px;
    letter-spacing: 0.1px;
	    line-height: 14px;
    display: inline-block;
}
.mainMenuBtn {
	display:none;
}
header .column--contacts{
	display: flex;    
    justify-content: flex-end;
}
.contactsColumn__content{
	max-width: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

@media screen and (min-width: 769px) {
	.column--contacts .callbackBtn.slim::before{
		display:none;
	}
	.column--contacts .callbackBtn.slim{
		background-color: transparent;
		background-image:none;
		padding: 0;
		color: var(--color);
		height: auto;
		line-height: 16px;
		font-size: 14px;
		text-decoration: none;
		width: auto;
		box-shadow: none;
		border-bottom: 1px dashed var(--color);
		border-radius: 0;
		margin: 10px 0 0;
		position: absolute;
		top: 48px;
	}
}

hr{
	    margin: 30px 0;
    height: 2px;
    background-color: var(--brandcolor);
    border: none;
}



a{
	color:var(--linkcolor);
	-moz-transition:0.2s all ease;
	-webkit-transition:0.2s all ease;
	transition:0.2s all ease;
	text-decoration:underline;
}
a:hover{
	cursor:pointer;
	color:#333;
}


header .columns{
	align-items: center;
}
header .button{	
    max-width: 200px;
    margin: 0;
}

header{
	position: relative;
	z-index: 1200;
	transition:
		transform .25s ease,
		padding .15s ease,
		background-color .15s ease,
		border-color .15s ease,
		box-shadow .15s ease;
	will-change: transform;	
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.headerPlaceholder{
	height: 0;
	transition: none;
}
body.headerNoAnimation header,
body.headerNoAnimation .column--logo .logo,
body.headerNoAnimation .headerPlaceholder{
	transition: none !important;
}

.column--logo .logo{
	transition:
		width .25s ease,
		height .25s ease,
		top .25s ease,
		opacity .25s ease;
}

header .menu.block{
	gap: 6px;
}

.menu.block a{
	text-decoration: none;
	padding-bottom: 10px;
}

.menu.block a::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	border-radius: 999px;
	background-color: var(--brandcolor);
	transform: scaleX(0);
	transform-origin: left center;
	opacity: .9;
	transition: transform .25s ease, opacity .25s ease;
}

.menu.block a:hover,
.menu.block .active a{
	color: var(--brandcolor);
}

.menu.block a:hover{
	text-decoration: none;
}

.menu.block a:hover::after,
.menu.block .active a::after{
	transform: scaleX(1);
}

body.headerFixed header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 14px 0;
	border-bottom: 1px solid rgba(237, 120, 25, .16);
	background: rgba(255, 255, 255, .88);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: 0 14px 40px rgba(29, 32, 41, .10);
}
body.headerFixed header .column--contacts .callbackBtn.slim{
	display:none;
}
body.headerCompact .column--logo .logo{
	width: 156px;
	height: 41px;
	top: 0;
}

body.headerHidden header{
	transform: translateY(calc(-100% - 14px));
}

body.headerVisible header{
	transform: translateY(0);
}



footer{
	background-color:#282B34;
	color:#fff;
	padding:40px 0;
	margin-top:70px;
	border-bottom: double 10px var(--brandcolor);
}
footer a:hover{
	color:#fff;
}
footer .callbackBtn{
	margin:0 auto;
}
.ctaLink{
	font-size:20px;
	line-height:24px;
	text-decoration:none;
}
.menu.block.bottom{
	margin:0 0 40px;
}
.menu.block.bottom a{
	color:#fff;
}

p, li{
	font-size:15px;
	line-height:20px;
}
main ul{
	list-style:none;
	padding:0;
}
main ul li{
	position:relative;
	padding-left: 15px;
}
main ul ul{
    margin-top: 0;
    margin-left: 20px;		
}
main ul li::before
{
    content: ' ';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: var(--brandcolor);
    margin-left: -15px;
    top: 7px;
}
main ul ul li::before
{
	    background-color: var(--brandcolor);
}
li p {
	margin:0;
}
p, ul{
	margin:10px 0;
}

footer, header, nav, section, .columns {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.columns {
flex-direction:row;
flex-wrap: wrap;
}
.column1-2,.column1-3,.column2-3,.column1-4,.column3-4 {
margin:0;
padding:0;
align-items:stretch;
}
.column4-5{
width:80%;
}
.column3-4 {
width:75%;
}
.column2-3 {
width:66.666666%;
width:calc( 200% / 3);
}
.column3-5 {
width:60%;	
}
.column1-2 {
width:50%;
}
.column2-5 {
width:40%;	
}
.column1-3 {
width:33.333333%;
width:calc( 100% / 3);
}
.column1-4 {
width:25%;
}
.column1-5 {
width:20%;
}
.column2-9{
width:22.222222%;
width:calc( 200% / 9  );
}

.a-c{text-align:center;}
.a-l{text-align:left;}
.a-r{text-align:right;}

h1,h2,h3,h4,h5 {
	margin:30px 0 15px;
	color:var(--color);
	font-weight: 600;
	font-family:'Roboto', serif;
}
h1 {
	font-size: 30px;
    line-height: 36px;
    text-align: center;    
	text-align:left;		
}
h2 {
    font-size: 22px;
    line-height: 27px;
    margin: 50px 0 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #e4e7ea;
	padding-bottom: 20px;
	letter-spacing:2px;
}
h3 {
	font-size: 18px;
    line-height: 24px;
    margin: 30px 0 10px;
}

form.loading::after{
	content:' ';
	display:block;
	width:50px;
	height:30px;
	background-image:url('../img/loading.svg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50px 50px;
	margin:20px auto 0;
}

input[type=submit],
button,
.button{
	position: relative;
	display: inline-block;

	font-family: "Roboto", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
	text-transform:uppercase;
	font-size:15px;
	line-height:50px;

	-webkit-appearance: none;
	appearance: none;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;

	-webkit-border-radius: var(--radius);  	
	border-radius: var(--radius);  

	width:100%;
	max-width: 220px;
	height: 50px;

	padding:0;
	text-align:center;

	margin:30px auto;

	overflow: hidden;	
	text-decoration:none;

	color:#fff;
	background-color: var(--brandcolor);
	background-image: linear-gradient(360deg, #873c005e, transparent);
	border:none;


	transform: translateY(0);
	box-shadow: 0 0 0 rgba(0,0,0,0.12);

	z-index: 0;
	transition:
	background-color 0.25s ease,
	color 0.25s ease,
	border-color 0.25s ease,
	transform 0.2s ease,
	box-shadow 0.2s ease;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
.button--lines{
	
}
.callbackBtn{
	position:relative;
	padding-left:23px;
}
.callbackBtn::before{
	content:' ';
	display:inline-block;
	width:30px;
	height:30px;
	background-image:url('../img/icons/call-w.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 28px auto;
    padding-left: 30px;		   
	left: 11px;
    position: absolute;
    top: 10px;
}
.callbackBtn:hover::before{
	background-image:url('../img/icons/call-w.svg');
}
.callbackBtn:hover{	
	box-shadow: 1px 7px 10px 0px rgba(0, 0, 0, 0.2);
}

.legal {
	margin-top:40px;
}

.button--alt{
	background-image: none;
	background-color: #ffffff;
	color: var(--brandcolor);
	background-image: linear-gradient(360deg, #f7f7f7, transparent);
	background-image: linear-gradient(
		180deg,
		#ffffff 0%,
		#fcfcfc 35%,
		#f1f1f1 100%
	);
		-webkit-appearance: none;
	appearance: none;
	-webkit-background-clip: padding-bo
}


input[type=submit]:hover,
button:hover,
.button:hover,
.button--alt:hover,
input[type=submit]:focus-visible,
button:focus-visible,
.button:focus-visible{	
	color:#fff;
	background-color: #333;	
	background-image:none;
	transform: translateY(-2px);
	box-shadow: 0 6px 5px rgb(29 32 41 / 10%);
	outline: none;
}

input[type=submit]:active,
button:active,
.button:active{
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}





.btn__title{
text-transform: uppercase;
    font-size: 14px;
    margin-top: 4px;
    font-weight: bold;
    line-height: 18px;
}
.btn__subtitle{
	font-weight: bold;
    line-height: 16px;
    font-size: 11px;
}
button:hover,
.button:hover,
.button--alt:hover,
.button--white:hover{
	cursor:pointer;	
}

input[type=submit]:disabled ,
button:disabled,
.button:disabled{
	 background-color: #ccc;
  color: #666;           
  border: 1px solid #aaa;
  cursor: not-allowed; 
  opacity: 0.6;        
  pointer-events: none;
}

input:focus,
select:focus,
textarea:focus{
	outline:none;
}




select,
input[type=text],
input[type=tel],
input[type=email],
input[type=number],
input[type=search],
textarea
{
		position: relative;
	display: inline-block;
	
	
	font-family: "Roboto", serif;
	font-optical-sizing: auto;
	font-weight: normal;
	font-style: normal;
		font-size:15px;
		line-height:44px;
		
  border-radius: 8px;
  background-color: #fff;  
  height: 44px;
  
  padding:0 20px;
  text-align:left;
  
  border: 2px solid #E4E7EA;
  color:var(--color);
  text-transform:none;
  
  -webkit-appearance: none;
}
select.error,
input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=number].error,
input[type=search].error,
textarea.error{
border-color: #c30000;
    box-shadow: inset 3px -2px 15px 0px #ff00000d;
}

select{
	width:241px;
}

select{
	width:241px;
	max-width:100%;
}

select:not([multiple]):not([size]){
	padding-right:44px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;

	background-color:#fff;
	background-repeat:no-repeat;
	background-position:right 16px center;
	background-size:12px 8px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%233A3A44' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

select:not([multiple]):not([size]):focus{
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23E67E22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

select::-ms-expand{
	display:none;
}

input[type=search]
{
  background-color: #f6f6f6;  
}

input[type="search"]::-webkit-search-cancel-button {  
   margin-right: 30px; 
   cursor:pointer;
}

textarea{
	padding:12px 10px;
	line-height:18px;
	height:120px;
	width:100%;
}
label,
.label{
	text-transform: uppercase;
    color: var(--color);
    font-size: 14px;    
    font-weight: bold;    
    line-height: 25px;
	display:block;
}

#DlStatus[hidden]{
	display:none !important;
}

.hero {
	background-image: url(../img/lukpro-hero.jpg?v3);
    height: 500px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center right;
	border-radius: var(--radius);
	position:relative;
}
.hero::before{
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(175deg, #ffffff2e, transparent);
    left: 0;
    top: 0;
    z-index: 0;
}
.hero .columns{
	height:100%;
}
.hero__content{
	    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 40px;
	position:relative;
	z-index:2;
}
.hero .column1-2{
	padding-right:0;
}

.hero__content h1{
margin:0 0 20px;	
text-transform: uppercase;
}
.hero__content h1,
.hero__content p,
.hero__content li	{
text-shadow: 0 0 20px #fff;
}
.hero__content h1 span{
    color: var(--brandcolor);	
}
.hero__content .controls{
	    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
	    margin: -5px 0 20px;
}
.hero__content .button{
	margin:20px 0 0 ;
	width: 220px;
    margin-right: 20px;
}
.hero__content .controls .button:last-child{
	margin-right:0;
}

.hero .small{
	    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
}


.msg{
    margin-top: 16px;
    background-color: #ffffff;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 3px 12px #dcdcdc;
    border-radius: var(--radius);
	max-width: 460px;
    margin: 10px auto;
	font-weight: 600;
}

.msg.error,
.msg.success{
	position:relative;
	padding-left:60px;
}

.msg.error::before,
.msg.success::before{
	content:' ';
	display:block;
	width:20px;
	height:20px;
	background-size:20px 20px;
	margin:0;
	background-repeat:no-repeat;
	position:absolute;
	left:20px;
}

.msg.error{
	background-color:#FFF2F2;
}

.msg.success{
	background-color:#F1FFF1;
}
.msg.alert{
	background-color:#f1fbff;
}

.msg.error::before{
	background-image:url(../img/icons/fail-mc.svg);
}

.msg.success::before{
	background-image:url(../img/icons/ok-mc.svg);
}

.msg b{
	display:inline-block;
	background-color:#efefef;
	padding:0 5px;
}

.msg:empty,
[data-form-status]:empty,
#DlStatus:empty{
	display:none;
}



.checkboxLabel{
	display: flex;
    flex-direction: row;
	font-size:10px;
	line-height:14px;	
}

input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {
position: relative;
    padding-left: 55px;
    cursor: pointer;
    user-select: none;
    margin: 0;
    line-height: 14px;
    padding-top: 4px;
    text-transform: none;
    font-weight: normal;
    min-height: 44px;
}
input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 44px;
    border: 2px solid #E4E7EA;
    border-radius: 8px;
    background-color: #fff;
    transition: background-color 0.3s, border-color 0.3s;	
}

input[type="checkbox"]:checked + label::before {    
    border-color: #9ca3af;
}
input[type="checkbox"] + label::after {	
content: '';
    position: absolute;
    left: 17px;
    top: 19px;
    transform: translateY(-50%) rotate(45deg);
    width: 12px;
    height: 20px;
    border-right: 3px solid #c38d00;
    border-bottom: 3px solid #c38d00;
    opacity: 0;
    transition: opacity 0.3s;
}
input[type="checkbox"]:checked + label::after {
    opacity: 1;
}


.group{
	margin:20px 0;
}
.controls{
	
}


.crumbsWrapper{
	overflow-x: auto;
	overflow-y: hidden;
	 margin: 30px 0 0;
	 -webkit-overflow-scrolling: touch; 
}
.crumbsWrapper::-webkit-scrollbar{
	display: none;
}
.mainMenu .menu.block li
.crumbs{       
    width: 300%;
    list-style: none;
    padding: 0;
	
	width: auto;      
	min-width: max-content;
	flex-wrap: nowrap;
}
.crumbs .separator{
	margin: 0 10px;
    font-weight: bold;
}
.crumbs li::before{
	display:none;
}
.crumbs li{
padding-left:0;	
padding:7px 0;
}
.crumbs li,
.crumbs a{
    font-size: 13px;
    line-height: 14px;
}
.crumbs li a{    
    display: inline-block;
}
.crumbs li,
.crumbs a,
.crumbs span{
	white-space: nowrap;
}

header{
	padding:30px 0;
	border-bottom:2px solid var(--brandcolor);	
}
header button{
	margin:0px;
}

body.headerRestoring header{
	padding: 30px 0;
	border-bottom: 2px solid var(--brandcolor);
	background: #fff;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
}

body.headerRestoring .column--logo .logo{
	width: 180px;
	height: 47px;
	top: 3px;
}

@media screen and (max-width: 980px)
{
	body.headerRestoring .column--logo .logo{
		width: 140px;
		height: 37px;
		top: 3px;
	}
}

.menu.block{
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.menu.block a{	
	color: var(--color);
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    display: inline-block;
    position: relative;
	padding-bottom: 6px; 
	transition: color .25s ease;
	white-space: nowrap;
	text-transform:uppercase;
}
.menu.block .active a{
	color:var(--brandcolor);
}

.menu.block li{
	margin:0 10px;
	padding:0;	
}
header .menu.block{
	margin-top: 16px;
    position: relative;
}
.menu.block li:first-child{
	margin-left:0;
}
.menu.block li:last-child{
	margin-right:0;
}

.pagination{
    list-style: none;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
	padding:0;
}
.pagination li::before{
	display:none;
}
.pagination li{
	margin:0;
	padding:0;
}
.pagination a,
.pagination span{
	display: block;
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 43px;
    background-color: #eee;
	font-size:16px;
	font-weight:600;
}
.pagination a:hover{
	
}
.pagination li.separator{
	width:43px;
	height:43px;
	position:relative;
}
.pagination li.separator::before{
    content: ' ';
    display: block;
    width: 24px;
    height: 3px;
    background-color: var(--color);
    top: 21px;
    left: 24px;
}
.pagination li:last-child:is(.separator) {
	display:none;
}






.cookie-notice{
position: fixed;
bottom: -500px;
width:100%;
max-width: 300px;
padding: 20px 30px;
background-color: #fff;
transition: right 0.5s ease-in-out;
border-radius: 8px;
box-shadow: 0px 0px 20px 4px rgba(0, 0, 0, 0.2);
z-index:9999;
right: calc(50% - 150px);
}
.cookie-notice.show {
bottom:30px;
}
.cookie-notice span{
    font-weight: 600;
}
.cookie-notice button {
width:100%;
margin: 20px auto 0;
}
section > h1,
section > h2{
	margin-top:0;
}
section ul + h2,
section p + h2{
	margin-top:40px;
}
section {
	margin:30px 0;
	padding:30px 0;
}
section.main{
	padding:0;
}
section .column1-2,
section .column1-3,
section .column1-4{
	padding-right:40px;
}

.contactsWrapper{		
padding:0;
}

.section--gray {
	text-align:center;
	background-color:var(--bg--gray-color);	
	border-radius: var(--radius);
	padding:30px 20px;
}
.section--gray h1,
.section--gray h2{
	margin-left:-20px;
	margin-right:-20px;
}

.tileBg{
	text-align:center;
	background-color:var(--bg--gray-color);	
	padding:30px 0 60px;
	background-image:url('../img/bg-l.jpg');	    
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;	
	border-radius: var(--radius);
}
.tileBg h2,
.intro{
	text-shadow: 0 0 10px #fff;
}
.intro{
	padding:0 20px;
}
.tileBg .column1-3
{
padding-right:0;	
}


.clientWrapper,
.manufactureWrapper{
padding-bottom:30px;	
}
.clientWrapper .card h3,
.manufactureWrapper .card h3{
	    margin-bottom: 0;
    padding-bottom: 10px;
    height: 50px;

}
.clientWrapper .column1-3,
.manufactureWrapper .column1-3{
	display:flex;
}

.clientWrapper .card,
.manufactureWrapper .card{
	flex:1 1 auto;
	height:auto;
	justify-content:flex-start;
}
.card{
    background-color: #fff;
    margin: 20px 40px;
    padding: 10px 20px;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    align-items: stretch;
    height: 100%;	    
}
.card h3{
margin: 15px 0 10px;
    text-transform: uppercase;
    height: 45px;
    line-height: 16px;
    font-size: 16px;
    display: flex;
    align-items: center;
    border-bottom: 2px solid var(--brandcolor);
}
.card .button{
	width:100%;
	max-width:100%;
	margin:15px 0 0;
}
.card--standart,
.card--waterproof,
.card--bivalve{
	padding-top:30px;
}
.card--standart::before,
.card--waterproof::before,
.card--bivalve::before{
	content:' ';
	width:60px;
	height:60px;
	background-image:url('../img/icons/default.svg');
	background-repeat:no-repeat;
	background-position:center center;	
	background-size:60px auto;
}
.card--standart::before{
	background-image:url('../img/icons/default.svg');
}
.card--waterproof::before{
	background-image:url('../img/icons/waterproof.svg');
}
.card--bivalve::before{
	background-image:url('../img/icons/double.svg');
}
.card--simple{
	 margin: 10px 0 0;
    padding: 0 0 0 0;
	justify-content: flex-start;
	border-radius:0;
	position:relative;
	
}
.card--simple::after{
    content: ' ';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: var(--brandcolor);
    left: 0;
}
.iconOk{
	text-transform: uppercase;
    font-size: 12px;
    color: #333;
    margin: -5px 0 0;
	    padding-left: 40px;
    position: relative;
}
.card__subtitle{
	    height: 30px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 0 0 40px;
}
.iconOk::before{
content:' ';
display:inline-block;
width:30px;
height:30px;
background-image:url('../img/icons/ok-mc.svg');
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center center;
position: absolute;
    left: 0;
    top: 0;
}
h3.iconOk::before{
	top:3px;
}
.card__subtitle.iconOk::before{
	top:10px;
}
.columns h3 {
	margin-top:10px;
}
.technologyWrapper{	
}
.technology__content {
	    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.technology__content p, 
.technology__content li{
	line-height:22px;
}
.technology__content .button{
margin:10px 0 0;
display:inline-block;	
    line-height: 49px;
}
.formWrapper{
    text-align: center;	
}
.formWrapper .column1-2{
	padding:0 20px;
}
.formWrapper .group{
	margin-top:0;
}
.formWrapper .formWrapper__subtitle{
margin: 20px 0 0;
    font-size: 14px;
    color: #777;
}
.formWrapper .checkboxLabel--consent{
	max-width:208px;
	margin: 0;
	display:inline-block;
}
input[type="checkbox"] + label::before{
	
}
.formWrapper .checkboxLabel--consent input[type="checkbox"] + label a,
.formWrapper .checkboxLabel--consent input[type="checkbox"] + label{
	font-size: 11px;
    text-align: left;
    line-height: 13px;
}
.formWrapper a.button{
	margin:20px auto 0;
}
.formWrapper button{
	margin: 0;
    height: 44px;
	max-width:208px;
}

.advantageWrapper{
	padding:30px 0;
}
.advantageWrapper h2{margin:0 0 20px;}


.deliveryWrapper{
	
}

.map{
	height:400px;
	background-color:var(--bg--gray-color);
}

.schemaWrapper{
	
}
.headerBullet h3 span{
	color: var(--brandcolor);
    font-size: 40px;
    font-weight: normal;
}
.schema__step{
	position:relative;
}
.schema__step::after{
	content: ' ';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 10px;
    background-image: url(../img/icons/arrow-r.svg);
    background-size: 16px 10px;
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    top: 9px;
}
.schema__step.last::after{display:none;}

.directionWrapper{
	padding:0;
}

.gallerySection {
	padding:0;
	margin-bottom:60px;
}

.gallery{
	width: 100%;
	max-width: min(50vw, 900px);
	margin: 0 auto;
}

.gallery__viewport{
	position: relative;
}

.gallery__stage{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: var(--radius);
	background: #f3f3f3;
	box-shadow: none;
	overflow: hidden;
	cursor: zoom-in;
}
.gallery__stage,
.galleryLightbox__image{
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}
.gallery__stage:hover,
.gallery__stage:focus-visible{
	background: #f3f3f3;
	box-shadow: none;
	transform: none;
}

.gallery__stage img{
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	background-color: #f6f6f6;
}

.gallery__counter{
	position: absolute;
	left: 20px;
	bottom: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	height: 34px;
	padding: 0 12px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.32);
	backdrop-filter: blur(6px);
	box-shadow: 0 0 10px #ffffff54;
	color: #fff;
	font-size: 13px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 0.3px;
}


.gallery__items{
	display:none;
}

.gallery__footer{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:12px;
	margin-top:12px;
	padding-left:6px;
}

.gallery__arrow{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	max-width:44px;
	margin:0;
	padding:0;
	border:none;
	border-radius:44px;
	background:transparent;
	background-image:none;
	box-shadow:none;
	color:var(--brandcolor);
	font-size:42px;
	line-height:1;
	text-transform:none;
	cursor:pointer;
}

.gallery__arrow:hover,
.gallery__arrow:focus-visible{
	background:transparent;
	color:#c85f0d;
	transform:none;
	box-shadow:none;
}

.gallery__arrow span{
	display:block;
	line-height:1;
	transform:translateY(-2px);
}


.galleryLightbox[hidden]{
	display: none;
}

.galleryLightbox{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}

.galleryLightbox__backdrop{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.82);
}

.galleryLightbox__dialog{
	position: relative;
	z-index: 1;
	width: min(calc(100vw - 60px), 1280px);
	height: min(calc(100vh - 60px), 920px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
}
.galleryLightbox__frame{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	padding: 0;
	border-radius: 16px;
	background: transparent;	
	overflow: hidden;
}

.galleryLightbox__image{
	display: block;
	max-width: 100%;
	max-height: calc(100vh - 120px);
	width: auto;
	height: auto;
	object-fit: contain;
	border-radius: var(--radius);
	background: transparent;
}

.galleryLightbox__nav,
.galleryLightbox__close{
	text-transform: none;
	background-image: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.galleryLightbox__nav{
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	max-width: 52px;
	border-radius: 52px;
	background: rgba(0, 0, 0, 0.72);
	color: #fff;
	font-size: 34px;
	line-height: 1;
	z-index: 2;
}

.galleryLightbox__nav:hover,
.galleryLightbox__nav:focus-visible{
	background: #111;
	color: #fff;
	transform: none;
}

.galleryLightbox__nav span{
	display: block;
	line-height: 1;
	transform: translateY(-1px);
}

.galleryLightbox__close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 44px;
	max-width: 44px;
	border-radius: 44px;
	font-size: 28px;
	line-height: 28px;
	color: #fff;
	background: rgba(0, 0, 0, 0.75);
	z-index: 3;
}

.galleryLightbox__close:hover,
.galleryLightbox__close:focus-visible{
	background: #111;
	color: #fff;
	transform: none;
}

.galleryLightbox__close:hover,
.galleryLightbox__close:focus-visible{
	background: #111;
	color: #fff;
	transform: none;
}
.formWrapper h2::before,
.garanteeWrapper h2::before{
    content: ' ';
    display: inline-block;
    width: 30px;
    height: 44px;
	background-position: center center;
    background-repeat: no-repeat;
	position: absolute;
}
.formWrapper h2::before{
	background-image: url(../img/icons/call.svg);    
    background-size: 30px 44px;    
    margin-left: -44px;
    margin-top: -9px;
}
.garanteeWrapper h2::before{
    background-image: url(../img/icons/quality.svg);    
    background-size: 30px 44px;    
    margin-left: -44px;
    margin-top: -9px;
}

[data-gallery-stage-btn],
#galleryLightboxImage {
	touch-action: pan-y;
	-webkit-user-select: none;
	user-select: none;
}

[data-gallery-stage],
#galleryLightboxImage {
	-webkit-user-drag: none;
}


.product{
	
}
.product__content{
	padding-right: 40px;
}
.product__sidebar{
	position: sticky;
	top: 24px;	
}
.product .column1-4{
padding-right:0;
}
.product h1{
	margin:0 0 20px;
	font-size:26px;
}
.product__imgWrapper{
border-radius:8px;
overflow:hidden;	
box-shadow: 0 0 7px rgba(0, 0, 0, 0.12);
}
.product__img{
	max-width: 100%;
	display:block;
}

.productDrawings{
	text-align: center;
    background-color: var(--bg--gray-color);
    border-radius: var(--radius);
    padding: 30px 20px;
	margin:0 0 30px 0;
}

.productDrawings__item {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	text-decoration: none;
}

.productDrawings__thumb {
	flex: 0 0 90px;
	display: block;
	border: 1px solid #ddd;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}

.productDrawings__thumb img {
	display: block;
	width: 100%;
	height: auto;
}


.productDrawings__title{
	    font-weight: 900;
    text-transform: none;
    margin: 7px 0 10px;
	display: block;
	line-height: 1.4;
}
.productDrawings__list{
	margin: 10px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.productDrawings__list a{
	    display: inline-block;
    margin: 5px;
}

.productCommonPdf__title {
	margin-bottom: 8px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.3;
	text-transform: uppercase;
}

.productCommonPdf__text {
	margin-bottom: 14px;
	font-size: 14px;
	line-height: 1.45;
	color: #555;
}
.product .garanteeWrapper{
	
}
.product .garanteeWrapper h2{
padding-left: 55px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}
.product .garanteeWrapper h2::before{
    background-size: 24px 34px;
    margin-left: -40px;
    margin-top: -7px;
}
.product .garanteeWrapper p{
    text-align: left;
    margin: 0;
}
.product__price{
	
}
.product__priceLabel{
font-size: 15px;
    text-transform: uppercase;
    line-height: 29px;
}
.product__priceValue{
	font-size:30px;
	line-height:36px;
	font-weight:bold;
}
.product__priceTitle{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}

.product__priceRow + .product__priceRow{
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(0,0,0,.08);
}

.product__priceLabel{
	margin-bottom: 4px;
	font-size: 14px;
	color: #666;
}

.product__priceValue{
	font-size: 32px;
	font-weight: 700;
	line-height: 1.1;
}

.messengerButtons{
	margin:20px 0 0;
}
.messengerButtons .button{
width: 100%;
    margin: 0 0 15px;
    max-width: 100%;
    background-size: 30px 30px;
    background-position: 7px 9px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    padding-left: 48px;
    text-align: left;
    display: inline-block;
    line-height: 53px;
    color: var(--color);

}
.button.button--wa{
background-image:url('../img/messenges/wa.svg');	
}
.button.button--tg{
	background-image:url('../img/messenges/tg.svg');
}
.button.button--max{
	background-image:url('../img/messenges/max.svg');
}
.messengerButtons .button:hover{
	color:#fff;
}
.product .column1-3{
	padding-right:0;
}

.emailCta{
	    margin: 20px 0 0;
}
.emailCta p{
margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    color: var(--Mut);
}
.emailCta .button{
	width: 100%;
    margin: 0 0 15px;
    max-width: 100%;
	text-transform:none;
	font-weight:bold;
	background-image:none;
}


.priceNotice {
	margin-top: 12px;
	padding: 12px 14px;
	border: 1px solid rgba(255, 122, 0, .35);
	border-radius: 12px;
	background: rgba(255, 122, 0, .08);
	font-size: 13px;
	line-height: 1.4;
	color: #4a3926;
}

.priceNotice[hidden] {
	display: none;
}

.productTabs{
	margin-top:32px;
}

.productTabs__nav{
	display:flex;
	flex-wrap:wrap;
	gap:0;
	border-bottom:1px solid #cfcfcf;
}

.productTabs__btn{
	flex:0 0 auto;
	padding:16px 22px;
	border:1px solid #dcdcdc;
	border-bottom:0;
	background:var(--bg--gray-color);
	font:inherit;
	cursor:pointer;
	transition:background-color .2s ease, color .2s ease, border-color .2s ease;
	min-width:auto;
	width:auto;
	box-shadow:none;
	margin:0;
	border-radius:var(--radius) var(--radius) 0 0;
	color:var(--color);
	font-size:12px;
	height:40px;
	white-space:nowrap;
}

.productTabs__btn + .productTabs__btn{
	margin-left:-1px;
}

.productTabs__btn:hover{
	background:#ececec;
	color:var(--color);
	transform:translateY(0);
	box-shadow:none;
}

.productTabs__btn.isActive{
	background:#333;
	color:#fff;
	border-color:#000;
	position:relative;
	z-index:2;
}

.productTabs__content{
	padding:24px 0;
	border-bottom:1px solid #cfcfcf;
}

.productTabs__pane{
	display:none;
}

.productTabs__pane.isActive{
	display:block;
}



.callbackModal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
}
.callbackModal[hidden] {
	display: none;
}

.modal__backdrop {
position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
}

.callbackModal__content {
	position: relative;
	z-index: 1;
	width: min(640px, calc(100% - 32px));
	margin: 60px auto;
	padding: 32px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.callbackModal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    border: 0;
    background-color: #ccc;
    background-image: none;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    margin: 0;
}


.fieldError{
	margin-top:8px;
	font-size:13px;
	line-height:18px;
	color:#c62828;
}

.group.isError,
.Field.isError,
.checkboxLabel.isError,
.checkboxLabel--consent.isError,
.configurator__agree.isError{
	border-color:#c62828;
}

.isError input,
.isError textarea,
.isError select{
	border-color:#c62828;
	box-shadow:inset 0 0 0 1px rgba(198, 40, 40, 0.08);
}

.isError input[type="checkbox"] + label::before{
	border-color:#c62828;
	box-shadow:inset 0 0 0 1px rgba(198, 40, 40, 0.08);
}

.callbackModal__body h2{
margin: 20px 0;
    text-align: center;
    font-size: 16px;
}
.callbackModal__body .column1-2{
	width:100%;
}
.callbackModal__body .column1-2,
.callbackModal__body .column1-2 .group
{
	text-align:center;
}
.callbackModal__body .column1-2 .group,
.callbackModal__body .checkboxLabel,
.callbackModal__body button,
.callbackModal__body input
{
	width:100%;
	max-width:280px;
}
.callbackModal__body .column1-2 .group,
.callbackModal__body .checkboxLabel{
	margin:10px auto;
}
.callbackModal__body button{
	margin:20px auto 0;
}
.callbackModal__body .checkboxLabel{
	text-align:left;
}

.xform.isSubmitted .group,
.xform.isSubmitted .checkboxLabel,
.xform.isSubmitted .checkboxLabel--consent,
.xform.isSubmitted .controls{
	display:none;
}

.xform.isSubmitted [data-form-status]{
	display:block;
	margin:10px auto 0;
}
.isSubmitted .msg.success::before{
top: 16px;
    left: calc( 50% - 20px );
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
}
.isSubmitted .msg.success{
	padding: 80px 20px 30px 20px;
	text-align:center;
}

.page404__actions{
display:flex;
flex-direction:	row;
margin:20px 0 40px;
}
.page404__actions .button{
	margin:0 20px 20px 0;
}


.lukproGlobalCartButton{
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 1000;
	display: none;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	border-radius: var(--radius);    
	background: #e36f12;
	color: #fff;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
	transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.lukproGlobalCartButton::before{
	content: "";
	display: inline-block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	background-image: url("../img/icons/cart-w.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.lukproGlobalCartButton:hover{
	background: #c95f0d;
	color: #fff;
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

.lukproGlobalCartButton.isVisible{
	display: inline-flex;
}

.lukproGlobalCartButton__count{
	margin-left: 2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .22);
	font-size: 13px;
}

.lukproHeaderCartButton{
	position: relative;
	display: none;
	align-items: center;
	justify-content: center;
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	border: 1px solid rgba(237, 120, 25, .28);
	border-radius: var(--radius);
	background: #fff;
	color: var(--color);
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(29, 32, 41, .08);
	transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.lukproHeaderCartButton.isVisible{
	display: inline-flex;
}

.lukproHeaderCartButton:hover,
.lukproHeaderCartButton:focus-visible{
	background: var(--brandcolor);
	border-color: var(--brandcolor);
	transform: translateY(-1px);
	box-shadow: 0 10px 26px rgba(29, 32, 41, .14);
	outline: none;
}

.lukproHeaderCartButton__icon{
	display: block;
	width: 22px;
	height: 22px;
	background-image: url("/inc/img/icons/cart.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.lukproHeaderCartButton:hover .lukproHeaderCartButton__icon,
.lukproHeaderCartButton:focus-visible .lukproHeaderCartButton__icon{
	background-image: url("/inc/img/icons/cart-w.svg");
}

.lukproHeaderCartButton__count{
	position: absolute;
	right: -7px;
	top: -7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--brandcolor);
	color: #fff;
	font-size: 12px;
	line-height: 1;
	font-weight: 700;
	box-shadow: 0 4px 10px rgba(29, 32, 41, .18);
}

.lukproHeaderCartButton:hover .lukproHeaderCartButton__count,
.lukproHeaderCartButton:focus-visible .lukproHeaderCartButton__count{
	background: #fff;
	color: var(--brandcolor);
}



.contactsColumn__content{
	position: relative;
}

.contactsColumn__content.hasHeaderCart{
	display: grid;
	grid-template-columns: 50px 200px;
	grid-template-areas: "cart cta";
	column-gap: 10px;
	align-items: start;
	justify-content: end;
	width: 100%;
	max-width: 260px;
}

.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton{
	grid-area: cart;
	margin: 0;
}

.contactsColumn__content.hasHeaderCart .configuratorBtn{
	grid-area: cta;
	width: 200px;
	max-width: 200px;
	margin: 0;
}

@media screen and (min-width: 769px){
	.contactsColumn__content.hasHeaderCart .callbackBtn.slim{
		position: absolute;
		top: 58px;
		right: 43px;
		margin: 0;
		text-align: center;
	}
}

@media screen and (min-width: 769px) and (max-width: 980px){
	.contactsColumn__content.hasHeaderCart{
		grid-template-columns: 44px 170px;
		column-gap: 8px;
		max-width: 222px;
	}

	.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton{
		width: 44px;
		height: 44px;
		flex-basis: 44px;
	}

	.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton__icon{
		width: 20px;
		height: 20px;
	}

	.contactsColumn__content.hasHeaderCart .configuratorBtn{
		width: 170px;
		max-width: 170px;
	}

	.contactsColumn__content.hasHeaderCart .callbackBtn.slim{
		top: 56px;
		right:24px;
	}
}

@media screen and (max-width: 768px){
	.contactsColumn__content.hasHeaderCart{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-end;
		gap: 10px;
		width: 100%;
		max-width: 100%;
	}

	.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton{
		order: 1;
		flex: 0 0 50px;
		width: 50px;
		height: 50px;
		margin: 0;
	}

	.contactsColumn__content.hasHeaderCart .configuratorBtn{
		order: 2;
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		max-width: 170px;
		margin: 0;
	}

	.contactsColumn__content.hasHeaderCart .callbackBtn.slim{
		order: 3;
		flex: 0 0 60px;
		position: relative;
		top: auto;
		right: auto;
		margin: 0;
	}
}

@media screen and (max-width: 480px){
	.contactsColumn__content.hasHeaderCart{
		gap: 8px;
	}

	.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton{
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
	}

	.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton__icon{
		width: 18px;
		height: 18px;
	}

	.contactsColumn__content.hasHeaderCart .lukproHeaderCartButton__count{
		right: -6px;
		top: -8px;
		min-width: 20px;
		height: 20px;
		padding: 0 5px;
		font-size: 11px;
	}

	.contactsColumn__content.hasHeaderCart .configuratorBtn{
		flex: 1 1 auto;
		width: auto;
		min-width: 0;
		max-width: none;
		height: 40px;
		margin: 0;
	}

	.contactsColumn__content.hasHeaderCart .configuratorBtn .btn__title{
		font-size: 11px;
		line-height: 14px;
		margin-top: 0;
	}

	.contactsColumn__content.hasHeaderCart .configuratorBtn .btn__subtitle{
		font-size: 9px;
		line-height: 11px;
	}

	.contactsColumn__content.hasHeaderCart .callbackBtn.slim{
		flex: 0 0 40px;
		width: 40px;
		min-width: 40px;
		height: 40px;
	}
}



@media (max-width: 767px){
	.lukproGlobalCartButton{
		left: 16px;
		right: 16px;
		bottom: 16px;
		justify-content: center;
		padding: 15px 20px;
	}
}
.orderCartItem__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 8px;
	min-height: 20px;
}

.orderCartItem__pdfStatus {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	line-height: 1.2;
}

.orderCartItem__refreshLink {
	display: inline;
	width: auto;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	line-height: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.orderCartItem__refreshLink:hover,
.orderCartItem__refreshLink:focus-visible {
	text-decoration-thickness: 2px;
}

.orderCartItem__description {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.45;
	color: #4b5563;
}



.docsBlock{	
	margin: 0;
}

.docsBlock p {
	margin: 0 0 16px;
	color: #4b5563;
	font-size: 15px;
	line-height: 22px;
}

a.doc{
	position: relative;
	display: flex;
	align-items: center;
	min-height: 74px;
	padding: 18px 76px 18px 76px;
	border: 1px solid #e4e7ea;
	border-radius: var(--radius);
	background:
		linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
	color: var(--color);
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	box-shadow: 0 8px 24px rgba(29, 32, 41, .06);
	transition:
		border-color .2s ease,
		color .2s ease,
		box-shadow .2s ease,
		transform .2s ease,
		background-color .2s ease;
	max-width:500px;
}

a.doc::before{
	content: 'PDF';
	position: absolute;
	left: 18px;
	top: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background-color: rgba(237, 120, 25, .12);
	color: var(--brandcolor);
	font-size: 11px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: .6px;
}

a.doc::after{
	content: 'Открыть';
	position: absolute;
	right: 18px;
	top: 50%;
	transform: translateY(-50%);
	padding: 7px 12px;
	border-radius: 999px;
	background-color: #f3f4f6;
	color: #4b5563;
	font-size: 12px;
	line-height: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .4px;
	transition:
		background-color .2s ease,
		color .2s ease;
}

a.doc:hover,
a.doc:focus-visible{
	color: var(--brandcolor);
	border-color: rgba(237, 120, 25, .45);
	box-shadow: 0 14px 34px rgba(29, 32, 41, .11);
	transform: translateY(-2px);
	outline: none;
}

a.doc:hover::after,
a.doc:focus-visible::after{
	background-color: var(--brandcolor);
	color: #fff;
}

@media screen and (max-width: 560px){
	.docsBlock__text{
		font-size: 14px;
		line-height: 20px;
	}

	a.doc{
		min-height: 68px;
		padding: 16px 18px 16px 70px;
	}

	a.doc::after{
		display: none;
	}
}



@media screen and (max-width: 1400px) 
{	
	.cnt {
    max-width: 100%;    
	padding: 0 5%;
	}
}
@media screen and (max-width: 1200px) 
{
	.card{
		margin:20px;
	}
	.card--simple{margin:0;}
	.card h3{
		height:70px;
	}
	.hero {
    background-image: url(../img/lukpro-hero-w1400.jpg?v3);
	background-position:center right
	}
	header .column1-4.column--logo,
	header .column1-4.column--contacts{
		width:270px;
	}
	header .column1-2.column--menu{
		width:calc( 100% - 540px );
	}
}

@media screen and (max-width: 1024px) 
{		
	.hero {
    background-image: url(../img/lukpro-hero-r.jpg?v3);
	background-position:center right
	}
	.card__subtitle{
		height:auto;
	}
	.iconOk::before{
		top: calc(50% - 15px);
	}
	h3.iconOk::before{
		top:4px;
	}
}
@media screen and (max-width: 980px) 
{			
	header .callbackBtn{		
		padding-left:20px;
	}
	header .callbackBtn::before{
	    width: 20px;
		height: 20px;
		left: 1px;
		top: 14px;
		background-size:20px auto;
	}
	.menu.block a{
		font-size:13px;
	}
	.menu.block li{
		margin:0 5px;
	}
	.menu.block li:last-child{
		margin-right:0;
	}
	.menu.block.bottom li{
		margin:0 10px;
	}
	.column--logo .logo {
    width: 140px;
    height: 37px;
	}

	.gallery{
		max-width: 100%;
	}
	footer .callbackBtn{
		max-width:210px;
	}
	.card{
		margin:20px;
	}
	.card--simple{margin:0;}
	.card h3,
	.solutionWrapper .card h3,
	.clientWrapper .card h3, 
	.clientWrapper  .card h3,
	.manufactureWrapper .card h3{
		font-size: 13px;
        line-height: 18px;
	}
	.schemaWrapper .column1-4,
	.advantageWrapper .column1-4{
	width:50%;	
	margin-bottom:40px;
	}
	.hero__content h1{
		        font-size: 26px;
        line-height: 30px;
        margin: 0 0 10px;
	}
	.hero .column1-2:nth-child(1){
		width:70%;
	}
	.hero .column1-2:nth-child(2){
		display:none;
	}
	.hero__content .controls{
		flex-direction:column;
	}
	.product .column1-3:nth-child(1)
	{
		width:100%;
	}
	.product .column1-3:nth-child(1) .product__sidebar{
		position:relative;
		top:0;
	}
	.product .column1-3:nth-child(1) .product__content{
		padding-right:0;
		display:flex;
		flex-direction:row;
		margin-bottom:40px;
		justify-content: space-between;
	}
	.product .column1-3:nth-child(1) .product__content .product__imgWrapper	{
		width:45%;
		margin:0;
	}
	.product__extra{
		width:100%;
		margin:0;
	}
	.productDrawings__list{
		flex-direction:row;
	}
	.product__content .product__imgWrapper{
		        display: flex;
        align-items: center;
        justify-content: center;
	}
	.product__extra .productDrawings{
		margin-top:0;
	}
	.product__extra .garanteeWrapper{
		margin-bottom:0;
	}
	
	.product .column2-3{
		width:100%;		
	}
	.product .column2-3 .column1-3{
		width:30%;
	}
	.product .column2-3 .column2-3{
		width:70%;
	}
	
	header .column1-4.column--logo,
	header .column1-4.column--contacts{
		width:220px;
	}
	header .column1-2.column--menu{
		width:calc( 100% - 440px );
	}
	
	.card__subtitle{
		padding-left: 30px;
		font-size: 11px;
		line-height: 16px;
	}
	.card__subtitle.iconOk::before{
		background-size: 20px 20px;
        width: 20px;
        height: 20px;
		top: calc(50% - 10px);
	}
}

@media screen and (min-width: 768px) and (max-width: 850px) 
{	
	header .column1-4.column--logo
	{
		width:180px;
	}
	header .column1-4.column--contacts{
		width:220px;
	}
	header .column1-2.column--menu{
		width:calc( 100% - 400px );
	}
}
@media screen and (max-width: 768px) 
{		
	h1 {
    font-size: 24px;
    line-height: 30px;
	}
	h2 {
	font-size: 16px;
    line-height: 20px;
	letter-spacing:1px;
	}
	h3 {
    font-size: 16px;
    line-height: 20px;
	}
	p, li {
    font-size: 14px;
    line-height: 20px;
	}
	section {
    margin: 20px 0;
	}
	.ctaLink {
    font-size: 16px;
    line-height: 22px;
	}
	.column--logo{width:150px;}
	.column--menu{width:calc( 100% - 400px );        text-align: right;}
	.mainMenu{display:none;}
	.mainMenuBtn {display:inline-block;margin-right:20px;width:80px;}
	.column--contacts{width:250px;}	
	.column--contacts .configuratorBtn{font-size:14px;margin-right:20px;}
	.contactsColumn__content{flex-direction:row;max-width:100%;}
	header .callbackBtn{min-width:60px;}
	.mainMenuBtn {
		display:inline-block;
		margin-right:20px;
		width:60px;
		background-position: center center;
		text-indent:-5000px;
		overflow:hidden;
		background-image: url(../img/icons/menu.svg);
		background-size:24px auto;
		background-repeat:no-repeat;
		background-position:center center;
	}
	.mainMenuBtn:hover{
		background-image: url(../img/icons/menu-w.svg);
	}
	
	header .callbackBtn{		
		padding:0;		
		text-indent:-5000px;
		overflow:hidden;
		width:60px;
		text-align:left;
		display:block;
		font-size:0;
		line-height:0;
		color:transparent;
	}
	header .callbackBtn::before{
	    width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-size: 26px auto;
		background-position:center center;
	}
	
	.mainMenu {
		display:none;
		position: absolute;
        top: 110px;
        left: 0;
        width: 100%;
        padding: 15px 5%;
        background-color: #fff;
        border: 2px solid var(--brandcolor);
        border-radius: 0 0 var(--radius) var(--radius);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
        z-index: 1000;
		padding:40px 0;
	}
	.mainMenu .menu.block a::after{
		display:none;
	}
	.mainMenu.is-open {
		display:block;
	}

	.mainMenu .menu.block {
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-start;
		margin:0;
	}

	.mainMenu .menu.block li {
		margin:0 0 12px;
		width:100%;
		text-align:center;
	}

	.mainMenu .menu.block li:last-child {
		margin-bottom:0;
	}

	.mainMenu .menu.block a {
		display:block;
		width:100%;
		padding:6px 0;
	}
	
	body.headerFixed header{
		padding: 12px 0;
	}

	body.headerCompact .column--logo .logo{
		width: 132px;
		height: 35px;
	}
	body.headerFixed header .callbackBtn	{
		margin-left:0;
	}
	body.headerFixed header .column--contacts .configuratorBtn{
		margin-right:0;
	}
	body.headerFixed header .mainMenuBtn{
		display:none;
	}
	
	.gallery__stage img{
		aspect-ratio: 4 / 3;
	}

	.gallery__counter{
		left: 12px;
		bottom: 12px;
		height: 30px;
		min-width: 58px;
		font-size: 12px;
		padding: 0 10px;
	}
	
	.gallery__footer{
		margin-top:10px;
		gap:10px;
		padding-left:0;
	}

	.gallery__arrow{
		width:40px;
		height:40px;
		max-width:40px;
		font-size:36px;
	}
	
		.galleryLightbox{
		padding: 15px;
	}

	.galleryLightbox__dialog{
		width: 100%;
		height: auto;
		max-height: 100%;
		gap: 0;
	}

	.galleryLightbox__frame{
		padding: 0;
		width: 100%;
	}

	.galleryLightbox__image{
		max-height: calc(100vh - 70px);
	}

	.galleryLightbox__nav{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 44px;
		height: 44px;
		max-width: 44px;
		font-size: 28px;
		background: rgba(0, 0, 0, 0.58);
	}

	.galleryLightbox__nav:hover,
	.galleryLightbox__nav:focus-visible{
		transform: translateY(-50%);
	}

	.galleryLightbox__nav--prev{
		left: 8px;
	}

	.galleryLightbox__nav--next{
		right: 8px;
	}

	.galleryLightbox__close{
		top: -6px;
		right: -6px;
	}
	
	.productTabs__btn {
		padding: 12px 16px;
		font-size: 14px;
	}

	.xform .column1-2{
		width:100%;
	}	
	.xform .column1-2 .group{
		text-align:center;
	}
	.xform .column1-2 .controls button{
		margin:0 auto;
	}
	.callbackModal__body .xform .column1-2 .controls  button{
		margin:20px auto 0;
	}
	
	.formWrapper h2::before, .garanteeWrapper h2::before{
		width:20px;
		height:24px;
	}
	.garanteeWrapper h2::before{
		background-size: 20px 24px;
		margin-left: -30px;
        margin-top: -2px;
	}
	.formWrapper h2::before{
		background-size: 20px 30px;
		margin-left: -30px;
        margin-top: -2px;
	}
	
	.menu.block.bottom{
		flex-direction: column;
		margin-bottom:0;
	} 
	.menu.block.bottom li{
		margin:0 0 15px;
	}
	footer .callbackBtn{
		max-width:210px;
	}
	footer .column1-3{
		width:50%;
	}
	.contactsWrapper .column1-2{
		width:100%;
		padding-right:0;
	}
	.contactsWrapper .column1-2 p + h3{margin-top:30px;}
	
	.technologyWrapper .column1-2,
	.gallerySection .column1-2{
		width:100%;
		padding-right:0;
		margin-bottom:30px;
	}
	.solutionWrapper .column1-3{
		width:100%;
		margin-bottom:40px;
	}
	.solutionWrapper .column1-3:last-child{margin-bottom:0;}
	
	.clientWrapper .column1-3:nth-child(1),
	.clientWrapper .column1-3:nth-child(2),
	.manufactureWrapper .column1-3:nth-child(1),
	.manufactureWrapper .column1-3:nth-child(2){
		width:50%;
	}	
	.clientWrapper .column1-3:nth-child(3),
	.manufactureWrapper .column1-3:nth-child(3){
		width:100%;
	}
	.hero__content .controls{
		flex-wrap:wrap;		
        width: 100%;
        flex-direction: row;
	}
	.hero__content h1 {
        font-size: 22px;
        line-height: 26px;
	}
	.hero .column1-2:nth-child(1){
		width:100%;
		padding-right:0;
	}
	.hero {
        background-position: center center;
        height: auto;
        background-image: none;
        padding: 30px 0;
    }
	.hero__mobile{
		background-image: url(../img/lukpro-hero-w786.jpg?v3);
                background-position: center right;
        height: 300px;
        width: 100%;
        background-size: cover;
        border-radius: var(--radius);
	}
	.hero__content{
		padding: 0;		
	}		
	.product .garanteeWrapper h2::before{
		left:60px;
		top:0px;
		width:20px;
		height:30px;
		background-size:20px auto;
	}
	.product .garanteeWrapper h2{		
		padding:30px 20px 10px;
		position:relative;
		font-size: 13px;
        letter-spacing: 1px;
	}
	.product .column2-3 .column2-3,
	.product .column2-3 .column1-3{
		width:100%;
		padding-right:0;
	}
	.product .column2-3 .column1-3{
		order:-1;
	}
	.product__content{
		padding-right:0;
	}
	
	
	.productTabs__nav{
		display:grid;
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:8px;
		border-bottom:0;
	}

	.productTabs__btn{
		width:100%;
		max-width:100%;
		min-width:0;
		height:auto;
		min-height:48px;
		padding:10px 12px;
		margin:0;
		border:1px solid #dcdcdc;
		border-radius:10px;
		background:var(--bg--gray-color);
		white-space:normal;
		line-height:16px;
		text-align:center;
		font-size:12px;
		text-transform:uppercase;
	}

	.productTabs__btn + .productTabs__btn{
		margin-left:0;
	}

	.productTabs__btn.isActive{
		background:#333;
		color:#fff;
		border-color:#333;
	}

	.productTabs__btn:last-child:nth-child(odd){
		grid-column:1 / -1;
	}

	.productTabs__content{
		padding-top:18px;
	}
	
	header .column1-4.column--logo
	{
		width:140px;
	}
	header .column1-4.column--contacts{
		width:282px;
	}
	header .column1-2.column--menu{
		width:calc( 100% - 422px );
	}
	
	header .column1-2.column--menu .mainMenuBtn{
		margin-right:10px;
	}
}
@media screen and (max-width: 650px) 
{	
	header {padding:20px 0;}
   .column--logo{width:100%;margin-bottom:25px;}
   .column--logo .logo{margin:0 auto;display:block;}
   .column--menu{width:60px;}
   .mainMenuBtn{margin-right:0;}
   .column--contacts{width:calc( 100% - 60px );}
   .contactsColumn__content{justify-content: flex-end;}
   .column--contacts .configuratorBtn{max-width:140px;        max-width: calc(100% - 100px);}
   
   	footer .column1-3{
		width:100%;
	}
	footer .column1-3:nth-child(2){order:-1;}
	footer .callbackBtn,
	footer .ctaLink{margin:15px auto; display:block;}
	
	.clientWrapper .column1-3,
	.clientWrapper .column1-3:nth-child(1),
	.clientWrapper .column1-3:nth-child(2),
	.clientWrapper .column1-3:nth-child(3),
	.manufactureWrapper .column1-3,
	.manufactureWrapper .column1-3:nth-child(1),
	.manufactureWrapper .column1-3:nth-child(2),
	.manufactureWrapper .column1-3:nth-child(3){
		width:100%;
	}
	.schemaWrapper .column1-4,
	.advantageWrapper .column1-4{
	width:100%;	
	padding-right:0;
	margin-bottom:20px;
	}
	.schemaWrapper .column1-4:last-child,
	.advantageWrapper .column1-4:last-child{margin-bottom:0;}
	.schema__step::after{
		transform: rotate(90deg);
	}
	.mainMenu{
	top:	152px;
	}
	.product .column1-3:nth-child(1) .product__content{
		flex-direction:column;
	}
	.product .column1-3:nth-child(1) .product__content .product__imgWrapper,.product__extra{
		width:100%;
	}
	.product__extra,
	.product .garanteeWrapper{
		margin-top:30px;
	}
	
	header .column1-4.column--logo
	{
		width:100%;
	}
	header .column1-4.column--contacts{
		width:calc( 100% - 60px );
	}
	header .column1-2.column--menu{
		width:60px;
	}
	
}
@media screen and (max-width: 480px) 
{	
    h1 {
        font-size: 18px;
        line-height: 22px;
    }
	h2{
		font-size:14px;
	}
	.garanteeWrapper h2,
	.formWrapper h2{
		padding:40px 0 20px;		
		position:relative;
	}
	.garanteeWrapper h2::before,
	.formWrapper h2::before{
		left:calc( 50% + 10px );		
		top:0;
	}

	body{
		min-width:300px;
	}	
	.column--menu{
		width:40px;
	}
	.column--contacts{
		width:calc( 100% - 40px );
	}
	.mainMenuBtn,
	header .callbackBtn{
		min-width:40px;
		width:40px;
		height:40px;
	}
	.column--contacts .configuratorBtn{
		height:40px;
		line-height:40px;
		        max-width: calc(100% - 80px);
	}
	.mainMenuBtn{
		background-size: 20px auto;
	}
	.callbackBtn::before{
		background-size:20px auto;
	}
	.mainMenu {
        top: 142px;
    }
	.hero__content .controls{
		width:100%;
	}
	.hero__content .button{
		width:100%;
		max-width:100%;
		margin-right:0;
	}	
	select{
		width:100%;
	}
	.productTabs__nav{
		grid-template-columns:1fr;
	}

	.productTabs__btn:last-child:nth-child(odd){
		grid-column:auto;
	}
	.hero__mobile{
	background-image: url(../img/lukpro-hero-w480.jpg?v3);
	height:230px;
	}
	.productDrawings__list{
		flex-direction:column;
	}
}
@media screen and (max-width: 340px) 
{	
	.hero__mobile {        
	height: 180px;
	}
}





.solutionWrapper{
	padding: 30px clamp(20px, 3vw, 40px) 60px;
}

.solutionWrapper .columns{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(24px, 4vw, 80px);
	align-items: stretch;
}

.solutionWrapper .column1-3{
	width: auto;
	min-width: 0;
	padding-right: 0;
	margin: 0;
	display: flex;
}

.solutionWrapper .card{
	width: 100%;
	height: auto;
	min-height: 420px;
	margin: 0;
	padding: 30px 20px 20px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.solutionWrapper .card::before{
	flex: 0 0 60px;
	display: block;
	margin-bottom: 18px;
}

.solutionWrapper .card h3{
	height: auto;
	min-height: 54px;
	margin: 0 0 14px;
	padding: 0 0 14px;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: flex-end;
	text-wrap: balance;
}

.solutionWrapper .card__subtitle{
	height: auto;
	min-height: 52px;
	margin: 0;
	padding-left: 40px;
	display: flex;
	align-items: center;
}

.solutionWrapper .card > p:not(.card__subtitle){
	flex: 1 1 auto;
	margin: 16px 0 0;
}

.solutionWrapper .card .button{
	margin: 24px 0 0;
	width: 100%;
	max-width: 100%;
	flex: 0 0 50px;
}

@media screen and (max-width: 1200px){
	.solutionWrapper{
		padding-left: clamp(20px, 3vw, 36px);
		padding-right: clamp(20px, 3vw, 36px);
	}

	.solutionWrapper .columns{
		gap: clamp(24px, 3.2vw, 44px);
	}

	.solutionWrapper .card{
		min-height: 560px;
		padding: 30px 20px 20px;
	}

	.solutionWrapper .card h3{
		min-height: 58px;
	}
}

@media screen and (max-width: 980px){
	.solutionWrapper .columns{
		gap: 36px;
	}

	.solutionWrapper .card{
		min-height: 560px;
		padding: 30px 20px 20px;
	}

	.solutionWrapper .card h3{
		min-height: 60px;
		font-size: 13px;
		line-height: 18px;
	}

	.solutionWrapper .card__subtitle{
		min-height: 64px;
		padding-left: 30px;
		font-size: 11px;
		line-height: 16px;
	}

	.solutionWrapper .card__subtitle.iconOk::before{
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		top: calc(50% - 10px);
	}
}

@media screen and (max-width: 768px){
	.solutionWrapper{
		padding: 20px 20px 48px;
	}

	.solutionWrapper .columns{
		grid-template-columns: 1fr;
		gap: 38px;
	}

	.solutionWrapper .column1-3{
		margin-bottom: 0;
	}

	.solutionWrapper .card{
		min-height: 0;
		padding: 30px 20px 20px;
	}

	.solutionWrapper .card h3{
		min-height: auto;
	}

	.solutionWrapper .card__subtitle{
		min-height: auto;
	}

	.solutionWrapper .card > p:not(.card__subtitle){
		flex: 0 1 auto;
	}

	.solutionWrapper .card .button{
		margin-top: 24px;
	}
}