/* tilda-lite.css — то, что на Tilda делает JS (стили, которые Tilda вставляет скриптом), шрифт и запасной вид без JS.
   Пара к tilda-lite.js; CSS библиотек Tilda — tilda.css (генератор), CSS записей — в <head> страницы. */

/* Montserrat 100–900 (переменный, свой файл вместо Google Fonts) */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-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}

/* Записи, которые показывает окно 1093 (data-popup-rec-ids): вне окна скрыты, скрипт переносит их в окно */
.bs-popup-src{display:none}
.t-popup .bs-popup-src{display:block}

/* Zero: элементы видимы (Tilda ставит артборду класс .rendered скриптом — без него выпадающие меню шапки не видны) */
.t396__artboard .tn-elem{visibility:visible}

/* Анимация появления элементов Zero — стили, которые tilda-animation добавляет скриптом (t_animate__generateStyles), на всех ширинах */
.t396 .t-animate[data-animate-style="fadein"],.t396 .t-animate[data-animate-style="fadeinup"],.t396 .t-animate[data-animate-style="fadeindown"],.t396 .t-animate[data-animate-style="fadeinleft"],.t396 .t-animate[data-animate-style="fadeinright"],.t396 .t-animate[data-animate-style="zoomin"],.t396 .t-animate[data-animate-style="zoomout"]{opacity:0;transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.t396 .t-title.t-animate{transition-duration:1.2s}
.t396 .t-descr.t-animate,.t396 .t-uptitle.t-animate,.t396 .t-subtitle.t-animate,.t396 .t-text.t-animate{transition-duration:.7s}
.t396 .t-animate_started[data-animate-style="fadein"]{opacity:1}
.t396 .t-animate[data-animate-style="fadeinup"]{transform:translate(0,100px)}
.t396 .t-animate_started[data-animate-style="fadeinup"]{opacity:1;transform:none}
.t396 .t-animate[data-animate-style="fadeindown"]{transform:translate(0,-100px)}
.t396 .t-animate_started[data-animate-style="fadeindown"]{opacity:1;transform:none}
.t396 .t-animate[data-animate-style="fadeinleft"]{transform:translate(100px,0)}
.t396 .t-animate_started[data-animate-style="fadeinleft"]{opacity:1;transform:none}
.t396 .t-animate[data-animate-style="fadeinright"]{transform:translate(-100px,0)}
.t396 .t-animate_started[data-animate-style="fadeinright"]{opacity:1;transform:none}
.t396 .t-animate[data-animate-style="zoomin"]{transform:scale(.9)}
.t396 .t-animate_started[data-animate-style="zoomin"]{opacity:1;transform:scale(1)}
.t396 .t-animate[data-animate-style="zoomout"]{transform:scale(1.2)}
.t396 .t-animate_started[data-animate-style="zoomout"]{opacity:1;transform:scale(1)}
.t396 .t-animate_started[data-animate-distance],.t396 .t-animate_started[data-animate-scale]{transform:none!important}

/* Без JS (скрипт не загрузился, редактор WordPress) — всё видно в конечном состоянии; со скриптом html получает .bs-js сразу */
@keyframes bs-reveal{to{opacity:1;transform:none}}
html:not(.bs-js) .t396 .t-animate{animation:bs-reveal 0s 4s forwards}
html:not(.bs-js) .t-slds{visibility:visible!important}
.editor-styles-wrapper .t396 .t-animate,.block-editor-page .t396 .t-animate{opacity:1!important;transform:none!important;animation:none!important}
@media (scripting:none){.t396 .t-animate{opacity:1!important;transform:none!important}.t-slds{visibility:visible!important}}
/* Меньше движения — без анимаций, сразу конечный вид */
@media (prefers-reduced-motion:reduce){
.t396 .t-animate{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
[data-animate-btn-effect] .t-btn_wrap-effects{animation:none!important;display:none}
.t-slds_animated,.t-popup,.t-popup__container,.t-popup__container-animated{transition:none!important}
.typed-cursor{animation:none!important}
}

/* Шапка закреплена сверху (вставка ANNEXX 016 в T123 шапки Tilda: block #rec752240111, action fixed) */
#t-header{position:relative}
#rec752240111{position:fixed!important;top:0!important;width:100%;height:fit-content;z-index:4000!important;pointer-events:none}
#rec752240111 .tn-elem{pointer-events:all}
body.admin-bar #rec752240111{top:32px!important}
@media screen and (max-width:782px){body.admin-bar #rec752240111{top:46px!important}}

/* Увеличение фото: режим «крупно» — классы Tilda .scale-active (стили в tilda.css), своих правил нет */