/* Start:/local/templates/fresco/css/blog-article.css?178582380313293*/
/* =========================================================
   Блог ArtFresco
   Стилизация в логике каталога и контактных блоков сайта
   ========================================================= */

.af-blog-page {
    --af-blog-text: #252525;
    --af-blog-muted: #6f6f6f;
    --af-blog-light: #909090;

    --af-blog-border: #e5e3df;
    --af-blog-border-dark: #d7d3cc;

    --af-blog-bg: #ffffff;
    --af-blog-bg-soft: #f7f6f3;
    --af-blog-bg-warm: #f2eee8;

    --af-blog-accent: #b98d61;
    --af-blog-accent-dark: #96704b;

    --af-blog-dark: #202020;
    --af-blog-dark-hover: #3a3a3a;

    --af-blog-radius-small: 10px;
    --af-blog-radius: 16px;
    --af-blog-radius-large: 22px;

    --af-blog-shadow:
        0 16px 46px rgba(32, 32, 32, 0.07);

    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 24px 72px;
    box-sizing: border-box;
}


/* =========================================================
   Основной текст
   ========================================================= */

.af-blog-article {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;

    color: var(--af-blog-text);
    font-size: 17px;
    line-height: 1.72;
    overflow-wrap: anywhere;
}

.af-blog-article > *:first-child {
    margin-top: 0;
}

.af-blog-article > *:last-child {
    margin-bottom: 0;
}

.af-blog-article p {
    margin: 0 0 24px;
}

.af-blog-article p + p {
    margin-top: -4px;
}


/* =========================================================
   Заголовки
   ========================================================= */

.af-blog-article h2,
.af-blog-article h3,
.af-blog-article h4 {
    color: var(--af-blog-text);
    font-weight: 500;
    letter-spacing: -0.02em;
}

.af-blog-article h2 {
    position: relative;

    margin: 52px 0 22px;
    padding-top: 20px;

    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.18;
}

.af-blog-article h2::before {
    content: "";

    position: absolute;
    top: 0;
    left: 0;

    width: 46px;
    height: 2px;

    background: var(--af-blog-accent);
}

.af-blog-article h3 {
    margin: 38px 0 17px;

    font-size: clamp(21px, 2.2vw, 28px);
    line-height: 1.28;
}

.af-blog-article h4 {
    margin: 30px 0 14px;

    font-size: 19px;
    line-height: 1.35;
}


/* =========================================================
   Ссылки
   ========================================================= */

.af-blog-article a {
    color: var(--af-blog-text);
    text-decoration-color: var(--af-blog-accent);
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}

.af-blog-article a:hover {
    color: var(--af-blog-accent-dark);
    text-decoration-color: var(--af-blog-accent-dark);
}


/* =========================================================
   Списки
   ========================================================= */

.af-blog-article ul,
.af-blog-article ol {
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
}

.af-blog-article li {
    position: relative;

    margin: 0 0 13px;
    padding-left: 29px;
}

.af-blog-article ul > li::before {
    content: "";

    position: absolute;
    top: 0.72em;
    left: 3px;

    width: 7px;
    height: 7px;

    border: 2px solid var(--af-blog-accent);
    border-radius: 50%;

    transform: translateY(-50%);
}

.af-blog-article ol {
    counter-reset: af-blog-list;
}

.af-blog-article ol > li {
    counter-increment: af-blog-list;
    padding-left: 38px;
}

.af-blog-article ol > li::before {
    content: counter(af-blog-list);

    position: absolute;
    top: 0;
    left: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    border: 1px solid var(--af-blog-border-dark);
    border-radius: 50%;

    color: var(--af-blog-accent-dark);
    background: var(--af-blog-bg-soft);

    font-size: 12px;
    line-height: 1;
    font-weight: 600;
}


/* =========================================================
   Выделенные блоки и цитаты
   ========================================================= */

.af-blog-article blockquote {
    position: relative;

    margin: 38px 0;
    padding: 30px 34px 30px 40px;

    border: 1px solid var(--af-blog-border);
    border-radius: var(--af-blog-radius);

    background:
        linear-gradient(
            135deg,
            var(--af-blog-bg-soft) 0%,
            #ffffff 100%
        );

    color: #484848;
    font-size: 18px;
    line-height: 1.65;
}

.af-blog-article blockquote::before {
    content: "";

    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 0;

    width: 3px;

    border-radius: 0 3px 3px 0;
    background: var(--af-blog-accent);
}

.af-blog-article blockquote p:last-child {
    margin-bottom: 0;
}


/* =========================================================
   Изображения
   ========================================================= */

.af-blog-article img {
    display: block;

    max-width: 100%;
    height: auto;
    margin: 38px auto;

    border-radius: var(--af-blog-radius);
    background: var(--af-blog-bg-soft);

    box-shadow:
        0 12px 34px rgba(32, 32, 32, 0.08);
}

.af-blog-article figure {
    margin: 40px 0;
}

.af-blog-article figure img {
    margin: 0;
}

.af-blog-article figcaption {
    margin-top: 12px;

    color: var(--af-blog-muted);
    font-size: 13px;
    line-height: 1.45;
    text-align: center;
}


/* =========================================================
   Таблицы
   ========================================================= */

.af-blog-article table {
    width: 100%;
    margin: 36px 0;

    border: 1px solid var(--af-blog-border);
    border-spacing: 0;
    border-collapse: separate;
    border-radius: var(--af-blog-radius);

    overflow: hidden;
    background: var(--af-blog-bg);
}

.af-blog-article th,
.af-blog-article td {
    padding: 16px 18px;

    border-right: 1px solid var(--af-blog-border);
    border-bottom: 1px solid var(--af-blog-border);

    text-align: left;
    vertical-align: top;
	min-width: 130px;
}

.af-blog-article tr:last-child td {
    border-bottom: 0;
}

.af-blog-article th:last-child,
.af-blog-article td:last-child {
    border-right: 0;
}

.af-blog-article th {
    color: var(--af-blog-text);
    background: var(--af-blog-bg-soft);

    font-size: 14px;
    font-weight: 600;
}

.af-blog-article td {
    color: #4b4b4b;
}


/* =========================================================
   Горизонтальная линия
   ========================================================= */

.af-blog-article hr {
    height: 1px;
    margin: 48px 0;

    border: 0;
    background: var(--af-blog-border);
}


/* =========================================================
   Рекламный блок
   ========================================================= */

.af-blog-cta {
    position: relative;

    width: 100%;
    max-width: 1020px;
    margin: 70px auto 0;
    padding: 1px;

    border-radius: var(--af-blog-radius-large);

    background:
        linear-gradient(
            135deg,
            rgba(185, 141, 97, 0.75),
            rgba(229, 227, 223, 0.9) 45%,
            rgba(185, 141, 97, 0.45)
        );

    box-shadow: var(--af-blog-shadow);
    box-sizing: border-box;
    overflow: hidden;
}

.af-blog-cta::before {
    content: "";

    position: absolute;
    top: -130px;
    right: -100px;

    width: 330px;
    height: 330px;

    border: 70px solid rgba(185, 141, 97, 0.08);
    border-radius: 50%;

    pointer-events: none;
}

.af-blog-cta::after {
    content: "";

    position: absolute;
    right: 58px;
    bottom: 36px;

    width: 56px;
    height: 1px;

    background: var(--af-blog-accent);
    box-shadow:
        0 8px 0 rgba(185, 141, 97, 0.45),
        0 16px 0 rgba(185, 141, 97, 0.22);

    pointer-events: none;
}

.af-blog-cta__content {
    position: relative;
    z-index: 1;

    min-height: 260px;
    padding: 48px 280px 48px 52px;

    border-radius: calc(var(--af-blog-radius-large) - 1px);

    background:
        linear-gradient(
            115deg,
            #ffffff 0%,
            #ffffff 58%,
            #f5f1eb 100%
        );

    box-sizing: border-box;
}

.af-blog-cta__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    margin: 0 0 17px;

    color: var(--af-blog-accent-dark);

    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.af-blog-cta__eyebrow::before {
    content: "";

    width: 28px;
    height: 1px;

    background: currentColor;
}

.af-blog-cta__title {
    max-width: 620px;
    margin: 0 0 18px;

    color: var(--af-blog-text);

    font-size: clamp(27px, 3.2vw, 42px);
    line-height: 1.13;
    font-weight: 500;
    letter-spacing: -0.03em;
}

.af-blog-cta__text {
    max-width: 620px;
    margin: 0 0 29px;

    color: var(--af-blog-muted);

    font-size: 16px;
    line-height: 1.65;
}

.af-blog-cta__button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 52px;
    padding: 14px 25px;

    border: 1px solid var(--af-blog-dark);
    border-radius: var(--af-blog-radius-small);

    color: #ffffff;
    background: var(--af-blog-dark);

    font: inherit;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    text-decoration: none;

    cursor: pointer;

    transition:
        color 0.22s ease,
        background-color 0.22s ease,
        border-color 0.22s ease,
        transform 0.22s ease,
        box-shadow 0.22s ease;
}

.af-blog-cta__button::after {
    content: "↗";

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 17px;
    font-weight: 400;

    transition: transform 0.22s ease;
}

.af-blog-cta__button:hover {
    color: #ffffff;
    border-color: var(--af-blog-dark-hover);
    background: var(--af-blog-dark-hover);

    box-shadow:
        0 10px 24px rgba(32, 32, 32, 0.16);

    transform: translateY(-2px);
}

.af-blog-cta__button:hover::after {
    transform: translate(2px, -2px);
}

.af-blog-cta__button:active {
    transform: translateY(0);
}

.af-blog-cta__button:focus-visible {
    outline: 3px solid rgba(185, 141, 97, 0.35);
    outline-offset: 3px;
}


/* =========================================================
   Мобильная версия
   ========================================================= */

@media (max-width: 991px) {
    .af-blog-page {
        padding-right: 20px;
        padding-left: 20px;
    }

    .af-blog-cta__content {
        min-height: auto;
        padding-right: 150px;
    }

    .af-blog-cta::after {
        right: 35px;
    }
}


@media (max-width: 767px) {
    .af-blog-page {
        padding-right: 15px;
        padding-bottom: 48px;
        padding-left: 15px;
    }

    .af-blog-article {
        font-size: 16px;
        line-height: 1.65;
    }

    .af-blog-article p {
        margin-bottom: 20px;
    }

    .af-blog-article h2 {
        margin-top: 42px;
        padding-top: 17px;

        font-size: 27px;
    }

    .af-blog-article h3 {
        margin-top: 32px;
        font-size: 22px;
    }

    .af-blog-article blockquote {
        margin: 30px 0;
        padding: 24px 22px 24px 27px;

        font-size: 16px;
    }

    .af-blog-article figure,
    .af-blog-article img {
        margin-top: 28px;
        margin-bottom: 28px;
    }

    .af-blog-article table {
        display: block;

        margin: 28px 0;

        border-radius: 12px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .af-blog-article th,
    .af-blog-article td {
        min-width: 150px;
        padding: 13px 14px;
    }

    .af-blog-cta {
        margin-top: 48px;
        border-radius: 16px;
    }

    .af-blog-cta__content {
        padding: 30px 23px 28px;

        border-radius: 15px;
        background:
            linear-gradient(
                145deg,
                #ffffff 0%,
                #f6f2ec 100%
            );
    }

    .af-blog-cta::before {
        top: auto;
        right: -100px;
        bottom: -160px;

        width: 280px;
        height: 280px;
    }

    .af-blog-cta::after {
        display: none;
    }

    .af-blog-cta__eyebrow {
        margin-bottom: 14px;
        font-size: 11px;
    }

    .af-blog-cta__title {
        margin-bottom: 15px;
        font-size: 27px;
    }

    .af-blog-cta__text {
        margin-bottom: 24px;
        font-size: 15px;
    }

    .af-blog-cta__button {
        width: 100%;
        min-height: 52px;
    }
}


@media (max-width: 420px) {
    .af-blog-article h2 {
        font-size: 25px;
    }

    .af-blog-cta__title {
        font-size: 25px;
    }
}


/* =========================================================
   Снижение анимаций
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
    .af-blog-article a,
    .af-blog-cta__button,
    .af-blog-cta__button::after {
        transition: none;
    }
}
/* End */


/* Start:/local/components/fresco/news/templates/fresco_blog/style.css?1782109923950*/
.blog-search {
    position: relative;
    margin-bottom: 24px;
}

.blog-search__form {
    position: relative;
    z-index: 2;
}

.blog-search__input {
    min-height: 44px;
	border: 1px solid rgba(0, 0, 0, .125);
	margin-right: 5px;
}

.blog-search__hint {
    margin-top: 6px;
    font-size: 13px;
    color: #777777;
}

.blog-search__suggestions {
    position: absolute;
    left: 0;
    right: 0;
    top: 48px;
    z-index: 20;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    overflow: hidden;
}

.blog-search__suggestion {
    display: block;
    padding: 10px 14px;
    color: #222222;
    text-decoration: none;
    border-bottom: 1px solid #f0f0f0;
}

.blog-search__suggestion:last-child {
    border-bottom: 0;
}

.blog-search__suggestion:hover,
.blog-search__suggestion:focus {
    background: #f7f7f7;
    color: #000000;
    text-decoration: none;
}

/* End */


/* Start:/local/components/fresco/news.list/templates/bootstrap_v4/style.min.css?17802902563243*/
.news-list-block{margin-bottom:40px;padding:0 14px}.news-list-item-embed-audio,.news-list-item-embed-video,.news-list-item-embed-slider{position:relative;margin-bottom:20px;text-align:center}.news-list-item-embed-slider img{max-width:100%;max-height:100%;width:auto;height:auto}.news-list-item-embed-video{z-index:1;display:block;	background: url(/local/components/fresco/news.list/templates/bootstrap_v4/images/bx-video.png) no-repeat center; transition:opacity .3s ease}.news-list-item-embed-slider{overflow:hidden;padding-bottom:56.25%;width:100%;height:0}.news-list-slider-container{position:absolute;top:0;bottom:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.news-list-slider-slide{z-index:100;-webkit-box-flex:1;-ms-flex:1;flex:1}.news-list-slider-slide img{border-radius:3px 3px 0 0}.news-list-item-embed-video{overflow:hidden;border-radius:3px 3px 0 0}.news-list-slider-arrow-container-left,.news-list-slider-arrow-container-right{position:absolute;top:0;bottom:0;width:15%;cursor:pointer}.news-list-slider-arrow-container-left{left:0}.news-list-slider-arrow-container-right{right:0}.news-list-slider-arrow{position:absolute;top:50%;z-index:110;margin-top:-24px;width:20px;height:48px;color:#fff;vertical-align:middle;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:48px;line-height:34px;opacity:.5;cursor:pointer}.news-list-slider-arrow-container-left:hover .news-list-slider-arrow,.news-list-slider-arrow-container-right:hover .news-list-slider-arrow{display:block;color:#fff;opacity:1}.news-list-slider-arrow-container-left .news-list-slider-arrow{left:20px}.news-list-slider-arrow-container-right .news-list-slider-arrow{right:20px}.news-list-slider-control{position:absolute;bottom:10px;z-index:110;margin:0;padding:0;width:100%;text-align:center;word-spacing:-4px}.news-list-slider-control li{display:inline-block;margin:0 3px;width:10px;height:10px;border-radius:50%;background:#fff;word-spacing:-4px;opacity:.5;cursor:pointer}.news-list-slider-control li:hover,.news-list-slider-control li.current{background:var(--primary);opacity:1}.news-list-slider-arrow,.news-list-slider-control li{transition:opacity .3s ease}.news-list .card-title,.news-list .card-title a{margin:0;padding:0 0 15px;color:var(--primary);font:18px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600)}.news-list .card-title a:hover{border-bottom-color:transparent;text-decoration:none}.news-list-post-params{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:5px}.news-list-param,.news-list-value{font-size:13px;color:#a4a4a4;padding-left:5px}.news-list-icon{display:block;min-width:15px;height:15px;background-position:center;background-size:contain;background-repeat:no-repeat;}

.news-list-icon-eye { background-image: url(/local/components/fresco/news.list/templates/bootstrap_v4/images/eye.svg); } 
.news-list-icon-calendar { background-image: url(/local/components/fresco/news.list/templates/bootstrap_v4/images/calendar.svg); } 
.news-list-icon-tag { background-image: url(/local/components/fresco/news.list/templates/bootstrap_v4/images/tag.svg); } 
.news-list-icon-user { background-image: url(/local/components/fresco/news.list/templates/bootstrap_v4/images/user.svg); } 
.news-list-icon-comments { background-image: url(/local/components/fresco/news.list/templates/bootstrap_v4/images/comments.svg); }
/* End */
/* /local/templates/fresco/css/blog-article.css?178582380313293 */
/* /local/components/fresco/news/templates/fresco_blog/style.css?1782109923950 */
/* /local/components/fresco/news.list/templates/bootstrap_v4/style.min.css?17802902563243 */