

/* Start:/local/templates/main/css/css.css?17564058578094*/
/*!
 * Дело в Софте v5.3.7 (https://delovsofte.ru/)
 * Copyright 2024-2025 ООО "Клодо"
 */
:root {
--de-body-font-family:var(--de-font-sans-serif);
--de-font-sans-serif:system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--de-body-font-size:1rem;
--de-body-font-weight:400;
--de-body-line-height:1.5;
--de-body-color: #212529;
--de-body-bg:#fff;
--de-border-width:1px;
--de-heading-color:inherit;
--de-link-color-rgb:13, 110, 253;
--de-link-hover-color-rgb: 10, 88, 202;
}
@media (prefers-reduced-motion:no-preference) {
:root {scroll-behavior:smooth;}
}


*, *::before, *::after {box-sizing:border-box}

body {
display:flex;flex-direction:column;
height:100vh;
margin:0;
font-family:var(--de-body-font-family);
font-size:var(--de-body-font-size);
font-weight:var(--de-body-font-weight);
line-height:var(--de-body-line-height);
color: var(--de-body-color);
background-color:var(--de-body-bg);
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
hr {margin:1rem 0;color:inherit;border:0;border-top:var(--de-border-width) solid;opacity:0.25}
h6, h5, h4, h3, h2, h1 {margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--de-heading-color);}
h1 {font-size:calc(1.375rem + 1.5vw);}
h2 {font-size:calc(1.325rem + 0.9vw);}
h3 {font-size:calc(1.3rem + 0.6vw);}
h4 {font-size:calc(1.275rem + 0.3vw);}
h5 {font-size:1.25rem;}
h6 {font-size:1rem;}
p {margin-top:0;margin-bottom:1rem;}
b, strong {font-weight:bolder;}

ol, ul, dl {margin-top:0;margin-bottom:1rem;}
ol ol, ul ul, ol ul, ul ol {margin-bottom:0;}
ol, ul {padding-left:2rem;}
a {color:rgba(var(--de-link-color-rgb), var(--de-link-opacity, 1));text-decoration:underline;}
a:hover {--de-link-color-rgb: var(--de-link-hover-color-rgb);}
a:not([href]):not([class]), a:not([href]):not([class]):hover {color:inherit;text-decoration:none;}

img, svg {vertical-align:middle;}
.container {--de-gutter-x:1.5rem;--de-gutter-y:0;width:100%;padding-right:calc(var(--de-gutter-x) * 0.5);padding-left:calc(var(--de-gutter-x) * 0.5);margin-right:auto;margin-left:auto}



.row {--de-gutter-x:1.5rem;--de-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--de-gutter-y));margin-right:calc(-0.5 * var(--de-gutter-x));margin-left:calc(-0.5 * var(--de-gutter-x));}
.row > * {box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--de-gutter-x) * 0.5);padding-left:calc(var(--de-gutter-x) * 0.5);margin-top: var(--de-gutter-y);}



.center {margin:0 auto}
.flex-center {justify-content:center}

.all-1 {flex:0 0 auto;width:8.333333%}
.all-2 {flex:0 0 auto;width:16.666667%}
.all-3 {flex:0 0 auto;width:25%}
.all-4 {flex:0 0 auto;width:33.333333%}
.all-5 {flex:0 0 auto;width:41.666667%}
.all-6 {flex:0 0 auto;width:50%}
.all-7 {flex:0 0 auto;width:58.333333%}
.all-8 {flex:0 0 auto;width:66.666667%}
.all-9 {flex:0 0 auto;width:75%}
.all-10 {flex:0 0 auto;width:83.333333%}
.all-11 {flex:0 0 auto;width:91.666667%}
.all-12 {flex:0 0 auto;width:100%}
/***small-devices***/
@media (min-width:576px) {
    .container {max-width:540px}
    .small-1 {flex:0 0 auto;width:8.333333%}
    .small-2 {flex:0 0 auto;width:16.666667%}
    .small-3 {flex:0 0 auto;width:25%}
    .small-4 {flex:0 0 auto;width:33.333333%}
    .small-5 {flex:0 0 auto;width:41.666667%}
    .small-6 {flex:0 0 auto;width:50%}
    .small-7 {flex:0 0 auto;width:58.333333%}
    .small-8 {flex:0 0 auto;width:66.666667%}
    .small-9 {flex:0 0 auto;width:75%}
    .small-10 {flex:0 0 auto;width:83.333333%}
    .small-11 {flex:0 0 auto;width:91.666667%}
    .small-12 {flex:0 0 auto;width:100%}
}
/***medium-devices***/
@media (min-width:768px) {
    .container {max-width:750px}
    .medium-1 {flex:0 0 auto;width:8.333333%}
    .medium-2 {flex:0 0 auto;width:16.666667%}
    .medium-3 {flex:0 0 auto;width:25%}
    .medium-4 {flex:0 0 auto;width:33.333333%}
    .medium-5 {flex:0 0 auto;width:41.666667%}
    .medium-6 {flex:0 0 auto;width:50%}
    .medium-7 {flex:0 0 auto;width:58.333333%}
    .medium-8 {flex:0 0 auto;width:66.666667%}
    .medium-9 {flex:0 0 auto;width:75%}
    .medium-10 {flex:0 0 auto;width:83.333333%}
    .medium-11 {flex:0 0 auto;width:91.666667%}
    .medium-12 {flex:0 0 auto;width:100%}
}
/***large-devices***/
@media (min-width:1024px) {
    .container {max-width:989px}
    .large-1 {flex:0 0 auto;width:8.333333%}
    .large-2 {flex:0 0 auto;width:16.666667%}
    .large-3 {flex:0 0 auto;width:25%}
    .large-4 {flex:0 0 auto;width:33.333333%}
    .large-5 {flex:0 0 auto;width:41.666667%}
    .large-6 {flex:0 0 auto;width:50%}
    .large-7 {flex:0 0 auto;width:58.333333%}
    .large-8 {flex:0 0 auto;width:66.666667%}
    .large-9 {flex:0 0 auto;width:75%}
    .large-10 {flex:0 0 auto;width:83.333333%}
    .large-11 {flex:0 0 auto;width:91.666667%}
    .large-12 {flex:0 0 auto;width:100%}
}
/***extra-large***/
@media (min-width:1280px) {
    .container {max-width:1245px}
    .extra-1 {flex:0 0 auto;width:8.333333%}
    .extra-2 {flex:0 0 auto;width:16.666667%}
    .extra-3 {flex:0 0 auto;width:25%}
    .extra-4 {flex:0 0 auto;width:33.333333%}
    .extra-5 {flex:0 0 auto;width:41.666667%}
    .extra-6 {flex:0 0 auto;width:50%}
    .extra-7 {flex:0 0 auto;width:58.333333%}
    .extra-8 {flex:0 0 auto;width:66.666667%}
    .extra-9 {flex:0 0 auto;width:75%}
    .extra-10 {flex:0 0 auto;width:83.333333%}
    .extra-11 {flex:0 0 auto;width:91.666667%}
    .extra-12 {flex:0 0 auto;width:100%}
}
/***multi-large***/
@media (min-width:1366px) {
    .container {max-width:1331px}
    .multi-1 {flex:0 0 auto;width:8.333333%}
    .multi-2 {flex:0 0 auto;width:16.666667%}
    .multi-3 {flex:0 0 auto;width:25%}
    .multi-4 {flex:0 0 auto;width:33.333333%}
    .multi-5 {flex:0 0 auto;width:41.666667%}
    .multi-6 {flex:0 0 auto;width:50%}
    .multi-7 {flex:0 0 auto;width:58.333333%}
    .multi-8 {flex:0 0 auto;width:66.666667%}
    .multi-9 {flex:0 0 auto;width:75%}
    .multi-10 {flex:0 0 auto;width:83.333333%}
    .multi-11 {flex:0 0 auto;width:91.666667%}
    .multi-12 {flex:0 0 auto;width:100%}
}
/***meta-large***/
@media (min-width:1600px) {
    .container {max-width:1565px}
    .meta-1 {flex:0 0 auto;max-width:8.333333%}
    .meta-2 {flex:0 0 auto;max-width:16.666667%}
    .meta-3 {flex:0 0 auto;max-width:25%}
    .meta-4 {flex:0 0 auto;width:33.333333%}
    .meta-5 {flex:0 0 auto;width:41.666667%}
    .meta-6 {flex:0 0 auto;width:50%}
    .meta-7 {flex:0 0 auto;width:58.333333%}
    .meta-8 {flex:0 0 auto;width:66.666667%}
    .meta-9 {flex:0 0 auto;width:75%}
    .meta-10 {flex:0 0 auto;width:83.333333%}
    .meta-11 {flex:0 0 auto;width:91.666667%}
    .meta-12 {flex:0 0 auto;width:100%}
}
/***mega-large***/
@media (min-width:1920px) {
    .container {max-width:1885px}
    .mega-1 {flex:0 0 auto;width:8.333333%}
    .mega-2 {flex:0 0 auto;width:16.666667%}
    .mega-3 {flex:0 0 auto;width:25%}
    .mega-4 {flex:0 0 auto;width:33.333333%}
    .mega-5 {flex:0 0 auto;width:41.666667%}
    .mega-6 {flex:0 0 auto;width:50%}
    .mega-7 {flex:0 0 auto;width:58.333333%}
    .mega-8 {flex:0 0 auto;width:66.666667%}
    .mega-9 {flex:0 0 auto;width:75%}
    .mega-10 {flex:0 0 auto;width:83.333333%}
    .mega-11 {flex:0 0 auto;width:91.666667%}
    .mega-12 {flex:0 0 auto;width:100%}
}
/***makro-large***/
@media (min-width:2500px) {
    .container {max-width:2490px}
    .makro-1 {flex:0 0 auto;width:8.333333%}
    .makro-2 {flex:0 0 auto;width:16.666667%}
    .makro-3 {flex:0 0 auto;width:25%}
    .makro-4 {flex:0 0 auto;width:33.333333%}
    .makro-5 {flex:0 0 auto;width:41.666667%}
    .makro-6 {flex:0 0 auto;width:50%}
    .makro-7 {flex:0 0 auto;width:58.333333%}
    .makro-8 {flex:0 0 auto;width:66.666667%}
    .makro-9 {flex:0 0 auto;width:75%}
    .makro-10 {flex:0 0 auto;width:83.333333%}
    .makro-11 {flex:0 0 auto;width:91.666667%}
    .makro-12 {flex:0 0 auto;width:100%}
}
/***4k large***/
@media (min-width:3000px) {
    .container {max-width:100%}

}
/* End */


/* Start:/local/templates/main/css/main.css?17564068262192*/
header {background-color:#fff;z-index:100;width:100%;position:fixed}


main {flex:1 0 auto}




aside {padding-top:40px;padding-bottom:40px;}

aside .item {
    border-radius: 15px;
    background-color: #212121;
    height: 301px;
}

footer {
    padding-top:64px;
    padding-bottom:32px;
    grid-row-gap: 40px;
    background-color: #191a1d;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    text-decoration: none;
    display: flex
;overflow: hidden;
}
.lines-background {
    z-index: -10;
    position: fixed;
    inset: 0%;
    overflow: visible;
}
.w-container:before, .w-container:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}
.w-container:after {
    clear: both;
}
.w-container:before, .w-container:after {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}
@media screen and (min-width: 1920px) {
    .line-main-wrapper {
        width: 87.9%;
    }
}
.line-main-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    justify-items: stretch;
    width:100%;
    height: 100%;
    align-items:center;
    display: flex
;
    position: fixed;
}
.line-item {
    background-color:#eeeff1;
    width: 1px;
    height: 100%;
}



.index main {

    display: flex;

    align-items: center;

}
.index h1 {font-size:11rem;font-weight:400}
.index h2 {color:#9680ff;font-size:5rem;font-weight:300}
.index h3 {
    margin-top:8rem;
    font-size: 1.8rem;
    font-weight: 400;
}

.index .center {
    align-items:end;
    display: flex
;
    /* justify-content: center; */
}
.index .small {font-size:1rem}
.line {
    background-color: #9b9b9b;
    flex: none;
    width: 100%;
    height: 1px;
}
.line2 {
    margin-bottom:6rem;
    background-color: #9b9b9b;
    flex: none;
    width: 100%;
    height: 1px;
}
.service-text {
    padding-bottom:20px;
    font-size: 2rem;
    font-weight: 100;
}


@media (max-width:1024px) {
.index main {border-left:none;margin:0}
.index aside {border-left:none;margin:0}
.index footer {border-left:none;margin0}
}
/* End */
/* /local/templates/main/css/css.css?17564058578094 */
/* /local/templates/main/css/main.css?17564068262192 */
