/* Собрано bin/build-css: первая отрисовка группы «product», полный набор — all.css */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}
.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}
.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}
.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}
.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}
html{
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body{
margin: 0;
}
main{
display: block;
}
h1{
font-size: 2em;
margin: 0.67em 0;
}
hr{
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre{
font-family: monospace, monospace;
font-size: 1em;
}
a{
background-color: transparent;
}
abbr[title]{
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
b,
strong{
font-weight: bolder;
}
code,
kbd,
samp{
font-family: monospace, monospace;
font-size: 1em;
}
small{
font-size: 80%;
}
sub,
sup{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub{
bottom: -0.25em;
}
sup{
top: -0.5em;
}
img{
border-style: none;
}
button,
input,
optgroup,
select,
textarea{
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input{
overflow: visible;
}
button,
select{
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"]{
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
outline: 1px dotted ButtonText;
}
fieldset{
padding: 0.35em 0.75em 0.625em;
}
legend{
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress{
vertical-align: baseline;
}
textarea{
overflow: auto;
}
[type="checkbox"],
[type="radio"]{
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
height: auto;
}
[type="search"]{
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance: none;
}
::-webkit-file-upload-button{
-webkit-appearance: button;
font: inherit;
}
details{
display: block;
}
summary{
display: list-item;
}
template{
display: none;
}
[hidden]{
display: none;
}
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-horizontal{touch-action:pan-y}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
:root{--swiper-navigation-size:44px}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}
[data-panzoom-action=toggleFS] g:first-child{display:flex}
[data-panzoom-action=toggleFS] g:last-child{display:none}
[data-autoplay-action=toggle] svg g:first-child{display:flex}
[data-autoplay-action=toggle] svg g:last-child{display:none}
:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}
:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}
:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}
@keyframes f-spinner{to{rotate:360deg}}
@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes f-fadeOut{to{opacity:0}}
@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}
@keyframes f-crossfadeOut{to{opacity:0}}
@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}
@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}
@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}
@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}
@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}
@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}
@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}
@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}
@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}
@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}
@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}
@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}
:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}
:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}
@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}
[data-fullscreen-action=toggle] svg g:first-child{display:flex}
[data-fullscreen-action=toggle] svg g:last-child{display:none}
:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}
:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}
:root{
--Border-neutral-light: #e0e0e0
}
html{
font-size: 16px;
font-size: 1.0582010582vw;
}
@media screen and (max-width: 1024px){
html{
font-size: 16px;
}
}
html{
box-sizing: border-box;
text-size-adjust: none;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-webkit-overflow-scrolling: touch;
scroll-behavior: auto;
}
*,
*:before,
*:after{
box-sizing: inherit;
padding: 0;
margin: 0;
}
a[href^="http"]:empty::before{
content: attr(href);
}
img,
video,
audio{
max-width: 100%;
height: auto;
}
label,
button,
input,
select,
textarea{
cursor: pointer;
color: inherit;
}
label[for]{
cursor: pointer;
}
a:focus,
button:focus,
input:focus,
textarea:focus,
.slick-slide:focus{
outline: none;
}
a,
button{
cursor: pointer;
}
button{
appearance: none;
border-radius: 0;
border: none;
text-decoration: none;
transition: 0.25s ease;
background: transparent;
}
@font-face{
font-family: "LT Superior";
src: url("../../fonts/LTSuperior-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
}
@font-face{
font-family: "LT Superior";
src: url("../../fonts/LTSuperior-Semibold.otf") format("opentype");
font-weight: 600;
font-style: normal;
}
@font-face{
font-family: "SONGER SemiExpanded";
src: url("../../fonts/SONGER_SE_Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
}
::selection{
background-color: #000000;
color: white;
}
:root{
--border-field-rolor: #f0f0f0;
}
body{
line-height: normal;
color: var(--Text-primary, #232323);
font-family: "LT Superior", sans-serif;
background: var(--Background-neutral-light, #f0f0f0);
background-image: url(../../images/bg_lines.svg);
background-repeat: repeat;
background-size: 94.5rem;
}
@media screen and (max-width: 750px){
html,
body{
touch-action: pan-y;
}
}
a{
transition: 0.25s ease-in-out;
}
.btn_default{
appearance: none;
border-radius: 0;
border: none;
text-decoration: none;
cursor: pointer;
color: inherit;
transition: 0.25s ease;
display: inline-flex;
align-items: center;
justify-content: center;
}
.swiper-wrapper{
height: auto;
}
.container{
margin: 0 auto;
padding: 0 1.25rem;
}
@media screen and (max-width: 1024px){
.container{
padding: 0 1rem;
}
}
.top_page__block{
border-radius: 2.5rem 0 2.5rem 2.5rem;
background: var(--Background-primary, #fff);
padding: 1.45rem 1.75rem 1.25rem;
}
@media screen and (max-width: 1024px){
.top_page__block{
border-radius: 1.25rem 0 1.25rem 1.25rem;
padding: 0.8rem 1rem 1rem;
}
}
.top_page__section{
margin-bottom: 0.31rem;
}
@media screen and (max-width: 1024px){
.top_page__section{
margin-bottom: 0.94rem;
}
}
.title_xl{
font-family: "SONGER SemiExpanded";
font-size: 3.5rem;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin: 0;
}
.title_3{
color: var(--Text-primary, #232323);
font-family: var(--Typography-h3-font, "SONGER SemiExpanded");
font-size: var(--Typography-h3-size, 2.375rem);
font-style: normal;
font-weight: 700;
line-height: 110%;
letter-spacing: -0.0475rem;
margin: 0;
margin-bottom: 1.85rem;
}
@media screen and (max-width: 1024px){
.title_3{
font-size: var(--Typography-h4-size, 1.375rem);
font-weight: 700;
line-height: var(--Typography-h4-lihe-height, 1.5rem);
letter-spacing: -0.0275rem;
margin-bottom: 0.9rem;
}
}
.title_page{
padding-top: 3.4rem;
margin: 0 -0.5rem;
hyphens: auto;
}
@media screen and (max-width: 1024px){
.title_xl{
font-size: 2em;
font-style: normal;
font-weight: 700;
line-height: 1.2;
}
.title_page{
padding: 2.1rem 0 0;
margin: 0;
}
}
@media screen and (max-width: 1024px){
.top_page__section .container{
padding: 0;
}
}
.section__block{
margin-bottom: 3.75rem;
}
@media screen and (max-width: 750px){
.section__block{
margin-bottom: 3.13rem;
}
}
.section{
border-radius: 1.25rem;
background: var(--Background-primary, #fff);
padding: 1.25rem 1.25rem 1.25rem;
}
@media screen and (max-width: 1024px){
.container:has(.section){
padding: 0;
}
.section{
padding: 0.94rem 1rem;
border-radius: 1.25rem;
}
}
select.js_select{
opacity: 0;
}
.hide_scroll::-webkit-scrollbar{
display: none;
}
.hide_scroll{
-ms-overflow-style: none;
}
.link_x{
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 9%;
text-underline-offset: 20%;
text-underline-position: from-font;
display: inline-flex;
color: inherit;
}
.link_x:hover{
text-underline-offset: 17.5%;
text-decoration-color: transparent;
opacity: 0.5;
}
lottie-player{min-height:1px;}
.modal_default{
border-radius: var(--Radius-Radius-4, 1.25rem);
background: var(--Background-primary, #fff);
max-width: 22.5rem;
width: 100%;
padding: 2.75rem 1.75rem 1.75rem;
color: inherit;
display: none;
}
.modal_inner{
width: 100%;
}
.modal_thanks__icon{
border-radius: var(--Radius-Radius-5, 2.5rem);
background: #2deca0;
width: 4rem;
aspect-ratio: 1/1;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 0.95rem;
font-size: 0;
}
.modal_inner--thanks{
text-align: center;
}
.modal_title{
font-family: var(--Typography-h1-font, "SONGER SemiExpanded");
font-size: var(--Typography-h4-size, 1.375rem);
font-weight: 700;
line-height: var(--Typography-h4-lihe-height, 1.5rem);
margin-bottom: 0.75rem;
}
.modal_text{
line-height: var(
--Typography-Paragraph-Regular-Small-lihe-height,
1.0625rem
);
margin-bottom: 0.85rem;
}
.btn_modal{
width: 100%;
}
.modal_thanks__icon svg{
width: 40%;
height: auto;
}
.modal_call_manager{
border-radius: 0.75rem;
background: var(--Background-primary, #fff);
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
position: fixed;
bottom: 0.5rem;
right: 0.5rem;
display: flex;
align-items: flex-start;
padding: 1.25rem;
gap: 1.25rem;
z-index: 10;
width: 100%;
max-width: 33.125rem;
opacity: 0;
pointer-events: none;
transform: translate(0, 1rem);
transition: 0.25s ease-in-out;
}
.modal_call_manager__info__title{
font-family: "SONGER SemiExpanded";
font-size: 1.25rem;
font-weight: 700;
line-height: 110%;
margin-bottom: 0.25rem;
}
.modal_call_manager__info__text{
line-height: 150%;
margin-bottom: 0.25rem;
font-size: 0.915rem;
}
.modal_call_manager__image{
width: 3.75rem;
aspect-ratio: 1/1;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--background-neutral-light, #f0f0f0);
}
.modal_call_manager__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.link_modal_call_manager{
color: #ec682d;
}
.link_modal_call_manager:hover{
color: inherit;
opacity: 1;
}
.modal_call_manager__info{
flex: 1;
}
.btn_modal_call_manager__close{
position: absolute;
right: 0.1rem;
top: 0.1rem;
width: 2rem;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.5rem 0.5rem 0 0;
cursor: pointer;
border-bottom: 0;
}
.btn_modal_call_manager__close svg{
width: 60%;
height: auto;
transition: 0.25s ease-in-out;
}
.btn_modal_call_manager__close:hover svg{
opacity: 0.5;
}
@media screen and (max-width: 1024px){
.modal_call_manager{
padding: 0.75rem;
max-width: 25rem;
gap: 0.5rem;
right: 0.5rem;
bottom: 0.5rem;
width: auto;
border-radius: 1rem;
overflow: hidden;
}
.modal_call_manager__info__title{
font-size: 0.85rem;
line-height: 1.25;
}
.modal_call_manager__info__text{
font-size: 0.725rem;
line-height: 1.25;
max-width: 19rem;
margin-bottom: 0.25rem;
}
.modal_call_manager__image{
width: 3rem;
}
.link_modal_call_manager{
font-size: 0.75rem;
}
.btn_modal_call_manager__close svg{
width: 50%;
}
}
@media screen and (max-width: 550px){
.modal_call_manager{
left: 0.5rem;
max-width: none;
}
}
.modal__call{
max-width: 27.5rem;
}
.modal_catalog_filter_overlay{
position: fixed;
inset: 0;
z-index: 1000;
display: none;
align-items: center;
justify-content: center;
padding: 1rem;
pointer-events: none;
}
.modal_catalog_filter_overlay__backdrop{
position: absolute;
inset: 0;
background: rgba(35, 35, 35, 0.2);
backdrop-filter: blur(0.75rem);
cursor: pointer;
}
.modal_catalog_filter_overlay__inner{
position: relative;
z-index: 1;
width: 100%;
max-width: 28.125rem;
max-height: calc(100vh - 2rem);
overflow-y: auto;
}
.modal_catalog_filter_overlay__close{
position: absolute;
top: 0.75rem;
right: 0.75rem;
width: 1.5rem;
height: 1.5rem;
padding: 0;
border: none;
background: transparent;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: inherit;
}
.modal_catalog_filter_overlay__close:hover{
opacity: 0.7;
}
.modal_catalog_filter_overlay__close svg{
width: 100%;
height: 100%;
}
.js_modal_catalog_filter select.select2-hidden-accessible{
pointer-events: none !important;
}
.js_modal_catalog_filter .select2-container{
pointer-events: auto;
}
.breadcrumbs{
margin-bottom: 2rem;
}
.breadcrumbs__list{
display: flex;
align-items: flex-start;
gap: 0.75rem 2.075rem;
flex-wrap: wrap;
}
.breadcrumbs__item{
color: inherit;
font-size: 0.875rem;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.0175rem;
text-decoration: none;
position: relative;
}
.breadcrumbs__list a:after{
background-image: url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.14645 0.853553C4.95118 0.658291 4.95118 0.341709 5.14645 0.146447C5.34171 -0.0488155 5.65829 -0.0488155 5.85355 0.146447L8.52022 2.81311C8.71548 3.00838 8.71548 3.32496 8.52022 3.52022L5.85355 6.18689C5.65829 6.38215 5.34171 6.38215 5.14645 6.18689C4.95118 5.99163 4.95118 5.67504 5.14645 5.47978L6.95956 3.66667H0.5C0.223858 3.66667 0 3.44281 0 3.16667C0 2.89052 0.223858 2.66667 0.5 2.66667H6.95956L5.14645 0.853553Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A");
content: "";
position: absolute;
right: -1.375rem;
width: 0.5625rem;
aspect-ratio: 1/1;
background-repeat: no-repeat;
background-position: 50%;
top: 0.2rem;
background-size: contain;
}
.breadcrumbs__list a{
color: var(--Text-neutral, #b0b0b0);
}
.breadcrumbs__list a:hover{
color: inherit;
}
.btn_ghost{
border: 1px solid var(--Border-neutral-light, #f0f0f0);
}
.btn_ghost:hover{
background: #111;
color: #fff;
}
.btn_dark{
border-radius: var(--Radius-Radius-3, 0.9375rem);
background: var(--Background-secondary, #232323);
color: #fff;
}
.btn_dark:hover{
background: #eee;
color: var(--Text-primary, #232323);
}
.btn_small{
padding: 0.75rem 0.895rem 0.675rem;
font-size: var(--Typography-Title-large-size, 1rem);
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
border-radius: var(--Radius-Radius-3, 0.9375rem);
}
.btn_icon{
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.btn_icon svg{
width: 1.25rem;
height: auto;
margin-top: -0.125rem;
}
.btn_gray{
background: var(--Background-ghost-5, rgba(35, 35, 35, 0.05));
}
.btn_gray:hover{
background: #000;
color: #fff;
}
.btn_full{
width: 100%;
padding: 0.785rem 0.785rem 0.7rem;
}
.btn_orange{
border-radius: 1rem;
background: var(--Background-accent-light, #ec692d);
color: #fff;
}
.btn_orange:hover{
background: var(--Background-secondary, #232323);
color: var(--Background-primary, #fff);
}
.section__about__wrap{
max-width: 53.5rem;
}
.section__about{
font-size: 0.875rem;
line-height: 130%;
letter-spacing: -0.0175rem;
margin-bottom: 3.75rem;
}
.default_text>*{
margin-bottom: 0.85rem;
}
.default_text>*:first-child{
margin-top: 0;
}
.default_text ul,
.default_text ol{
padding-left: 1.23rem;
margin-bottom: 1.3rem;
margin-top: 1.3rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.default_text{
font-size: 0.88rem;
line-height: 1.3;
}
.default_text h2{
font-family: "SONGER SemiExpanded", sans-serif;
font-weight: 700;
font-size: 2.38rem;
line-height: 1.1;
letter-spacing: -0.02em;
margin-bottom: 1.3rem;
margin-top: 2rem;
}
.default_text p{
letter-spacing: -0.022em;
}
.default_text h3{
font-weight: 700;
font-size: 1.38rem;
line-height: 1.2;
letter-spacing: -0.02em;
font-family: "SONGER SemiExpanded", sans-serif;
margin-top: 2rem;
margin-bottom: 1.1rem;
}
.list--with_titles strong{
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.02em;
display: block;
font-size: 1rem;
margin-bottom: -0.9rem;
}
ol.list--with_titles li{
padding-left: 2.95rem;
position: relative;
counter-increment: item;
min-height: 1.75rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
ul.list--with_titles,
ol.list--with_titles{
display: flex;
flex-direction: column;
gap: 1rem;
list-style: none;
padding-left: 0;
}
.default_text a{
letter-spacing: -0.02em;
text-decoration: underline;
color: #ec692d;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 9%;
text-underline-offset: 20%;
text-underline-position: from-font;
}
ul.list--with_titles li{
padding-left: 1.5rem;
position: relative;
}
ul.list--with_titles li:before{
background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33008 0L8.66021 2.5V7.5L4.33008 10L-4.91142e-05 7.5V2.5L4.33008 0Z' fill='%23232323'/%3E%3C/svg%3E%0A");
content: '';
position: absolute;
left: 0.1rem;
top: 0.225rem;
width: 0.65rem;
aspect-ratio: 1/1;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
}
.--dark ul.list--with_titles li:before{
filter: invert(1)
}
.default_text blockquote{
padding: 0.5rem 1.95rem;
border-left: 0.13rem solid #ec692d;
font-weight: 600;
font-size: 0.88rem;
line-height: 1.3;
letter-spacing: -0.02em;
margin-top: 1.2rem;
padding-right: 0;
}
.__color__orange{
color: #ee713a;
}
.list--with_titles strong:last-child{
margin: 0;
min-height: 1.9rem;
display: flex;
align-items: center;
}
ol.list--with_titles{
list-style: none;
counter-reset: item;
}
ol.list--with_titles li:before{
content: counter(item);
position: absolute;
left: 0;
top: 40%;
transform: translate(0, -50%);
width: 2rem;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-family: "SONGER SemiExpanded", sans-serif;
font-weight: 700;
font-size: 0.88rem;
line-height: 1;
letter-spacing: -0.02em;
color: #232323;
background: #f0f0f0;
}
.default_text a:hover{
color: inherit;
text-underline-offset: 17.5%;
text-decoration-color: transparent;
}
@media screen and (max-width:1024px){
.section__about__wrap{
max-width: 100%
}
.default_text h2{
font-size: 1.38rem;
margin-bottom: 1.25rem;
}
.default_text>*{
margin-bottom: 1rem;
}
.default_text blockquote{
padding-left: 1.25rem;
}
.default_text h3{
font-size: 1.2rem;
}
}
.field_group{
display: flex;
flex-direction: column;
gap: 0.94rem;
}
.field_row{
display: flex;
flex-wrap: wrap;
gap: 0.62rem;
}
.field_row--mb_small{
margin-bottom: -0.65rem;
}
.field_field{
flex: 1;
}
.field_field input,
.field_field textarea{
border-radius: 0.9375rem;
border: none;
width: 100%;
font-weight: 400;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
letter-spacing: -0.02rem;
padding: 0.85rem 1rem 0.65rem 1rem;
transition: 0.25s ease-in-out;
border: 0.125rem solid var(--border-field-rolor);
background: transparent;
}
.field_field textarea{
resize: none;
min-height: 6.65rem;
}
.field_field--radio__list{
display: flex;
flex-wrap: wrap;
gap: 1.3rem;
}
.field_field__radio{
display: inline-flex;
gap: 0.625rem;
align-items: center;
}
.field_field__title{
color: var(--Text-primary, #232323);
font-family: var(--Typography-Title-large-font, "LT Superior");
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
letter-spacing: -0.02rem;
margin-bottom: 0.65rem;
}
.field_field__radio__view{
border-radius: 4.6875rem;
border: 1px solid var(--Border-neutral-dark, #d1d1d1);
background: var(--Background-primary, #fff);
position: relative;
width: 1.25rem;
aspect-ratio: 1/1;
overflow: hidden;
transition: 0.25s ease-in-out;
}
.field_field__radio input{
position: absolute;
width: auto;
opacity: 0;
}
.field_field.field_field--radio{
padding-top: 0;
}
.field_field__radio__title{
font-size: var(--Typography-Title-medium-size, 0.875rem);
font-weight: 600;
line-height: var(--Typography-Title-medium-lihe-height, 1.0625rem);
letter-spacing: -0.00875rem;
margin-top: 0.2rem;
}
.field_field__radio__view__circle{
border-radius: 4.6875rem;
border: 0.3125rem solid var(--Icon-accent, #ec692d);
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: scale(1.25);
transition: 0.25s ease-in-out;
opacity: 0;
}
.field_field__radio input:checked+.field_field__radio__view .field_field__radio__view__circle{
transform: scale(1);
opacity: 1;
}
input:checked+.field_field__radio__view{
border-color: transparent;
}
.select2-container:has(.selection){
width: 100% !important;
}
.select2-container--default .select2-selection--single{
border: 0.125rem solid var(--border-field-rolor);
border-radius: 0.9375rem;
background: transparent;
padding: 0.85rem 0.625rem 0.6rem 0.9375rem;
height: auto;
padding-right: 2.5rem;
width: 100%;
}
.select2-container .select2-selection--single .select2-selection__rendered{
font-weight: 400;
line-height: 125%;
color: inherit;
padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.7746 8.47468C14.0187 8.71876 14.0187 9.11449 13.7746 9.35857L10.4413 12.6919C10.1972 12.936 9.80149 12.936 9.55741 12.6919L6.22407 9.35857C5.98 9.11449 5.98 8.71876 6.22407 8.47468C6.46815 8.23061 6.86388 8.23061 7.10796 8.47468L9.99935 11.3661L12.8907 8.47468C13.1348 8.23061 13.5305 8.23061 13.7746 8.47468Z' fill='%23AFAFAF'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 50%;
height: 100%;
width: auto;
aspect-ratio: 0.825/1;
transition: 0.25s ease-in-out;
background-size: 75%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
display: none;
}
.upload_file{
position: relative;
}
.upload_file input{
position: absolute;
opacity: 0;
width: 100%;
padding: 0;
height: 0;
left: 0;
}
.upload_file__btn{
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.9375rem;
border: 0.125rem solid var(--border-field-rolor);
font-style: normal;
font-weight: 600;
padding: 0.7rem;
gap: 0.5rem;
transition: 0.25s ease-in-out;
}
.upload_file__btn__icon{
font-size: 0;
width: 1.2rem;
margin-top: -0.2rem;
}
.upload_file__btn__icon svg{
width: 100%;
height: auto;
}
.upload_file__btn:hover{
background: #232323;
color: #fff;
}
.field_field__checkbox input{
position: absolute;
opacity: 0;
width: auto;
height: auto;
left: 0.175rem;
bottom: 0;
}
.field_field__checkbox{
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
letter-spacing: -0.02rem;
display: inline-flex;
align-items: flex-start;
gap: 1rem;
position: relative;
}
.field_field__checkbox__view{
border-radius: 0.125rem;
background: transparent;
width: 1.25rem;
aspect-ratio: 1/1;
position: relative;
border: 1px solid var(--Background-secondary, #232323);
margin-top: -0.125rem;
}
@media screen and (max-width: 750px){
.field_field__checkbox__view{
margin-top: 0;
}
}
.field_field--agree{
padding-top: 0.125rem;
}
input:checked+.field_field__checkbox__view{
background: var(--Background-accent-light, #ec692d);
border-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.2336 0.183058C10.4777 0.427136 10.4777 0.822864 10.2336 1.06694L4.40028 6.90027C4.1562 7.14435 3.76047 7.14435 3.51639 6.90027L0.183058 3.56694C-0.0610194 3.32286 -0.0610194 2.92714 0.183058 2.68306C0.427136 2.43898 0.822864 2.43898 1.06694 2.68306L3.95833 5.57445L9.34973 0.183058C9.5938 -0.0610194 9.98953 -0.0610194 10.2336 0.183058Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 50%;
background-size: 50%;
}
.modal__kp__row{
display: flex;
flex-wrap: wrap;
gap: 1.25rem;
}
.modal__kp{
max-width: 72.25rem;
padding: 1.275rem;
}
.modal_title--kp{
font-weight: 700;
font-size: 2.38rem;
line-height: 1.21053;
margin-bottom: 1.25rem;
}
.modal__kp__form__title{
font-weight: 700;
font-size: 1.38rem;
line-height: 1.09091;
font-family: "SONGER SemiExpanded", sans-serif;
margin-bottom: 1.2rem;
}
.modal__kp__info__title{
font-weight: 700;
font-size: 1.38rem;
line-height: 1.09091;
font-family: "SONGER SemiExpanded", sans-serif;
margin-bottom: 1rem;
}
.modal__kp__info__list--empty{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
flex-direction: column;
padding-top: 2.65rem;
}
.modal__kp__info{
border-radius: 1.25rem;
padding: 0.31rem 0.31rem 0rem;
height: 28.25rem;
background: #f0f0f0;
width: 42.15rem;
}
.modal__kp__form{
flex: 1;
}
.modal__kp__info__inner{
height: 100%;
display: flex;
flex-direction: column;
padding: 1.45rem 1rem 1.25rem 1.25rem;
}
.modal__kp__info__list--empty__title{
font-weight: 700;
font-size: 1.38rem;
line-height: 1.09091;
color: #b0b0b0;
font-family: "SONGER SemiExpanded", sans-serif;
margin-bottom: 0.85rem;
}
.btn_modal__kp__info{
width: auto;
font-weight: bold;
padding: 0.75rem 1.25rem 0.7rem;
}
.btn_modal__kp__info:hover{
background: #b0b0b0;
color: #fff;
}
.field_field--upload_files--modal_kp{
margin-top: -0.5rem;
}
@media screen and (max-width: 1024px){
.field_field input,
.field_field textarea{
padding: 0.75rem 1rem;
}
.field_field__checkbox__title{
padding-top: 0.125rem;
}
.field_field textarea{
min-height: 6.425rem;
}
.field_field__checkbox{
font-size: 0.875rem;
}
}
@media screen and (max-width: 750px){
.field_field--radio__list{
flex-direction: column;
gap: 0.7rem;
}
.field_field__title--empty{
display: none;
}
.field_row{
flex-direction: column;
gap: 0.94rem;
}
}
.field_field input:focus,
.field_field textarea:focus{
background: var(--border-field-rolor);
border-color: transparent;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
-webkit-appearance: none;
margin: 0;
}
input[type="number"]{
-moz-appearance: textfield;
}
.modal__kp__info__list{
padding: 0;
height: 100%;
overflow: auto;
margin-bottom: 0;
}
.modal__kp__info__list::-webkit-scrollbar{
width: 0.25rem;
}
.modal__kp__info__list::-webkit-scrollbar-track{
background: #ffffff;
}
.modal__kp__info__list::-webkit-scrollbar-thumb{
background: #888888;
border-radius: 1rem
}
.modal__kp__info__list__overlay{
display: flex;
flex-wrap: wrap;
flex-direction: column;
gap: 0.31rem;
padding-right: 1rem;
}
.modal__kp__info__list:not(:has(.modal__kp__info__card)){
display: none;
}
@media screen and (max-width: 1024px){
.modal__kp{
max-width: 600px;
}
.modal_title--kp{
font-size: 1.38rem;
max-width: 17rem;
line-height: 1.25;
margin-bottom: 1rem;
}
.modal__kp__form__title{
font-size: 1rem;
}
.modal__kp__info__title{
font-size: 1rem;
}
.modal__kp__info__inner{
padding: 16px 5px;
}
.modal__kp__info{
height: auto;
min-height: 360px;
}
.modal__kp__info__list--empty__title{
font-size: 1rem;
margin-bottom: 10px;
}
.btn_modal__kp__info{
font-size: 0.85rem;
border-radius: 0.55rem;
padding: 0.7rem 1.25rem 0.6rem;
}
.modal__kp__info__list{
padding: 10px 0;
overflow: visible;
height: auto;
}
.modal__kp__info__list__overlay{
padding-right: 0;
}
}
.mega_menu{
position: absolute;
top: 6.5rem;
left: 0;
right: 0;
z-index: 10;
opacity: 0;
transform: translate(0, -1rem);
transition: 0.35s ease-in-out;
pointer-events: none;
}
.section--mega_menu{
border-radius: 1.25rem 0 1.25rem 1.25rem;
overflow-x: hidden;
overflow-y: auto;
max-height: calc(100vh - 6.225rem - 0rem);
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.section--mega_menu::-webkit-scrollbar{
display: none;
}
.mega_menu__main{
display: flex;
flex-wrap: wrap;
gap: 0.63rem;
margin-bottom: 0.31rem;
align-items: flex-start;
}
.mega_menu__articles{
border-radius: 0.9375rem;
background: var(--Background-neutral-light, #f0f0f0);
width: 22.3125rem;
padding: 0.9375rem;
}
.mega_menu__projects .swiper,
.mega_menu__projects .swiper-wrapper,
.mega_menu__project__item--slide{
height: 100%;
}
.mega_menu__projects .swiper{
width: 100%;
}
.mega_menu__project__item--slide{
padding-right: 0.31rem;
max-width: 39.275rem;
}
.mega_menu__article--slide{
max-width: 100%;
padding-right: 0;
box-sizing: border-box;
padding: 0 0.9375rem;
}
.mega_menu__article__image{
aspect-ratio: 1/1;
display: block;
overflow: hidden;
border-radius: 1.25rem;
margin-bottom: 0.35rem;
}
.mega_menu__article__image img{
width: 101%;
height: 101%;
object-fit: cover;
transition: 0.35s ease-in-out;
max-width: none;
}
.mega_menu__article__content{
padding: 0.62rem 0.62rem 0.925rem;
}
.mega_menu__article__title{
font-family: "SONGER SemiExpanded";
font-weight: 700;
line-height: 110%;
letter-spacing: -0.02rem;
margin-bottom: 0.65rem;
}
.mega_menu__article__text{
font-size: 0.75rem;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.015rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1rem;
}
.btn_mega_menu__articles{
margin-top: 1.15rem;
}
.mega_menu__articles__slider{
margin: 0 -0.9375rem;
}
.swiper-pagination-horizontal{
width: 100%;
display: flex;
}
.mega_menu__articles__slider__navigation{
margin-top: 0.5rem;
}
.mega_menu__articles__slider__navigation .swiper-pagination-bullet{
background: var(--Background-primary, #fff);
}
.mega_menu__articles__slider__navigation .swiper-pagination-bullet-active{
background: var(--Background-accent-light, #ec692d);
}
.mega_menu__projects{
gap: 0.31rem;
display: flex;
flex-wrap: wrap;
width: calc(100% - 10.15rem);
}
.mega_menu__project__item{
position: relative;
border-radius: 0.9375rem;
background: var(--Background-primary, #fff);
overflow: hidden;
height: 100%;
box-sizing: border-box;
}
.mega_menu__project__item__info{
position: relative;
border-radius: 1.5rem;
background: var(--Background-primary, #fff);
padding: 1.35rem 1.25rem 1.25rem;
margin: 0.2rem;
max-width: 22rem;
z-index: 2;
height: calc(100% - 0.2rem * 2);
}
.mega_menu__project__item__image{
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.mega_menu__project__item__image img{
width: 100%;
height: 100%;
transition: 0.25s ease-in-out;
object-fit: cover;
}
.mega_menu__project__item__image:hover img{
transform: scale(1.0175);
}
.mega_menu__project__item__info__title{
font-family: var(--Typography-h3-font, "SONGER SemiExpanded");
font-size: var(--Typography-h4-size, 1.25rem);
font-weight: 700;
line-height: var(--Typography-h4-lihe-height, 1.5rem);
margin-bottom: 0.725rem;
}
.mega_menu__project__item__info__text{
font-size: var(--Typography-Paragraph-Regular-Small-size, 0.75rem);
font-weight: 600;
line-height: var(--Typography-Paragraph-Regular-Small-lihe-height,
1.0625rem);
margin-bottom: 0.45rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.mega_menu__article__image:hover img{
transform: scale(1.015);
}
.mega_menu__section__title a{
color: inherit;
font-family: var(--Typography-h3-font, "SONGER SemiExpanded");
font-weight: 700;
line-height: 1rem;
text-decoration: none;
padding-left: 1.125rem;
display: inline-block;
position: relative;
padding-right: 1.5rem;
}
.mega_menus{
flex: 1;
padding: 0.5rem 0;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.mega_menu__section__title a:before{
width: 0.625rem;
aspect-ratio: 1/1;
content: "";
position: absolute;
left: -0.125rem;
top: 0.17rem;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
transition: 0.25s ease-in-out;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='10' viewBox='0 0 9 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33012 0L8.66025 2.5V7.5L4.33012 10L-3.33786e-06 7.5V2.5L4.33012 0Z' fill='%23EC692D'/%3E%3C/svg%3E%0A") !important;
filter: brightness(0);
}
.mega_menu__section__title a:after{
background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.183058 0.183058C0.427136 -0.0610194 0.822864 -0.0610194 1.06694 0.183058L4.40028 3.51639C4.64435 3.76047 4.64435 4.1562 4.40028 4.40028L1.06694 7.73361C0.822864 7.97769 0.427136 7.97769 0.183058 7.73361C-0.0610194 7.48953 -0.0610194 7.0938 0.183058 6.84973L3.07445 3.95833L0.183058 1.06694C-0.0610194 0.822864 -0.0610194 0.427136 0.183058 0.183058Z' fill='%23EC692D'/%3E%3C/svg%3E%0A");
content: "";
width: 0.325rem;
aspect-ratio: 1/1.5;
background-size: contain;
content: "";
position: absolute;
right: 0;
top: 0.225rem;
background-repeat: no-repeat;
background-position: 50%;
transition: 0.25s ease-in-out;
filter: brightness(0);
opacity: 0.5;
}
.mega_menu__section{
margin-bottom: 1.65rem;
}
.mega_menu__section:last-child{
margin-bottom: 0;
}
.mega_menu__section__content__item__title a{
color: inherit;
font-family: var(--Typography-h3-font, "SONGER SemiExpanded");
font-size: 0.875rem;
font-weight: 700;
line-height: 1.35;
text-decoration: none;
display: inline-block;
}
.mega_menu__section__content__item--half .mega_menu__section__content__item__title a{
max-width: 10.6rem;
}
.mega_menu__section__content__item__list a{
color: inherit;
font-size: 0.75rem;
font-weight: 600;
line-height: 0.875rem;
text-decoration: none;
}
.mega_menu__section__content{
display: flex;
flex-wrap: wrap;
gap: 1rem 0;
}
.mega_menus__col_1{
max-width: 38.8%;
}
.mega_menus__col_2{
width: 29%;
padding-top: 2.65rem;
}
.mega_menu__section__title{
margin-bottom: 1.15rem;
}
.mega_menu__section__title:last-child{
margin-bottom: 0;
}
.mega_menu__section__content__item__list ul{
list-style: none;
display: flex;
flex-direction: column;
gap: 0.05rem;
}
.mega_menu__section__content__item__title{
margin-bottom: 0.8rem;
}
.mega_menu__section__content__item{
width: 100%;
}
.mega_menu__section__content__item--half{
width: 50%;
}
.mega_menu__section__content__item__title a:hover{
color: #ec682d;
}
.mega_menu__section__content__item__list a:hover{
color: #ec682d;
}
.mega_menu__section__title a:hover{
color: #ec682d;
}
.mega_menu__section__title a:hover:after{
filter: none !important;
opacity: 1;
}
.mega_menu__section__title a:hover:before{
filter: none;
}
.mega_menus__col_3{
flex: 1;
padding-top: 2.65rem;
}
.mega_menu__bottom{
display: flex;
gap: 0.31rem;
width: 100%;
}
.btn_mega_menu__bottom{
width: 10.15rem;
aspect-ratio: 1/1;
}
.mega_menu__section--requisites{
border-radius: var(--Radius-Radius-3, 0.9375rem);
background: var(--Background-neutral-light, #F0F0F0);
padding: 1.25rem;
}
.mega_menu__section--customer_assessment{
margin-top: -1rem;
padding: 1rem 1rem 1rem 1.25rem;
}
.link_x--customer_assessment{
font-size: 0.8765rem;
}
.mega_menu__section--requisites .mega_menu__section__title{
font-family: var(--Typography-h3-font, "SONGER SemiExpanded");
font-weight: 700;
line-height: 1rem;
text-decoration: none;
display: inline-block;
position: relative;
padding-right: 1.5rem;
color: var(--Text-neutral, #B0B0B0);
}
.mega_menu__requisites__list ul{
list-style: none;
display: flex;
flex-direction: column;
gap: 0.325rem;
}
@media screen and (max-width: 1024px){
.mega_menu__project__item--slide{
max-width: calc((100vw - 7.5rem - 0.31rem - 1.25rem * 2) / 2);
}
.mega_menu__projects{
width: calc(100% - 7.5rem);
}
.mega_menu{
top: 4.5rem;
}
.mega_menus__col_1{
max-width: 100%;
}
.mega_menus__col_2,
.mega_menus__col_3{
width: 50%;
}
.mega_menu__articles{
width: 19rem;
}
.mega_menu__article__title{
font-size: 0.9rem;
line-height: 1.25;
}
.btn_mega_menu__articles{
font-size: 0.9rem;
margin-bottom: 0.25rem;
}
.mega_menu__section__content__item__title{
max-width: 20rem;
}
.mega_menu__project__item__info__title{
font-size: 1rem;
margin-bottom: 0.5rem;
}
.mega_menu__project__item__info__text{
font-size: 0.65rem;
margin-bottom: 0.5rem;
-webkit-line-clamp: 2;
}
.btn_mega_menu__bottom{
width: 7.5rem;
}
.mega_menu__main{
margin-bottom: 0.75rem;
}
.section--mega_menu{
max-height: calc(100vh - 4.5rem - 0rem);
}
.mega_menu__project__item__info{
max-width: 16rem;
}
.btn_mega_menu__project__item{
font-size: 0.85rem;
}
}
@media screen and (max-width: 750px){
.mega_menu{
display: none;
}
}
.modal_search{
position: absolute;
top: 0rem;
left: calc(100% - 6.5rem);
width: 25.35rem;
transition: 0.35s ease-in-out;
transform-origin: 0 0;
pointer-events: none;
width: 0;
opacity: 0;
}
.modal_search__field input{
color: #232323;
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
padding: 0.725rem 0 0.78rem 0.6rem;
border-radius: var(--Radius-Radius-3, 0.9375rem);
border: 0.075rem solid var(--Background-secondary, #dfdfdf);
width: 100%;
padding-right: 8.75rem;
padding-left: 2.75rem;
background: var(--Background-primary, #fff);
}
.modal_search__field__btns{
position: absolute;
right: 0;
top: 0;
bottom: 0;
border-radius: 0.8rem;
display: flex;
align-items: center;
gap: 0.31rem;
overflow: hidden;
}
.modal_search__field:before{
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9876 12.8715C9.77902 14.6403 6.54616 14.5011 4.49884 12.4538C2.30214 10.2571 2.30214 6.69554 4.49884 4.49884C6.69554 2.30214 10.2571 2.30214 12.4538 4.49884C14.5011 6.54616 14.6403 9.77902 12.8715 11.9876L17.1678 16.2839C17.4119 16.528 17.4119 16.9237 17.1678 17.1678C16.9237 17.4119 16.528 17.4119 16.2839 17.1678L11.9876 12.8715ZM5.38273 11.5699C3.67418 9.86137 3.67418 7.09127 5.38273 5.38273C7.09127 3.67418 9.86137 3.67418 11.5699 5.38273C13.2772 7.09002 13.2785 9.8573 11.5737 11.5661C11.5724 11.5674 11.5712 11.5686 11.5699 11.5699C11.5686 11.5711 11.5674 11.5724 11.5662 11.5737C9.85731 13.2785 7.09002 13.2772 5.38273 11.5699Z' fill='%23232323'/%3E%3C/svg%3E%0A");
content: "";
position: absolute;
left: 0.25rem;
top: 0;
bottom: 0;
aspect-ratio: 0.9/1;
background-repeat: no-repeat;
background-position: 50%;
background-size: 50%;
}
.btn_modal_search__reset{
aspect-ratio: 1/1;
width: 2rem;
padding: 0;
border-radius: 0.625rem;
}
.btn_modal_search{
padding: 1rem 1.25rem;
height: 100%;
border-radius: 0.85rem;
}
.btn_modal_search__reset svg{
width: 65%;
height: auto;
}
.modal_search__field:has(input:placeholder-shown)+.modal_search__field__btns .btn_modal_search__reset{
opacity: 0;
pointer-events: none;
}
.modal_search__content__result{
position: absolute;
top: calc(100% + 0.5rem);
left: 0;
width: 100%;
z-index: 5;
padding: 0.5rem 0.5rem 0;
border-radius: var(--Radius-Radius-3, 0.9375rem);
border: 0.075rem solid #f0f0f0;
background: var(--Background-primary, #fff);
opacity: 1;
transition: 0.25s ease-in-out;
pointer-events: all;
}
.modal_search__content__result:empty{
opacity: 0;
pointer-events: none;
}
.--dark .modal_search__content__result{
border-color: #484848;
}
@media screen and (max-width: 1024px){
.modal_search__field input{
padding-right: 8.25rem;
padding-left: 2.5rem;
}
.modal_search{
left: auto;
right: 3.15rem;
overflow: hidden;
}
.modal_search__field input{
padding-top: 0.675rem;
padding-bottom: 0.72rem;
font-weight: 400;
border-width: 1px;
}
.btn_modal_search{
top: 1px;
bottom: 1px;
right: 1px;
border-radius: 14px;
}
}
@media screen and (max-width: 750px){
.modal_search{
position: fixed;
z-index: 11;
top: 1.1rem;
right: 4rem;
}
body:has(.header_main--mobile.active) .modal_search{
top: 0.85rem;
right: 4.35rem;
width: calc(100vw - 3rem - 1.25rem - 1rem);
padding: 0;
}
}
@media screen and (max-width: 550px){
.modal_search__content__result{
left: 15px;
top: 100%;
width: calc(100% + 35px);
}
form:has(.modal_search__field){
position: relative;
}
.btn_modal_search{
font-size: 14px;
font-weight: 600;
}
}
.header_main--mobile{
display: none;
}
.header_main--mobile{
position: fixed;
top: 0;
padding-top: 0;
left: 0.25rem;
right: 0.25rem;
padding-top: 0;
z-index: 10;
transform: translate(0, -100%);
transition: 0.35s ease-in-out;
}
.header_main--mobile .header_main__row:before{
display: none;
}
.header_main--mobile .header_main__row{
background: var(--Background-primary, #fff);
border-radius: 1rem;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
}
.header_main--mobile.active{
transform: translate(0, 0);
padding-top: 0;
top: 0.25rem;
transition-delay: 0.125s;
}
@media screen and (max-width: 750px){
.header_main--mobile{
display: block;
}
}
.cookies_modal{
opacity: 0;
pointer-events: none;
transform: translate(0, 1rem);
position: fixed;
bottom: 1.25rem;
left: 1.25rem;
border-radius: 0.9375rem;
background: var(--Background-primary, #232323);
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
color: var(--Text-primary, #fff);
display: flex;
padding: 0.75rem 0.85rem;
align-items: center;
gap: 0.75rem;
font-size: 0.75rem;
line-height: 1;
padding-right: 0.45rem;
transition: 0.25s ease-in-out;
z-index: 10;
}
.cookies_modal__icon{
width: 1.5rem;
aspect-ratio: 1/1;
}
.cookies_modal__icon svg{
width: 100%;
height: auto;
}
.cookies_modal__title{
font-family: "SONGER SemiExpanded";
font-size: 0.8rem;
font-weight: 700;
line-height: 1.125rem;
margin-bottom: 0.25rem;
}
.cookies_modal__text{
padding-bottom: 0.2rem;
line-height: 1.25;
}
.btn_close--cookie{
padding: 0;
width: 2rem;
aspect-ratio: 1/1;
}
.btn_close--cookie svg{
width: 60%;
height: auto;
}
.btn_close--cookie:hover{
background: transparent;
color: inherit;
opacity: 0.5;
}
.cookies_modal__info{
flex: 1;
}
@media screen and (max-width: 550px){
.cookies_modal{
left: 1rem;
right: 1rem;
bottom: 1rem;
padding: 0.85rem;
gap: 0.85rem;
}
.btn_close--cookie{
position: absolute;
top: 0;
right: 0;
}
.cookies_modal__title{
margin-bottom: 0.175rem;
font-size: 0.75rem;
}
.cookies_modal__text{
line-height: 1.3;
font-size: 0.725rem;
}
}
@media screen and (min-width: 751px){
.mobile_menu{
display: none;
}
}
.mobile_menu{
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
pointer-events: none;
opacity: 0;
transition: 0.25s ease-in-out;
transition-delay: 0.25s;
}
.mobile_menu__bg{
background: rgba(0, 0, 0, 0.25);
backdrop-filter: blur(0.625rem);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
transition: 0.25s ease-in-out;
cursor: pointer;
}
.mobile_menu__content__wrap{
position: absolute;
top: 0;
right: 1rem;
left: 1rem;
bottom: 0;
z-index: 2;
transition: 0.25s ease-in-out;
transform: translate(0, 1rem);
opacity: 0;
overflow: scroll;
padding-top: 3.75rem;
}
.mobile_menu__close{
position: absolute;
right: 0;
top: 0.55rem;
aspect-ratio: 1/1;
padding: 0.75rem;
width: 2.7rem;
border-radius: 0.75rem;
background: var(--Background-primary, #fff);
color: inherit;
}
.mobile_menu__content{
height: auto;
padding: 0.94rem 0.94rem 1.25rem;
border-radius: 1.25rem;
background: var(--Background-primary, #fff);
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 1rem;
}
.mobile_menu__item a{
color: inherit;
font-family: var(--Typography-h3-font, "SONGER SemiExpanded");
font-weight: 700;
line-height: var(--Typography-h5-lihe-height, 1.25rem);
padding: 0.85rem;
display: inline-flex;
text-decoration: none;
width: 100%;
font-size: 0.9rem;
}
.mobile_menu__item.active > a{
color: #ec682d;
}
.mobile_menu__top ul{
list-style: none;
}
.mobile_menu__submenu{
display: none;
padding: 0rem 0 0.75rem;
}
.mobile_menu__item--has_submenu.active{
border-radius: 0.625rem;
border-color: var(--Border-accent, #ec692d);
}
.mobile_menu__list ul{
display: flex;
flex-direction: column;
gap: 0.45rem;
}
.mobile_menu__submenu a{
font-size: 0.875rem;
line-height: 1rem;
width: 100%;
padding: 0.41rem 0.85rem;
}
.mobile_menu__item a:hover{
color: #ec692d;
}
.mobile_menu__close svg{
width: 100%;
height: auto;
}
.mobile_menu__bottom{
margin-top: 2rem;
}
.mobile_menu__add_links a{
color: inherit;
font-size: 0.75rem;
font-weight: 600;
line-height: 0.875rem;
}
.mobile_menu__add_links{
margin-top: 1.25rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.mobile_menu__submenu--second a{
font-size: 0.75rem;
padding-left: 1.55rem;
}
.mobile_menu__submenu--second ul{
gap: 0.25rem;
}
.mobile_menu__submenu--second{
padding: 0.35rem 0 0;
}
.mobile_menu__item__arrow{
position: absolute;
right: 0.25rem;
top: 0.55rem;
transform: rotate(90deg);
opacity: 0.5;
width: 2rem;
aspect-ratio: 1/1;
}
.mobile_menu__item{
position: relative;
border-radius: 0.625rem;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
}
.mobile_menu__item__arrow:hover{
opacity: 1;
}
.mobile_menu__item__arrow svg{
width: 70%;
height: auto;
}
.mobile_menu__item--has_submenu--second{
position: relative;
border: none;
border-radius: 0;
}
.mobile_menu__item--has_submenu.active > .mobile_menu__item__arrow{
transform: none;
color: #ec682d;
opacity: 1;
}
.mobile_menu__item--has_submenu--second .mobile_menu__item__arrow{
top: -0.075rem;
}
.header_main--mobile .header_main__row *{
transition: 0.25s ease-in-out;
}
.mobile_menu__top__theme{
border-radius: 0.9375rem;
background: var(--Background-neural-dark, #dadada);
display: flex;
justify-content: space-between;
gap: 0.31rem;
padding: 0.31rem;
margin-bottom: 0.62rem;
}
.btn_mobile_theme{
flex: 1;
border-radius: 0.625rem;
font-weight: 600;
line-height: var(--Typography-h5-lihe-height, 1.25rem);
padding: 0.5rem 0.475rem 0.5rem;
}
.btn_mobile_theme.active{
border-radius: 0.625rem;
background: var(--Background-primary, #fff);
}
.mobile_menu__top__theme{
border-radius: 0.9375rem;
background: var(--Background-neural-dark, #dadada);
display: flex;
justify-content: space-between;
gap: 0.31rem;
}
.btn_mobile_theme{
flex: 1;
border-radius: 0.625rem;
}
.btn_mobile_theme.active{
border-radius: 0.625rem;
background: var(--Background-primary, #fff);
}
.btn_mobile_theme.active{
border-radius: 0.625rem;
background: var(--Background-primary, #fff);
}
.btn_mobile_theme span{
margin-top: 0.1rem;
}
.modal__calculate-1{
max-width: 72.25rem;
width: calc(100vw - 20px);
padding: 1.95rem 1.325rem;
}
.modal_title--calculate{
font-size: 2.37rem;
margin-bottom: 1.95rem;
}
.modal_calculate__col_2{
width: 31.25rem;
border-radius: 1.25rem;
overflow: hidden;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
}
.modal_calculate__col_1{
flex: 1;
}
.modal_calculate__type_1__image{
background: var(--Border-neutral-light, #f0f0f0);
aspect-ratio: 1/0.88;
display: flex;
align-items: center;
justify-content: center;
}
.modal_calculate__type_1__image img{
max-width: 80%;
margin: 0 auto;
}
.modal_calculate__type_1__detail__info__item{
text-align: center;
display: none;
font-family: "SONGER SemiExpanded", sans-serif;
padding: 0.75rem;
}
.field_field__title--big{
font-size: 1.405rem;
padding-top: 1.6rem;
text-transform: uppercase;
font-family: "SONGER SemiExpanded", sans-serif;
margin-bottom: 1rem;
}
.field_field__value__radio__calculate_1{
display: flex;
flex-wrap: wrap;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
border-radius: 0.63rem;
padding: 0.1875rem;
}
.field_field__radio--calculate{
flex: 1;
padding: 0.445rem 0.19rem;
border-radius: 0.63rem;
text-align: center;
font-weight: 600;
line-height: 1.2;
}
.field_field__radio--calculate input{
position: absolute;
opacity: 0;
}
.field_field__radio--calculate:has(input:checked){
background: #232323;
color: #fff;
}
.field_field__value--input_with_end_text{
position: relative;
}
.input_end_text{
position: absolute;
right: 1rem;
bottom: 0.7rem;
opacity: 0.5;
font-weight: 600;
}
.modal_calculate__type_1__detail__info__item.active{
display: flex;
flex-direction: column;
align-items: center;
gap: 0.175rem;
}
.modal_calculate__type_1__detail__info__item__value{
font-weight: 700;
font-size: 1.38rem;
line-height: 1.09091;
text-align: center;
}
.modal_calculate__type_1__detail__info__item__title{
font-weight: 700;
font-size: 1rem;
line-height: 1.25;
color: #b0b0b0;
}
.modal__calculate-2{
max-width: 37.5rem;
padding: 1.275rem;
}
.modal_title--calculate--2{
font-size: 1.375rem;
margin-bottom: 1.25rem;
}
.modal__calculate-2__total__title{
font-weight: 700;
font-size: 1.38rem;
line-height: 1.09091;
font-family: "SONGER SemiExpanded", sans-serif;
margin-bottom: 0.95rem;
}
.modal__calculate-2__total{
padding: 1.5rem 0 0.275rem;
}
.modal__calculate-2__total__addtext{
font-weight: 400;
font-size: 0.75rem;
line-height: 1.33333;
color: #b0b0b0;
max-width: 22rem;
margin-top: 1.1rem;
}
.field_row--submit--2{
display: flex;
}
@media screen and (max-width: 1024px){
.modal__calculate-1{
max-width: 700px;
}
.modal_title--calculate{
margin-bottom: 1.5rem;
font-size: 1.65rem;
line-height: 1.2;
}
.field_field__title--big{
font-size: 1rem;
line-height: 1.3;
max-width: 18rem;
}
.modal_calculate__col_2{
width: 100%;
}
.modal_calculate__type_1__detail__info__item__value{
font-size: 1rem;
}
.modal_calculate__type_1__detail__info__item__title{
font-size: 0.825rem;
}
.modal_title--calculate--2{
font-size: 1.25rem;
padding-right: 2rem;
margin-bottom: 1rem;
}
.field_row--submit--2{
gap: 0.75rem;
}
}
.header_main{
padding-top: 1.25rem;
}
.header_main__row{
background: transparent;
border-radius: 0 2.5rem 0 0;
background-image: url(../../images/mask-header.svg);
background-size: auto 5.125rem;
background-position: 0 0;
background-repeat: no-repeat;
display: flex;
align-items: flex-end;
gap: 1rem;
padding: 0rem 1.25rem 0.825rem;
}
.header__logo{
display: inline-flex;
width: 9.64525rem;
font-size: 0;
margin-right: 2.355rem;
}
.header__logo img{
width: 100%;
height: auto;
}
.btn_theme{
width: 6.9375rem;
border: 1px solid transparent;
}
.header__contact{
flex: 1;
justify-content: flex-end;
display: flex;
align-items: center;
gap: 0.31rem;
}
.header__btns{
display: flex;
align-items: center;
gap: 0.31rem;
flex-wrap: wrap;
position: relative;
}
.menu__icon--close{
opacity: 0;
}
.btn_menu{
width: 6.25rem;
}
@media screen and (max-width: 1024px){
.header_main{
padding-top: 0.55rem;
}
.header_main__row{
gap: 0.31rem;
padding: 0 1rem 0.5rem;
background-size: auto 3.75rem;
background-image: url(../../images/mask-header__mobile.svg);
border-radius: 0 1.25rem 0 0;
position: relative;
}
.header_main__row:before{
content: "";
position: absolute;
right: 0;
left: 10rem;
background: var(--Background-primary, #fff);
top: 0;
bottom: 0;
pointer-events: none;
z-index: -1;
border-radius: 1.25rem 1.25rem 0 0;
}
.header__logo{
width: 6.25rem;
margin-right: 0;
margin-top: 0.45rem;
}
.header__btns{
order: 2;
flex-direction: row-reverse;
}
.btn_header .btn_icon__text{
display: none;
}
.btn_theme{
order: 2;
width: 2.75rem;
}
.header_main .container{
padding: 0;
}
.btn_header{
width: 2.75rem;
height: 2.75rem;
padding: 0;
justify-content: center;
}
.btn_phone .btn_icon__text,
.btn_mail .btn_icon__text{
display: block;
font-size: 0.8rem;
}
.btn_phone,
.btn_mail{
width: auto;
padding: 0.75rem 0.895rem;
}
.btn_callback__header{
display: none;
}
}
@media screen and (max-width: 750px){
.header__btns{
position: static;
}
.btn_mail .btn_icon__text{
display: none;
}
.btn_mail{
padding: 0;
width: 2.75rem;
}
.btn_menu{
background: transparent;
color: inherit;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
width: 2.75rem;
}
}
@media screen and (max-width: 550px){
.btn_phone{
padding: 0;
width: 2.75rem;
}
.btn_phone .btn_icon__text{
display: none;
}
.btn_theme{
display: none;
}
}
.main_footer{
margin-top: 1rem;
padding-bottom: 1.25rem;
}
.footer__row{
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.footer__logo{
width: 16.1rem;
font-size: 0;
margin: -0.4rem;
}
.footer__logo img{
width: 100%;
height: auto;
}
.footer__top{
margin: 0;
margin-bottom: 4.56rem;
}
.footer__info{
flex: 1;
justify-content: space-between;
display: flex;
max-width: 44.6rem;
}
.footer__title{
color: var(--Text-neutral, #b0b0b0);
font-family: var(--Typography-Title-large-font, "LT Superior");
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
letter-spacing: -0.02rem;
margin-bottom: 0.525rem;
}
.footer__menu__list ul{
list-style: none;
display: flex;
gap: 0.6rem;
flex-wrap: wrap;
}
.footer__menu__list a{
color: inherit;
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
text-decoration: none;
}
.footer__menus{
display: flex;
flex: 1;
}
.footer__menu{
flex: 1;
}
.footer__contacts{
width: 14.95rem;
}
.footer__copyright{
color: var(--Text-primary, #232323);
font-size: var(--Typography-Paragraph-Regular-Small-size, 0.75rem);
line-height: var(--Typography-Paragraph-Regular-Small-lihe-height,
1.0625rem);
flex: 1;
}
.footer__bottom{
padding: 0 1rem;
}
.footer__bottom__col_2 a,
.footer__bottom__col_3 a{
color: inherit;
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 9%;
text-underline-offset: 20%;
text-underline-position: from-font;
}
.footer__bottom__col_3{
width: 33.9rem;
justify-content: flex-end;
display: flex;
}
.footer__menu__list a:hover{
opacity: 0.5;
}
.footer__bottom__col_2 a:hover,
.footer__bottom__col_3 a:hover{
text-underline-offset: 17.5%;
text-decoration-color: transparent;
opacity: 0.5;
}
.footer__menu__list li{
width: calc(50% - 0.6rem / 2);
}
.footer__contacts__city__item__name__row{
display: inline-flex;
align-items: center;
gap: 0.675rem;
}
.footer__contacts__city__item{
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: 0.325s ease-in-out;
pointer-events: none;
}
.footer__contacts__city__item__info{
margin-top: 0.3rem;
display: flex;
flex-direction: column;
gap: 1.375rem;
}
.footer__contacts__city__item__info__section a{
color: inherit;
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
text-decoration-thickness: 9%;
text-underline-offset: 20%;
text-underline-position: from-font;
}
.footer__menu__list{
margin-top: 1rem;
}
.footer__contacts__city__item__info__section{
display: flex;
flex-direction: column;
gap: 0.47rem;
}
.footer__contacts__city__list{
position: relative;
}
.footer__contacts__city__item.active{
opacity: 1;
pointer-events: all;
}
.footer__contacts__city__item__info__section a:hover{
opacity: 0.5;
text-decoration-color: transparent;
text-underline-offset: 17.5%;
}
.footer__contacts__city__refresh svg{
width: 1.25rem;
height: auto;
}
.footer__contacts__city__refresh:hover{
opacity: 0.5;
}
@media screen and (max-width: 1024px){
.footer__logo{
width: 9.7rem;
margin: 0;
}
.footer__info{
flex-direction: column;
max-width: 100%;
width: 100%;
gap: 1.7rem;
max-width: 35rem;
}
.footer__menus{
width: 100%;
flex: none;
gap: 0.5rem;
}
.footer__contacts__city__item{
display: none;
position: static;
}
.footer__contacts__city__item.active{
position: static;
display: block;
}
.footer__title{
margin-bottom: 0.8rem;
}
.footer__menu__list ul{
gap: 0.45rem;
}
.footer__contacts__block{
width: calc(50% - 0.25rem);
}
.footer__contacts{
width: 100%;
}
.footer__bottom__col_3{
width: auto;
}
.footer__bottom{
padding: 0;
}
.footer__top{
margin-bottom: 2.45rem;
}
.footer__copyright{
order: 2;
font-size: 0.685rem;
}
.main_footer{
padding-bottom: 0;
}
.section--footer{
padding-bottom: 2rem;
border-radius: 1.25rem 1.25rem 0 0;
}
.footer__copyright{
width: 100%;
flex: none;
text-align: right;
}
}
@media screen and (max-width: 750px){
.footer__copyright{
text-align: left;
}
.footer__bottom .footer__row{
flex-direction: column;
gap: 1rem;
}
.footer__row{
flex-direction: column;
gap: 1.7rem;
}
}
@media screen and (max-width: 750px){
.title_3--form_footer{
max-width: 22rem;
font-size: 1.15rem;
line-height: 1.35;
}
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
flex: 1;
}
.swiper-pagination-bullet{
border-radius: 1rem;
opacity: 1;
background: var(--Background-primary, #fff);
height: 0.375rem;
flex: 1;
transition: 0.25s ease-in-out;
position: relative;
overflow: hidden;
}
.swiper-pagination-bullet::before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: var(--progress-width, 0%);
background: var(--Background-accent-light, #ec692d);
border-radius: 1rem;
transition: width linear;
z-index: 1;
}
.swiper-pagination-bullet-active{
background: var(--Background-primary, #fff);
}
.swiper-pagination-bullet-active::before{
width: var(--progress-width, 0%);
}
@media screen and (max-width: 1024px){
.swiper-pagination-bullet{
height: 2.5px;
}
}
@keyframes scroll-logos{
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
lottie-player{
pointer-events: none;
}
.btn_icon--download .btn_icon__icon{
font-size: 0;
width: 1.25rem;
aspect-ratio: 1/1;
overflow: hidden;
}
.btn_icon--download svg{
margin: 0;
}
.text_product__top{
padding-top: 3.45rem;
max-width: 44.875rem;
font-size: 0.875rem;
line-height: 140%;
letter-spacing: -0.01275rem;
margin-left: -0.5rem;
}
.title_xl--product{
padding: 1rem 0 0;
}
.product__main__tags{
display: flex;
flex-wrap: wrap;
font-family: "LT Superior";
font-size: 0.75rem;
font-style: normal;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.015rem;
gap: 0.45rem;
margin-bottom: 1.2rem;
}
.product__main__tags span{
border-radius: 0.3125rem;
background: var(--Background-neutral-light, #f0f0f0);
padding: 0.6rem 0.625rem;
}
.product__main__section--info{
border-radius: 1.25rem;
background: var(--Background-primary, #fff);
padding: 1.25rem;
flex: none;
width: 50.2%;
position: sticky;
top: 0.31rem;
transform: translateZ(0);
backface-visibility: hidden;
contain: layout style;
}
.product__main.section__block .container{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
position: relative;
gap: 0.31rem;
}
.product__main__specifications__title{
font-size: 1.375rem;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.0275rem;
margin-bottom: 0.45rem;
}
.product__main__specifications__item{
display: flex;
justify-content: space-between;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.02rem;
border-bottom: 0.0625rem dotted var(--Grey-300, #666);
padding: 0.75rem 0;
}
.product__main__buttons{
display: flex;
flex-wrap: wrap;
gap: 0.31rem;
}
.product__main__buttons *{
flex: 1;
}
.product__main__specifications{
margin-bottom: 2.725rem;
}
.btn_product{
border-width: 0.1rem;
}
.btn_product--2{
border-color: #999;
}
.btn_product--1:hover{
background: #e6e6e6;
color: var(--Text-primary, #232323);
}
.product__main__section--images__list{
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.product__main__section--images__item{
aspect-ratio: 1/1;
border-radius: 1.25rem;
background: var(--Background-primary, #fff);
overflow: hidden;
padding: 0.75rem;
display: flex;
justify-content: center;
align-items: center;
}
.product__main__section--images__item img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product__main__section--images{
flex: 1;
}
@media screen and (max-width: 1024px){
.top_page__block--product{
display: flex;
flex-direction: column;
}
.text_product__top{
order: 2;
padding-top: 1rem;
margin: 0;
font-size: 0.75rem;
line-height: 1.0625rem;
max-width: 37.5rem;
}
.title_xl--product{
font-size: 1.375rem;
padding: 2.15rem 0 0;
line-height: var(--Typography-h4-lihe-height, 1.5rem);
margin-bottom: 0.65rem;
}
.product__main__section--images__item img{
width: 100%;
height: 100%;
}
.product__main__tags span{
font-size: 0.715rem;
}
.product__main__specifications__title{
line-height: 120%;
font-size: 1rem;
}
.product__main__specifications__item{
font-size: 0.75rem;
line-height: var(--Typography-Paragraph-Regular-Small-lihe-height,
1.0625rem);
letter-spacing: -0.015rem;
padding: 0.695rem 0;
}
.product__main__specifications__item__value{
font-size: 0.875rem;
font-weight: 500;
}
.product__main__buttons{
flex-direction: column;
gap: 0.5rem;
}
}
@media screen and (max-width: 750px){
.product__main.section__block .container{
flex-direction: column-reverse;
padding: 0;
gap: 1rem;
}
.product__main__section--images__item{
width: 15rem;
padding: 0rem;
}
.product__main__section--images__list{
flex-direction: row;
width: fit-content;
padding: 0 1rem;
}
.product__main__section--images{
flex: none;
overflow: scroll;
width: 100vw;
}
.product__main__section--images::-webkit-scrollbar{
display: none;
}
.product__main__section--info{
width: 100%;
}
}
@media screen and (max-width: 750px){
.modal__catalog_filter{
max-width: 450px;
}
}
:root .--dark{
color-scheme: dark;
--Text-primary: #fff;
--Background-primary: #232323;
--Background-ghost-5: #333;
--Border-neutral-light: #494949;
--Background-neutral-light: #3a3a3a;
--light-color: #f4f4f4;
--dark-color-text: #1f1f1f;
--Black: #f4f4f4;
--Grey-400: #aaa;
--Background-secondary: #000000;
--border-field-rolor: #3a3a3a;
}
.--dark ::selection{
background-color: white;
color: #000;
}
.--dark{
color: #fff;
background-image: url(../../images/dark/bg_lines.svg);
}
.--dark .header__logo{
filter: brightness(0) invert(1);
}
.--dark .header_main__row{
background-image: url(../../images/dark/mask-header.svg);
}
@media screen and (max-width: 1024px){
.--dark .header_main__row{
background-image: url(../../images/dark/mask-header__mobile.svg);
}
}
.--dark .field_field__checkbox__view{
background: var(--Border-neutral-light);
}
.--dark .upload_file__btn:hover{
background: #3a3a3a;
border-color: transparent;
}
.--dark .btn_dark{
background: #333;
}
.--dark .btn_modal_search{
background: #454545;
}
.--dark .btn_ghost:hover{
background: var(--Border-neutral-light);
}
.--dark .btn_gray:hover,
.--dark .btn_dark:hover{
background: var(--light-color);
color: var(--dark-color-text);
}
.--dark .footer__logo{
filter: brightness(0) invert(1);
}
.--dark .btn_product--2{
border-color: #333333;
}
.--dark .modal_default{
background: #161616;
}
.--dark .mega_menu__section__title a:before{
filter: brightness(5);
}
.--dark .mega_menu__section__title a:hover:before{
filter: none;
}
.--dark .mega_menu__section__title a:after{
filter: brightness(0) invert(1);
}
.--dark .cookies_modal{
filter: invert(1);
}
.--dark .btn_close--cookie{
background: transparent;
}
@media screen and (max-width: 750px){
.--dark .btn_menu:hover{
background: #333;
color: #fff;
}
}
.--dark .modal_call_manager{
box-shadow: none;
border: 1px solid #4f4f4f;
}
.--dark .mobile_menu__close{
background: var(--Background-primary, #fff);
}
.--dark .btn_menu{
background: transparent;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
}
.--dark .mobile_menu__bg{
background: rgb(26 26 26);
}
.--dark .modal_search__field:before{
filter: brightness(10);
}
.--dark .modal_search__field input{
color: #fff;
border-color: #484848;
}
.--dark .mobile_menu__close:hover{
background: #333333;
color: #fff;
}
.--dark .btn_theme{
width: 7.4375rem;
background: transparent;
border-color: #494949;
}
.--dark .btn_theme:hover{
background: var(--Border-neutral-light);
color: #fff;
}
@media screen and (max-width: 1024px){
.--dark .btn_theme{
width: 2.75rem;
}
}
.--dark .mobile_menu__top__theme{
background: #333;
}
.--dark .btn_product--1{
background: #3a3a3a;
}
.--dark .btn_form_footer{
background: #333;
}
.--dark .footer_form .field_field__checkbox__view{
border: none;
}
.--dark .btn_orange:hover{
background: #fff;
}
.--dark .modal_calculate__type_1__image img{
filter: invert(1);
}
.--dark .modal_calculate__type_1__image{
background: #1f1f1f;
}
.--dark .modal_calculate__col_2{
border-color: #1f1f1f;
}
.--dark .btn_orange{
background: var(--Background-accent-light, #ec692d);
}
.--dark .modal__kp__info{
background: #222;
}
.__animate__title,.__animate__title--hero{
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.__animate__title__content,.__animate__title__content--hero{
transform: translateY(110%);
display: inline-block;
}
.__animate__opacity_move_up,.__animate__opacity_move_up--hero{
transform: translateY(var(--y, 0.5rem));
opacity: 0;
}
.__animate_image_reveal,.__animate_image_reveal--hero{
inset: 0;
clip-path: inset(0% 0% 100% 0%);
height: 100%;
transform: scale(0.99);
}