/* Start:/local/js/custom/swiper/swiper-bundle.css?178465554419960*/
/**
 * Swiper 8.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 13, 2022
 */

@font-face {
    font-family: 'swiper-icons';
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
    touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}
:root {
    --swiper-navigation-size: 44px;
    /*
    --swiper-navigation-color: var(--swiper-theme-color);
    */
}
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important;
}
/*.swiper-button-prev:after,*/
/*.swiper-button-next:after {*/
/*    font-family: swiper-icons;*/
/*    font-size: var(--swiper-navigation-size);*/
/*    text-transform: none !important;*/
/*    letter-spacing: 0;*/
/*    font-variant: initial;*/
/*    line-height: 1;*/
/*}*/
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto;
}
/*.swiper-button-prev:after,*/
/*.swiper-rtl .swiper-button-next:after {*/
/*    content: 'prev';*/
/*}*/
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
/*.swiper-button-next:after,*/
/*.swiper-rtl .swiper-button-prev:after {*/
/*    content: 'next';*/
/*}*/
.swiper-button-lock {
    display: none;
}
:root {
    /*
    --swiper-pagination-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-size: 8px;
    --swiper-pagination-bullet-width: 8px;
    --swiper-pagination-bullet-height: 8px;
    --swiper-pagination-bullet-inactive-color: #000;
    --swiper-pagination-bullet-inactive-opacity: 0.2;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 6px;
    */
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 10px;
    left: 0;
    width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet:only-child {
    display: none !important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}
.swiper-pagination-lock {
    display: none;
}
/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}
.swiper-scrollbar-cursor-drag {
    cursor: move;
}
.swiper-scrollbar-lock {
    display: none;
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.swiper-slide-zoomed {
    cursor: move;
}
/* Preloader */
:root {
    /*
    --swiper-preloader-color: var(--swiper-theme-color);
    */
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* a11y */
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube {
    overflow: visible;
}
.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}
.swiper-flip {
    overflow: visible;
}
.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}
.swiper-cards {
    overflow: visible;
}
.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
/* End */


/* Start:/local/js/custom/fancybox3/jquery.fancybox.min.css?178465554412795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/direkt2026/assets/css/fonts.css?17846555445163*/

@font-face {
    font-family: 'Geologica';
    src: url('/local/templates/direkt2026/assets/fonts/Geologica-ExtraLight/Geologica-ExtraLight.eot');
    src: local('Geologica ExtraLight'), local('Geologica-ExtraLight'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-ExtraLight/Geologica-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-ExtraLight/Geologica-ExtraLight.woff2') format('woff2'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-ExtraLight/Geologica-ExtraLight.woff') format('woff'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-ExtraLight/Geologica-ExtraLight.ttf') format('truetype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-ExtraLight/Geologica-ExtraLight.svg#Geologica-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GeologicaRegular';
    src: url('/local/templates/direkt2026/assets/fonts/Geologica-Regular/Geologica-Regular.eot');
    src: local('Geologica Regular'), local('Geologica-Regular'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Regular/Geologica-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Regular/Geologica-Regular.woff2') format('woff2'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Regular/Geologica-Regular.woff') format('woff'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Regular/Geologica-Regular.ttf') format('truetype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Regular/Geologica-Regular.svg#Geologica-Regular') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GeologicaBold';
    src: url('/local/templates/direkt2026/assets/fonts/Geologica-Bold/Geologica-Bold.eot');
    src: local('Geologica Bold'), local('Geologica-Bold'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Bold/Geologica-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Bold/Geologica-Bold.woff2') format('woff2'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Bold/Geologica-Bold.woff') format('woff'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Bold/Geologica-Bold.ttf') format('truetype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Bold/Geologica-Bold.svg#Geologica-Bold') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GeologicaMedium';
    src: url('/local/templates/direkt2026/assets/fonts/Geologica-Medium/Geologica-Medium.eot');
    src: local('Geologica Medium'), local('Geologica-Medium'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Medium/Geologica-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Medium/Geologica-Medium.woff2') format('woff2'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Medium/Geologica-Medium.woff') format('woff'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Medium/Geologica-Medium.ttf') format('truetype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Medium/Geologica-Medium.svg#Geologica-Medium') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'GeologicaThin';
    src: url('/local/templates/direkt2026/assets/fonts/Geologica-Thin/Geologica-Thin.eot');
    src: local('Geologica Thin'), local('Geologica-Thin'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Thin/Geologica-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Thin/Geologica-Thin.woff2') format('woff2'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Thin/Geologica-Thin.woff') format('woff'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Thin/Geologica-Thin.ttf') format('truetype'),
        url('/local/templates/direkt2026/assets/fonts/Geologica-Thin/Geologica-Thin.svg#Geologica-Thin') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Manrope';
    src: url('/local/templates/direkt2026/assets/fonts/Manrope/Manrope-Regular.eot');
    src: local('Manrope'), local('Manrope'),
        url('/local/templates/direkt2026/assets/fonts/Manrope/Manrope-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/direkt2026/assets/fonts/Manrope/Manrope-Regular.woff2') format('woff2'),
        url('/local/templates/direkt2026/assets/fonts/Manrope/Manrope-Regular.woff') format('woff'),
        url('/local/templates/direkt2026/assets/fonts/Manrope/Manrope-Regular.ttf') format('truetype'),
        url('/local/templates/direkt2026/assets/fonts/Manrope/Manrope-Regular.svg#Manrope-Regular') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/style.css?178541002125531*/
@charset "utf-8";
:root {
	--color-main-bg: #07111B;
	--color-second-bg: #1F2831;
	--color-link: #843BF5;
	--color-text: #ffffff;
	--color-descr-text: #83888D;
	--index-hover-text: #483BF5;
	--color-light: rgba(240, 238, 255, 0.55);
	--color-gradient-end: rgba(255, 255, 255, 0.3);
	--border-radius: 40px;
	--size-h1: 48px;
}
*, ::after, ::before {
  box-sizing: border-box;
}
body {
    color: var(--color-text);
    font-family: 'Geologica';
    font-size: 18px;
    line-height: 1.2;
	background: var(--color-main-bg);
    padding: 0;
    margin: 0;
}

html.lock-scroll {
	overflow: hidden;
}
html,
body {
	height: 100%;
}
.wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.content {
	flex: 1 0 auto;
	overflow: hidden;
}
.footer {
	flex: 0 0 auto;
}

a,
.link {
    color: var(--color-text);
    text-decoration: none;
    outline: 0!important;
    -moz-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
a:not(.no-hover):after,
.link:not(.no-hover):after {
	content: "";
	background-color: var(--color-text);
	mask: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1567 1.26172C14.1567 0.564096 13.5912 -0.00143909 12.8936 -0.00143909H1.52513C0.827511 -0.00143909 0.261976 0.564096 0.261976 1.26172C0.261976 1.95934 0.827511 2.52488 1.52513 2.52488H11.6304V12.6301C11.6304 13.3278 12.1959 13.8933 12.8936 13.8933C13.5912 13.8933 14.1567 13.3278 14.1567 12.6301V1.26172ZM0.893555 13.2617L1.78674 14.1549L13.7867 2.15491L12.8936 1.26172L12.0004 0.368531L0.000367224 12.3685L0.893555 13.2617Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
	opacity: 0;
	margin-left: 5px;
	display: inline-block;
	width: 15px;
	height: 15px;
    transition: all .2s ease-in;
}
a:focus,
a:hover {
    cursor: pointer;
    text-decoration: none;
    color: var(--color-text);
}
a:not(.no-hover):hover:after,
.link:not(.no-hover):hover:after {
	opacity: 1;
}
a[href^="mailto:"],
a[href^="tel:"] {
	white-space: nowrap;
}
img {
	max-width: 100%;
	height: auto;
}
/* begin h style */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
}
h1,
.h1 {
	font-family: 'GeologicaRegular';
	font-size: var(--size-h1);
	font-weight: 500;
	line-height: 1;
    color: var(--color-text);
    margin-bottom: 48px;
    margin-top: 0;
    padding: 0;
}
h2,
.h2 {
	font-family: 'GeologicaRegular';
    font-size: 48px;
    line-height: 1;
    color: var(--color-text);
    margin: 40px 0 48px;
}
h3,
.h3 {
	font-family: 'GeologicaRegular';
    font-size: 30px;
    line-height: 1.22;
}
h4,
.h4 {
    font-size: 26px;
}
h5,
.h5 {
    font-size: 22px;
}
/* end h style */

/* begin form style */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
	padding: 17.5px 24px;
	font-size: 20px;
	font-family: 'Geologica';
	border-radius: var(--border-radius);
	color: var(--color-text);
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="email"]:focus,
input[type="email"]:active,
textarea:focus,
textarea:active {
	outline: none;
}
::placeholder {
	opacity: 0.2;
}
label.checkbox {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-size: 18px;
	font-family: 'GeologicaThin';
}
label.checkbox input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	min-width: 20px;
	width: 20px;
	height: 20px;
	border: 2px solid var(--color-link);
	border-radius: 4px;
	transition: 0.2s all linear;
	display: grid;
	place-content: center;
	border-radius: 100%;
	cursor: pointer;
}
label.checkbox input[type="checkbox"]:checked {
	background: var(--color-link);
}
label.checkbox__square {
	cursor: pointer;
	font-size: 18px;
	font-family: 'Geologica';
}
label.checkbox__square a {
	color: var(--color-link);
}
label.checkbox__square input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	min-width: 13px;
	width: 13px;
	height: 13px;
	border: 2px solid #7F77DD;
	border-radius: 2.5px;
	transition: 0.2s all linear;
	display: inline-flex;
	place-content: center;
	cursor: pointer;
	margin: 0 10px 0 0;
}
label.checkbox__square input[type="checkbox"]:checked {
	background: #7F77DD;
}
/* end form style */


/* begin select style */
.selectNative,
.selectCustom {
	position: relative;
	width: 100%;
	height: auto;
}
.selectCustom {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.selectNative:focus,
.selectCustom.isActive .selectCustom-trigger {
	outline: none;
}
.select {
	position: relative;
}
.selectWrapper {
	position: relative;
}
.selectNative,
.selectCustom-trigger {
	font-size: 20px;
	background-color: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
}
.selectNative option[disabled] {
	opacity: 0.2;
}
.selectNative {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 10px;
	padding: 11px 14px;
	color: var(--color-text);
	height: 50px;
}
.selectCustom-trigger {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.05);
	padding: 0 23px 0 14px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.2);
	
	height: 49px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 49px;
}
.selectCustom-trigger.change {
	color: rgba(255, 255, 255, 1);
}
.selectCustom-trigger::after {
	content: "▾";
	position: absolute;
	top: 0;
	line-height: 49px;
	right: 4px;
	color: rgba(255, 255, 255, 0.2);
}
.selectCustom-trigger:hover {
	border-color: rgba(255, 255, 255, 0.08);
}
.selectCustom-options {
	position: absolute;
	top: 49px;
	left: 0;
	width: 100%;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	background-color: var(--color-main-bg);
	z-index: 2;
	padding: 10px 0;
	display: none;
}
.selectCustom.isActive .selectCustom-options {
	display: block;
}
.selectCustom-option {
	position: relative;
	padding: 10px 15px 10px 22px;
}
.selectCustom-option.isHover,
.selectCustom-option:hover {
	background-color: var(--color-link);
	color: var(--color-text);
	cursor: pointer;
	border-radius: 20px;
}
.selectCustom-option:not(:last-of-type)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.selectCustom-option.isActive::before {
	content: "✓";
	position: absolute;
	left: 5px;
}
@media (hover: hover) {
	.selectCustom {
		display: block;
	}
	.selectNative {
		opacity: 0;
	}
	.selectNative:focus + .selectCustom {
		display: none;
	}
}
/* end select style */

/* begin btn style */
.btn:focus,
.btn:active,
.btn:visited {
	outline: none;
	text-decoration: none;
}
input[type="submit"],
.btn {
	padding: 17px 24px;
	font-size: 20px;
	line-height: 1;
	border-radius: var(--border-radius);
	border: 0;
	outline: none;
	cursor: pointer;
	transition: all 0.5s ease;
	text-align: center;
}
input[type="submit"],
.btn-main {
	background: var(--color-link);
	border: 1px solid var(--color-link);
	color: var(--color-text);
	font-weight: 100;
	font-size: 36px;
	text-decoration: none;
}
input[type="submit"]:hover,
.btn-main:hover {
	background: transparent;
	color: var(--color-link);
	text-decoration: none;
}
input[type="submit"]:disabled,
.btn:disabled {
	cursor: default;
	pointer-events: none;
}
input[type="submit"].loading:before,
.btn.loading:before {
	border-radius: var(--border-radius);
}
.btn-main__border {
	border: 1px solid var(--color-link);
	background: transparent;
	text-decoration: none;
	font-family: 'GeologicaMedium';
	font-size: 20px;
	color: var(--color-link);
}
.btn-main__border:hover {
	background: var(--color-link);
	color: var(--color-text);
	text-decoration: none;
}
.btn-border {
	color: var(--color-text);
	border: 1px solid var(--color-text);
	background: transparent;
	font-size: 20px;
	transition: all 0.5s ease;
	text-decoration: none;
	border-radius: 16px;
	text-align: center;
	padding: 10.5px 25px;
}
.btn-border:hover {
	text-decoration: none;
	color: var(--color-link);
	border-color: var(--color-link);
}
.btn-second__border {
	color: var(--color-link);
	border: 1px solid var(--color-link);
	background: transparent;
	font-size: 20px;
	transition: all 0.5s ease;
	text-decoration: none;
	border-radius: 16px;
}
.btn-second__border:hover {
	text-decoration: none;
	background: var(--color-link);
	color: var(--color-text);
}
.btn-gradient_border {
	position: relative;
	border: 1px solid transparent;
	border-radius: 16px;
	background: none;
	padding: 10.5px 25px;
	text-decoration: none;
	text-align: center;
	color: var(--color-text);
}
.btn-gradient_border::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit; 
	padding: 1px;
	background: linear-gradient(to right, var(--color-text) 20.47%, var(--color-gradient-end) 78.94%); 
	-webkit-mask: 
		 linear-gradient(var(--color-text) 0 0) content-box, 
		 linear-gradient(var(--color-text) 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	transition: all 0.5s ease;
}
.btn-gradient_border:hover {
	text-decoration: none;
}
.btn-gradient_border:hover::before {
	background: linear-gradient(to right, var(--color-text) 20.47%, rgba(255, 255, 255, 0.7) 78.94%); 
}
.btn-second {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.2);
	text-decoration: none;
	text-align: center;
	color: var(--color-text);
}
.btn-second:hover,
.btn-second:active,
.btn-second:focus,
.btn-second:visited {
	text-decoration: none;
	background: var(--color-gradient-end);
}
.btn.btn-xs {
	padding: 6px 16px;
	font-size: 20px;
}
/* end btn style */

.font-bold {
	font-family: 'GeologicaBold';
}
.font-medium {
	font-family: 'GeologicaMedium';
}

.chat-arrow svg.arrow.first-arrow {
	animation-delay: 0.7s;
}
.chat-arrow svg.arrow.second-arrow {
	animation-delay: 0.35s;
}
.chat-arrow svg {
	animation: slideArrow 2s infinite;
}
@keyframes slideArrow {
	0% {
		transform: translateX(0); /* Исходное положение */
		opacity: 1; /* Видимая стрелка */
	}
	40% {
		transform: translateX(100%); /* Проваливается вниз */
		opacity: 0; /* Исчезает */
	}
	60% {
		transform: translateX(-100%); /* Появляется сверху */
		opacity: 0; /* Ещё невидимая */
	}
	100% {
		transform: translateX(0); /* Возвращается в исходное положение */
		opacity: 1; /* Снова видимая */
	}
}

.loading {
	position: relative;
}
.loading > * {
	z-index: 1;
	position: relative;
}
.loading:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 2;
	cursor: auto;
}
.loading:after {
	content: "";
	width: 48px;
	height: 48px;
	border: 5px dotted var(--color-link);
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: calc(50% - 24px);
	top: calc(50% - 24px);
	box-sizing: border-box;
	animation: rotation 2s linear infinite;
	z-index: 3;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* begin header style */
header {
	margin: 0 0 80px;
	padding: 38px 0 20px;
	position: relative;
}
.header__top {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 99;
	display: flex;
	justify-content: center;
	width: 100%;
	transition: all 0.7s ease-out;
}
header.show .header__top {}
header.show .desktop-nav {
	right: 65px;
	opacity: 1;
}
header.show .burger {
	transform: rotate(180deg);
}
header .logo {
	transition: all 0.7s ease-out;
}
header.show_dropdown {
	z-index: 102;
	position: relative;
}
header.show_dropdown .logo {
	z-index: 101;
}
header.show_dropdown {
	background: url("/local/templates/direkt2026/assets/img/menu_bg.svg") no-repeat right top var(--color-main-bg);
	width: 100%;
	height: 100%;
}

header.show_dropdown ~ main .decor_wave ~ .container {
	z-index: 9;
}
header.fixed {
	z-index: 103;
}
header.fixed .header__top {
	background: var(--color-main-bg);
}
header.fixed .container {
	padding-top: 7px;
}
header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top: 20px;
}
.header__menu {
	display: flex;
	gap: 72px;
	transition: ease-in-out 0.5s;
	cursor: pointer;
}
.header__link {
	text-decoration: none;
	font-size: 16px;
	color: var(--color-text);
	font-weight: 300;
	letter-spacing: 0;
}
.header__link:hover {
	color: var(--color-link);
	text-decoration: none;
}
/* end header style */


/* begin footer style */
footer {
	margin: 130px auto 0;
	padding: 0;
	width: 100%;
	font-size: 20px;
	border-top: 2px rgba(255, 255, 255, 0.40) solid;
}
footer .container {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 62px;
	padding-bottom: 40px;
	padding-top: 40px;
}
.footer__logo img {
	min-width: 140px;
}
footer .chats {
	z-index: 3;
}
.footer__contact {
	display: flex;
	align-items: end;
	gap: 20px;
}
.footer__contact span.chats__icons {
	font-family: Geologica, sans-serif;
	font-weight: 300;
	display: flex;
	align-items: center;
	width: auto;
	height: auto;
	flex: 1 0;
	gap: 5px;
	border: 1px solid rgba(255, 255, 255, 0.25);
	background: rgba(0, 0, 0, 0.01);
	padding: 2px 15px;
	border-radius: 30px;
}
.footer__contact .chats__wrapper a:hover,
.footer__contact .chats__icons:hover {
	border-color: var(--color-link);
	color: var(--color-link);
}
.footer__contact .chats__icons svg {
	width: 10px;
	height: 16px;
}
.footer__offer {
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.footer__offer a {
	text-decoration: none;
	white-space: nowrap;
	font-size: 14px;
}
.footer__offer a:after {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	margin-top: -1px;
	background: #fff;
	transition: all 0.5s ease;
	transform-origin: right; 
	transition: transform 0.5s ease-in-out;
	transform: scaleX(1); 
}
.footer__offer a:hover {
	text-decoration: none;
}
.footer__offer a:hover:after {
	transform: scaleX(0); 
}
.footer__socials {
	display: flex;
	align-items: center;
	gap: 18px;
	flex-wrap: wrap;
}
.footer__socials > a,
.footer__socials a.social__sitemap {
	min-width: 52px;
	height: 44px;
	padding: 5px 10px;
	opacity: 1;
	border-top-left-radius: 20px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	border: 1px solid transparent;
	background: linear-gradient(var(--color-main-bg), var(--color-main-bg) 0) padding-box,
				linear-gradient(-127.99deg, rgba(255, 255, 255, 0.6), var(--color-main-bg)) border-box;

}
.footer__socials > a svg,
.footer__socials a.social__sitemap svg {
	transition: all 0.5s ease;
	z-index: 2;
}
.footer__socials > a:hover,
.footer__socials a.social__sitemap:hover {
	border-color: var(--color-link);
	color: var(--color-link);
}
.chats {
	display: flex;
	align-items: center;
	position: relative;
}
.chats__wrapper {
	position: absolute;
	bottom: 0;
	left: 120px;
	width: 110px;
	opacity: 0;
	transition: all 1s ease;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 10px;
}
.chats__wrapper--active {
	opacity: 1;
}
.chats__wrapper a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	min-width: 50px;
	height: 40px;
	padding: 5px 10px;
	opacity: 1;
	border-top-left-radius: 20px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 1px solid transparent;
	background: linear-gradient(var(--color-main-bg), var(--color-main-bg) 0) padding-box, linear-gradient(-127.99deg, rgba(255, 255, 255, 0.6), var(--color-main-bg)) border-box;
}
.chats__wrapper a svg {
	margin-right: 0;
	transition: all 0.5s ease;
}
/* end footer style */

/* begin feedback style */
.feedback {
	display: flex;
	justify-content: space-around;
	color: var(--color-text);
	background: rgba(255, 255, 255, 0.10);
	border-radius: var(--border-radius);
	padding: 33px 150px 33px 100px;
	margin-top: 160px;
}
.feedback_block {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	gap: 32px;
	max-width: 572px;
}
.feedback_block img {
	max-height: 455px;
}
.feedback_block h2 {
	margin-bottom: 0;
}
.feedback_block h2 + div {
	font-size: 24px;
	font-family: 'GeologicaThin';
}
.leadForm {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.leadForm input[type="text"],
.leadForm input[type="tel"],
.leadForm input[type="email"] {
	background: var(--color-main-bg);
	border: 1px solid var(--color-main-bg);
	font-size: 20px;
	font-family: 'Geologica';
	width: 100%;
}
.leadForm input[type="text"]::placeholder,
.leadForm input[type="tel"]::placeholder,
.leadForm input[type="email"]::placeholder {
	color: var(--color-text);
}
.leadForm .btn {
	margin-top: 50px;
	font-family: 'GeologicaThin';
}
.error-message {
	color: tomato;
	font-size: 12px;
	margin-top: 5px;
	display: none;
}
/* end feedback style */


/* begin main style */
.decor_wave ~ main.main_fixed,
main.main_fixed {
	z-index: unset;
}
.decor_wave ~ main {
	z-index: 101;
	position: relative;
}
.decor_wave {
	position: absolute;
	z-index: 100;
	pointer-events: none;
	top: 0;
	right: 0;
	width: 35vw;
	max-width: 810px;
	min-width: 360px;
	opacity: 0.9;
	transition: transform 0.1s linear;
	will-change: transform;
	z-index: 1;
}
.decor_wave.decor_wave2 {
	transform: translateY(150px) translateX(-10px);
}
.decor_wave.decor_wave--big {
	width: 100%;
	max-width: unset;
	filter: blur(50px);
}
.content:has(> .decor_wave.decor_wave--big) ~ footer {
	z-index: 1;
}
.lock-scroll .content:has(> .decor_wave.decor_wave--big) ~ footer,
.lock-scroll footer:has(.footer_sitemap.active) {
	z-index: 101;
}

.container {
	max-width: 1840px;
	margin: 0 auto;
	padding: 0 20px;
}
.title-line {
	margin-bottom: 20px;
}
.title-line h1 {
	margin: 0;
	text-align: center;
	font-family: 'GeologicaBold';
	font-size: 46px;
}
.title-line .line {
	margin-top: 32px;
}
.line {
	border: 1px white solid;
	margin: 0px;
}
.title-top__list {
	display: flex;
	align-items: center;
	gap: 48px;
	margin-bottom: 60px;
}
.title-top__list > * {
	margin: 0;
}
.icon-back {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-top: 2px solid var(--color-text);
	border-left: 2px solid var(--color-text);
	transform: rotate(-45deg);
}
.link-back__detail {
	display: inline-flex;
	font-family: 'GeologicaRegular';
	font-size: var(--size-h1);
	font-weight: 500;
	line-height: 1;
	align-items: center;
	gap: 5px;
	text-decoration: none;
}
.link-back__detail:hover {
	text-decoration: none;
}
.title-top__list.fixed {
	position: fixed;
	width: 100%;
	right: 0;
	left: 0;
	padding: 5px 20px 20px;
	background: var(--color-main-bg);
	z-index: 99;
	max-width: 1800px;
	margin: 0 auto;
	gap: 10px;
}

.universal-banner {
	display: block;
	min-height: 33vw;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}
.universal-banner__inner {
	border-radius: var(--border-radius);
	clip-path: polygon(0 0,0 100%,100% 100%,100% 0); 
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.universal-banner__inner-img {
	height: 33vw;
	position: fixed;
	top: 20vh;
	z-index: 1;
	width: 100%;
	max-width: 1800px;
	border-radius: var(--border-radius);
}
.universal-banner__inner-img img {
	width: 100%;
	/* height: 100%;
	object-fit: cover;
	object-position: center; */
	border-radius: var(--border-radius);
}
.blog-props:has(+ .universal-banner) {
	padding-bottom: 80px;
}
.universal-banner + .blog-props .blog-prop_text {
	margin-top: 0;
}
.universal-banner + .blog-props {
	margin-top: 0;
}


.directions-list {
	display: grid;
	grid-template-columns: repeat(3, calc(100%/3 - 10px));
	gap: 16px;
	align-items: end;
	justify-content: space-between;
}
a.directions-list__item:hover,
a.directions-list__item:focus,
a.directions-list__item:active {
	text-decoration: none;
}
.directions-list__item {
	font-size: 18px;
	padding: 30px 50px 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	background: linear-gradient(180deg, #843BF5 0%, #07111B 100%) padding-box, 
				linear-gradient(127.99deg, #FFFFFF 20.47%, rgba(7, 17, 27, 0) 78.94%) border-box;
	border-radius: var(--border-radius);
	box-shadow: -15px 0px 35px 0px rgba(0, 0, 0, 0.25) inset;
	border: 1px solid transparent;
	transition: all 0.5s ease;
	max-height: 100%;
}
.directions-list__title {
	font-family: "GeologicaBold", sans-serif;
	font-size: 28px;
}
.directions-list__item.active {
	max-height: 133%;
	height: 133%;
	background: linear-gradient(0, #843BF5 0%, #843BF5 100%) padding-box, 
				linear-gradient(127.99deg, #FFFFFF 20.47%, rgba(7, 17, 27, 0) 78.94%) border-box;
	box-shadow: none;
}
.directions-list__item .info-content__footer-title {
	font-family: "GeologicaBold";
	font-size: 28px;
}


.flex {
	display: flex;
}
.gap12 {
	gap: 12px;
}

.info-element + .container {
	z-index: 2;
	position: relative;
}

.list-socials {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: end;
}
.list-socials a {
	min-width: 52px;
	height: 44px;
	padding: 5px 10px;
	opacity: 1;
	border-top-left-radius: 20px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	position: relative;
	border: 1px solid transparent;
	background: linear-gradient(var(--color-main-bg), var(--color-main-bg) 0) padding-box, linear-gradient(-127.99deg, rgba(255, 255, 255, 0.6), var(--color-main-bg)) border-box;
	transition: all 0.5s ease;
}
.list-socials a:hover {
	color: var(--color-link);
	border-color: var(--color-link);
}
/* end main style */



.modal-order-b24 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 100000;
	opacity: 0;
	transition: opacity 0.3s ease;
	word-break: break-all;
}
.modal-order-b24.show {
	display: flex;
	opacity: 1;
}


/* begin footer menu dropdown style */
.lock-scroll .wrapper:before {
	opacity: 0;
}
.lock-scroll .wrapper .content {
	z-index: unset;
}
.footer-menu__dropdown {
	pointer-events: all;
	opacity: 0;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 0;
	overflow: hidden;
	cursor: auto;
	position: fixed;
	margin-right: -17px !important;
	margin-left: 0 !important;
	width: 100vw;
	color: var(--color-text);
	max-width: 100%;
	transition: all 0.5s ease;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	z-index: 2;
}
.footer_sitemap section.sitemap {
	margin: 0;
}
.footer_sitemap.active .social__sitemap {
	z-index: 3;
}
.footer_sitemap.active .footer-menu__dropdown {
	opacity: 1;
	visibility: visible;
	height: 100vh;
}
.footer-menu__dropdown__inner {
	background: url("/include/background-menu.png") no-repeat center center fixed;
	background-size: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.footer-menu__dropdown__inner:empty {
	opacity: 0;
}
.footer_sitemap.active .footer-menu__dropdown .footer-menu__dropdown__inner {
	padding: 70px 50px 50px;
	height: calc(100vh - var(--footer_height));
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: hsl(0 0% 50%);
}
.footer_sitemap.active .social__sitemap {
	border-color: var(--color-link);
	color: var(--color-link);
}
.footer-menu__dropdown .sitemap-column {
	margin-top: 20px;
}
.footer-menu__dropdown .sitemap-item {
	padding: 15px 16px 12px;
	gap: 20px;
}
.footer-menu__dropdown .sitemap-column__top .sitemap-item {
	padding: 15px 16px;
	min-height: 140px;
	gap: 20px;
}
/* end footer menu dropdown style */



.header-navigation {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding-bottom: 80px;
	position: relative;
	margin-bottom: 40px;
}
.header-navigation:after {
	content: "";
	width: 77%;
	height: 2px;
	background: var(--color-text);
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(23%/2);
}
.header-navigation a {
	font-size: 64px;
}
.header-navigation a:hover {
	text-decoration: none;
	color: var(--color-link);
}
.header-navigation a.selected {
	color: var(--color-link);
}

.glass-effect {
	--border-glow: hsl(0 0 100% / 0.4);
	--corner-glow: hsl(0 0 100% / 0.4);
	--background-color-glass: hsl(0 0 0% / 10%);
	background: linear-gradient( var(--background-color-glass), var(--background-color-glass)) border-box;
	background-blend-mode: overlay;
	position: relative;
	border: 1px solid transparent;
}
.glass-effect:before {
	content: '';
	position: absolute;
	inset: 0;
	overflow: hidden;
	border-radius: inherit;
	box-shadow: inset 1px 1px 0px -1px var(--corner-glow), inset 0 0 2px 1px var(--border-glow);
}
.glass-effect:after {
	content: '';
	position: absolute;
	z-index: -1;
	inset: 0;
	border-radius: inherit;
	backdrop-filter: blur(0px);
	filter: url(#liquid-glass);
	-filter: url(#refraction);
	overflow: hidden;
}


.b24-widget-button-inner-container,
.b24-widget-button-wrapper {
	display: none !important;
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/menu.css?178548295237131*/
nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  flex-grow: 1;
  height: 55px;
  z-index: 99;
}
nav ul {
  position: absolute;
  right: -100vw;
  transition: all 0.7s ease;
  opacity: 0;
  z-index: 101;
  padding: 0;
}
nav a {
  transition: opacity 0.3s ease;
  z-index: 1111;
}
nav a:after {
	display:none !important;
}
nav ul {
  display: flex;
}
nav ul li {
  list-style-type: none;
  font-size: 24px;
  font-weight: 500;
  position: relative;
}
nav ul li:not(:last-child) {
  margin-right: 30px;
}
nav ul.desktop-nav li > a,
nav ul.desktop-nav li > span.dropdown__art--link {
	text-decoration: none;
	font-size: 16px;
	color: var(--color-text);
	font-weight: 300;
	letter-spacing: 0;
	transition: opacity 0.3s ease;
	z-index: 1111;
	white-space: nowrap;
}
nav ul.desktop-nav li > a.selected,
nav ul.desktop-nav li > a:hover {
	color: var(--color-link);
	text-decoration: none;
}
.dropdown {
	pointer-events: all;
	opacity: 0;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	height: 0;
	overflow-y: scroll !important;
	cursor: auto;
	position: fixed;
	margin-right: -17px !important;
	margin-left: 0 !important;
	width: 100vw;
	color: var(--color-text);
	max-width: 100%;
	transition: all 0.5s ease;
	background: url("/local/templates/direkt2026/assets/img/menu_bg.svg") no-repeat right top var(--color-main-bg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	scrollbar-width: thin;
	scrollbar-color: hsl(0 0% 50%);
}
.active .dropdown,
.dropdown.hover {
  height: 100vh;
  opacity: 1;
  overflow: visible;
}
.dropdown__inner {
	transition: all 0.5s ease;
}
.dropdown__art--content:not(.active) .dropdown[data-role="open_contact"] .dropdown__inner {
	display: none;
}
.dropdown__art--content.active .dropdown[data-role="open_contact"] .dropdown__inner {
	display: grid;
}

.dropdown__img img {
  max-width: 100%;
  height: 100%;
  margin-left: 24px;
}
.dropdown__img {
  position: relative;
  width: 410px;
  height: 555px;
  overflow: hidden;

  margin-top: 40px;
  margin-left: 24px;
}

.dropdown-video__txt {
  position: absolute;
  top: 96px;
  left: 32px;
  right: 32px;

  font-size: 24px;
  font-family: "Geologica", sans-serif;
  font-weight: 100;
  line-height: 120%;

  text-align: left;
}


@media (max-width: 1300px) {
  .dropdown__img {
    position: relative;
    width: 310px;
    height: 455px;
    overflow: hidden;
  }
}

.dropdown__img .dropdown-video__txt  {
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateX(20px);
}

.dropdown__img .dropdown-video__txt.active {
  opacity: 1;
  z-index: 1;
  transform: translateX(0);
}

.dropdown__img .dropdown-video__txt:not(.active) {
  transform: translateX(20px);
}

.dropdown__art {
  position: relative;
  height: 55px;
  display: flex;
  align-items: center;
}
.dropdown__art:last-child {
  margin-right: 45px;
}
.dropdown__art--link {
  font-size: 22px;
  line-height: 1.3;
}
.dropdown__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 70px 60px 0;
	width: 100%;
	max-width:1800px;
	max-height: calc(100vh - 160px);
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: hsl(0 0% 50%);
}

.dropdown__inner.product {
	height: 100%;
}

.dropdown__item {
  width: 100%;
  max-width: 100%;
}

.dropdown__item--img {
  max-width: 100%;
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 30px;
  height: 555px;
  position: relative;
  margin-top: 92px;
  overflow: visible;
  border-radius: 5px;
  z-index: 1;
  transition: transform 0.5s ease;
}

.dropdown__item--img img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1; 
  border-radius: 5px;
  transition: transform 0.5s ease;
  opacity: 1;
  filter: brightness(0.3);
  transition: all 0.3s ease-in-out;
}

.dropdown__item:last-child {
  margin-bottom: 0;
}
.dropdown__item--wrap {
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.line-image {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  margin: 38px 20px 0 20px;
}

#line-top,
#circle-top-right,
#circle-top-left {
  transition: stroke 0.3s ease, fill 0.3s ease;
}

.dropdown__item--title:hover + .line-image {
  opacity: 1;
}

.dropdown__disc--link:hover {
	text-decoration: none;
}
.dropdown__disc--link:hover + .line-image {
  opacity: 1;
}
.dropdown__item--title:not:has(+ .line-image) {
	margin-left: 0;
}

.dropdown__item--title {
  font-size: 96px;
  line-height: 117px;
  font-weight: 300;
  margin-left: auto;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
}
.dropdown__item--title.dropdown__item--title--null {
  margin-left: 4vw;
}
.dropdown__item--title:hover {
  color: #4CE3F7;
  opacity: 1;
	text-decoration: none;
}

.dropdown__menu--row {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 0;

  position: relative;
}
.dropdown__menu--row--direction {
  /*max-width: 55%;*/
  /*width: 55%;*/
  position: relative;
  margin-top: 40px;
}
.dropdown__menu--row--works {
  flex-direction: row;
  gap: 30px;
  width: 100%;
  max-width: 1290px;
  margin-right: 0 !important;
  justify-content: center;
  padding-top: 20px;
}
.dropdown__menu--row--works .dropdown__item {
  max-width: 410px;
  height: 100%;
  max-height: 555px;
  width: 30%;
  margin: 0;
}
.dropdown__menu--row--works .dropdown__item--img {
  height: 100%;
}

.dropdown__item--img::before {
  content: '';
  position: absolute;
  top: -10px; /* Увеличиваем область сверху */
  left: -10px; /* Увеличиваем область слева */
  right: -10px; /* Добавляем границы справа */
  bottom: 20px; /* Добавляем границы снизу */
  border-radius: 10px; /* Радиус градиента */
  border-radius: 10px; /* Округляем границы градиента */
  background: linear-gradient(122deg, rgba(76, 227, 247, 0.60) 0%, rgba(132, 59, 245, 0.60) 100%);
  z-index: 0; /* Размещаем под изображением */
  opacity: 0;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: scale(0.95); /* Немного уменьшаем для плавного появления */
  filter: blur(20.80px);
}

.dropdown__item--img:hover::before {
  opacity: 1; /* Появление градиентной рамки */
  transform: scale(1); /* Рамка появляется с градиентом */
}

.dropdown__item--img img:hover {
  filter: brightness(1);
}

.dropdown__menu--row--blog {
  flex-wrap: wrap;
  flex-direction: row;
  gap: 30px;
  height: 100%;
  width: 100%;
  max-width: 1290px;
  margin-right: 0 !important;
  justify-content: center;
}
.dropdown__menu--row--blog .dropdown__item {
  max-width: 410px;
  height: 100%;
  max-height: 555px;
  width: 30%;
  margin: 0;
}
.dropdown__menu--row--blog .dropdown__item--img {
  height: 100%;
}
.dropdown__menu--row--blog .dropdown__item--img p {
  font-size: 40px;
  line-height: 47px;
  font-weight: 300;
  color: white;
}

.dropdown__menu--row--direction .dropdown__item--img p {
  font-size: 40px;
  line-height: 47px;
  font-weight: 300;
  color: white;
}

.dropdown__disc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  max-width: 290px;
  margin-top: 57px;
}
.dropdown__disc--link {
  margin-bottom: 17px;
  font-size: 30px;
  line-height: 35px;
  font-weight: 400;
  opacity: 0.4;
  transition: all 0.3s ease-in-out;
}
.dropdown__disc--link:last-child {
  margin-right: 0;
}

.dropdown__item--title:hover ~ .dropdown__disc .dropdown__disc--link {
  opacity: 1;
}

.dropdown__disc--link:hover ~  .dropdown__item--title {
  opacity: 1;
}

.dropdown__disc--link:hover {
  opacity: 1;
  color: #4CE3F7;
}

.dropdown-mobile {
	overflow-y: scroll !important;
	overflow: hidden;
	opacity: 0;
	height: 0;
	padding-bottom: 0 !important;
}
.dropdown-mobile.active {
	overflow: visible;
	opacity: 1;
	height: 100vh;
	padding-bottom: 120px !important;
}
.dropdown-mobile__wrapper {
  max-width: 950px;
  width: 100%;
  padding: 0 10px;
  padding-top: 85px !important;
}
@media (max-width: 1441px) {
  .dropdown-mobile__wrapper {
    max-width: 1190px;
    width: 97%;
  }
}
@media (max-width: 1025px) {
  .dropdown-mobile__wrapper {
    max-width: 950px;
    width: 99%;
    padding: 0 30px;
  }
}
@media (max-width: 769px) {
  .dropdown-mobile__wrapper {
    max-width: 770px;
    padding: 0 40px;
    margin: unset;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .dropdown-mobile__wrapper {
    max-width: 100%;
    padding: 0 15px;
    width: 100%;
  }
}
.dropdown-mobile__title {
  font-size: 40px;
  line-height: 49px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown-mobile__title a:hover {
  opacity: 0.5;
}
.dropdown-mobile .menu__arrow {
  margin-left: 5px;
  cursor: pointer;
  transition: rotate 0.5s linear;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}
.dropdown-mobile .menu__arrow svg {
  cursor: pointer;
}
.dropdown-mobile .menu__arrow.rotate {
  transform: rotate(-180deg);
}
.dropdown-mobile__2lvl-item {
  margin-bottom: 10px;
}
.dropdown-mobile__2lvl-item:first-child {
  margin-top: 10px;
}
.dropdown-mobile__2lvl-item:last-child {
  margin-bottom: 0;
}
.dropdown-mobile__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  max-width: 100%;
}
.dropdown-mobile__menu--item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
}
.dropdown-mobile__menu--item a {
  font-size: 40px;
  line-height: 49px;
  display: flex;
  align-items: center;
  position: relative;
  text-align: left;
}
.dropdown-mobile__menu--item a.menu-mobile__title-1lvl {
  font-size: 30px;
  line-height: 37px;
}
.dropdown-mobile__menu--item a.menu-mobile__title-2lvl {
  font-size: 20px;
  line-height: 24px;
}
.dropdown-mobile__menu--item a.menu-mobile__title-3lvl {
  font-size: 16px;
  line-height: 20px;
}
.dropdown-mobile__menu--item a:after {
  content: url("/local/templates/direkt2022/assets/img/icons/chevron-down.svg");
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease-out;
  width: 32px;
  height: 32px;
  display: none;
}
@media (max-width: 620px) {
  .dropdown-mobile__menu--item a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
  }
  .dropdown-mobile__menu--item a.menu-mobile__title-1lvl {
    font-size: 20px;
    line-height: 24px;
  }
  .dropdown-mobile__menu--item a.menu-mobile__title-2lvl {
    font-size: 16px;
    line-height: 20px;
  }
  .dropdown-mobile__menu--item a.menu-mobile__title-3lvl {
    font-size: 14px;
    line-height: 17px;
  }
}
.dropdown-mobile__item--title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown-mobile__item--title a {
  margin-bottom: 0;
}
.dropdown-mobile__list {
  display: none;
  overflow: hidden;
  padding-left: 15px;
  transition: all 0.3s ease-out;
}
.dropdown-mobile__list--item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  width: 100%;
  margin-bottom: 15px;
}
.dropdown-mobile__list--item:first-child {
  margin-top: 15px;
}
.dropdown-mobile__list--item:last-child {
  margin-bottom: 0;
}
.dropdown-mobile__list--content {
  display: flex;
  overflow: hidden;
  height: 0;
  opacity: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding-left: 20px;
  transition: all 0.3s ease-out;
  text-align: left;
}
.dropdown-mobile__list--content div a {
  font-size: 20px;
  line-height: 24px;
}

.overlay {
  display: block;
  left: 0;
  top: -130%;
  position: fixed;
  z-index: 20;
  width: 100%;
  height: 100vh;
  background: #171717;
  transition: all 0.7s ease;
}

.menu {
  display: none;
  opacity: 0;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  transition: opacity 0.5s ease;
}
.menu__category {
  display: flex;
  flex-direction: column;
}
.menu__category a {
  display: flex;
  align-items: flex-end;
  gap: 20px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 20px;
  font-weight: inherit;
  font-size: 96px;
  line-height: 117px;
  cursor: pointer;
  transition: all 0.5s ease;
  position: relative;
  z-index: 2;
}
.menu__category a img {
  width: 96px;
  height: 96px;
  opacity: 0;
  transition: all 0.3s linear, opacity 2s;
  pointer-events: none;
}
.menu__category a img.opacity {
  opacity: 1;
}
.menu__category a:hover img {
  transform: rotate(45deg);
}
.menu__category a.selected img {
  transform: rotate(45deg);
}
.menu__category a:after {
  height: 10px;
}
.menu__category a:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 10px;
  background: var(--color-text);
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: -1;
}
.menu__category a:hover:before {
  width: 100%;
  opacity: 1;
}
.menu__category a:nth-child(2):hover:before {
  width: 33%;
  opacity: 1;
}
.menu__category a:nth-child(2):after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 0;
  background: var(--color-text);
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: -1;
}
.menu__category a:nth-child(2):hover:after {
  width: 50%;
  opacity: 1;
}
.menu__category a:nth-child(3):before {
  position: absolute;
  content: "";
  left: 48%;
  bottom: 0;
  width: 0;
  background: var(--color-text);
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: -1;
}
.menu__category a:nth-child(3):hover:before {
  width: 50%;
  opacity: 1;
  bottom: 0;
}
.menu__category a:nth-child(3):after {
  position: absolute;
  content: "";
  right: 52%;
  bottom: 0;
  width: 0;
  background: var(--color-text);
  transition: all 0.3s ease-out;
  opacity: 0;
  z-index: -1;
}
.menu__category a:nth-child(3):hover:after {
  width: 50%;
  opacity: 1;
  bottom: 0;
}
.menu__subcategory {
  width: 597px;
}
.menu__subcategory--item {
  display: none;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.menu__item:not(:last-child) {
  margin-bottom: 30px;
}
.menu__item p {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  margin-top: 20px;
  font-size: 20px;
  line-height: 23px;
  cursor: default;
}
.menu__item h2 {
  cursor: pointer;
  font-size: 30px;
  line-height: 35px;
  font-family: "Roboto", sans-serif;
}
.menu__item a {
  position: relative;
  display: flex;
  align-items: flex-end;
  font-weight: 500;
  font-size: 30px;
  width: -moz-fit-content;
  width: fit-content;
}
.menu__item a:before {
  content: "";
  height: 19px;
  width: 0;
  background-color: #4E0E9F;
  border-radius: 20px;
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: width 0.3s linear;
  z-index: -1;
}
.menu__item a:hover img {
  transform: rotate(45deg);
}
.menu__item a:hover:before {
  width: 100%;
}

.menu__category a.selected:before {
  width: 100%;
  opacity: 1;
}
.menu__category a.selected:nth-child(2):after {
  width: 62%;
  opacity: 1;
}
.menu__category a.selected:nth-child(2):before {
  width: 24%;
  opacity: 1;
}
.menu__category a.selected:nth-child(3):before {
  width: 50%;
  opacity: 1;
  bottom: 0;
}
.menu__category a.selected:nth-child(3):after {
  width: 50%;
  opacity: 1;
  bottom: 0;
}

.menu-mobile {
  display: none;
  opacity: 0;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vh;
  align-items: center;
  justify-content: space-between;
  transition: all 0.5s ease;
}
.menu-mobile__back {
  margin-bottom: 20px;
}
.menu-mobile__category {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.5s linear;
}
.menu-mobile__category a {
  margin-bottom: 20px;
  font-weight: inherit;
  font-size: 96px;
  line-height: 117px;
  cursor: pointer;
  transition: all 0.5s ease;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.menu-mobile__category a img {
  width: 50px;
  height: 50px;
}
.menu-mobile__category a.selected img {
  transform: rotate(45deg);
}
.menu-mobile__subcategory {
  position: absolute;
  top: 50%;
  right: -100vw;
  transform: translateY(-50%);
  width: 100%;
  transition: all 0.5s linear;
}
.menu-mobile__subcategory--item {
  display: none;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.menu-mobile__item a {
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: flex-end;
  gap: 6px;
  position: relative;
}
.menu-mobile__item a:before {
  width: 0;
  content: "";
  background-color: #4E0E9F;
  height: 13px;
  position: absolute;
  left: 0;
  bottom: -3px;
  transition: width 0.3s linear;
  border-radius: 13px;
  z-index: -1;
}
.menu-mobile__item a:hover:before {
  width: 100%;
}
.menu-mobile__item a:hover img {
  transform: rotate(45deg);
}
.menu-mobile__item a img {
  width: 20px;
  height: 20px;
}
.menu-mobile__item:not(:last-child) {
  margin-bottom: 60px;
}
.menu-mobile__item p {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  margin-top: 15px;
  font-size: 20px;
  line-height: 23px;
  cursor: default;
}
.menu-mobile__item h2 {
  cursor: pointer;
  text-decoration: underline;
}

.mobile-nav {
  position: fixed;
  width: 100%;
  height: 0;
  background-color: #171717;
  z-index: 10;
  top: -130%;
  left: 0;
  transition: all 0.7s ease;
}
.mobile-nav__container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mobile-nav__container nav {
  height: unset;
  justify-content: center;
}
.mobile-nav__container nav .burger {
  display: none;
}
.mobile-nav__container nav .burger-mobile {
  display: none;
}
.mobile-nav__container nav ul {
  display: unset;
  position: unset;
  opacity: 1;
  margin-right: 0;
  text-align: center;
}
.mobile-nav__container nav ul li {
  padding-bottom: 120px;
  margin: 0 !important;
}
.mobile-nav__logo {
  max-width: 117px;
  width: 117px;
  height: 31px;
  display: none;
}
.mobile-nav__logo svg {
  fill: var(--color-text);
}

.burger {
  display: block;
  height: 26px;
  width: 32px;
  position: absolute;
  cursor: pointer;
  right: 10px;
  z-index: 1000;
}
.burger__plank {
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  width: 100%;
  border-radius: 10px;
  background: var(--color-text);
  cursor: pointer;
  min-width: 26px;
}
.burger__plank:nth-child(1) {
  top: 0;
  transform-origin: 0% 0%;
  transition: transform 0.4s ease-in-out;
}
.burger__plank:nth-child(2) {
  transition: transform 0.2s ease-in-out, opacity 0.7s ease-in-out;
  top: 50%;
  transform: rotateY(-50%);
  opacity: 1;
}
.burger__plank:nth-child(3) {
  transform-origin: 0% 100%;
  transition: transform 0.4s ease-in-out;
  bottom: 0;
}
.burger:hover {
  opacity: 0.7;
}
.burger-mobile {
  display: none;
  cursor: pointer;
  height: 26px;
  width: 26px;
  position: relative;
  z-index: 100;
}
.burger.close {
  cursor: pointer;
  position: relative;
  animation: burgerHeight 0.3s forwards cubic-bezier(0.16, 0.71, 0.91, 0.6);
  animation-delay: 0.5s;
}
.burger.close .burger__plank {
  position: absolute;
  left: 0;
  min-width: 26px;
}
.burger.close .burger__plank:nth-child(1) {
  animation: span1 0.3s forwards cubic-bezier(0.16, 0.71, 0.91, 0.6);
  animation-delay: 0.5s;
}
.burger.close .burger__plank:nth-child(2) {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.burger.close .burger__plank:nth-child(3) {
  animation: span3 0.3s forwards cubic-bezier(0.16, 0.71, 0.91, 0.6);
  animation-delay: 0.5s;
}

.bx-breadcrumb-item a:hover, span:hover {
  cursor: pointer;
}
.about-title {
  font-size: 40px;
  font-family: "Geologica", sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  position: absolute;
  z-index: 10;
  bottom: 80px;
  opacity: 1;
}

.close_menu {
  padding-top: 0;
  display: none;
  opacity: 0;
  cursor: pointer;
  transition: all 0.5s ease;
  z-index: 3;
  width: 40px;
  padding-left: 15px;
}
.close_menu__mobile {
  cursor: pointer;
  z-index: 11111111;
  display: none;
}
.close_menu__mobile svg {
  stroke: var(--color-text);
}


@keyframes burgerMenu {
  0% {
    transform: rotate(0);
    opacity: 1;
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    opacity: 0;
    transform: rotate(180deg);
  }
}
@keyframes width {
  0% {
    z-index: 1;
  }
  50% {
    z-index: 10;
  }
  100% {
    width: 100%;
  }
}
@keyframes unwidth {
  0% {
    width: 30%;
  }
  50% {
    z-index: 10;
  }
  100% {
    z-index: 1;
  }
}
@keyframes span1 {
  20% {
    transform: translateY(-10px);
  }
  100% {
    transform: rotate(45deg) translateY(0);
  }
}
@keyframes span3 {
  20% {
    transform: translateY(10px);
  }
  100% {
    transform: rotate(-45deg) translateY(0);
  }
}
@keyframes burgerHeight {
  20% {
    height: 30px;
  }
  100% {
    height: 24px;
  }
}
@keyframes run {
  0% {
    left: 0;
  }
  50% {
    left: -58%;
  }
  100% {
    left: 0;
  }
}
@keyframes burgerAnimation {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes myAnim {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes arrowShow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes popupShow {
  0% {
    bottom: 10px;
  }
  100% {
    bottom: 40%;
  }
}


.dropdown[data-role] .dropdown__inner:has(> .dropdown__menu--title) {
	flex-direction: column;
	align-items: start;
}
.dropdown[data-role] .dropdown__inner .dropdown__menu--title {
	margin-top: 15px;
	margin-bottom: 30px;
	font-family: 'GeologicaMedium';
	font-size: var(--size-h1);
	margin-bottom: 32px;
}

/* begin new style for dropdown works */
.dropdown[data-role="open_works"] .dropdown__inner {
	height: 100%;
	justify-content: start;
}
.dropdown__menu--row.dropdown__menu--row--work {
	width: 100%;
}
.menu-work-list {
	display: grid;
	grid-template-columns: repeat(3, calc(100%/3 - 20px));
	gap: 32px;
}
.menu-work-item {
	background: linear-gradient(#231A4C, #231A4C) padding-box,
				linear-gradient(127.99deg, rgba(255, 255, 255, 20.47%), var(--color-gradient-end) 78.94%) border-box;
    border-radius: var(--border-radius);
	border: 1px solid transparent;
	padding: 3vh 5vw;
	text-decoration: none;
	color: var(--color-text);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
}
.menu-work-item:hover,
.menu-work-title:hover {
	text-decoration: none;
	color: var(--color-text);
}
.menu-work-img {
    border-radius: 20px;
	width: 100%;
	overflow: hidden;
	display: block;
}
.menu-work-img img {
    border-radius: 20px;
	height: 19vw;
	object-fit:cover;
	transition: all 0.5s ease;
	object-fit: cover;
}
.menu-work-item:hover .menu-work-img img {
	transform: scale(1.1);
}
.menu-work-title {
	font-family: 'GeologicaMedium';
	font-size: 20px;
	display: block;
}
.menu-work-section {
	font-family: 'GeologicaRegular';
	font-size: 32px;
	text-align: center;
	display: block;
	text-transform: uppercase;
}
/* end new style for dropdown works */

/* begin new style for dropdown blog */
.dropdown__menu--row--blog img {
	max-width: calc(100% - 46vw - 40px);
}
.dropdown__menu--row--blog {
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
	max-width: 100%;
	margin-right: 0 !important;
	justify-content: space-between;
	margin-bottom: auto;
	align-items: center;
}
.dropdown__menu--descr {
	font-size: 36px;
	margin-bottom: 40px;
}
.menu-blog-list {
	display: grid;
	grid-template-columns: repeat(3, calc(100%/3 - 15px));
	column-gap: 23px;
	row-gap: 25px;
	width: 100%;
}
.menu-blog-title {
	font-family: 'GeologicaBold';
	font-size: 48px;
	margin-bottom: 5px;
	text-transform: lowercase;
	text-align: left;
}
.menu-blog-title:first-letter {
	text-transform: uppercase;
}
.menu-item-descr {
	font-family: 'GeologicaThin';
	font-size: 28px;
	line-height: 1.25;
	text-align: left;
}
nav ul.desktop-nav > li {
	position: relative;
	height: 55px;
	display: flex;
	align-items: center;
}
.menu-about__item,
nav ul.desktop-nav .menu-blog-list a {
	padding: 30px;
	width: 100%;
	text-align: center;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	position: relative;
	text-decoration: none;
	transition: all 0.5s ease;
	height: calc(49vh/2);
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	transition: all 0.5s ease;
}
@media (min-width: 1680px) {
	nav ul.desktop-nav .menu-blog-list a .link:after {
		mask: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1567 1.26172C14.1567 0.564096 13.5912 -0.00143909 12.8936 -0.00143909H1.52513C0.827511 -0.00143909 0.261976 0.564096 0.261976 1.26172C0.261976 1.95934 0.827511 2.52488 1.52513 2.52488H11.6304V12.6301C11.6304 13.3278 12.1959 13.8933 12.8936 13.8933C13.5912 13.8933 14.1567 13.3278 14.1567 12.6301V1.26172ZM0.893555 13.2617L1.78674 14.1549L13.7867 2.15491L12.8936 1.26172L12.0004 0.368531L0.000367224 12.3685L0.893555 13.2617Z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E");
		width: 25px;
		height: 25px;
	}
}
nav ul.desktop-nav .menu-blog-list a:hover .link:after {
	opacity: 1;
}
a.menu-about__item:hover,
nav ul.desktop-nav .menu-blog-list a:hover {
	background: rgba(72, 59, 245, 0.2);
}
@media (max-width: 1530px) {
	nav ul.desktop-nav .menu-blog-list a {
		height: calc(48vh/2);
	}
	.menu-blog-title {
		font-size: 42px;
	}
	.menu-item-descr {
		font-size: 20px;
	}
}
@media (max-width: 1370px) {
	.menu-blog-title {
		font-size: 36px;
	}
	.menu-item-descr {
		font-size: 18px;
	}
	nav ul.desktop-nav .menu-blog-list a {
		justify-content: space-between;
	}
}
@media (max-height: 860px) {
	nav ul.desktop-nav .menu-blog-list a {
		height: calc(46vh/2);
	}
	.menu-blog-title {
		font-size: 36px;
	}
	.menu-item-descr {
		font-size: 18px;
	}
	nav ul.desktop-nav .menu-blog-list a {
		justify-content: space-between;
	}
}
@media (max-width: 1133px) {
	.menu-blog-title {
		font-size: 28px;
	}
	.menu-item-descr {
		font-size: 14px;
	}
	nav ul.desktop-nav .menu-blog-list a {
		height: calc(38vh/2);
	}
}
/* end new style for dropdown blog */
/* begin new style for dropdown about */
.dropdown__menu--row.dropdown__menu--row--about {
	flex-direction: row;
	gap: 30px;
	width: 100%;
	margin-right: 0 !important;
	justify-content: space-between;
	padding: 20px 0;
	align-items: center;
	
	display: grid;
	grid-template-columns: repeat(4, calc(25% - 15px));
	column-gap: 23px;
	row-gap: 25px;
	width: 100%;
}
.menu-about__title {
	font-size: 64px;
	font-family: 'GeologicaBold';
	margin-bottom: 5px;
	text-transform: lowercase;
	text-align: left;
}
@media (min-height: 905px) {
	.menu-about__item {
		height: calc(56vh/2);
	}
}
@media (max-width: 1680px) {
	.dropdown__menu--row.dropdown__menu--row--about {
		grid-template-columns: repeat(3, calc(100%/3 - 20px));
	}
	.menu-about__title {
		font-size: 50px;
	}
	.menu-item-descr {
		font-size: 20px;
	}
	.menu-about__item {
		height: calc(53vh/3);
	}
}
@media (max-width: 1134px) {
	.menu-blog-title {
		font-size: 42px;
	}
	.menu-item-descr {
		font-size: 18px;
	}
	.menu-about__item {
		height: calc(46vh/3);
	}
}
/* end new style for dropdown about */

/* begin new style for dropdown contact */
[data-role="open_contact"] .dropdown__inner {
	align-items: start;
	padding-top: 130px;
	justify-content: space-between;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
[data-role="open_contact"] .dropdown__inner .dropdown__menu--row {
	width: auto;
	justify-content: start;
	align-items: end;
}
.dropdown__content-contact {
	display: flex;
	align-items: start;
	gap: 32px;
	position: fixed;
	max-width: calc(50vw - 100px);
}
[data-role="open_contact"] .dropdown__inner .dropdown__el-social,
.dropdown__content-contact .dropdown__colum-contact .dropdown__item-contact {
	display: flex;
	align-items: center;
	column-gap: 12px;
	color: var(--color-text);
	text-decoration: none;
	margin-bottom: 32px;
}
[data-role="open_contact"] .dropdown__inner .dropdown__el-social:hover,
.dropdown__content-contact .dropdown__colum-contact .dropdown__item-contact:hover {
	color: var(--color-link);
	text-decoration: none;
}
[data-role="open_contact"] .dropdown__inner .dropdown__link__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid var(--color-text);
	border-radius: 3px;
}
[data-role="open_contact"] .dropdown__inner .dropdown__el-social:hover .dropdown__link__icon,
.dropdown__content-contact .dropdown__colum-contact .dropdown__item-contact:hover .dropdown__link__icon {
	border-color: var(--color-link);
}
.dropdown__colum-contact .dropdown__links-contact .dropdown__link-item:last-child {
	margin-top: 15px;
}
.dropdown__links-contact {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.dropdown__link-item {
	margin-bottom: 10px;
	text-align: right;
}
.dropdown__link-item > a {
	font-family: 'GeologicaBold';
	font-size: 32px;
	text-decoration: none;
}
.dropdown__link-item > a:hover {
	text-decoration: none;
	color: var(--color-link);
}
.dropdown__link-item .dropdown__link-city {
	color: var(--color-text);
	margin-bottom: 10px;
	font-size: 20px;
}
.dropdown__link-item-small {
	text-align: right;
}
.dropdown__link-item-small a {
	font-size: 20px;
	text-decoration: underline;
}
.dropdown__link-item-small a:hover {
	text-decoration: underline;
	color: var(--color-link);
}
.dropdown__column-tab {
	display: none;
	animation: fadeIn 0.8s ease-in-out;
}
.dropdown__column-tab.active {
	display: block;
}
.dropdown__wrapper-socials {
	display: flex;
	align-items: start;
	gap: 30px;
	flex-wrap: wrap;
}
.dropdown__column-briefs {
	display: flex;
	gap: 30px;
	width: 100%;
	flex-wrap: wrap;
}
.dropdown__column-briefs span {
	cursor: default;
	
	font-family: 'GeologicaMedium';
	font-size: 28px;
	line-height: 1;
	font-weight: 400;
}
.dropdown__column-briefs > div {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: calc(100%/3 - 20px);
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 25px;
	border-radius: 30px;
	justify-content: space-between;
	gap: 30px;
}
.dropdown__column-briefs--list {
	display: flex;
	column-gap: 30px;
	row-gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}
.dropdown__column-briefs a,
.dropdown__column-briefs--list a {
	font-family: 'GeologicaBold';
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 13px;
	font-weight: 400;
	transition: all 0.5s ease;
	text-decoration: none;
}
.dropdown__column-briefs--list a:hover {
	color: var(--color-link);
	text-decoration: none;
}
.dropdown__column-title {
	font-family: 'GeologicaMedium';
	font-size: 24px;
	margin-bottom: 20px;
}
.dropdown__column-briefs + .dropdown__column-title {
	margin-top: 40px;
}
.dropdown__column-tab-product .dropdown__column-briefs {
	margin-bottom: 20px;
	gap: 20px;
	padding: 0;
}
@keyframes fadeIn {
   0% {
     opacity: 0;
     top: -150px;
   }
  100% {
    opacity: 1;
    top: 0;
  }
}
.modal-brief {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 100000;
  opacity: 0;
  transition: opacity 0.3s ease;
  word-break: break-all;
}
.modal-brief.show {
  display: flex;
  opacity: 1;
}
.modal-content__brief {
	padding: 24px;
	border-radius: 8px;
	max-width: 600px;
	width: 100%;
	position: relative;
	animation: scaleUp 0.3s ease;
	margin-top: 80px;
	height: 800px;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: hsl(0 0% 50%);
}
@keyframes scaleUp {
  from {
    transform: scale(0.8);
  }
  to {
    transform: scale(1);
  }
}
.close-btn__brief {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: var(--size-h1);
  cursor: pointer;
  z-index: 2;
}
.no-scroll {
  overflow: hidden;
  height: 100vh;
}
.dropdown[data-role="open_contact"] .dropdown__column-tab-hr .dropdown__column-briefs,
.dropdown[data-role="open_contact"] .dropdown__column-tab-brief .dropdown__column-briefs,
.dropdown[data-role="open_contact"] .dropdown__column-tab-product .dropdown__column-briefs {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, calc(50% - 10px));
}
.dropdown[data-role="open_contact"] .dropdown__column-briefs a {
	transition: all 0.5s ease;
	font-family: 'GeologicaMedium';
	font-size: 20px;
	height: calc(50vh/3);
}
.dropdown__el-note {
	font-size: 10px;
}
.dropdown[data-role="open_contact"] .dropdown__inner,
.dropdown[data-role="open_contact"] .dropdown__column-tabs {
	height: 100%;
}
.dropdown[data-role="open_contact"] .dropdown__column-tab__socials.active {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
} 
/* end new style for dropdown contact */


/* begin new style for dropdown product */
.dropdown__inner.product .dropdown__menu--row {
	justify-content: start;
}
.dropdown__inner.product .dropdown__column-briefs {
	flex-direction: column;
}
[data-role="open_product"] .dropdown__column-briefs {
	gap: 20px;
}
.dropdown__column-briefs > div.menu-product {
	margin-top: 0;
	width: 100%;
	background: none;
	backdrop-filter: unset;
	border: 0px;
	padding: 0;
	display: block;
}
.menu-product__title {
	font-family: 'GeologicaBold';
	font-size: 48px;
}
.menu-product__list {
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.dropdown__column-briefs a.menu-product__el {
	width: calc(100%/3 - 15px);
	background: linear-gradient(rgb(32, 26, 71), rgb(32, 26, 71) 0) padding-box, 
				linear-gradient(127.99deg, #FFFFFF 20.47%, rgba(255, 255, 255, 0.3) 78.94%) border-box;
	border-radius: var(--border-radius);
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.menu-product__list.menu-product__list-big {}
.menu-product__list.menu-product__list-big .menu-product__el:nth-child(n+4) {
	width: calc(50% - 10px);
}
.menu-product__el span {
	padding: 20px 0 20px 20px;
	font-family: 'GeologicaRegular';
	font-size: 24px;
	cursor: pointer;
}
.menu-product__el img {
	max-height: 108px;
	max-width: 108px;
	transition: all 0.5s ease;
}
.dropdown__column-briefs a.menu-product__el:hover img {
	transform: scale(1.15);
}
.dropdown__column-briefs a.menu-product__el:hover {
	color: var(--color-link);
}
/* end new style for dropdown product */

/* begin new style for footer for menu */
footer.show_dropdown {
	position: fixed !important;
	bottom: 0;
	margin: 0;
	z-index: 170;
}
footer.show_dropdown .container {
	padding: 20px 60px 20px;
}
.no-scroll footer.show_dropdown {
	z-index: 90;
}
/* end new style for footer for menu */

.dropdown[data-role="open_product"] .dropdown__inner,
.dropdown[data-role="open_blog"] .dropdown__inner {
	justify-content: start;
}

@keyframes animate-line {
  from {
    stroke-dasharray: 0, 1000; /* Линия "скрыта" */
    stroke-dashoffset: 1000;   /* Начальная позиция */
  }
  to {
    stroke-dasharray: 1000, 0; /* Линия полностью видна */
    stroke-dashoffset: 0;      /* Конечная позиция */
  }
}

path.animate-line {
  animation: animate-line 3s ease forwards;
}

/* Исходное состояние линии */
.line-image path {
	stroke-dasharray: 300;
	stroke-dashoffset: 300;
	stroke: #fff;
}

.animate-line {
	animation: drawLine 1s ease-out forwards;
}

.animate-line__reverse {
	animation: drawLineReverse 1s ease-out forwards;
	rotate: 180deg;
	transform: translate(-235px, -124px);

}
.line-image circle {
	transition: fill 0.3s ease;
}

/* Анимация рисования линии */
@keyframes drawLine {
	to {
		stroke-dashoffset: 0;
	}
}
@keyframes drawLineReverse {
	0% {
		stroke-dashoffset: 230;
	}
	50% {
		stroke-dashoffset: 0;
	}
	51% {
		stroke-dashoffset: 230;
	}
	100% {
		stroke-dashoffset: 0;
	}
}


html.lock-scroll .header-navigation {
	width: 0 !important;
	opacity: 0 !important;
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/menu_mobile.css?17847289053618*/

.burger-mobile {
  display: none;
  cursor: pointer;
  height: 26px;
  width: 26px;
  position: relative;
  z-index: 100;
}
.burger.close {
  cursor: pointer;
  position: relative;
  animation: burgerHeight 0.3s forwards cubic-bezier(0.16, 0.71, 0.91, 0.6);
  animation-delay: 0.5s;
}
.burger.close .burger__plank {
  position: absolute;
  left: 0;
  min-width: 26px;
}
.burger.close .burger__plank:nth-child(1) {
  animation: span1 0.3s forwards cubic-bezier(0.16, 0.71, 0.91, 0.6);
  animation-delay: 0.5s;
}
.burger.close .burger__plank:nth-child(2) {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.burger.close .burger__plank:nth-child(3) {
  animation: span3 0.3s forwards cubic-bezier(0.16, 0.71, 0.91, 0.6);
  animation-delay: 0.5s;
}
.close_menu__mobile {
  cursor: pointer;
  z-index: 11111111;
  display: none;
}
.close_menu__mobile svg {
  stroke: var(--color-text);
}
.dropdown__title {
  margin-top: 16px;
}

.dropdown__title span {
  color: var(--color-text);
  font-family: "Geologica", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.dropdown-wrapper__card {
  margin-top: 18px;

	display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  gap: 20px;

  width: 100%;
}
.dropdown-wrapper__card > a {
	
}

.dropdown-wrapper__card .dropdown__card {
  flex: 1;
  position: relative;
  height: 100%;
}

.dropdown__card img {
  width: 250px;
  object-fit: cover;
  height: 100%;
}

.dropdown-card__title {
  position: absolute;
  top: 16px;
  left: 16px;

  color: #fff;
  font-family: "Geologica", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 17.6px */
  text-align: left;
}

.dropdown__link {
  margin-top: 16px;
}

.dropdown__icons {
  margin-top: 16px;

  display: flex;
  gap: 16px;
  margin-bottom: 20px;
}
.dropdown__icons > a {
	border: 1px solid;
	padding: 7px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dropdown__background {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.20);
  padding: 24px 40px;

  width: 100%;

  margin-top: 16px;
}

.dropdown__background .dropdown__title {
  display: flex;
  justify-content: flex-start;

  width: 100%;

  margin-top: 0;
}

.dropdown-background__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 8px;

  margin-top: 10px;

  width: 100%;
}

.dropdown-background__wrapper .dropdown-background__block {
  border-radius: 5px;
  width: 152px;
  height: 152px;
}

.dropdown-background__wrapper .dropdown-background__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.dropdown-background__wrapper .dropdown-background__card span {
  color: var(--color-text);
  text-align: center;
  font-family: "Geologica", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 100;
  line-height: 110%;
}

@media (max-width: 870px) {
  .dropdown-background__wrapper .dropdown-background__block {
    width: 100px;
    height: 100px;
  }

  .dropdown__card img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .dropdown__title span {
    font-size: 24px;
  }

  .dropdown-card__title {
    font-size: 16px;
  }
}

@media (max-width: 870px) {
  .dropdown-background__wrapper .dropdown-background__block {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 600px) {
  .dropdown-card__title {
    left: 8px;
    top: 8px;
  }

  .dropdown__background {
    padding: 16px;
  }

  .dropdown-background__wrapper .dropdown-background__block {
    width: 60px;
    height: 60px;
  }
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/light-dark-theme.css?17853287535754*/
html {
	--btn-ease: cubic-bezier(.16, 1, .3, 1);
	--btn-duration-in: .32s;
	--btn-duration-out: .2s;
}

html[data-theme="light"] {
	--color-main-bg: #ffffff;
	--color-text: #07111B;
}

html .circle svg {
	max-height: 35px;
	width: auto;
	transform-box: fill-box;
	transform-origin: center;
}

header nav .blog-btn-light {
	position: absolute;
	right: 60px;
	transition: all 0.5s ease;
}
header nav .blog-btn-light:has(+ .burger.close) {
	visibility: hidden;
	opacity: 0;
}
@media (max-width: 1024px) {
	header nav .blog-btn-light {
		right: 43px;
	}
}

.blog-btn-light__wrapper {
  --btn-duration-in: .32s;
  --btn-duration-out: .2s;
  --btn-ease: cubic-bezier(.16, 1, .3, 1);

  position: relative;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.circle {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity var(--btn-duration-out) var(--btn-ease),
    transform var(--btn-duration-out) var(--btn-ease);

  backface-visibility: hidden;
}

.blog-btn-light__wrapper.is-animating .circle {
  will-change: transform, opacity;
}

.circle svg {
  display: block;
  width: 100%;
  height: 100%;
  transform-box: fill-box;
  transform-origin: center;
}

/* ===== День (по умолчанию) ===== */
.circle__sun {
  opacity: 1;
  transform: rotate(0deg) scale(1) translateY(0);
}

.circle__moon {
  opacity: 0;
  transform: rotate(-14deg) scale(.82) translateY(2px);
  pointer-events: none;
}

/* ===== Ночь ===== */
.blog-btn-light__wrapper.is-dark .circle__sun {
  opacity: 0;
  transform: rotate(14deg) scale(.82) translateY(-2px);
  transition-duration: var(--btn-duration-out);
  pointer-events: none;
}

.blog-btn-light__wrapper.is-dark .circle__moon {
  opacity: 1;
  transform: rotate(0deg) scale(1) translateY(0);
  transition-duration: var(--btn-duration-in);
  pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
  .circle {
    transition: opacity .01s linear !important;
    transform: none !important;
  }
}


html[data-theme="light"] header .logo a, 
html[data-theme="light"] footer a.footer__logo {
	background: url("/local/templates/direkt2026/assets/img/logo_black.svg") no-repeat 0 0 transparent;
	width: 140px;
	height: 26px;
	display: block;
}
html[data-theme="light"] header .logo picture, 
html[data-theme="light"] footer a.footer__logo img {
	display: none;
}
html[data-theme="light"] .decor_wave {
	display: none;
}
html[data-theme="light"] .list-socials a {
	border: 1px solid var(--color-text);
}
html[data-theme="light"] .list-socials a:hover {
	border-color: var(--color-link);
}
html[data-theme="light"] .blog-banner__title,
html[data-theme="light"] .blog-banner__time,
html[data-theme="light"] .blog-banner__tags,
html[data-theme="light"] .media-gallery-top-content,
html[data-theme="light"] .media-gallery-longnote {
	color: var(--color-main-bg);
}
html[data-theme="light"] .dotnav-timed.dotnav-scrim-solid .dotnav-focused.dotnav-item .dotnav-link::before, 
html[data-theme="light"] .dotnav-timed.dotnav-scrim-solid .dotnav-focused.dotnav-link::before, 
html[data-theme="light"] .dotnav-timed.dotnav-scrim-solid .current.dotnav-item .dotnav-link::before, 
html[data-theme="light"] .dotnav-timed.dotnav-scrim-solid .current.dotnav-link::before {
	--sk-dotnav-timed-track-background-color: var(--color-text);
}
html[data-theme="light"] .dotnav.dotnav-scrim, 
html[data-theme="light"] .dotnav.dotnav-scrim-solid, 
html[data-theme="light"] .dotnav.dotnav-scrim-no-blur {
	--sk-dotnav-background: var(--color-text);
	--sk-dotnav-background-hover: var(--color-text);
}
html[data-theme="light"] .feedback {
	background: rgba(7, 17, 27, 0.10);
}
html[data-theme="light"] .leadForm .btn {
	color: var(--color-main-bg);
}
html[data-theme="light"] .leadForm .btn:hover {
	color: var(--color-text);
}
html[data-theme="light"] header.fixed .header__top {
	border-bottom: 1px solid var(--color-text); 
}
html[data-theme="light"] header .dropdown {
	background: var(--color-main-bg);
}
html[data-theme="light"] header .dropdown__column-briefs a.menu-product__el,
html[data-theme="light"] header .menu-work-item {
	background: var(--color-main-bg);
	border: 1px solid;
}
html[data-theme="light"] header .dropdown__img .dropdown-video__txt {
	color: var(--color-main-bg);
}
html[data-theme="light"] header .dropdown-wrapper__card .dropdown__card {
	background: rgba(0,0,0,0.3);
}
html[data-theme="light"] footer {
	color: var(--color-text);
	border-top: 1px solid;
}
html[data-theme="light"] footer a,
html[data-theme="light"] footer .link {
	color: var(--color-text);
}
html[data-theme="light"] footer .chats__wrapper a,
html[data-theme="light"] .footer__socials a {
	background: transparent;
	border-color: var(--color-text);
}
html[data-theme="light"] .footer__socials a:hover {
	border-color: var(--color-link);
}
html[data-theme="light"] footer a:hover {
	color: var(--color-link);
}
html[data-theme="light"] footer .footer__contact span.chats__icons {
	border-color: var(--color-text);
}

html[data-theme="light"] .footer_sitemap  .footer-menu__dropdown__inner {
	background: var(--color-main-bg);
}
html[data-theme="light"] .footer_sitemap  .sitemap-item {
	border-color: var(--color-text);
}
html[data-theme="light"] .footer_sitemap .footer-menu__dropdown__inner {
	border: 1px solid;
}

@media (prefers-reduced-motion: reduce) {
	.circle {
		transition: opacity .01s linear !important;
		transform: none !important;
	}
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/fixed_top.css?17846555442999*/
main .js_fixed_top {
	transition: all 1s ease;
	margin-left: auto;
	margin-right: auto;
}
.fixed_width-50 {
	width: calc(100% - 300px);
	animation: setWidth50 0.5s ease-in-out;
}

.sticky {
	position: sticky !important;
	top: 18px;
	z-index: 104 !important;
	animation: setTop 0.5s ease-in-out;
}

.content:has(> main > .container > .sticky) {
	overflow: visible;
}
.decor_wave ~ .container:has(> .sticky) {
	z-index: unset;
}

.fixed_width-50:after,
.sticky:after {
	opacity: 0;
}
.fixed_width-50 button:before,
.sticky button:before,
.fixed_width-50 a:before,
.sticky a:before {
	display: none;
}
.fixed_width-50 button,
.fixed_width-50 a.selected,
.sticky button,
.sticky a.selected,
.fixed_width-50 .blog-sections > a:hover, 
.sticky .blog-sections > a:hover {
	text-decoration: none;
	color: var(--color-link);
	background: transparent;
}

.fixed_width-50,
.sticky {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.fixed_width-50 button,
.fixed_width-50 a,
.sticky button,
.sticky a {
	font-size: 24px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	border-radius: 0;
	background: none;
	font-family: "Geologica";
}
.sticky[data-with-title="true"] {
	align-items: end;
}
.sticky[data-with-title="true"] h1 {
	font-size: 30px;
}
.sticky[data-with-title="true"] .blog-sections {
	flex-wrap: wrap;
	display: flex;
	gap: 5px 15px;
	width: auto;
}
.sticky[data-with-title="true"] .blog-sections a {
	font-size: 20px;
	text-transform: unset;
}

.fixed_width-50 .line-image,
.sticky .line-image {
	display: none;
}

.js_fixed_top.sticky.close_menu__fixed {
	animation: removeLeft 0.5s ease-in-out;
}
.js_fixed_top.sticky.open_menu__fixed {
	animation: setLeft 0.5s ease-in-out;
	left: 280px;
	margin-left: 0;
	margin-right: 0;
	display: inline-flex;
	width: auto;
}
.js_fixed_top .line-image {
	margin: 0;
}

@keyframes setWidth50 {
	0% {
		width: 100%;
	}
	100% {
		width: calc(100% - 300px);
	}
}
@keyframes setTop {
	0% {
		top: -150px;
	}
	100% {
		top: 11px;
	}
}
@keyframes setLeft {
	0% {
		left: auto;
		width: calc(100% - 300px);
	}
	100% {
		left: 280px;
		width: auto;
	}
}
@keyframes removeLeft {
	0% {
		left: 280px;
		width: auto;
	}
	100% {
		left: auto;
		width: calc(100% - 300px);
	}
}



header .breadcrumbs-direkt {
	opacity: 0;
	width: calc(100% - 185px);
	transition: all 1s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	transform: translateY(-100%);
}
header.fixed .breadcrumbs-direkt {
	opacity: 1;
	transform: translateY(0);
}
header.fixed .breadcrumbs-direkt a.selected {
	text-decoration: none;
	color: var(--color-link);
	background: transparent;
	font-family: 'GeologicaBold';
}
header.fixed .breadcrumbs-direkt a {
	font-size: 30px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-decoration: none;
	border: 0;
	border-radius: 0;
	background: none;
	font-family: "Geologica";
}
header.fixed .breadcrumbs-direkt a:hover {
	color: var(--color-link);
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/responsive.css?17846555446341*/
.header__burger {
	display: none;
	box-sizing: border-box;
}

@media (min-width: 993px) {
	body.nav-open {
		overflow: visible !important;
	}

	header .header__menu {
		display: flex !important;
		position: static !important;
		width: auto !important;
		max-height: none !important;
		padding: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		border-radius: 0 !important;
		outline: none !important;
		box-shadow: none !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: none !important;
		flex-direction: row !important;
		align-items: center !important;
		gap: 72px;
	}

	.header__burger {
		display: none !important;
	}
}

@media (max-width: 1440px) {
	.container {
		padding-left: 60px;
		padding-right: 60px;
	}
	.universal-banner__inner-img {
		width: calc(100vw - 120px);
	}
	.title-line h1 {
		text-align: left;	
	}
	.feedback .feedback_block:first-child {
		max-width: 470px;
	}
	.title-top__list.fixed {
		padding: 5px 60px 20px;
	}
}

@media (max-width: 1337px) {
	footer .container {
		gap: 16px;
	}
	.footer__offer {
		flex-wrap: wrap;
	}
	.footer__socials {
		gap: 15px;
	}
}

@media (max-width: 1280px) {
	.footer__contact {
		flex-wrap: wrap;
	}
	footer .container > div:not(.footer__socials) {
		width: 65%;
	}
	.footer__socials {
		width: 30%;
		justify-content: center;
	}
}

@media (max-width: 1024px) {
	 .btn-main {
		 font-size: 28px;
	 }
	.desktop-nav {
		display: none;
	}
	.burger {
		display: none !important;
	}
	.burger-mobile {
		display: block;
	}
	.close_menu {
		display: none !important;
	}
	.content header {
		z-index: 200;
	}
}

@media (max-width: 991px) {
	:root {
		--border-radius: 20px;
		--size-h1: 28px;
	}
	body {
		font-size: 18px;
	}
	body.nav-open {
		overflow: hidden;
	}
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}
	.universal-banner__inner-img {
		width: calc(100vw - 20px);
	}
	header {
		position: relative;
		z-index: 100;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.title-line h1 {
		font-size: 28px;
	}		
	h1,
	.h1 {
		font-size: 28px;
	}
	h2,
	.h2 {
		font-size: 28px;
	}
	h3,
	.h3 {
		font-size: 22px;
	}
	h4,
	.h4 {
		font-size: 20px;
	}
	h5,
	.h5 {
		font-size: 18px;
	}
	input[type="text"],
	input[type="tel"],
	input[type="email"] {
		padding: 13px 24px;
		font-size: 16px;
		border-radius: 16px;
	}
	label.checkbox {
		font-size: 16px;
	}
	input[type="submit"],
	.btn-main {
		font-size: 20px;
	}
	footer {
		margin: 40px auto;
		font-size: 16px;
	}
	footer .container {
		gap: 0;
		padding-bottom: 40px;
		padding-top: 50px;
	}
	footer .container > div {
		width: 100%;
	}
	.footer__contact {
		display: flex;
		align-items: center;
		gap: 20px;
	}
	.footer__email,
	.footer__socials,
	.chats {
		display: none;
	} 
	.footer__contact {
		justify-content: space-between;
		padding: 0 10px;
	}
	.feedback {
		border-radius: 20px;
		padding: 30px 60px;
		column-gap: 48px;
	}
	.feedback_block h2 {
		text-align: center;
		margin-bottom: -10px;
	}
	.feedback .feedback_block:first-child {
		max-width: 260px;
	}
	.feedback_block {
		max-width: 387px;
		row-gap: 20px;
	}
	.feedback_block > div:not(.form-feedback) {
		text-align: center;
	}
	.leadForm input[type="text"], 
	.leadForm input[type="tel"], 
	.leadForm input[type="email"] {
		font-size: 16px;
	}
	.leadForm .btn {
		margin-top: 20px;
	}
	.title-line h1 {
		font-family: 'GeologicaRegular';
	}
	.title-top__list.fixed {
		padding: 5px 10px 20px;
		gap: 15px;
	}
	.title-top__list {
		gap: 30px;
	}
	.link-back__detail {
		font-size: 28px;
	}
	.universal-banner__inner-img {
		top: 40vh;
	}
	.directions-list {
		gap: 16px;
	}
	.directions-list__item {
		padding: 30px 20px;
	}
	.directions-list__item .info-content__footer-title {
		font-size: 24px;
	}
	.directions-list__item.active,
	.directions-list__item:hover {
		max-height: 133%;
		height: 133%;
	}
	.directions-list__item {
		max-height: 100%;
		height: 100%;
	}
	.header-navigation a {
		font-size: 32px;
	}
	.header-navigation {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}
@media (max-width: 844px) {
	header {
		margin: 0 0 40px;
		padding: 40px 0;
	}
	.header__menu {
		gap: 15px;
	}
	.title-top__list.fixed {
		position: relative;
	}
	.btn-main {
		font-size: 19px;
		padding: 11px 25px;
	}
	label.checkbox__square {
		font-size: 12px;
	}
	.btn.btn-xs {
		font-size: 16px;
	}
}
@media (max-width: 768px) {
	.footer__offer {
		justify-content: space-between;
		font-size: 10px;
		flex-wrap: wrap;
	}
	.feedback {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
		margin-top: 24px;
		gap: 20px;
		max-width: none;
		background: transparent;
		padding: 0;
	}
	.feedback_block {
		max-width: none;
		width: 100%;
		align-items: center;
	}
	.feedback .feedback_block:last-child {
		background: rgba(255, 255, 255, 0.1);
		border-radius: 20px;
		padding-top: 32px;
		gap: 5px;
		font-size: 16px;
		padding: 22px 0 0 0;
	}
	.feedback .feedback_block:first-child {
		max-width: unset;
	}
	.feedback_block img {
		max-height: unset;
		max-width: 68vw;
	}
	.form-feedback {
		width: 100%;
	}
	.feedback_block h2 {
		margin-bottom: 0;
	}
	.feedback_block h2 + div {
		font-size: 20px;
	}
	.leadForm {
		padding: 20px 10px 32px;
		max-width: 100%;
		margin: 0 auto;
		gap: 8px;
	}
	.leadForm input[type="text"], 
	.leadForm input[type="tel"], 
	.leadForm input[type="email"] {
		font-size: 14px;
	}
	.leadForm .checkbox {
		margin-top: 15px;
		font-size: 16px;
		align-items: center;
		text-align: left;
	}
	.leadForm .btn {
		margin-top: 15px;
	}
	.universal-banner__inner,
	.universal-banner__inner-img,
	.universal-banner__inner-img img {
		border-radius: 20px;
	}
	h2, .h2 {
		margin: 20px 0 25px;
	}
}
@media (max-width: 600px) {
	.directions-list {
		grid-template-columns: 100%;
	}
	.decor_wave.decor_wave2 {
		right: 0;
	}
	.directions-list__item {
		padding: 24px;
		font-size: 16px;
	}
	.directions-list__item .info-content__footer-title {
		font-size: 23px;
	}
}
@media (max-width: 575px) {
	.footer__logo img {
		min-width: 140px;
	}
	.footer__contact a[href^="mailto:"] {
		display: none;
	}
	.leadForm .checkbox {
		font-size: 12px;
		gap: 5px;
		margin-top: 0;
	}
}
/* End */


/* Start:/local/templates/direkt2026/assets/css/sitemap.css?17847228863831*/
.sitemap-item {
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	padding: 16px;
	border-radius: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 30px;
}
.sitemap-item a:not(.no-hover):after {
	display:none;
}
.sitemap-item a svg {
	width: 15px;
	height: auto;
	min-width: 15px;
}
.sitemap-item a,
.sitemap-item a h2,
.sitemap-item a .h2,
.sitemap-item a h3,
.sitemap-item a .h3 {
	transition: 0.5s ease;
}
.sitemap-item a,
.sitemap-item a:hover,
.sitemap-item a:active,
.sitemap-item a:focus {
	text-decoration: none;
}
.sitemap-item h2,
.sitemap-item .h2,
.sitemap-item h3,
.sitemap-item .h3,
.sitemap-item a h2,
.sitemap-item a .h2,
.sitemap-item a h3,
.sitemap-item a .h3 {
	color: var(--color-text);
	margin: 0;
	padding: 0;
}
.sitemap-item a:hover h2,
.sitemap-item a.h2:hover,
.sitemap-item a:hover h3,
.sitemap-item .h3:hover {
	color: var(--color-link);
}
.sitemap-item h2,
.sitemap-item .h2 {
	font-family: 'GeologicaMedium';
	font-size: 28px;
	line-height: 1;
	font-weight: 400;
}
.sitemap-item h3,
.sitemap-item .h3 {
	font-family: 'GeologicaBold';
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 13px;
	font-weight: 400;
}
.sitemap-item__list {
	display: flex;
	column-gap: 30px;
	row-gap: 12px;
	align-items: center;
	flex-wrap: wrap;
}
.sitemap-column {
	display: grid;
	grid-template-columns: repeat(var(--column, 3), calc(100%/var(--column, 3) - ((32px * (var(--column, 3) - 1)) / var(--column, 3))));
	gap: 32px;
	margin-top: 32px;
}
.sitemap-column_last {
	grid-template-columns: repeat(4, 1fr);
}
.sitemap-column_last .sitemap-item:nth-child(1) {
    grid-column: span 2 / span 2;
}
.sitemap-column_last .sitemap-item:nth-child(2) {
    grid-column-start: 3;
}
.sitemap-column_last .sitemap-item:nth-child(3) {
    grid-column-start: 4;
}

.sitemap-column__top .sitemap-item {
	padding: 48px 16px;
	min-height: 215px;
	height: 100%;
}
.sitemap-column__direction {
	grid-template-columns: 2fr 1fr 1fr 1fr;
}
.sitemap-column__direction .sitemap-item:not(:first-child) .sitemap-item__list {
	flex-direction: column;
	align-items: start;
}
.sitemap-item__direction h2 {
	font-size: 18px;
}
.decor_wave.decor_wave--big {
	min-height: 100%;
	object-fit: none;
}
.sitemap-item__list--contact {
	align-items: end;
}
.sitemap-item__link {
	cursor: pointer;
}
.sitemap-item__contact {
	opacity: 0;
	height: 0;
	transition: all 0.5s ease;
	display: flex;
	align-items: center;
	gap: 9px;
}
.sitemap-item__contact.active {
	opacity: 1;
	height: auto;
}
.sitemap-item__contact > a {
	border: 1px solid rgba(255, 255, 255, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	border-top-left-radius: 20px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	transition: all 0.5s ease;
}
.sitemap-item__contact > a svg {
	transition: all 0.5s ease;
}
.sitemap-item__contact > a:hover {
	color: var(--color-link);
	border-color: var(--color-link);
}
.sitemap-item__contact > a:hover svg {
	transform: scale(1.1);
}

@media (max-width: 1240px) {
	.sitemap-column {
		grid-template-columns: repeat(var(--column, 3), calc(100%/var(--column, 3) - ((16px * (var(--column, 3) - 1)) / var(--column, 3))));
		gap: 16px;
		margin-top: 16px;
	}
	.sitemap-column__direction,
	.sitemap-column[style="--column:4"] {
		grid-template-columns: repeat(2, calc(50% - 8px));
	}
}
@media (max-width: 768px) {
	.sitemap-column {
		grid-template-columns: 100%;
	}
	.sitemap-column__top .sitemap-item {
		padding: 16px;
		min-height: unset;
	}
}
@media (max-width: 575px) {
	.sitemap-column__direction,
	.sitemap-column[style="--column:4"] {
		grid-template-columns: 100%;
	}
}
/* End */
/* /local/js/custom/swiper/swiper-bundle.css?178465554419960 */
/* /local/js/custom/fancybox3/jquery.fancybox.min.css?178465554412795 */
/* /local/templates/direkt2026/assets/css/fonts.css?17846555445163 */
/* /local/templates/direkt2026/assets/css/style.css?178541002125531 */
/* /local/templates/direkt2026/assets/css/menu.css?178548295237131 */
/* /local/templates/direkt2026/assets/css/menu_mobile.css?17847289053618 */
/* /local/templates/direkt2026/assets/css/light-dark-theme.css?17853287535754 */
/* /local/templates/direkt2026/assets/css/fixed_top.css?17846555442999 */
/* /local/templates/direkt2026/assets/css/responsive.css?17846555446341 */
/* /local/templates/direkt2026/assets/css/sitemap.css?17847228863831 */