/* Start:/local/templates/formacia/components/bitrix/search.title/suggest/style.css?17919018864495*/
/* Подсказки поиска: выпадающий список под полем, кнопки очистки и голосового ввода. */


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

.search-suggest {
    position: relative;
}

/* display переключает JCTitleSearch inline-стилем */
.search-suggest > div.title-search-result {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: var(--z-header-dropdown);
    max-height: 70vh;
    overflow-y: auto;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    background: #fff;
    text-align: left;
    line-height: 1.3;
}

.search-suggest__list {
    width: 100%;
    border-collapse: collapse;
}

.search-suggest__list td {
    padding: 0;
}

.search-suggest__list .search-suggest__title {
    padding: 12px 15px 4px;
    color: var(--color-gray);
    font-size: 0.8em;
    text-transform: uppercase;
}

.search-suggest__empty {
    padding: 12px 15px;
    color: var(--color-gray);
}


/* Строки =================================================================== */

.search-suggest__category,
.search-suggest__product {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 15px;
    color: var(--color-text);
}

/* Два класса перебивают подчёркивание .allcontent a из main.css на странице поиска */
.search-suggest .search-suggest__list a {
    text-decoration: none;
}

/* Выделение — стрелками или мышью, класс ставит JCTitleSearch */
.title-search-selected .search-suggest__category,
.title-search-selected .search-suggest__product {
    background: var(--color-bg-light);
}

.search-suggest__image {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    object-fit: contain;
    mix-blend-mode: darken;
}

/* Артикул первой строкой, название — второй */
.search-suggest__text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.search-suggest__article {
    color: var(--color-primary);
    font-size: 0.85em;
    font-weight: 600;
}

.search-suggest__name {
    color: var(--color-text-soft);
}

/* Слова запроса */
.search-suggest__list b {
    color: var(--color-text);
    font-weight: 700;
}

.search-suggest__article b {
    color: inherit;
}

/* Кнопка «Все результаты» — .b-btn; селекторы с .search-suggest__list перебивают его стили из main.css */
.search-suggest__list .search-suggest__footer {
    padding: 10px 15px 15px;
}

.search-suggest__list .search-suggest__all {
    margin-bottom: 0;
}

/* Выбор стрелками — как .b-btn:hover */
.title-search-selected .search-suggest__all {
    border-color: #23527c;
}


/* Кнопки в поле ============================================================ */

/* Отступ текста под кнопки. Двойной класс перебивает отступы полей из main.css и header.css */
.search-suggest.search-suggest--voice input[type=text],
.search-suggest.search-suggest--filled input[type=text] {
    padding-right: 40px;
}

.search-suggest.search-suggest--voice.search-suggest--filled input[type=text] {
    padding-right: 80px;
}

/* Высота — как у полей поиска в шапке и на странице */
.search-suggest__clear,
.search-suggest__voice {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--color-gray);
    line-height: 1;
    cursor: pointer;
}

.search-suggest__clear:hover,
.search-suggest__voice:hover {
    color: var(--color-text);
}

/* Очистка — только при тексте в поле, левее микрофона */
.search-suggest__clear {
    display: none;
    font-size: 16px;
}

.search-suggest--filled .search-suggest__clear {
    display: flex;
}

.search-suggest--voice .search-suggest__clear {
    right: 40px;
}

/* Голосовой поиск */
.search-suggest__voice {
    font-size: 20px;
}

.search-suggest__voice.is-listening {
    color: var(--color-primary-red);
    animation: search-voice-pulse 1s ease-in-out infinite;
}

@keyframes search-voice-pulse {
    50% { opacity: 0.4; }
}

/* End */


/* Start:/local/templates/formacia/css/fonts.css?17917838763905*/
/* Шрифты: локальные копии Google Fonts (Open Sans v44, Open Sans Condensed v24).
   Open Sans вариативный: один файл на набор символов для всех начертаний 300–800.
   Пути абсолютные, чтобы не зависеть от склейки CSS Битриксом. */

/* Open Sans */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensans-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensans-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300 800;
    font-stretch: 100%;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensans-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans Condensed 300 */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensanscondensed-300-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensanscondensed-300-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensanscondensed-300-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Open Sans Condensed 700 */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensanscondensed-700-cyrillic.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensanscondensed-700-latin-ext.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(/local/templates/formacia/fonts/opensanscondensed-700-latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End */


/* Start:/local/templates/formacia/css/icons.css?17917838765169*/
/* SVG-иконки: класс ico + ico-<имя>, иконка рисуется в ::before маской и красится в currentColor.
   Размер — font-size, цвет — color. Файлы: /images/ico/<имя>.svg; заменить иконку = подменить файл. */

.ico::before {
    content: '';
    display: inline-block;
    width: calc(1em * var(--ico-ratio, 1));
    /* Высота строки с иконкой по центру — как у глифа шрифта; 1em — для старых браузеров без lh */
    height: 1em;
    height: 1lh;
    vertical-align: -0.125em;
    vertical-align: calc(-0.125em - (1lh - 1em) / 2);
    background-color: currentColor;
    -webkit-mask: var(--ico) center / contain no-repeat;
            mask: var(--ico) center / contain no-repeat;
}

.ico-arrow-right { --ico: url(/images/ico/arrow-right.svg); }
.ico-award { --ico: url(/images/ico/award.svg); }
.ico-badge-check { --ico: url(/images/ico/badge-check.svg); }
.ico-benefit-eco { --ico: url(/images/ico/benefit-eco.svg); }
.ico-benefit-fat { --ico: url(/images/ico/benefit-fat.svg); }
.ico-benefit-fresh { --ico: url(/images/ico/benefit-fresh.svg); }
.ico-benefit-hot { --ico: url(/images/ico/benefit-hot.svg); }
.ico-benefit-microwave { --ico: url(/images/ico/benefit-microwave.svg); }
.ico-benefit-recycle { --ico: url(/images/ico/benefit-recycle.svg); }
.ico-benefit-snow { --ico: url(/images/ico/benefit-snow.svg); }
.ico-benefit-stack { --ico: url(/images/ico/benefit-stack.svg); }
.ico-benefit-steam { --ico: url(/images/ico/benefit-steam.svg); }
.ico-benefit-temp { --ico: url(/images/ico/benefit-temp.svg); }
.ico-benefit-transport { --ico: url(/images/ico/benefit-transport.svg); }
.ico-book { --ico: url(/images/ico/book.svg); }
.ico-calendar { --ico: url(/images/ico/calendar.svg); }
.ico-calendar-blank { --ico: url(/images/ico/calendar-blank.svg); }
.ico-callback { --ico: url(/images/ico/callback.svg); }
.ico-caret-down { --ico: url(/images/ico/caret-down.svg); --ico-ratio: 0.5714; }
.ico-caret-up { --ico: url(/images/ico/caret-up.svg); --ico-ratio: 0.5714; }
.ico-cart { --ico: url(/images/ico/cart.svg); }
.ico-chart { --ico: url(/images/ico/chart.svg); }
.ico-chevron-down { --ico: url(/images/ico/chevron-down.svg); }
.ico-chevron-right { --ico: url(/images/ico/chevron-right.svg); --ico-ratio: 0.3571; }
.ico-close { --ico: url(/images/ico/close.svg); }
.ico-diamond { --ico: url(/images/ico/diamond.svg); }
.ico-documents { --ico: url(/images/ico/documents.svg); }
.ico-eco { --ico: url(/images/ico/eco.svg); }
.ico-factory { --ico: url(/images/ico/factory.svg); }
.ico-file-doc { --ico: url(/images/ico/file-doc.svg); }
.ico-file-image { --ico: url(/images/ico/file-image.svg); }
.ico-file-pdf { --ico: url(/images/ico/file-pdf.svg); }
.ico-file-ppt { --ico: url(/images/ico/file-ppt.svg); }
.ico-file-table { --ico: url(/images/ico/file-table.svg); }
.ico-file-table-grid { --ico: url(/images/ico/file-table-grid.svg); }
.ico-file-text { --ico: url(/images/ico/file-text.svg); }
.ico-globe { --ico: url(/images/ico/globe.svg); }
.ico-goal { --ico: url(/images/ico/goal.svg); }
.ico-idea { --ico: url(/images/ico/idea.svg); }
.ico-info { --ico: url(/images/ico/info.svg); --ico-ratio: 0.3571; }
.ico-innovation { --ico: url(/images/ico/innovation.svg); }
.ico-laptop { --ico: url(/images/ico/laptop.svg); }
.ico-lock { --ico: url(/images/ico/lock.svg); }
.ico-magazine { --ico: url(/images/ico/magazine.svg); }
.ico-mic { --ico: url(/images/ico/mic.svg); }
.ico-minus { --ico: url(/images/ico/minus.svg); --ico-ratio: 0.7857; }
.ico-newspaper { --ico: url(/images/ico/newspaper.svg); }
.ico-palette { --ico: url(/images/ico/palette.svg); }
.ico-phone { --ico: url(/images/ico/phone.svg); }
.ico-player-next { --ico: url(/images/ico/player-next.svg); --ico-ratio: 0.5714; }
.ico-player-pause { --ico: url(/images/ico/player-pause.svg); --ico-ratio: 0.8571; }
.ico-player-play { --ico: url(/images/ico/player-play.svg); --ico-ratio: 0.7857; }
.ico-player-prev { --ico: url(/images/ico/player-prev.svg); --ico-ratio: 0.5714; }
.ico-player-rotate-left { --ico: url(/images/ico/player-rotate-left.svg); --ico-ratio: 0.8571; }
.ico-player-rotate-right { --ico: url(/images/ico/player-rotate-right.svg); --ico-ratio: 0.8571; }
.ico-player-zoom-in { --ico: url(/images/ico/player-zoom-in.svg); --ico-ratio: 0.9286; }
.ico-player-zoom-out { --ico: url(/images/ico/player-zoom-out.svg); --ico-ratio: 0.9286; }
.ico-plus { --ico: url(/images/ico/plus.svg); --ico-ratio: 0.7857; }
.ico-search { --ico: url(/images/ico/search.svg); }
.ico-shield-check { --ico: url(/images/ico/shield-check.svg); }
.ico-star { --ico: url(/images/ico/star.svg); }
.ico-star-filled { --ico: url(/images/ico/star-filled.svg); }
.ico-swatches { --ico: url(/images/ico/swatches.svg); }
.ico-team { --ico: url(/images/ico/team.svg); }
.ico-truck { --ico: url(/images/ico/truck.svg); }
.ico-video-play { --ico: url(/images/ico/video-play.svg); }
.ico-vk { --ico: url(/images/ico/vk.svg); }
.ico-zoom-in { --ico: url(/images/ico/zoom-in.svg); }

/* End */


/* Start:/local/templates/formacia/css/bootstrap.min.css?179178387615951*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e1f67da5d653e3b41810e823dada904b)
 * Config saved to config.json and https://gist.github.com/e1f67da5d653e3b41810e823dada904b
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover/*,a:focus*/{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1200px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
/* End */


/* Start:/local/templates/formacia/js/flickity/flickity.min.css?17917838761824*/
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:#333}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}
/* End */


/* Start:/local/templates/formacia/js/fancybox/fancybox.css?179178387625343*/
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}: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-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--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-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
/* End */


/* Start:/local/templates/formacia/css/main.css?179178387658305*/
/* Общие стили шаблона: основа, формы, попапы, кнопки, вкладки, таблицы, утилиты. */


/* Основа =================================================================== */

:root {
    --color-text: #333333;
    --color-text-soft: #545454;
    --color-text-muted: #6e6e6e;
    --color-gray: #8b8b8b;
    --color-gray-light: #a1a1a1;
    --color-border: #cecece;
    --color-bg-muted: #e7e7e7;
    --color-bg-light: #eff4fa;
    --color-bg-topmenu: #f3f3f3;
    --color-primary: #1d2fad;
    --color-primary-hover: #364ad2;
    --color-primary-red: #d33333;
    --color-primary-red-hover: #ec3c3c;
    --color-red-accent: #eb182c;
    --color-success: #2e7d32;
    --color-footer: #4c4c4c;

    --font-main: 'Open Sans', Arial, Helvetica, sans-serif;
    --font-condensed: 'Open Sans Condensed', 'Segoe UI', Tahoma, Verdana, sans-serif;

    --header-nav-h: 68px;
    --header-nav-h-stuck: 55px;
    --header-nav-h-mobile: 60px;
    --header-main-h-mobile: 80px;
    --header-back-h: 60px; /* Полоса «Назад» в мобильном меню */
    --header-accent: #3c579e;
    --header-mobile-top: var(--header-main-h-mobile); /* Верх мобильной панели меню, уточняет script.js */

    /* z-index: шапка ниже админ-панели Битрикса (995); открытое мобильное меню — поверх виджетов чатов */
    --z-header: 900;
    --z-header-menu-open: 10000;
    --z-header-nav: 800;
    --z-header-dropdown: 999;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

html, body {
    margin: 0;
    padding: 0;
}

body {
    color: var(--color-text);
    background: var(--color-bg-light);
    font: 14px var(--font-main);
    line-height: 1.5;
}


/* Ссылки и заголовки ======================================================= */

a {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-primary);
}

a:hover, a:focus {
    text-decoration: none;
    outline: 0 !important;
}

/* Ссылки в контенте подчёркнуты. Стоит в начале файла: правила ссылок ниже с той же
   специфичностью (a.x, .x a) перебивают его порядком */
.allcontent a {
    text-decoration: underline;
}

h1, h2, h3 {
    margin: 20px 0 30px;
}

h1 {
    margin-bottom: 45px;
    font-size: 36px;
    font-weight: 400;
}

h2 {
    font-size: 25px;
    font-weight: normal;
}

h3 {
    font-size: 20px;
    font-weight: normal;
}

h4 {
    font-size: 16px;
    font-weight: 600;
}

p, ul, ol {
    padding-bottom: 15px;
}

ul {
    list-style: square outside;
}

ol {
    list-style: decimal outside;
}

input[type="text"], input[type="password"], input[type="email"], select {
    line-height: normal;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
}


/* Общие классы ============================================================= */

a.link-dashed {
    text-decoration: none;
    border-bottom: dashed 1px;
}

h2.h-thin {
    font-weight: 300;
    font-size: 35px;
}

h2.h-thin span {
    display: block;
    font-size: 0.7em;
    padding-top: 20px;
}

h2.h-big {
    font-size: 26px;
}

.firstsection {
    padding-top: 80px; /* Отступ сверху у страниц без баннера и шапки раздела */
}

.lastsection {
    padding-bottom: 80px;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.close-button {
    position: absolute;
    width: 21px;
    height: 21px;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    cursor: pointer;
}

.close-button::before,
.close-button::after {
    position: absolute;
    content: '';
    background: var(--color-text);
}

.close-button--white::before,
.close-button--white::after {
    background: #fff;
}

.close-button::before {
    width: 1px;
    height: 100%;
    left: 10px;
    top: 0;
}

.close-button::after {
    height: 1px;
    width: 100%;
    top: 10px;
    left: 0;
}


/* Страница поиска ========================================================== */

.search-page__form {
    padding: 30px;
    background: #fff;
    margin-bottom: 40px;
}

/* Форма поиска */

.search-form {
    display: flex;
    width: 100%;
}

.search-form__query {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 50px;
}

.search-form__query input[type=text] {
    background-color: #fff;
    border: 2px solid rgba(0,0,0,0.15);
    border-right: 0;
    padding: 10px;
    height: 50px;
    width: 100%;
    outline: none;
}

/* Кнопка поиска: в шапке и на странице поиска; на мобильных — лупа в рамке поля */

.search-submit {
    flex: 0 0 120px;
    width: 120px;
    height: 50px;
    padding: 0;
    border: none;
    outline: none;
    background: var(--color-primary);
    color: #fff;
    font-size: 0.9em;
    line-height: 50px;
    opacity: 0.8;
    cursor: pointer;
}

.search-submit:hover {
    opacity: 1;
}

/* Два класса перебивают .header-nav__action i из header.css: кнопка в шапке внутри пункта меню */
.search-submit .search-submit__icon {
    display: none;
    margin: 0;
    font-size: inherit;
}

@media (max-width: 767px) {
    .search-submit {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-basis: 50px;
        width: 50px;
        border: 2px solid rgba(0, 0, 0, 0.15);
        border-left: 0;
        background: #fff;
        color: var(--color-text);
        font-size: 22px;
        line-height: 1;
        opacity: 1;
    }

    .search-submit:hover {
        color: var(--color-primary);
    }

    /* Черта между кнопками внутри поля и лупой */
    .search-submit::before {
        content: '';
        position: absolute;
        top: 25%;
        left: 0;
        height: 50%;
        border-left: 1px solid var(--color-border);
    }

    .search-submit__text {
        display: none;
    }

    .search-submit .search-submit__icon {
        display: inline;
    }
}


/* Левое меню =============================================================== */

.sidemenu {
    padding-bottom: 25px;
}

.left-menu {
    background: #fff;
    font-size: 13px;
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}

.left-menu ul, .left-menu li {
    padding: 0;
    margin: 0;
}

.left-menu li {
    position: relative;
    list-style-type: none;
}

.left-menu li a {
    padding: 6px 20px;
    text-decoration: none;
    display: block;
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text);
}

.left-menu a.left-menu__catalog-link {
    display: block;
    padding: 5px 20px 5px 60px;
    position: relative;
}

.left-menu .root-item {
    padding-top: 25px;
}

.left-menu__catalog-burger {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 1px;
}

.left-menu__catalog-burger > i, .left-menu__catalog-burger::before, .left-menu__catalog-burger::after {
    height: 2px;
    width: 20px;
    background-color: var(--color-text);
    display: block;
    margin-bottom: 4px;
    border-radius: 3px;
}

.left-menu__catalog-burger::before, .left-menu__catalog-burger::after {
    content: '';
}

.left-menu__catalog-burger::after {
    margin-bottom: 0;
}

.left-menu .subsections {
    padding: 20px 0 30px;
}

.left-menu .subsections > li > a {
    padding: 18px 25px 7px;
}

.left-menu li ul li ul {
    display: none;
    text-transform: none;
}

.left-menu li ul li ul.is-open {
    display: block;
}

.left-menu .s_subsections a {
    font-size: 13px;
    font-weight: normal;
    padding-left: 40px;
}

.left-menu .s_subsections a:hover, .left-menu .s_subsections .is-active > a {
    border-left: 3px solid var(--color-red-accent);
    padding-left: 37px;
}

.left-menu .s_subsections .s_subsections a {
    font-size: 12px;
    padding-left: 52px;
}

.left-menu .s_subsections .s_subsections a:hover, .left-menu .s_subsections .s_subsections .is-active > a {
    padding-left: 49px;
}


/* Баннер «Упаковка с вашим дизайном» ======================================= */

.side-design {
    display: block;
    position: relative;
    aspect-ratio: 524 / 595;
    overflow: hidden;
    background: #005cc5 url('/images/design-banner.webp') no-repeat center / cover;
    color: #fff;
    text-decoration: none;
}

.side-design--en {
    background-image: url('/images/design-banner-en.webp');
}

.side-design:hover,
.side-design:focus {
    color: #fff;
    text-decoration: none;
}

.side-design__title {
    position: absolute;
    top: 18px;
    left: 23px;
    right: 20px;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.3;
}

.side-design__title span {
    display: inline-block;
    padding: 0 8px;
    border-radius: 8px;
    background: var(--color-red-accent);
    text-transform: uppercase;
    line-height: 1.25;
}

.side-design__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 18px;
    bottom: 16px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--color-red-accent);
    line-height: 1;
    transition: background-color .2s;
}

.side-design__arrow i::before {
    font-size: 16px;
}

.side-design:hover .side-design__arrow {
    background: var(--color-primary-red-hover);
}


@media (max-width: 1199px) {
    .side-design__title {
        top: 14px;
        left: 20px;
        right: 16px;
        font-size: 20px;
    }

    .side-design__arrow {
        left: 14px;
        bottom: 12px;
        width: 30px;
        height: 30px;
    }
}


/* Контейнер ================================================================ */

/* width: auto сбрасывает фиксированные ширины .container из bootstrap.min.css */
.container,
.header__container,
.footer__container {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}


@media (min-width: 768px) {
    .container, .header__container, .footer__container { max-width: 750px; }
}

@media (min-width: 992px) {
    .container, .header__container, .footer__container { max-width: 970px; }
}

@media (min-width: 1200px) {
    .container, .header__container, .footer__container { max-width: 1200px; }
}


/* Контент ================================================================== */

.allcontent {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 90px;
}

.allcontent::after {
    display: table;
    clear: both;
    content: '';
}

.pagetype--catalog .allcontent {
    padding-top: 70px;
}

.pagetype--landing .allcontent,
.pagetype--landing-container .allcontent {
    padding-bottom: 0;
}

.content-header--full {
    width: 100%;
}

.section-big {
    max-width: 1450px;
}


@media (min-width: 1780px) {
    .section-big {
        max-width: 1650px;
    }
}

/* minmax(0, 1fr): без него широкие таблицы и слайдеры растянут колонку контента */
@media (min-width: 992px) {
    .layout {
        display: grid;
        grid-template-columns: 228px minmax(0, 1fr);
        column-gap: 40px;
    }
}

@media (min-width: 1200px) {
    .layout {
        grid-template-columns: 285px minmax(0, 1fr);
    }
}

@media (max-width: 991px) {
    .layout__aside {
        display: none;
    }
}

@media (max-width: 767px) {
    .pagetype--catalog .allcontent {
        padding-top: 40px;
    }

    .firstsection {
        padding-top: 20px;
    }

    h1 {
        font-size: 28px;
    }
}


/* Баннер-ссылка на прайс-лист ============================================== */

.pricelist-link {
    background: var(--color-primary);
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 30px 30px 30px 150px;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.pricelist-link::before {
    position: absolute;
    left: 30px;
    top: 5px;
    font-size: 110px;
    transition: top 0.3s;
}

.pricelist-link:hover::before {
    top: -10px;
}

.pricelist-link__text {
    float: left;
}

.pricelist-link__button {
    float: right;
    margin-top: 1px;
}

.pricelist-link__title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

.pricelist-link__button a {
    margin-bottom: 0;
    display: block;
}


@media (max-width: 1199px) {
    .pricelist-link::before,
    .pricelist-link:hover::before {
        font-size: 50px;
        top: 20px;
    }

    .pricelist-link {
        padding-left: 90px;
    }
}

@media (max-width: 991px) {
    .pricelist-link {
        padding: 25px 15px 25px 110px;
    }

    .pricelist-link::before,
    .pricelist-link:hover::before {
        font-size: 60px;
        left: 25px;
        top: 5px;
    }
}

@media (max-width: 767px) {
    .pricelist-link {
        padding: 15px;
    }

    .pricelist-link__text {
        padding-left: 55px;
        margin-bottom: 15px;
    }

    .pricelist-link__button {
        width: 100%;
    }

    .pricelist-link__button a {
        width: 100%;
    }

    .pricelist-link::before,
    .pricelist-link:hover::before {
        font-size: 45px;
        top: 10px;
        left: 15px;
    }
}


/* Переключатель страниц ==================================================== */

/* Не overflow: hidden — обрежет выпадающий список сортировки */
.pg_and_sort {
    display: flow-root;
}

.pagenav {
    font-size: 13px;
    color: var(--color-text-muted);
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}

.pagenav a, .pagenav span {
    display: inline-block;
    color: var(--color-text);
    font-weight: 800;
    height: 39px;
    line-height: 39px;
    background: var(--color-bg-muted);
    padding: 0 19px;
    font-size: 15px;
    text-decoration: none;
    border-radius: 3px;
    margin-bottom: 5px;
}

.pagenav a:hover {
    text-decoration: none;
    background: #fff;
}

.pagenav span {
    font-weight: bold;
}

.pagenav__all {
    margin-right: 10px;
}

.pagenav .page-selected {
    color: var(--color-text);
    background: var(--color-gray-light);
}

.pagenav .page-interval {
    background: #fff;
    border: 0;
}


/* Элементы контентных страниц ============================================== */

.content-splash {
    padding: 60px 0;
    overflow: hidden;
}

.content-splash__content {
    float: left;
    width: 70%;
    color: #fff;
    padding-right: 20px;
}

.content-splash h1 {
    text-transform: none;
    background: none;
    padding: 0;
    margin-bottom: 30px;
    font-size: 18px;
}

.content-splash h1 span {
    display: block;
    font-size: 42px;
    font-weight: normal;
    line-height: 42px;
    padding-bottom: 7px;
}

.content-splash__image {
    float: left;
    width: 30%;
    height: auto;
}

.content-splash__pretitle {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 40px;
}

.content-splash__title {
    font-size: 32px;
    font-weight: 900;
    margin-bottom: 10px;
}

.content-splash__text {
    font-size: 16px;
    font-weight: 300;
}

.content-splash__btn {
    display: inline-block;
    margin-top: 20px;
    padding: 14px 40px;
    text-transform: uppercase;
    text-decoration: none;
    border: 3px solid #fff;
    border-radius: 5px;
    font-weight: bold;
    transition: all .3s linear;
}

a.content-splash__btn {
    color: #fff;
    text-decoration: none;
}

a.content-splash__btn:hover,
a.content-splash__btn:focus {
    background: #fff;
    color: #787de0;
}

.content-image-block {
    overflow: hidden;
    margin-bottom: 40px;
}

.content-image-block__content {
    overflow: hidden;
    min-height: 50px;
}

.content-image-block__content h2 {
    padding-top: 0;
    margin-top: 0;
}

.content-image-block__image {
    width: 170px;
    min-height: 50px;
    float: left;
    margin-left: 0;
    margin-right: 30px;
}

.content-image-block--right .content-image-block__image {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

.content-image-block__image img {
    width: 100%;
    height: auto;
    margin-top: 3px;
}

.content-image-block--imgshadow .content-image-block__image img {
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.3);
}

.content-image-block h2, .wip h2 {
    font-weight: 300;
    font-size: 22px;
}


/* Контакты ================================================================= */

.b-contacts {
    background: #fff;
}

.contacts-map {
    height: 400px;
    margin-bottom: 30px;
    overflow: hidden;
}

.contacts-map *, .contacts-map *::before, .contacts-map *::after {
    box-sizing: content-box !important;
}

.contacts-tbl-departments {
    margin: 15px 0;
}

.contacts-tbl-departments td {
    padding-bottom: 10px;
    padding-right: 15px;
}


/* Вакансии ================================================================= */

.vacancies-site {
    background: #fff;
    padding: 30px;
    overflow: hidden;
    text-align: center;
    margin-top: 20px;
}

.vacancies-site img {
    height: 55px;
    width: auto;
    max-width: 100%;
    margin-bottom: 15px;
}


/* Прочие блоки ============================================================= */

.b-mailus {
    padding: 25px 25px 25px 190px;
    background: #deeaf9;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.b-mailus::before {
    font-size: 120px;
    position: absolute;
    left: 25px;
    top: -5px;
    color: #fff;
}

/* Новости: кабинет (/lk/) и списки grid_articles, grid_novosti */
.news-item {
    margin-bottom: 35px;
}

.news-item__date {
    font-weight: 300;
    line-height: 20px;
}

.news-item__date::before {
    font-size: 20px;
    font-weight: normal;
    margin-right: 10px;
}

.news-item__title {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.news-item__description {
    font-size: 14px;
}


/* Галерея ================================================================== */

.gallery-item {
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    padding: 0;
}


/* Формы ==================================================================== */

/* Стилизация чекбоксов и радиобаттонов (в т.ч. для фильтра) */
.field-checkbox, .field-radio {
    opacity: 0;
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
}

.field-checkbox, .field-checkbox-label, .field-radio, .field-radio-label {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.field-checkbox-label, .field-radio-label {
    position: relative;
    margin: 3px 10px 0 0;
    padding-left: 24px;
}

.field-checkbox + .field-checkbox-label::before,
.field-radio + .field-radio-label::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 0;
    background: #fff;
    border: 1px solid var(--color-border);
}

.field-checkbox + .field-checkbox-label:hover::before,
.field-radio + .field-radio-label:hover::before {
    border-color: var(--color-gray-light);
}

.field-checkbox:checked + .field-checkbox-label::before {
    background: var(--color-primary);
    border-color: var(--color-primary);
}

.field-checkbox:checked + .field-checkbox-label::after {
    display: block;
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 6px;
    height: 10px;
    transform: rotate(40deg);
}

.field-radio:checked + .field-radio-label::before {
    background: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: inset 0 0 0 3px #fff;
}

/* Поля форм */

label a {
    text-decoration: underline;
}

.page-form__header {
    margin-bottom: 30px;
}

.page-form form {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.page-form .form-result {
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: none;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

.page-form .form-result.--error {
    background: #fdf2f2;
    color: var(--color-primary-red);
    border: 1px solid #f9d6d6;
}

.page-form .form-result.--success {
    background: #f2fdf5;
    color: var(--color-success);
    border: 1px solid #d6f9e1;
}

.page-form__fields {
    font-size: 14px;
}

.page-form-input input, .page-form-input textarea, .page-form-input select {
    color: var(--color-text-muted);
    font-size: 14px;
    background-color: #fff;
    height: 30px;
    padding: 5px 15px;
    width: 100%;
}

.page-form-input select {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23AFAFAF' transform='matrix(1 0 0 -1 0 448)' d='M499.837 316.549c8.10645 -8.54785 12.1631 -18.5127 12.1621 -29.9092c0 -11.6084 -4.05664 -21.4658 -12.1631 -29.5732l-213.937 -213.937c-8.31836 -8.32324 -18.2881 -12.4863 -29.9004 -12.4863c-11.833 0 -21.6875 4.16406 -29.5771 12.4863l-213.936 213.937 c-8.32031 7.88574 -12.4863 17.7441 -12.4863 29.5732c0 11.6123 4.16113 21.584 12.4873 29.9043l24.3193 24.6504c8.54004 8.10352 18.5117 12.1562 29.9023 12.1562c11.6152 0 21.4727 -4.05273 29.5781 -12.1562l159.714 -159.714l159.714 159.719 c8.10742 8.10352 17.9619 12.1562 29.582 12.1562c11.3848 0 21.3584 -4.05273 29.8975 -12.1562z'/%3E%3C/svg%3E") right center no-repeat;
    background-size: 50px 12px;
    padding-left: 17px;
    padding-right: 45px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.page-form__fields textarea {
    height: 120px;
    padding: 15px;
    padding-top: 30px;
    resize: vertical;
}

.page-form__fields input[type="checkbox"] {
    padding: 0;
    margin: 0;
    width: 20px;
    height: 20px;
    float: left;
}

.page-form .field-checkbox-label,
.page-form .field-radio-label,
.kabinet-enter__formfield .field-checkbox-label {
    padding-left: 37px;
}

.page-form-input--checkbox .page-form-input__caption {
    display: block;
    margin: 10px 0 20px;
    font-size: 13px;
    font-weight: bold;
}

.page-form-input--checkbox label {
    display: block;
}

.page-form .field-checkbox + .field-checkbox-label::before,
.page-form .field-radio + .field-radio-label::before,
.kabinet-enter__formfield .field-checkbox-label::before {
    width: 23px;
    height: 23px;
    border-radius: 3px;
}

.page-form .field-checkbox:checked + .field-checkbox-label::after,
.page-form .field-radio:checked + .field-radio-label::after,
.kabinet-enter__formfield .field-checkbox:checked + .field-checkbox-label::after {
    top: 5px;
    left: 8px;
    width: 7px;
    height: 12px;
    border-width: 0 3px 3px 0;
}

.page-form-checkbox__item {
    margin-bottom: 20px;
}

.page-form-checkbox__item:last-of-type {
    margin-bottom: 0;
}

/* Антиспам-поле */
.page-form-input--fk {
    display: none !important;
}

.page-form-input--text, .page-form-input--email,
.page-form-input--textarea, .page-form-input--dropdown {
    margin-bottom: 30px;
    position: relative;
}

.page-form-input input[type="text"],
.page-form-input input[type="password"],
.page-form-input input[type="email"],
.page-form-input textarea,
.page-form-input select {
    border: 1px solid rgba(30, 48, 173, 0.16);
    border-radius: 3px;
    background-color: #fff;
    transition: border-color 0.3s ease;
    font-size: 16px;
    outline: none;
}

.page-form-input input[type="text"],
.page-form-input input[type="password"],
.page-form-input input[type="email"],
.page-form-input select {
    height: 60px;
}

.page-form-input input[type="text"]:focus,
.page-form-input input[type="password"]:focus,
.page-form-input input[type="email"]:focus,
.page-form-input textarea:focus {
    border-color: #ffc107;
    padding-top: 20px;
}

.page-form-input select:focus {
    border-color: #ffc107;
}

.page-form-input textarea:focus {
    padding-top: 30px;
}

.page-form-input--text label,
.page-form-input--email label,
.page-form-input--textarea label {
    position: absolute;
    top: 50%;
    transform: translateY(-52%);
    left: 20px;
    right: 35px;
    color: var(--color-gray);
    transition: all .2s ease;
    cursor: text;
}

.page-form-input--textarea label {
    top: 20px;
    transform: translateY(0);
    pointer-events: none;
}

.page-form-input--dropdown label {
    font-size: 11px;
    position: absolute;
    top: -12px;
    left: 10px;
    padding: 3px 10px;
    background: #fff;
    color: var(--color-gray);
}

.page-form-input--dropdown select {
    font-size: 14px;
    font-weight: 600;
}

.page-form-input input[type="text"]:focus + label,
.page-form-input input[type="password"]:focus + label,
.page-form-input input[type="email"]:focus + label,
.page-form-input textarea:focus + label,
.page-form-input--filled input[type="text"] + label,
.page-form-input--filled input[type="password"] + label,
.page-form-input--filled input[type="email"] + label,
.page-form-input--filled textarea + label,
.page-form-input--suggestions:focus-within label,
.page-form-input--suggestions.page-form-input--filled label {
    top: 9px;
    left: 15px;
    font-size: 11px;
    transform: translateY(0);
}

.page-form-input--filled input[type="text"],
.page-form-input--filled input[type="password"],
.page-form-input--filled input[type="email"],
.page-form-input--filled textarea {
    padding-top: 20px;
}

.page-form-input--filled textarea {
    padding-top: 30px;
}

.page-form__buttons {
    overflow: hidden;
    position: relative;
    padding-top: 2px;
}

.page-form__btnsubmit {
    width: auto;
    cursor: pointer;
    text-align: center;
    color: #fff;
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
    font-family: var(--font-condensed);
    font-size: 15px;
    font-weight: bold;
    padding: 5px 60px;
    height: 56px;
    overflow: hidden;
    vertical-align: middle;
    white-space: normal;
    border-radius: 5px;
}

.page-form__btnsubmit:hover {
    color: #fff;
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.page-form__btnsubmit[disabled] {
    cursor: no-drop;
    opacity: .7;
    background-color: var(--color-gray-light);
    border-color: var(--color-gray-light);
}

/* Важное поле (см. форму прайса) */
.page-form input.field-main + label {
    font-weight: bold;
}

/* Поле-заголовок (см. форму прайса) */
.page-form input[type="checkbox"].field-caption {
    display: none;
}

.page-form input[type="checkbox"].field-caption + label {
    font-weight: bold;
    padding-left: 37px;
    cursor: default;
}

/* Анимация отправки формы */
.page-form__submitprocess {
    display: none;
    line-height: 35px;
    font-family: var(--font-condensed);
    font-weight: bold;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 11px;
    text-align: left;
}

.page-form__submitprocess span {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('/images/loader.gif') center center;
    margin-right: 15px;
}

.page-form--process .page-form__btnsubmit {
    display: none;
}

.page-form--process .page-form__submitprocess {
    display: inline-flex;
}

.page-form--process .page-form-input--text input,
.page-form--process .page-form-input--email input,
.page-form--process .page-form-input--textarea textarea {
    background: var(--color-bg-light);
}

.page-form--process label, .page-form--process input, .page-form--process .file-zone, .page-form--process .remove-btn {
    pointer-events: none;
}

/* С фоном страниц (без белых областей) */

.page-form-input--pagebg.page-form-input--dropdown label,
.page-form-input--pagebg.page-form-input input[type="text"],
.page-form-input--pagebg.page-form-input input[type="password"],
.page-form-input--pagebg.page-form-input input[type="email"],
.page-form-input--pagebg.page-form-input textarea,
.page-form-input--pagebg.page-form-input select {
    background-color: var(--color-bg-light);
    border-width: 2px;
}

.page-form-input--pagebg.page-form-input option {
    background: #fff;
}

/* Чекбокс согласия */
.page-form__privacy {
    margin-bottom: 30px;
}

.page-form__privacy .page-form-input--checkbox {
    display: inline-block;
}

.page-form__privacy label {
    text-align: left;
}

/* Результаты форм */
.page-form__success {
    font-weight: bold;
}

.page-form__errors {
    margin-bottom: 40px;
}

.page-form__errors p {
    border-left: 4px solid #f92424;
    padding: 10px 0 10px 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

/* Обязательное поле со звездочкой */

.form-required {
    color: #f92424;
}

/* Загрузка файлов */

.file-zone {
    --highlight: var(--color-primary-hover);
    --red: #ff2b33;
    --bordercolor: #dbdef1;

    position: relative;
    cursor: pointer;
    border: 2px dashed var(--bordercolor);
    min-height: 110px;
    text-align: center;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    transition: 0.2s;
    overflow: hidden;
}

.file-zone:hover { border-color: var(--highlight); }

.file-zone.dragover {
    border-color: var(--highlight);
    border-style: solid;
    scale: 1.02;
}

.file-zone.dragover-error {
    border-color: var(--red);
    color: var(--red);
    border-style: solid;
    scale: 1.02;
}

.file-zone__files {
    display: flex;
    text-align: left;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.file-zone .file-item {
    display: inline-block;
    position: relative;
    background: var(--red);
    border-radius: 3px;
    color: #fff;
    margin: 0 10px 10px 0;
    font-size: 12px;
    width: 150px;
}

.file-zone .file-item span {
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: bold;
}

.file-zone .file-item .progress-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 6px;
    background: var(--bordercolor);
    margin-top: 5px;
    display: none;
    overflow: hidden;
}

.file-zone .file-item.uploading .progress-container { display: block; }

.file-zone .file-item .progress-bar {
    height: 100%;
    background: var(--highlight);
    width: 0%;
    transition: width 0.2s;
}

.file-zone .file-item .remove-btn {
    position: absolute;
    top: -6px;
    right: -6px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--color-text);
    color: var(--color-text);
    width: 20px;
    height: 20px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.file-zone .file-item__info {
    padding: 8px;
    overflow: hidden;
}

.file-zone__button {
    padding: 10px 20px;
}

.file-zone__title {
    text-transform: uppercase;
    color: var(--color-gray);
    font-size: 13px;
    font-weight: bold;
}

.file-zone__plus {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 26px;
    font-weight: bold;
    border-radius: 50%;
    background: var(--bordercolor);
    color: #fff;
    line-height: 35px;
    margin-bottom: 10px;
}

.file-zone__limit {
    display: block;
    font-size: 10px;
    font-weight: normal;
    margin-top: 5px;
}

/* Заголовок с фильтром */

.header-with-filter {
    margin-top: 20px;
    margin-bottom: 70px;
    position: relative;
}

.header-with-filter h1 {
    display: block;
    margin: 0 20px 0 0;
}

.header-with-filter__filter {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.header-with-filter__filter .page-form-input {
    margin-bottom: 0;
    float: right;
    margin-right: 15px;
    width: 180px;
}

.header-with-filter__filter .page-form-input:first-of-type {
    margin-right: 0;
}

.header-with-filter__filter select {
    height: 52px;
}

/* Капча */

.captcha {
    margin-bottom: 30px;
}

.captcha__title {
    display: none;
}

.captcha__field {
    overflow: hidden;
}

.captcha__field img {
    width: 120px;
    height: 40px;
    padding: 0;
}

.captcha__field input {
    height: 40px;
    line-height: 40px;
    margin: 0;
    width: 100%;
}


@media (max-width: 991px) {
    .page-form-input__content > .col-md-6 {
        margin-top: 30px;
    }

    .page-form-input__content > .col-md-6:first-of-type {
        margin-top: 0;
    }
}


/* Попапы =================================================================== */

/* Окно — <dialog class="popup">, открывается кнопкой с data-popup="#id" */
.popup {
    width: min(600px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100% - 32px);
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 10px;
    overflow: auto;
    overscroll-behavior: contain;
    background: #fff;
    color: var(--color-text);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .25);
    opacity: 1;
    transform: none;
    transition: opacity .2s, transform .2s;
}

@starting-style {
    .popup[open] {
        opacity: 0;
        transform: translateY(20px);
    }
}

.popup--wide {
    width: min(760px, calc(100% - 32px));
}

.popup::backdrop {
    background: rgba(0, 0, 0, .6);
}

html:has(.popup[open]) {
    overflow: hidden;
}

.popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 22px;
    line-height: 36px;
    color: var(--color-text);
    cursor: pointer;
    transition: color .2s;
}

.popup__close::before {
    content: "\2715";
}

.popup__close:hover,
.popup__close:focus-visible {
    color: var(--color-primary);
}

.popup__title {
    background: var(--color-bg-light);
    padding: 25px 70px;
    font-size: 22px;
    font-weight: 600;
    border-top: 3px solid var(--color-primary);
}

.popup__description {
    max-width: 600px;
    margin-bottom: 30px;
}

.popup__content {
    padding: 30px 70px;
}

.popup .media-item {
    padding: 0;
}

/* Кнопка окна с сервера, пока оно загружается */
[data-popup-url].is-loading {
    cursor: progress;
    opacity: .7;
}


@media (max-width: 991px) {
    .popup__title {
        padding: 25px 60px 25px 40px;
    }

    .popup__content {
        padding: 30px 40px;
    }
}

@media (max-width: 575px) {
    .popup__title {
        padding: 20px 56px 20px 20px;
        font-size: 19px;
    }

    .popup__content {
        padding: 25px 20px;
    }

    .popup__close {
        top: 14px;
        right: 10px;
    }
}


/* Отдельные формы ========================================================== */

/* Быстрая форма в одну строку */

.quick-form .page-form__fields {
    display: inline-block;
    width: 100%;
}

.quick-form .page-form-input {
    width: 25%;
    padding-right: 15px;
    float: left;
}

.quick-form .page-form__buttons {
    margin-top: 0;
    float: left;
    text-align: center;
    width: 25%;
}

.quick-form .page-form__btnsubmit {
    background-color: var(--color-primary-red);
    border: 2px solid var(--color-primary-red);
    padding: 10px;
    width: 100%;
}

.quick-form .page-form__submitprocess span {
    background: url('/images/loader-light.gif') center center;
}

.quick-form .page-form__privacy {
    margin-top: -10px;
    margin-bottom: 0;
}

.quick-form .page-form__privacy .page-form-input {
    width: auto;
}

.quick-form .page-form__privacy label a {
    color: #fff;
}

.quick-form .page-form__privacy .page-form__fields {
    font-size: 12px;
}

.popup .page-form__buttons {
    text-align: center;
}


@media (max-width: 991px) {
    .quick-form .page-form__fields {
        width: calc(100% + 15px);
    }

    .quick-form .page-form-input {
        width: 50%;
    }

    .quick-form .page-form__buttons {
        width: 50%;
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .quick-form .page-form__fields {
        width: 100%;
    }

    .quick-form .page-form-input {
        width: 100%;
        padding-right: 0;
    }

    .quick-form .page-form__buttons {
        width: 100%;
        padding-right: 45px;
        padding-left: 45px;
    }
}

/* Форма заказа прайс-листа */

.pricelist-form {
    margin-bottom: 30px;
}

.pricelist-form form {
    max-width: 450px;
}

.pricelist-form .page-form__buttons {
    text-align: center;
    margin-top: 20px;
}

.pricelist-form .page-form__privacy {
    margin-top: 30px;
}

.pricelist-form2 {
    margin-bottom: 70px;
}

.pricelist-form2 .page-form-input--checkbox .page-form-input__caption {
    font-weight: normal;
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
}

.pricelist-form2 form {
    max-width: 850px;
}

.pricelist-form2 .page-form__buttons {
    text-align: center;
    margin-top: 20px;
}

.pricelist-form2 .page-form-checkbox__item {
    padding-left: 78px;
}

.pricelist-form2 .page-form-checkbox__item--icon {
    padding-top: 10px;
    padding-bottom: 10px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 62px auto;
}

.pricelist-form2 .page-form-checkbox__item--icon.--alum { background-image: url('/images/icons/price-alum.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--cups { background-image: url('/images/icons/price-cups.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--plastcups { background-image: url('/images/icons/price-plastic-cups.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--papmoulds { background-image: url('/images/icons/price-papmoulds.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--lids { background-image: url('/images/icons/price-lids.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--fastfood { background-image: url('/images/icons/price-fastfood.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--retail { background-image: url('/images/icons/price-retail.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--parchment { background-image: url('/images/icons/price-parchment.svg'); }
.pricelist-form2 .page-form-checkbox__item--icon.--tray { background-image: url('/images/icons/price-tray.svg'); }

.pricelist-form2 input[type="checkbox"].field-sublevel + label {
    margin-top: -12px;
}

.pricelist-form2 .page-form__privacy {
    text-align: center;
    margin-top: 50px;
}


@media (max-width: 767px) {
    .pricelist-form2 form {
        max-width: 500px;
    }
}

/* Форма вступления в клуб WIP */

.wip-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 0 40px;
    color: #fff;
}

.wip-form .page-form__buttons {
    text-align: center;
}

.wip-form .page-form__success {
    text-align: left;
}

.wip-form .field-checkbox-label a {
    color: #fff;
}

/* Большая форма заказа */

.prodorder-form .page-form__buttons {
    text-align: center;
}

/* Заказ образцов */

.popup-articul {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300;
}

.popup-articul__pcode {
    font-weight: bold;
}

/* Телефоны на мобильном */

.popup--mobile-phones .popup__content {
    text-align: center;
}

.mobile-popup-phone {
    display: block;
    margin-bottom: 30px;
}

.mobile-popup-phone:last-of-type {
    margin-bottom: 0;
}

.mobile-popup-phone__number {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.mobile-popup-phone__title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text);
}


/* Избранное ================================================================ */

.favorites-list .p-item__image img {
    max-width: 75%;
}

.favorites-list .close-button {
    right: 40px;
}


@media (max-width: 767px) {
    .favorites-list .close-button {
        right: 35px;
        bottom: 20px;
        top: auto;
    }
}


/* Кнопки =================================================================== */

a.b-btn, a.b-btn:hover {
    text-decoration: none;
}

.b-btn {
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    border: 2px solid var(--color-text-muted);
    color: var(--color-text-muted);
    font-family: var(--font-condensed);
    font-size: 15px;
    font-weight: bold;
    padding: 10px 20px;
    overflow: hidden;
    vertical-align: middle;
    transition: all .3s;
    margin-bottom: 10px;
}

.b-btn:hover {
    border-color: #23527c;
}

.b-btn--big {
    font-size: 17px;
    padding: 15px 45px;
}

/* Цвета кнопок */
.b-btn--blue,
.b-btn--blue.b-btn--disabled:hover {
    color: #fff;
    background-color: var(--color-primary);
    border: 2px solid var(--color-primary);
}

.b-btn--blue:hover {
    color: #fff;
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}

.b-btn--red {
    color: #fff;
    background-color: var(--color-primary-red);
    border: 2px solid var(--color-primary-red);
}

.b-btn--red:hover {
    color: #fff;
    background-color: var(--color-primary-red-hover);
    border-color: var(--color-primary-red-hover);
}

.b-btn--white {
    color: #fff;
    border-color: #fff;
}

.b-btn--white:hover {
    color: #fff;
    border-color: #fff;
    background-color: rgba(255,255,255,.2);
}

.b-btn--whitefill {
    background: #fff;
    border-color: #fff;
    color: var(--color-primary);
}

.b-btn--whitefill:hover {
    background-color: rgba(255,255,255,.8);
    border-color: rgba(255,255,255,.8);
}

.b-btn--fixed150 {
    min-width: 150px;
}

.b-btn--fixed200 {
    min-width: 200px;
}

.b-btn--oneline {
    margin-right: 300px;
}

.b-btn--icon::before {
    margin-right: 20px;
    font-size: 25px;
    font-weight: normal;
    vertical-align: middle;
}

.b-btn--iconright i::before {
    margin-left: 10px;
}

.b-btn--wip {
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    padding: 12px 20px 10px;
}

.b-btn--wip::before {
    font-size: 30px;
}

.b-btn--disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.5;
}

.b-btn--disabled:hover {
    border-color: var(--color-text-muted);
    color: var(--color-text-muted);
}

/* Ссылка «Подробнее» со стрелкой */

a.link-more {
    text-decoration: none;
}

.link-more {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}


/* Вкладки ================================================================== */

.tabs__container {
    margin: 80px 0;
}

.tabs__captions {
    list-style: none;
    padding: 0;
    margin: 0 15px;
}

.tabs__captions li {
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
}

.tabs__captions li.active {
    font-weight: bold;
}

.tabs__pane {
    display: none;
}

.tabs__pane.active {
    display: block;
}

.tabs__container--default {
    margin: 40px 0 80px;
}

.tabs__container--default .tabs__captions li {
    padding-left: 0;
    padding-right: 3px;
    padding-bottom: 3px;
}

.tabs__container--default .tabs__captions li:last-child {
    padding-right: 0;
}

.tabs__container--default .tabs__captions li span {
    background: rgba(255,255,255,.8);
    padding: 20px 10px;
    display: block;
    font-weight: bold;
}

.tabs__container--default .tabs__captions li.active {
    padding-bottom: 0;
}

.tabs__container--default .tabs__captions li.active span {
    border-top: 3px solid var(--color-primary);
    background: #fff;
}

.tabs__container--default .tabs__pane {
    background: #fff;
    padding: 50px;
}

.tabs__container--news {
    margin: 0;
}

.tabs__container--news .tabs__captions span {
    font-size: 16px;
}

.tabs__container--news .tabs__pane {
    padding: 60px 30px;
}

.tabs__container--news .tabs__pane--news {
    padding: 70px 0;
}


@media (max-width: 767px) {
    .tabs__captions li.col-xs-12 {
        padding-right: 0;
        padding-bottom: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .tabs__captions li.col-xs-12:last-of-type {
        border-bottom: 0;
        margin-bottom: 3px;
    }

    .tabs__container--default .tabs__captions li.col-xs-12.active span {
        border-top: 0;
        background: var(--color-primary);
        color: #fff;
    }

    .tabs__container .tabs__pane {
        padding: 20px 15px;
    }

    .tabs__captions {
        overflow: hidden;
    }
}


/* Аккордеон ================================================================ */

.accordion-toggle {
    cursor: pointer;
}

.accordion-toggle::before {
    position: absolute;
    transition: all .3s;
}

.accordion-content {
    display: none;
}

.accordion-toggle--opened::before {
    transform: rotate(180deg);
}


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

.table-default {
    display: inline-block;
    margin-top: 40px;
    max-width: 100%;
    overflow-x: auto;
}

.table-default td, .table-default th {
    padding: 17px 35px;
    border: 3px solid var(--color-bg-light);
    background: #fff;
    text-align: center;
}

.table-default th {
    color: #fff;
    background: var(--color-primary);
    font-size: 15px;
    font-weight: 400;
}

.table-default td img {
    display: inline-block;
    max-height: 70px;
    margin-right: 15px;
}

/* Для таблиц с + и - */
.table-default td.plus,
.table-default td.minus {
    font-size: 0; /* Текст '+' и '-' остается в DOM для SEO, но не виден */
}

.table-default td.plus::before,
.table-default td.minus::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
}

.table-default td.plus::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c2fad' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center / contain; }
.table-default td.minus::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E") no-repeat center / contain; }


/* Ссылки на файлы ========================================================== */

.file-link {
    padding-left: 50px;
    position: relative;
    min-height: 65px;
    float: none;
}

.file-link::before {
    font-size: 35px;
    position: absolute;
    left: 0;
    color: var(--color-text);
}

.file-link__details {
    color: var(--color-gray-light);
    margin-top: 3px;
}

.file-link__link {
    margin-top: 12px;
}

.file-link--middle {
    padding-left: 62px;
}

.file-link--middle::before {
    font-size: 42px;
}

.file-link--middle .file-link__name {
    font-size: 16px;
    font-weight: 400;
}

.file-link--middle .file-link__name a {
    text-decoration: none;
}

.file-link--middle .file-link__details {
    font-size: 13px;
}

.file-link--giant {
    padding-left: 100px;
}

.file-link--giant::before {
    font-size: 68px;
}

.file-link--giant .file-link__name {
    font-size: 20px;
    font-weight: 300;
}

a.link-file {
    display: block;
    margin-top: 20px;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    background: #fff;
    padding: 20px 200px 20px 80px;
}

a.link-file .link-file__details {
    display: block;
    color: var(--color-text);
    font-size: 13px;
    font-weight: normal;
}

a.link-file::before {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 40px;
    font-weight: normal;
}

a.link-file .link-file__button {
    position: absolute;
    right: 15px;
    top: calc(50% - 20px);
    height: 40px;
    line-height: 36px;
    width: 150px;
    border: 2px solid var(--color-primary);
    text-align: center;
    border-radius: 5px;
}

a.link-file:hover .link-file__button {
    color: #fff;
    background: var(--color-primary);
}

a.link-file--withoutbg {
    background: none;
    padding-left: 65px;
}

a.link-file--withoutbg::before {
    left: 0;
}


@media (max-width: 767px) {
    .file-link--giant {
        padding-left: 65px;
    }

    .file-link--giant::before {
        font-size: 42px;
        top: 0;
    }
}


/* Хлебные крошки =========================================================== */

.breadcrumbs {
    margin: 7px 0 17px;
    font-size: 13px;
    line-height: 20px;
}

.breadcrumbs__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.breadcrumbs__item {
    flex: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Текущая страница сжимается первой: длинное название обрезается многоточием */
.breadcrumbs__item[aria-current] {
    flex-shrink: 1;
    min-width: 0;
    opacity: .6;
}

a.breadcrumbs__link {
    text-decoration: none;
}

/* Разделитель — шеврон из icons.css, цвет от текста */
.breadcrumbs__item::before {
    content: '';
    display: none;
    width: .36em;
    height: 1em;
    margin: 0 8px;
    vertical-align: -0.125em;
    background-color: currentColor;
    opacity: .5;
    -webkit-mask: url(/images/ico/chevron-right.svg) center / contain no-repeat;
            mask: url(/images/ico/chevron-right.svg) center / contain no-repeat;
}

.breadcrumbs__item + .breadcrumbs__item::before {
    display: inline-block;
}


@media (max-width: 767px) {
    .breadcrumbs__item {
        display: none;
    }

    .breadcrumbs__item--back {
        display: block;
        flex-shrink: 1;
        min-width: 0;
    }

    .breadcrumbs__item--back::before {
        display: inline-block;
        margin: 0 8px 0 0;
        transform: rotate(180deg);
    }
}


/* Кнопки-ссылки ============================================================ */

.link-buttons {
    display: block;
    overflow: hidden;
    padding-left: 0;
    list-style: none;
}

.link-buttons li {
    float: left;
}

.link-buttons li a {
    display: block;
    padding: 15px;
    min-width: 150px;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 4px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: #fff;
    color: var(--color-text);
}

.link-buttons li a:hover {
    border-color: rgba(0,0,0,.2);
    background: rgba(255,255,255,.7);
}


@media (max-width: 991px) {
    .link-buttons li a {
        padding: 7px 10px;
        margin: 0 7px 7px 0;
        font-size: 13px;
        min-width: 110px;
    }
}


/* Слайдер Flickity ========================================================= */

.flickity-prev-next-button {
    width: 55px;
    height: 55px;
    border-radius: 40%;
    box-shadow: 0 12px 30px -10px rgba(0,0,0,0.25);
}

.flickity-prev-next-button:disabled {
    display: none;
}


/* Дополнения к Bootstrap =================================================== */

.row-nopadding {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.row-nopadding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


@media (min-width: 992px) {
    .row-eq-height {
        display: table;
    }

    .row-eq-height [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}

@media (min-width: 768px) {
    .row-eq-height-flexbox {
        display: flex;
        flex-wrap: wrap;
    }
}


/* Видео YouTube ============================================================ */

.videowrapper {
    max-width: 1100px;
    padding: 0 30px;
    margin: 0 auto;
    text-align: center;
}


/* Виджет Битрикс24 ========================================================= */

.b24-widget-button-social-item.ui-icon-service-whatsapp > i {
    background-size: 38px !important;
}

/* Без пульсирующей анимации */
.b24-widget-button-pulse {
    display: none;
}


/* Виджет LeadBack ========================================================== */

#lb_widget-root .lb_footer {
    display: none !important;
}

#lb_widget-root .lb_widget {
    background-color: rgba(255,255,255,.92) !important;
    border-top: 3px solid var(--color-primary) !important;
    max-width: 95% !important;
}


/* Утилиты ================================================================== */

.clear {
    clear: both;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.f-left { float: left; }
.f-right { float: right; }

.alignleft {
    float: left;
    margin: 0 15px 15px 0;
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
}

.text-left { text-align: left !important; }
.text-right { text-align: right; }

.centered { text-align: center; }
.centered .img-responsive { margin: 0 auto; }

.smalltext { font-size: 12px; }
.capitalized { text-transform: uppercase; }
.bigtext { font-size: 18px; }
.middletext { font-size: 16px; }
.boldtext { font-weight: bold; }

.warningtext {
    border-left: 3px solid red;
    padding: 2px 0 2px 25px;
    margin: 20px 0 60px;
}

.notopmargin { margin-top: 0 !important; }
.notoppadding { padding-top: 0 !important; }
.transparented { background: none !important; }
.rounded { border-radius: 10px; }

.right-border {
    border-right: 1px solid var(--color-border);
}

/* Колонки контента */
.pull-left {
    padding-right: 5%;
}

.pull-right {
    padding-left: 5%;
}

/* Вертикальное центрирование */
.vcenter {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.vcenter.pull-right { right: 0; }
.vcenter.pull-left { left: 0; }

.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.img-row--first {
    margin-bottom: 30px;
}

.img-indent {
    float: left;
    margin: 0 40px 0 0;
}

a.nostyle {
    text-decoration: inherit;
    color: inherit;
}

/* Стрелки */
.arrow-right {
    border-style: solid;
    border-color: inherit;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    margin-left: 7px;
}

/* Картинки */
.img-border--grey {
    border: 3px solid var(--color-border);
}

.img-fit {
    object-fit: cover;
    object-position: center;
}

.img-fit--topleft { object-position: top left; }
.img-fit--topright { object-position: top right; }
.img-fit--bottomleft { object-position: bottom left; }
.img-fit--bottomright { object-position: bottom right; }

.img-fill {
    display: block;
    width: 100%;
    height: 100%;
}

/* Фон из атрибута data-bg */
.databg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.databg--topleft { background-position: top left; }

/* Ссылка на весь блок */
.fill-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


@media (max-width: 991px) {
    .img-block {
        margin-bottom: 20px;
    }

    .right-border {
        border-right: 0;
    }

    .vcenter {
        position: relative;
        top: auto;
        transform: none;
    }

    .pull-left {
        padding-right: 15px;
    }

    .pull-right {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .bigtext {
        font-size: 16px;
    }

    .img-responsive-80 {
        max-width: 80%;
        margin: 0 auto;
    }

    .img-responsive-70 {
        max-width: 70%;
        margin: 0 auto;
    }
}


/* QR-коды (COVID) ========================================================== */

.qr-code {
    overflow: hidden;
    margin: 30px 0;
    padding-top: 30px;
    border-top: 1px solid var(--color-border);
}

.qr-code__image {
    float: left;
    width: 130px;
    height: auto;
}

.qr-code__info {
    padding-left: 30px;
    font-weight: bold;
    float: left;
    width: calc(100% - 130px);
    max-width: 600px;
}

.qr-code__info span {
    font-weight: normal;
}


@media (max-width: 767px) {
    .qr-code__image {
        display: block;
        float: none;
    }

    .qr-code__info {
        display: block;
        float: none;
        margin-top: 10px;
        padding-left: 3px;
        width: 100%;
    }
}


/* Подсказки DaData ========================================================= */

/* Скрыть логотип (временно, для теста) */
.suggestions-wrapper .suggestions-promo {
    display: none !important;
}


/* Видеовиджет SalesWidget ================================================== */

.sw-videowidget-container {
    bottom: 20px !important;
    left: 20px !important;
}

.sw-videowidget-container .sw-videoplayer:hover {
    border-color: var(--color-gray) !important;
}

.sw-videowidget-container .sw-videoplayer__brand-bage,
.sw-videowidget-container .sw-videoplayer__call-to-action {
    display: none !important;
}

.sw-videowidget-container .sw-videoplayer__button {
    background-color: var(--color-red-accent) !important;
    white-space: nowrap;
    overflow: hidden;
}


@media (min-width: 992px) {
    .sw-videowidget-container .sw-videoplayer {
        width: 160px !important;
        height: 230px !important;
        border-radius: 20px !important;
    }

    .sw-videowidget-container .sw-videoplayer_open {
        width: 280px !important;
        height: 500px !important;
        border-color: var(--color-gray) !important;
    }
}

/* End */


/* Start:/local/templates/formacia/css/header.css?179178387627784*/
/* Шапка: верхняя полоса, основной блок, панель меню, выпадающие меню, поиск, мобильное меню.
   Брейкпоинты: 767 / 768 (мобильный — десктоп), 991, 1199, 1400, 1780, 400, 350. */


/* Каркас =================================================================== */

.site-header {
    position: relative;
    z-index: var(--z-header);
    width: 100%;
    color: var(--color-text-soft);
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.header-sensor {
    width: 100%;
    height: 1px;
    visibility: hidden;
    pointer-events: none;
}


/* Баннер над шапкой ======================================================== */

.banner-top {
    position: relative;
    text-align: center;
}

.banner-top img {
    max-width: 96%;
    height: auto;
}

.banner-top a {
    color: #fff;
}

.banner-top__text {
    display: block;
    padding: 12px 10px;
    font-weight: bold;
}


/* Звёздочка избранного со счётчиком ======================================== */

.b-favorites {
    position: relative;
    font-size: 20px;
    line-height: 1;
}

.b-favorites .favorites-count {
    display: block;
    position: absolute;
    top: -6px;
    right: -13px;
    padding: 2px 7px;
    border-radius: 8px;
    background: var(--color-primary);
    color: #fff;
    font-size: 12px;
    line-height: 1;
}


/* Верхняя полоса =========================================================== */

.header-topline {
    background: var(--color-gray);
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.header-topline a {
    color: #fff;
}

.header-topline__wrap {
    display: flex;
    align-items: center;
}

.header-topline__phones {
    flex: 1 1 auto;
    min-width: 0;
    padding: 8px 0;
}

.header-topline__phone {
    display: inline-block;
    margin-right: 50px;
    text-align: right;
}

.header-topline__phone span {
    font-weight: normal;
}

.header-topline__city {
    display: block;
    font-family: var(--font-condensed);
    font-size: 16px;
}

/* Переключатель языков */
.header-topline__langs {
    position: relative;
    flex: 0 0 auto;
    margin-right: 35px;
    white-space: nowrap;
}

.lang-switch__current {
    display: flex;
    align-items: center;
    padding: 8px 0;
    border: 0;
    background: none;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

/* Круг глобуса занимает всю рамку: 18px по высоте совпадает со звездой в 20px */
.lang-switch__current .ico-globe {
    margin-right: 6px;
    font-size: 18px;
    line-height: 1;
}

.lang-switch__current .ico-globe::before {
    display: block;
}

.lang-switch__caret {
    margin-left: 5px;
    font-size: 0.7em;
    transition: transform 0.2s;
}

.lang-switch__current[aria-expanded="true"] .lang-switch__caret {
    transform: rotate(180deg);
}

.lang-switch__list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: var(--z-header-dropdown);
    min-width: 150px;
    padding: 5px 0;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    font-size: 14px;
}

.lang-switch.is-open .lang-switch__list {
    display: block;
}

.header-topline .lang-switch__item {
    display: block;
    padding: 8px 15px;
    color: var(--color-text);
    font-weight: normal;
}

.header-topline .lang-switch__item:hover {
    background: var(--color-bg-topmenu);
    text-decoration: none;
}

.header-topline .lang-switch__item--current {
    color: var(--color-primary);
    font-weight: bold;
}

.header-topline__favorites {
    flex: 0 0 40px;
    min-width: 40px;
    max-width: 65px;
    white-space: nowrap;
}

/* Рамка ровно 20×20: звезда центруется по полосе на одной линии с глобусом */
.header-topline__favorites .b-favorites {
    display: inline-block;
    vertical-align: top;
}

.header-topline__favorites .b-favorites::before {
    display: block;
}

.header-topline__favorites .favorites-count {
    top: -9px;
}


/* Основной блок: логотип, телефон, кнопки ================================== */

.header-main {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 40px;
    padding-bottom: 75px;
}

.header-main__left {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.header-main__right {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    white-space: nowrap;
}

.header-main__mobile,
.header-main__burger {
    display: none;
}

.header-main__logo {
    display: block;
    flex: 0 0 auto;
    height: 55px;
}

.header-main__logo img {
    display: block;
    width: auto;
    height: 100%;
}

.header-main__slogan {
    flex: 0 0 auto;
    width: 200px;
    padding-left: 30px;
    font-family: var(--font-condensed);
    font-size: 14px;
    color: var(--header-accent);
    text-transform: uppercase;
    white-space: nowrap;
}

.header-main__phone a {
    color: var(--header-accent);
    font-size: 24px;
    font-weight: 800;
}

.header-main__phone span {
    display: block;
    font-family: var(--font-condensed);
    font-size: 14px;
    color: var(--header-accent);
    text-transform: uppercase;
    text-align: right;
}

.header-main__btn {
    margin-left: 20px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: normal;
    white-space: nowrap;
}

.header-main__btn::before {
    margin-right: 15px;
    font-size: 22px;
    font-weight: normal;
    vertical-align: middle;
}


/* Панель меню ============================================================== */

.header-nav {
    height: var(--header-nav-h);
    z-index: var(--z-header-nav);
    text-align: center;
    /* Стрелка у пунктов с подменю: второй уровень «Продукции» и мобильное меню */
    --topmenu-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.2 7'%3E%3Cpath fill='%23999' d='M.5 7c-.1 0-.3 0-.4-.1-.1-.2-.1-.6 0-.8l2.6-2.6L.1.9C0 .7 0 .3.1.1s.5-.2.7 0l3.4 3.4L.9 6.9C.8 7 .6 7 .5 7z'/%3E%3C/svg%3E");
}

.header-nav__bar {
    position: relative;
    height: 100%;
    max-width: 1450px;
    margin: 0 auto;
    background: var(--color-primary);
    color: #fff;
}

.header-nav__row {
    display: flex;
    align-items: stretch;
    height: 100%;
}

.header-nav ul,
.header-nav li,
.header-nav h3,
.header-nav p {
    margin: 0;
    padding: 0;
    list-style: none;
}

.header-nav a {
    text-decoration: none;
}

.header-nav__back {
    display: none;
}


/* Кнопки справа: избранное, прайс-лист, магазин, поиск */

.header-nav .header-nav__actions {
    display: flex;
    flex: 0 0 auto;
    margin-left: auto;
}

.header-nav__action {
    line-height: var(--header-nav-h);
}

.header-nav__action > a {
    display: block;
    height: 100%;
    min-width: 65px;
    padding: 0 10px;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.header-nav__action > a:hover {
    background: #fff;
    color: var(--color-text);
    transition: background 0.3s linear, color 0.3s linear;
}

/* Иконка и надпись центрируются флексом: по базовой линии иконка выше заглавных букв */
.header-nav__action--pricelist > a,
.header-nav__action--shop > a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-nav__action-link {
    display: inline-flex;
    align-items: center;
}

.header-nav__action i {
    display: inline-flex;
    margin-right: 15px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
}

.header-nav__action--favorites,
.header-nav__action--pricelist {
    display: none;
}

.header-nav__action--favorites {
    position: relative;
    min-width: 65px;
}

.header-nav__action--favorites .b-favorites {
    position: absolute;
    top: 50%;
    left: 0;
    min-width: 0;
    height: auto;
    margin-top: 2px;
    padding: 4px 0 0;
    font-size: 19px;
    line-height: 1;
    transform: translateY(-50%);
}

.header-nav__action--favorites .b-favorites:hover {
    background: none;
    color: #fff;
}

.header-nav__action--favorites .favorites-count {
    background: var(--color-primary-red);
}


/* Поиск */

.header-nav__action--search {
    flex: 0 0 65px;
    width: 65px;
    padding: 0 10px;
    text-align: center;
}

.header-nav__action--search:hover,
.header-nav__action--search.is-active {
    background: #fff;
    color: var(--color-text);
    transition: background 0.3s linear, color 0.3s linear;
}

.header-search__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: inherit;
    cursor: pointer;
}

.header-search__button i {
    margin-right: 0;
}

.header-search {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: var(--z-header-dropdown);
    width: 100%;
    background: #fff;
    border-bottom: 3px solid var(--color-primary);
    text-align: left;
    line-height: normal;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
}

/* visibility без задержки при открытии: иначе поле ещё скрыто и не принимает фокус */
.header-nav__action--search.is-active .header-search {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: 0s;
}

.header-search__form {
    display: flex;
    padding: 50px 45px;
}

.header-search__query {
    flex: 1 1 auto;
    min-width: 0;
    line-height: 50px;
}

.header-search__query input {
    width: 100%;
    height: 50px;
    padding: 10px;
    border: 2px solid rgba(0, 0, 0, 0.15);
    border-right: 0;
    background: #fff;
    outline: none;
}


/* Десктоп: панель под шапкой, выпадающие меню по наведению ================= */

@media (min-width: 768px) {

    .header-nav {
        position: absolute;
        left: 0;
        bottom: calc(var(--header-nav-h) / -2);
        width: 100%;
    }

    .header-nav__menu,
    .header-nav__menu-inner {
        height: 100%;
    }

    .header-nav__menu {
        flex: 0 0 auto;
        line-height: normal;
    }

    .header-nav .topmenu__level1 {
        display: flex;
        height: 100%;
    }

    .header-nav .topmenu__level1 > li > a {
        display: block;
        padding: 0 10px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        line-height: var(--header-nav-h);
        text-transform: uppercase;
        text-align: center;
        transition: font-size 0.3s;
    }

    .header-nav .topmenu__level1 > li:hover > a {
        background: #fff;
        color: var(--color-text);
        transition: background 0.3s linear, color 0.3s linear;
    }

    .header-nav .mobile-item--show {
        display: none;
    }


    /* Выпадающее меню первого уровня: на всю ширину панели.
       Без префикса .header-nav: разметка есть только в шапке, а мобильные правила — в своём медиазапросе */

    .topmenu__submenu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: var(--z-header-dropdown);
        width: 100%;
        padding: 50px 0;
        background: #fff;
        border-bottom: 3px solid var(--color-primary);
        text-align: left;
        overflow: hidden;
    }

    .topmenu__level1 > li:hover > .topmenu__submenu {
        display: block;
        animation: header-dropdown-fade 0.3s linear forwards;
    }

    .topmenu__submenu > .container {
        display: flex;
        align-items: flex-start;
    }

    .topmenu__submenu > .container::before,
    .topmenu__submenu > .container::after {
        content: none;
    }

    .topmenu__submenu ul {
        cursor: default;
    }

    .topmenu__submenu > .container > ul {
        flex-shrink: 0;
        width: 25%;
    }

    .topmenu__submenu li {
        position: relative;
        width: 100%;
    }

    .topmenu__submenu li a {
        display: block;
        width: fit-content;
        max-width: 100%;
        padding: 14px 30px 14px 25px;
        color: var(--color-text);
        font-size: 15px;
        text-align: left;
        transition: color 0.2s linear, padding-left 0.2s linear;
    }

    .topmenu__submenu h3 {
        padding: 5px 5px 25px 0;
        color: var(--color-text-soft);
        font-size: 14px;
        font-weight: 700;
    }

    .topmenu__submenu .topmenu-item__link--extra {
        padding-top: 20px;
        padding-bottom: 20px;
        font-weight: 600;
    }


    /* Каталог и видео в меню «О компании» */

    .topmenu__submenu .medialink {
        display: inline-block;
        width: 100%;
        max-width: 170px;
    }

    .topmenu__submenu .medialink a {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .topmenu__submenu .medialink__text {
        margin-top: 7px;
    }

    .topmenu__submenu .medialink img {
        display: inline-block;
        max-height: 185px;
    }

    .topmenu__submenu .medialink img:hover {
        opacity: 0.8;
    }


    /* «Продукция»: разделы слева, подразделы — серой панелью до правого края */

    /* Двойной класс: перебивает padding .topmenu__submenu и в медиазапросе до 1400px */
    .topmenu__submenu.topmenu__submenu--products {
        padding: 0;
    }

    .topmenu__submenu--products li:hover {
        background: var(--color-bg-topmenu);
    }

    .topmenu__level2 {
        flex-shrink: 0;
        position: relative;
        width: 310px;
        padding: 50px 0;
        background: #fff;
    }

    .topmenu__level2 > ul > li {
        position: static;
    }

    .topmenu__level2 > ul > li > a {
        position: relative;
        width: auto;
    }

    .topmenu__level2 .topmenu-item__link--sub {
        padding-right: 40px;
    }

    .topmenu__level2 .topmenu-item__link--sub::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 5px;
        height: 8.334px;
        background: var(--topmenu-arrow) no-repeat 50% / 100%;
        transform: translateY(-50%);
    }

    /* Ширина 100vw с запасом: лишнее обрезает overflow у .topmenu__submenu */
    .topmenu__level3 {
        display: none;
        position: absolute;
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100%;
        padding: 50px 0 0 15px;
        background: var(--color-bg-topmenu);
    }

    .topmenu__level2 li:hover > .topmenu__level3 {
        display: flex;
        align-items: flex-start;
    }

    .topmenu__level3 ul {
        flex-shrink: 0;
        width: 100%;
        max-width: 355px;
        padding-right: 15px;
    }


    /* Прилипшая панель */

    .header-nav.is-stuck {
        position: fixed;
        top: 0;
        bottom: auto;
        height: var(--header-nav-h-stuck);
        background: var(--color-primary);
        box-shadow: 0 19px 22px -9px rgba(29, 47, 173, 0.3);
    }

    .header-nav.is-stuck .header-nav__bar {
        max-width: 100%;
    }

    .header-nav.is-stuck .topmenu__level1 > li > a,
    .header-nav.is-stuck .header-nav__action > a:not(.b-favorites) {
        font-size: 12px;
        line-height: var(--header-nav-h-stuck);
    }

    .header-nav.is-stuck .header-nav__action {
        line-height: var(--header-nav-h-stuck);
    }

    .header-nav.is-stuck .header-nav__action--shop,
    .header-nav.is-stuck .header-nav__action--search {
        display: none;
    }

    .header-nav.is-stuck .header-nav__action--pricelist {
        display: block;
        background: var(--color-primary-red);
    }

    .header-nav.is-stuck .header-nav__action--pricelist i {
        display: none;
    }
}

@keyframes header-dropdown-fade {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@media (min-width: 1200px) {
    .topmenu__submenu .medialink {
        max-width: 190px;
    }

    .topmenu__submenu .medialink img {
        max-height: 190px;
    }

    .header-nav.is-stuck .header-nav__action--favorites {
        display: block;
    }
}

@media (min-width: 1780px) {
    .header-nav__bar {
        max-width: 1650px;
    }
}

/* Компактное выпадающее меню: граница 1400, а не 1199 — полные отступы не влезают и на ноутбуках */
@media (min-width: 768px) and (max-width: 1400px) {
    .topmenu__submenu {
        padding: 40px 0;
    }

    .topmenu__level2 {
        width: 300px;
        padding: 40px 0;
    }

    .topmenu__level3 {
        padding: 40px 0 0 10px;
    }

    .topmenu__submenu li a {
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 14px;
    }

    .header-search__form {
        padding: 45px;
    }
}

@media (max-width: 1199px) {
    .header-main__slogan {
        display: none;
    }
}

@media (max-width: 991px) {
    .header-topline__phone {
        display: block;
        text-align: left;
    }

    .header-topline__city {
        display: inline-block;
    }

    .header-topline__city::before {
        content: '  -  ';
        padding: 0 3px;
    }

    .header-main__phone a {
        font-size: 22px;
    }

    .header-main__btn {
        padding: 10px;
        font-size: 14px;
    }

    .header-main__btn::before {
        display: block;
        margin: 0 auto 5px;
    }

    .header-nav__action > a {
        padding: 0 7px;
        font-size: 12px;
    }

    .header-nav__action--shop > a {
        background: rgba(255, 255, 255, 0.1);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-nav .topmenu__level1 > li > a {
        padding: 0 7px;
        font-size: 12px;
    }

    .header-nav.is-stuck .topmenu__level1 > li > a,
    .header-nav.is-stuck .header-nav__action > a {
        font-size: 11px;
    }

    .header-nav__action--shop .header-nav__action-link > span {
        display: none;
    }

    .header-nav__action--shop i {
        margin: 0;
    }
}


/* Мобильный: компактная шапка, меню — выезжающая слева панель ============== */

@media (max-width: 767px) {

    .banner-top img {
        width: auto;
        height: 45px;
    }

    .header-topline,
    .header-main__right {
        display: none;
    }

    .header-main {
        height: var(--header-main-h-mobile);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-main__logo {
        height: 35px;
    }

    .header-main__mobile {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .header-main__mobile-phone,
    .header-main__mobile-favorites {
        color: var(--color-primary);
        font-size: 25px;
        font-weight: bold;
    }

    .header-main__mobile-phone {
        margin-right: 25px;
    }

    .header-main__mobile-favorites {
        margin-right: 15px;
    }

    .header-main__mobile-favorites .favorites-count {
        top: -3px;
        right: -11px;
        background: var(--color-red-accent);
    }


    /* Бургер: три полоски, в открытом меню — крестик */

    .header-main__burger {
        display: block;
        width: 25px;
        margin-left: 5px;
        margin-right: 20px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .header-main__burger::before,
    .header-main__burger::after,
    .header-main__burger-bar {
        content: '';
        display: block;
        width: 100%;
        height: 3px;
        margin-bottom: 6px;
        background-color: var(--color-primary);
        transition: 0.3s ease-in-out;
    }

    .header-main__burger::after {
        margin-bottom: 0;
    }

    .mobile-menu-opened .header-main__burger::before {
        transform: translateY(9px) rotate(-45deg);
    }

    .mobile-menu-opened .header-main__burger-bar {
        opacity: 0;
    }

    .mobile-menu-opened .header-main__burger::after {
        transform: translateY(-9px) rotate(45deg);
    }


    /* Полоса «Прайс-лист / Интернет-магазин / Поиск» */

    .header-nav {
        height: var(--header-nav-h-mobile);
    }

    .header-nav__action {
        line-height: var(--header-nav-h-mobile);
    }

    .header-nav__row {
        padding-left: 0;
        padding-right: 0;
    }

    .header-nav__actions {
        width: 100%;
    }

    .header-nav__action--pricelist,
    .header-nav__action--shop {
        display: block;
        flex: 1 1 0;
        min-width: 0;
    }

    .header-nav__action--shop > a {
        background: none;
    }

    .header-nav__action--shop,
    .header-nav__action--search {
        border-left: 1px solid rgba(255, 255, 255, 0.25);
    }

    .header-nav__action i {
        font-size: 22px;
    }

    .header-nav__action-link i {
        margin-right: 8px;
    }

    .header-nav__action-link > span {
        max-width: 80px;
        font-size: 12px;
        line-height: 1.2;
        text-align: left;
        white-space: normal;
    }

    .header-nav__action--search {
        flex: 0 0 70px;
        min-width: 70px;
    }

    .header-search__form {
        padding: 30px 5px;
    }


    /* Панель меню ============================================================== */

    body.mobile-menu-opened {
        overflow-y: hidden;
    }

    .mobile-menu-opened .site-header {
        z-index: var(--z-header-menu-open);
    }

    .mobile-menu-opened .header-nav::after {
        content: '';
        position: fixed;
        top: var(--header-mobile-top);
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background: rgba(31, 38, 90, 0.8);
    }

    .header-nav__menu {
        position: fixed;
        top: var(--header-mobile-top);
        left: 0;
        z-index: 2;
        width: calc(100% - 70px);
        max-width: 500px;
        height: calc(100% - var(--header-mobile-top));
        background: #fff;
        color: var(--color-text);
        font-size: 14px;
        line-height: 1.5;
        text-align: left;
        overflow: hidden;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
    }

    .header-nav__menu::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        width: 100%;
        height: 9px;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09) 0%, transparent 100%);
    }

    .mobile-menu-opened .header-nav__menu {
        transform: translateX(0);
    }

    .header-nav__menu-inner {
        position: relative;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .header-nav__menu.is-submenu-opened .header-nav__back {
        display: flex;
        justify-content: space-between;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: var(--header-back-h);
        background: #7d809a;
        color: #fff;
        font-weight: bold;
        line-height: var(--header-back-h);
        cursor: pointer;
    }

    .header-nav__back-btn {
        margin-left: 20px;
    }

    .header-nav__back-btn i {
        display: inline-block;
        margin-right: 10px;
        transform: rotate(180deg);
    }

    .header-nav__curdir {
        margin-right: 20px;
    }


    /* Уровни меню: каждый следующий — панель справа, выбранная сдвигается влево */

    .header-nav__menu .topmenu-item__submenu {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 15px;
        background: #fff;
        transition: transform 0.3s ease-in-out;
    }

    .header-nav__menu .topmenu-item__submenu .topmenu-item__submenu {
        display: none;
        left: 100%;
        padding-top: calc(var(--header-back-h) + 5px);
    }

    .header-nav__menu .topmenu-item.is-selected > .topmenu-item__submenu {
        display: block;
        z-index: 1;
    }

    .header-nav__menu .topmenu-item__submenu.is-selected {
        transform: translateX(-100%);
    }

    .header-nav__menu .topmenu-list {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-nav__menu .container {
        padding-left: 0;
        padding-right: 0;
    }

    .header-nav__menu .mobile-item--hide {
        display: none;
    }

    .header-nav__menu li.topmenu-item {
        border-bottom: 1px solid var(--color-border);
    }

    .header-nav__menu .topmenu-item__link {
        display: block;
        padding: 13px;
        color: var(--color-text);
    }

    .header-nav__menu .topmenu-item__link--sub {
        position: relative;
        padding-right: 30px;
    }

    .header-nav__menu .topmenu-item__link--sub::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 20px;
        width: 5px;
        height: 8.334px;
        background: var(--topmenu-arrow) no-repeat 50% / 100%;
        transform: translateY(-50%);
    }
}

/* Название раздела в полосе «Назад» не помещается рядом с кнопкой */
@media (max-width: 400px) {
    .header-nav__curdir {
        display: none;
    }
}

@media (max-width: 350px) {
    .header-main__burger {
        width: 27px;
        margin-left: 0;
        margin-right: 15px;
    }

    .header-main__mobile-phone,
    .header-main__mobile-favorites {
        margin-right: 20px;
        font-size: 26px;
    }
}


/* Новогоднее оформление: класс decor-new-year на .wrapper ================== */

.decor-new-year.wrapper {
    overflow: hidden;
}

.decor-new-year .header-main__logo {
    height: 65px;
}

.decor-new-year .header-nav__bar {
    background: url('/images/ny-snowflakes.png') center center repeat-x, var(--color-primary);
}

.decor-new-year .header-nav__bar::before,
.decor-new-year .header-nav__bar::after {
    content: '';
    display: block;
    position: absolute;
}

.decor-new-year .header-nav__bar::before {
    top: -16px;
    left: -10px;
    width: 159px;
    height: 55px;
    background: url('/images/ny-snow-left.png');
}

.decor-new-year .header-nav__bar::after {
    top: -12px;
    right: -8px;
    width: 75px;
    height: 59px;
    background: url('/images/ny-snow-right.png');
}

.decor-new-year .header-nav.is-stuck {
    background: url('/images/ny-snowflakes.png') center center repeat-x, var(--color-primary);
}

.decor-new-year .header-nav.is-stuck .header-nav__bar::before,
.decor-new-year .header-nav.is-stuck .header-nav__bar::after {
    display: none;
}

@media (max-width: 767px) {
    .decor-new-year .header-main__logo { height: 40px; }
    .decor-new-year .header-nav__bar::after { display: none; }
    .mobile-menu-opened .decor-new-year .header-nav__bar::before { display: none; }
}

/* End */


/* Start:/local/templates/formacia/css/footer.css?17917838764898*/
/* Подвал сайта: колонки ссылок, контакты, нижняя полоса. */

.site-footer {
    position: relative;
    overflow: hidden;
    background: var(--color-footer);
    color: #fff;
    text-align: left;
}

.site-footer a,
.site-footer a:hover,
.site-footer a:focus {
    color: #fff;
}

.footer__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -15px;
    margin-right: -15px;
}

.footer__col {
    flex: 0 0 auto;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}


/* Колонки ================================================================== */

.footer__main {
    padding-top: 60px;
    padding-bottom: 40px;
}

.footer__col--company,
.footer__col--products {
    width: 50%;
}

.footer__col--solutions {
    display: none;
}

.footer__col--contacts {
    text-align: right;
}

@media (min-width: 768px) {
    .footer__col--logo,
    .footer__col--company,
    .footer__col--products,
    .footer__col--solutions {
        width: 16.66666667%;
    }

    .footer__col--solutions {
        display: block;
    }

    .footer__col--contacts {
        width: 33.33333333%;
    }
}

@media (min-width: 992px) {
    .footer__col--products,
    .footer__col--contacts {
        width: 25%;
    }
}

.footer__logo {
    display: inline-block;
    height: 40px;
}

.footer__logo img {
    display: block;
    width: auto;
    height: 100%;
}

.footer__title {
    margin: 0 0 20px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.footer__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer__list li {
    margin-bottom: 15px;
    font-size: 12px;
}

.footer__list a {
    display: block;
    line-height: 1.3;
}


/* Контакты: телефон, «Задать вопрос», соцсети, значок нацпроекта */

.footer__phone {
    display: block;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap;
}

.footer__ask {
    display: inline-block;
    padding-left: 55px;
    padding-right: 55px;
    border: 2px solid #fff;
}

.footer__ask:hover {
    background: rgba(255, 255, 255, 0.2);
    border-color: #fff;
}

.footer__social {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 40px;
}

.footer__social-link {
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.1);
}

/* Заливка цветом соцсети при наведении */
.footer__social-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.3);
    transform: scale(0);
    transition: transform 0.2s;
}

.footer__social-link:hover::after {
    transform: scale(1);
}

.footer__social-link--vk::after {
    background: #4c75a3;
}

.footer__social-link i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    font-size: 18px;
    line-height: 1;
    transform: translate(-50%, -50%);
}

.footer__social-link i::before {
    display: block;
}

.footer__cert {
    margin-top: 40px;
}

.footer__cert img {
    display: inline-block;
    height: 100px;
}


/* Нижняя полоса ============================================================ */

.footer__bottom {
    padding: 30px 0;
    background: rgba(0, 0, 0, 0.1);
    font-size: 12px;
    line-height: 25px;
}

@media (min-width: 768px) {
    .footer__copyright,
    .footer__langs {
        width: 50%;
    }
}

.footer__langs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footer__langs span {
    margin-right: 15px;
}

.footer__lang {
    margin-left: 10px;
}

.footer__lang img {
    display: block;
    width: 25px;
    height: 25px;
}

.footer__privacy p {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid var(--color-text-muted);
    color: var(--color-gray);
    line-height: 1.5;
}

.footer__privacy a {
    color: var(--color-gray);
    text-decoration: underline;
}


/* Мобильный ================================================================ */

@media (max-width: 767px) {
    .footer__main {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .footer__col--logo {
        margin-bottom: 40px;
        text-align: center;
    }

    .footer__col--contacts {
        margin-top: 30px;
        text-align: center;
    }

    .footer__social {
        justify-content: center;
    }

    .footer__bottom {
        padding-left: 40px;
        padding-right: 40px;
        text-align: center;
    }

    .footer__langs {
        justify-content: center;
        margin-top: 25px;
    }

    .footer__langs span {
        display: none;
    }
}

/* End */


/* Start:/local/templates/formacia/css/home.css?179178387620845*/
/* Главная страница: слайдер, продукция и секции hs-*. */


/* Общее ==================================================================== */

.pagetype--index .allcontent {
    padding-top: 0;
}

.pagetype--index h1 {
    font-size: 32px;
    font-weight: bold;
    padding-right: 80px;
    margin-bottom: 30px;
}

section[class*="hs-"] {
    padding: 50px 0 60px;
}

[class*="hs-"] h1, [class*="hs-"] h2, [class*="hs-"] h3, [class*="hs-"] h4 {
    padding-top: 0;
    margin-top: 0;
}

[class*="hs-"] h2 {
    font-size: 32px;
    font-weight: 300;
}

[class*="hs-"] h4 {
    font-weight: bold;
    text-transform: none;
    font-size: 14px;
}

/* Адаптив */
@media (max-width: 767px) {
    .pagetype--index h1 {
        text-align: center;
        padding: 0 20px;
        font-size: 24px;
    }
}


/* Слайдер ================================================================== */

.hp-slider {
    --slide-height: 320px;
    margin-bottom: 90px;
}

.hp-slider .carousel-cell {
    position: relative;
    width: 100%;
    height: var(--slide-height);
    margin-top: 0;
    margin-right: 10px;
    opacity: 0.25;
    background-size: cover;
    background-position: center center;
    transition: margin-top 0.4s linear;
}

.hp-slider .carousel-cell.is-selected {
    opacity: 1;
    margin-top: 0;
    overflow: hidden;
}

.hp-slider .carousel-cell.is-selected::after {
    display: block;
    position: absolute;
    top: 0;
    content: '';
    width: 60%;
    margin-left: -10%;
    height: 100%;
    background: rgba(29, 47, 173, .7);
    transform: skewX(-12deg);
    z-index: 200;
}

.hp-slider .carousel-cell__bg {
    position: absolute;
    top: 0;
    left: 0;
}

/* До запуска Flickity виден только первый слайд: иначе слайды стоят столбиком и страница прыгает */
.hp-carousel:not(.flickity-enabled) .carousel-cell:not(:first-child) {
    display: none;
}

.hp-carousel:not(.flickity-enabled) .carousel-cell {
    margin-left: auto;
    margin-right: auto;
}

/* Текст слайда */
.hp-slider .carousel-cell__container {
    position: relative;
    height: 100%;
}

.hp-slider .carousel-cell__content {
    display: none;
    position: absolute;
    top: 40px;
    left: 40px;
    color: #fff;
    z-index: 250;
}

.hp-slider .carousel-cell.is-selected .carousel-cell__content {
    display: block;
}

.carousel-cell__title {
    margin-bottom: 35px;
}

.carousel-cell__title a {
    color: #fff;
    font-weight: 900;
    font-size: 24px;
    line-height: 1.5;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, .4);
    padding-bottom: 4px;
}

.carousel-cell__subtitle {
    font-weight: 600;
    margin-bottom: 35px;
}

a.carousel-cell__button {
    text-decoration: none;
}

.carousel-cell__button {
    display: inline-block;
    padding: 15px 35px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    background: rgba(255, 255, 255, .4);
    border-radius: 5px;
    transition: .2s;
}

.carousel-cell__button:hover {
    color: #fff;
    background: rgba(255, 255, 255, .6);
}

/* Flickity: окно, стрелки, точки */
.hp-slider .flickity-viewport {
    height: var(--slide-height) !important;
}

.hp-slider .flickity-prev-next-button {
    display: none;
    width: 90px;
    height: 35px;
    border-radius: 0;
    border: 2px solid #fff;
    background: none;
    left: auto !important;
    right: 50% !important;
    bottom: 25px;
    top: auto;
    transform: skewX(-12deg);
    z-index: 100;
}

.hp-slider .flickity-prev-next-button .arrow {
    fill: #fff;
}

.hp-slider .flickity-prev-next-button:hover {
    background: rgba(255, 255, 255, .4);
}

.hp-slider .flickity-prev-next-button.previous {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 7px;
    border-right: 0;
}

.hp-slider .flickity-prev-next-button.next {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.hp-slider .flickity-page-dots {
    bottom: -25px;
}

.hp-slider .flickity-page-dots .dot {
    width: 5%;
    height: 5px;
    border-radius: 0;
    margin: 0 2px;
}

/* Адаптив */
@media (max-width: 767px) {
    .hp-slider {
        margin-bottom: 70px;
    }

    .hp-slider .flickity-viewport {
        width: 100%;
    }

    .hp-slider .carousel-cell__content {
        right: 40px;
    }

    .hp-slider .carousel-cell.is-selected::after {
        transform: none;
        margin-left: 0;
        width: 100%;
    }

    .hp-slider .flickity-page-dots .dot {
        width: 8%;
        height: 7px;
    }
}

@media (min-width: 768px) {
    .hp-slider .carousel-cell {
        width: 750px;
        margin-top: -60px;
    }

    .hp-slider .carousel-cell__content {
        top: 70px;
    }
}

@media (min-width: 992px) {
    .hp-slider {
        --slide-height: 380px;
    }

    .hp-slider .carousel-cell {
        width: 970px;
    }

    .hp-slider .flickity-prev-next-button {
        display: block;
    }

    .hp-slider .flickity-prev-next-button.previous {
        margin-right: 32px;
    }

    .hp-slider .flickity-prev-next-button.next {
        margin-right: -57px;
    }

    .hp-slider .carousel-cell__content {
        left: 50px;
    }

    .hp-slider .carousel-cell__title a {
        font-size: 28px;
    }

    .hp-slider .carousel-cell__subtitle {
        margin-bottom: 50px;
    }

    .hp-slider .carousel-cell__button {
        padding: 17px 40px;
    }
}

@media (min-width: 1200px) {
    .hp-slider {
        --slide-height: 420px;
    }

    .hp-slider .carousel-cell {
        width: 1170px;
        margin-top: -80px;
    }

    .hp-slider .flickity-prev-next-button.previous {
        margin-right: 35px;
    }

    .hp-slider .flickity-prev-next-button.next {
        margin-right: -53px;
    }

    .hp-slider .carousel-cell__content {
        top: 80px;
    }

    .hp-slider .carousel-cell__title a {
        font-size: 32px;
        line-height: 1.7;
    }
}

/* Слайдер до 1450px шириной с запасом по краям — отдельная ступень, не 1200 */
@media (min-width: 1550px) {
    .hp-slider {
        --slide-height: 480px;
    }

    .hp-slider .carousel-cell {
        width: 100%;
        min-width: 1170px;
        max-width: 1450px;
        margin-top: -100px;
    }

    .hp-slider .flickity-prev-next-button.previous {
        margin-right: 41px;
    }

    .hp-slider .flickity-prev-next-button.next {
        margin-right: -47px;
    }

    .hp-slider .carousel-cell__content {
        left: 0;
        top: 100px;
    }
}

@media (min-width: 1780px) {
    .hp-slider .carousel-cell {
        max-width: 1650px;
    }
}


/* Продукция ================================================================ */

section.hp-products {
    position: relative;
    margin-bottom: 50px;
}

.hp-products > .container-fluid {
    max-width: 1300px;
}

.hp-products [class*="col-xs-"] {
    padding: 3px;
}

a.hp-products-item {
    text-decoration: none;
}

.hp-products-item {
    display: block;
    height: 285px;
    color: #fff;
    position: relative;
    transition: all 0.2s linear;
    border-radius: 7px;
    overflow: hidden;
}

.hp-products-item:hover {
    transform: scale(1.06);
    z-index: 2;
    color: #fff;
    box-shadow: 0 4px 26px rgba(0, 0, 0, 0.2);
}

/* Картинка карточки: фон, размер и положение задаёт модификатор */
.hp-products-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hp-products-item__title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px 65px 30px 35px;
    font-weight: 300;
    font-size: 20px;
    width: 100%;
    height: 100%;
    line-height: 1.3;
}

.hp-products-item__benefits {
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    margin: 15px 0 0;
}

/* Категории */
.hp-products-item--alum {
    background: linear-gradient(135deg, #2f67ff 0%, #44d4ff 100%);
}

.hp-products-item--alum::before {
    background: url('/images/hp-products-alum.webp') bottom -30px right -120px / 335px auto no-repeat;
}

.hp-products-item--paper {
    background: linear-gradient(135deg, #fe7a15 0%, #ffcf1e 100%);
}

.hp-products-item--paper::before {
    background: url('/images/hp-products-paper.webp') bottom -50px right -100px / 335px auto no-repeat;
}

.hp-products-item--wok {
    background: linear-gradient(135deg, #7faf28 0%, #95cb30 100%);
}

.hp-products-item--wok::before {
    background: url('/images/hp-products-wok.webp') bottom -120px right -40px / 270px auto no-repeat;
}

.hp-products-item--accs {
    background: linear-gradient(135deg, #3e63a5 0%, #5183b7 100%);
}

.hp-products-item--accs::before {
    background: url('/images/hp-products-lids.webp') bottom -45px right -50px / 255px auto no-repeat;
}

/* Большие карточки: стаканы и «с вашим логотипом» */
.hp-products-item--cups,
.hp-products-item--custom {
    height: 340px;
}

.hp-products-item--cups:hover,
.hp-products-item--custom:hover {
    transform: none;
    box-shadow: none;
    z-index: inherit;
}

.hp-products-item--cups {
    background: linear-gradient(135deg, #b78539 0%, #e2aa53 100%);
    overflow: visible;
}

.hp-products-item--cups .hp-products-item__title {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    padding: 40px 65px 20px 45px;
}

.hp-products-item--cups a {
    text-decoration: none;
    color: #fff;
}

.hp-products-item__cupslist {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 45px;
    margin: 0;
    max-width: 360px;
    list-style: none;
    column-count: 2;
}

.hp-products-item__cupslist li {
    margin-bottom: 5px;
}

.hp-products-item__image--cups {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 96%;
}

.hp-products-item--custom {
    background: url('/images/hp-products-custom.jpg') bottom -5px right no-repeat;
}

.hp-products-item--custom .hp-products-item__title {
    padding-top: 40px;
    padding-left: 45px;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.12) 0%, transparent 100%);
}

.hp-products-item--custom span {
    display: block;
    font-weight: bold;
    margin-top: 5px;
}

/* Адаптив */
@media (max-width: 767px) {
    .hp-products [class*="col-xs-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .hp-products-item {
        height: 120px;
    }

    .hp-products-item:hover {
        transform: none;
        box-shadow: none;
    }

    .hp-products-item__title {
        padding: 20px 170px 20px 25px;
    }

    .hp-products-item--alum::before {
        background-size: 280px auto;
        background-position: bottom -25px right -120px;
    }

    .hp-products-item--paper::before {
        background-size: 250px auto;
        background-position: bottom -45px right -90px;
    }

    .hp-products-item--wok::before {
        background-size: 200px auto;
        background-position: bottom -90px right -40px;
    }

    .hp-products-item--accs::before {
        background-size: 200px auto;
        background-position: bottom -45px right -40px;
    }

    .hp-products-item--cups {
        height: 280px;
    }

    .hp-products-item--cups .hp-products-item__title {
        padding: 25px 50px 30px 25px;
    }

    .hp-products-item__cupslist {
        padding-left: 25px;
        max-width: 320px;
    }

    .hp-products-item__cupslist li {
        margin-bottom: 7px;
    }

    .hp-products-item__image--cups {
        bottom: -20px;
        max-width: 90%;
    }

    .hp-products-item--custom {
        height: 250px;
        margin-top: 40px;
        background-size: cover;
        background-position: bottom right;
    }

    .hp-products-item--custom .hp-products-item__title {
        padding: 25px;
    }
}


/* Видео ==================================================================== */

section.hs-video {
    background: #fff;
    margin-top: -150px;
    padding-top: 240px;
    padding-bottom: 220px;
}

.hs-video__preheader {
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--color-gray-light);
}

.homepage-video {
    width: 80%;
    height: calc(100% - 60px);
    position: absolute;
    top: 0;
    right: 15px;
    margin-right: 10px;
    z-index: 1;
}

.homepage-video::before {
    display: block;
    content: '';
    position: absolute;
    right: -10px;
    bottom: -20px;
    background: var(--color-primary);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.homepage-video__play {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -55px;
    left: 50%;
    margin-left: -55px;
    width: 110px;
    height: 110px;
    border: 5px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    opacity: .8;
    transition: .4s;
    color: #fff;
    font-size: 38px;
}

.homepage-video__play::before {
    opacity: inherit;
    position: absolute;
    margin-left: 4px;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

.homepage-video__play:hover {
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: -70px;
    font-size: 42px;
    opacity: 1;
}

/* Адаптив */
@media (max-width: 767px) {
    section.hs-video {
        padding-top: 160px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .hs-video__preheader,
    .hs-video p:last-of-type {
        text-align: center;
    }

    .homepage-video {
        position: relative;
        right: 0;
        margin: 0 auto;
        width: 100%;
        height: 250px;
    }

    .homepage-video::before {
        display: none;
    }
}


/* Решения ================================================================== */

section.hs-solutions {
    background: #2d2e32;
    color: #fff;
    position: relative;
    margin-top: -120px;
    padding-top: 70px;
    padding-bottom: 40px;
    border-radius: 10px;
}

.hs-solutions-item {
    height: 240px;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

.hs-solutions-item a::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 50%, rgba(35, 51, 168, 0.78) 100%);
    z-index: 10;
}

.hs-solutions-item--title a::before,
.hs-solutions-item--all a::before {
    display: none;
}

.hs-solutions-item--title {
    background: none;
    font-weight: 300;
    font-size: 24px;
}

.hs-solutions-item__image {
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

.hs-solutions-item a:hover .hs-solutions-item__image {
    transform: scale(1.1);
}

.hs-solutions-item__title {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    z-index: 15;
}

.hs-solutions-item--all {
    background: none;
}

.hs-solutions-item--all a {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    border-color: #fff;
}

/* Адаптив */
@media (max-width: 767px) {
    .hs-solutions-item {
        height: 160px;
    }

    .hs-solutions-item--title {
        font-size: 22px;
    }
}


/* Новости и статьи ========================================================= */

section.hs-news {
    padding-top: 100px;
    padding-bottom: 10px;
}

section.hs-news .carousel-cell {
    padding: 10px;
    height: auto;
    max-height: 400px;
}

section.hs-news .tabs__pane--news .carousel-cell {
    max-height: 350px;
}

section.hs-news .articles-item__content {
    padding-left: 15px;
    padding-right: 15px;
}

section.hs-news .articles-item__date {
    position: relative;
    margin-bottom: 20px;
    bottom: auto;
    left: auto;
}

section.hs-news .articles-item__image {
    height: 46%;
}


/* Причины выбрать нас ====================================================== */

section.hs-reasons {
    padding-top: 80px;
    padding-bottom: 60px;
}

.hs-reasons__title {
    padding-left: 125px;
    position: relative;
    font-weight: 300;
    font-size: 34px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.hs-reasons__title::after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 125px;
    width: 60px;
    height: 3px;
    background: #cf303a;
}

.hs-reasons__6reasons {
    display: block;
    font-weight: 900;
    font-size: 24px;
    color: #3745b0;
    margin-bottom: 7px;
}

.hs-reasons__6reasons > span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 145px;
    line-height: 120px;
}

.hs-reasons__item {
    padding-bottom: 30px;
}

/* Заголовок без большой цифры */
.hs-reasons__title--lang {
    padding-left: 0;
}

.hs-reasons__title--lang::after {
    left: 0;
}

.hs-reasons__title--lang .hs-reasons__6reasons {
    display: inline;
    font-size: inherit;
}

/* Адаптив */
@media (max-width: 767px) {
    .hs-reasons__title {
        font-size: 22px;
    }
}


/* Наша продукция =========================================================== */

section.hs-ourproducts {
    color: #fff;
    background: linear-gradient(to right, var(--color-primary) 0%, var(--color-primary) 50%, #2d2d2d 50%, #2d2d2d 100%);
    z-index: 100;
    position: relative;
    padding-top: 80px;
    padding-bottom: 70px;
    border-radius: 10px;
}

.hs-ourproducts > .container > .row {
    display: flex;
}

.hs-ourproducts__text {
    background: var(--color-primary);
    padding-right: 70px;
}

.hs-ourproducts__text h2 {
    margin-bottom: 50px;
}

.hs-ourproducts__images {
    background: #2d2d2d;
    padding-right: 0;
    order: 1;
}

.hs-ourproducts__images > .container-fluid {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.hs-ourproducts__images .img-row--first,
.hs-ourproducts__images .img-row--second {
    height: calc(50% - 15px);
}

.hs-ourproducts__images .img-row--first > div,
.hs-ourproducts__images .img-row--second > div {
    height: 100%;
}

/* Преимущества */
.benefits-item {
    position: relative;
    margin-top: 30px;
    margin-bottom: 10px;
}

.benefits-item__icon {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 45px;
    width: 45px;
}

.benefits-item__icon img {
    width: 100%;
    height: 100%;
    padding: 0;
}

.benefits-item__content {
    display: inline-block;
    padding-left: 85px;
}

.benefits-item__content h4 {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: none;
}

.benefits-item__content p {
    margin: 0;
    padding: 0;
}


/* Контакт ================================================================== */

section.hs-contact {
    background-color: var(--color-primary);
    color: #fff;
    padding-top: 215px;
}

.hs-contact__photo {
    display: block;
    width: 100%;
    max-width: 180px;
    height: auto;
    border-radius: 50%;
}

.hs-contact__name {
    display: block;
    margin-top: 10px;
    text-align: center;
    width: 180px;
    font-weight: bold;
}

.hs-contact__name span {
    display: block;
    font-weight: normal;
    font-size: 13px;
}

/* Адаптив */
@media (max-width: 767px) {
    section.hs-contact {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 40px;
    }

    .hs-contact__photo {
        margin: 0 auto;
        max-width: 150px;
    }

    .hs-contact__name {
        margin: 0 auto 30px;
    }

    .hs-contact h2 {
        text-align: center;
    }
}


/* Слайдер клиентов ========================================================= */

section.hs-clients {
    padding: 30px 0;
}

.hs-clients__title {
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.6;
}

.hs-clients-slider-container {
    border-left: 2px solid var(--color-primary);
    padding-left: 30px;
}

.hs-clients-slider__item {
    height: 80px;
    overflow: hidden;
    position: relative;
}

.hs-clients-slider__item img {
    padding: 0 27px;
    position: relative;
    top: 0;
    left: 0;
}

.hs-clients-slider__item a:hover img {
    top: -80px;
}

/* Адаптив */
@media (max-width: 767px) {
    section.hs-clients {
        padding-top: 50px;
    }

    .hs-clients__title {
        text-align: center;
        margin-bottom: 30px;
    }

    .hs-clients-slider-container {
        border-left: 0;
    }
}

/* End */


/* Start:/local/templates/formacia/css/catalog.css?179178387622279*/
/* Каталог: вводный блок, фильтр, сортировка, список товаров, оптовый заказ. */


/* Вводный блок каталога ==================================================== */

.catalog-intro {
    min-height: 390px;
    background: grey;
    padding: 83px 60px 30px;
    margin-bottom: 40px;
    margin-top: -70px;
    position: relative;
}

.catalog-intro__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.catalog-intro__imagemask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(31, 38, 90, 0.9) 0%, rgba(31, 38, 90, 0.4) 100%);
}

.catalog-intro h1 {
    margin-top: 0;
    margin-bottom: 30px;
    color: #fff;
    display: block;
    position: relative;
}

.catalog-intro__text {
    color: #fff;
    position: relative;
    line-height: 1.5;
    max-width: 85%;
}

.catalog-intro .b-btn {
    margin-top: 30px;
    position: relative;
}

/* Адаптив */
@media (max-width: 767px) {
    .catalog-intro {
        margin-left: -15px;
        margin-right: -15px;
        padding: 70px 30px 50px;
    }

    .catalog-intro__text {
        max-width: none;
    }
}


/* Фильтр =================================================================== */

.catalog-filter {
    margin-bottom: 40px;
    box-shadow: 0 17px 7px -11px rgba(149, 196, 253, 0.31);
}

.catalog-filter__content {
    background: #fff;
    display: none;
    text-align: left;
    font-size: 12px;
    overflow: hidden;
    position: relative;
}

.catalog-filter__content a {
    text-decoration: none;
}

.catalog-filter__content input {
    float: none;
}

.catalog-filter__content label {
    min-height: 0;
}

.catalog-filter__content input[type="text"] {
    padding: 3px;
    border: 1px solid var(--color-gray-light);
    width: 60px;
}

.filter-opener {
    display: block;
    font-size: 12px;
    padding: 20px 25px;
    background-color: #fff;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}

.filter-opener::before {
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    right: 25px;
}

.filter-opener__opened::before {
    transform: rotate(-180deg);
}

/* Поля */
.catalog-filter__fields {
    overflow: hidden;
    padding: 20px;
}

.filter-field {
    display: inline-block;
    float: left;
    margin-bottom: 25px;
}

.filter-field--vertical {
    width: 25%;
    padding-right: 15px;
}

.filter-field--horizontal {
    display: block;
    width: 100%;
}

.filter-field--horizontal .filter-field__inputs .column {
    float: left;
    width: 50%;
}

.filter-field--vertical .filter-field__checkbox,
.filter-field--vertical .filter-field__radio {
    display: block;
    overflow: hidden;
}

.filter-field--horizontal .filter-field__checkbox,
.filter-field--horizontal .filter-field__radio {
    display: inline-block;
}

.filter-field--horizontal .column .filter-field__checkbox,
.filter-field--horizontal .column .filter-field__radio {
    display: block;
    overflow: hidden;
}

.filter-field__header {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 11px;
}

/* Подвал с кнопками */
.catalog-filter__footer {
    width: 100%;
    overflow: hidden;
    padding: 15px 20px;
    background: var(--color-bg-muted);
}

.catalog-filter__buttons {
    float: right;
    margin-top: 8px;
}

.catalog-filter__btn {
    height: 40px;
    width: 140px;
    display: inline-block;
    background: var(--color-gray-light);
    border: 0;
    line-height: 40px;
    text-align: center;
    font-family: inherit;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
}

/* Сброс — ссылка: состояния нужны против a:hover/:focus из bootstrap */
.catalog-filter__btn,
.catalog-filter__btn:hover,
.catalog-filter__btn:focus {
    color: #fff;
}

.catalog-filter__btn--submit {
    margin-right: 10px;
}

/* Адаптив */
@media (max-width: 767px) {
    .filter-field--vertical {
        width: 50%;
    }

    .catalog-filter input[type="text"] {
        padding: 5px 3px;
        font-size: 14px;
    }

    .catalog-filter__btn {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .catalog-filter__buttons {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
}


/* Сортировка =============================================================== */

.sort-switch {
    position: relative;
    float: right;
    margin-bottom: 10px;
    white-space: nowrap;
}

.sort-switch__current {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border: 0;
    background: none;
    color: var(--color-text-muted);
    font-size: 13px;
    cursor: pointer;
}

.sort-switch__current b {
    color: var(--color-text);
}

.sort-switch__caret {
    margin-left: 5px;
    font-size: 0.7em;
    transition: transform 0.2s;
}

.sort-switch__current[aria-expanded="true"] .sort-switch__caret {
    transform: rotate(180deg);
}

.sort-switch__list {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: var(--z-header-dropdown);
    min-width: 100%;
    padding: 5px 0;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    font-size: 14px;
}

.sort-switch.is-open .sort-switch__list {
    display: block;
}

.sort-switch .sort-switch__item,
.sort-switch .sort-switch__item:focus {
    display: block;
    padding: 8px 15px;
    color: var(--color-text);
    text-decoration: none;
}

.sort-switch__item:hover {
    background: var(--color-bg-topmenu);
    color: var(--color-text);
    text-decoration: none;
}

.sort-switch .sort-switch__item--current,
.sort-switch .sort-switch__item--current:hover {
    color: var(--color-primary);
    font-weight: bold;
}

.sort-switch__dir {
    margin-left: 3px;
    font-size: 0.85em;
}

/* Иконка — стрелка вправо, поворачиваем ::before (рисунок маской в icons.css) */
.sort-switch__dir--asc::before {
    transform: rotate(-90deg);
}

.sort-switch__dir--desc::before {
    transform: rotate(90deg);
}


/* Картинка над таблицей товаров ============================================ */

.catalog__banner {
    text-align: center;
    margin-bottom: 30px;
}

.catalog__banner img {
    max-width: 100%;
    max-height: 280px;
}


/* Список товаров =========================================================== */

.p-catalog a {
    text-decoration: none;
}

/* Цвета категорий */
/* Поле «Цвет» (UF_COLOR) в «Структуре каталога»: полоса у заголовков групп и в меню /order/ */
.p-catalog-header--blue, .orderpage__topcategory--blue { --category-color: #00bdff; }
.p-catalog-header--orange, .orderpage__topcategory--orange { --category-color: #ff8b00; }
.p-catalog-header--gold, .orderpage__topcategory--gold { --category-color: #d2aa00; }
.p-catalog-header--red, .orderpage__topcategory--red { --category-color: #c75a00; }
.p-catalog-header--darkblue, .orderpage__topcategory--darkblue { --category-color: #3e63a5; }
.p-catalog-header--navy, .orderpage__topcategory--navy { --category-color: #160881; }
.p-catalog-header--green, .orderpage__topcategory--green { --category-color: #84b52b; }
.p-catalog-header--ser, .orderpage__topcategory--ser { --category-color: var(--color-gray); }

/* Заголовок группы */
.p-catalog-header {
    font-size: 11px;
    color: #fff;
    background-color: var(--color-gray);
    border-left: 10px solid var(--category-color);
    position: relative;
    padding: 15px 55px 15px 25px;
    text-transform: uppercase;
    margin-top: 20px;
}

.p-catalog-header a {
    color: #fff;
    text-decoration: none;
}

.p-catalog-header span {
    display: block;
    font-weight: 300;
    font-size: 16px;
    text-transform: none;
}

.p-catalog-header__infolink {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
}

.p-catalog-header__infolink:hover {
    background: rgba(0, 0, 0, 0.2);
}

.p-catalog-header__infolink::before {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
}

/* Карточка товара */
.p-item {
    margin-top: 10px;
    padding: 15px 20px;
    position: relative;
    background: #fff;
    transition: box-shadow .3s;
}

.p-item:last-child {
    margin-bottom: 0;
}

.p-item:hover {
    box-shadow: 0 5px 11px 2px rgba(149, 196, 253, 0.31);
}

.p-item__image {
    position: relative;
    text-align: center;
}

.p-item__image img {
    width: 100%;
    height: auto;
    border: 0;
}

/* flow-root удерживает плавающие кнопки действий внутри блока */
.p-item__details {
    position: relative;
    display: flow-root;
}


@media (min-width: 768px) {
    .p-item__row {
        display: grid;
        grid-template-columns: 25% minmax(0, 1fr);
        column-gap: 30px;
    }
}


.p-item__code {
    margin-bottom: 12px;
    font-weight: bold;
}

.p-item__code__link-articul {
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
}

.p-item__quantity,
.p-item__krishka {
    font-size: 11px;
    margin-top: 15px;
    text-transform: uppercase;
}

.p-item__quantity {
    display: inline-block;
    margin-right: 60px;
}

.p-item__quantity span {
    font-weight: bold;
    text-transform: none;
}

/* Flex — чтобы иконки встали по центру подписи и пробелы из разметки не давали разных отступов */
.p-item__krishka {
    display: inline-flex;
    align-items: center;
}

/* Тип крышки: цветной круг со знаком материала, цвета вшиты в SVG */
.p-item__krishkatype {
    display: inline-block;
    flex: none;
    width: 21px;
    height: 21px;
    margin-left: 5px;
    vertical-align: middle;
    background: center / contain no-repeat;
}

.p-item__krishkatype--plastic { background-image: url('/images/lid-types/plastic.svg'); }
.p-item__krishkatype--paper { background-image: url('/images/lid-types/paper.svg'); }
.p-item__krishkatype--aluminium { background-image: url('/images/lid-types/aluminium.svg'); }
.p-item__krishkatype--cardboard-aluminium { background-image: url('/images/lid-types/cardboard-aluminium.svg'); }
.p-item__krishkatype--cardboard-pe { background-image: url('/images/lid-types/cardboard-pe.svg'); }

/* Размеры */
.p-item__dimensions {
    margin-top: 10px;
}

.p-item__dimensions > div {
    display: inline-block;
    min-width: 70px;
    padding: 25px 5px 0;
    background-position: center top;
    transform: translateZ(0);
    font-family: var(--font-condensed);
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.p-item__dimensions__verkh-vnesh { background: url('/images/dimension-topwidth.svg') left center no-repeat; }
.p-item__dimensions__verkh-vnut { background: url('/images/dimension-insidewidth.svg') left center no-repeat; }
.p-item__dimensions__dnox { background: url('/images/dimension-bottomwidth.svg') no-repeat; }
.p-item__dimensions__vysota { background: url('/images/dimension-height.svg') no-repeat; }

.p-item__dimensions__obem {
    background: url('/images/dimension-volume.svg') no-repeat;
    padding: 0;
    margin-right: 20px;
}

.p-item__dimensions > .p-item__dimensions__obem {
    min-width: 20px;
}

.p-catalog--smalltable .p-item__dimensions__obem {
    margin-right: 10px;
}

/* Плашка «Новинка» */
.p-item__badge {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.p-item__badge span {
    display: block;
    position: absolute;
    top: 19px;
    left: -21px;
    width: 100px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    background: #ff1b1c;
    box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.07);
}

.p-item__badge span::before,
.p-item__badge span::after {
    content: "";
    position: absolute;
    top: 100%;
    z-index: -1;
    border-width: 3px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #943232;
}

.p-item__badge span::before {
    left: 0;
    border-left-color: #943232;
}

.p-item__badge span::after {
    right: 0;
    border-right-color: #943232;
}

/* Плашка «Био» */
.p-item__badge--bio span { background: #1cbb31; }
.p-item__badge--bio span::before, .p-item__badge--bio span::after { border-top-color: #0e6e0e; }
.p-item__badge--bio span::before { border-left-color: #0e6e0e; }
.p-item__badge--bio span::after { border-right-color: #0e6e0e; }

/* Избранное */
.p-item__favorites {
    position: absolute;
    bottom: 15px;
    left: 0;
}

.add-favorites.ico-star {
    text-decoration: none;
    display: block;
}

.add-favorites.ico-star::before {
    font-size: 21px;
    font-weight: bold;
    opacity: .5;
    transition: all 0.25s;
    display: inline-block;
    vertical-align: middle;
}

.add-favorites.ico-star:hover::before {
    color: var(--color-primary);
}

.add-favorites.ico-star span {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
}

@keyframes blink-animation {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    to { transform: scale(1); }
}

.add-favorites.ico-star.is-active {
    --ico: url(/images/ico/star-filled.svg);
}

.add-favorites.ico-star.is-active::before {
    opacity: 1;
    animation: blink-animation 0.2s ease-out;
}

/* Кнопки действий */
.p-item__actions {
    margin-top: 15px;
}

.p-item__actionlink {
    display: inline-block;
    float: left;
    height: 40px;
    padding: 0 13px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    background: #4a62b5;
    color: #fff;
    border: 0;
}

a.p-item__actionlink {
    text-decoration: none;
}

.p-item__actionlink:hover {
    color: #fff;
    background-color: #2d75f9;
}

.p-item__actionlink--opt,
.p-item__actionlink--samples,
.p-item__actionlink--shop {
    border-right: 1px solid #fff;
}

.p-item__actionlink--opt {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.p-item__actionlink--shop {
    background: #003ea6;
}

.p-item__actionlink--shop i {
    font-weight: normal;
    margin-right: 15px;
    font-size: 16px;
    vertical-align: middle;
}

.p-item__actionlink:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right-width: 0;
}

/* На случай, если кнопка одна */
.p-item__actionlink:first-of-type {
    border-right-width: 1px;
}

/* Количество в коробке и счётчик */
.p-item__order {
    float: right;
    text-align: right;
}

.p-item__box {
    margin-bottom: 15px;
    font-size: 12px;
}

.p-item__box span {
    font-weight: bold;
}

.p-item__counter {
    display: inline-block;
    float: right;
}

.p-item__counter span {
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 4px;
}

/* Адаптив */
@media (max-width: 767px) {
    .p-item__image {
        height: 190px;
        text-align: left;
    }

    .p-item__image img {
        height: 100%;
        width: auto;
    }

    .p-item__details {
        position: unset;
    }

    .p-item__code {
        font-size: 16px;
    }

    .p-item__krishka {
        display: flex;
        margin-left: 0;
        margin-top: 10px;
    }

    .p-item__dimensions {
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .p-item__dimensions > div {
        font-size: 12px;
        display: block;
        padding-bottom: 5px;
    }

    .p-item__dimensions__obem {
        margin-right: 0;
    }

    /* !important нужен: на карточке товара его перебивает .page-product__details .p-item__dimensions > div (product.css) */
    .p-item__dimensions__verkh-vnut {
        display: none !important;
    }

    .p-item__actions {
        margin-top: 25px;
    }

    .p-item__actionlink {
        font-size: 13px;
    }

    .p-item__actionlink--opt,
    .p-item__actionlink--samples {
        width: 50%;
        height: auto;
        line-height: 1.1;
        padding: 15px;
    }

    .p-item__actionlink--opt {
        margin-left: 0;
    }

    .p-item__actionlink--samples {
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-right-width: 0;
    }

    .p-item__actionlink--shop {
        display: block;
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
        width: 100%;
        border-radius: 3px;
    }
}


/* Оптовый заказ: количество и панель корзины =============================== */

.prod-qty__input {
    width: 50px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid var(--color-gray-light);
    font-family: var(--font-main);
}

.prod-qty__btn {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: var(--color-gray-light);
    font-size: 14px;
    text-align: center;
    line-height: 35px;
}

.prod-qty__btn,
.prod-qty__btn:hover,
.prod-qty__btn:focus {
    color: #fff;
}

.prod-qty__btn:hover {
    background-color: var(--color-gray);
}

.prod-qty__btn:active {
    box-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.12);
}

.prod-qty__plus {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    float: right;
}

.prod-qty__minus {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
}

/* Панель заказа */
.prodorder-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    max-height: 10px;
    background: rgba(236, 60, 61, .9);
    width: 100%;
    z-index: 999;
    transition: all .3s;
}

.prodorder-panel--opened {
    max-height: 400px;
}

.prodorder-panel > .container {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.prodorder-panel__title {
    color: #fff;
    background: rgba(236, 60, 61, .9);
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 40px;
    position: absolute;
    left: 15px;
    height: 40px;
    line-height: 40px;
    top: -40px;
    cursor: pointer;
}

.prodorder-panel__title::before {
    float: right;
    font-weight: normal;
    font-size: 13px;
    margin-left: 20px;
    transition: all .3s;
}

.prodorder-panel--closed .prodorder-panel__title::before {
    transform: rotate(180deg);
}

.prodorder-panel__text {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding: 0 30px;
    max-width: calc(100% - 365px);
}

a.prodorder__cartitem,
a.prodorder__cartitem:hover,
a.prodorder__cartitem:focus {
    color: #fff;
    text-decoration: none;
}

.prodorder-panel__buttonarea {
    display: inline-block;
    float: right;
    padding-right: 30px;
}

.b-btn--prodorder {
    float: right;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 150px;
    margin-bottom: 0;
    margin-right: 10px;
}

.b-btn--prodorder:first-of-type {
    margin-right: 0;
}

/* Адаптив */
@media (max-width: 767px) {
    .prodorder-panel__text {
        display: block;
        margin-bottom: 25px;
        max-width: 100%;
    }

    .prodorder-panel__buttonarea {
        display: block;
        padding-right: 0;
        text-align: center;
        float: none;
    }

    .b-btn--prodorder {
        float: none;
    }

    .b-btn--prodorder:first-of-type {
        margin-right: 10px;
    }

    .b-btn--prodorder:last-of-type {
        margin-right: 0;
    }
}


/* Страница заказа ========================================================== */

.orderpage__menulist {
    display: block;
    margin-top: 20px;
    list-style: none;
    font-size: 13px;
    padding: 10px 0 20px 10px;
    background: #fff;
}

.orderpage__menulist li {
    font-size: 11px;
    padding: 2px 5px 2px 10px;
}

/* Цвет полосы — из «Цветов категорий» в разделе «Список товаров» */
.orderpage__menulist li.orderpage__topcategory {
    font-size: 13px;
    margin-top: 12px;
    font-weight: bold;
    border-left: 3px solid var(--category-color);
}

.orderpage__menulist li.current {
    background: var(--color-bg-light);
}

.orderpage__menulist li a {
    text-decoration: none;
}

/* Адаптив */
@media (min-width: 768px) {
    .orderpage__menu {
        position: sticky;
        top: 0;
    }
}


/* SEO-текст ================================================================ */

.seo_text {
    text-align: left;
    margin-top: 50px;
}

.seo_text h2 {
    color: var(--color-text);
    padding: 0;
    margin-top: 20px;
}


/* Как пользоваться алюминиевыми формами ==================================== */

.advices {
    margin-bottom: 30px;
    margin-top: 30px;
}

.advice_name {
    background: linear-gradient(to bottom, #0a9bff 0%, #0864ce 100%);
    padding: 15px;
    color: #fff;
    position: relative;
    z-index: 3;
}

.advice_name h2 {
    border-bottom: 1px solid #0063d3;
    margin: 0;
    padding-bottom: 5px;
    font-size: 18px;
    font-weight: 800;
    color: #fff;
}

.advice_name p {
    border-top: 1px solid #37a5ff;
    margin: 0;
    padding-top: 5px;
    font-size: 14px;
    text-transform: none;
}

.advice {
    background-color: #f8f8f3;
    color: var(--color-text-soft);
    text-transform: none;
    margin-top: -8px;
    padding-top: 7px;
}

.advice p {
    margin: 0 15px;
    padding: 10px 0;
    font-size: 13px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid var(--color-border);
}

.advice p:last-child {
    border-bottom: 0;
}

/* End */


/* Start:/local/templates/formacia/css/product.css?17917838767952*/
/* Карточка товара. */

.page-product__info {
    background: #fff;
    padding: 0 30px 50px 30px;
    margin-bottom: 30px;
}

.page-product__info .p-item__dimensions > div {
    padding-left: 0 !important;
    font-size: 14px;
    background: none;
}

.page_product__image {
    display: block;
    position: relative;
}

.page_product__image--notinsale img {
    opacity: 0.5;
}

/* Миниатюры */
/* Классы can-prev / can-next ставит script.js: по ним гаснут края ряда и видны стрелки */
.page-product__thumbs-wrap {
    --thumbs-fade-l: 0px;
    --thumbs-fade-r: 0px;
    position: relative;
    margin-top: 14px;
}

.page-product__thumbs-wrap.can-prev { --thumbs-fade-l: 40px; }
.page-product__thumbs-wrap.can-next { --thumbs-fade-r: 40px; }

.page-product__thumbs {
    display: flex;
    gap: 10px;
    padding: 2px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--thumbs-fade-l), #000 calc(100% - var(--thumbs-fade-r)), transparent);
    mask-image: linear-gradient(to right, transparent, #000 var(--thumbs-fade-l), #000 calc(100% - var(--thumbs-fade-r)), transparent);
}

.page-product__thumbs::-webkit-scrollbar {
    display: none;
}

.page-product__thumb {
    flex: 0 0 auto;
    width: 68px;
    height: 68px;
    padding: 4px;
    border: 0;
    background: #fff;
    box-shadow: inset 0 0 0 1px var(--color-bg-muted);
    cursor: pointer;
    scroll-snap-align: start;
    transition: box-shadow .2s;
}

.page-product__thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: .6;
    transition: opacity .2s;
}

.page-product__thumb:hover img,
.page-product__thumb.is-active img {
    opacity: 1;
}

.page-product__thumb.is-active {
    box-shadow: inset 0 0 0 2px var(--color-primary);
}

.page-product__thumb:focus-visible {
    outline: 2px solid var(--color-primary-hover);
    outline-offset: 2px;
}

/* Стрелки ряда миниатюр */
.page-product__thumbs-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s, visibility .2s, background-color .2s;
}

.page-product__thumbs-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid var(--color-text);
    border-right: 2px solid var(--color-text);
}

.page-product__thumbs-arrow--prev { left: 0; }
.page-product__thumbs-arrow--next { right: 0; }
.page-product__thumbs-arrow--prev::before { transform: translate(-30%, -50%) rotate(-135deg); }
.page-product__thumbs-arrow--next::before { transform: translate(-70%, -50%) rotate(45deg); }

.page-product__thumbs-arrow:hover {
    background: var(--color-primary);
}

.page-product__thumbs-arrow:hover::before {
    border-color: #fff;
}

.can-prev > .page-product__thumbs-arrow--prev,
.can-next > .page-product__thumbs-arrow--next {
    opacity: 1;
    visibility: visible;
}

/* Миниатюры в лайтбоксе: фото целиком на белом, как в ряду на странице */
.fancybox-product .f-thumbs__slide__img {
    object-fit: contain;
    background: #fff;
}

/* На сенсорных экранах ряд листают пальцем */
@media (hover: none) {
    .page-product__thumbs-arrow {
        display: none;
    }
}

.page_product__image__notinsale {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 700;
    color: var(--color-text);
    text-align: center;
    width: 100%;
    max-width: 260px;
}

.page-product__krishka, .page-product__vupak {
	font-weight: 600;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
}

.page-product__details {
	padding: 20px 0 0 40px;
}	

.page-product__article {
    text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: right;
}
.page-product__article span {
	color: var(--color-text-muted);
	font-weight: 600;
}

.page-product__details .p-item__dimensions {
	margin-top: 0;
	margin-bottom: 30px;
}

.page-product__details .p-item__dimensions > div {
	display: block;
	text-align: left;
	background-position: left center;
	padding: 0;
	padding-left: 60px;
	height: 30px;
	font-family: var(--font-main);
	line-height: 30px;
	font-weight: 600;
	overflow: hidden;
	margin-right: 0;
}

.page-product__details .p-item__dimensions > div:before,
.page-product__krishka:before, .page-product__vupak:before {
    float: left;
    width: 0;
    white-space: nowrap;
    color: #d6d6d6;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
	font-size: 11px;
}

.page-product__details .p-item__dimensions > div > span,  
.page-product__krishka > span, 
.page-product__vupak > span {
	background-color: #fff;
	padding-right: 6px;	
}

.page-product__details .p-item__dimensions > div > span + span,
.page-product__krishka > span + span, 
.page-product__vupak > span + span {
	float: right;
	background-color: #fff;
    padding-left: 6px;
    padding-right: 0;
}

.page-product__details div.p-item__dimensions__obem {
	margin-bottom: 20px;
}


.page-product__actions {
    padding: 20px 5px 0 50px;
    text-align: right;
}

.page-product__actionlink {
    display: block;
    width: 100%;
    max-width: 250px;
    float: right;
}

.page-product__actionlink--shop i {
    display: inline-block;
    font-weight: normal;
    vertical-align: middle;
    margin-right: 10px;
}

.page-product__favorites {
    margin-bottom: 30px;
}


.page-product__fullinfo, .page-product__docs, .page-product__lids, .page-product__additional {
    margin-bottom: 50px;
}

.page-product__fullinfo .col-xs-12 .b-content, .page-product__docs .col-xs-12 .b-content {
    height: 100%;
}

.page-product__fullinfo .page-product__details > div {
    font-size: 13px;
}

.page-product__description {
    margin-top: 30px;
    margin-bottom: 50px;
    background: #fff;
    padding: 40px 50px;
}

.page-product__notinsale {
    margin-top: 40px;
    margin-bottom: 20px;
    background: #fff0f1;
    padding: 20px;
}


/* Адаптивные правила ======================================================= */

@media (max-width: 767px) {
    .page-product__details {
        padding-left: 0;
    }

    .page-product__actions {
        padding: 35px 10px 0 10px;
        text-align: center;
    }

    .page-product__actionlink {
        float: none;
        margin-left: auto;
        margin-right: auto;
        max-width: 300px;
    }

    .page_product__image {
        width: 100%;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .page-product__thumbs-wrap {
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    /* safe: при прокрутке обычный center обрезал бы первые миниатюры слева */
    .page-product__thumbs {
        justify-content: safe center;
    }

    .page-product__details .p-item__dimensions {
        position: relative;
        top: 0;
        right: 0;
    }
}

/* End */


/* Start:/local/templates/formacia/css/customcups.css?17917838768011*/
/* Стаканы с вашим дизайном (/idea-cups/). */

.customcups-header {
	padding-right: 440px;
	background: url('/images/cupsdesign-header-bg.png') no-repeat right top;
	min-height: 379px;
	margin-bottom: 20px;
    position: relative;	
}

.customcups-header__firstpar {
    font-weight: 300;
    font-size: 18px;
}

.customcups-header__presentation {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    background: red;
    bottom: 0;
    right: 370px;
}

.customcups-title {
    background-color: #3f4eb9;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 30px;
    position: relative;
    margin-top: 50px;
}

.customcups-title--portfolio {
    background: var(--color-gray-light);
    margin-bottom: 30px;   
}

.customcups-intro__detailtext {
	padding-right: 100px;
}

.customcups-intro__image {
	padding-top: 55px;
}


.customcups-section h2 {
	margin-top: 90px;
	margin-bottom: 60px;
}


/* Преимущества ============================================================= */

.customcups-section--advantages {
	margin-top: 55px;
}

.customcups-section--advantages > .row {
	margin: 0;	
}

.customcups-section h2 {
	text-align: center;
}

.customcups-advantage {
	background: #fff;
	padding: 50px;
	padding-top: 10px;
	overflow: hidden;
}

.customcups-advantage:nth-child(even) {
	background: var(--color-bg-muted);
}

.customcups-advantage h4 {
	font-size: 16px;
	font-weight: 300;
	text-transform: none;
	text-align: center;
	margin-bottom: 20px;	
}

.customcups-advantage h4:before {
	display: block;
	margin: 0 auto;
	font-size: 60px;
	color: #1e2fae;
	margin-bottom: 15px;
	max-height:63px;
    overflow: hidden;
    line-height: 1;
}


/* Большая кнопка =========================================================== */

.customcups-section--bigbutton {
	margin-top: 50px;
}


/* Дизайн =================================================================== */

.customcups-section--design h2 {
	margin-top: 70px;
}

.customcups-design__constructor {
	background: #fff;
	border: 3px solid var(--color-primary);
	padding: 40px 50px;
    box-shadow: 0px 10px 15px 0px rgba(33, 49, 171, 0.12);    
}

.customcups-design__constructor h3 {
	margin-top: 0;
}

.customcups-design__specs {
	margin-top: 30px;
	background: #fff;
	padding: 30px 80px;
}


.customcups-design__service {
	height: 100%;
	background: url('/images/bg-design-service.jpg') no-repeat center center;
    background-size: cover;
	padding: 40px 30px;
	text-align: center;
	color: #fff;
	position: relative;
}

.customcups-designservice__content {
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.customcups-design__service h3 {
	margin-top: 0;
	font-weight: 300;
	font-size: 24px;
}

.customcups-design__service h3:before {
	display: block;
	margin: 0 auto;
	font-size: 54px;
	margin-bottom: 20px;
}


/* Стаканы ================================================================== */

.customcups-tabs {
	margin: 0;
}

.customcups-tabs .tabs__captions li {
	font-size: 18px;
	font-weight: 300;
	text-transform: none;

	padding-left: 0;
	padding-right: 3px;
	padding-bottom: 3px;
}

.customcups-tabs .tabs__captions li:last-child {
	padding-right: 0;
}

.customcups-tabs .tabs__captions li .tab-caption__content {
	background: rgba(255,255,255,.8);
	padding: 20px 10px;
	display: block;
    height: 100%;
}

.customcups-tabs .tabs__captions li.active {
	padding-bottom: 0;
}

.customcups-tabs .tabs__captions li.active .tab-caption__content {
	border-top: 3px solid var(--color-primary);
	background: #fff;
}

.tab-caption__content img {
	height: 63px;
	width: auto;
	display: block;
	margin: 0 auto;
	margin-top: 7px;
	margin-bottom: 15px;
}

.customcups-tabs .tabs__pane {
	background: #fff;
	padding: 60px;
}

.customcups-tabs .b-btn {
	padding: 10px 35px;
}


/* Таблица стаканов */

.customcups-table {
    padding: 0;
    margin-top: 40px;
    max-width: 100%;
    overflow-x: auto;
}

.customcups-tblsizes {
    border-collapse: collapse;
    width: 100%;
	font-size: 14px;
}

.customcups-tblsizes tr {
    border-top: 1px solid var(--color-border);
}

.customcups-tblsizes td, .customcups-tblsizes th {
    text-align: center;
    vertical-align: middle;
    padding: 15px 0;
}

.customcups-tblsizes th {
    padding: 20px 5px;
	font-size: 13px;
	background: var(--color-bg-muted);
}

.customcups-tblsizes tr:first-of-type {
    border-top: 0;
}


.customcups-tblsizes tbody tr:first-of-type td {
	padding-top: 22px;
}

.customcups-tblsizes tbody tr td:first-of-type {
	text-align: left;
	padding-left: 15px;
	vertical-align:middle;
}

.customcups-tblsizes tbody tr td:first-of-type img {
	display: inline-block;
	margin-right: 12px;	
	width: 50px;
	height: 50px;
	vertical-align:middle;
}

.customcups-tblsizes tbody tr td:first-of-type span {
	display: inline-block;
	font-weight: bold;
	vertical-align:middle;
}

.customcups-tblsizes tbody tr.customcups-tblsizes__headrow td {
    padding-top: 15px;
    text-align: center;
    font-weight: bold;
    background: var(--color-bg-light);
}


/* Дополнения =============================================================== */

.customcups-addition {
	height: calc(100% - 30px);
	background: #fff;
	padding: 30px 20px;
	margin-bottom: 30px;
}

.customcups-addition__image {
	max-height: 230px;
	max-width: 100%;
	
	display: block;
	margin: 0 auto;
}

.customcups-addition__title {
	padding: 0 10px;
	margin-top: 30px;
	font-weight: 500;
	font-size: 18px;
}

.customcups-addition__description {
	padding: 0 10px;
	margin-top: 20px;
	font-size: 13px;
}


/* Крышки =================================================================== */

.customcups-section--lids {
	background: #fff;
	padding: 30px 40px;
	margin-top: 50px;
}


/* Примеры стаканов с дизайном ============================================== */

.content-slider--customcups {
    margin-bottom: 150px;
}

.content-slider--customcups .carousel-cell {
    width: 274px !important;
    height: 320px !important;
    padding: 15px !important;
}

.content-slider--customcups .flickity-page-dots {
    bottom: -40px;
}


/* Адаптивные правила ======================================================= */

@media (max-width: 767px) {
    .customcups-tabs .tabs__captions li.active .tab-caption__content {
        border-top: 0;
        background: var(--color-bg-muted);
    }

    .customcups-intro__detailtext {
        padding-right: 0;
    }

    .customcups-advantage {
        height: auto;
        min-height: 0;
        padding: 25px;
        position: relative;
        padding-left: 90px;
    }

    .customcups-advantage h4 {
        margin-top: 0;
        text-align: left;
        margin-bottom: 10px;
    }

    .customcups-advantage h4:before {
        font-size: 42px;
        position: absolute;
        top: 25px;
        left: 25px;
    }

    .customcups-design__constructor {
        height: auto;
        padding: 25px;
    }

    .customcups-design__specs {
        height: auto;
        padding: 25px;
        margin-bottom: 30px;
    }

    .customcups-design__service {
        height: auto;
        padding: 25px;
    }

    .customcups-designservice__content {
        top: auto;
        transform: none;
    }

    .customcups-design__service h3:before {
        font-size: 48px;
    }

    .customcups-addition {
        height: auto;
        padding: 30px;
        margin-bottom: 20px;
    }

    .customcups-addition__image {
        height: 150px;
    }
}

/* End */


/* Start:/local/templates/formacia/css/articles.css?17917838767990*/
/* Статьи и новости: списки, детальная страница, слайдеры, блоки в тексте. */

/* Список статей ============================================================ */

.articles-item-inside {
    background: #fff;
    margin-bottom: 40px;
    height: 450px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.articles-item__image {
    width: 100%;
    height: 50%;
}

.articles-item__image img {
    width: 100%;
    height: 100%;
}

.articles-item__content {
    padding: 30px 35px;
    height: 50%;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.articles-item__content a {
    text-decoration: none;
}

.articles-item__date {
    position: absolute;
    bottom: 30px;
    left: 35px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-soft);
}

.articles-item__category {
    display: inline-block;
    padding: 6px 8px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.articles-list .articles-item__category {
    display: block;
    max-width: 80%;    
    position: absolute;
    top: 12px;
    left: 0px;    
}

.interesting .articles-item__category {background-color: #f0203a;}
.ecology .articles-item__category {background-color: #4CAF50;}
.clients .articles-item__category {background-color: #3F51B5;}

.articles-filter {
    margin: 0 auto;
    margin-bottom: 50px;
    overflow-x: auto;
    max-width: 850px;
}

.filter-button-group {
    overflow: hidden;
    white-space: nowrap;

    display: flex;
}

.filter-button-group .btn-filter {
    flex: 1;
    justify-content: space-between;
    margin: 0;
    border: 0;
    background: #fff;
    padding: 20px 10px;
    float: left;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-right: 2px solid var(--color-bg-light);
    white-space: nowrap;
}

.filter-button-group .btn-filter:last-of-type {
    border-right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.filter-button-group .btn-filter:first-of-type {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.filter-button-group .btn-filter.is-checked {
    background: var(--color-primary);
    color: #fff;
    box-shadow: inset 0px 0px 10px 4px rgba(0,0,0,0.1);

}


/* Детальная страница статьи ================================================ */

.article-detail {
    overflow: hidden;
}

.article-detail__category {
    margin-top: 40px;
    margin-bottom: 20px;
}

.article-detail__category a, .article-detail__category a:hover {
    text-decoration: none;
    color: #fff;
}

.article-detail__category .articles-item__category {
    padding: 10px 50px;
}

.news-detail__date {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-soft);
    margin-bottom: 40px;
}

.news-detail__image {
    width: 100%;
    max-height: 350px;
    margin-bottom: 30px;
}

.news-detail__image--nowrap {
    width: 600px;
    max-width: 100%;
}

.news-detail__text {
    padding-bottom: 70px;
    max-width: 800px;
}

.news-detail__text > p:first-of-type {
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.news-detail--centered .news-detail__text {
    max-width: 850px;
    margin: 0 auto;
}

.news-detail__text > div {
    float: left;
}

.news-detail__share {
    background: var(--color-bg-light);
    border-top: 3px solid var(--color-primary);
    margin-top: 59px;
    padding: 10px 30px 30px 30px;
}

.news-detail__shareicons {
    text-align: center;
    margin: 30px 0;
}

.news-detail__shareicon {
    display: inline-block;
    width: 38px;
    height: 38px;
    padding: 10px;
    background: var(--color-primary);
    margin-left: 5px;
    border-radius: 35%;
}

.news-detail__shareicon:first-of-type {
    margin-left: 0;
}

.news-detail__shareicon path {
    fill: #fff;
}

.article-detail__author {
    margin-top: 30px;
    font-weight: 600;
    text-align: right;
    color: var(--color-gray);
    float: none !important;
}


/* Ссылка на каталог ======================================================== */

.article-catalog-link {
    margin-top: 40px;
    margin-bottom: 60px;
    float: none !important;
}

.article-catalog-link a {
    display: block;
    position: relative;
    background: var(--color-bg-light);
    padding: 40px 150px 40px 40px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
}

.article-catalog-link a span {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.article-catalog-link a span i {
    font-size: 16px;
    margin-left: 10px;
}


/* Слайдер статей =========================================================== */

.content-slider--articles .carousel-cell {
    width: 274px !important;
    opacity: 1 !important;
    height: 400px !important;
}

.content-slider--articles.content-slider--withoutimage .carousel-cell {
    height: 210px !important;
    border-top: 2px solid var(--color-primary);
}

.content-slider--articles .carousel-cell img {
    max-height: 100% !important;
}


.content-slider--articles .articles-item__content {
    padding-left: 25px;
    padding-right: 25px;
}

.slider-last-news .articles-item__image {
    height: 40%;
}

.slider-last-news .articles-item__content {
    height: 60%;
}

.slider-last-news .articles-item__content {
    padding: 30px 15px;
}


/* Картинки в статьях ======================================================= */

.img-article {
    width: 480px;
    height: 320px;
}

.img-article--left {
    float: left;
    margin: 5px 40px 30px -145px;
}

.img-article--right {
    float: right;
    margin: 5px -145px 30px 40px;
}

.news-detail__text img {
    max-width: 100%;
}

.img-article--big {
    width: calc(100% + 290px);
    max-width: none !important;
    margin-left: -145px;
    height: 400px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.img-article--middle {
    width: 350px;
    height: auto;
}


/* Блоки в тексте статьи ==================================================== */

.article-block {
    padding: 20px 30px;
    border-radius: 20px;
    margin-bottom: 25px;
}
.article-block > *:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.article-block--grey {
    background: var(--color-bg-muted);
}


/* Стрелки выносятся за край слайдера на 30px: при окне уже 1260px они уйдут за экран */
@media (min-width: 1260px) {
    .content-slider--articles .flickity-prev-next-button.next {
        right: -30px;
    }

    .content-slider--articles .flickity-prev-next-button.previous {
        left: -30px;
    }
}

@media (min-width: 1200px) {
    .articles-item--big .articles-item__image {
        height: 100%;
    }

    .articles-item--big .articles-item__content {
        width: calc(50% - 15px);
        position: absolute;
        bottom: 0;
        right: 0;
        background: #fff;
    }
}

@media (max-width: 767px) {
    .articles-filter .filter-button-group {
        overflow: auto;
    }

    .articles-list {
        margin: 0 auto;
        max-width: 400px;
    }

    .img-article {
        float: none;
        text-align: center;
        margin: 10px auto;
        max-width: 100% !important;
        height: auto;
        display: block;
    }
}

/* End */


/* Start:/local/templates/formacia/css/wip.css?17917838761213*/
/* Клуб WIP (/wip/). */

.content-splash--wip {
    background: #4971f7;
    background: linear-gradient(120deg, #4971f7 , #F9A0A0);
    margin-bottom: 30px;
}

.wip-subscribe {
    background: linear-gradient(120deg, #4748e0 , #f16d6d);
    text-align: center;
    padding: 30px 25px;
	margin-top: 50px;
}

.wip-subscribe h2 {
    color: #fff;
    font-weight: 300;
}

.wip-subscribe__desc {
    color: #fff;
}

.wip-subscribe form {
    text-align: left;
}

.wip-raspr {
    color: #fff;
    margin-bottom: 40px;
}

.wip-raspr__inside {
    font-size: 18px;
    font-weight: 300;
    padding: 35px 25px; 
    background-size: cover;
}

.wip-raspr__inside--print {
    background: linear-gradient(180deg, rgba(97, 97, 97, 0.9) 0%, rgba(10, 10, 10, 0.71) 60%), url('/images/wip-raspr-1.jpg') top center no-repeat
}

.wip-raspr__inside--online {
    background: linear-gradient(180deg, rgba(97, 97, 97, 0.9) 0%, rgba(10, 10, 10, 0.71) 60%), url('/images/wip-raspr-2.jpg') center center no-repeat;     
}

.wip-raspr__inside__num {
    font-weight: 900;
    font-size: 36px;
}

.wip-raspr__inside__num span {
    font-size: 22px;
    font-weight: 700;
}

/* End */


/* Start:/local/templates/formacia/css/kabinet.css?179178387610804*/
/* Личный кабинет (/lk/) и авторизация. */

.content-splash--kabinet {
    background: #4971f7;
    background: linear-gradient(120deg, #4971f7 , #F9A0A0);
    margin-bottom: 50px;    
}

.content-splash--kabinet .content-splash {
    padding: 65px 0 40px 0;
    width: 100%;
}

.content-splash--kabinet__btn {
    text-align: right;
}

.content-splash__image--kabinet {
    width: 250px;
    max-width: 100%;
    height: auto;    
}


.kabinet-login {
    font-size: 13px;
}

.kabinet-login__profile, .kabinet-login__exit {
    display: inline-block;
    margin-left: 25px;
    margin-top: 10px;
}


.kabinet-login__signup {
    width: 100%;
    max-width: 200px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin-top: 7px;
}


/* Вход в кабинет =========================================================== */

.kabinet-heading--enter {
    margin-top: 0;
}

.kabinet-enter__form {
    background: #3d4ec7;
    color: #fff;
    padding: 45px;
    box-shadow: 12px 12px 0px -4px rgba(0,0,0,0.15);    
}

.kabinet-enter__form .errortext {
    color: #f19393;
}


.kabinet-enter__formfield {
    margin-top: 20px;
}

.kabinet-enter__formfield input[type="text"], .kabinet-enter__formfield input[type="password"] {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    color: var(--color-text);
    border: 1px solid #fff;
}

.kabinet-enter__submit {
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 20px;
}

.kabinet-enter__forgot {
    display: block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.kabinet-enter__forgot:hover {
    color: #fff;
}

.kabinet-enter__benefits {
    padding-left: 60px;
}

.kabinet-enter__benefit {
    position: relative;
    margin-bottom: 20px;
}


.kabinet-enter__benefit:before {
    font-size: 42px;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-primary);  
}

.kabinet-enter__benefit h3 {
    padding-left: 70px;
    display: block;
    margin: 0;
    margin-bottom: 5px;
    font-size: 16px;
    color: var(--color-primary);    
}

.kabinet-enter__benefit p {
    padding-left: 70px;
    font-size: 12px;    
}


/* Восстановление пароля ==================================================== */

.kabinet-passforgot {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    text-align: left;
}

.kabinet-passforgot__field {
    margin-top: 15px;
}

.kabinet-passforgot label {
    display: block;
    margin-bottom: 10px;
}


.kabinet-passforgot__buttons {
    margin-top: 30px;
}

.kabinet-passforgot__back {
    float: left;
    font-size: 16px;
    line-height: 49px;
    font-weight: 300;
}

.kabinet-passforgot__submit {
    float: right;
    padding-left: 40px;
    padding-right: 40px;
}


/* Левое меню кабинета ====================================================== */

.sidemenu--kabinet {
    padding: 0;
    background: none;
}

.sidemenu--kabinet li a {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 300;
}

.sidemenu--kabinet li a:hover, .sidemenu--kabinet ul li.is-active a {
    border-left: 4px solid #E2231A;
    padding-left: 16px;
}


/* Баннер в боковой колонке ================================================= */

.kabinet-sidebanner {
    margin-top: 50px;

}


/* Меню на главной кабинета ================================================= */

.kabinet-index__item {
    padding: 5px;
}

a.kabinet-index__link {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    height: 150px;
    padding: 35px 25px;
    padding-right: 95px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0px 2px 4px 0px rgba(0, 114, 249, 0.15);    
    
}

a.kabinet-index__link:before {
    position: absolute;
    right: -10px;
    bottom: -10px;
    font-size: 105px;
    opacity: .55;
    background: linear-gradient(to bottom right, #0036ff, #f00);
}


/* Уровни программы лояльности ============================================== */

.kabinet-level-type {
    background: #fff;
    padding: 25px 30px;
    margin-top: 30px;
    border-left: 5px solid grey;
    opacity: 1;
}

.kabinet-level-type--active {
    opacity: 1;    
}

.kabinet-level-type--1 { border-color: #c0d850; }
.kabinet-level-type--1 .kabinet-level-type__title { color: #c0d850; }

.kabinet-level-type--2 { border-color: var(--color-text-muted); }
.kabinet-level-type--2 .kabinet-level-type__title { color: var(--color-text-muted); }

.kabinet-level-type--3 { border-color: #eea000; }
.kabinet-level-type--3 .kabinet-level-type__title { color: #eea000; }

.kabinet-level-type--4 { border-color: var(--color-gray-light); }
.kabinet-level-type--4 .kabinet-level-type__title { color: var(--color-gray-light); }


.kabinet-level-type__title {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 7px;
    display: inline-block;
}

.kabinet-level-type__desc {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    
}

.kabinet-level-type__yours {
    margin: 5px 0 5px 20px;
    color: #fff;
    background: red;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0 10px;
}


/* Профиль: стандартная форма =============================================== */

.profile-block-hidden
{
	display: none;
}

.profile-block-shown
{
	display:block;
}

.profile-table
{
	width: 100%;
}

.profile-link
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.profile-table td {
	vertical-align: top;
	width:50%;
}


/* Заявка в клуб WIP ======================================================== */

.kabinet-request-field {
    height: 120px !important;
    width: 100%;
}


/* Профиль Формации ========================================================= */

.kabinet-profile .profile-link {
    background: #fff;
    margin: 0;
    margin-top: 20px;
}

.kabinet-profile .profile-link a {
    display: block;
    padding: 10px 30px;    
    width: 100%;
    color: var(--color-text);
    font-size: 20px;
    font-weight: 300;
    text-decoration: none;
}

.kabinet-profile .profile-link a:before {
    float: right;
    color: var(--color-text-muted);
}

.kabinet-profile .profile-block-shown {
    background: #fff;
    padding: 30px;
    padding-top: 0;
}

.kabinet-profile .profile-table td {
        padding: 7px 0;
}

.kabinet-profile .profile-table tr td:first-child {
    font-weight: bold;
}

.kabinet-profile .profile-table thead td {
    padding: 0;
}

.kabinet-profile .bx-input-file-desc {
    font-size: 11px;
}

.kabinet-profile input, .kabinet-profile select, .kabinet-profile textarea {
    width: 100%;
    max-width: 250px;
    font-size: 14px;
}

.kabinet-profile label {
    font-size: 14px;
}

.kabinet-profile input[type="checkbox"], .kabinet-profile input[type="radio"] {
    width: auto;
    margin: 15px 0;
}

.kabinet-profile input[type="submit"] {
    color: #fff;
    background: var(--color-primary);
    border: 0;
    border-radius: 5px;
    width: auto;
    padding: 15px 75px;
    margin-top: 20px;
    font-family: var(--font-condensed);
    font-size: 15px;
    font-weight: bold;    
}


/* Мероприятия ============================================================== */

.kabinet-event {
    background: #fff;
    margin-bottom: 30px;
    position: relative;
}

.kabinet-event__header {
    min-height: 250px;
    background: grey;
    background-size: cover;
    background-position: center center;
    position: relative;
    color: #fff;   
}

.kabinet-event__headerbg {
    width: 100%;
    min-height: 250px;
    padding: 40px;
    background: linear-gradient(to top, rgba(0,0,0,.5), transparent), rgba(0,0,0,.2);
}

.kabinet-event__title, .kabinet-event__date {
    font-family: var(--font-condensed);
    font-size: 26px;
    font-weight: 900;
}

.kabinet-event__title {
    margin: 0;
    margin-bottom: 5px;
}

.kabinet-event__date {
    font-weight: 300;
    font-size: 30px;
}

.kabinet-event__body {
    padding: 40px;
}

.kabinet-event__details {
    margin-top: 25px;
}

.kabinet-heading--ended {
    margin-top: 60px;
}

.kabinet-event--ended:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 1;
}


.kabinet-event__ended {
    display: none;
    position: absolute;
    top: 50px;
    right: 50px;
    color: #fff;
    z-index: 2;
    font-family: var(--font-condensed);
    font-size: 24px;
    font-weight: bold;  
}


.kabinet-event__footer {
    background: var(--color-bg-light);
    padding: 20px 40px;
    overflow: hidden;
}

.kabinet-event__forwho {
    float: left;
}

.kabinet-event__forwho span {
    display: block;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.kabinet-event__participate {
    float:right;
    padding-left: 50px;
    padding-right: 50px;
}


.kabinet-event__participate--ended, .kabinet-event__participate--ended:hover {
    background: grey;
    border-color: grey;
}

.kabinet-event__participate--disabled, .kabinet-event__participate--disabled:hover {
    background: grey;
    border-color: grey;
    cursor: default;   
}

.kabinet-event__participate--disabled:before {
    margin-right: 10px;
}


/* Адаптивные правила ======================================================= */

@media (max-width: 991px) {
    .kabinet-enter__form {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .kabinet-enter__benefits {
        padding-left: 0;
        margin-top: 50px;
    }

    .content-splash--kabinet .content-splash {
        padding: 40px 0 35px 0;
    }

    .content-splash--kabinet__logo {
        text-align: center;
    }

    .content-splash__image--kabinet {
        margin-bottom: 25px;
    }

    .content-splash--kabinet__btn {
        text-align: center;
    }
}

/* End */


/* Start:/local/templates/formacia/css/ecology.css?17917838763393*/
/* Страница «Экология» (/ecology/). */

.content-splash--ecology {
    background: #649B34 url('/images/header-ecology.jpg') top center repeat-x;
    margin-bottom: 70px;
    padding: 40px 0 30px 0;
}

.content-splash--ecology .content-splash__title {
    font-size: 42px;
    font-weight: 300;
    margin: 0;
    padding-left: 15px;
}

.content-splash--ecology .content-splash__title i {
    font-weight: 900;
    font-style: normal;

}

.content-splash--ecology .content-splash__title span {
    font-weight: 300;
    background-color: #fff;
    box-shadow: 20px 0 0 #fff, -20px 0 0 #fff;
    display: inline;
    padding-bottom: 7px;
    box-decoration-break: clone;

}

h3.eco-header {
    font-size: 24px;
    font-weight: 900;
}

.eco-content--danger {
    margin: 70px 0 120px 0;
    overflow: hidden;
	background: #fff;
    box-shadow: 0px 19px 22px -9px rgb(203, 225, 255);	
}

.eco-conent--danger__text {
    padding: 35px 35px 40px 60px;
}
@media (max-width: 991px) {
    .eco-conent--danger__text  {
        padding: 25px 15px;
    }    
}


.eco-conent--danger__image {
    background: #fff url('/images/ecology-choose.jpg') center center no-repeat;   
}
@media (max-width: 991px) {
    .eco-conent--danger__image {
        height: 300px;
    }    
}

.eco-header--save {
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 50px;
}

.eco-image--scheme {
    width: 75%;
    text-align: center;
    margin: 40px 0;
}
@media (max-width: 991px) {
    .eco-image--scheme {
        width: 95%;
    }    
}

.eco-content--popular, .eco-content--team {
    font-weight: 300;
    font-size: 24px;
}

.eco-content--team, .eco-content--goal {
	display: block;
	max-width: 900px;
	margin: 0 auto;
}

.eco-content--goal {
	margin-top: 20px;
	margin-bottom: 20px;
    column-count: 2;
	column-gap: 50px;
}


.eco-content--tabs {
    background: #fff;
}

.eco-tabs__captions{
    background: #649B34 url('/images/tabs-bg-ecology.jpg') bottom center repeat-x;
    padding-top: 25px;
}
@media (max-width: 767px) {
    .eco-tabs__captions {
        padding-bottom: 25px;
    }    
}


.eco-tabs__captions li span {
    background: rgba(255,255,255,.7);
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 900;
    padding: 27px 0;
	text-transform: none;
}

.eco-tabs__captions li span:hover {
    background: rgba(255,255,255,.9);   
}

.eco-tabs__captions li.active span {
    background: rgba(255,255,255,1);    
}

.eco-content--tabs .tabs__pane {
    padding: 50px 0;
}

.eco-image--gobio {
    max-width: 200px;
    margin: 20px auto;
}


.eco-articles {
    margin-bottom: 40px;
    padding-top: 20px !important;
}

.eco-article-link {
	display: block;
	background: #fff;
	text-decoration: none !important;
    font-size: 16px;
    font-weight: 600;
	transition: all .4s;
	margin-bottom: 40px;

}

.eco-article-link span {
	display: block;
	padding: 30px 25px;
	min-height: 200px;	
}

.eco-article-link img {
	width: 100%;
	height: 210px;
}

.eco-article-link {
    box-shadow: 0px 4px 9px 0px rgba(250, 250, 250, 0.31);
}

.eco-image--godecologii {
    width: 75%;
    margin-top: 30px;
    float: right;
}
/* End */


/* Start:/local/templates/formacia/css/content-blocks.css?179178387628609*/
/* Блоки контента: секции, списки, слайдеры, страницы разделов. */


/* Медиаблок ================================================================ */

.media-item {
    background: #fff;
    padding: 25px;
    margin: 0 0 20px;
}

.media-item h3 {
    margin-top: 0;
}

/* Список блоков */
.list-blocks .media-item {
    margin-bottom: 30px;
}

.list-blocks .media-item h3 {
    font-size: 18px;
}

/* Адаптив */
@media (max-width: 767px) {
    .list-blocks .media-item h3 {
        font-size: 16px;
    }
}


/* Варианты секций ========================================================== */

.section-columned {
    max-width: 1450px;
    margin-left: auto;
    margin-right: auto;
}

.section-white {
    background: #fff;
}

.section-blue {
    background-color: #324f9f;
    color: #fff;
}

.section-brown {
    background: #998454;
    color: #fff;
}

.section-greenblue {
    background: #487388;
    color: #fff;
}

.section-yellow {
    background: #ffe9a8;
}

.section-blue a,
.section-brown a,
.section-greenblue a {
    color: #fff;
}

/* Адаптив */
@media (min-width: 1780px) {
    .section-columned {
        max-width: 1650px;
    }
}


/* Сторителлинг и узкая колонка ============================================= */

.storytell {
    margin-top: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.storytell .row {
    position: relative;
}

.storytell--boxed {
    padding-top: 60px;
    padding-bottom: 60px;
}

.storytell h2:first-of-type,
.storytell h3:first-of-type {
    margin-top: 0;
}

.storytell > p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Узкая колонка */
.small-column {
    max-width: 780px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.small-column-left {
    max-width: 750px;
}

/* Адаптив */
/* Ниже .small-column: на /about/ (storytell small-column) отступ сверху на ПК 0, на мобильном — 20px */
@media (max-width: 767px) {
    .storytell {
        margin-top: 20px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
}


/* Страница 404 ============================================================= */

.small-column.page404 {
    max-width: 550px;
    margin-top: 30px;
}

.page404 h1 {
    margin-right: 0;
    padding-right: 0;
}


/* Списки блоков ============================================================ */

.blockslist--solutions {
    margin: 0 0 0 15px;
}

.blocklist-item {
    overflow: hidden;
}

.blocklist-item--solution {
    height: 400px;
    border-right: 15px solid var(--color-bg-light);
    border-bottom: 15px solid var(--color-bg-light);
}

.blocklist-item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.blocklist-item > a::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(7, 15, 37, 0.5);
    z-index: 11;
}

.blocklist-item__bg {
    display: block;
    width: 100%;
    height: 100%;
    transition: ease-in all 0.3s;
}

.blocklist-item > a:hover .blocklist-item__bg {
    transform: scale(1.1);
}

.blocklist-item__title {
    display: block;
    max-width: 180px;
    position: absolute;
    bottom: 40px;
    left: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    z-index: 12;
}

/* Адаптив */
@media (max-width: 991px) {
    .blocklist-item--solution {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .blocklist-item--solution {
        height: 250px;
    }

    .blocklist-item__title {
        bottom: 20px;
        left: 15px;
        font-size: 16px;
    }
}


/* Виды списков ============================================================= */

.list-checks,
.list-dashes {
    padding-left: 0;
    list-style: none;
}

.list-checks li,
.list-dashes li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 7px;
}

.list-checks li:last-of-type {
    margin-bottom: 0;
}

.list-checks li::before {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 0;
    content: ' ';
    width: 1em;
    height: 0.5em;
    top: 0.4em;
    transform: rotate(-45deg);
    border-style: solid;
    border-width: 0 0 0.125em 0.125em;
}

.list-dashes li::before {
    display: block;
    content: '';
    width: 12px;
    height: 1px;
    position: absolute;
    top: 11px;
    left: 0;
    background: #000;
}

/* Адаптив */
@media (min-width: 768px) {
    .list-two-column li {
        display: inline-block;
        margin-bottom: 8px;
        vertical-align: top;
        width: calc(50% - 40px / 2 - 25px);
        position: relative;
    }

    .list-two-column li:nth-child(2n+1) {
        margin-right: 40px;
    }
}


/* Слайдер контента ========================================================= */

.content-slider .carousel-cell {
    width: 340px;
    max-width: 100%;
    height: 430px;
    margin-right: 15px;
    padding: 20px;
    background: #fff;
    opacity: 0.3;
    position: relative;
    border-radius: 5px;
}

.content-slider .carousel-cell.is-selected {
    opacity: 1;
}

/* Слайдер товаров */
.content-slider .carousel-cell img {
    width: 100%;
    max-height: calc(100% - 50px);
}

.carousel-cell__productinfo {
    position: absolute;
    bottom: 30px;
    left: 35px;
    right: 35px;
}

.carousel-cell__productid {
    display: block;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 3px;
}

.carousel-cell__productname {
    display: block;
    font-size: 15px;
    font-weight: 300;
}

.content-slider--products .carousel-cell {
    width: 274px !important;
    height: 380px !important;
    padding-bottom: 40px;
}

.section-columned .content-slider--products .carousel-cell,
.container .content-slider--products .carousel-cell {
    opacity: 1 !important;
}

/* Адаптив */
/* Стрелки выносятся за край слайдера на 30px: при окне уже 1260px они уйдут за экран */
@media (min-width: 1260px) {
    .section-columned .content-slider--products .flickity-prev-next-button.next {
        right: -30px;
    }

    .section-columned .content-slider--products .flickity-prev-next-button.previous {
        left: -30px;
    }
}


/* Решения ================================================================== */

.solution-intro {
    position: relative;
    background: #263869;
    margin-top: 0;
    min-height: 470px;
    padding-top: 80px;
    color: #fff;
}

.solution-intro__content {
    max-width: 40%;
}

.solution-intro__content a {
    color: #fff;
}

.solution-intro h1 {
    margin-top: 50px;
    margin-bottom: 30px;
}

.solution-intro__subtitle {
    font-size: 16px;
    font-weight: 300;
}

.solution-intro__image-container {
    position: absolute;
    height: 100%;
    width: 52%;
    right: 0;
    top: 0;
    overflow: hidden;
}

.solution-intro__image {
    width: 100%;
    height: 100%;
}

.banner-corner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 470px 70px 0 0;
    border-color: #263869 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: -1px;
}

/* Адаптив */
@media (max-width: 767px) {
    .solution-intro {
        min-height: auto;
        padding: 40px 20px 80px;
    }

    .solution-intro__image-container {
        width: 100%;
    }

    .solution-intro__image-container::before {
        display: block;
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(31, 38, 90, 0.9) 0%, rgba(31, 38, 90, 0.4) 100%);
    }

    .solution-intro__content {
        max-width: 100%;
        position: relative;
        z-index: 1;
    }

    .banner-corner {
        display: none;
    }
}


/* Логотипы клиентов ======================================================== */

.client-logos {
    margin-top: 40px;
}

.client-logos img {
    margin-right: 40px;
    margin-bottom: 15px;
    height: 70px;
}

.client-logos img:last-of-type {
    margin-right: 0;
}

/* Адаптив */
@media (max-width: 767px) {
    .client-logos img {
        height: 50px;
        margin-right: 30px;
    }
}


/* Отзыв клиента ============================================================ */

.client-review {
    background: #fff;
    position: relative;
}

.client-review__image {
    display: block;
    width: 100%;
    height: 100%;
}

.client-review__content {
    padding: 50px;
}

.quote-mark {
    position: relative;
    padding-left: 65px;
    padding-right: 20px;
}

.quote-mark::before {
    display: block;
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    background: url('/images/quote-mark.svg') no-repeat center center;
    top: 0;
    left: 0;
}

.client-review__client {
    font-size: 12px;
}

.client-review__clientname {
    font-size: 24px;
    font-weight: 300;
}

/* Адаптив */
@media (max-width: 991px) {
    .client-review__content {
        padding: 25px;
    }
}

@media (max-width: 767px) {
    .client-review__image {
        height: 250px;
    }

    .quote-mark {
        padding: 15px 0 0 15px;
    }

    .quote-mark::before {
        width: 65px;
        height: 65px;
        opacity: .1;
    }
}


/* Преимущества продукции =================================================== */

.product-benefits {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.product-benefit {
    width: 142px;
    text-align: center;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    margin-top: 35px;
    margin-bottom: 35px;
    vertical-align: top;
    position: relative;
}

.product-benefit i {
    display: block;
    position: relative;
}

.product-benefit::before,
.product-benefit i::before {
    display: block;
    font-size: 98px;
    margin: 0 auto;
}

.product-benefit i.with-bg::after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 145px;
    height: 145px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}


/* Слайдер вариантов продукции ============================================== */

.product-options-slider__cell {
    width: 100%;
}

.product-options-slider .flickity-prev-next-button {
    border-radius: 40%;
    width: 60px;
    height: 60px;
}


/* Наше производство ======================================================== */

.production-benefit {
    margin-bottom: 30px;
    min-height: 320px;
    padding: 40px 50px;
}

.production-benefit i {
    font-size: 70px;
    margin-bottom: 5px;
    display: inline-block;
    color: var(--color-primary);
}

.production-benefit h3 {
    max-width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px !important;
    margin-left: 25px;
}

.manufacturing-certs {
    margin-top: 30px;
    width: 500px;
    max-width: 100%;
}

.img-fssc {
    max-width: 165px;
    margin-bottom: 20px;
}

/* Адаптив */
@media (max-width: 767px) {
    .production-benefit {
        min-height: auto;
        padding: 30px;
    }

    .production-benefit h3 {
        margin-left: 0;
    }

    .production-benefit i {
        font-size: 50px;
    }
}


/* Блоки контента =========================================================== */

/* Блоки с картинкой стоят до .b-content--*: на /about/production/ текст несёт оба класса,
   на ПК отступ берётся из .b-content--middle, на мобильном — из .b-image-content__text */

/* Половина — картинка, половина — текст */
.b-image-content {
    margin-top: 30px;
    position: relative;
}

.b-image-content__image {
    position: relative;
    overflow: hidden;
}

.b-image-content__image img {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: 100%;
    height: 100%;
}

.pull-right.b-image-content__image img {
    left: auto;
    right: 15px;
}

.b-image-content__text {
    padding: 75px;
}

.b-image-content--manufacturing,
.b-image-content--manufacturing .b-image-content__text,
.b-image-content--manufacturing .b-image-content__image {
    min-height: 600px;
}

/* Картинка над текстом */
.b-vertical-image-content {
    height: 100%;
}

.b-vertical-image-content__image {
    height: 400px;
}

.b-vertical-image-content__text {
    padding: 40px;
    min-height: 200px;
}

/* Блок контента */
.b-content {
    display: block;
    margin-bottom: 30px;
}

.b-content--white {
    background-color: #fff;
}

.b-content--small {
    padding: 20px 30px;
}

.b-content--middle {
    padding: 40px 50px;
}

.b-content--big {
    padding: 60px 90px;
}

.b-content h2:first-of-type,
.b-content h3:first-of-type,
.b-content h4:first-of-type {
    margin-top: 0;
}

.b-content p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.b-content--fill {
    height: calc(100% - 30px);
}

.b-content--cardboardlids {
    background: #fff url('/images/sushi-cover-bg.jpg') center right no-repeat;
    background-size: contain;
}

.b-content__image {
    height: 200px;
}

.b-content__text {
    padding: 30px 25px;
}

.b-content--papbag-type {
    min-height: 250px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: auto 170px;
}

.b-content--papbag-type ul {
    padding-right: 150px;
}

/* Иконка в круге */
.b-content__icon {
    position: relative;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-content__icon img {
    position: relative;
    height: 60%;
    width: auto;
    z-index: 100;
}

.b-content__icon::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-bg-light);
}

/* Картинка на круге рядом с текстом */
.b-image-with-content {
    overflow: hidden;
}

.b-image-with-content__image,
.b-image-with-content__content {
    height: 100%;
    padding: 50px;
    align-content: center;
}

.b-image-with-content__image {
    position: relative;
}

.b-image-with-content__image::before {
    display: block;
    content: '';
    width: auto;
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    position: absolute;
    top: -10%;
    transform: translateX(-50%);
    background: var(--color-bg-light);
    z-index: 1;
}

.b-image-with-content__image img {
    width: 100%;
    position: relative;
    z-index: 100;
}

.b-image-with-content__content {
    position: relative;
    z-index: 50;
}

/* Адаптив */
@media (max-width: 991px) {
    .b-content__image {
        height: 250px;
    }

    .b-image-with-content__image {
        padding-bottom: 0;
    }

    .b-image-with-content__image img {
        max-width: 400px;
    }

    .b-content--big {
        padding: 45px 35px;
    }
}

@media (max-width: 767px) {
    .b-image-with-content__image {
        padding-left: 20px;
    }

    .b-image-with-content__content {
        padding: 50px 20px;
    }

    .b-content--big {
        padding: 25px;
    }

    .b-content--middle {
        padding: 25px 20px;
    }

    .tabs__pane .b-content--small {
        padding: 20px 5px;
    }

    .b-image-content__text {
        padding: 30px;
    }

    .b-image-content__image {
        min-height: 250px;
    }

    .b-image-content__image img {
        width: calc(100% - 30px);
    }

    .b-image-content--manufacturing,
    .b-image-content--manufacturing .b-image-content__text,
    .b-image-content--manufacturing .b-image-content__image {
        min-height: 200px;
    }
}


/* Вводный блок ============================================================= */

.intro-section {
    height: 580px;
    position: relative;
    overflow: hidden;
}

.intro-section__content {
    position: relative;
    color: #fff;
}

.intro-section--gradient::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgb(26, 34, 90) 0%, transparent 80%);
}

/* Адаптив */
@media (max-width: 767px) {
    .intro-section {
        height: auto;
        padding-bottom: 80px;
        width: 100%;
    }
}


/* Видео на фоне ============================================================ */

.videobg::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #384167;
    opacity: .7;
    content: '';
}

.videobg video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}


/* О компании =============================================================== */

.about-facts {
    font-weight: 400;
    font-size: 17px;
}

.about-facts span {
    font-size: 56px;
    font-weight: 700;
    display: block;
    position: relative;
    color: var(--color-primary);
}

.about-facts span::before {
    display: block;
    content: '';
    width: 130px;
    height: 130px;
    background: #fff;
    position: absolute;
    top: -10px;
    left: -30px;
    border-radius: 35%;
    z-index: -1;
}

.about-facts .b-content {
    padding-top: 0;
}

.about-assortiment {
    margin-top: 70px;
}

.about-assortiment-item {
    height: 530px;
    position: relative;
}

.about-assortiment-item::before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 50%, rgba(19, 21, 33, 0.78) 100%);
    z-index: 10;
}

.about-assortiment-item .b-btn {
    display: block;
}

.about-assortiment-item__content {
    position: absolute;
    bottom: 20px;
    left: 30px;
    width: calc(100% - 60px);
    z-index: 100;
}

.about-assortiment-item__content span {
    color: #fff;
    margin-bottom: 20px;
    display: block;
    max-width: 75%;
    font-size: 16px;
    font-weight: 600;
}

a.about-norma-link {
    padding: 45px 35px 45px 30px;
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    display: inline-block;
    margin-top: 30px;
}

a.about-norma-link span {
    position: relative;
    padding-left: 60px;
}

a.about-norma-link span::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 45px;
}

/* История */
.storytell--history {
    overflow: hidden;
}

.about-history-slider {
    margin-top: 80px;
}

.history-slider-cell {
    width: 200px;
    min-height: 220px;
    margin-right: 40px;
}

.history-slider-cell__year {
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 25px;
    padding-bottom: 10px;
    color: var(--color-primary);
    border-bottom: 1px solid var(--color-primary-red);
}

/* Адаптив */
@media (max-width: 767px) {
    .about-facts {
        display: flex;
        flex-wrap: wrap;
        font-size: 15px;
        padding: 0 15px;
    }

    .about-facts span {
        font-size: 32px;
    }

    .about-facts span::before {
        width: 90px;
        height: 90px;
        left: -15px;
    }

    .about-facts .b-content--small {
        padding: 10px;
    }

    .about-assortiment-item {
        height: 350px;
    }
}


/* Страницы «Ваш дизайн» ==================================================== */

.cardboard-lids-examples {
    margin-top: 60px;
}

.cardboard-lids-examples img {
    max-height: 300px;
    max-width: 100%;
    margin-right: 35px;
    margin-bottom: 30px;
}

.cardboard-lids-examples img:last-of-type {
    margin-right: 0;
}

/* Каталог на странице дизайна */
.b-custom-design {
    height: 400px;
    margin-bottom: 30px;
    position: relative;
}

.b-custom-design::before {
    content: '';
    display: block;
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(26, 29, 51, 0.8) 0%, transparent 100%);
}

.b-custom-design__content {
    display: block;
    position: absolute;
    bottom: 40px;
    left: 50px;
    right: 50px;
    color: #fff;
}

a.b-custom-design__title,
a.b-custom-design__title:hover {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}


/* Серии бумажных стаканов ================================================== */

.paper-cup-series .b-content {
    min-height: 300px;
    padding-right: 60px;
    text-decoration: none;
    color: var(--color-text);
    font-size: 18px;
    font-weight: 600;
    position: relative;
    background-size: 70%;
    background-position: bottom right;
}

.paper-cup-series .b-btn {
    position: absolute;
    bottom: 40px;
    left: 50px;
    margin-bottom: 0;
}

.paper-cup-series .b-content span {
    display: block;
    max-width: 230px;
}

/* Адаптив */
@media (max-width: 991px) {
    .paper-cup-series .b-content {
        min-height: 250px;
        background-size: 65%;
    }

    .paper-cup-series .b-content--cup-design-long {
        background-position: bottom 5px right -40px;
    }
}

@media (min-width: 768px) {
    .paper-cup-series .col-sm-6 .b-content .b-btn {
        display: none;
    }
}

@media (max-width: 767px) {
    .paper-cup-series .b-content {
        min-height: 220px;
        background-size: auto 150px;
    }

    .paper-cup-series .b-content--cup-design-long {
        background-position: bottom right -50px;
    }

    .paper-cup-series .b-btn {
        display: none;
    }
}


/* Информация о продукции =================================================== */

.infopage-products-list__item {
    padding: 40px 50px;
    background: #fff;
    height: 100%;
    border-radius: 5px;
}

.infopage-products-list__item h3 {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 50px;
    z-index: 1;
}

.infopage-products-list__item h3::before {
    display: block;
    position: absolute;
    content: '';
    top: 0;
    left: -15px;
    width: 5px;
    height: 25px;
    z-index: -1;
}

.infopage-products-list__item h3.--alum::before { background: #1ebefd; }
.infopage-products-list__item h3.--papform::before { background: #fd8a20; }
.infopage-products-list__item h3.--papcups::before { background: #d1a920; }
.infopage-products-list__item h3.--paplids::before { background: #4064a3; }
.infopage-products-list__item h3.--fastfood::before { background: #85b535; }
.infopage-products-list__item h3.--fdn::before { background: #180c7f; }

.info_product_list ul {
    list-style: none;
    padding-left: 0;
    padding-bottom: 0;
    margin: 0;
}

.info_product_list ul li {
    margin-top: 12px;
}

/* Адаптив */
@media (max-width: 1199px) {
    .infopage-products-list__item {
        padding-top: 30px;
        padding-bottom: 0;
        border-radius: 0;
    }

    .infopage-products-list > div:last-of-type .infopage-products-list__item {
        padding-bottom: 30px;
    }

    .infopage-products-list__item h3 {
        margin-top: 30px;
    }
}


/* Устойчивое развитие ====================================================== */

.storytell--sustain-items .b-image-content__image::after {
    display: block;
    content: '';
    position: absolute;
    width: calc(100% - 15px);
    height: 100%;
    top: 0;
    left: 15px;
    background: linear-gradient(45deg, rgba(26, 34, 90, .8) 0%, transparent 70%);
}

.storytell--sustain-links .b-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.storytell--sustain-links h3 {
    font-size: 18px;
}

.storytell--sustain-links .b-vertical-image-content__image {
    height: 300px;
}

.sustain-link__icon {
    width: 120px;
    max-width: 100%;
    margin-bottom: 40px;
}

.sustain-link__name {
    display: block;
    margin-bottom: 50px;
}

/* Адаптив */
@media (max-width: 767px) {
    .storytell--sustain-items .b-image-content__image::after {
        width: calc(100% - 30px);
    }
}


/* Доставка ================================================================= */

.shipping-colors-header {
    margin-top: 60px;
}

.shipping-colors-list {
    list-style: none;
    padding-left: 0;
    text-align: center;
}

.shipping-colors-list li {
    display: inline-block;
    margin-right: 15px;
    margin-top: 7px;
    text-align: center;
}

.shipping-colors-list li:last-of-type {
    margin-right: 0;
}

.shipping-color__sample {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.shipping-color__name {
    font-size: 13px;
    font-weight: bold;
}

/* Подсказка карты jqvmap */
.jqvmap-label {
    padding: 10px !important;
    background: var(--color-primary) !important;
}


/* Заказ и оплата =========================================================== */

.order-options .logo-fdn {
    max-width: 200px;
}

.order-options .b-content--middle {
    min-height: 250px;
    height: 100%;
}

.order-options .b-btn {
    margin-bottom: 0;
}

.order-options h3 {
    margin-bottom: 30px;
}

.order-options-item__phone {
    text-align: center;
    margin-top: -10px;
    white-space: nowrap;
}

.order-options-item__phone a {
    font-size: 28px;
    font-weight: 900;
    text-decoration: none;
    color: var(--color-text);
}

.order-options-item__phone span {
    display: block;
    font-size: 16px;
    font-weight: 300;
}

/* Адаптив */
@media (max-width: 767px) {
    .order-options-item__phone a {
        font-size: 26px;
    }
}


/* Отслеживание груза ======================================================= */

.shippingtrack__result {
    margin-top: 20px;
}

.shippingtrack__result-inner {
    margin-top: 40px;
    margin-bottom: 30px;
}

.shippingtrack__result-process {
    color: #f58802;
}

.shippingtrack__result-success {
    color: #05cd13;
}

.shippingtrack__checkpoints-table {
    margin-top: 30px;
}

.shippingtrack__checkpoints-table td {
    padding: 8px 15px;
}

.shippingtrack__checkpoints-table td:first-of-type {
    vertical-align: top;
    padding-left: 25px;
}

.shippingtrack__checkpoints-table td:last-of-type {
    padding-right: 25px;
}

.shippingtrack__checkpoints-table tr:nth-child(odd) {
    background: var(--color-bg-light);
}

.shippingtrack__checkpoint-courier {
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-top: 10px;
}


/* Отдел продаж ============================================================= */

.salesdep {
    display: flex;
    flex-wrap: wrap;
}

.salesdep__item {
    overflow: hidden;
    margin-bottom: 30px;
}

.salesdep__item__pic {
    width: 100%;
    height: 330px;
}

.salesdep__item__pic img {
    width: 100%;
    height: 100%;
}

.salesdep__item__name {
    background: #fff;
    padding: 30px;
    position: relative;
    height: 100%;
}

.salesdep__item__name__fio {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
}

.salesdep__item__name__dol {
    font-size: 12px;
    padding-bottom: 10px;
}

/* Адаптив */
@media (max-width: 767px) {
    .salesdep__item__pic {
        height: 260px;
    }

    .salesdep__item__name {
        padding: 15px;
    }
}


/* Сырьё и материалы ======================================================== */

.materials-intro {
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
}

.materials-aluminium {
    background: linear-gradient(to right, rgba(255, 255, 255, .65) 0%, rgba(255, 255, 255, .45) 100%), url('/images/materials-aluminium-bg.jpg') center center;
}

.materials-header {
    margin-top: 70px;
}

.materials-header span {
    font-weight: 900;
    display: block;
}

.materials-storaenso {
    margin-top: 15px;
    padding-right: 5px;
    padding-bottom: 40px;
}

.materials-layers {
    max-height: 130px;
    margin-top: 20px;
}

.materials-bio {
    max-height: 60px;
    margin-bottom: 10px;
}

.materials-microwave img {
    margin-top: 15px;
}

/* End */
/* /local/templates/formacia/components/bitrix/search.title/suggest/style.css?17919018864495 */
/* /local/templates/formacia/css/fonts.css?17917838763905 */
/* /local/templates/formacia/css/icons.css?17917838765169 */
/* /local/templates/formacia/css/bootstrap.min.css?179178387615951 */
/* /local/templates/formacia/js/flickity/flickity.min.css?17917838761824 */
/* /local/templates/formacia/js/fancybox/fancybox.css?179178387625343 */
/* /local/templates/formacia/css/main.css?179178387658305 */
/* /local/templates/formacia/css/header.css?179178387627784 */
/* /local/templates/formacia/css/footer.css?17917838764898 */
/* /local/templates/formacia/css/home.css?179178387620845 */
/* /local/templates/formacia/css/catalog.css?179178387622279 */
/* /local/templates/formacia/css/product.css?17917838767952 */
/* /local/templates/formacia/css/customcups.css?17917838768011 */
/* /local/templates/formacia/css/articles.css?17917838767990 */
/* /local/templates/formacia/css/wip.css?17917838761213 */
/* /local/templates/formacia/css/kabinet.css?179178387610804 */
/* /local/templates/formacia/css/ecology.css?17917838763393 */
/* /local/templates/formacia/css/content-blocks.css?179178387628609 */