@layer bricks {
    .brxe-text-link {
        gap: 5px
    }

    .brxe-text-link,
    .brxe-text-link span {
        align-items: center;
        display: inline-flex
    }

    .brxe-text-link span {
        justify-content: center
    }
}

@layer bricks {
    :where(.brxe-svg) {
        height: auto;
        width: auto
    }

    :where(.brxe-svg) svg {
        height: auto;
        max-width: 100%;
        overflow: visible;
        width: auto
    }
}

@layer bricks {
    .brxe-button {
        width: auto
    }
}

@layer bricks {
    @keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes spin {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes scrolling {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }
    }

    a.brxe-image {
        display: inline-block
    }

    figure.brxe-image {
        margin: 0
    }

    :where(.brxe-image).tag {
        display: inline-block;
        height: fit-content;
        position: relative;
        width: auto
    }

    :where(.brxe-image).caption {
        position: relative
    }

    :where(.brxe-image).caption:has(figcaption.ui-image-caption) {
        overflow: hidden
    }

    :where(.brxe-image).overlay {
        position: relative
    }

    :where(.brxe-image).overlay:before {
        bottom: 0;
        content: "";
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0
    }

    :where(.brxe-image):before {
        border-radius: inherit
    }

    :where(.brxe-image) a {
        border-radius: inherit;
        position: static;
        transition: inherit
    }

    :where(.brxe-image) picture {
        border-radius: inherit;
        transition: inherit
    }

    :where(.brxe-image) img {
        border-radius: inherit;
        height: 100%;
        position: static !important;
        transition: inherit;
        width: 100%
    }

    :where(.brxe-image) img.ui-lazy-hidden+figcaption {
        display: none
    }

    :where(.brxe-image) .icon {
        color: #fff;
        font-size: 60px;
        pointer-events: none;
        position: absolute;
        right: 50%;
        text-align: center;
        top: 50%;
        transform: translate(50%, -50%);
        z-index: 5
    }

    :where(.brxe-image) .ui-image-caption {
        background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 70%, transparent);
        bottom: 0;
        color: #fff;
        font-size: inherit;
        margin: 0;
        padding: 10px 15px;
        pointer-events: none;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 1
    }
}

@layer bricks {
    .brxe-icon {
        font-size: 60px
    }

    svg.brxe-icon {
        font-size: inherit
    }
}

@layer bricks {
    :where(.brxe-heading).has-separator {
        align-items: center;
        display: inline-flex;
        gap: 20px
    }

    :where(.brxe-heading)>[contenteditable] {
        display: inline-block;
        text-decoration: inherit
    }

    :where(.brxe-heading) .separator {
        border-top: 1px solid;
        flex-grow: 1;
        flex-shrink: 0;
        height: 1px
    }
}

.brxe-rkepbv {
    border-radius: 7%/100%;
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.3rem;
    padding-left: 0.4rem;
    border-width: 0px;
    border-style: none;
    border-color: rgba(0, 0, 0, 0);
    border-image: none
}

#brxe-zwfgpw {
    color: var(--white)
}

#brxe-zwfgpw span {
    font-weight: 700;
}

#brxe-jnrzhe {
    display: flex;
    align-items: center;
    column-gap: 2rem;
    row-gap: 1rem
}

@media (max-width: 767px) {
    #brxe-jnrzhe {
        flex-direction: column
    }
}

@media (max-width: 767px) {
    #brxe-pcqbys {
        text-align: center;
        align-items: center
    }
}

#brxe-ryzdjp {
    background-image: url(./../../main-bg.jpg);
    background-size: cover
}

#brxe-lepmmd {
    position: relative;
}

#brxe-lepmmd::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 676px;
    height: 676px;
    filter: blur(400px);
    background: rgba(255, 131, 63, 0.31);
}

#brxe-ldoltx {
    background-image: url(./../../uvelichenie-moshhnosti-dvigatelya.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain
}

#brxe-htieur {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../uluchshenie-dinamiki.jpg)
}

#brxe-qjkqvh {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../optimizacziya-rashoda-topliva.jpg)
}

#brxe-vrqbit {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../individualnaya-nastrojka.jpg)
}

#brxe-yzxdph {
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../ustranenie-zavodskih-ogranichenij.jpg)
}

#brxe-kyxgaw {
    color: var(--orange);
    fill: var(--orange);
    font-size: 24px
}

#brxe-kyxgaw {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 10px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

#brxe-mzwljp {
    border-radius: 7%/100%;
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.3rem;
    padding-left: 0.4rem
}

#brxe-mzewcn {
    color: var(--white);
    text-align: center
}

#brxe-mzewcn span {
    font-weight: 700;
}

#brxe-uzabtk {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem
}

#brxe-qvyiua {
    overflow: hidden;
    background-position: center center;
    background-repeat: repeat-x;
    background-size: contain
}

#brxe-qvyiua {
    position: relative;
}

#brxe-qvyiua::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./../../vertical-grid-5-1-1.png");
    background-position: center center;
    z-index: -1;
}

#brxe-bawwqh {
    color: #bfbfbf;
    max-width: 51rem
}

@media (max-width: 1023px) {
    #brxe-bawwqh {
        text-align: center
    }
}

#brxe-yufpqw {
    border-radius: 7%/100%;
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.3rem;
    padding-left: 0.4rem;
    width: 31rem
}

@media (max-width: 1023px) {
    #brxe-lxjzue {
        display: flex;
        flex-direction: column;
        align-items: center;
        order: 1
    }
}

#brxe-apyjkt {
    position: relative;
}

#brxe-apyjkt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem;
    height: 40rem;
    filter: blur(200px);
    background: rgba(255, 131, 63, 0.6);
}

@media (max-width: 1023px) {
    #brxe-apyjkt {
        max-width: 50rem
    }
}

#brxe-tocptr {
    flex-direction: row;
    column-gap: 2rem;
    row-gap: 2rem;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 1023px) {
    #brxe-tocptr {
        flex-direction: column
    }
}

#brxe-isvypj {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(./../../bg-modify2.jpg);
    background-size: cover;
    position: relative
}

:where(#brxe-isvypj > *:not(figcaption)) {
    position: relative
}

#brxe-isvypj::before {
    background-image: linear-gradient(var(--141c22) 0%, rgba(19, 26, 32, 0), var(--141c22) 100%);
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

#brxe-vvebqi {
    width: 50%
}

#brxe-vvebqi {
    position: relative;
}

#brxe-vvebqi::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40rem;
    height: 40rem;
    filter: blur(200px);
    background: rgba(255, 131, 63, 0.2);
}

@media (max-width: 1023px) {
    #brxe-vvebqi {
        width: 100%
    }
}

#brxe-csdplo .bc-expander-container {
    width: 100%;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0)
}

#brxe-csdplo .bc-expander-question .bc-expander-question-icon {
    font-size: 1em;
    color: var(--orange)
}

#brxe-csdplo .bc-expander-question {
    padding-top: 2rem;
    padding-bottom: 2rem
}

#brxe-csdplo .bc-expander-answer {
    padding-top: 1rem;
    padding-bottom: 1rem
}

#brxe-csdplo {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

#brxe-csdplo .bc-expander-question-heading {
    font-size: clamp(calc(1rem * (14 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((16 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (14 / var(--base-font)))) + (((16 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (16 / var(--base-font))));
}

#brxe-vsmute {
    width: 50%
}

@media (max-width: 1023px) {
    #brxe-vsmute {
        width: 100%
    }
}

#brxe-mkcbqj {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    column-gap: 2rem
}

@media (max-width: 1023px) {
    #brxe-mkcbqj {
        flex-direction: column
    }
}

#brxe-fbdheg {
    position: relative;
}

#brxe-fbdheg::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("./../../vertical-grid-5-1-1.png");
    background-position: center center;
    background-repeat: repeat-x;
    z-index: -1;
}

#brxe-wvtvky {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../avtozvuk2.jpg)
}

#brxe-vitfre {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../shumoizolyacziya.jpg)
}

#brxe-uvjeqr {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../peresvet-salona.jpg)
}

#brxe-nnnlyd {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(./../../ustanovka-dovodchikov-dverej.jpg)
}

#brxe-gdholf {
    color: var(--orange);
    fill: var(--orange);
    font-size: 24px
}

#brxe-gdholf {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    0% {
        transform: translate(0, 0px);
    }

    50% {
        transform: translate(0, 10px);
    }

    100% {
        transform: translate(0, -0px);
    }
}

#brxe-nnqsbq {
    border-radius: 7%/100%;
    padding-top: 0.3rem;
    padding-right: 0.4rem;
    padding-bottom: 0.3rem;
    padding-left: 0.4rem
}

#brxe-znzpux {
    color: var(--white);
    text-align: center
}

#brxe-znzpux span {
    font-weight: 700;
}

#brxe-cchkro {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1rem
}

#brxe-ucmvbd {
    flex-direction: column;
    column-gap: 2rem;
    row-gap: 2rem;
    justify-content: center;
    align-items: center
}

@media (max-width: 1023px) {
    #brxe-ucmvbd {
        flex-direction: column
    }
}

#brxe-xlbvcp {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(./../../bg-modify3.jpg);
    background-size: cover;
    position: relative
}

:where(#brxe-xlbvcp > *:not(figcaption)) {
    position: relative
}

#brxe-xlbvcp::before {
    background-image: linear-gradient(var(--141c22) 0%, rgba(19, 26, 32, 0), var(--141c22) 100%);
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none
}

#brxe-uazpkz .x-read-more_link {
    color: var(--bricks-color-rjtydi)
}

#brxe-uazpkz {
    color: var(--bricks-color-rjtydi)
}

#brxe-uazpkz .x-read-more_content {
    --x-mask-end: 100%;
    --x-mask-start: 5%;
    max-height: 100px
}

#brxe-uazpkz h3,
h4 {
    margin-bottom: 1.5rem;
}

#brxe-uazpkz h3 {
    font-size: clamp(calc(1rem * (15 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((24 - 15) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (15 / var(--base-font)))) + (((24 - 15) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (24 / var(--base-font))));
}

#brxe-uazpkz h4 {
    font-size: clamp(calc(1rem * (14 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((18 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (14 / var(--base-font)))) + (((18 - 14) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (18 / var(--base-font))));
}

#brxe-ovgjui {
    padding-top: 0
}