/* Start:/local/templates/dipaul_metrology/template_styles.css?1792040200151234*/
@import url('/fonts/onest.min.css');
@import url('/libs/fancybox/6.1.13/fancybox.min.css');
@import url('/libs/swiper/12.1.2/swiper-bundle.min.css');
@import url('/libs/hc-offcanvas-nav/6.2.4/hc-offcanvas-nav.min.css');
@import url('/libs/mathjax/3.2.2/mathjax-chtml-3.2.2.css');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}input,textarea{box-shadow:none;-webkit-appearance:none;border-radius:0}button{border:0;background:0;padding:0;color:#fff;cursor: pointer;}button:focus{outline:none;}

/* ===GLOBAL=== */ 

:root 
{
	--primary-color: #FE4E00;
	--white: #FFFFFF;
	--black: #000000;	
	--red: #E03437;
	--teal: #0EB0B2;

	--grey-100: #E7E7E7;
	--grey-200: #D9D9D9;
	--grey-300: #B7B7B7;
	--grey-400: #868686;
	--grey-500: #797979;
	--grey-600: #636363;
	--grey-700: #1C1C1C;

	--glass-100: #F0F2F9;
	--glass-200: #E1E9EE;
	--glass-300: #D2D6E2;
	--glass-400: #B8C0C9;
	--glass-500: #9EA9AF;
	--glass-600: #728088;
	--glass-700: #29292B;
	
	--orange-filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(4024%) hue-rotate(1deg) brightness(101%) contrast(106%);
	--invert-filter: invert(100%);
	--white-filter: brightness(0) invert(1);

	--backdrop-bg: rgba(41,41,43,.5);
	--backdrop-color: rgba(41,41,43,.5);
}

html{overflow-x: hidden;}

body
{
	font: 400 16px / 19px Onest;
    -webkit-text-size-adjust: 100%;
    background: var(--glass-100);
    color: var(--black);
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
	overflow-x: hidden;
}
@media (max-width: 767.98px) 
{
	body{font: 400 14px / 17px Onest;}
}

a
{
	color: var(--primary-color);
	text-decoration: none;
	transition: .3s ease;
	cursor: pointer;
}

a:focus:not(:focus-visible){outline: none;}

@media (hover: hover) 
{
	a:hover
	{
		color: var(--primary-color);
		text-decoration: none;
		transition: .3s ease;
		cursor: pointer;
	}
}

.container
{
	width: 1440px;
	margin: 0 auto;
	position: relative;
	box-sizing: border-box;
	padding: 0 20px;
}
@media (max-width: 1439.98px) 
{
	.container {width: 100%}
}
@media (max-width: 767.98px) 
{
	.container
	{
		max-width: 450px;
		min-width: 320px;
		padding: 0 15px;
	}
}

.clear{clear: both;}

.flex{display: flex;}

.wrap{flex-wrap: wrap;}

.flex--center{align-items: center;}

.hc-offcanvas-nav .flex {display: block;}

.justify{justify-content: space-between;}

.justify--center{justify-content: center;}

.grid{display: grid;}

.sticky
{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.indents--block{padding: 100px 0;}
@media (max-width: 767.98px) 
{
    .indents--block{padding: 60px 0;}
}

.indents--top{padding-top: 100px;}
@media (max-width: 767.98px) 
{
    .indents--top{padding-top: 60px;}
}

.bg--white{background: var(--white);}

.bg--dark{background: var(--glass-700);}

.bg--glass{background: var(--glass-100);}

.bx-404-container{margin: 100px 0 60px 0;}

@media (max-width: 767.98px) 
{
	.swiper{z-index: 0;}
}

div[id^="wait_comp_"],
div[id^="wait_"]
{
    display: none;
}

/* ===BUTTONS=== */

a.button,
div.button,
button.button
{
	font: 600 16px / 16px Onest;
	width: auto;
	height: 56px;
	color: var(--white);
	position: relative;
	text-decoration: none;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 0 30px;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
	transition: background .3s ease;
	border-radius: 100px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: background-color, color;
}
@media (max-width: 767.98px) 
{
    a.button,
	div.button,
	button.button
	{
		padding: 0 25px;
		height: 50px;
		font: 600 15px / 16px Onest;
	}
}

a.button:before,
div.button:before,
a.button:after,
div.button:after,
button.button:after
{
	content: '';	
	display: inline-block;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: filter;
}

@media (hover: hover) 
{
	a.button:hover,
	div.button:hover
	{
		background: var(--primary-color);
		color: var(--white);
	}

	a.button:hover:before,
	div.button:hover:before
	{
		filter: var(--white-filter);
	}
}

a.button--border,
div.button--border
{	
	border: 1px solid var(--primary-color);
}

a.button--gray,
div.button--gray
{
	background: var(--glass-100);
	color: var(--black);
}

@media (hover: hover) 
{
	a.button--gray:hover:before,
	div.button--gray:hover:before
	{
		filter: var(--white-filter);
	}
}

a.button--black,
div.button--black
{
	background: var(--black);
	color: var(--white);
}

a.button--white,
div.button--white
{
	background: var(--white);
	color: var(--black);
}

@media (hover: hover) 
{
	a.button--white:hover:before,
	div.button--white:hover:before
	{
		filter: var(--white-filter);
	}
}

a.button--orange,
div.button--orange,
button.button--orange
{
	background: var(--primary-color);
	color: var(--white);
}

a.button--orange:before,
div.button--orange:before
{
	filter: var(--white-filter);
}

@media (hover: hover) 
{
	a.button--orange:hover,
	div.button--orange:hover,
	button.button--orange:hover
	{
		background: #fe6826;
	}
}

a.button--transparent,
div.button--transparent
{
	background: transparent;
	color: var(--black);
}

a.button.button--page:before,
div.button.button--page:before
{
	background: url(/images/icon-page.svg) center no-repeat;
	width: 18px;
    height: 18px;
    margin-right: 8px;
}

a.button.button--cart:before,
div.button.button--cart:before
{
	background: url(/images/icon-cart.svg) center no-repeat;
	width: 20px;
    height: 20px;
    margin-right: 8px;
}
@media (max-width: 767.98px) 
{
	header a.button.button--cart:before,
	header div.button.button--cart:before
	{
		margin: 0;
		width: 18px;
		height: 18px;
		background-size: cover;
	}
}

a.button.button--filter,
div.button.button--filter
{
	width: fit-content;
}

@supports not (width: fit-content)
{
	a.button.button--filter,
	div.button.button--filter
	{
		display: inline-flex;
		width: auto;
	}
}

a.button.button--filter:before,
div.button.button--filter:before
{
	background: url(/images/icon-filter.svg) center no-repeat;
	width: 24px;
    height: 24px;
    margin-right: 20px;
}

a.button.button--search:before,
div.button.button--search:before
{
	background: url(/images/icon-search.svg) center no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	margin-right: 15px;
}
@media (max-width: 767.98px) 
{
	a.button.button--search:before,
	div.button.button--search:before
	{
		margin: 0;
		height: 18px;
		width: 18px;
	}
}

a.button.button--more:after,
div.button.button--more:after
{
	background: url(/images/icon-more.svg) center no-repeat;
	height: 15px;
	width: 30px;
	margin-left: 40px;
}

a.button.black:before,
div.button.black:before,
a.button.black:after,
div.button.black:after
{
	filter: var(--invert-filter);
}

@media (hover: hover) 
{
	a.button.black:hover:before,
	div.button.black:hover:before,
	a.button.black:hover:after,
	div.button.black:hover:after
	{
		filter: var(--white-filter);
	}
}

a.button.button--catalog:before,
div.button.button--catalog:before
{
	background: url(/images/icon-catalog-download.svg) center no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	margin-right: 15px;
}

a.button.button--catalog.button--transparent:before,
div.button.button--catalog.button--transparent:before
{
	filter: var(--invert-filter);
}
@media (hover: hover)
{
	a.button.button--catalog.button--transparent:hover:before,
	div.button.button--catalog.button--transparent:hover:before
	{
		filter: unset;
	}
}

a.button.button--phone:before,
div.button.button--phone:before
{
	background: url(/images/icon-phone.svg) center no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
	margin-right: 15px;
}
@media (max-width: 767.98px) 
{
	header a.button.button--phone:before,
	header div.button.button--phone:before
	{
		filter: var(--invert-filter);
		margin: 0;
		height: 18px;
		width: 18px;
	}
}

a.button.button--televisor:before,
div.button.button--televisor:before
{
	background: url(/images/icon-televisor.svg) center no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
@media (max-width: 1399.98px) 
{
    a.button.button--televisor:before,
	div.button.button--televisor:before
	{
		height: 30px;
		width: 30px;
	}
}
@media (max-width: 767.98px) 
{
    a.button.button--televisor:before,
	div.button.button--televisor:before
	{
		height: 20px;
		width: 20px;
	}
}

a.button.button--wave:before,
div.button.button--wave:before
{
	background: url(/images/icon-wave.svg) center no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
@media (max-width: 1399.98px) 
{
    a.button.button--wave:before,
	div.button.button--wave:before
	{
		height: 30px;
		width: 30px;
	}
}
@media (max-width: 767.98px) 
{
    a.button.button--wave:before,
	div.button.button--wave:before
	{
		height: 20px;
		width: 20px;
	}
}

a.button.button--useful:before,
div.button.button--useful:before
{
	background: url(/images/icon-useful.svg) center no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
@media (max-width: 1399.98px) 
{
    a.button.button--useful:before,
	div.button.button--useful:before
	{
		height: 30px;
		width: 30px;
	}
}
@media (max-width: 767.98px) 
{
    a.button.button--useful:before,
	div.button.button--useful:before
	{
		height: 20px;
		width: 20px;
	}
}

a.button.button--repair:before,
div.button.button--repair:before
{
	background: url(/images/icon-repair.svg) center no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
@media (max-width: 1399.98px) 
{
    a.button.button--repair:before,
	div.button.button--repair:before
	{
		height: 30px;
		width: 30px;
	}
}
@media (max-width: 767.98px) 
{
    a.button.button--repair:before,
	div.button.button--repair:before
	{
		height: 20px;
		width: 20px;
	}
}

a.button.button--check:before,
div.button.button--check:before
{
	background: url(/images/icon-check.svg) center no-repeat;
	background-size: contain;
	height: 40px;
	width: 40px;
	margin-right: 10px;
}
@media (max-width: 1399.98px) 
{
    a.button.button--check:before,
	div.button.button--check:before
	{
		height: 30px;
		width: 30px;
	}
}
@media (max-width: 767.98px) 
{
    a.button.button--check:before,
	div.button.button--check:before
	{
		height: 20px;
		width: 20px;
	}
}

a.button.button--chat:before,
div.button.button--chat:before
{
	background: url(/images/icon-chat.svg) center no-repeat;
	height: 24px;
	width: 24px;
	margin-right: 10px;
}
@media (max-width: 767.98px) 
{
	header a.button.button--chat,
	header div.button.button--chat
	{
		border-radius: 0 25px 25px 0;
        padding-right: clamp(0px, (100vw - 320px) * 40 / 130, 40px);
	}
	
	header a.button.button--chat:before,
	header div.button.button--chat:before
	{
		margin: 0;
		filter: var(--invert-filter);
		height: 18px;
        width: 18px;
        background-size: cover;
	}
}

a.button.button--white.button--chat:before,
div.button.button--white.button--chat:before
{
	filter: var(--orange-filter);
}

@media (hover: hover) 
{
	a.button.button--white.button--chat:hover:before,
	div.button.button--white.button--chat:hover:before
	{
		filter: var(--white-filter);
	}
}

a.button.button--compare:before,
div.button.button--compare:before
{
	background: url(/images/icon-compare.svg) center no-repeat;
	height: 24px;
	width: 24px;
	margin-right: 10px;
}

a.button.button--plus:before,
div.button.button--plus:before
{
	background-image: url(/images/icon-plus.svg);
	width: 8px;
    height: 8px;
}

@media (hover: hover) 
{
	a.button:hover.button--plus:before,
	div.button:hover.button--plus:before
	{
		filter: var(--white-filter);
	}
}

a.button.button--minus:before,
div.button.button--minus:before
{
	background-image: url(/images/icon-minus.svg);
	width: 8px;
    height: 1px;
}

@media (hover: hover) 
{
	a.button:hover.button--minus:before,
	div.button:hover.button--minus:before
	{
		filter: var(--white-filter);
	}
}

a.button.button--handshake:before,
div.button.button--handshake:before
{
	background-image: url(/images/icon-handshake.svg);
	width: 20px;
    height: 20px;
	margin-right: 15px;
}

a.button.button--download:before,
div.button.button--download:before
{
	background-image: url(/images/icon-download.svg);
	width: 20px;
    height: 18px;
	margin-right: 8px;
}

a.button.button--send:before,
div.button.button--send:before
{
	background-image: url(/images/icon-send.svg);
	width: 20px;
    height: 20px;
	margin-right: 8px;
}

a.button.button--play:before,
div.button.button--play:before
{
	background-image: url(/images/icon-start.svg);
	width: 24px;
    height: 24px;
	margin-right: 10px;
}

div.links{gap: 20px;}

div.links--mobile{display: none;}
@media (max-width: 767.98px) 
{
	div.links--mobile{display: flex;}
}

a.link
{
	height: 50px;
	width: 50px;
	border: 1px solid var(--primary-color);
	border-radius: 60px;
	transition: .3s ease;
}
@media (hover: hover)
{
	a.link:hover{background: var(--primary-color);}
}

a.link:before
{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
}

a.link.link--vk:before{background: url(/images/icon-vk.svg) center no-repeat;}

a.link.link--tg:before{background: url(/images/icon-tg.svg) center no-repeat;}

a.link.link--max:before{background: url(/images/icon-max.svg) center no-repeat;}

a.link.link--dzen:before{background: url(/images/icon-dzen.svg) center no-repeat;}

a.button.button--burger, 
div.button.button--burger
{
	background: url(/images/icon-burger.svg) center no-repeat;
	background-size: 20px 20px;
	padding: 0;
	transition: unset;
	position: unset;
}
@media (max-width: 767.98px) 
{
	a.button.button--burger, 
	div.button.button--burger
	{
		border-radius: 25px 0 0 25px;
		padding-left: clamp(0px, (100vw - 320px) * 40 / 130, 40px);
		background: var(--white);
		margin-right: -1px;
	}
	
	a.button.button--burger:before, 
	div.button.button--burger:before
	{
		background: url(/images/icon-burger.svg) center no-repeat;
		width: 18px;
		height: 18px;
	}
}

.show__map
{
	gap: 10px;
	color: var(--primary-color);
	cursor: pointer;
	font: 600 14px / 14px Onest;
}

.show__map img
{
	width: 18px;
	height: 18px;
}

/* ===INPUTS=== */

input,
textarea,
select
{
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
}

input::-moz-focus-inner
{
	border: 0;
	padding: 0;
}

input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible)
{
	outline: none;
}

input[type="text"],
input[type="tel"],
input[type="email"]
{
	font: 400 18px Onest;
	width: 100%;
	height: 32px;
	display: block;
	position: relative;
	box-sizing: border-box;
	transition: .2s ease;
	
}
@media (max-width: 767.98px) 
{
    input[type="text"],
	input[type="tel"],
	input[type="email"]
	{
		font-size: 14px;
	}
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus
{
	outline: none;
}

input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder
{
	color: var(--grey-300);
	opacity: 1;
}

input:-webkit-autofill 
{
    transition: background-color 5000s ease-in-out 0s !important;
	-webkit-text-fill-color: var(--white) !important;
    color: var(--white) !important;
}

/* ===CHECKBOX=== */

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked
{
	position: absolute;
	left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label
{
	font: 400 14px / 14px Onest;
	color: var(--grey-600);
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	display: inline-block;
	user-select: none;
}

[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before
{
	content: '';
	position: absolute;
	left: 0; 
	top: -2px;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 1px solid var(--grey-600);
	transition: .3s ease;
}

[type="checkbox"]:not(:checked) + label:after, 
[type="checkbox"]:checked + label:after 
{
	content: '';
    position: absolute;
    top: 3px;
    left: 1px;
    height: 8px;
    width: 8px;
    transform: translate(50%);
    background: var(--grey-600);
    transition: .2s ease;
}

[type="checkbox"]:not(:checked) + label:after{opacity: 0;}

[type="checkbox"]:checked + label:after{opacity: 1;}

/* ===TEXT=== */

h1, 
.like-h1
{
	font: 800 60px / 74px Onest;
	color: var(--white);
	word-wrap: break-word;
	text-wrap: balance;
}
@media (max-width: 1399.98px) 
{
	h1, 
	.like-h1
	{
		font: 800 55px / 69px Onest
	}
}
@media (max-width: 767.98px) 
{
	h1, 
	.like-h1
	{
		font: 800 32px / 38px Onest;
	}
}

h2, 
.like-h2
{
	font: 800 40px / 49px Onest;
	word-wrap: break-word;
	text-wrap: balance;
}
@media (max-width: 767.98px) 
{
	h2, 
	.like-h2
	{
		font: 800 24px / 28px Onest;
	}
}

h3, 
.like-h3
{
	font: 800 38px / 47px Onest;
	text-wrap: balance;
}
@media (max-width: 767.98px) 
{
	h3, 
	.like-h3
	{
		font: 500 24px / 26px Onest;
	}
}

h4, 
.like-h4
{
	font: 800 30px / 37px Onest;
	text-wrap: balance;
}
@media (max-width: 767.98px) 
{
	h4, 
	.like-h4
	{
		font: 800 24px / 28px Onest;
	}
}

h5, 
.like-h5
{
	font: 800 20px / 24px Onest;
	text-wrap: balance;
}
@media (max-width: 767.98px) 
{
	h5, 
	.like-h5
	{
		font: 800 18px / 22px Onest;
	}
}

b{font-weight: 600;}

.text--bold{font-weight: 700;}

.text--black{color: var(--black);}

.text--white{color: var(--white);}

.text--orange{color: var(--primary-color);}

.text--lightgray{color: var(--grey-300);}

.text--gray{color: var(--grey-500);}

.text--darkgray{color: var(--glass-500);}

.text--agategray{color: var(--grey-300);}

.text--red{color: var(--red);}

.text--balance{text-wrap: balance;}

.text--success
{
	font: 700 18px / 20px Onest;
	color: var(--teal);
}
@media (max-width: 767.98px) 
{
	.text--success{font: 700 13px / 15px Onest;}
}

.required
{
	font: 500 16px / 16px Onest;
	color: var(--primary-color);
}

.text b{color: var(--black);}

.text ul,
.text ol
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.text ul li,
.text ol li
{
	position: relative;
	padding-left: 25px;
}

.text ul li::before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: var(--black);
    border-radius: 50%;
    margin: 0 10px;
}

.text.line ul li{padding-left: 18px;}

.text.line ul li::before
{
	content: '-';
	position: absolute;
    left: 0px;
    top: 1px;
    background: unset;
    border-radius: unset;
    margin: 0;
}

.text.square ul li{padding-left: 18px;}

.text.square ul li::before 
{
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background: var(--primary-color);
	border-radius: unset;
    margin: 0;
}

.text ol{counter-reset: number;}

.text ol > li{counter-increment: number;}

.text ol > li:before
{
	content: counter(number) '.';
	padding-right: 5px;
	color: var(--black);
}

.text ol > li > ul > li:before
{
	content: 'o';
	border-radius: unset;
	background: unset;
    border-radius: unset;
	width: unset;
    height: unset;
	color: var(--black);
}

sub
{
	font-size: smaller;
	vertical-align: sub;
}

sup
{
	vertical-align: super;
    font-size: smaller;
}

/* ===HEADER=== */

header
{
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	z-index: 2;
}
@media (max-width: 767.98px) 
{
	header{top: 20px;}
}

.header__container
{
	background: var(--white);
	border-radius: 100px;
	padding: 11px 60px;
	position: relative;
}
@media (max-width: 767.98px)
{
	.header__container
	{
		padding: 0 20px;
		background: unset;
	}
}

.header__logo
{
	width: 142px;
	height: 34px;
	color: var(--black);
}
@media (max-width: 1199.98px)
{
	.header__logo{margin-right: 30px;}
}
@media (max-width: 767.98px)
{
	.header__logo
	{
		width: 150px;
		height: 36px;
		color: var(--white);
	}
}

@media (hover: hover)
{
	.header__logo:hover{color: var(--black);}
}

.header__logo svg
{
	display: block;
	width: 100%;
	height: 100%;
	flex: none;
}

.header__bar
{
	width: calc(100% - 200px);
	gap: 40px;
}
@media (max-width: 1399.98px)
{
	.header__bar{gap: 24px;}
}
@media (max-width: 767.98px)
{
	.header__bar
	{
		width: calc(100% - 30px);
		max-width: 420px;
		min-width: 290px;
		position: fixed;
		left: 50%;
		bottom: 15px;
		transform: translateX(-50%);
		z-index: 100;
		gap: 0;
		overflow: visible;
	}

	.header__bar .button
	{
		font-size: 0;
		padding: 0;
		flex: 1;
		background: var(--white);
	}
}

.header__actions{gap: 20px;}

.header__burger--tablet{display: none;}

@media (min-width: 768px) and (max-width: 1199.98px)
{
	.header__burger--tablet
	{
		display: block;
		flex: 0 0 48px;
		width: 48px;
		height: 48px;
		background-image: url(/images/icon-burger.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px 20px;
		cursor: pointer;
		transition: background-color .3s ease;
	}

	.header__actions{flex-shrink: 0;}
}

@media(hover: hover)
{
	.header__burger--tablet:hover{background-color: var(--primary-color);}
}

.header__hcnav,
.header__hcsearch,
.header__hcphone,
.header__callback
{
	display: none;
}
@media (max-width: 767.98px)
{
	.header__hcnav,
	.header__hcsearch,
	.header__hcphone,
	.header__actions
	{
		display: contents;
	}

	.header__hcnav,
	.header__hcsearch,
	.header__hcphone,
	.header__callback
	{
		flex-shrink: 0;
	}

	.header__hcnav .header__button--mobile,
	.header__hcphone .header__button--mobile,
	a.header__callback
	{
		position: relative;
		z-index: 1;
		margin: 0 -1px;
	}
}

.header__products
{
	display: inline-block;
	min-width: 14px;
	text-align: center;
}
@media (max-width: 767.98px)
{
	.header__products
	{
		position: absolute;
		top: -1px;
		right: -1px;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: var(--red);
		color: var(--white);
		font: 600 12px / 20px Onest;
		text-align: center;
	}

	.jsMobileMenuExtra a.header__cart
	{
		margin-top: 24px;
		display: flex !important;
		width: fit-content;
	}
}

#jsMenu
{
	flex: 1 1 auto;
	min-width: 0;
}

.header__menu
{
	font: 600 14px / 14px Onest;
	display: flex;
	gap: 30px;
	margin-right: 60px;
}
@media (max-width: 1399.98px)
{
	.header__menu
	{
		gap: 14px;
		font: 600 13px / 13px Onest;
	}
}
@media (max-width: 1199.98px)
{
	.header__menu{display: block;}
}

.header__menu li a,
a.header__link
{
	white-space: nowrap;
}

.header__menu li:first-child a
{
	padding-left: 26px;
	/*color: var(--primary-color);*/
}

/*@media (min-width: 1200px)
{
	.header__menu li:first-child a::before,
	.header__menu li:first-child a::after
	{
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transition: .2s ease;
	}

	.header__menu li:first-child a::before
	{
		width: 16px;
		height: 3px;
		transform: translateY(calc(-50% - 3px));
		border-top: 2px solid var(--primary-color);
		border-bottom: 2px solid var(--primary-color);
	}

	.header__menu li:first-child a::after
	{
		width: 16px;
		height: 2px;
		transform: translateY(calc(-50% + 5px));
		background: var(--primary-color);
	}
}*/

.header__center{position: relative;}
@media (max-width: 1199.98px)
{
	.header__center{flex: 1;}
}
@media (max-width: 767.98px)
{
	.header__center
	{
		display: block;
		flex: 0 0 50px;
		width: 50px;
		height: 50px;
		min-width: 50px;
		position: relative;
		z-index: 110;
		overflow: visible;
	}

	#jsMenu{display: none;}
}

div.header__button
{
	height: 34px;
	font: 500 14px / 14px Onest;
	padding: 0;
}
@media (max-width: 767.98px)
{
	div.header__button{height: 50px;}
}

a.header__link
{
	font: 600 14px / 14px Onest;
	margin-right: 70px;
}
@media (max-width: 1399.98px)
{
	a.header__link
	{
		margin-right: 20px;
		font: 600 13px / 13px Onest;
	}
}
@media (max-width: 1199.98px)
{
	a.header__link{margin: 0 30px;}
}
@media (max-width: 767.98px)
{
	header a.header__link{display: none;}
}

a.header__cart
{
	font: 600 14px / 14px Onest;
	height: 48px;
	padding: 0 20px;
}
@media (max-width: 767.98px)
{
	header a.header__cart
	{
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex: unset !important;
		width: 50px;
		height: 50px;
		padding: 0;
		margin: 0 0 0 15px;
		border-radius: 25px;
		font-size: 0;
		position: relative;
		z-index: 1;
	}

	header a.header__cart:before{margin-right: 0;}
}

a.header__button--mobile,
div.header__button--mobile
{
	display: none;
	height: auto;
	width: auto;
	margin-left: 0;
	padding: 0;
}
@media (max-width: 767.98px)
{
	a.header__button--mobile,
	div.header__button--mobile,
	a.header__callback
	{
		display: flex !important;
		align-items: center;
		justify-content: center;
		flex: 1 1 0;
		min-width: 50px;
		width: auto;
		height: 50px;
		padding: 0;
		margin: 0;
		background: var(--white);
		border-radius: 0;
	}

	a.header__button--mobile:before,
	div.header__button--mobile:before,
	a.header__callback:before
	{
		margin-right: 0;
	}

	a.header__button--mobile:after,
	div.header__button--mobile:after,
	a.header__callback:after
	{
		display: none;
	}

	.header__hcnav .header__button--mobile{border-radius: 25px 0 0 25px;}

	.header__callback{border-radius: 0 25px 25px 0;}
}

.header__space
{
	flex: 0 0 90px;
	width: 90px;
}
@media (max-width: 1399.98px)
{
	.header__space
	{
		flex: 0 0 70px;
		width: 70px;
	}
}
@media (max-width: 1199.98px)
{
	.header__space{display: none;}
}

/* ===HERO=== */

.hero
{
	background-size: cover;
	padding: 210px 0 100px;
	position: relative;
	overflow: hidden;
}
@media (max-width: 767.98px) 
{
    .hero{padding: 101px 0 60px;}
}

.hero::before 
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;   
	background: url(/images/hero-bg.webp) center no-repeat;
    background-size: cover;
    z-index: -1;
}

.hero__wrapper{gap: 30px;}

.hero__content{flex: 1 1 0;}

.hero__info
{
	margin-top: 40px;
	gap: 40px;
}
@media (max-width: 767.98px) 
{
    .hero__info
	{
		flex-wrap: wrap;
		gap: 20px;
	}
	
	.hero__info .button--catalog:after{display: none;}
}

.hero__bottom
{
	margin-top: 65px;
	padding-right: 102px;
}
@media (max-width: 1439.98px) 
{
    .hero__bottom{padding-right: 75px;}
}
@media (max-width: 1339.98px) 
{
    .hero__bottom{padding-right: 35px;}
}
@media (max-width: 767.98px) 
{
    .hero__bottom
	{
		margin-top: 40px;
		padding-right: 0;
	}
}

.hero__text{font: 300 20px / 24px Onest;}
@media (max-width: 767.98px) 
{
    .hero__text{font: 300 16px / 19px Onest;}
}

.hero__navigations
{
	gap: 20px;
	margin-top: 30px;
}
@media (max-width: 767.98px) 
{
	.hero__navigations
	{
		flex-wrap: wrap;
		gap: 10px;
	}
}

.hero__navigation
{
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}
@media (max-width: 767.98px) 
{
	.hero__navigation{gap: 10px;}
}

.hero__navigation .button
{
	height: 80px;
	font-size: 18px;
	transition: transform .3s ease;
}
@media (max-width: 1339.98px) 
{
    .hero__navigation .button
	{
		height: 75px;
		font-size: 16px;
	}
}
@media (max-width: 767.98px) 
{
    .hero__navigation .button
	{
		height: 50px;
		font-size: 14px;
	}
}

@media (hover: hover) 
{
	.hero__navigation .button:hover{transform: scale(1.035);}
}

.hero--pages{padding: 135px 0 60px}
@media (max-width: 767.98px) 
{
    .hero--pages{padding: 75px 0 30px;}
}

.hero--pages .hero__info{margin-top: 30px;}
@media (max-width: 767.98px) 
{
    .hero--pages .hero__info{margin-top: 10px;}
}

.hero__subtitle
{
	font-weight: 500;
	margin-top: 30px;
}

.hero__desc
{
	font: 300 20px / 24px Onest;
	color: var(--grey-300);
	margin-top: 40px;
}

.hero__media{flex: 0 0 535px;}
@media (max-width: 1399.98px)
{
	.hero__media{flex-basis: 450px;}
}
@media (max-width: 1199.98px)
{
	.hero__media{display: none;}
}

.hero__slider
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero__box
{
	position: relative;
	width: 100%;
}

#jsHeroSlider
{
	width: 100%;
	max-width: 535px;
	position: relative;
	overflow: hidden;
	border-radius: 40px;
}
@media (max-width: 1399.98px)
{
	#jsHeroSlider{max-width: 450px;}
}

#jsHeroSlider .swiper-wrapper{width: auto;}

#jsHeroSlider .swiper-slide{width: 100%;}

#jsHeroSlider .swiper__box
{
	margin: 0 auto;
	background: var(--white);
	padding: 40px;
}

#jsHeroSlider .swiper__image{height: 355px;}

#jsHeroSlider .swiper__image img
{
	width: 100%;
	height: auto;
	object-fit: contain;
}

#jsHeroSlider .swiper__footer{gap: 20px;}
@media (max-width: 1399.98px) 
{
    #jsHeroSlider .swiper__footer{flex-wrap: wrap;}
}

.hero__box .swiper__prev,
.hero__box .swiper__next
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border-radius: 60px;
	background: var(--white);
	border: 1px solid var(--primary-color);
	z-index: 1;
	cursor: pointer;
	transition: .3s ease;
	will-change: background;
}

@media (hover: hover) 
{
	.hero__box .swiper__prev:hover,
	.hero__box .swiper__next:hover
	{
		background: var(--primary-color);
	}
}

.hero__box .swiper__prev{left: -25px;}
@media (max-width: 1439.98px)
{
	.hero__box .swiper__prev{left: -20px;}
}

.hero__box .swiper__next{right: -25px;}
@media (max-width: 1439.98px)
{
	.hero__box .swiper__next{right: -20px;}
}

.hero__box .swiper__prev:before,
.hero__box .swiper__next:before
{
	content: '';
	display: block;
	background: url(/images/icon-arrow.svg) center no-repeat;
	background-size: contain;
	height: 18px;
	width: 18px;
	transition: .3s ease;
	will-change: filter;
}

@media (hover: hover) 
{
	.hero__box .swiper__prev:hover:before,
	.hero__box .swiper__next:hover:before
	{
		filter: var(--white-filter);
	}
}

.hero__box .swiper__next:before{transform: rotate(180deg);}

.hero__slider .swiper__pagination
{
	margin-top: 40px;
	gap: 8px;
}

.hero__slider .swiper-pagination-bullet
{
	width: 14px;
	height: 14px;
	margin: 0 !important;
	border-radius: 50%;
	background: var(--grey-200);
	opacity: 1;
}

.hero__slider .swiper-pagination-bullet-active{background: var(--primary-color);}

.hero--figure:after
{
	content: '';
	display: block;
	position: absolute;
	background: url(/images/icon-figure.svg) center no-repeat;
	background-size: contain;
	width: 645px;
	height: 520px;
	right: 0;
	top: 70px;
	z-index: -1;
}
@media (max-width: 767.98px) 
{
	.hero--figure:after{display: none;}
}

.hero--image .hero__info
{
	position: relative;
	max-width: 781px;
}
@media (max-width: 991.98px)
{
	.hero--image .hero__info{max-width: none;}
}

.hero--image .hero__desc
{
	max-width: 720px;
}
@media (max-width: 991.98px)
{
	.hero--image .hero__desc{max-width: none;}
}
@media (max-width: 767.98px)
{
	.hero--image .hero__desc
	{
		font-size: 16px;
		line-height: 20px;
		margin-top: 25px;
	}
}

.hero--image .hero__image
{
	display: block;
	position: absolute;
	top: 0;
	left: 880px;
	width: 1010px;
	height: auto;
}
@media (max-width: 991.98px)
{
	.hero--image .hero__image
	{
		position: static;
		width: 780px;
		margin-top: 40px;
	}
}
@media (max-width: 767.98px)
{
	.hero--image .hero__image
	{
		width: 640px;
		margin-top: 30px;
	}
}

.hero--robot{background: #16181A;}

.hero--robot:before
{
	background: url(/images/hero-robot.webp) center no-repeat;
	background-position: right;
    background-size: contain;
	z-index: 0;
}
@media (max-width: 991.98px) 
{
	.hero--robot:before{background-size: cover;}
}
@media (max-width: 767.98px) 
{
	.hero--robot:before
	{
		background-position: center;
		filter: brightness(50%);
	}
}

.hero--arm{background: #16181A;}

.hero--arm:before
{
	background: url(/images/hero-arm.webp) center no-repeat;
	background-position: right;
    background-size: contain;
	z-index: 0;
}
@media (max-width: 991.98px) 
{
	.hero--arm:before{background-size: cover;}
}
@media (max-width: 767.98px) 
{
	.hero--arm:before
	{
		background-position: center;
		filter: brightness(50%);
	}
}

/* ===BREADCRUMBS=== */

.breadcrumbs ul{row-gap: 5px;}

.breadcrumbs__item,
.breadcrumbs__link
{
	font: 500 14px / 16px Onest;
}

.breadcrumbs__item{display: flex;}

.breadcrumbs__item:first-child{padding: 0;}

.breadcrumbs__item:not(:first-child)::before 
{
    content: '';
    display: block;
	background: url(/images/icon-breadcrumbs-arrow.svg) center no-repeat;
    height: 16px;
    width: 16px;
	margin: 0 10px;
}
@media (max-width: 767.98px) 
{
	.breadcrumbs__item::before{display: none !important;}
	
	.breadcrumbs__item:nth-last-child(2) .breadcrumbs__link{display: flex;}
	
	.breadcrumbs__item:nth-last-child(2) .breadcrumbs__link::before
	{
		content: '';
		display: block;
		background: url(/images/icon-breadcrumbs-arrow.svg) center no-repeat;
		height: 16px;
		width: 16px;
		margin-right: 10px;
		transform: rotate(180deg);
		filter: var(--orange-filter);
	}
}

@media (min-width: 768px) 
{
	.breadcrumbs__item:last-child .breadcrumbs__link{color: var(--grey-300);}
}

@media (max-width: 767.98px) 
{
	.breadcrumbs__item:not(:nth-last-child(2)){display: none;}
}

/* ===BLOCK=== */

.block__items>div
{
	background: var(--white);
	padding: 40px;
	margin-top: 20px;
	font: 400 16px / 21px Onest;
}
@media(max-width:767.98px) 
{
	.block__items>div
	{
		padding: 10px;
		font: 400 14px / 19px Onest;
	}
}

.block__items>div:first-child{margin-top: 0;}

.block__text.text p{margin-top: 20px;}

.block__text>div:not(:first-child){margin-top: 40px;}

.block--agreement h3, 
.block--agreement h4
{
	margin-top: 20px;
}

.block--agreement .subparagraph{margin-left: 3%;}

.block--agreement div, 
.block--agreement p
{
	text-align: justify;
}

.block--agreement ul li:before{top: 11px;}

.block__desk
{
	font-weight: 300;
	color: var(--grey-500);
	margin-top: 20px;
}

.block__desk + .block__desk{margin-top: 40px;}

.block__steps
{
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    padding: 60px 0 85px 0;
}
@media (max-width: 1199.98px) 
{
	.block__steps
	{
		gap: 37px;
		padding-bottom: 70px;
	}
}
@media (max-width: 991.98px) 
{
	.block__steps{gap: 0;}
}
@media (max-width: 767.98px) 
{
	.block__steps
	{
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: 40px 0;
	}
}

.block__step
{
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr);
	column-gap: 10px;
}
@media (max-width: 1199.98px) 
{
	.block__step
	{
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 767.98px) 
{
	.block__step{flex-direction: unset;}
}

.block__number
{
	font: 600 172px / 141px Onest;
	color: var(--primary-color);
}
@media (max-width: 1399.98px) 
{
	.block__number{font: 600 140px / 120px Onest;}
}
@media (max-width: 1199.98px) 
{
	.block__number{font: 600 172px / 141px Onest;}
}
@media (max-width: 991.98px) 
{
	.block__number{font: 600 110px / 90px Onest;}
}
@media (max-width: 767.98px) 
{
	.block__number{font: 600 48px / 36px Onest;}
}

.block__number--black{color: var(--black);}

.block__body
{
	position: relative;
	height: 100%;
}

.block__header
{
	font: 600 20px / 25px Onest;
	color: var(--black);
	position: absolute;
    left: -50px;
	top: 2px;
	width: 210px;
}
@media (max-width: 1399.98px) 
{
	.block__header
	{
		font: 600 16px / 19px Onest;
		left: -40px;
		width: 180px;
	}
}
@media (max-width: 1199.98px) 
{
	.block__header
	{
		font: 600 20px / 25px Onest;
		position: unset;
		width: 210px;
	}
}
@media (max-width: 991.98px) 
{
	.block__header
	{
		font: 600 16px / 18px Onest;
		width: 148px;
        height: 54px;
	}
}
@media (max-width: 767.98px) 
{
	.block__header
	{
		font: 600 16px / 18px Onest;
        width: 80%;
        height: auto;
	}
}

.block__content{height: 100%;}

.block__inner
{
	padding-top: 80px;
	gap: 20px;
}
@media (max-width: 1399.98px) 
{
	.block__inner
	{
		padding-top: 69px;
		gap: 15px;
	}
}
@media (max-width: 1199.98px) 
{
	.block__inner
	{
		padding-top: 20px;
		gap: 20px;
	}
}
@media (max-width: 991.98px) 
{
	.block__inner{gap: 15px;}
}
@media (max-width: 767.98px) 
{
	.block__inner{gap: 20px;}
}

.block__icon
{
	width: 37px;
	height: 48px;
	flex-shrink: 0;
}
@media (max-width: 1399.98px) 
{
	.block__icon
	{
		width: 30px;
		height: 40px;
	}
}
@media (max-width: 1199.98px) 
{
	.block__icon
	{
		width: 37px;
		height: 48px;
	}
}
@media (max-width: 991.98px) 
{
	.block__icon
	{
		width: 27px;
		height: 35px;
	}
}
@media (max-width: 767.98px) 
{
	.block__icon
	{
		width: 37px;
		height: 48px;
	}
}

.block__icon img
{
	width: 100%;
	height: auto;
	object-fit: contain;
}

.block__content .button
{
	height: 48px;
	padding: 0 25px;
	font-size: 14px;
}
@media (max-width: 1399.98px) 
{
	.block__content .button
	{
		height: 40px;
		padding: 0 15px;
	}
}
@media (max-width: 1199.98px) 
{
	.block__content .button
	{
		height: 48px;
		padding: 0 25px;
	}
}
@media (max-width: 1199.98px) 
{
	.block__content .button
	{
		height: 35px;
		padding: 0 15px;
	}
}
@media (max-width: 767.98px) 
{
	.block__content .button
	{
		height: 48px;
		padding: 0 25px;
	}
}

.block__note
{
	font: 400 16px / 20px Onest;
	color: var(--grey-500);
	position: absolute;
	left: -50px;
	bottom: -30px;
}
@media (max-width: 1399.98px) 
{
	.block__note
	{
		font: 400 14px / 17px Onest;
		left: -39px;
		bottom: -25px;
	}
}
@media (max-width: 1199.98px) 
{
	.block__note
	{
		font: 400 16px / 20px Onest;
		position: unset;
        margin-top: 20px;
        display: block;
	}
}
@media (max-width: 767.98px) 
{
	.block__note
	{
		font: 400 14px / 18px Onest;
        margin-top: 10px;
	}
}

a.block__note{color: var(--teal);}

#jsClients
{
	margin-top: 40px;
	overflow: unset;
}
@media (max-width: 767.98px) 
{
	#jsClients{overflow: hidden;}
}

#jsClients img
{
	height: 62px;
	width: 100%;
	object-fit: contain;
}

#jsMagazines{overflow: unset;}
@media (max-width: 767.98px) 
{
	#jsMagazines{overflow: hidden;}
}

#jsMagazines img
{
	height: 450px;
	width: 100%;
}
@media (max-width: 1399.98px) 
{
	#jsMagazines img{height: 360px;}
}
@media (max-width: 1199.98px) 
{
	#jsMagazines img{height: 300px;}
}
@media (max-width: 991.98px) 
{
	#jsMagazines img{height: 340px;}
}
@media (max-width: 767.98px) 
{
	#jsMagazines img{height: 250px;}
}
@media (max-width: 575.98px) 
{	
	#jsMagazines img{height: auto;}
}

#jsMagazines span
{
	font: 700 24px / 28px Onest;
	margin-top: 20px;
	display: block;
}
@media (max-width: 991.98px) 
{
	#jsMagazines span{font: 700 17px / 21px Onest;}
}
@media (max-width: 767.98px) 
{
	#jsMagazines span
	{
		font: 700 16px / 20px Onest;
		margin-top: 10px;
	}
}

/* ===CATEGORIES=== */

.categories{gap: 40px;}
@media (max-width: 767.98px) 
{
    .categories{gap: 20px;}
}

.categories__item
{
	border-radius: 40px;
	flex: 1;
	padding: 30px;
	gap: 28px;
	background: var(--white);
	width: 33%;
	transition: transform .3s ease;
}
@media (max-width: 1199.98px) 
{
    .categories__item
	{
		width: 100%;
		flex: auto;
	}
}
@media (max-width: 767.98px) 
{
    .categories__item
	{
		flex-direction: column;
		padding: 30px 20px;
		gap: 20px;
	}
}

@media (hover: hover) 
{
	.categories__item:hover{transform: scale(1.035);}
}

.categories__image
{
	width: 280px;
	height: 200px;
	flex-shrink: 0;
}
@media (max-width: 1399.98px) 
{
    .categories__image{width: 195px;}
}
@media (max-width: 1199.98px) 
{
    .categories__image
	{
		height: 160px;
		width: 250px;
	}
}

.categories__image img
{
	width: 100%;
    height: auto;
    object-fit: contain;
}

.categories__title
{
	font: 600 26px / 32px Onest;
	height: 66px;
}
@media (max-width: 1439.98px) 
{
    .categories__title{font: 600 24px / 30px Onest;}
}
@media (max-width: 1199.98px) 
{
    .categories__title
	{
		font: 600 26px / 32px Onest;
		height: auto;
	}
}
@media (max-width: 767.98px) 
{
	.categories__info{width: 100%;}
	
    .categories__title{font: 600 18px / 21px Onest;}
}

.categories .button
{
	width: fit-content;
	margin-top: 30px;
}
@media (max-width: 767.98px) 
{
    .categories .button{margin-top: 20px;}
}

/* ===ADVANTAGES=== */

.advantages{position: relative;}

.advantages__image
{
	position: absolute;
	bottom: -5px;
    right: -20px;
	background: url(/images/software-bg.webp) center no-repeat;
	background-size: cover;
	height: 455px;
	width: 666px;
}
@media (max-width: 1399.98px) 
{
	.advantages__image
	{
		height: 476px;
		width: 600px;
	}
}
@media (max-width: 1199.98px) 
{
    .advantages__image{width: 395px;}
}
@media (max-width: 991.98px) 
{
    .advantages__image
	{
		position: unset;
		margin-top: 30px;
		width: 100%;
	}
}
@media (max-width: 767.98px) 
{
    .advantages__image
	{
		margin-top: 40px;
		height: 205px;
	}
}

.advantages__top{gap: 28px;}
@media (max-width: 991.98px) 
{
    .advantages__top
	{
		gap: unset;
		flex-wrap: wrap;
	}
}
	
.advantages__content{width: 50%;}
@media (max-width: 1199.98px) 
{
    .advantages__content--single{width: 62%;}
}
@media (max-width: 991.98px) 
{
    .advantages__content{width: 100%;}
}

.advantages__media
{
	width: 49%;
	aspect-ratio: 1.28 / 1;
}
@media (max-width: 991.98px) 
{
    .advantages__media
	{
		width: 100%;
		height: 400px;
		margin-top: 30px;
		aspect-ratio: auto;
	}
}
@media (max-width: 767.98px)
{
	.advantages__media{height: 200px;}
}

.advantages__description{margin-top: 30px;}
@media (max-width: 1399.98px) 
{
	.advantages__content--single .advantages__description{min-height: 135px;}
}
@media (max-width: 991.98px) 
{
	.advantages__content--single .advantages__description{min-height: auto;}
}
@media (max-width: 767.98px)
{
	.advantages__description--mobile
	{
		max-height: 153px;
		overflow: hidden;
		position: relative;
		transition: max-height .45s ease;
	}

	.advantages__description--mobile::after
	{
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 45px;
		background: linear-gradient(180deg, rgba(41, 41, 43, 0) 0%, var(--glass-700) 100%);
		pointer-events: none;
		opacity: 1;
		transition: opacity .3s ease;
	}

	.advantages__description--mobile.is-open
	{
		max-height: 700px;
	}

	.advantages__description--mobile.is-open::after
	{
		opacity: 0;
	}
}

.advantages__docs{margin-top: 60px;}
@media (max-width: 991.98px) 
{
	.advantages__docs{margin-top: 30px;}
}
@media (max-width: 767.98px) 
{
	.advantages__docs
	{
		margin-top: 40px;
		flex-direction: column;
		gap: 30px;
	}
}

.advantages__doc{gap: 10px;}

.advantages__doc img
{
	height: 48px;
	width: 37px;
}

.advantages__doc .flex
{
	flex-direction: column;
	gap: 10px;
}

.advantages__doc .button
{
	height: auto;
	padding: 0;
	transition: color .3s ease;
	will-change: color;
}

@media (hover: hover)
{
	.advantages__doc:hover .button
	{
		background: unset;
		color: var(--primary-color);
	}
}

.advantages__doc .button:before{filter: var(--invert-filter);}

.advantages__text:not(:first-child){margin-top: 20px;}

.advantages__show
{
	color: var(--primary-color);
	margin-top: 10px;
	display: none;
}
@media (max-width: 767.98px) 
{
	.advantages__show{display: block;}
}

.advantages__numbers{margin-top: 80px;}
@media (max-width: 991.98px) 
{
    .advantages__numbers
	{
		flex-wrap: wrap;
		margin-top: 40px;
		justify-content: space-evenly;
        gap: 5%;
		row-gap: 30px;
	}
}
@media (max-width: 767.98px) 
{
    .advantages__numbers
	{
		flex-wrap: wrap;
		margin-top: 40px;
		justify-content: unset;
        gap: unset;
		row-gap: 70px;
	}
}

.advantages__number{position: relative;}
@media (max-width: 767.98px) 
{
	.advantages__number{width: 290px;}
}

.advantages__number--1st{width: 39%;}
@media (max-width: 991.98px) 
{
    .advantages__number--1st{width: 400px;}
}
@media (max-width: 767.98px) 
{
	.advantages__number--1st{width: 290px;}
}

.advantages__number--2nd{width: 29%;}
@media (max-width: 991.98px) 
{
    .advantages__number--2nd{width: 290px;}
}
@media (max-width: 767.98px) 
{
    .advantages__number--2nd
	{
		margin-left: auto;
		text-align: right;
	}
}

.advantages__number--3rd{width: 32%;}
@media (max-width: 991.98px) 
{
    .advantages__number--3rd
	{
		width: 515px;
		padding-left: 150px;
	}
}
@media (max-width: 767.98px) 
{
	.advantages__number--3rd
	{
		width: 290px;
		padding-left: 0;
	}
}

.advantages__value
{
	color: transparent;
    -webkit-text-stroke: 1px var(--primary-color);
    text-stroke: 1px var(--primary-color);
    -webkit-background-clip: text;
    background-clip: text;
	font: 600 172px / 172px Onest;
}
@media (max-width: 1399.98px) 
{
    .advantages__value{font: 600 145px / 145px Onest;}
}
@media (max-width: 1199.98px) 
{
    .advantages__value{font: 600 120px / 120px Onest;}
}
@media (max-width: 767.98px) 
{
    .advantages__value{font: 600 114px / 114px Onest;}
}

@supports not (-webkit-text-stroke: 1px #000)
{
	.advantages__value
	{
		color: var(--white);
		text-shadow: 1px 0 var(--primary-color), -1px 0 var(--primary-color), 0 1px var(--primary-color), 0 -1px var(--primary-color), 1px 1px var(--primary-color), -1px 1px var(--primary-color), 1px -1px var(--primary-color), -1px -1px var(--primary-color);
	}
}

.advantages__note
{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px;
	font: 400 18px / 21px Onest;
}
@media (max-width: 1199.98px) 
{
    .advantages__note
	{
		font: 400 16px / 19px Onest;
		bottom: -20px;
	}
}
@media (max-width: 991.98px) 
{
    .advantages__note
	{
		bottom: 0;
		padding-right: 0;
	}
}
@media (max-width: 767.98px) 
{
    .advantages__note
	{
		top: 87px;
		font: 400 14px / 16px Onest;
		height: fit-content;
	}
}

.advantages__note--1st{width: 255px;}
@media (max-width: 1399.98px) 
{
    .advantages__note--1st{width: 225px;}
}
@media (max-width: 1199.98px) 
{
    .advantages__note--1st{width: 200px;}
}
@media (max-width: 767.98px) 
{
    .advantages__note--1st{width: 180px;}
}

.advantages__note--2nd{width: 240px;}
@media (max-width: 1199.98px) 
{
    .advantages__note--2nd{width: 211px;}
}
@media (max-width: 767.98px) 
{
    .advantages__note--2nd
	{
		text-align: left;
		left: 0;
		width: 185px;
	}
}

.advantages__note--3rd{width: 245px;}
@media (max-width: 1399.98px) 
{
    .advantages__note--3rd{width: 185px;}
}
@media (max-width: 1199.98px) 
{
    .advantages__note--3rd{width: 165px;}
}
@media (max-width: 991.98px) 
{
    .advantages__note--3rd{width: 255px;}
}
@media (max-width: 767.98px) 
{
    .advantages__note--3rd{width: 180px;}
}

.advantages__footer{margin-top: 40px;}
@media (max-width: 767.98px) 
{
    .advantages__footer{margin-top: 70px;}
	
	.advantages--image .advantages__footer{margin-top: 0;}
}

.advantages__list
{
	border-top: 1px solid var(--grey-600);
	padding-top: 60px;
	gap: 65px;
	display: flex;
}
@media (max-width: 1439.98px) 
{
    .advantages__list{gap: 55px;}
}
@media (max-width: 1399.98px) 
{
    .advantages__list
	{
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media (max-width: 1199.98px) 
{
    .advantages__list{gap: 25px;}
}
@media (max-width: 767.98px) 
{
    .advantages__list
	{
		padding-top: 40px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap: 20px;
        column-gap: 0;
	}
}

.advantages__item{gap: 15px;}
@media (max-width: 767.98px) 
{
    .advantages__item
	{
		flex-direction: column;
		text-align: center;
	}
}

/* ===VIDEO=== */

.video
{
	border-radius: 50px;
	position: relative;
	overflow: hidden;
	max-height: 425px;
}

.video__item
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.video__play
{
	position: absolute;
	height: 80px;
	width: 80px;
	background: var(--white) url(/images/icon-play.svg) 55% center no-repeat;
	border-radius: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 1;
}

.video.is-playing .video__play{display: none;}

@media (max-width: 1199.98px)
{
	.video__play
	{
		height: 60px;
		width: 60px;
	}
}

/* ===CONTACTS=== */

.contacts{margin-top: 40px;}
@media (max-width: 767.98px) 
{
    .contacts{margin-top: 30px;}
}

.contacts--page{margin: 60px 0;}
@media (max-width: 767.98px) 
{
    .contacts--page{margin: 40px 0;}
}

.contacts__item
{
	background: var(--white);
	padding: 60px;
	border-radius: 40px;
}
@media (max-width: 767.98px) 
{
    .contacts__item
	{
		padding: 40px 15px;
		border-radius: 20px;
	}
}

.contacts__item + .contacts__item{margin-top: 30px;}
@media (max-width: 767.98px) 
{
	.contacts__item + .contacts__item{margin-top: 20px;}
}

.contacts__info
{
	margin-top: 15px;	
	gap: 15px;
}
@media (max-width: 1199.98px) 
{
    .contacts__info{flex-wrap: wrap;}
}
@media (max-width: 767.98px) 
{
    .contacts__info
	{
		font-size: 16px;
		line-height: 19px;
		row-gap: 5px;
		margin-top: 15px;
	}
	
	.contacts__info--page{row-gap: 30px;}
}

.contacts__info--1st{margin-top: 20px;}

.contacts__info--link{gap: 30px;}
@media (max-width: 767.98px) 
{
    .contacts__info--link
	{
		gap: 10px;
		flex-direction: column;
	}
}

.contacts__info--inner{margin-top: 30px;}
@media (max-width: 767.98px) 
{
	.contacts__info--inner
	{
		flex-direction: column;
		row-gap: 30px;
	}
}

.contacts__info--inner > div:first-child{width: 600px;}
@media (max-width: 767.98px) 
{
	.contacts__info--inner > div:first-child{width: auto;}
}

.contacts__address
{
	flex-shrink: 0;
	font-size: 20px;
}
@media (max-width: 767.98px) 
{
    .contacts__address{font-size: 18px;}
}

.contacts__grid
{
	display: grid;
	margin-top: 20px;	
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}
@media (max-width: 767.98px) 
{
    .contacts__grid
	{
		grid-template-columns: 1fr;
		gap: 40px;
	}
}

.contacts__desc{max-width: 640px;}
@media (max-width: 767.98px) 
{
	.contacts__desc{max-width: 100%;}
}

.contacts__title
{
	font: 600 26px / 32px Onest;
	margin-top: 50px;
}
@media (max-width: 767.98px) 
{
	.contacts__title
	{
		font: 600 18px / 22px Onest;
		margin-top: 30px;
	}
}

.contacts__header
{
	margin-bottom: 10px;
	display: block;
}

/* ===MAP=== */

.map{padding-top: 40px;}
@media (max-width: 767.98px) 
{
	.map{padding-top: 20px;}
}


.map__content
{
	background: var(--grey-200);
	border-radius: 50px;
	height: 470px;
	overflow: hidden;
}
@media (max-width: 767.98px) 
{
    .map__content
	{
		height: 300px;
		border-radius: 20px;
	}
}

.ymaps3--button{color: var(--black);}
/* ===FAQ=== */

.faq
{
	gap: 30px;
	margin-top: 40px;
}
@media (max-width: 991.98px) 
{
    .faq
	{
		gap: unset;
		flex-wrap: wrap;
		flex-direction: column;
	}
}
@media (max-width: 767.98px) 
{
    .faq{margin-top: 30px;}
}

.faq__left{width: 80%;}
@media (max-width: 991.98px) 
{
	.faq__left{width: 100%;}
}

.faq__block{border-radius: 40px;}
@media (max-width: 767.98px) 
{
    .faq__block{border-radius: 20px;}
}

.faq__list
{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media (max-width: 767.98px) 
{
	.faq__list{gap: 10px;}
}

.faq__block
{
	border-radius: 40px;
	overflow: hidden;
}
@media (max-width: 767.98px) 
{
    .faq__block{border-radius: 20px;}
}

.faq__question
{
	cursor: pointer;
	user-select: none;
}

.faq__title
{
	font: 600 16px / 20px Onest;
	position: relative;
	text-align: left;
	padding: 30px 80px 30px 40px;
}
@media (max-width: 767.98px) 
{
    .faq__title{padding: 20px 60px 20px 20px;}
}

.faq__title::after
{
	content: '';
	position: absolute;
	height: 18px;
	width: 18px;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	background: url(/images/icon-chevron.svg) center no-repeat;
	background-size: contain;
	transition: transform .3s ease;
}
@media (max-width: 767.98px) 
{
    .faq__title::after{right: 20px;}
}

.faq__block--opened .faq__title::after{transform: translateY(-50%) rotate(180deg);}

.faq__title span
{
	padding-right: 40px;
	display: inline-block;
}
@media (max-width: 767.98px) 
{
	.faq__title span{padding-right: 0;}
}

.faq__answer
{
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows .3s ease;
}

.faq__block--opened .faq__answer{grid-template-rows: 1fr;}

.faq__box
{
	min-height: 0;
	overflow: hidden;
}

.faq__content
{
	position: relative;
	margin: 0 40px;
	padding: 30px 0;
	font: 400 14px / 17px Onest;
}
@media (max-width: 767.98px) 
{
    .faq__content
	{
		margin: 0 20px;
		padding: 20px 0;
	}
}

.faq__content::before
{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: var(--glass-200);
}

.faq__content > p,
.faq__content > ul,
.faq__content > ol
{
	padding: 20px 0;
}
@media (max-width: 767.98px) 
{
	.faq__content > p,
	.faq__content > ul,
	.faq__content > ol
	{
		padding: 10px 0;
	}
}

.faq__content > p + ul,
.faq__content > p + ol
{
	padding-top: 0;
}

.faq__content b{color: var(--black);}

.faq__form
{
	padding: 60px;
	border-radius: 50px;
	width: 565px;
	box-sizing: border-box;
	position: relative;
}
@media (max-width: 1199.98px) 
{
    .faq__form
	{
		width: 440px;
		padding: 40px;
	}
}
@media (max-width: 991.98px) 
{
	.faq__form
	{
		width: 100%;
		margin-top: 40px;
	}
}
@media (max-width: 767.98px) 
{
	.faq__form
	{
		margin-top: 30px;
		border-radius: 20px;
		padding: 40px 20px;
	}
}

.faq__subtitle
{
	margin: 14px 0 20px 0;
	width: 407px;
}
@media (max-width: 1199.98px) 
{
    .faq__subtitle{width: auto;}
}

.faq__form .form__field
{
	margin-top: 40px;
	position: relative;
}

.faq__form .form__field:not(:first-child){margin-top: 30px;}

div.faq__button
{
	margin: 30px 0 15px 0;
	width: fit-content;
}
@media (max-width: 767.98px) 
{
	div.faq__button{margin: 30px 0 20px 0;}
}

/* ===USEFUL=== */
.useful--main{padding-top: 100px;}
@media (max-width: 767.98px) 
{
    .useful--main{padding-top: 60px;}
}

#jsUsefulInformation
{
	margin: 40px 0 0;
	width: 584px;
	overflow: unset;
}
@media (max-width: 767.98px) 
{
	#jsUsefulInformation
	{
		margin: 30px 0 0;
		width: auto;
		overflow: hidden;
	}	
}

#jsUsefulInformation .swiper-slide{width: auto !important;}
@media (max-width: 767.98px) 
{
	#jsUsefulInformation .swiper-slide{width: 100% !important;}
}

#jsUsefulInformation + .swiper__footer{margin-top: 30px;}
@media (max-width: 767.98px) 
{
	#jsUsefulInformation + .swiper__footer
	{
		margin-top: 15px;
		flex-direction: column-reverse;
	}
	
	.useful .swiper__button
	{
		margin-top: 30px;
		width: fit-content;
	}
}

#jsUsefulInformation + .swiper__footer .swiper__buttons{gap: 20px;}
@media (max-width: 767.98px) 
{
    #jsUsefulInformation + .swiper__footer .swiper__buttons{justify-content: space-between;}
}

#jsUsefulInformation + .swiper__footer .swiper__next,
#jsUsefulInformation + .swiper__footer .swiper__prev
{
	background: var(--white);
	height: 56px;
	width: 56px;
	border-radius: 50px;
	cursor: pointer;
	transition: .3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	border: 1px solid var(--primary-color);
	will-change: background-color, color;
}
@media (max-width: 767.98px) 
{
    #jsUsefulInformation + .swiper__footer .swiper__next,
	#jsUsefulInformation + .swiper__footer .swiper__prev
	{
		height: 40px;
		width: 40px;
	}
}

@media (hover: hover) 
{
	#jsUsefulInformation + .swiper__footer .swiper__next:hover,
	#jsUsefulInformation + .swiper__footer .swiper__prev:hover
	{
		background: var(--primary-color);
		border-color: var(--primary-color);
	}
}

#jsUsefulInformation + .swiper__footer .swiper__prev:before,
#jsUsefulInformation + .swiper__footer .swiper__next:before
{
	content: '';
	display: block;
	background: url(/images/icon-arrow.svg) center no-repeat;
	height: 18px;
	width: 18px;
	transition: .3s ease;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	will-change: filter;
}

#jsUsefulInformation + .swiper__footer .swiper__next:before{transform: rotate(180deg);}

@media (hover: hover) 
{
	#jsUsefulInformation + .swiper__footer .swiper__next:hover:before,
	#jsUsefulInformation + .swiper__footer .swiper__prev:hover:before
	{
		filter: var(--white-filter);
	}
}

#jsUsefulInformation + .swiper__footer .swiper__pagination
{
	width: auto;	
    align-items: center;
	display: none;
	gap: 8px;
}
@media (max-width: 767.98px) 
{
    #jsUsefulInformation + .swiper__footer .swiper__pagination{display: flex;}
}

#jsUsefulInformation + .swiper__footer .swiper-pagination-bullet
{
	width: 14px;
    height: 14px;
    margin: 0 !important;
    border-radius: 50%;
    background: var(--grey-200);
    opacity: 1;
}

#jsUsefulInformation + .swiper__footer .swiper-pagination-bullet-active{background: var(--primary-color);}

/* ===ARTICLE=== */

.article
{
	margin: 60px 0 40px 0;
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1199.98px) 
{
	.article{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 767.98px) 
{
	.article
	{
		grid-template-columns: repeat(1, 1fr);
		margin: 40px 0 20px 0;
	}
}

.article__element
{
	border-radius: 40px;
	padding: 0 0 40px 40px;
	background: var(--white);
	width: min-content;
	transition: .3s ease;
}
@media (max-width: 767.98px) 
{	
	.article__element
	{
		border-radius: 20px;
		padding: 0 0 20px 0;
		width: auto;
		height: 325px;
	}
	
	.article__top
	{
		flex-direction: column-reverse;
		position: relative;
	}
}

.article__element--list
{
	width: auto;	
	position: relative;
}
@media (max-width: 991.98px) 
{ 
	.article__element--list{padding: 0 0 20px 20px;}   
}
@media (max-width: 767.98px) 
{ 
	.article__element--list{padding: 0 0 20px 0;}   
}

@media (hover: hover) 
{
	.article__element:hover{transform: scale(1.035);}
}

@supports not (width: min-content)
{
	.article__element
	{
		display: inline-block;
		width: auto;
		max-width: 100%;
	}
}

.article__element--fixed::after 
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--primary-color);
    border-radius: 41px;
    box-sizing: border-box;
    background: transparent;
    pointer-events: none;
    z-index: 1;
}
@media (max-width: 767.98px) 
{
	.article__element--fixed::after{border-radius: 20px;}
}

.article__tag
{
	margin-top: 40px;
	font-weight: 500;
	color: var(--black);
	background: var(--glass-100);
	padding: 6px 12px;
	transition: .3s ease;
	width: fit-content;
}
@media (max-width: 767.98px) 
{
    .article__tag
	{
		margin-top: 0;
		position: absolute;
		top: 151px;
		right: 0;
		font-size: 12px;
	}
}

@supports not (width: min-content)
{
	.article__tag
	{
		display: inline-flex;
		width: auto;
	}
}

.article__title
{
	font-weight: 700;
	margin: 36px 36px 0 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 4;
	text-overflow: ellipsis;
	width: 296px;
	height: 75px;
}
@media (max-width: 767.98px) 
{
    .article__title
	{
		margin: 10px 20px 0 20px;
		font: 700 16px / 19px Onest;
		-webkit-line-clamp: 3;
		height: auto;
		width: auto;
	}
}

.article__title--list
{
	width: auto;
	margin: 20px 24px 0 0;
}
@media (max-width: 767.98px) 
{   
	.article__title--list{margin: 10px 20px 0 20px;}
}

@supports not (-webkit-line-clamp: 1)
{
	.article__title
	{
		display: block;
		overflow: hidden;
		line-height: 19px;
		max-height: 76px;
	}
}

.article__image
{
	width: 210px;
	height: 180px;
	border-radius: 0 40px 0 0;
	overflow: hidden;
	flex-shrink: 0;
}
@media (max-width: 767.98px) 
{
    .article__image
	{
		width: 100%;
		height: 180px;
		border-radius: 20px 20px 0 0;
	}
}

.article__image--list
{
	width: 180px;
	height: 165px;
}
@media (max-width: 1399.98px) 
{   
	.article__image--list{width: 160px;}
}
@media (max-width: 767.98px) 
{
    .article__image--list 
	{
        width: 100%;
        height: 180px;
	}
}

.article__image img
{
	width: 100%;
	height: 100%;
    object-fit: cover;
}

.article__description
{
	color: var(--grey-600);
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;  
	-webkit-line-clamp: 3;
	text-overflow: ellipsis;
	margin-top: 24px;
	padding-right: 40px;
	font: 400 14px / 17px Onest;
	height: 52px;
}
@media (max-width: 767.98px) 
{
	.article__description
	{
		margin-top: 10px;
		padding: 0 20px;
		-webkit-line-clamp: 4;
		height: auto;
	}
}

.article__description--list
{
	-webkit-line-clamp: 4;
	height: 70px;
}

@supports not (-webkit-line-clamp: 1)
{
	.article__description
	{
		display: block;
		overflow: hidden;
		line-height: 17px;
		max-height: 51px;
	}
}

.article--detail{display: block;}
@media (max-width: 767.98px) 
{
	.article--detail{margin-top: 0;}
}

.article__container
{
	display: flex;
	gap: 20px;
}
@media (max-width: 767.98px) 
{
	.article__container
	{
		flex-direction: column;
		gap: 40px;
		padding: 0;
	}
}

.article__content
{
	flex: 1 1 auto;
	padding: 40px;
	background: var(--white);
	border-radius: 40px;
}
@media (max-width: 767.98px) 
{    
	.article__content
	{
		border-radius: 0;
		padding: 40px 15px;
	}
}

.article__content video
{
	width: 100%;
	height: auto;
	max-height: 537px;
}

.article__content img
{
	width: 100%;
	height: auto;
}

.article__content > * + p{margin-top: 30px;}
@media (max-width: 767.98px) 
{    
	.article__content > * + p{margin: 15px 0;}
}

.article__content > * + ul{margin-top: 30px;}
@media (max-width: 767.98px) 
{    
	.article__content > * + ul{margin: 15px 0;}
}

.article__content > * + img{margin-top: 30px;}
@media (max-width: 767.98px) 
{    
	.article__content > * + img{margin: 15px 0;}
}

.article__content > * + div{margin-top: 30px;}
@media (max-width: 767.98px) 
{    
	.article__content > * + div{margin: 15px 0;}
}

.article__content > * + ol{margin-top: 30px;}
@media (max-width: 767.98px) 
{    
	.article__content > * + ol{margin: 15px 0;}
}

.article__content ul
{
	line-height: 25px;
    padding-left: 20px;
}
@media (max-width: 767.98px) 
{
	.article__content ul{line-height: 20px;}
}

.article__content.text ul li::before{top: 11px;}

.article__other{flex: 0 0 345px;}
@media (max-width: 767.98px) 
{    
	.article__other
	{
		flex: 0 0 auto;
		padding: 0 15px;
	}
}

.article__header{font: 600 26px / 26px Onest;}
@media (max-width: 767.98px) 
{    
	.article__header{font: 600 18px / 20px Onest;}
}

.article__box
{
	margin-top: 30px;
	display: flex;
	gap: 20px;
	flex-direction: column;
}
@media (max-width: 767.98px) 
{    
	.article__box
	{
		margin-top: 20px;
		gap: 10px;
	}
}

/* ===MENU=== */

.menu
{
	background: var(--white);
	border-radius: 30px;
	overflow: hidden;
}
@media (max-width: 767.98px) 
{
	.menu{display: none;}
}

.menu__list,
.menu__items
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__head
{
	display: flex;
	align-items: center;
	position: relative;
	justify-content: space-between;
	padding: 20px 30px;
	font: 600 18px / 23px Onest;
	color: inherit;
	text-decoration: none;
	transition: background-color .3s ease, color .3s ease;
	box-sizing: border-box;
	cursor: pointer;
	user-select: none;
}

.menu__head::after
{
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	margin-left: 12px;
	flex: 0 0 18px;
	background: url(/images/icon-chevron.svg) center no-repeat;
	background-size: contain;
	filter: var(--orange-filter);
	transition: transform .3s ease, filter .3s ease;
}

.menu__head--main
{
	background: var(--primary-color);
	color: var(--white);
	border-radius: 20px 20px 0 0;
}

.menu__head--main::after{filter: var(--white-filter);}

.menu--opened > .menu__head::after,
.menu__section--opened > .menu__head::after
{
	transform: rotate(180deg);
}

.menu__head--link
{
	cursor: pointer;
	user-select: auto;
}

.menu__head--link::after
{
	background-image: url(/images/icon-arrow.svg);
	transform: rotate(180deg);
}

.menu__body,
.menu__panel
{
	display: grid;
	grid-template-rows: 0fr;
	overflow: hidden;
	transition: grid-template-rows .3s ease;
}

.menu--opened > .menu__body,
.menu__section--opened > .menu__panel
{
	grid-template-rows: 1fr;
}

.menu__inner
{
	min-height: 0;
	overflow: hidden;
}

.menu__panel .menu__inner{padding: 0 30px 0 40px;}

.menu--opened .menu__list{padding-bottom: 5px;}

.menu__list > .menu__section > .menu__head{transition: color .3s ease;}

.menu__list > .menu__section > .menu__head::before
{
	content: '';
	position: absolute;
	left: 25px;
	right: 25px;
	top: 0;
	height: 1px;
	background: var(--glass-200);
}

@media (hover: hover) 
{
	.menu__list > .menu__section > .menu__head:hover{color: var(--primary-color);}
}

.menu__list > .menu__section:first-child > .menu__section > .menu__head{padding-top: 27px;}

.menu__list > .menu__section > .menu__section > .menu__head::before
{
	content: '';
	position: absolute;
	left: 25px;
	right: 25px;
	bottom: 0;
	height: 1px;
	background: var(--glass-200);
	opacity: 0;
	transition: opacity .18s ease .12s;
}

.menu__list > .menu__section > .menu__section--opened > .menu__head::before
{
	opacity: 1;
	transition-delay: 0s;
}

.menu__item
{
	padding: 6px 0;
	font: 400 16px / 21px Onest;
}

.menu__item:first-child{padding-top: 20px;}

.menu__item:last-child{padding-bottom: 20px;}

.menu__item::before
{
	content: '';
	display: block;
	width: 10px;
	height: 2px;
	margin-right: 10px;
	background: #D5D5D6;
	flex-shrink: 0;
	align-self: flex-start;
	margin-top: 9px;
}

.menu__link.is-active{color: var(--primary-color);}

/* ===CATALOG=== */

.catalog{margin-top: 60px;}
@media (max-width: 767.98px) 
{
    .catalog{margin-top: 20px;}
}

.catalog__box{gap: 20px;}
@media (max-width: 767.98px) 
{
    .catalog__box
	{
		flex-wrap: nowrap;
		gap: 0;
		flex-direction: column;
	}
	
	.catalog__box > * 
	{
		width: 100%;
		min-width: 0;
		max-width: 100%;
		flex: none;
	}
}

.catalog__left
{
	width: 344px;
	flex: 0 0 344px;
}
@media (max-width: 767.98px) 
{
    .catalog__left
	{
		width: 100%;
		max-width: 100%;
		flex: none;
		min-width: 0;
	}
}

.catalog__right
{
	flex: 1 1 0%;
	min-width: 0;
	max-width: 100%;
}
@media (max-width: 1199.98px)
{
	.catalog__right{width: 100%;}
}
@media (max-width: 767.98px)
{
	.catalog__right
	{
		flex: none;
		max-width: 100%;
	}
}

.catalog__partition:not(:first-child){margin-top: 60px;}
@media (max-width: 767.98px) 
{
	.catalog__partition:first-child{margin-top: 20px;}
	
    .catalog__partition:not(:first-child){margin-top: 40px;}
}

.catalog__header{font: 600 26px / 26px Onest;}
@media (max-width: 767.98px) 
{
    .catalog__header{font: 600 18px / 22px Onest;}
}

.catalog__list
{
	margin-top: 30px;
	gap: 20px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	min-width: 0;
}
@media (max-width: 1399.98px) 
{
    .catalog__list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 991.98px) 
{
    .catalog__list{grid-template-columns: repeat(1, minmax(0, 1fr));}
}
@media (max-width: 767.98px) 
{
    .catalog__list
	{
		gap: 10px;
		margin-top: 20px;
	}
	
    .catalog__list--tile{grid-template-columns: repeat(2, minmax(0, 1fr));}
}

.catalog__list--quad{grid-template-columns: repeat(4, minmax(0, 1fr));}
@media (max-width: 1399.98px) 
{
    .catalog__list{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (max-width: 991.98px) 
{
    .catalog__list{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767.98px) 
{
    .catalog__list{grid-template-columns: repeat(1, minmax(0, 1fr));}
}

.catalog__list--section{margin-top: 0;}
@media (max-width: 767.98px) 
{
	.catalog__list--section{margin-top: 40px;}
}

.catalog__list--tab{margin-top: 0;}

.catalog__element
{
	background: var(--white);
	border-radius: 30px;
	padding: 25px 30px 30px;
	box-sizing: border-box;
	cursor: pointer;
	transition: transform .3s ease;
	overflow: hidden;
	position: relative;
}
@media (max-width: 767.98px) 
{
    .catalog__element
	{
		border-radius: 20px;
		padding: 20px;
	}
	
	.catalog__element--tile{padding: 15px;}
}

@media (hover: hover) 
{
	.catalog__element:hover{transform: scale(1.035);}
	
	.catalog__element:hover a{color: var(--primary-color);}
}

.catalog__wrapper
{
	margin: 0 30px;	
	border-top: 1px solid var(--glass-200);
	position: relative;
}
@media (max-width: 767.98px) 
{
	.catalog__wrapper{margin: 0 20px;}
}

.catalog__element--section{padding: 25px 0 30px;}

.catalog__element--tab
{
	border: 1px solid var(--grey-100);
	border-radius: 30px;
}
@media (max-width: 767.98px) 
{
	.catalog__element--tab{border-radius: 20px;}
}

.catalog__title
{
	padding-bottom: 17px;
	border-bottom: 1px solid var(--glass-200);
	font: 600 17px / 21px Onest;
}
@media (max-width: 767.98px) 
{
	.catalog__title
	{
		font: 600 16px / 19px Onest;
		padding-bottom: 10px;
	}
	
    .catalog__title--tile
	{
		border-bottom: unset;
		padding: 0;
		font: 600 14px / 120% Onest;
	}
}

.catalog__title:after
{
	content: '';
	display: block;
	background: url(/images/icon-arrow.svg) center no-repeat;
	filter: var(--orange-filter);
	height: 24px;
	width: 24px;
	transform: rotate(180deg);
	flex-shrink: 0;
}
@media (max-width: 767.98px) 
{
    .catalog__title--tile:after{display: none;}
}

.catalog__title span,
.catalog__title a
{
	padding-right: 10px;
	height: 45px;
}
@media (max-width: 991.98px) 
{
	.catalog__title span,
	.catalog__title a
	{
		height: auto;
	}
}
@media (max-width: 767.98px) 
{
	.catalog__title span,
	.catalog__title a
	{
		padding-right: 20px;
	}
	
    .catalog__title--tile a
	{
		overflow: hidden;
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		text-overflow: ellipsis;
		height: 33px;
		padding: 0;
	}
	
	@supports not (-webkit-line-clamp: 1)
	{
		.catalog__title--tile a
		{
			display: block !important;
			overflow: hidden;
			line-height: 16.8px;
			max-height: 33px;
		}
	}
}

.catalog__image 
{
	height: 180px;
	width: 100%;
	margin-top: 10px;
	align-items: center;
}
@media (max-width: 1399.98px) 
{
    .catalog__image{justify-self: center;}
}
@media (max-width: 1199.98px) 
{
    .catalog__image{height: 150px;}
}
@media (max-width: 767.98px) 
{
    .catalog__image{height: 140px;}
	
    .catalog__image--tile
	{
		margin-top: 5px;
		height: 70px;
		width: 100%;
	}
}

.catalog__image img 
{
    width: 100%;
    height: auto;
	max-height: 180px;
    object-fit: contain;
}
@media (max-width: 1199.98px) 
{
	.catalog__image img{max-height: 150px;}
}
@media (max-width: 767.98px) 
{
	.catalog__image img{max-height: 140px;}
	
    .catalog__image--tile img
	{
		object-fit: contain;
		max-height: 60px;
	}
}

.catalog__element--section .catalog__image img{max-height: unset;} 

.catalog__text 
{
    color: var(--grey-600);
	font: 400 14px / 17px Onest;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	text-overflow: ellipsis;
	height: 70px;
	margin-top: 10px;
}

@media (max-width: 991.98px) 
{    
	.catalog__text{height: auto;}
}

@supports not (-webkit-line-clamp: 1)
{
	.catalog__text
	{
		display: block;
		overflow: hidden;
		line-height: 17px;
		max-height: 70px;
	}
}

@media (max-width: 991.98px) 
{
	.catalog__text--tile{height: auto;}
}
@media (max-width: 767.98px) 
{
	.catalog__text--tile{display: none;}
}

.catalog__title--section.icon--wave:before
{
	content: '';
    display: block;
    background: url(/images/icon-wave.svg) center no-repeat;
    background-size: cover;
    height: 15px;
    width: 15px;
    margin-right: 5px;
    flex-shrink: 0;
}

.catalog__title--section:after{display: none;}

.catalog__title--section
{
	font: 400 14px / 18px Onest;
	border: unset;
	padding: 0;
	position: relative;
	padding: 0 30px;
}
@media (max-width: 767.98px) 
{
	.catalog__title--section{padding: 0 20px;}
}

.catalog__title--section span
{	
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	text-overflow: ellipsis;
	height: 36px;
	color: var(--grey-500);
	transition: color .3s ease;
	will-change: color;
	padding-right: 35px;
}
@media (max-width: 767.98px) 
{
    .catalog__title--section span{padding-right: 0;}
}

@media (hover: hover)
{
	.catalog__element:hover .catalog__title--section span{color: var(--primary-color);}
}

.catalog__image--section{padding-bottom: 10px;}
@media (max-width: 1399.98px) 
{
    .catalog__image--section{height: calc(100vw / 5);}
}
@media (max-width: 1199.98px) 
{
    .catalog__image--section
	{
		height: calc(100vw / 5.8);
		max-height: 230px;
		min-height: 190px;
	}
}
@media (max-width: 991.98px) 
{
    .catalog__image--section
	{
		height: calc(100vw / 3.2);
        max-height: 320px;
	}
}
@media (max-width: 767.98px) 
{
    .catalog__image--section
	{
		height: calc(100vw / 2);
        max-height: 230px;
		min-height: 170px;
	}
}

.catalog__text--section
{
	margin-top: 20px;
	font: 700 16px / 19px Onest;
	color: var(--black);
	-webkit-line-clamp: 3;
	height: 55px;
}
@media (max-width: 767.98px) 
{
    .catalog__text--section
	{
		margin-top: 10px;
		height: auto;
	}
}

.catalog__desc
{
	margin-top: 10px;
	font: 400 14px / 17px Onest;
	color: var(--grey-600);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	text-overflow: ellipsis;
    height: 68px;
    overflow: hidden;
}
@media (max-width: 767.98px) 
{
	.catalog__desc
	{
		-webkit-line-clamp: 3;
		height: 52px;
	}
}

.catalog__desc--section{height: 51px;}
@media (max-width: 991.98px) 
{
	.catalog__desc--section{height: auto;}
}

.catalog__top
{
	display: grid;
	grid-template-columns: 460px minmax(0, 1fr);
	gap: 20px;
	align-items: stretch;
}
@media (max-width: 1399.98px)
{
	.catalog__top{grid-template-columns: 400px minmax(0, 1fr);}
}
@media (max-width: 1199.98px)
{
	.catalog__top
	{
		display: flex;
		flex-direction: column;
		gap: 0;
	}
}

.catalog__slider
{
	width: 100%;
	min-width: 0;
}
@media (max-width: 1199.98px)
{
	.catalog__slider{order: 1;}
}

.catalog__slider .jsCatalogSliderPreview
{
	margin-top: 20px;
	overflow: hidden;
}
@media (max-width: 767.98px) 
{
    .catalog__slider .jsCatalogSliderPreview{margin-top: 10px;}
}

.catalog__slider .swiper.is-ready
{
	opacity: 1;
	visibility: visible;
}

.catalog__slide
{
	cursor: pointer;
	background: var(--white);
	position: relative;
	height: 430px;
	border-radius: 30px;
	overflow: hidden;
	box-sizing: border-box;
}
@media (max-width: 767.98px) 
{
	.catalog__slide
	{
		border-radius: 20px;
		height: 240px;
	}
}

.catalog__slide .swiper-wrapper{height: 100%;}

.catalog__slide .swiper-slide
{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.catalog__slide .swiper-slide img
{
	width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: cover;
	display: block;
}

.catalog__tags
{
	gap: 20px;
	position: absolute;
	top: 20px;
	left: 20px;	
	z-index: 2;
}
@media (max-width: 767.98px) 
{
	.catalog__tags{gap: 10px;}
}

.catalog__tag
{
	
	background: #44B727;
	color: var(--white);
	padding: 10px 20px;
	border-radius: 60px;
}
@media (max-width: 767.98px) 
{
	.catalog__tag{padding: 5px 15px;}
}

.catalog__tag--discontinued{background: var(--grey-300);}

.catalog__tag--available{background: var(--primary-color);}

.catalog__sign
{
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(/images/icon-sign.svg) center no-repeat;
	width: 40px;
	height: 40px;
	z-index: 2;
}
@media (max-width: 767.98px) 
{
    .catalog__sign
	{
		width: 27px;
		height: 27px;
		background-size: cover;
	}
}

.jsCatalogSliderPreview.is-centered .catalog__preview
{
	justify-content: center;
	transform: none !important;
}

.catalog__preview .swiper-slide
{
	width: 140px !important;
	height: 100px;
	border-radius: 20px;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
@media (max-width: 767.98px) 
{
    .catalog__preview .swiper-slide
	{
		width: 90px !important;
		height: 65px;
		border-radius: 10px;
	}
}

.catalog__preview .swiper-slide:last-child{margin-right: 0 !important;}

.catalog__preview .swiper-slide-thumb-active:after
{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--primary-color);
	border-radius: 20px;
	box-sizing: border-box;
	background: transparent;
	pointer-events: none;
	z-index: 2;
}
@media (max-width: 767.98px) 
{
	.catalog__preview .swiper-slide-thumb-active:after{border-radius: 10px;}
}

.catalog__preview img
{
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}

.catalog__properties
{
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	overflow: visible;
}
@media (max-width: 1199.98px)
{
	.catalog__properties{display: contents;}
}

.catalog__footer
{
	background: var(--white);
	padding: 30px 40px;
	font-weight: 500;
	flex: 0 0 auto;
	height: auto;
	position: relative;
}
@media (max-width: 1199.98px)
{
	.catalog__footer{order: 5;}
}
@media (max-width: 767.98px) 
{
	.catalog__footer
	{
		padding: 20px;
		justify-content: center;
	}
}

.catalog__footer::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	height: 1px;
	background: var(--glass-200);
}

.catalog__footer--joined{border-radius: 0;}
@media (max-width: 1199.98px)
{
	.catalog__footer--joined{border-radius: 0 0 20px 20px;}
}

.catalog__footer--last{border-radius: 0 0 30px 30px;}
@media (max-width: 767.98px)
{
	.catalog__footer--last{border-radius: 0 0 20px 20px;}
}

.catalog__footer .button
{
	height: 44px;
	padding: 0 30px;
}

.catalog__recommended{margin-top: 65px;}
@media (max-width: 767.98px) 
{
    .catalog__recommended{margin-top: 40px;}
}

.catalog__subtitle{font: 600 24px / 24px Onest;}
@media (max-width: 767.98px) 
{
    .catalog__subtitle{font: 600 18px / 21px Onest;}
}

.catalog__list--detail{margin-top: 25px;}

@media (max-width: 1199.98px) 
{
    .catalog__detail{min-width: 0;}
	
	.catalog__detail > * {min-width: 0;}
}

.catalog__modal
{
	border-radius: 30px;
	padding: 30px 40px;
}
@media (max-width: 767.98px) 
{
	.catalog__modal
	{
		border-radius: 20px;
		padding: 20px;
	}
}

.catalog__modal .flex
{
	gap: 20px;
	margin-top: 30px;
}
@media (max-width: 767.98px) 
{
	.catalog__modal .flex
	{
		gap: 10px;
		flex-direction: column;
	}
	
	.catalog__modal .button{justify-content: center;}
}

.catalog__empty
{
	background: var(--white);
	border-radius: 30px;
	padding: 40px 30px;
}

.catalog__empty > div
{
	max-width: 715px;
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
	gap: 20px;
	margin: 0 auto;
}

.catalog__empty img
{
	width: 48px;
	height: 48px;
}

/* ===SUMMARY=== */

.summary
{
	background: var(--white);
	border-radius: 30px;
	padding: 40px 40px 30px;
	display: flex;
	flex-direction: column;
	flex: 1 1 0;
	min-height: 0;
	position: relative;
	overflow: hidden;
}
@media (max-width: 1199.98px)
{
	.summary
	{
		flex: none;
		min-height: auto;
		order: 4;
		margin-top: 20px;
	}
}
@media (max-width: 767.98px)
{
	.summary
	{
		padding: 20px;
		border-radius: 20px;
	}
}

.summary--joined{border-radius: 30px 30px 0 0;}
@media (max-width: 767.98px)
{
	.summary--joined{border-radius: 20px 20px 0 0;}
}

.summary__body
{
	flex: 1 1 0;
	min-height: 0;
	overflow: hidden;
	position: relative;
}
@media (max-width: 1199.98px)
{
	.summary__body
	{
		flex: none;
		min-height: auto;
	}
}

.summary__body::after
{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--white) 100%);
	pointer-events: none;
}

.summary__list
{
	display: grid;
	grid-template-columns: 50% 50%;
	row-gap: 16px;
	margin: 0;
	max-height: 287px;
}

.summary__list .catalog__name,
.summary__list .catalog__value
{
	margin: 0;
	font: 400 15px / 18px Onest;
}

.summary__list .catalog__name
{
	color: var(--grey-400);
	padding-right: 20px;
}

@media (max-width: 767.98px)
{
	.summary__list
	{
		grid-template-columns: 1fr;
		row-gap: 5px;
	}

	.summary__list .catalog__name
	{
		font: 400 12px / 15px Onest;
		padding-right: 0;
	}

	.summary__list .catalog__value
	{
		font: 500 14px / 17px Onest;
		margin-bottom: 11px;
	}

	.summary__list .catalog__value:last-child{margin-bottom: 0;}
}

/* ===APPEAL=== */

.appeal
{
	position: relative;
    padding: 35px 30px 35px;
    box-sizing: border-box;
    border-radius: 30px;
    background: url(/images/software-bg.webp) center no-repeat;
    background-size: cover;
	transition: transform .3s ease;
}
@media (max-width: 1399.98px) 
{
    .appeal{height: 410px;}
}
@media (max-width: 767.98px) 
{
    .appeal
	{
		height: 320px;
		padding: 20px;
		border-radius: 20px;
	}
}

@media (hover: hover) 
{
	.appeal:hover{transform: scale(1.035);}
}

.appeal::before
{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 90%;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 30px;
}

.appeal__box
{
	position: relative;
	flex-direction: column;
    height: 100%;
}

.appeal__title{font: 700 24px / 29px Onest;}

.appeal__button{width: fit-content !important;}

/* ===NEWS=== */

.news
{
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	transition: transform .3s ease;
}

@media (hover: hover) 
{
	.news:hover{transform: scale(1.035);}
}

.news__tag
{
	position: absolute;
	top: 30px;
	left: 30px;
	font: 500 16px / 16px Onest;
	padding: 6px 12px;
	background: var(--glass-100);
}
@media (max-width: 767.98px) 
{
	.news__tag
	{
		top: 156px;
		left: unset;
		right: 0;
		font: 500 12px / 12px Onest;
	}
	
	.news__tag--section
	{
		top: 30px;
        left: 30px;
        right: unset;
	}
}

.news__image
{
	width: 100%;
	height: 240px;
	border-radius: 30px 30px 0 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
}
@media (max-width: 1399.98px) 
{    
	.news__image--section{height: calc(100vw / 4);}
}
@media (max-width: 991.98px) 
{    
	.news__image--section
	{
		height: calc(100vw / 3.2);
        max-height: 320px;
	}
}
@media (max-width: 767.98px) 
{    
	.news__image{height: 180px;}
	
	.news__image--section
	{
        height: calc(100vw / 2);
        max-height: 230px;
        min-height: 170px;
    }
}

.news__body
{
	background: var(--white);
	padding: 20px 30px 30px;
	border-radius: 0 0 30px 30px;
}
@media (max-width: 767.98px) 
{    
	.news__body{padding: 10px 20px 20px;}
}

.news__title
{
	font: 700 16px / 19px Onest;
	height: 58px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	text-overflow: ellipsis;
	transition: .3s ease;
}

@media (hover: hover) 
{
	.news:hover .news__title{color: var(--primary-color);}
}

@media (max-width: 991.98px) 
{
	.news__title{height: auto;}
}

.news__title--auto{height: auto;}

.news__desc
{
	margin-top: 20px;
	font: 400 14px / 19px Onest;
	height: 75px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
	text-overflow: ellipsis;
	color: var(--grey-600);
}
@media (max-width: 991.98px) 
{
	.news__desc{height: auto;}
}
@media (max-width: 767.98px) 
{
	.news__desc{margin-top: 10px;}
}

.news__desc--auto{height: auto;}

/* ===SOFTWARE=== */

.software
{
	position: relative;
	padding: 35px 30px 35px;
    box-sizing: border-box;
	border-radius: 30px;
    background: url(/images/software-bg.webp) center no-repeat;
    background-size: cover;
	transition: transform .3s ease;
}
@media (max-width: 1399.98px) 
{
    .software{min-height: 388px;}
}
@media (max-width: 767.98px) 
{
    .software
	{
		min-height: 320px;
		padding: 20px;
		border-radius: 20px;
	}
}

@media (hover: hover) 
{
	.software:hover{transform: scale(1.035);}
}

.software::before 
{
    content: '';
    position: absolute;
	display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 90%;
	background-color:rgba(0, 0, 0, .5);
	border-radius: 30px;
}

.software a{position: relative;}

.software__info
{
	flex-direction: column;
	height: 100%;
}

.software__tag
{
	background: var(--primary-color);
	font: 500 16px / 16px Onest;
	padding: 6px 12px;
	width: fit-content;
}
@media (max-width: 767.98px) 
{
    .software__tag{font: 500 14px / 14px Onest;}
}

.software__text{font: 700 24px / 29px Onest;}
@media (max-width: 767.98px) 
{
    .software__text{font: 700 18px / 21px Onest;}
}

/* ===TABS=== */

.jsCatalogTabsSlider
{
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

.tabs
{
	padding-top: 60px;
	min-width: 0;
	width: 100%;
	max-width: 100%;
}
@media (max-width: 1199.98px) 
{
    .tabs
	{
		overflow: hidden;
		min-width: 0;
	}
}
@media (max-width: 767.98px) 
{
    .tabs{padding-top: 40px;}
}

.tabs__nav
{
	overflow: hidden;
	min-width: 0;
}

.tabs__box{gap: 0;}

.tabs__box.swiper-wrapper{align-items: stretch;}

.tabs .button
{
	font: 700 18px / 18px Onest;
	border: 1px solid transparent;
	white-space: nowrap;
}
@media (max-width: 767.98px) 
{
    .tabs .button{font: 700 14px / 14px Onest;}
}

@media (hover: hover) 
{
	.tabs .button:hover
	{
		background: var(--primary-color);
		color: var(--white);
	}
}

.tabs__box .swiper-slide-thumb-active{border: 1px solid var(--primary-color);}

.tabs__content
{
	overflow: hidden;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	margin-top: 20px;
}

.tabs__content .swiper-slide
{
	width: 100%;
	min-width: 0;
	flex-shrink: 0;
	box-sizing: border-box;
	height: auto;
}

.tab
{
	background: var(--white);
	padding: 40px;
	max-height: 430px;
	overflow: hidden;
	position: relative;
	border-radius: 30px;
	width: 100%;
	box-sizing: border-box;
	transition: max-height .3s ease;
}
@media (max-width: 767.98px) 
{
    .tab
	{
		border-radius: 20px;
		padding: 20px;
		max-height: 530px;
	}
}

.tab.is-open{max-height: 10000px;}

.tab__show
{
	position: absolute;
	height: 225px;
	width: 100%;
	left: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--white) 100%);
	border-radius: 0 0 30px 30px;
	overflow: hidden;
}
@media (max-width: 767.98px)
{
	.tab__show{border-radius: 0 0 20px 20px;}
}

.tab__show .button
{
	height: 50px;
	font: 500 16px / 16px Onest;
	margin: 135px auto 0;
	border: 1px solid var(--primary-color);
	box-shadow: 0px 0px 10px 0px var(--black)26;
}
@media (max-width: 767.98px) 
{
    .tab__show .button
	{
		height: 46px;
		font: 500 14px / 14px Onest;
		margin: 165px auto 0;
	}
}

.jsCatalogTabsSlider > .swiper-wrapper{transition-property: transform, height;}

.tab__title
{
	font: 600 26px / 26px Onest;
	color: var(--black);
}
@media (max-width: 767.98px) 
{
    .tab__title{font: 600 18px / 18px Onest;}
}

.tab__info
{
	gap: 30px;
	color: var(--grey-600);
}
@media (max-width: 991.98px) 
{
    .tab__info{flex-direction: column;}
}
@media (max-width: 767.98px) 
{
    .tab__info{gap: 20px;}
}

.tab__image
{
	height: 360px;
	width: 380px;
	border-radius: 20px;
	overflow: hidden;
	align-self: baseline;
}
@media (max-width: 1199.98px) 
{
    .tab__image
	{
		height: 270px;
		width: 270px;
	}
}
@media (max-width: 991.98px) 
{
	.tab__image{align-self: center;}
}
@media (max-width: 767.98px) 
{
    .tab__image
	{
		height: 250px;
		width: 250px;
		border-radius: 10px;
	}
}

.tab__image img
{
	width: 100%;
    height: 100%;
    object-fit: contain;
}

.tab__box
{
	gap: 30px;
	color: var(--grey-600);
}
@media (max-width: 991.98px) 
{
	.tab__box{flex-direction: column-reverse;}
}

.tab__description
{
	flex: 1;
	transition: .3s ease;
	height: fit-content;
}

.tab#models .tab__box{margin: 0;}
@media (max-width: 991.98px) 
{
    .tab#models .tab__box{flex-direction: column-reverse;}
}
@media (max-width: 767.98px) 
{
    .tab#models .tab__box{gap: 0;}
}

.tab#characteristics
{
	max-height: none;
	overflow: visible;
}

.tab__subtitle
{
	margin-top: 15px;
	font: 600 26px / 26px Onest;
    color: var(--black);
}
@media (max-width: 767.98px) 
{
    .tab__subtitle
	{
		margin-top: 20px;
		font: 600 18px / 22px Onest;
	}
}

.tab__subtitle:not(:first-child){margin-top: 30px;}
@media (max-width: 767.98px) 
{
	.tab__subtitle:not(:first-child){margin-top: 20px;}
}

.tab__files
{
	row-gap: 20px;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) 
{
    .tab__files
	{
		grid-template-columns: repeat(2, 1fr);
		column-gap: 5px;
	}
}
@media (max-width: 767.98px) 
{
    .tab__files
	{
		grid-template-columns: repeat(1, 1fr);
		column-gap: 5px;
	}
}

.tab__file
{
	gap: 10px;
	font: 600 14px / 21px onest;
}
@media (max-width: 767.98px) 
{
    .tab__file
	{
		align-items: start;
		gap: 5px;
	}
}

.tab__file:before
{
	content: '';
	display: block;
	background: url(/images/icon-pdf.svg) center no-repeat;
	background-size: contain;
	height: 30px;
	width: 25px;
	flex-shrink: 0;
}
@media (max-width: 767.98px) 
{   
	.tab__file:before
	{
		filter: unset;
		height: 20px;
	}
}

.tab__file span{padding-right: 10px;}

.tab__file span:after
{
	content: attr(data-size);
	display: block;
	font: 400 8px / 124% Onest;
	color: var(--grey-300);
}
@media (max-width: 767.98px) 
{
	.tab__file span:after{display: none;}
}

.tab__advantages
{
	row-gap: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 991.98px) 
{
    .tab__advantages{column-gap: 5px;}
}
@media (max-width: 767.98px) 
{
    .tab__advantages
	{
		grid-template-columns: repeat(1, 1fr);
		column-gap: 5px;
	}
}

.tab__advantage
{
	display: flex;
	gap: 20px;
	align-items: center;
}

.tab__advantage img
{
	object-fit: cover;
	height: 64px;
	width: 64px;
	flex-shrink: 0;
}

.tab__advantage span{padding-right: 10px;}

.tab__description ul{margin-top: 10px;}

.tab__description p:not(:first-child){margin-top: 20px;}

.jsCatalogDescription{transition: height .3s ease;}

.tab td
{
	padding: 20px;
    box-sizing: border-box;
    border: 1px solid var(--grey-200);
    word-wrap: break-word;
    font: 400 15px / 19px Onest;
	vertical-align: middle;
}
@media (max-width: 991.98px) 
{
	.tab td{padding: 10px;}
}

/* ===OPTIONS=== */

.options
{
	background: var(--white);
	border-radius: 0 0 30px 30px;
	padding: 30px 40px;
	flex: 0 0 auto;
	overflow: visible;
	position: relative;
}
@media (max-width: 1199.98px)
{
	.options{border-radius: 20px;}
}
@media (max-width: 767.98px)
{
	.options{padding: 20px;}
}

.options::before
{
	content: '';
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	height: 1px;
	background: var(--glass-200);
}
@media (max-width: 1199.98px)
{
	.options::before{display: none;}
}

@media (max-width: 1199.98px)
{
	.options--catalog
	{
		order: 2;
		margin-top: 20px;
	}
}

.options__title{font: 700 18px / 18px Onest;}

.options__list
{
	margin-top: 15px;
	gap: 15px;
	overflow: visible;
}
@media (max-width: 767.98px) 
{    
	.options__list
	{
		flex-direction: column;
		gap: 10px;
	}
}

.options__item
{
	border: 1px solid var(--grey-200);
	border-radius: 10px;
	padding: 8px 15px;
	gap: 5px;
	cursor: pointer;
	transition: .3s ease;
	will-change: color, background, border-color;
	overflow: visible;
}

.options__item.is-active
{
	color: var(--white);
	border-color: var(--primary-color);
	background: var(--primary-color);
}

.options__name
{
	color: var(--grey-600);
	will-change: color;
	transition: .3s ease;
}
@media (max-width: 767.98px) 
{
    .options__name{font: 400 14px / 19px Onest;}
}

.options__item.is-active .options__name{color: var(--white);}

.options__price{font-weight: 600;}
@media (max-width: 767.98px) 
{
    .options__price{font: 600 14px / 19px Onest;}
}

.options__tooltip
{
	height: 20px;
	width: 20px;
	position: relative;
	display: block;
	transition: .3s ease;
	overflow: visible;
}
@media (max-width: 767.98px) 
{
    .options__tooltip{margin-left: auto;}
}

.options__tooltip::after
{
	content: '';
	position: absolute;
	inset: 0;
	background: url(/images/icon-tooltip.svg) center no-repeat;
	background-size: cover;
	transition: .3s ease;
	will-change: filter;
}

.options__tooltip::before
{
	content: attr(data-text);
	position: absolute;
	left: 11px;
	bottom: 50%;
	display: block;
	padding: 16px 20px;
	border-radius: 20px 20px 20px 0;
	background: var(--white);
	color: var(--grey-600);
	font: 400 14px / 19px Onest;
	box-sizing: border-box;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
	width: 200px;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s ease, visibility .3s ease;
	will-change: opacity, visibility;
}
@media (max-width: 1664.98px)
{
	.options__tooltip::before
	{		
		left: auto;		
		right: 11px;
		border-radius: 20px 20px 0 20px;
	}
}
@media (max-width: 767.98px) 
{
	.options__tooltip::before
	{
		padding: 10px;
		border-radius: 10px 10px 0 10px;
		width: 200px;
	}
}

.options__tooltip:focus::before
{
	opacity: 1;
	visibility: visible;
}

@media (hover: hover)
{
	.options__tooltip:hover::before
	{
		opacity: 1;
		visibility: visible;
	}
}

.options__item.is-active .options__tooltip::after{filter: var(--white-filter);}

.options__checkbox{display: none;}

.options__item.is-disabled{cursor: default;}

.options__item.is-disabled .options__name,
.options__item.is-disabled .options__price
{
	opacity: .45;
}

.options__item.is-disabled .options__tooltip,
.options__item.is-disabled .options__tooltip::before,
.options__item.is-disabled .options__tooltip::after
{
	opacity: 1;
}

/* ===PROPS=== */

.props__row,
.props__list
{
	display: grid;
	grid-template-columns: 45% 1fr;
}
@media(max-width: 991.98px)
{
	.props__row,
	.props__list
	{
		grid-template-columns: 1fr;
	}
}

.props__row--grouped{display: block;}

.props__name,
.props__value
{
	padding: 20px 20px 20px 0;
	box-sizing: border-box;
	border-bottom: 1px solid var(--grey-200);
	overflow-wrap: break-word;
	font: 400 15px / 19px Onest;
}
@media(max-width: 991.98px)
{
	.props__name
	{
		font: 600 15px / 19px Onest;
		border-bottom: 0;
		padding-bottom: 0;
	}

	.props__value
	{
		font: 400 14px / 16px Onest;
		padding-top: 5px;
	}
}
@media(max-width: 767.98px)
{
	.props__name,
	.props__value
	{
		padding: 10px 10px 10px 0;
	}

	.props__name{padding-bottom: 0;}
}

.props__row > .props__name:last-of-type,
.props__row > .props__value:last-of-type,
.props__list > .props__name:last-of-type,
.props__list > .props__value:last-of-type
{
	border-bottom: 0;
}

.props__title
{
	font: 600 23.5px / 30px Onest;
	padding: 40px 0 15px;
}
@media(max-width: 991.98px)
{
	.props__title
	{
		font: 600 20px / 26px Onest;
		padding: 30px 0 15px;
	}
}
@media(max-width: 767.98px)
{
	.props__title
	{
		font: 600 18px / 23px Onest;
		padding: 25px 0 15px;
	}
}

.props__title span{color: var(--primary-color);}

/* ===BUE=== */

/* ===BUE=== */

.buy
{
    border-radius: 30px;
    background: var(--white);
    padding: 30px 40px;
    grid-column: 1 / -1;
	min-width: 0;
}
@media (max-width: 1199.98px)
{
	.buy
	{
		order: 3;
		margin-top: 20px;
	}
}
@media (max-width: 991.98px) 
{
    .buy{padding: 30px;}
}
@media (max-width: 767.98px) 
{
    .buy
	{
		padding: 20px;
		border-radius: 20px;
	}
}

.buy__box{gap: 60px;}
@media (max-width: 1399.98px) 
{
    .buy__box
	{
		row-gap: 25px;
		flex-wrap: wrap;
	}
}

.buy__info
{
	flex: 1;
	gap: 60px;
}
@media (max-width: 1199.98px) 
{
    .buy__info{gap: 15px;}
}
@media (max-width: 991.98px) 
{
    .buy__info{flex-wrap: wrap;}
}
@media (max-width: 767.98px) 
{
    .buy__info
	{
		gap: 15px;
		justify-content: space-between;
	}
}

.buy__price{width: 225px;}
@media (max-width: 767.98px) 
{
    .buy__price{width: calc(100% - 105px);}
}

.buy__price div{font: 700 22px / 30px Onest;}

.buy__count{width: 98px;}
@media (max-width: 991.98px) 
{
    .buy__count{width: 140px;}
}
@media (max-width: 767.98px) 
{
    .buy__count{width: 90px;}
}

.buy__registry{width: 150px;}
@media (max-width: 767.98px) 
{
    .buy__registry{width: auto;}
}

.buy__registry img
{
	width: 30px;
	height: 30px;
	margin-right: 12px;
}
@media (max-width: 767.98px) 
{
    .buy__registry img
	{
		width: 20px;
		height: 32px;
		margin-right: 10px;
	}
}

.buy__registry a
{
	color: var(--teal);
	font: 700 22px / 22px Onest;
	text-decoration: underline;
}
@media (max-width: 767.98px) 
{
	.buy__registry a{font: 700 16px / 16px Onest;}
}

.buy__tested
{
	color: var(--grey-400);
	font: 500 14px / 14px Onest;
	display: inline-block;
}

.buy__info span
{
	color: var(--grey-300);
	font: 500 15px / 15px Onest;
	margin-bottom: 10px;
	display: inline-block;
}
@media (max-width: 767.98px) 
{
	.buy__info span
	{
		font: 500 12px / 12px Onest;
		margin-bottom: 5px;
	}
}

.buy__action{width: 300px;}
@media (max-width: 767.98px) 
{
	.buy__action{width: 100%;}
}

.buy__action .button{width: 100%;}
@media (max-width: 991.98px) 
{
	.buy__action .button{width: fit-content;}
}
@media (max-width: 767.98px) 
{
	.buy__action .button
	{
		width: 100%;
		font-size: 14px;
		padding: 0 23px;
	}
}

/* ===RIGGING=== */

.rigging
{
	padding: 40px;
	border-radius: 30px;
	background: url(/images/contact-bg.webp) center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	position: relative;
	margin-top: 20px;
}
@media (max-width: 767.98px) 
{
    .rigging{display: none;}
}

.rigging::before
{
	content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 90%;
    background-color: rgb(41 41 43 / 80%);
    border-radius: 30px;
}

.rigging__title,
.rigging__description,
.rigging__chat
{
	position: relative;
}

.rigging__title{font: 600 24px / 29px Onest;}

.rigging__description
{
	color: var(--grey-300);
	margin-top: 20px;
}

.rigging__chat{margin-top: 30px;}

.rigging__chat .button{width: fit-content;}

/* ===FILTER=== */

.filters__button
{
	padding: 15px 25px;
	background: var(--white);
	font: 600 16px / 19px Onest;
	display: none;
	justify-content: space-between;
	border-radius: 20px;
	align-items: center;
	cursor: pointer;
	user-select: none;
}
@media (max-width: 767.98px) 
{
    .filters__button{display: flex;}
}

.filters__button::after
{
	content: '';
	display: block;
	background: url(/images/icon-chevron.svg) center no-repeat;
	width: 12px;
	height: 12px;
	flex-shrink: 0;
	margin-left: 12px;
	transition: transform .3s ease;
}

.filters--opened .filters__button{margin-bottom: 10px;}

.filters--opened .filters__button::after{transform: rotate(180deg);}

.filters__body
{
	display: grid;
	grid-template-rows: 1fr;
	overflow: hidden;
	transition: grid-template-rows .3s ease;
}

.filters__inner
{
	min-height: 0;
	overflow: hidden;
}

@media (max-width: 767.98px) 
{
	.filters__body{grid-template-rows: 0fr;}

	.filters--opened .filters__body{grid-template-rows: 1fr;}
}

.filter
{
	padding: 30px;
	border-radius: 30px;
	background: var(--white);
	margin-top: 20px;
	cursor: pointer;
}
@media (max-width: 767.98px) 
{
    .filter
	{
		margin-top: 10px;
		padding: 15px;
		border-radius: 20px;
	}
}

.filter.bx-active{cursor: default;}

.filter__title
{
	font: 600 18px / 18px Onest;
	display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (hover: hover)
{
	.filter__title{cursor: pointer;}
}

.filter__title::after
{
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	margin-left: 12px;
	flex: 0 0 18px;
	background: url(/images/icon-chevron.svg) center no-repeat;
	background-size: contain;
	filter: var(--orange-filter);
	transition: transform .3s ease, filter .3s ease;
}
@media (max-width: 767.98px) 
{
    .filter__title::after
	{
		width: 12px;
		height: 12px;
		flex-basis: 12px;
	}
}

.filter.bx-active .filter__title::after{transform: rotate(180deg);}

.filter__list{margin-top: 14px;}

.filter__item{padding: 8px 0;}

.filter__item--range{padding: 8px 0 0;}

.filter [type="checkbox"]:not(:checked) + label:before, 
.filter [type="checkbox"]:checked + label:before
{
	border-color: var(--grey-200);
	border-radius: 4px;
	width: 24px;
	height: 24px;
	top: -5px;
}

.filter [type="checkbox"]:not(:checked) + label:after, 
.filter [type="checkbox"]:checked + label:after
{
	background: var(--primary-color);
	top: 1px;
    left: 0px;
    height: 12px;
    width: 12px;
}

.filter [type="checkbox"]:not(:checked) + label,
.filter [type="checkbox"]:checked + label 
{
	padding-left: 35px;
	font: 400 16px / 16px Onest;
	color: var(--black);
}

.filter .switch__check:checked + .switch__label .switch__slider{background: var(--primary-color);}

.filter .switch__text{color: var(--black);}

.filter__box{gap: 10px;}

.filter__field
{
	position: relative;
	display: block;
	width: calc(50% - 5px);
}

.filter__field[data-unit]::after
{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font: 400 14px / 14px Onest;
	color: var(--grey-500);
	pointer-events: none;
}

.filter__field[data-unit]::after
{
	content: attr(data-unit);
	right: 8px;
}

.filter__field[data-unit=""]::after{content: none;}

.filter__text
{
	position: absolute;
	top: 50%;
	left: 8px;
	transform: translateY(-50%);
	font: 400 16px / 22px Onest;
    color: var(--grey-500);
	pointer-events: none;
	z-index: 1;
}

input.filter__input.filter__input--range
{
	width: 100%;
	height: 34px;
	padding: 0 34px 0 10px;
	border: 1px solid var(--grey-200);
	border-radius: 8px;
	background: var(--white);
	font: 400 14px / 14px Onest;
	color: var(--black);
	box-sizing: border-box;
	outline: unset;
}

input.filter__input.filter__input--range::-webkit-outer-spin-button,
input.filter__input.filter__input--range::-webkit-inner-spin-button
{
	-webkit-appearance: none;
	margin: 0;
}

input.filter__input.filter__input--range[type="number"]{-moz-appearance: textfield;}

.filter__line
{
	position: relative;
	height: 24px;
	margin-top: 12px;
}

.filter__line:before
{
	content: '';
	position: absolute;
	top: 50%;
	left: 7px;
	right: 7px;
	height: 4px;
	background: var(--grey-400);
	transform: translateY(-50%);
	border-radius: 2px;
}

.filter__line:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: calc(1px + var(--range-fill-left, 0%));
	right: calc(1px + var(--range-fill-right, 0%));
	height: 4px;
	background: var(--primary-color);
	transform: translateY(-50%);
	border-radius: 2px;
	z-index: 1;
}

input.filter__thumb
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	pointer-events: none;
	z-index: 2;
}

input.filter__thumb::-webkit-slider-runnable-track
{
	height: 2px;
	background: transparent;
	border: 0;
}

input.filter__thumb::-moz-range-track
{
	height: 2px;
	background: transparent;
	border: 0;
}

input.filter__thumb::-webkit-slider-thumb
{
	-webkit-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	border: 0;
	border-radius: 50%;
	background: var(--primary-color);
	cursor: pointer;
	margin-top: -6px;
	pointer-events: auto;
}

input.filter__thumb::-moz-range-thumb
{
	width: 14px;
	height: 14px;
	border: 0;
	border-radius: 50%;
	background: var(--primary-color);
	cursor: pointer;
	pointer-events: auto;
}

input.filter__thumb.filter__thumb--min{z-index: 2;}

input.filter__thumb.filter__thumb--max{z-index: 3;}

.filter--top
{
	margin: 0;
	padding: 11.5px 40px;
	gap: 40px;
}
@media (max-width: 1399.98px) 
{
    .filter--top
	{
		flex-wrap: wrap;
		padding: 15px 0 15px 40px;
		gap: 20px;
	}
}
@media (max-width: 767.98px) 
{
    .filter--top
	{		
		margin-top: 40px;
		display: block !important;
		overflow: hidden;
		border-radius: 20px;
		padding: 15px;
	}
	
	.filter--top .filter__title{margin-bottom: 20px;}
}

.filter--top .filter__list
{
	margin: 0;
	gap: 20px;
	flex-wrap: wrap;
}
@media (max-width: 767.98px) 
{
	.filter--top .filter__list
	{
		flex-wrap: nowrap;
		gap: 10px;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		touch-action: pan-x;
		border-radius: 20px;
	}
	
	.filter--top .filter__list::-webkit-scrollbar{display: none;}
}

.filter--top .button
{
	height: 40px;
	font: 600 16px / 16px Onest;
	padding: 0 20px;
}
@media (max-width: 767.98px) 
{
	.filter--top .filter__list .button
	{
		flex: 0 0 auto;
		white-space: nowrap;
	}
}

.filter--top .button.is-active
{
	background: var(--primary-color);
	color: var(--white);
}

/* ===COUNTER=== */

.counter
{
	background: var(--glass-100);
	padding: 2px;
	border-radius: 100px;
}
@media (max-width: 991.98px) 
{
    .counter{width: fit-content;}
}

.counter .button
{
	height: 28px;
	width: 28px;
	padding: 0;
	justify-content: center;
}

.counter span{margin: 0;}

.counter input
{
	border: unset;
	outline: 0;
	background: unset;
	width: 30px;
	padding: 0;
	text-align: center;
	font: 600 14px / 19px Onest;
	cursor: default;
}

/* ===REQUEST=== */

.request{margin-top: 40px;}

.request__item 
{
	padding: 10px 25px 10px 40px;
	background: var(--white);
	border-radius: 30px;
}
@media (max-width: 1199.98px) 
{
    .request__item{flex-wrap: wrap;}
}
@media (max-width: 767.98px) 
{
    .request__item
	{
		padding: 20px;
		border-radius: 20px;
		row-gap: 20px;
	}
}

.request__item:not(:first-child){margin-top: 20px;}

.request__image
{
	width: 170px;
	height: 120px;
	margin-right: 20px;
	overflow: hidden;
}
@media (max-width: 767.98px) 
{
    .request__image
	{
		width: 60px;
		height: 42px;
		margin-right: 10px;
		order: 0;
	}
}

.request__image img
{
	width: 100%;
	height: auto;
	object-fit: contain;
}

.request__name
{
	width: 280px;
	font: 700 18px / 21px Onest;
	margin-right: 60px;
}
@media (max-width: 1399.98px) 
{
    .request__name
	{
		width: 250px;
		margin-right: 0;
	}
}
@media (max-width: 767.98px) 
{
    .request__name
	{
		width: auto;
        margin-right: 0;
		font: 500 12px / 14px Onest;
		flex: 1;
		order: 1;
	}
	
	.request__item .switch{order: 2;}
}

.request__name--description::after
{
	content: attr(data-description);
	display: block;
	margin-top: 10px;
	color: var(--grey-600);
	font: 400 14px / 19px Onest;
	white-space: pre-line;
}

.request__price
{
	font: 700 30px / 30px Onest;
	width: 270px;
}
@media (max-width: 1399.98px) 
{
	.request__price{width: 230px;}
}
@media (max-width: 767.98px) 
{
	.request__price
	{
		order: 3;
		width: 55%;
		font: 700 20px / 20px Onest;
	}
	
	.request__item .counter{order: 4;}
}

.request__list .counter{margin-right: 60px;}
@media (max-width: 1399.98px) 
{
    .request__list .counter{margin-right: 35px;}
}
@media (max-width: 767.98px) 
{
    .request__list .counter
	{
		margin-right: 0;
		margin-left: auto;
	}
}

.request__list .counter .button 
{
    height: 26px;
    width: 26px;
}
@media (max-width: 767.98px) 
{
    .request__list .counter .button 
	{
		height: 30px;
		width: 30px;
	}
}

.request__list .counter input{width: 44px;}

.request__delete
{
	justify-content: end;
	flex: 1;
}
@media (max-width: 767.98px) 
{
    .request__delete
	{
		order: 5;
		flex: 0 0 100%;
        width: 100%;
        justify-content: center;
	}
}

.request__remove
{
	padding: 15px;
    border-radius: 100%;
    transition: .3s ease;
    display: flex;
    align-items: center;
	cursor: pointer;
}
@media (max-width: 767.98px) 
{
	.request__remove{padding: 0;}
	
	.request__remove img
	{
		width: 20px;
		height: 20px;
		object-fit: cover;		
		margin-right: 5px;
	}
}

@media (hover: hover)
{
	.request__remove:hover{background: #fceaeb;}
}

.request__remove span
{
	color: var(--grey-600);
	font-weight: 500;
	display: none;
}
@media (max-width: 767.98px) 
{
	.request__remove span{display: inline-block;}
}

.request__total
{
	margin-top: 30px;
	gap: 20px;
}
@media (max-width: 1399.98px) 
{
	.request__total
	{
		flex-wrap: wrap;
		row-gap: 20px;
	}
}

.request__result{font: 700 30px / 37px Onest;}
@media (max-width: 767.98px) 
{
    .request__result{font: 700 24px / 29px Onest;}
}

.request__submit
{
	margin-top: 60px;
	padding: 60px 0;
}
@media (max-width: 767.98px) 
{
    .request__submit
	{
		margin-top: 40px;
		padding: 40px 0;
	}
}

.request__submit .like-h2{font: 500 48px / 59px Onest;}
@media (max-width: 767.98px) 
{
	.request__submit .like-h2{font: 500 24px / 28px Onest;}
}

.request__form{margin-top: 60px;}
@media (max-width: 767.98px) 
{
	.request__form{margin-top: 40px;}
}

.request__form--page{margin-top: 0;}

.request__title{margin-bottom: 60px;}
@media (max-width: 767.98px) 
{
	.request__title{margin-bottom: 40px;}
}

.request__fields{gap: 40px;}

.request__fields + .request__fields{margin-top: 40px;}

.request__form .form__field{flex: 1 0 22%;}
@media (max-width: 767.98px) 
{
	.request__form .form__field{flex: 1 0 100%;}
}

.request__empty{margin-bottom: 40px;}

.request__empty,
.request__empty .button
{
	margin-top: 20px;
	width: fit-content;
}

.request__form .file .files-list td,
.request__form .file .files-text, 
.request__form .file .f-wrap
{
	color: var(--black);
}

.request__info{margin: 20px 0;}

/* ===OVERVIEW=== */

.overview__inner
{
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 30px;
	align-items: start;
}
@media (max-width: 991.98px)
{
	.overview__inner{grid-template-columns: minmax(0, 1fr);}
}

.overview__heading
{
	gap: 20px;
	align-items: flex-start;
}

.overview__number
{
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	border-radius: 50%;
	background: var(--primary-color);
	color: var(--white);
	font: 400 24px / 24px Onest;
}
@media (max-width: 767.98px)
{
	.overview__number
	{
		width: 32px;
		height: 32px;
		font: 400 18px / 18px Onest;
	}
}

.overview__image{margin-top: 40px;}
@media (max-width: 767.98px)
{
	.overview__image{margin-top: 25px;}
}

.overview__image img
{
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.overview__image--radius{border-radius: 40px;}

.overview__image--grey{background: linear-gradient(180deg, #ECEAED 0%, #F4F1F4 100%);}

.overview__image--pointer{cursor: pointer;}

.overview__image--notop{margin-top: 0;}

.overview__image--nobottom{margin-bottom: 0 !important;}

.overview__actions
{
	margin-top: 30px;
	gap: 20px;
}
@media (max-width: 767.98px)
{
	.overview__actions{flex-direction: column;}

	.overview__actions .button{width: fit-content;}
}

.overview__actions--list{margin-top: 30px;}

.overview__content
{
	font-weight: 300;
	line-height: 25px;
}
@media (max-width: 767.98px)
{
	.overview__content{line-height: 21px;}
}

.overview__content--main{padding: 20px 230px 0 0;}
@media (max-width: 767.98px)
{
	.overview__content--main{padding: 20px 0 0 0;}
}

.overview__content--card{min-height: 52px;}
@media (max-width: 767.98px)
{
	.overview__content--card{min-height: unset;}
}

.overview__logo{margin-bottom: 40px;}
@media (max-width: 767.98px)
{
	.overview__logo{margin-bottom: 25px;}
}

.overview__logo img
{
	display: block;
	width: auto;
	height: 100%;
	object-fit: contain;
}
@media (max-width: 767.98px)
{
	.overview__logo img{max-width: 270px;}
}

.overview__lead
{
	margin-top: 40px;
	font: 800 20px / 24px Onest;
}
@media (max-width: 767.98px)
{
	.overview__lead
	{
		margin-top: 25px;
		font: 800 18px / 22px Onest;
	}
}

.overview__list
{
	margin-top: 30px;
	gap: 20px;
}
@media (max-width: 767.98px)
{
	.overview__list{margin-top: 25px;}
}

.overview__name{font-weight: 600;}

.overview__card > div:nth-child(1){margin: 0 0 30px 0;}

.overview__card > div:nth-child(2){margin-bottom: 10px;}

.overview__card > div:nth-child(3){margin-bottom: 10px;}

.overview__card > div:nth-child(4){margin-bottom: 10px;}

.overview__card--reverse > div:nth-child(1){margin: 0 0 10px 0;}

.overview__card--reverse > div:nth-child(2){margin-bottom: 20px;}

.overview__card--reverse > div:nth-child(3){margin-bottom: 20px;}

.overview__card--reverse > div:nth-child(4){margin: 0 0 10px 0;}

.overview__tags
{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.overview__tag
{
	padding: 7px 14px;
	font: 500 14px / 14px Onest;
	background: var(--glass-100);
	border-radius: 100px;
}

.overview__subname{font: 600 23px / 30px Onest;}
@media (max-width: 1199.98px) 
{
	.overview__subname{font: 600 21px / 27px Onest;}
}
@media (max-width: 767.98px) 
{
	.overview__subname br{display: none;}
}

.overview__title{font: 600 72px / 64px Onest;}
@media (max-width: 1199.98px)
{
	.overview__title{font: 600 56px / 54px Onest;}
}
@media (max-width: 767.98px)
{
	.overview__title{font: 600 36px / 36px Onest;}
}

.overview__title--medium{font-size: 58px;}
@media (max-width: 1399.98px)
{
	.overview__title--medium{font-size: 50px;}
}
@media (max-width: 1199.98px)
{
	.overview__title--medium{font-size: 42px;}
}
@media (max-width: 767.98px)
{
	.overview__title--medium{font-size: 36px;}
}

.overview--columns .overview__content{margin-top: 20px;}
@media (max-width: 767.98px)
{
	.overview--columns .overview__content{margin-top: 15px;}
}

.overview--columns .overview__actions,
.overview--wide .overview__actions
{
	margin-top: 40px;
}
@media (max-width: 767.98px)
{
	.overview__column + .overview__column{margin-top: 20px;}
	
	.overview--columns .overview__actions,
	.overview--wide .overview__actions
	{
		margin-top: 25px;
	}
}

.overview--wide{position: relative;}

.overview--wide .overview__inner
{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
}
@media (max-width: 991.98px)
{
	.overview--wide .overview__inner{grid-template-columns: minmax(0, 1fr);}
}

.overview--wide .overview__column{grid-column: 2;}
@media (max-width: 991.98px)
{
	.overview--wide .overview__column{grid-column: 1;}
}

.overview--wide .overview__media
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: calc(50% + 60px);
}
@media (max-width: 991.98px)
{
	.overview--wide .overview__media
	{
		position: static;
		height: 420px;
	}
}
@media (max-width: 767.98px)
{
	.overview--wide .overview__media{height: 280px;}
}

.overview--wide .overview__media img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.overview--wide .overview__content{line-height: 21px;}

.overview--wide .overview__content * + *,
.overview--wide .overview__lead + .overview__content
{
	margin-top: 20px;
}
@media (max-width: 767.98px)
{
	.overview--wide .overview__content * + *,
	.overview--wide .overview__lead + .overview__content
	{
		margin-top: 15px;
	}
}

.overview__graph img
{
	width: auto;
	height: auto;
}
@media (max-width: 767.98px)
{
	.overview__graph img{width: 100%;}
}

.overview__spacer{margin-bottom: 40px;}
@media (max-width: 767.98px)
{
	.overview__spacer{margin-bottom: 25px;}
}

.overview__intro
{
	max-width: 950px;
	margin-top: 20px;
}
@media (max-width: 767.98px)
{
	.overview__intro{margin-top: 15px;}
}

.overview--gallery .overview__inner
{
	margin-top: 60px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
	gap: 20px;
}
@media (max-width: 991.98px)
{
	.overview--gallery .overview__inner{grid-template-columns: minmax(0, 1fr);}
}
@media (max-width: 767.98px)
{
	.overview--gallery .overview__inner{margin-top: 30px;}
}

.overview__details
{
	margin-top: 30px;
	grid-template-columns: 60px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}
@media (max-width: 767.98px)
{
	.overview__details
	{
		margin-top: 25px;
		gap: 15px;
	}
}

.overview__label{font-size: 14px;}

.overview__details .overview__content{line-height: 19px;}

.overview__tag--dark{background: #4D4D4D;}

.overview--gallery .gallery__slider
{
	grid-column: 2;
	grid-row: 1 / span 2;
}
@media (max-width: 991.98px)
{
	.overview--gallery .gallery__slider
	{
		grid-column: auto;
		grid-row: auto;
	}
}

.overview__table{overflow-x: auto;}

.overview__table table
{
	width: 100%;
    border-collapse: separate;
    border: 1px solid #dde0ed;
    border-radius: 10px;
    overflow: hidden;
}

.overview__table th,
.overview__table td
{
	padding: 8px 15px;
	border-bottom: 1px solid #dde0ed;
    border-right: 1px solid #dde0ed;
	text-align: left;
}

.overview__table th:last-child,
.overview__table td:last-child
{
    border-right: none;
}

.overview__table tr:last-child td{border-bottom: none;}

.overview__table th{font-weight: 800;}

.overview__table td{color: var(--grey-400);}

.overview--compact{padding: 70px 0;}

.overview--compact .overview__inner
{
	grid-template-columns: 370px minmax(0, 1fr);
	align-items: center;
}
@media (max-width: 1199.98px)
{
	.overview--compact .overview__inner{grid-template-columns: 300px minmax(0, 1fr);}
}
@media (max-width: 767.98px)
{
	.overview--compact .overview__inner{grid-template-columns: minmax(0, 1fr);}
}

.overview--compact .overview__content * + *{margin-top: 20px;}
@media (max-width: 767.98px)
{
	.overview--compact .overview__content * + *{margin-top: 15px;}
}

.overview__slider{margin-top: 60px;}
@media (max-width: 767.98px)
{
	.overview__slider{margin-top: 30px;}
}

.overview__card--case
{
	height: auto;
	flex-direction: column;
}

.overview--cases .overview__card--case > .overview__image
{
	height: 290px;
	margin: 0;
	overflow: hidden;
}
@media (max-width: 1199.98px)
{
	.overview--cases .overview__card--case > .overview__image{height: 240px;}
}
@media (max-width: 767.98px)
{
	.overview--cases .overview__card--case > .overview__image
	{
		height: 260px;
		border-radius: 20px;
	}
}

.overview__card--case .overview__image img{height: 100%;}

.overview--cases .overview__card--case > .overview__caption
{
	margin: 20px 0 0;
}

.overview--cases .overview__card--case > .overview__specs
{
	margin: 20px 0 20px;
	gap: 10px;
}

.overview__specs > .overview__label:not(:first-child){margin-top: 10px;}

.overview__card--case > .button
{
	align-self: flex-start;
	margin-top: auto;
}

.overview--cases .swiper__footer
{
	margin-top: 60px;
	gap: 30px;
}
@media (max-width: 767.98px)
{
	.overview--cases .swiper__footer
	{
		margin-top: 40px;
		gap: 20px;
	}
}

.overview--cases .swiper__prev,
.overview--cases .swiper__next
{
	width: 56px;
	padding: 0;
	flex-shrink: 0;
}
@media (max-width: 767.98px)
{
	.overview--cases .swiper__prev,
	.overview--cases .swiper__next
	{
		width: 40px;
		height: 40px;
	}
}

.overview--cases .swiper__prev:before,
.overview--cases .swiper__next:before
{
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	background: url("/images/icon-arrow.svg") center / contain no-repeat;
	transition: .3s ease;
}

.overview--cases .swiper__next:before{transform: rotate(180deg);}

.overview--cases .swiper-button-disabled
{
	cursor: default;
	pointer-events: none;
}

.overview--cases .swiper-button-disabled:before{opacity: .4;}

.overview--cases .swiper__pagination
{
	width: auto;
	align-items: center;
	gap: 8px;
}

.overview--cases .swiper-pagination-bullet
{
	width: 14px;
	height: 14px;
	margin: 0 !important;
	border-radius: 50%;
	background: var(--grey-200);
	opacity: 1;
}

.overview--cases .swiper-pagination-bullet-active{background: var(--primary-color);}

.overview__title--small
{
	font-size: 30px;
	line-height: 32px;
}
@media (max-width: 1199.98px)
{
	.overview__title--small
	{
		font-size: 26px;
		line-height: 30px;
	}
}
@media (max-width: 767.98px)
{
	.overview__title--small
	{
		font-size: 24px;
		line-height: 28px;
	}
}

.overview__main .catalog__list{gap: 30px;}

.overview--columns .catalog__list--quad{grid-template-columns: repeat(4, minmax(0, 1fr));}
@media (max-width: 1199.98px)
{
	.overview--columns .catalog__list--quad{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 767.98px)
{
	.overview--columns .catalog__list--quad
	{
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	.overview--columns .catalog__list--quad .overview__column{margin-top: 0;}
}

.overview--code .overview__inner
{
	margin-top: 40px;
	grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
	gap: 40px;
}
@media (max-width: 991.98px)
{
	.overview--code .overview__inner
	{
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}
}
@media (max-width: 767.98px)
{
	.overview--code .overview__inner{margin-top: 30px;}
}

.overview--code .catalog__list
{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px 40px;
}
@media (max-width: 1199.98px)
{
	.overview--code .catalog__list{gap: 30px 20px;}
}
@media (max-width: 767.98px)
{
	.overview--code .catalog__list
	{
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
	}

	.overview--code .catalog__list .overview__column{margin-top: 0;}
}

.overview--code .catalog__list .overview__content
{
	margin-top: 10px;
	line-height: 21px;
}

.overview__image--code
{
	max-width: 600px;
	height: 249px;
	margin-top: 30px;
	padding: 0 30px;
	background: var(--grey-700);
}
@media (max-width: 767.98px)
{
	.overview__image--code
	{
		height: 175px;
		margin-top: 20px;
		border-radius: 20px;
	}
}

.overview__image--code:before
{
	content: '';
	display: block;
	background: url("/upload/custom/automation/code.svg") center / contain no-repeat;
	width: 100%;
	height: 100%;
}

.overview--panels .catalog__list{grid-template-columns: repeat(3, minmax(0, 1fr));}
@media (max-width: 991.98px)
{
	.overview--panels .catalog__list{grid-template-columns: minmax(0, 1fr);}
}

.overview__panel
{
	flex-direction: column;
	gap: 20px;
	padding: 40px;
	border-radius: 40px;
}
@media (max-width: 767.98px)
{
	.overview__panel
	{
		gap: 15px;
		padding: 25px;
		border-radius: 20px;
	}

	.overview__panel .button--more:after{margin-left: 20px;}
}

.overview__panel > .overview__actions
{
	margin-top: auto;
	padding-top: 10px;
}
@media (max-width: 767.98px)
{
	.overview__panel > .overview__actions{padding-top: 5px;}
}

.overview__panel ul li:before
{
	background: var(--grey-500);
	top: 12px;
}
@media (max-width: 767.98px)
{
	.overview__panel ul li:before{top: 10px;}
}

.overview__panel--wide
{
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
	gap: 40px;
}
@media (max-width: 991.98px)
{
	.overview__panel--wide
	{
		grid-template-columns: minmax(0, 1fr);
		gap: 25px;
	}
}

.overview__summary{gap: 20px;}
@media (max-width: 767.98px)
{
	.overview__summary{gap: 15px;}
}

.overview--places .overview__actions{margin-top: 10px;}

.overview--places .show__map{margin-top: 10px;}

/* ===GALLERY=== */

.gallery__slider
{
	width: 100%;
	height: 420px;
	border-radius: 40px;
}
@media (max-width: 1199.98px)
{
	.gallery__slider{height: 320px;}
}
@media (max-width: 991.98px)
{
	.gallery__slider{height: 420px;}
}
@media (max-width: 767.98px)
{
	.gallery__slider
	{
		height: 240px;
		border-radius: 20px;
	}
}

.gallery__thumbs{width: 100%;}

.gallery__thumbs .swiper-wrapper
{
	flex-wrap: wrap;
	row-gap: 20px;
}

.gallery__thumb
{
	box-sizing: border-box;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 10px;
	cursor: pointer;
	width: 100px !important;
	height: 80px !important;
}
@media (max-width: 767.98px) 
{
	.gallery__thumb
	{
		width: 90px !important;
		height: 70px !important;
	}
}

.gallery__thumb--active{border-color: var(--primary-color);}

.gallery__slider img,
.gallery__thumb img
{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ===SWITCH=== */

.switch{display: inline-block;}

.switch__check 
{
    position: absolute;
    opacity: 0;
}

.switch__label 
{
    display: inline-flex !important;
    align-items: center;
    gap: 10px;
	padding-left: 0 !important;
}

.switch [type="checkbox"]:not(:checked) + .switch__label:before, 
.switch [type="checkbox"]:checked + .switch__label:before
{
	display: none;
}

.switch [type="checkbox"]:checked + .switch__label:after{opacity: 0;}

.switch__text 
{
    font: 500 16px / 16px Onest;
	color: var(--grey-300);
}
@media (max-width: 1399.98px) 
{
    .switch__text{font: 500 14px / 14px Onest;}
}

.switch__slider 
{
    position: relative;
    width: 36px;
    height: 20px;
    background: var(--grey-200);
    border-radius: 10px;
    transition: .2s ease;
}

.switch__check:checked + .switch__label .switch__slider{background: var(--teal);}

.switch__slider::before 
{
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: var(--white);
    border-radius: 50%;
    transition: left 0.2s ease;
    box-shadow: none;
}

.switch__check:checked + .switch__label .switch__slider::before{left: 18px;}

/* ===FORM=== */

.form__field{position: relative;}

.form__field::before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: var(--grey-200);
    transform: translateY(-50%);
    z-index: 1;
    opacity: 1;
    transition: opacity .3s ease;
}

.form__field.filled::before
{
    opacity: 0;
	display: none;
}

.form__field:has(input[type="tel"]:focus)::before{opacity: 0;}

.form__input 
{
    padding-left: 16px;
    padding-bottom: 12px;
    border: none;
    border-bottom: 1px solid var(--grey-300);
    outline: none;
    background: unset;
    color: var(--black);
}

input.form__input:-webkit-autofill
{
	-webkit-text-fill-color: var(--black) !important;
    color: var(--black) !important;
}

.form__field .form__input::placeholder,
.form__field textarea::placeholder
{
	color: transparent;
	opacity: 0;
}

.form__placeholder 
{
    position: absolute;
	left: 16px;
	top: 0;
	font: 400 18px / 20px Onest;
	color: var(--grey-300);
	pointer-events: none;
	opacity: 1;
	transition: .3s ease;
	user-select: none;
}
@media (max-width: 767.98px) 
{
	.form__placeholder
	{
		font: 400 15px / 17px Onest;
		top: 2px;
	}
}

.form__input + .form__placeholder{padding-top: 0;}

.form__field textarea + .form__placeholder{padding-top: 0;}

.form__input[required] + span:after 
{
	content: '*';
	position: relative;
	color: var(--primary-color);
}

.form__field textarea
{
	width: 100%;
	height: 86px;	
    border: none;
    border-bottom: 1px solid var(--grey-300);
    outline: none;
	font: 400 18px / 20px Onest;
	position: relative;
	box-sizing: border-box;
	padding-left: 16px;
	resize: none;
}

.form__field textarea::placeholder
{
	color: var(--grey-300);
	opacity: 1;
}

.form__field.textarea::before{top: 12px;}

.form__input:focus + .form__placeholder,
.form__input:not(:placeholder-shown) + .form__placeholder,
.form__field textarea:focus + .form__placeholder,
.form__field textarea:not(:placeholder-shown) + .form__placeholder
{
	top: -20px;
	left: 0;
	font: 400 12px / 12px Onest;
	opacity: 1;
}

.form__field.filled .form__input{padding-left: 0;}

input.form__input[type="tel"]:focus,
input.form__input[type="tel"]:not(:placeholder-shown)
{
	padding-left: 0;
}

.form__select,
.form__placeholder--select
{
	font: 400 18px / 20px Onest;
}
@media (max-width: 767.98px)
{
	.form__select,
	.form__placeholder--select
	{
		font-size: 14px;
	}
}

.form__select
{
	display: block;
	height: 32px;
	box-sizing: border-box;
	padding: 0 0 12px 16px;
	border: none;
	border-bottom: 1px solid var(--grey-300);
	outline: none;
	background: unset;
	color: transparent;
	cursor: pointer;
}

select.form__select:-webkit-autofill
{
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
}

.form__select option
{
	color: var(--black);
	-webkit-text-fill-color: var(--black);
}

.form__select--wide{width: 100%;}

.form__placeholder--select
{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	top: 0;
	max-width: calc(100% - 16px);
}

.form__placeholder--select::after
{
	content: '';
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-right: 2px solid var(--primary-color);
	border-bottom: 2px solid var(--primary-color);
	transform: translateY(-2px) rotate(45deg);
}

.form__value
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.form__select:valid + .form__placeholder--select{color: var(--black);}

.modal__field .form__select:valid + .form__placeholder--select{color: var(--white);}

.form__field.filled .form__placeholder--select
{
	left: 0;
	max-width: 100%;
}

.form__error
{
    font: 600 12px / 12px Onest;
    margin-top: 5px;
    opacity: 0;
    transition: opacity .3s ease-in-out;
	color: var(--primary-color);
}

.form__field.is-error .form__error{opacity: 1;}

.form__error--disclaimer
{
	position: absolute;
    left: 30px;
}

.form__footer{margin-top: 60px;}
@media (max-width: 991.98px) 
{
    .form__footer
	{
		flex-direction: column;
		margin-top: 40px;
		align-items: flex-start;
	}
}

.form__footer .button{margin-right: 40px;}

.form__disclaimer
{
	position: relative;
	color: var(--grey-600);
	font: 400 14px / 14px Onest;
	user-select: none;
}
@media (max-width: 991.98px) 
{
	.form__disclaimer{margin-top: 25px;}
}

.form__disclaimer a
{
	text-decoration: underline;
	color: var(--grey-600);
}

.form__disclaimer label{cursor: pointer;}

.form__disclaimer.is-error label:before{border-color: var(--red);}

.form__disclaimer.is-error .form__error{opacity: 1;}

.fld--subject{display: none !important;}

.form__button
{
	display: flex;
	margin-top: 20px;
} 

/* ===FILE=== */

.file
{
	margin-top: 60px;
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

@media (max-width: 767.98px)
{
	.file{margin-top: 40px;}
}

.file__box
{
	width: 100%;
	min-width: 0;
}

.form__file .form__placeholder
{
	color: var(--primary-color);
    text-decoration: underline;
    position: static;
    font: 400 16px / 16px Onest;
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    display: flex;
    margin-bottom: 12px;
    align-items: center;
    gap: 10px;
}
@media (max-width: 767.98px)
{
	.form__file .form__placeholder{font: 400 14px / 14px Onest;}
}

.form__file .form__placeholder::before
{
	content: '';
	display: block;
	background: url(/images/icon-clip.svg) center no-repeat;
	background-size: contain;
	height: 24px;
	width: 24px;
	flex-shrink: 0;
	margin-top: 1px;
}

.file .file-selectdialog
{
	display: block !important;
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
	margin: 0;
	overflow: visible;
}

.file .file-label,
.file .file-selectdialog-switcher,
.file .file-simple
{
	display: none !important;
}

.file .file-extended
{
	display: block !important;
	margin: 0;
	padding: 14px 16px;
	border: 1px dashed var(--grey-300);
	border-radius: 16px;
	background: transparent;
}

.file .file-placeholder
{
	margin: 0 0 10px;
}

.file .files-list
{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.file .files-list td
{
	padding: 8px 0;
	border-bottom: 1px solid rgb(255 255 255 / 12%);
	color: var(--white);
	vertical-align: middle;
	font: 400 14px / 18px Onest;
}

.file .files-list tr:last-child td{border-bottom: 0;}

.file .files-name{width: auto;}

.file .files-size
{
	width: 90px;
	white-space: nowrap;
	color: var(--grey-300);
	font: 400 12px / 12px Onest;
	text-align: right;
	padding-left: 10px;
}

.file .files-storage
{
	width: 34px;
	padding-left: 10px;
}

.file .files-storage-block
{
	position: relative;
	width: 24px;
	height: 20px;
}

.file .files-placement{display: none;}

.file .files-text,
.file .f-wrap
{
	display: block;
	width: 100%;
	word-break: break-word;
	color: var(--white);
	font-weight: 400;
}

.file .del-but
{
	position: absolute;
	right: 0;
	top: 50%;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	cursor: pointer;
	background: none;
}

.file .del-but::before,
.file .del-but::after
{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 1px;
	background: var(--grey-300);
	transform-origin: center;
	transition: .3s ease;
}

.file .del-but::before{transform: translate(-50%, -50%) rotate(45deg);}
.file .del-but::after{transform: translate(-50%, -50%) rotate(-45deg);}

@media (hover: hover)
{
	.file .del-but:hover::before,
	.file .del-but:hover::after
	{
		background: var(--primary-color);
	}
}

.file .file-selector
{
	margin-top: 10px;
	padding: 14px;
	border: 1px dashed var(--grey-300);
	border-radius: 12px;
	text-align: center;
	font: 400 13px / 18px Onest;
	color: var(--grey-300);
	position: relative;
}

.file .file-uploader
{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	height: 42px;
	padding: 0 18px;
	border: 1px solid var(--primary-color);
	border-radius: 100px;
	overflow: hidden;
	cursor: pointer;
}

.file .file-but-text
{
	color: var(--primary-color);
	font: 600 14px / 14px Onest;
}

.file .file-fileUploader
{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	font-size: 0;
}

.file .file-load-img{display: none;}

.file__box > span
{
	font: 400 12px / 12px Onest;
	margin-top: 5px;
	color: var(--grey-300);
	display: block;
}

/* ===TITLE__SEARCH=== */

.header__search
{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 2;
	width: 90px;
	height: 40px;
	overflow: hidden;
	background: var(--white);
	border-bottom: 1px solid var(--white);
	transition: width .3s ease, border-color .3s ease, right .3s ease;
	will-change: width, left;
}
@media (max-width: 767.98px) 
{
	.header__search
	{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		bottom: auto;
		transform: none;
		margin: 0;
		width: 50px;
		min-width: 0;
		max-width: 50px;
		height: 50px;
		overflow: hidden;
		background: var(--white);
		border-bottom: 0;
		border-radius: 0;
		z-index: 120;
		transition: none;
	}
}

.header__search::before
{
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: url(/images/icon-search.svg) center no-repeat;
	background-size: contain;
	pointer-events: none;
	z-index: 123;
	opacity: 1;
	transition: left .3s ease, transform .3s ease, opacity .3s ease;
}

.header__search::after
{
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
    width: 20px;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
    filter: brightness(0) saturate(100%) invert(52%) sepia(0%) saturate(1223%) hue-rotate(202deg) brightness(103%) contrast(80%);
    cursor: pointer;
    background: url(/images/icon-close.svg) center no-repeat;
    background-size: contain;
	z-index: 124;
}
@media (max-width: 767.98px) 
{
	.header__search::before
	{
		left: 50%;
		width: 18px;
		height: 18px;
		transform: translate(-50%, -50%);
		transition: none;
		filter: brightness(0) saturate(100%);
	}

	.header__search:focus-within::before
	{
		left: 16px;
		transform: translateY(-50%);
	}

	.header__search::after
	{
		right: 16px;
		width: 18px;
		background-size: 18px 18px;
		z-index: 124;
		transition: opacity .18s ease;
	}
}

.header__search:focus-within
{
	width: 100%;
	border-bottom: 1px solid var(--grey-200);
}
@media (max-width: 767.98px) 
{	
	.header__search:focus-within
	{
		left: calc(-70px - clamp(0px, (100vw - 320px) * 40 / 130, 40px));
		width: calc(100vw - 100px);
		min-width: 0;
		max-width: 355px;
		height: 50px;
		border-radius: 25px;
		border-bottom: 0;
		box-shadow: none;
		overflow: visible;
		z-index: 121;
		transition: none;
	}
}

.header__search:focus-within::after
{
	opacity: 1;
	pointer-events: auto;
}

input.header__input
{
	width: 100%;
	height: 100%;
	min-width: max-content;
	padding: 0 40px;
	font: 500 14px / 14px Onest;
	border: 0;
	outline: none;
	background: transparent;
	cursor: pointer;
	position: relative;
	z-index: 122;
}
@media (max-width: 767.98px) 
{
	input.header__input
	{
		min-width: 0;
		width: 100%;
		height: 50px;
		padding: 0 45px 0 50px;
		box-sizing: border-box;
		font: 500 16px / 16px Onest;
		opacity: 0;
		color: transparent;
		caret-color: transparent;
		transition: opacity .18s ease;
	}

	.header__search:not(:focus-within) input.header__input
	{
		cursor: pointer;
	}

	.header__search:focus-within input.header__input
	{
		opacity: 1;
		color: var(--black);
		caret-color: auto;
		cursor: text;
	}
}

@supports (-webkit-touch-callout: none)
{
	input.header__input{min-width: 0;}
}

input.header__input::placeholder
{
	color: var(--grey-600);
	transition: .3s ease;
}
@media (max-width: 767.98px) 
{
    input.header__input::placeholder{color: transparent;}
	
	.header__search:focus-within input.header__input::placeholder{color: var(--grey-600);}
}

.header__search:focus-within input.header__input{cursor: text;}
@media (min-width: 768px)
{
	.header__search:not(:focus-within)::after
	{
		content: "Поиск";
		right: 10px;
		width: auto;
		height: auto;
		opacity: 1;
		color: var(--grey-600);
		font: 500 14px / 14px Onest;
		white-space: nowrap;
		background: none;
		filter: none;
		pointer-events: none;
	}

	.header__search:not(:focus-within) input.header__input,
	.header__search:not(:focus-within) input.header__input::placeholder
	{
		color: transparent;
	}

	.header__search:not(:focus-within) input.header__input{caret-color: transparent;}
}

.header__space
{
	flex: 0 0 90px;
	width: 90px;
}
@media (max-width: 1399.98px) 
{
	.header__space
	{
		flex: 0 0 70px;
		width: 70px;
	}
}
@media (max-width: 1199.98px) 
{
	.header__space{display: none;}
}

.title-search-result
{
	background: var(--white);
	padding: 20px 18px;
	display: none;
	font: 500 18px / 24px Onest;
	opacity: 0;
	transition: opacity .3s ease;
	will-change: opacity;
}
@media (max-width: 767.98px) 
{
	.title-search-result
	{
		position: fixed !important;
		top: auto !important;
		bottom: 75px !important;
		left: 15px !important;
		right: 15px !important;
		transform: none !important;
		width: auto !important;
		max-width: 380px !important;
		max-height: 300px !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
		border-radius: 20px;
		box-shadow: 0 4px 20px rgba(0, 0, 0, .12);
		z-index: 1000 !important;
		margin: 0 auto !important;
	}
}

.title-search-result.is-active{opacity: 1;}

/* ===PAGINATION=== */

.pagination{margin-top: 30px;}

.pagination ul{gap: 10px;}

.pagination ul li{display: inline-block;}	

.pagination .button
{
	height: 48px;
	width: 48px;
	padding: 0;
	justify-content: center;
}
@media (max-width: 991.98px) 
{
	.pagination .button
	{
		height: 44px;		
		width: 44px;
	}
	
	.pagination .pagination--first,
	.pagination .pagination--dots,
	.pagination .pagination--last
	{
		display: none;
	}
}

.pagination .button.is-active
{
	background: var(--primary-color);
	color: var(--white);
	cursor: default;
}

.pagination .button.pagination--prev,
.pagination .button.pagination--next
{
	padding: 0 30px;
	width: auto;
	border: 1px solid var(--primary-color);
}	
@media (max-width: 991.98px) 
{
	.pagination .button.pagination--prev,
	.pagination .button.pagination--next
	{
		font-size: 0;
		width: 44px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.pagination .button.pagination--prev:before,
	.pagination .button.pagination--next:before
	{
		content: '';
		display: block;
		width: 20px;
		height: 20px;
		background: url(/images/icon-chevron-left.svg) center no-repeat;
		background-size: 15px 15px;		
		filter: var(--invert-filter);
	}
	
	.pagination .button.pagination--next:before{transform: rotate(180deg);}
	
	.pagination .button.pagination--prev.disable:before,
	.pagination .button.pagination--next.disable:before
	{
		filter: unset;
	}
}

.pagination .button.disable
{
	background: var(--grey-200);
	color: var(--white);
	cursor: default;
	border-color: var(--grey-200);
}

@media (hover: hover) 
{
	.pagination .button.disable:hover
	{
		background: var(--grey-200);
		color: var(--white);
		cursor: default;
		border-color: var(--grey-200);
	}
}

/* ===FOOTER=== */

footer
{
	background: var(--glass-700);
	padding: 80px 0;
	font: 400 16px / 16px Onest;
	margin-top: 100px;
	position: relative;
}
@media (max-width: 767.98px) 
{
	footer
	{
		padding: 60px 0;
		z-index: 0;
		margin-top: 40px;
	}
}

.footer--notop{margin-top: 0;}

.footer__top
{
	display: flex;
	gap: 30px;
	justify-content: space-between;
}
@media (max-width: 1399.98px) 
{
	.footer__top{gap: 0;}
}
@media (max-width: 1199.98px) 
{
	.footer__top
	{
		justify-content: unset;
		gap: 30px;
	}
}
@media (max-width: 767.98px) 
{
	.footer__top{gap: 0;}
	
	.footer__top .links{display: none !important;}
}

.footer__logo
{
	display: inline-block;
	width: 213px;
    height: 51px;
	color: var(--white);
}
@media (max-width: 1399.98px) 
{
	.footer__logo{margin-right: 30px;}
}
@media (max-width: 1199.98px) 
{
	.footer__logo{margin-right: 76px;}
}
@media (max-width: 991.98px) 
{
	.footer__logo{margin-right: 45px;}
}
@media (max-width: 767.98px) 
{
	.footer__logo{margin-right: 0;}
}

@media (hover: hover) 
{
	.footer__logo:hover{color: var(--white);}
}

.footer__logo img
{
	width: 100%;
    height: auto;
}

.footer__text
{
	font: 400 16px / 19px Onest;
	width: 504px;
}
@media (max-width: 1399.98px)
{
	.footer__text{width: 400px;}
}
@media (max-width: 1199.98px)
{
	.footer__text{width: 440px;}
}
@media (max-width: 767.98px) 
{
	.footer__text
	{
		font: 400 14px / 15px Onest;
		width: auto;
		margin: 10px 0 30px;		
	}
}

.footer__tel
{
	font: 400 24px / 24px Onest;
	margin-top: 7px;
}

.footer__contacts{gap: 60px;}
@media (max-width: 1399.98px) 
{    
	.footer__contacts{gap: 55px;}
}

.footer__contact
{
	display: flex;
	flex-direction: column;
}

.footer__bottom
{
	border-top: 1px solid var(--grey-600);
    padding-top: 60px;
    margin: 56px auto 0;
}
@media (max-width: 767.98px) 
{
    .footer__bottom
	{
		padding-top: 40px;
		margin: 40px auto 0;
	}
	
	.footer__bottom .links--mobile{margin: 40px 0;}
}

.footer__row
{
	display: flex;
    gap: 20px;
}
@media (max-width: 1199.98px) 
{
	.footer__row
	{
		gap: 60px;
		flex-direction: column;
	}
}
@media (max-width: 767.98px) 
{
	.footer__row{gap: 40px;}
}

.footer__pages
{
	display: flex;
    gap: 14px;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
}
@media (max-width: 767.98px) 
{
	.footer__pages
	{
		flex-direction: column;
		align-items: unset;
	}
}

.footer__subscription
{	
	display: flex;
    gap: 18px;
	flex: 0 0 690px;
    align-items: center;	
}
@media (max-width: 1199.98px) 
{
	.footer__subscription{flex: 1;}
}
@media (max-width: 767.98px) 
{
	.footer__subscription
	{
		align-items: flex-start;
		flex-direction: column;
	}
}

.footer__label{white-space: nowrap;}

.footer__subscription form
{
	display: flex;
	align-items: center;
}

.footer__subscription input
{
	height: 56px;
    border: 1px solid var(--primary-color);
    border-radius: 100px 0 0 100px;
    padding: 0 20px;
	font: 400 16px / 56px Onest;
	background: transparent;
	color: var(--white);
}
@media (max-width: 767.98px) 
{
	.footer__subscription input
	{
		height: 50px;
		font: 400 16px / 50px Onest;
	}
}

.footer__subscription .button{border-radius: 0 100px 100px 0;}

.footer__equipment{margin: 60px 0;}
@media (max-width: 767.98px) 
{
	.footer__equipment{display: none;}
}

.footer__list
{
	gap: 20px;
	margin-top: 20px;
}

.footer__list .button
{
	padding: 0 30px;
	font-weight: 400;
}

.footer__privacy
{
	display: flex;
	gap: 20px;
}
@media (max-width: 991.98px) 
{
    .footer__privacy
	{
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 30px;
	}
	
	.footer__privacy div{width: 100%;}
}

/* ===COOKIE=== */

.cookie
{
	display: none;
	font: 400 14px / 22px Onest;
	width: 290px;
	position: fixed;
	left: 20px;
	bottom: 18px;
	z-index: 999;
	background: var(--white);
	box-sizing: border-box;
	border: 1px solid var(--primary-color);
	padding: 19px;
	border-radius: 8px;
}
@media (max-width: 767.98px) 
{
	.cookie{left: 15px;}
}
@media (max-width: 379.98px) 
{
    .cookie{width: calc(100vw - 30px);}
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)))
{
	.cookie{background: rgba(41, 41, 43, .88);}
}

.cookie__action{margin: 10px 0 0;}

.cookie__button{justify-content: center;}

/* ===SUBSCRIPTION=== */

.subscription
{
	display: none;
	font: 400 14px / 22px Onest;
	width: 400px;
	position: fixed;
	left: 20px;
	bottom: 18px;
	z-index: 999;
	background: var(--white);
	box-sizing: border-box;
	border: 1px solid var(--primary-color);
	padding: 19px;
	border-radius: 8px;
}
@media (max-width: 767.98px) 
{
	.subscription
	{
		left: 15px;
		width: 350px;
	}
}
@media (max-width: 450.98px) 
{
    .subscription{width: calc(100vw - 30px);}
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px)))
{
	.subscription{background: rgba(41, 41, 43, .88);}
}

.subscription__box{position: relative;}

.subscription__close
{
	position: absolute;
	top: -10px;
	right: -10px;
	cursor: pointer;
	opacity: .8;
	transition: .2s ease;
}

@media (hover: hover)
{
	.subscription__close:hover{opacity: 1;}
}

.subscription__title{font: 800 20px / 24px Onest;}
@media (max-width: 767.98px) 
{
	.subscription__title{font: 800 18px / 22px Onest;}
}

.subscription__form
{
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.subscription__form input
{
	height: 56px;
    border: 1px solid var(--primary-color);
    border-radius: 100px 0 0 100px;
    padding: 0 20px;
	font: 400 16px / 56px Onest;
	background: transparent;
	color: var(--white);
}
@media (max-width: 767.98px) 
{
	.subscription__form input
	{
		height: 50px;
		font: 400 16px / 50px Onest;
	}
}

.subscription__form--modal input:-webkit-autofill 
{
    -webkit-text-fill-color: var(--black) !important;
    color: var(--black) !important;
}

.subscription__form .button{border-radius: 0 100px 100px 0;}
@media (max-width: 767.98px) 
{
	.subscription__form .button
	{
		font-size: 0;
		padding: 0;
		width: 80px;
		justify-content: center;
	}
	
	.subscription__form .button:before
	{
		content: '';
		display: block;
		background: url(/images/icon-subscribe.svg) center no-repeat;
		background-size: contain;
		height: 20px;
		width: 20px;
	}
}

/* ===NAV=== */

.hc-offcanvas-nav .nav-container, 
.hc-offcanvas-nav .nav-wrapper, 
.hc-offcanvas-nav ul 
{
    background: var(--grey-700);
}

.hc-offcanvas-nav .nav-content{padding: 0 15px}

.nav-title-wrapper{width: 90%;}

.hc-offcanvas-nav::after,
.hc-offcanvas-nav .nav-wrapper::after
{
	background: rgba(0,0,0,0.3);
}

.nav-title-wrapper img
{
	width: 100%;
	height: auto;
}

.hc-offcanvas-nav .flex
{
	flex-direction: column;
	align-items: flex-start;
}

.hc-offcanvas-nav.nav-close-button-empty .nav-title{padding-right: 46px}

.hc-offcanvas-nav .nav-content>h2,
.hc-offcanvas-nav .nav-content>h3,
.hc-offcanvas-nav .nav-content>h4,
.hc-offcanvas-nav .nav-content>h5,
.hc-offcanvas-nav .nav-content>h6
{
	font-size: 19px;
	font-weight: normal;
	padding: 25px 15px 30px;
	color: var(--white);
}

.hc-offcanvas-nav .nav-title + .nav-close a:not(.has-label)
{
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 29px;
	right :15px;
}

.hc-offcanvas-nav .nav-close-button span,
.hc-offcanvas-nav .nav-parent .nav-next,
.hc-offcanvas-nav .nav-back span
{
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	text-align :center;
	cursor: pointer;
	border-radius: 5px;
	transition: background .2s ease;
}

.hc-offcanvas-nav .nav-close-button span::before
{
	margin-left: -9px;
	transform: rotate(135deg);
}

.hc-offcanvas-nav .nav-close-button span::before,
.hc-offcanvas-nav .nav-close-button span::after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 2px solid var(--white);
	border-left: 2px solid var(--white);
}

.hc-offcanvas-nav .nav-close-button span::after{transform: rotate(-45deg);}

.hc-offcanvas-nav li{color: var(--white);}

.hc-offcanvas-nav li:not(.custom-content) .nav-item-link,
.hc-offcanvas-nav li.nav-close a,
.hc-offcanvas-nav .nav-back a
{
	padding: 12px;
	font-size: 15px;
	color: var(--white);
	z-index: 1;
	background: rgba(0,0,0,0);
	border-radius: 5px;
	transition: .05s background ease;
	outline: none;
}

/* ===MODAL=== */

.modal 
{
	display: none;
	height: 100%;
	width: clamp(280px, 80vw, 1120px);
	background: url(/images/hero-bg.webp) center no-repeat;
	background-size: cover;
	color: var(--white);
	padding: 50px clamp(30px, 7.3vw, 140px);
	box-sizing: border-box;
	position: absolute;
	left: auto;
	right: 0;
	overflow: auto;
}
@media (max-width: 767.98px) 
{
	.modal{padding: 23px 30px}
}

.modal__title
{
	color: var(--white);
	font: 500 36px / 44px Onest;
}
@media (max-width: 1439.98px) 
{
	.modal__title{padding-right: 40px}
}
@media (max-width: 767.98px) 
{
	.modal__title
	{
		font: 500 22px / 28px Onest;
		padding-right: 30px;
	}

}

.modal__text
{
	color: var(--primary-color);
	margin: 30px 0 40px 0;
}
@media (max-width: 767.98px) 
{
	.modal__text{margin-bottom: 20px}
}

.modal__row
{
	display: flex;
    gap: 40px;
    margin-bottom: 60px;
}
@media (max-width: 767.98px) 
{
	.modal__row
	{
		flex-direction: column;
		gap: 20px;
		margin-bottom: 20px;
	}
}

.modal__field{flex: 1;}

.modal__field::before 
{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 6px;
    height: 6px;
    background: var(--grey-200);
    transform: translateY(-50%);
	z-index: 1;
}

.modal__field.filled::before{display: none;}

.modal__form .form__input{color: var(--white);}

.modal__form input.form__input:-webkit-autofill
{
	-webkit-text-fill-color: var(--white) !important;
    color: var(--white) !important;
}

.modal__file{margin-top: 0;}

.modal__footer .button{height: 54px;}
@media (max-width: 767.98px) 
{
	.modal__footer .button{margin-right: 0;}
}

.modal__text--result{color: var(--white);}

.form__request{margin: 30px 0 40px 0;}
@media (max-width: 767.98px) 
{
	.form__request{margin-bottom: 20px}
}

.modal--map
{
	padding: 0;
	background: var(--white);
	overflow: hidden;
}
@media (max-width: 767.98px)
{
	.modal--map{width: 100%;}
}

.modal--map .bx-yandex-view-layout,
.modal--map .bx-yandex-view-map
{
	width: 100%;
	height: 100%;
}

.modal--map .f-button.is-close-button
{
	top: 15px;
	right: 15px;
	--f-button-color: var(--black);
}

/* ===PRELOADER=== */

.preloader::after
{
	content: '';
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	height: 100%;
	background: var(--backdrop-color) url(/images/preloader.svg) center no-repeat;
	background-size: 180px 180px;
	display: none;
	z-index: 1;
}

.preloader.is-loading::after{display: block}

/* ===FANCYBOX_MODAL=== */

.fancybox__backdrop{--fancybox-backdrop-bg: var(--backdrop-bg);}

.f-modal .fancybox__slide
{
	overflow: hidden;
	padding: 0;
}

.f-modal .f-slideIn{animation: slideIn .4s ease forwards;}

.f-modal .f-slideOut{animation: slideOut .4s ease forwards;}

@keyframes slideIn
{
	from{transform: translateX(100%);}
	
	to{transform: translateX(0);}
}

@keyframes slideOut
{
	from{transform: translateX(0);}
	
	to{transform: translateX(100%);}
}

.f-button.is-close-button
{
	top: 60px;
	right: 60px;
	--f-button-width: 36px;
	--f-button-height: 36px;
	--f-button-color: var(--white);
	--f-button-hover-color: var(--grey-600);
	--f-button-svg-stroke-width: 2px;
	--f-button-svg-width: 26px;
	--f-button-svg-height: 26px;
}
@media (max-width: 767.98px) 
{
    .f-button.is-close-button 
	{
        top: 27px;
        right: 27px;
    }
}

.f-modal .fancybox__slide.has-html5video .f-button.is-close-button
{
	top: 20px;
	right: 20px;
}

.fancybox__container:not([aria-hidden]){opacity: 1;}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top: 0;}

@media (max-width: 767.98px)
{
	.f-product-gallery .f-button.is-prev,
	.f-product-gallery .f-button.is-next
	{
		display: none !important;
	}
}

/* ===TOTOP=== */

.totop
{
	width: 48px;
    height: 48px;
    z-index: 100;
    box-sizing: border-box;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
    position: fixed;
    bottom: 18px;
    right: -48px;
    background: url(/images/icon-arrow.svg) center no-repeat;
    background-size: 20px;
    background-color: var(--white);
    cursor: pointer;
    transform: rotate(90deg);
    transition: .2s ease;
}

.totop.is-visible{right: 18px;}

@media (min-width: 1200px)
{
  .totop:hover{opacity: 1;}
}

@media (max-width: 767.98px) 
{
  .totop{display: none;}
}

/* ===MJX=== */

mjx-container[jax="CHTML"][display="true"] 
{
	display: flex;
	justify-content: safe center;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	box-sizing: border-box;
	line-height: 1;
}

/* ===MISC=== */

.tablebodytext {display: none !important}
/* End */
/* /local/templates/dipaul_metrology/template_styles.css?1792040200151234 */