.elementor-kit-1891{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-45b9203:#FFFFFF;--e-global-color-34d17e9:#00A9F7;--e-global-color-bf56622:#007FBD;--e-global-color-5127fae:#00ADFF;--e-global-color-1cbb55c:#000000;--e-global-color-bc840fd:#0CFF71;--e-global-color-2ee3aff:#964B00;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-7524d84-font-family:"Roboto";--e-global-typography-7524d84-font-size:17px;--e-global-typography-7524d84-font-weight:600;--e-global-typography-7524d84-line-height:0px;--e-global-typography-7524d84-letter-spacing:0px;--e-global-typography-7524d84-word-spacing:0px;--e-global-typography-7081ef7-font-family:"Verdana";--e-global-typography-b8bf1d2-font-family:"Roboto";--e-global-typography-b8bf1d2-font-size:16px;--e-global-typography-b8bf1d2-font-weight:400;--e-global-typography-8e88d25-font-family:"Roboto";--e-global-typography-8e88d25-font-size:17px;--e-global-typography-9cc01ec-font-family:"Roboto";--e-global-typography-9cc01ec-font-size:18px;--e-global-typography-7cac830-font-family:"Roboto";--e-global-typography-7cac830-font-size:14px;--e-global-typography-87b4f1e-font-family:"Roboto";--e-global-typography-87b4f1e-font-size:15px;}.elementor-kit-1891 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1891 p{margin-block-end:0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-1891{--e-global-typography-primary-font-size:1rem;--e-global-typography-7524d84-font-size:0.7rem;--e-global-typography-7524d84-line-height:0.9rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Начальное состояние хедера: скрыт сверху */
.my-slide-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
    opacity: 0;
    /* transform 1.5s: длительность анимации скрытия и появления */
    transition: transform 1.5s ease-out, opacity 0.9s ease-out, visibility 0s 0.9s; /* Добавляем задержку видимости при скрытии */
    z-index: 999;
    visibility: hidden;
}

/* При добавлении класса 'is-visible' хедер становится видимым */
.my-slide-header.is-visible {
    transform: translateY(0);
    opacity: 1 !important; /* Убедимся, что opacity при появлении/скрытии имеет приоритет */
    visibility: visible !important; /* Делаем хедер видимым и интерактивным */
    transition: transform 1.5s ease-out, opacity 0.9s ease-out, visibility 0s 0s; /* Нет задержки видимости при появлении */
}

/* Принудительное плавное появление/исчезновение для логотипов и любых других элементов внутри хедера */
/* Это строки, которые помогут логотипам плавно исчезать! */
.my-slide-header .elementor-animation-skew-forward,
.my-slide-header .elementor-animation-shrink,
.my-slide-header .elementor-animation-skew-forward img,
.my-slide-header .elementor-animation-shrink img {
    opacity: 1 !important; /* Обеспечим, что opacity по умолчанию 1, пока хедер виден */
    transition: opacity 0.9s ease-out !important; /* Анимация opacity логотипов */
    display: block !important; /* Убедимся, что они не скрываются через display: none; */
    visibility: inherit !important; /* Унаследуют видимость от родителя, но это менее надежно чем opacity+display */
}

/* Когда хедер скрыт, принудительно скрываем и логотипы, но с анимацией */
.my-slide-header:not(.is-visible) .elementor-animation-skew-forward,
.my-slide-header:not(.is-visible) .elementor-animation-shrink,
.my-slide-header:not(.is-visible) .elementor-animation-skew-forward img,
.my-slide-header:not(.is-visible) .elementor-animation-shrink img {
    opacity: 0 !important; /* Принудительно делаем невидимыми */
    transition: opacity 0.9s ease-out !important; /* Анимация opacity логотипов при скрытии */
}


/* Если хедер закреплен через Elementor, убедимся, что наши стили имеют приоритет */
.elementor-sticky--effects.my-slide-header {
    transform: translateY(-100%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.elementor-sticky--effects.my-slide-header.elementor-sticky--active {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
}/* End custom CSS */