body {
    color: #000;
    /* width: 100%;
    min-width: 320px;
    min-height: 100%;
    font-size: 16px;
    line-height: 1.6;
    position: relative */
}

@media screen and (width<=1000px) {
    body.-aside-visible,body.-mobile-menu-open {
        touch-action: none;
        overscroll-behavior: none;
        overflow: hidden
    }
}

.pg-wrap {
    width: 100%;
    max-width: 1240px;
    margin: auto;
    padding: 0 20px;
    position: relative
}

.pg-wrap.-no-relative {
    position: static
}

.pg-page {
    background-color: var(--color-white);
    border-radius: var(--radius_l);
    width: 100%;
    max-width: 1200px;
    padding: var(--space_s)0 var(--space_l)0;
    margin: var(--space_m)auto var(--space_m)auto
}

@media screen and (width<=1000px) {
    .pg-page {
        padding: var(--space_m)0;
        margin-top: calc(-1*var(--space_m))
    }
}

.pg-page__wrap {
    margin: 0 var(--space_l)
}

@media screen and (width<=1000px) {
    .pg-page__wrap {
        margin: 0 var(--space_m)
    }
}

.article-header {
    padding: 105px 0 var(--space_l)0;
    background-color: var(--color-primary);
    background-position: bottom;
    background-size: cover
}

.article-header--live-quotes {
    background-image: url(../img/bg/bg-live-quotes-redesign.webp)
}

@media (width<=1000px) {
    .article-header {
        background-image: url(../img/bg/bg-common-redesign.webp);
        padding: 34px 0 40px
    }
}

.article-header--forex-calculator {
    background-image: url(../img/bg/bg-forex-calculator-redesign.webp)
}

@media (width<=1000px) {
    .article-header--forex-calculator {
        background-image: url(../img/bg/bg-forex-calculator-mobile-redesign.webp)
    }
}

.article-header--profit-calculator {
    background-image: url(../img/bg/bg-profit-calculator-redesign.webp)
}

@media (width<=1000px) {
    .article-header--profit-calculator {
        background-image: url(../img/bg/bg-profit-calculator-mobile-redesign.webp)
    }
}