/* Собрано bin/build-css: первая отрисовка группы «catalog», полный набор — 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;
}
.section__block--mb_small{
margin-bottom: 0.63rem;
}
@media screen and (max-width: 750px){
.section__block{
margin-bottom: 3.13rem;
}
.section__block--mb_small{
margin-bottom: 0.63rem;
}
}
.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;
}
.section__title{
margin-bottom: 1.95rem;
letter-spacing: -0.07rem;
hyphens: auto;
}
@media screen and (max-width: 1024px){
.section__title{
letter-spacing: 0;
margin-bottom: 1rem;
}
.container:has(.section) .section__title{
padding: 0 1rem;
}
}
.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_manager.open{
opacity: 1;
transform: translate(0, 0);
pointer-events: all;
}
.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.open{
display: flex;
pointer-events: all;
}
.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.open .modal_default.modal__catalog_filter{
display: block;
}
.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_white{
background: var(--Background-primary, #fff);
font-weight: 600;
border-radius: var(--Radius-Radius-3, 0.9375rem);
}
.btn_white:hover{
background: var(--Background-secondary, #232323);
color: #fff;
}
.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;
}
.title_h3{
font-size: 1.375rem;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.0275rem;
margin-top: 1.2rem;
}
.default_text>*:first-child{
margin-top: 0;
}
p.mb_0{
margin-bottom: 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_table table{
width: 100%;
border-collapse: collapse;
border: 1px solid #ccc;
}
.default_text_table{
overflow: auto;
margin-right: -36rem;
margin-top: 0rem;
}
.default_text_table td{
border-bottom: 1px solid #ccc;
padding: 0.81rem 1rem;
font-weight: 600;
font-size: 0.88rem;
line-height: 1.2;
letter-spacing: -0.02em;
}
.default_text_table th{
font-weight: 600;
font-size: 0.75rem;
line-height: 1.2;
letter-spacing: -0.02em;
color: #b0b0b0;
text-align: left;
border-bottom: 1px solid #ccc;
padding: 0.81rem 1rem;
}
.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_table{
margin: 0 -1rem;
padding: 0 1rem;
}
.default_text_table table{
min-width: 1000px;
}
.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;
}
}
html.open_modal,
body.open_modal{
overflow: hidden;
width: 100%;
}
.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;
}
.mega_menu.open{
opacity: 1;
transform: translate(0, 0);
pointer-events: all;
}
.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%;
}
.modal_search.open{
pointer-events: all;
width: 25.35rem;
opacity: 1;
}
.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;
}
.modal_search.open{
width: 27.7rem;
overflow: visible;
}
}
@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.open{
width: calc(100vw - 3rem - 0rem - 1rem);
padding: 0.5rem 0rem 1rem 1rem;
background: var(--Background-primary, #fff);
top: 0.55rem;
border-radius: 1rem 0 0 0;
}
.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.open{
opacity: 1;
transform: translate(0, 0);
pointer-events: all;
}
.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.open > .mobile_menu__submenu{
display: block;
}
.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.open{
opacity: 1;
pointer-events: all;
transition-delay: 0s;
}
.mobile_menu.open .mobile_menu__content__wrap{
opacity: 1;
transform: translate(0, 0);
}
.mobile_menu__close svg{
width: 100%;
height: auto;
}
.mobile_menu.open .mobile_menu__bg{
transition-delay: 0s;
}
.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__item--has_submenu--second.open{
border: navajowhite;
}
.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.open ~ .header_main--mobile.active .header_main__row *{
opacity: 0;
}
.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;
}
}
.title_xl--team{
line-height: var(--Typography-h2-lihe-height, 4rem);
}
.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.open .menu__icon--open{
opacity: 0;
}
.btn_menu.open .menu__icon--close{
opacity: 1;
}
.btn_menu{
width: 6.25rem;
}
.btn_menu.open{
width: 7.4375rem;
}
@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_menu.open{
width: 2.75rem;
}
.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;
}
}
.section__home__title{
margin-bottom: 2.1rem;
}
@keyframes scroll-logos{
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media screen and (max-width: 750px){
.section__home__title{
margin-bottom: 1.4rem;
}
}
@media screen and (max-width: 1024px){
.section__home__title{
margin-bottom: 0.25rem;
}
}
lottie-player{
pointer-events: none;
}
.section--documents{
background: transparent;
padding: 0;
border-radius: 0;
}
.documents__list{
display: flex;
flex-wrap: wrap;
gap: 0.31rem;
margin-bottom: 0.55rem;
}
.documents__list.swiper{
display: block;
overflow: hidden;
margin-bottom: 0;
}
.documents__list.swiper .documents__item.swiper-slide{
width: auto;
height: auto;
box-sizing: border-box;
}
.documents__item{
width: calc((100% - 0.31rem * 3) / 4);
color: inherit;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.02rem;
text-decoration: none;
aspect-ratio: 1.24/1;
position: relative;
min-height: 18rem;
padding: 1.275rem;
border-radius: 0.75rem;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url("data:image/svg+xml,%3Csvg width='364' height='291' viewBox='0 0 364 291' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M364 276C364 284.284 357.284 291 349 291H15C6.71573 291 0 284.284 0 276V77C0 68.7157 6.71573 62 15 62H47C55.2843 62 62 55.2843 62 47V15C62 6.71573 68.7157 0 77 0H349C357.284 0 364 6.71573 364 15V276Z' fill='white'/%3E%3C/svg%3E%0A");
object-fit: inherit;
background-size: 100% auto;
}
.documents__item__block{
position: relative;
height: 100%;
z-index: 1;
}
.documents__item:hover{
background-image: url("data:image/svg+xml,%3Csvg width='364' height='291' viewBox='0 0 364 291' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_862_68549' fill='white'%3E%3Cpath d='M364 276C364 284.284 357.284 291 349 291H15C6.71573 291 0 284.284 0 276V77C0 68.7157 6.71573 62 15 62H47C55.2843 62 62 55.2843 62 47V15C62 6.71573 68.7157 0 77 0H349C357.284 0 364 6.71573 364 15V276Z'/%3E%3C/mask%3E%3Cpath d='M364 276C364 284.284 357.284 291 349 291H15C6.71573 291 0 284.284 0 276V77C0 68.7157 6.71573 62 15 62H47C55.2843 62 62 55.2843 62 47V15C62 6.71573 68.7157 0 77 0H349C357.284 0 364 6.71573 364 15V276Z' fill='white'/%3E%3Cpath d='M349 291V290H15V291V292H349V291ZM0 276H1V77H0H-1V276H0ZM15 62V63H47V62V61H15V62ZM62 47H63V15H62H61V47H62ZM77 0V1H349V0V-1H77V0ZM364 15H363V276H364H365V15H364ZM349 0V1C356.732 1 363 7.26801 363 15H364H365C365 6.16344 357.837 -1 349 -1V0ZM62 15H63C63 7.26801 69.268 1 77 1V0V-1C68.1634 -1 61 6.16344 61 15H62ZM47 62V63C55.8366 63 63 55.8366 63 47H62H61C61 54.732 54.732 61 47 61V62ZM0 77H1C1 69.268 7.26801 63 15 63V62V61C6.16345 61 -1 68.1634 -1 77H0ZM15 291V290C7.26802 290 1 283.732 1 276H0H-1C-1 284.837 6.16345 292 15 292V291ZM349 291V292C357.837 292 365 284.837 365 276H364H363C363 283.732 356.732 290 349 290V291Z' fill='%23EC692D' mask='url(%23path-1-inside-1_862_68549)'/%3E%3C/svg%3E%0A");
}
.documents__item__number{
font-family: "SONGER SemiExpanded";
font-weight: 500;
line-height: 120%;
letter-spacing: -0.02rem;
border-radius: 0.625rem;
border: 0.07rem solid var(--Border-neutral-dark, #d1d1d1);
width: 3.5rem;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
transition: 0.25s ease-in-out;
}
.documents__item__title{
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.documents__item:hover{
color: var(--Text-accent, #ec692d);
}
.documents__item:hover .documents__item__number{
border-color: var(--Text-accent, #ec692d);
}
.btn_icon--download .btn_icon__icon{
font-size: 0;
width: 1.25rem;
aspect-ratio: 1/1;
overflow: hidden;
}
.btn_icon--download svg{
margin: 0;
}
@media screen and (max-width: 1024px){
.section--documents{
padding: 0 1rem;
}
.documents__item{
width: calc((100% - 0.31rem * 2) / 3);
border-radius: 0;
aspect-ratio: auto;
border-radius: 0 1.25rem 1.25rem 1.25rem;
background-size: 23.5625rem auto;
overflow: hidden;
}
.documents__item:hover{
background-image: url("data:image/svg+xml,%3Csvg width='364' height='291' viewBox='0 0 364 291' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M364 276C364 284.284 357.284 291 349 291H15C6.71573 291 0 284.284 0 276V77C0 68.7157 6.71573 62 15 62H47C55.2843 62 62 55.2843 62 47V15C62 6.71573 68.7157 0 77 0H349C357.284 0 364 6.71573 364 15V276Z' fill='white'/%3E%3C/svg%3E%0A");
}
.documents__item:before{
pointer-events: none;
content: "";
position: absolute;
width: calc(100% - 4.5rem);
height: 100%;
background: #ffffff;
top: 0;
right: 0;
}
.documents__item:after{
pointer-events: none;
content: "";
position: absolute;
width: 100%;
height: calc(100% - 4.5rem);
background: #ffffff;
bottom: 0;
left: 0;
}
}
@media screen and (max-width: 750px){
.documents__item{
width: calc((100% - 0.31rem) / 2);
font-size: 10px;
font-weight: 600;
line-height: 1.3;
letter-spacing: -0.01375rem;
min-height: 10rem;
background-image: url("data:image/svg+xml,%3Csvg width='169' height='160' viewBox='0 0 169 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M169 145C169 153.284 162.284 160 154 160H15C6.71573 160 0 153.284 0 145V77.0898C0 68.8056 6.71573 62.0898 15 62.0898H46.9395C55.2237 62.0898 61.9395 55.3741 61.9395 47.0898V15C61.9395 6.71573 68.6552 0 76.9395 0H154C162.284 0 169 6.71573 169 15V145Z' fill='white'/%3E%3C/svg%3E%0A");
padding: 0.7rem 0.6rem;
aspect-ratio: auto;
border-radius: 0 1.25rem 1.25rem 1.25rem;
background-size: 10.5625rem auto;
overflow: hidden;
}
.documents__item:hover{
background-image: url("data:image/svg+xml,%3Csvg width='169' height='160' viewBox='0 0 169 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M169 145C169 153.284 162.284 160 154 160H15C6.71573 160 0 153.284 0 145V77.0898C0 68.8056 6.71573 62.0898 15 62.0898H46.9395C55.2237 62.0898 61.9395 55.3741 61.9395 47.0898V15C61.9395 6.71573 68.6552 0 76.9395 0H154C162.284 0 169 6.71573 169 15V145Z' fill='white'/%3E%3C/svg%3E%0A");
}
.documents__item__title{
max-width: 15rem;
}
}
.catalog_hero__trigger__count{
font-family: "SONGER SemiExpanded";
font-size: 2.375rem;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.07125rem;
}
.catalog_hero{
color: var(--text-light, #fff);
}
.catalog_hero__trigger__text{
font-family: "SONGER SemiExpanded";
font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.03rem;
flex: 1;
}
.catalog_hero__trigger__list{
display: flex;
flex-wrap: wrap;
gap: 0.31rem;
}
.catalog_hero__trigger{
border-radius: 0.9375rem;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(0.75rem);
width: calc((100% - 0.31rem * 3) / 4);
display: flex;
align-items: center;
padding: 1.9rem 1.25rem;
justify-content: space-between;
gap: 0.31rem;
}
.catalog_hero__title__wrap{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: space-between;
}
.catalog_hero__title__text{
font-size: 0.875rem;
line-height: 150%;
letter-spacing: -0.0175rem;
width: 26.975rem;
}
.title_xl--catalog_hero{
font-size: 2.375rem;
font-style: normal;
font-weight: 700;
line-height: 110%;
max-width: 56.75rem;
border-radius: 0 1rem 0 1rem;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(0.75rem);
padding: 1.75rem 1.15rem 1rem;
}
.catalog_hero__content{
background: var(--Background-secondary, #232323);
padding: 1.25rem 1.25rem 1.86rem;
border-radius: 1.25rem;
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.catalog_hero__content__top{
border: 0.25rem solid rgb(255 255 255 / 28%);
border-radius: 1.25rem;
margin-bottom: 0.62rem;
padding-top: 22.4rem;
overflow: hidden;
position: relative;
}
.catalog_hero__btn{
position: absolute;
top: 0;
right: 0;
border-radius: 0 1rem 0 1rem;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(0.75rem);
padding: 1.5rem 1.75rem 1.5rem;
}
.catalog_hero{
margin-bottom: 1.25rem;
}
.catalog_hero__btn:hover{
background: rgba(255, 255, 255, 0.35);
}
.catalog_hero__btn span{
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;
transition: 0.25s ease-in-out;
}
.catalog_hero__content:before{
content: "";
position: absolute;
left: 0;
right: 0;
border-radius: 1.25rem;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.6) 100%
);
bottom: 0;
top: 0;
}
.catalog_hero__btn span:hover{
text-underline-offset: 17.5%;
text-decoration-color: transparent;
opacity: 0.5;
}
@media screen and (max-width: 1024px){
.title_xl--catalog_hero{
font-size: var(--Typography-h4-size, 1.375rem);
font-style: normal;
font-weight: 700;
line-height: 1.5rem;
background: transparent;
backdrop-filter: none;
padding: 0;
max-width: 30rem;
line-height: 1.15;
}
.catalog_hero__content__top{
padding: 0.94rem;
border-radius: 0.9375rem;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(10px);
margin-bottom: 0.31rem;
}
.catalog_hero__title__text{
font-size: var(--Typography-Paragraph-Regular-Small-size, 0.75rem);
line-height: 1.0625rem;
letter-spacing: -0.015rem;
margin-bottom: 1.5rem;
width: 100%;
max-width: 20rem;
}
.catalog_hero__trigger__text{
font-size: 0.875rem;
line-height: 1.0625rem;
letter-spacing: -0.02625rem;
}
.catalog_hero__trigger__count{
font-size: 1.375rem;
line-height: 1.5rem;
letter-spacing: -0.04125rem;
}
.catalog_hero__btn{
background: transparent;
position: static;
width: auto;
border: none;
padding: 0;
backdrop-filter: none;
max-width: 20rem;
font-size: 0.9rem;
}
.catalog_hero__trigger{
width: calc((100% - 0.31rem * 2) / 2);
}
.catalog_hero__content{
padding: 0.62rem;
}
.catalog_hero__title__wrap{
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.catalog_hero__btn:hover{
background: transparent;
}
}
@media screen and (max-width: 550px){
.catalog_hero__trigger{
flex-direction: column;
align-items: flex-start;
padding: 0.94rem;
}
}
.card_product_1__title{
font-family: "SONGER SemiExpanded";
font-size: 1.375rem;
font-weight: 700;
line-height: 80%;
position: relative;
padding-left: 1.25rem;
border-bottom: 0.0625rem solid;
padding-bottom: 0.6rem;
margin-bottom: 0.75rem;
}
.card_product_1__title a{
color: inherit;
text-decoration: none;
}
.card_product_1__title a:hover{
color: #ec682d;
}
.catalog__list{
display: flex;
flex-wrap: wrap;
gap: 1.88rem 0.94rem;
padding: 0 0.63rem;
}
.card_product_1__info{
font-size: 0.775rem;
font-weight: 600;
line-height: 120%;
}
.card_product_1__info__item__text{
font-family: "SONGER SemiExpanded";
text-align: right;
flex: 1;
}
.card_product_1__info__item{
display: flex;
justify-content: space-between;
border-bottom: 0.0625rem solid var(--border-neutral-light, #b9b9b9);
padding: 0.25rem;
gap: 0.31rem;
min-height: 2rem;
align-items: center;
}
.card_product_1{
width: calc((100% - 0.94rem * 3) / 4);
display: flex;
flex-direction: column;
gap: 1.35rem;
}
.card_product_1__title a:before{
content: "";
position: absolute;
left: 0;
width: 0.625rem;
aspect-ratio: 1/1;
background-size: contain;
background-repeat: no-repeat;
background-position: 50%;
top: 0.25rem;
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.33014 0L8.66027 2.5V7.5L4.33014 10L1.19209e-05 7.5V2.5L4.33014 0Z' fill='%23EC692D'/%3E%3C/svg%3E%0A");
filter: brightness(0);
transition: 0.25s ease-in-out;
}
.card_product_1__title a:hover:before{
filter: none;
}
.card_product_1__image{
background: lightgray 50% / cover no-repeat;
border-radius: 1.25rem;
overflow: hidden;
aspect-ratio: 1/0.82;
transition: none;
}
.card_product_1__image img{
width: 100%;
height: 100%;
object-fit: contain;
}
.card_product_1__info__item__title{
width: 8.5rem;
}
.card_product_1__info__table{
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.card_product_1__top{
flex: 1;
}
.card_product_1--1-3{
width: calc((100% - 0.94rem * 2) / 3);
}
.card_product_1__image:hover img{
transform: scale(0.975);
}
.card_product_1__image img{
transition: 0.25s ease-in-out;
}
@media screen and (max-width: 1024px){
.card_product_1{
width: calc((100% - 0.31rem) / 2);
gap: 0.8rem;
justify-content: space-between;
}
.card_product_1__title{
font-size: var(--Typography-h5-size, 1rem);
font-weight: 700;
line-height: var(--Typography-h5-lihe-height, 1.25rem);
padding-left: 0.95rem;
margin-bottom: 0.5rem;
flex: 1;
}
.catalog__list{
padding: 0;
gap: 1.25rem 0.31rem;
}
.card_product_1__info__item{
font-size: 0.6875rem;
flex-direction: column;
padding: 0.375rem 0.25rem;
align-items: flex-start;
gap: 0.125rem;
}
.card_product_1__info__item__text{
text-align: left;
}
.card_product_1__info__item__title{
width: 100%;
}
.card_product_1__info__table{
gap: 0rem;
}
.card_product_1__image{
aspect-ratio: 1/0.975;
width: 100%;
height: auto !important;
}
.card_product_1__top{
display: flex;
flex-direction: column;
flex: 1;
}
.card_product_1__title a:before{
top: 0.315rem;
}
}
.title_xl--category_p__info__title{
font-size: 4.5rem;
font-weight: 700;
line-height: 80%;
}
.category_p__info__top{
padding: 4rem 0 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1.85em;
gap: 1rem;
}
.category_p__info__title{
display: flex;
align-items: flex-end;
gap: 1.325rem;
}
.category_p__info__title__count{
color: var(--text-neutral, #b0b0b0);
font-family: "SONGER SemiExpanded";
font-size: 0.75rem;
line-height: 110%;
text-transform: uppercase;
letter-spacing: -0.005rem;
}
.category_p__subcategory a{
color: inherit;
font-weight: 600;
line-height: 120%;
border-radius: 0.9375rem;
border: 1px solid var(--Border-neutral-light, #e0e0e0);
background: var(--Background-primary, #fff);
text-decoration: none;
flex: 1;
text-align: center;
padding: 0.7rem;
}
.category_p__subcategory{
display: flex;
gap: 0.31rem;
}
.category_p__subcategory a:hover{}
.category_p__subcategory a:hover{
background: var(--Text-primary, #232323);
color: var(--Background-primary, #fff);
}
.category_p__info__search form{
display: flex;
flex-wrap: wrap;
position: relative;
}
.category_p__info__search{
padding-top: 0.775rem;
flex: 1;
max-width: 30.75rem;
position: relative;
width: 100%;
}
.category_p__info__search__field input{
width: 100%;
border-radius: var(--Radius-Radius-3, 0.9375rem);
border: 1px solid var(--Border-neutral-light, #e0e0e0);
padding: 0.85rem 5.5rem 0.7rem 2.5rem;
color: var(--Background-primary, #fff);
color: inherit;
}
.category_p__info__search__field{
flex: 1;
position: relative;
}
.category_p__info__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.77899 14.6403 6.54613 14.5011 4.49881 12.4538C2.30211 10.2571 2.30211 6.69554 4.49881 4.49884C6.69551 2.30214 10.2571 2.30214 12.4538 4.49884C14.5011 6.54616 14.6403 9.77902 12.8714 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.3827 11.5699C3.67415 9.86137 3.67415 7.09127 5.3827 5.38273C7.09124 3.67418 9.86134 3.67418 11.5699 5.38273C13.2772 7.09002 13.2784 9.8573 11.5736 11.5661C11.5724 11.5674 11.5711 11.5686 11.5699 11.5699C11.5686 11.5711 11.5674 11.5724 11.5661 11.5737C9.85728 13.2785 7.08999 13.2772 5.3827 11.5699Z' fill='%23232323'/%3E%3C/svg%3E%0A");
content: "";
position: absolute;
left: 0.125rem;
top: 0;
bottom: 0;
aspect-ratio: 0.9/1;
background-repeat: no-repeat;
background-size: 50%;
background-position: 50%;
}
.category_p__subcategories{
padding-bottom: 1rem;
}
.btn_category_p__info__search{
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
@media screen and (max-width: 1024px){
.title_xl--category_p__info__title{
font-size: 2.375rem;
line-height: 2.375rem;
}
.category_p__info__top{
padding-top: 1.6rem;
flex-direction: column;
gap: 0.45rem;
margin-bottom: 0.5rem;
}
.category_p__info__title{
flex-direction: column;
align-items: start;
gap: 0.95rem;
}
.category_p__info__search{
max-width: 50rem;
}
.category_p__subcategories{
overflow: scroll;
margin: 0 -1rem;
padding: 0 1rem 0rem;
}
.category_p__subcategory{
width: fit-content;
gap: 0.45rem;
}
.category_p__subcategory a{
padding: 0.85rem 0.85rem 0.5rem;
}
}
.title_xl--catalog_2{
padding-top: 0.3rem;
font-size: 2.3rem;
margin: 0;
margin-bottom: 0.3rem;
line-height: 1.15;
}
.title_xl--catalog_2__wrap{
position: relative;
padding-right: 17rem;
}
.btn_catalog_kp{
position: absolute;
right: -0.9rem;
top: 0.175rem;
}
.catalog_2__subcategories{
display: flex;
gap: 0.62rem;
margin-top: 1.75rem;
width: calc(100% + 17rem);
flex-wrap: wrap;
}
.catalog_2__subcategory_card{
display: flex;
flex-direction: column;
text-decoration: none;
color: inherit;
border-radius: 0.5rem;
overflow: hidden;
background: var(--Background-neutral-light, #f0f0f0);
width: calc((100% - 0.62rem * 7)/8);
padding: 1rem 1rem 1.15rem;
gap: 0.25rem;
transition: none;
}
.catalog_2__subcategory_card:hover .catalog_2__subcategory_card__image{
transform: scale(0.95);
}
.catalog_2__subcategory_card__image{
display: block;
aspect-ratio: 4/2.75;
overflow: hidden;
transition: 0.25s ease-in-out;
}
.catalog_2__subcategory_card__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.catalog_2__subcategory_card__placeholder img{
object-fit: contain;
opacity: 0.4;
max-width: 80%;
}
.catalog_2__subcategory_card__placeholder{
display: block;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.catalog_2__subcategory_card__title{
display: block;
padding: 0;
font-weight: 600;
font-size: 0.9375rem;
line-height: 1.25;
text-align: center;
hyphens: auto;
}
@media screen and (max-width:1024px){
.catalog_2__subcategories{
margin-top: 10px;
flex-wrap: nowrap;
width: fit-content;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
gap: 0.42rem;
}
.catalog_2__subcategory_card{
width: 120px;
gap: 0.35rem;
}
.catalog_2__subcategories__line{
margin: 0 -20px;
overflow: scroll;
}
.catalog_2__subcategory_card__title{
font-size: 0.875rem;
}
}
.catalog_2__top{
display: flex;
flex-wrap: wrap;
gap: 0 0.31rem;
}
.catalog_2__top__search{
width: 100%;
padding: 1.85rem 0 1.9rem;
}
.catalog_2__consultation{
border-radius: 1.25rem;
background: var(--Background-neutral-light, #f0f0f0);
padding: 1.125rem 0.31rem 0.31rem;
width: 20rem;
display: flex;
flex-direction: column;
}
.catalog_filter__desktop{
flex: 1;
}
.catalog_2__filter{
display: flex;
flex-direction: column;
gap: 0.9725rem;
}
.catalog_2__consultation__title{
text-align: center;
font-family: "SONGER SemiExpanded";
font-size: 0.75rem;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.0225rem;
margin-bottom: 0.91rem;
}
.catalog_2__consultation__content{
border-radius: 0.9375rem;
background: var(--Background-primary, #fff);
padding: 0.62rem 0.925rem 0.97rem;
flex: 1;
align-items: center;
display: flex;
flex-direction: column;
}
.top_page__block--catalog_2{
padding: 1.45rem 1.25rem 1.25rem;
}
.catalog_2__consultation__image{
border-radius: 50%;
aspect-ratio: 1/1;
width: 4rem;
margin: 0 auto;
overflow: hidden;
margin-bottom: 1rem;
}
.catalog_2__consultation__image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.catalog_2__consultation__name{
text-align: center;
font-family: "SONGER SemiExpanded";
font-weight: 500;
line-height: 100%;
letter-spacing: -0.03rem;
margin-bottom: 0.95rem;
}
.catalog_2__consultation__info{
font-size: 0.75rem;
line-height: 110%;
letter-spacing: -0.015rem;
display: flex;
flex-direction: column;
gap: 0.4rem;
margin-bottom: 1rem;
}
.catalog_2__consultation__info span{
color: var(--Grey-400, #9b9b9b);
font-size: 0.75rem;
line-height: 110%;
letter-spacing: -0.015rem;
margin-right: 0.35rem;
}
.catalog_2__consultation__info a{
color: inherit;
}
.catalog_2__consultation__info a:hover{
text-underline-offset: 17.5%;
text-decoration-color: transparent;
opacity: 0.5;
}
.btn_catalog_2__consultation{
font-weight: bold;
}
.filter__item{
flex: 1 0 17rem;
}
.filter__row .select2-container--default .select2-selection--single{
font-size: 0.925rem;
padding: 0.7rem 2.25rem 0.525rem 0.85rem;
border-radius: 0.75rem;
}
.filter__row{
display: flex;
gap: 1.6rem 1rem;
flex-wrap: wrap;
}
.catalog_search_field input{
color: inherit;
font-weight: 600;
line-height: var(--Typography-Title-large-lihe-height, 1.25rem);
width: 100%;
padding: 0.775rem 7.5rem 0.65rem 3rem;
border-radius: 5rem;
border-radius: var(--Radius-Radius-3, 0.9375rem);
border: 0.125rem solid var(--border-field-rolor);
background: transparent;
}
.catalog_search_form__row{
position: relative;
overflow: hidden;
}
.btn_catalog_search{
position: absolute;
right: 0;
top: 0;
bottom: 0;
min-width: 6rem;
border-radius: 0.75rem;
right: 0.1rem;
top: 0.125rem;
bottom: 0.125rem;
}
.catalog_search_field:before{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 2.75rem;
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");
background-repeat: no-repeat;
background-position: 50% 49%;
background-size: 47%;
}
.filter__item__title{
font-weight: 600;
line-height: 120%;
letter-spacing: -0.02rem;
margin-bottom: 0.65rem;
font-size: 0.995rem;
}
.btn_quick_kp{
position: absolute;
right: .25rem;
top: 0.65rem;
padding: 0.7rem 1rem 0.75rem 1rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.25;
color: #fff;
}
.catalog_search_section__filtered .section{
position: relative;
background-image: url('../../images/mask-catalog.svg');
background-color: transparent;
background-repeat: no-repeat;
overflow: hidden;
background-size: 100% auto;
}
.btn_quick_kp__count{
border: 1px solid #f0f0f0;
border-radius: 0.94rem;
width: 1.25rem;
height: 1.25rem;
background: #fff;
font-weight: 600;
font-size: 0.86rem;
line-height: 1.2;
color: #232323;
display: flex;
align-items: center;
justify-content: center;
padding-top: 0.175rem;
}
.btn_quick_kp svg{
margin-right: -0.1rem;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: -0.25rem;
}
.btn_quick_kp span{
line-height: 1;
margin-bottom: -0.2rem;
}
.catalog_search_section__filtered__title{
font-family: "SONGER SemiExpanded";
font-size: 1.375rem;
font-weight: 700;
line-height: var(--Typography-h4-lihe-height, 1.5rem);
padding: 1.25rem 0;
}
.top_page__section--catalog_2{
margin-bottom: 1.25rem;
}
.btn_catalog_search_section__filtered__reset{}
.btn_filtered{
border-radius: 6.25rem;
background: var(--Grey-100, #f4f4f4);
padding: 0.3125rem 0.35rem 0.3125rem 0.625rem;
color: var(--Black, #272727);
font-size: 0.875rem;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.0175rem;
display: inline-flex;
align-items: center;
gap: 0.4rem;
line-height: 1;
}
.btn_filtered__icon{
width: 1.375rem;
aspect-ratio: 1/1;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
margin-top: -0.1rem;
}
.btn_filtered__icon svg{
width: 80%;
height: auto;
}
.catalog_search_section__filtered__line{
display: flex;
justify-content: space-between;
gap: 2rem;
}
.catalog_search_section__filtered__values{
display: flex;
flex-wrap: wrap;
gap: 0.31rem;
position: relative;
width: 100%;
padding-right: 12rem;
}
.catalog_search_section__filtered__values:not(:has(>*:nth-child(2))){
display: none;
}
.btn_filtered:hover svg{
color: var(--Background-secondary, #232323);
}
.btn_catalog_show_filter{
display: none;
}
.catalog_popular__tabs{
border-radius: 1.25rem;
border: 1px solid var(--Border-secondary, #fff);
background: var(--Background-ghost-40, rgba(255, 255, 255, 0.4));
display: flex;
align-items: center;
margin-bottom: 1.35rem;
gap: 0.31rem;
padding: 0.125rem;
}
.catalog_popular__tab{
flex: 1;
border-radius: 1.25rem;
border: 1px solid var(--Border-secondary, #fff);
font-weight: 600;
line-height: 100%;
letter-spacing: -0.03rem;
padding: 0.95rem 1rem 0.8rem;
}
.catalog_popular__tab.active{
border-radius: 0.9375rem;
background: var(--Background-primary, #fff);
box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
}
.catalog_popular__tab:hover{
color: #fff;
background: #ec682d;
border-color: #ec682d;
}
.catalog_popular__values__block{
display: none;
}
.catalog_popular__values__block.active{
display: block;
}
.catalog_popular__values__block__list{
display: flex;
flex-wrap: wrap;
gap: 0.31rem;
}
.btn_filtered__link{
font-weight: 600;
line-height: 120%;
border-radius: 6.25rem;
border: 1px solid var(--Border-secondary, #fff);
background: var(--Background-ghost-20, rgb(255 255 255));
padding: 0.725rem 1.545rem 0.575rem;
}
.btn_filtered__link:hover{
background: #ec682d;
color: #fff;
border-color: #ec682d;
}
.products_list__table__th{
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: -0.035rem;
padding: 1.1rem 0;
flex: 1;
padding-right: 1.5rem;
}
.products_list__table__thead{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-radius: 1rem;
border-bottom: 0.175rem solid #f0f0f0;
background: var(--Background-primary, #fff);
padding: 0rem 1.5rem;
}
.products_list__table__cards{
display: flex;
flex-direction: column;
gap: 0.275rem;
}
.card__line:hover .card__line__link:after{
opacity: 0;
}
.catalog_search_section__filtered{
margin-bottom: 0.31rem;
}
.products_list__table__th:last-child{
width: 8rem;
flex: none;
margin-left: 1.5rem;
}
.card__line{
display: flex;
flex-wrap: wrap;
transition: 0.25s ease-in-out;
align-items: stretch;
gap: 0.31rem;
position: relative;
background: var(--Background-primary, #fff);
border-radius: 0.75rem;
}
.card__line__features{
display: flex;
flex-wrap: wrap;
flex: 1;
font-weight: 600;
line-height: 100%;
letter-spacing: -0.035rem;
color: inherit;
text-decoration: none;
position: relative;
z-index: 1;
}
.card__line__feature{
padding-right: 1.5rem;
white-space: nowrap;
width: calc(100% / 6);
overflow: hidden;
text-overflow: ellipsis;
}
.card__line:hover{
margin: 0 -0.5rem;
padding: 0 0.5rem;
box-shadow: 0px 0px 0px 0.1rem #ec692c;
border-radius: 0.75rem;
}
.card__line__buttons{
display: flex;
padding: 0;
gap: 0.31rem;
width: 9.6rem;
justify-content: flex-end;
border-left: 0.125rem solid #f0f0f0;
padding: 0.5rem 0.75rem;
padding-right: 1.25rem;
}
.btn_card__line{
padding: 0.525rem 0.75rem;
border-radius: 0.62rem;
font-size: 0.875rem;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.0175rem;
}
.btn_card__line:hover{
background: #000000;
color: #fff;
}
.products_list__table{}
.modal__catalog_filter .filter__item{
flex: none;
min-width: 100%;
}
.products_pagintaion{
margin-top: 0.25rem;
padding: 0.5rem 1rem 0.5rem 1.5rem;
background: var(--Background-primary, #fff);
border-radius: 1rem;
}
.products_pagintaion__inner{
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
flex-wrap: wrap;
}
.products_pagintaion__stats{
flex: 1 1 12rem;
font-size: 0.9375rem;
line-height: 1.3;
white-space: nowrap;
}
.products_pagintaion__nav{
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
flex: 0 1 auto;
}
.products_pagintaion__pages{
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
}
a.products_pagintaion__page,
a.products_pagintaion__btn{
box-sizing: border-box;
text-decoration: none;
color: inherit;
}
.products_pagintaion__btn,
.products_pagintaion__dots{
aspect-ratio: 1/1;
height: 2.25rem;
padding: 0;
margin: 0;
border-radius: 50%;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 0.875rem;
font-weight: 500;
line-height: 1;
font-family: inherit;
border: 0.125rem solid #f0f0f0;
}
.products_pagintaion__page{
width: auto;
height: 2.25rem;
aspect-ratio: 1/1;
padding: 0 0.55rem;
margin: 0;
font-size: 0.9rem;
border-radius: 2rem;
border: none;
padding-top: 0.1rem;
border: 0.125rem solid #f0f0f0;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: inherit;
line-height: 1;
font-family: inherit;
font-weight: 600;
}
.products_pagintaion__dots{
cursor: default;
color: #6b7280;
letter-spacing: 0.05em;
border-color: transparent;
}
.products_pagintaion__btn--prev{
color: #9ca3af;
}
.products_pagintaion__btn:hover:not(:disabled),
.products_pagintaion__page:hover:not(:disabled):not(.active){
background: #232323;
color: #fff;
border-color: #232323;
}
.products_pagintaion__page.active{
background: #232323;
color: #fff;
box-shadow: none;
cursor: default;
border-color: #232323;
}
.products_pagintaion__btn:disabled{
opacity: 0.45;
cursor: not-allowed;
}
.products_pagintaion__goto{
display: flex;
align-items: center;
gap: 0.75rem;
flex: 1 1 12rem;
justify-content: flex-end;
margin: 0;
}
.products_pagintaion__goto__label{
font-size: 0.9375rem;
white-space: nowrap;
}
.products_pagintaion__btn svg{
width: 25%;
height: auto;
}
.products_pagintaion__goto__field{
display: flex;
align-items: stretch;
min-width: auto;
background: #fff;
border-radius: 999px;
border: 0.125rem solid #f0f0f0;
overflow: hidden;
}
.products_pagintaion__goto__input{
width: 3.5rem;
border: none;
background: transparent;
color: inherit;
font-size: 0.875rem;
font-weight: 500;
text-align: center;
padding: 0.5rem 0.25rem 0.5rem 0.75rem;
font-family: inherit;
-moz-appearance: textfield;
}
.products_pagintaion__goto__input::-webkit-outer-spin-button,
.products_pagintaion__goto__input::-webkit-inner-spin-button{
-webkit-appearance: none;
margin: 0;
}
.products_pagintaion__goto__input:focus{
outline: none;
}
.products_pagintaion__goto__submit{
height: 2.25rem;
aspect-ratio: 1/1;
margin: 0.125rem 0.125rem 0.125rem 0;
padding: 0;
border: none;
border-radius: 50%;
background: #232323;
color: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s ease;
}
.products_pagintaion__goto__submit:hover{
background: #000000;
}
.section__p_product{
margin-bottom: 2.5rem;
padding-left: 0;
padding-right: 0;
background: transparent;
}
.card__line__title a{
color: inherit;
text-decoration: none;
}
.card__line__title a:hover{
color: #ec682d;
}
.card__line__link{
flex: 1;
display: flex;
align-items: center;
color: inherit;
text-decoration: none;
font-size: 0.925rem;
padding: 0.5rem 0.75rem;
padding-left: 1.5rem;
position: relative;
}
.card__line__title{
width: 20rem;
}
.products_list__table__th--name{
width: 20rem;
flex: none;
}
.btn_add_to_kp .active{
opacity: 1;
}
.btn_add_to_kp use{
opacity: 0;
}
.btn_add_to_kp{
width: 2rem;
position: relative;
aspect-ratio: 1/1;
padding: 0;
}
.btn_add_to_kp span{
display: none;
}
.btn_add_to_kp:hover:before{
opacity: 1;
pointer-events: all;
}
.btn_add_to_kp:before{
content: attr(data-pointer);
position: absolute;
top: 0;
opacity: 0;
pointer-events: none;
white-space: nowrap;
font-weight: 400;
font-size: 0.69rem;
line-height: 1.36364;
color: #ec692d;
border: 1px solid rgba(236, 105, 45, 0.2);
border-radius: 0.63rem;
padding: 0.63rem;
background: rgb(253 241 234);
top: -0.25rem;
transform: translate(0, -100%);
right: 0;
transition: 0.25s ease-in-out;
z-index: 100;
}
.catalog_search_section__filtered .section:after{
content: '';
position: absolute;
top: 4.75rem;
left: 0;
right: 0;
height: 100%;
background: var(--Background-primary, #fff);
z-index: -1;
}
.btn_add_to_kp svg{
width: 65%;
height: auto;
}
.card__line__link:after{
content: '';
position: absolute;
right: -.35rem;
top: 0;
bottom: 0;
width: 15rem;
background: linear-gradient(90deg, transparent, #f9f9f9);
z-index: 0;
pointer-events: none;
transition: 0.25s ease-in-out;
}
.card__line__link:hover:after{
opacity: 0;
}
@media screen and (max-width: 1024px){
.catalog_search_section__filtered .section{
background: var(--Background-primary, #fff);
}
.card__line__link:after{
display: none;
}
.catalog_search_section__filtered .section:after{
display: none;
}
.btn_quick_kp{
position: static;
width: 100%;
max-width: 400px;
}
.btn_quick_kp span{
font-size: 0.85rem;
}
.card__line__link{
flex-direction: column;
font-size: 0.825rem;
padding-left: 0;
}
.title_xl--catalog_2__wrap{
padding: 1.4rem 0 0.5rem;
}
.title_xl--catalog_2,
.title_xl--catalog_2 .__animate__title__content{
max-width: 100%;
overflow-wrap: anywhere;
}
.btn_catalog_kp{
position: static;
padding-left: 0;
}
.btn_catalog_search{
min-width: 0;
}
.catalog_2__top__search{
padding: 0;
margin-bottom: 1.5rem;
}
.catalog_2__filter{
flex: none;
width: 100%;
margin-bottom: 0.61rem;
}
.catalog_2__consultation{
width: 100%;
}
.btn_catalog_2__consultation{
max-width: 25rem;
}
.catalog_search_section__filtered__title{
font-size: 1rem;
font-weight: 700;
line-height: var(--Typography-h5-lihe-height, 1.25rem);
padding: 1rem 0 1.35rem;
}
.catalog_search_section__filtered__line{
flex-direction: column;
align-items: flex-start;
gap: 0.46rem;
}
.btn_catalog_search_section__filtered__reset{
display: inline-flex;
width: auto;
position: static;
}
.catalog_search_section__filtered__values{
padding-right: 0;
}
.btn_filtered{
font-size: 0.6875rem;
font-style: normal;
font-weight: 600;
line-height: var(--Typography-Caption-Regular-Medium-lihe-height,
1rem);
letter-spacing: -0.01375rem;
}
.products_list__table__thead{
display: none;
}
.card__line__title{
font-family: "SONGER SemiExpanded";
font-weight: 700;
line-height: var(--Typography-h5-lihe-height, 1.25rem);
display: block;
width: 100%;
margin-bottom: 0.65rem;
}
.products_list__table{
overflow: visible;
border-radius: 1.25rem;
padding: 1.25rem 0rem;
background: var(--Background-primary, #fff);
}
.products_list__table__cards{
display: flex;
flex-wrap: wrap;
gap: 0.62rem;
padding: 0 0.5rem;
flex-direction: row;
}
.card__line{
width: calc((100% - 0.62rem) / 2);
border-radius: 0.9375rem;
border: 1px solid var(--Border-neutral-light, #f0f0f0);
background: var(--Background-primary, #fff);
padding: 0.94rem 0.94rem 0.85rem;
}
.btn_add_to_kp svg{
width: 24px;
}
.card__line__features{
flex-direction: column;
width: 100%;
flex: none;
gap: 0.7rem;
margin-bottom: 0.275rem;
opacity: 0.65;
font-size: 0.775rem;
}
.card__line__feature{
padding: 0;
width: 100%;
overflow: visible;
white-space: normal;
}
.card__line__feature:before{
content: attr(data-title) ":";
margin-right: 0.275rem;
}
.card__line__buttons{
width: 100%;
padding: 0;
border: none;
}
.btn_card__line{
padding: 0.85rem;
flex: 1;
font-size: 1rem;
border-radius: 0.75rem;
}
.btn_add_to_kp{
flex: none;
gap: 10px;
aspect-ratio: auto;
border-radius: 0.65rem;
padding: 0;
width: 44px;
}
.card__line:nth-child(2n){
background: var(--Background-primary, #fff);
}
.card__line:hover{
box-shadow: none;
padding: 0.94rem 0.94rem 0.85rem;
margin: 0;
}
.catalog_popular__tab{
font-size: 0.75rem;
font-weight: 600;
line-height: 100%;
letter-spacing: -0.0225rem;
padding: 0.6rem 0;
flex: 1 1 calc((100% - 0.31rem * 3)/4);
min-width: 90px;
background: var(--Background-ghost-20, rgb(255 255 255));
}
.catalog_popular__tabs{
padding: 0.5rem;
margin-bottom: 0.76rem;
flex-wrap: wrap;
}
.catalog_popular__tab:hover{
color: inherit;
border-color: snow;
background: #fff;
}
.catalog_popular__tab.active{
color: #fff;
background: #ec682d;
border-color: #ec682d;
}
.btn_filtered__link{
font-size: 0.75rem;
font-weight: 600;
line-height: 100%;
padding: 0.575rem 1.5rem;
}
}
@media screen and (max-width: 750px){
.btn_catalog_show_filter{
display: flex;
margin-bottom: 0.62rem;
}
.catalog_2__top .catalog_filter__desktop{
display: none;
}
.modal__catalog_filter__block .catalog_2__consultation{
display: none;
}
.modal__catalog_filter__block .btn_catalog_show_filter{
display: none;
}
.catalog_2__consultation{
width: 100%;
}
.card__line{
width: 100%;
}
.modal__catalog_filter{
max-width: 450px;
}
.filter__row{
flex-direction: column;
}
.filter__item{
flex: none;
}
.catalog_2__filter{
margin-top: 1.75rem;
}
}
.catalog_no_products{
padding: 1.5rem 0;
}
@media screen and (max-width:1024px){
.products_pagintaion__goto{
display: none;
}
.products_pagintaion__inner{
flex-direction: column-reverse;
}
.products_pagintaion{
padding: 1.75rem;
}
.products_pagintaion__stats{
height: auto;
flex: none;
}
.products_pagintaion__page{
display: none;
}
.products_pagintaion__dots{
display: none;
}
.products_pagintaion__page.active{
display: block;
}
.products_pagintaion__page.active+.products_pagintaion__page,
.products_pagintaion__page.active+.products_pagintaion__page+.products_pagintaion__page,
.products_pagintaion__page.active+.products_pagintaion__page+.products_pagintaion__page+.products_pagintaion__page{
display: block;
}
}
.--dark .products_pagintaion__page{
border-color: transparent;
background: #333333;
}
.--dark .products_pagintaion__btn:hover:not(:disabled),
.--dark .products_pagintaion__page:hover:not(:disabled):not(.active){
background: #444;
border-color: transparent;
}
.--dark .products_pagintaion__btn{
border-color: transparent;
background: #444444;
}
.--dark .products_pagintaion__goto__field{
background: #333333;
border: none;
}
: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 .documents__item{
background-image: url("data:image/svg+xml,%3Csvg width='364' height='291' viewBox='0 0 364 291' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M364 276C364 284.284 357.284 291 349 291H15C6.71573 291 0 284.284 0 276V77C0 68.7157 6.71573 62 15 62H47C55.2843 62 62 55.2843 62 47V15C62 6.71573 68.7157 0 77 0H349C357.284 0 364 6.71573 364 15V276Z' fill='%23232323'/%3E%3C/svg%3E%0A");
}
.--dark .documents__item__number{
background: #232323;
border: none;
}
.--dark .documents__item:before,
.--dark .documents__item:after{
background-color: var(--Background-primary);
}
@media screen and (max-width: 750px){
.--dark .documents__item{
background-image: url("data:image/svg+xml,%3Csvg width='169' height='160' viewBox='0 0 169 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M168.296 145C168.296 153.284 161.58 160 153.296 160H15C6.71573 160 0 153.284 0 145V76.0898C0 67.8056 6.71573 61.0898 15 61.0898H46.8438C55.128 61.0898 61.8438 54.3741 61.8438 46.0898V15C61.8438 6.71573 68.5595 0 76.8438 0H153.296C161.58 0 168.296 6.71573 168.296 15V145Z' fill='%23232323'/%3E%3C/svg%3E%0A");
}
}
.--dark .btn_white:hover{
background: var(--light-color);
color: var(--dark-color-text);
}
.--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;
}
.--dark .catalog_search_field:before{
filter: invert(1);
}
.--dark .card_product_1__title a:before{
filter: brightness(0) invert(1);
}
.--dark .card_product_1__title a:hover:before{
filter: none;
}
.--dark .card_product_1__title{
border-color: #999;
}
.--dark .card_product_1__info__item{
border-color: #999;
}
.--dark .btn_filtered{
background: #3a3a3a;
}
.--dark .btn_filtered svg{
color: #000;
}
.--dark .products_list__table__thead{
border-color: #333333;
}
.--dark .catalog_popular__tabs{
background: rgb(35 35 35 / 25%);
border-color: transparent;
padding: 0.31rem;
}
.--dark .catalog_popular__tab.active{
background: #232323;
border-color: transparent;
}
@media screen and (max-width:1024px){
.--dark .catalog_popular__tab{
background: #343434;
}
.--dark .catalog_popular__tab:hover{}
.--dark .catalog_popular__tab.active{
background: #ec682d;
border-color: #ec682d;
}
}
.--dark .btn_filtered__link{
background: rgb(35 35 35 / 25%);
border-color: #666;
}
.--dark .btn_filtered__link:hover{
background: #ec682d;
}
.--dark .catalog_popular__tab{
border-color: #666;
}
@media screen and (max-width: 1024px){
.--dark .card__line:nth-child(2n){
border: 1px solid var(--Border-neutral-light, #f0f0f0);
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 .card_product_1__image{
background: var(--Background-neutral-light, #f0f0f0);
}
.--dark .btn_category_p__info__search{
background: #1c1c1c;
}
.--dark .category_p__info__search__field:before{
filter: invert(1);
}
.--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_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 .catalog_search_section__filtered .section{
position: relative;
background-image: url('../../images/mask-catalog--dark.svg');
background-color: transparent;
background-repeat: no-repeat;
overflow: hidden;
}
@media screen and (max-width: 1024px){
.--dark .catalog_search_section__filtered .section{
background: var(--Background-primary, #fff);
}
}
.--dark .card__line__link:after{
background: linear-gradient(90deg, transparent, #212121);
}
.--dark .card__line:hover{
}
.--dark .card__line{
border-color: #3a3a3a;
}
.--dark .card__line__buttons{
border-color: #3a3a3a;
}
.--dark .modal__kp__info{
background: #222;
}
.--dark .btn_add_to_kp:hover{
background: #111;
}
.__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,.__animate__opacity--hero{
opacity: 0;
}
.__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);
}