

/* Start:/local/templates/v1.0/static/css/online.css?179426169926905*/
.tu-online {
    --tu-ink: #313e48;
    --tu-orange: #e18335;
    --tu-paper: #f7f3ef;
    --tu-sage: #c6d2d1;
    margin: 0;
    background: var(--tu-paper);
    color: var(--tu-ink);
    font-family: Manrope, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
}
.tu-online *, .tu-online *::before, .tu-online *::after { box-sizing: border-box; }
.tu-online h1, .tu-online h2, .tu-online h3, .tu-online h4, .tu-online p, .tu-online ul { margin: 0; padding: 0; }
.tu-online h1, .tu-online h2, .tu-online h3, .tu-online h4 { color: inherit; font-family: Bender, Arial, sans-serif; font-weight: 700; letter-spacing: 0; text-transform: none; }
.tu-online a { color: inherit; text-decoration: none; }
.tu-online button, .tu-online input { margin: 0; font: inherit; border-radius: 0; }
.tu-online button { border: 0; cursor: pointer; text-align: center; }
.tu-online button:focus-visible, .tu-online a:focus-visible, .tu-online summary:focus-visible, .tu-online input:focus-visible { outline: 3px solid #a65318; outline-offset: 4px; }
.tu-online picture, .tu-online img { display: block; }
.tu-online img { max-width: 100%; height: auto; }
.tu-online svg { display: block; fill: currentColor; }
.tu-wrap { width: min(1312px, calc(100% - 32px)); margin-inline: auto; }
.tu-wide { margin-inline: 0; }
.tu-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.tu-topbar { height: 57px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.tu-logo { width: 122px; flex-shrink: 0; }
.tu-logo img { width: 239px; }
.tu-actions { display: flex; align-items: center; gap: 6px; }
.tu-round { width: 36px; height: 36px; padding: 8px; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.tu-round svg { width: 100%; height: 100%; }
.tu-search { background: transparent; border: 1px solid #8c9499 !important; }
.tu-telegram { color: #fff !important; background: #20a6db; }
.tu-messenger { background: linear-gradient(135deg, #5417fd, #8d65e6); }
.tu-messenger span { width: 23px; height: 24px; border: 5px solid white; border-radius: 50%; position: relative; }
.tu-messenger span::after { position: absolute; content: ""; left: -4px; bottom: -5px; width: 8px; height: 10px; background: #fff; clip-path: polygon(0 100%, 15% 0, 100% 0); }
.tu-callback { background: var(--tu-ink); color: white; }
.tu-menu { background: var(--tu-orange); }
.tu-menu span, .tu-menu-lines { width: 18px; height: 8px; border-block: 2px solid currentColor; display: block; }
.tu-menu span { color: #fff; }
.tu-menu-lines { width: 18px; }
.tu-calculate, .tu-topbar > .tu-city, .tu-contact, .tu-navigation { display: none; }
.tu-mobile-contact { min-height: 56px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-block: 1px solid #d6d3d0; margin-inline: -16px; padding-inline: 16px; }
.tu-city { display: inline-flex; gap: 5px; align-items: center; white-space: nowrap; }
.tu-city > svg { width: 8px; height: 12px; }
.tu-city > span { border-bottom: 1px dotted #8c9499; }
.tu-mobile-contact > a { font-family: Bender, "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 18px; white-space: nowrap; }
.tu-breadcrumbs { display: flex; align-items: center; gap: 8px; padding-block: 16px 24px; font-size: 12px; color: #68757d; }
.tu-breadcrumbs a { color: #a34d0d; }
.tu-intro h1 { font-size: 28px; line-height: 1.1; }
.tu-intro > p { margin-top: 8px; max-width: 640px; font-size: 14px; line-height: 1.4; }
.tu-filters { display: flex; gap: 4px; margin-block: 16px 32px; }
.tu-filters button { padding: 6px 10px; min-height: 30px; background: var(--tu-orange); color: #fff; }
.tu-filters .is-active { background: var(--tu-ink); color: white; }
.tu-cameras { display: grid; gap: 40px 32px; padding-bottom: 40px; }
.tu-camera { min-width: 0; }
.tu-camera-media { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #c6d2d1; }
.tu-camera-media > picture, .tu-camera-media > iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.tu-camera-media img { width: 100%; height: 100%; object-fit: cover; }
.tu-camera-media > iframe { border: 0; z-index: 1; background: transparent; }
.tu-status { position: absolute; z-index: 2; bottom: 0; left: 0; background: var(--tu-ink); color: white; display: flex; align-items: flex-start; gap: 3px; padding: 5px 8px; font-size: 14px; line-height: 18px; pointer-events: none; }
.tu-status i { width: 8px; height: 8px; flex-shrink: 0; border-radius: 50%; background: var(--tu-orange); }
.tu-camera-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 16px; font-size: 14px; }
.tu-camera-meta > a { color: #a34d0d; white-space: nowrap; }
.tu-camera-meta > a > span { display: inline-block; font-size: 13px; vertical-align: top; line-height: 13px; }
.tu-day { display: flex; align-items: center; gap: 8px; }
.tu-clock, .tu-complete { width: 15px; height: 15px; border: 1px solid currentColor; border-radius: 50%; display: inline-block; position: relative; flex-shrink: 0; }
.tu-clock::after { content: ""; position: absolute; width: 4px; height: 6px; left: 6px; top: 2px; border-left: 1px solid; border-bottom: 1px solid; transform: skewY(35deg); }
.tu-complete { text-align: center; font-size: 10px; line-height: 13px; }
.tu-camera h2 { margin-top: 16px; font-size: 20px; line-height: 1.3; }
.tu-specs { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; margin-top: 16px !important; }
.tu-specs li { padding: 6px 16px; font-size: 16px; line-height: 20px; background: white; }
.tu-camera .tu-address { margin-top: 16px; line-height: 20px; }
.tu-play { position: absolute; width: 72px; height: 72px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50% !important; background: var(--tu-ink); display: grid; place-items: center; }
.tu-play span { display: block; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 22px solid white; margin-left: 5px; }
.tu-camera-poster::after { position: absolute; content: ""; inset: 0; background: #313e481a; pointer-events: none; }
.tu-camera-offline > picture { filter: grayscale(1); }
.tu-camera-offline::after { position: absolute; content: ""; inset: 0; background: #778996b3; }
.tu-offline-message { position: absolute; z-index: 1; inset: 0; padding: 32px; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; line-height: 20px; }
.tu-camera-offline .tu-status i { background: #8da1af; }
.tu-preview-trigger { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; background: transparent; z-index: 1; }
.tu-preview-offline { z-index: 2; }
.tu-offline-message { pointer-events: none; }
.tu-online .tu-player { position: fixed; inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 32px 16px; border: 0; background: #313e48c9; color: white; overflow: auto; overscroll-behavior: contain; }
.tu-player:not([open]), .tu-player [hidden] { display: none !important; }
.tu-player[open] { display: flex; }
.tu-player::backdrop { background: transparent; }
.tu-player-inner { width: min(864px, 100%); margin: auto; flex-shrink: 0; }
.tu-player-inner > h2 { font-size: 24px; line-height: 1.3; margin-bottom: 10px; color: #fff; }
.tu-player-video { position: relative; aspect-ratio: 3 / 2; background: var(--tu-ink); }
.tu-player-video > picture, .tu-player-video > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.tu-player-video img { width: 100%; height: 100%; object-fit: cover; }
.tu-player-video iframe { background: var(--tu-ink); }
.tu-player-status { position: absolute; top: 0; left: 0; z-index: 1; background: var(--tu-ink); padding: 5px 8px; display: flex; gap: 3px; line-height: 18px; }
.tu-player-status i { width: 8px; height: 8px; background: var(--tu-orange); border-radius: 50%; }
.tu-player-close { position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; padding: 0; background: var(--tu-ink); color: white; font: 32px/40px Arial, sans-serif !important; }
.tu-player-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; min-height: 64px; margin-top: 10px; }
.tu-player-navigation { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex: 0 0 240px; }
.tu-player-navigation > span, .tu-player-dates button { font-family: Bender, Arial, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.tu-player-navigation button { display: grid; place-items: center; flex: 0 0 40px; padding: 0; width: 40px; height: 40px; border: 1px solid #c0cbd2; background: transparent; color: white; font-size: 0; }
.tu-player-navigation button::before { content: ""; width: 10px; height: 10px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.tu-player-prev::before { transform: translateX(2px) rotate(-135deg); }
.tu-player-next::before { transform: translateX(-2px) rotate(45deg); }
.tu-player-dates { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tu-player-dates button { min-height: 40px; padding: 10px 12px; background: transparent; color: white; white-space: nowrap; }
.tu-player-dates .is-active { background: var(--tu-orange); color: #fff; }
.tu-player-cta { padding: 16px; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: var(--tu-sage); color: var(--tu-ink); }
.tu-player-cta p { font-size: 16px; line-height: 1.4; }
.tu-player-cta .tu-submit { min-width: 248px; min-height: 40px; padding: 10px 24px; }
.tu-player-offline { position: absolute; inset: 0; display: grid; place-items: center; padding: 32px; background: #778996c9; text-align: center; }
@media (max-width: 767px) {
    .tu-online .tu-player { padding: 24px 16px 32px; background: #313e48f5; }
    .tu-player-inner { margin: 0 auto; display: flex; flex-direction: column; min-height: calc(100dvh - 56px); }
    .tu-player-inner > h2 { font-size: 20px; line-height: 1.3; margin-top: 56px; margin-bottom: 24px; }
    .tu-player-video { flex-shrink: 0; }
    .tu-player-close { position: fixed; top: 16px; right: 16px; }
    .tu-player-status { position: fixed; top: 24px; left: 16px; }
    .tu-player-controls { flex-direction: column; align-items: stretch; gap: 16px; margin-top: 24px; }
    .tu-player-navigation { flex: auto; justify-content: flex-start; }
    .tu-player-navigation > span { flex: 1; }
    .tu-player-dates { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
    .tu-player-dates button { white-space: normal; padding-inline: 8px; }
    .tu-player-cta { margin-top: auto; position: relative; top: 16px; display: grid; gap: 16px; }
    .tu-player-cta p br { display: none; }
    .tu-player-cta .tu-submit { width: 100%; min-width: 0; }
}
.tu-control { background: var(--tu-sage); padding-block: 40px; }
.tu-eyebrow { font-family: Bender, "Arial Narrow", Arial, sans-serif; font-size: 14px; line-height: 1.2; text-transform: uppercase; letter-spacing: 1.4px; }
.tu-control h2 { font-size: 28px; line-height: 1.1; margin-top: 12px; padding-bottom: 24px; border-bottom: 4px solid #7b919f; }
.tu-control-lead { display: grid; gap: 24px; padding-top: 24px; }
.tu-control-description { display: flex; align-items: center; gap: 16px; }
.tu-control-description > picture { flex: 0 0 48px; }
.tu-control-description p { font-family: Bender, "Arial Narrow", Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.3; }
.tu-checks { display: grid; gap: 12px; list-style: none; }
.tu-checks li { position: relative; padding-left: 34px; font-size: 14px; min-height: 20px; display: flex; align-items: center; }
.tu-checks li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border-radius: 50%; background: var(--tu-orange); color: #fff; font-size: 14px; line-height: 20px; text-align: center; font-weight: 700; }
.tu-benefits-title { font-size: 24px; line-height: 1.3; margin-top: 24px !important; }
.tu-benefits { display: grid; margin-top: 24px; }
.tu-benefit { display: grid; grid-template-columns: 48px 1fr; column-gap: 16px; row-gap: 20px; padding-block: 24px; border-top: 1px solid #9bafaf; }
.tu-benefit:first-child { padding-top: 0; border-top: 0; }
.tu-benefit:last-child { padding-bottom: 0; }
.tu-benefit picture { align-self: center; }
.tu-benefit picture, .tu-benefit img { width: 48px; height: 48px; max-width: 48px; flex-shrink: 0; }
.tu-benefit img { object-fit: contain; }
.tu-benefit h4 { font-size: 20px; line-height: 1.3; }
.tu-benefit p { grid-column: 1 / -1; font-size: 16px; line-height: 1.4; }
.tu-benefit-screenshot { order: 2; }
.tu-benefit-weather { order: 3; }
.tu-mobile-break { display: block; }
@media (max-width: 767px) {
    .tu-benefit-screenshot { padding-bottom: 24px; }
    .tu-benefit-weather { padding-bottom: 0; }
}
.tu-excursion { position: relative; background: var(--tu-ink); color: white; margin-top: 40px; overflow: hidden; }
.tu-excursion-inner { display: grid; grid-template-rows: auto 266px auto; padding-block: 40px; }
.tu-excursion-copy { grid-row: 1; position: relative; z-index: 1; }
.tu-excursion-copy h2 { font-size: 24px; line-height: 1.3; }
.tu-excursion-copy > p { margin-top: 16px; font-size: 14px; line-height: 1.4; }
.tu-excursion-image { grid-row: 2; position: static; width: 100%; height: 266px; }
.tu-excursion-image img { width: 100%; height: 100%; object-fit: contain; }
.tu-request { position: relative; z-index: 1; grid-row: 3; }
.tu-request-fields { display: grid; gap: 8px; }
.tu-phone-label { min-width: 0; display: block; }
.tu-phone-label input { display: block; width: 100%; height: 56px; border: 1px solid #899398; background: #d7dadc; padding: 16px; color: var(--tu-ink); outline-offset: 2px; font-size: 16px; }
.tu-phone-label input::placeholder { color: #626f7a; opacity: 1; }
.tu-submit { min-height: 64px; padding: 16px; background: var(--tu-orange); color: #fff; text-transform: uppercase; font-family: Bender, "Arial Narrow", Arial, sans-serif !important; font-weight: 700 !important; font-size: 14px !important; }
.tu-request .tu-request-note { margin-top: 16px; color: #c3c9cd; font-size: 12px; line-height: 1.4; }
.tu-request-note a { text-decoration: underline; text-underline-offset: 2px; }
.tu-faq { padding-block: 40px; }
.tu-faq > h2 { font-size: 28px; line-height: 1.1; margin-bottom: 24px; }
.tu-faq-items { border-top: 4px solid var(--tu-ink); }
.tu-faq-item { border-bottom: 1px solid #bac0c1; padding: 24px 0; }
.tu-faq-item > summary { position: relative; list-style: none; padding-left: 42px; cursor: pointer; min-height: 24px; }
.tu-faq-item > summary::-webkit-details-marker { display: none; }
.tu-faq-item > summary::before { position: absolute; content: "+"; left: 2px; top: 3px; width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid var(--tu-ink); border-radius: 50%; font: 20px/1 Manrope, Arial, sans-serif; }
.tu-faq-item[open] > summary::before { content: "−"; }
.tu-faq-item h3 { font-size: 20px; line-height: 1.3; }
.tu-faq-item > p { margin-top: 16px; padding-left: 42px; font-size: 16px; line-height: 1.4; }
.tu-footer { background: var(--tu-ink); color: white; }
.tu-footer-inner { padding-block: 40px 24px; }
.tu-footer-grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 24px; row-gap: 24px; }
.tu-footer-logo { grid-column: 1; align-self: center; }
.tu-footer-logo img { width: 239px; max-width: 100%; height: auto; }
.tu-footer-social { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.tu-footer-social a { width: 36px; height: 36px; padding: 9px; background: #fff; color: var(--tu-ink); border-radius: 50%; display: grid; place-items: center; }
.tu-footer-social svg { width: 18px; height: 18px; }
.tu-footer-contact { min-width: 0; }
.tu-footer-contact h2, .tu-footer-nav h2 { font-family: Bender, "Arial Narrow", Arial, sans-serif; font-size: 14px; line-height: 1.4; text-transform: uppercase; color: #b9c3c8; margin-bottom: 8px; }
.tu-footer-contact p, .tu-footer-email { display: flex; align-items: flex-start; gap: 8px; margin-top: 8px !important; font-size: 12px; }
.tu-footer-contact p svg, .tu-footer-email svg { width: 15px; height: 16px; flex: 0 0 15px; }
.tu-footer-phone { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-family: Bender, "Arial Narrow", Arial, sans-serif; font-size: 14px; font-weight: 700; }
.tu-footer-phone > span { background: #fff; color: var(--tu-ink); border-radius: 50%; width: 23px; height: 23px; display: inline-grid; place-items: center; font: 16px/1 Arial, sans-serif; }
.tu-footer-nav { border-top: 1px solid #65737c; padding-top: 16px; }
.tu-footer-nav ul { list-style: none; display: grid; gap: 8px; }
.tu-footer-nav li { font-size: 12px; }
.tu-footer-company { grid-column: 1 / -1; }
.tu-footer-company ul { grid-template-rows: repeat(3, auto); grid-auto-flow: column; grid-template-columns: 1fr 1fr; column-gap: 24px; }
.tu-footer-bottom { margin-top: 16px; padding-top: 16px; border-top: 1px solid #65737c; display: flex; flex-direction: column-reverse; gap: 16px; font-size: 12px; color: #bdc5ca; }
.tu-footer-bottom > a { text-decoration: underline; text-underline-offset: 4px; }
@media (min-width: 768px) {
    .tu-mobile-break { display: none; }
    .tu-topbar { height: 80px; }
    .tu-logo { width: 239px; }
    .tu-round { width: 40px; height: 40px; }
    .tu-mobile-contact { display: none; }
    .tu-contact { display: flex; align-items: center; gap: 16px; margin-left: auto; }
    .tu-contact > a { font-family: Bender, "Arial Narrow", Arial, sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1px; white-space: nowrap; }
    .tu-contact > span { display: none; }
    .tu-breadcrumbs { padding-block: 24px 44px; font-size: 14px; }
    .tu-intro h1 { font-size: 40px; line-height: 1.2; }
    .tu-intro > p { font-family: Bender, "Arial Narrow", Arial, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.3; margin-top: 32px; }
    .tu-filters { margin-block: 64px 32px; gap: 2px; }
    .tu-filters button { min-height: 48px; padding: 14px 17px; }
    .tu-cameras { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding-bottom: 80px; }
    .tu-control { padding-block: 64px; }
    .tu-control h2 { font-size: 40px; line-height: 1.2; margin-top: 16px; }
    .tu-control-lead { grid-template-columns: 1fr 1fr; gap: 32px; padding-top: 32px; }
    .tu-control-description p { font-size: 20px; }
    .tu-control-description > picture { flex-basis: 56px; }
    .tu-checks li { font-size: 16px; }
    .tu-benefits-title { margin-top: 40px !important; }
    .tu-benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }
    .tu-benefit { border-top: 0; padding: 0; display: block; }
    .tu-benefit h4 { margin-top: 24px; padding-bottom: 20px; border-bottom: 4px solid var(--tu-ink); }
    .tu-benefit p { margin-top: 24px; }
    .tu-benefit-weather, .tu-benefit-screenshot { order: 0; }
    .tu-excursion { margin-top: 80px; }
    .tu-excursion-inner { display: block; min-height: 440px; }
    .tu-excursion-copy { max-width: 60%; }
    .tu-excursion-copy h2 { font-size: 28px; line-height: 1.1; }
    .tu-excursion-copy > p { font-size: 18px; line-height: 1.5; margin-top: 24px; }
    .tu-excursion-image { position: absolute; top: 0; bottom: 0; left: auto; right: -200px; width: 805px; height: 100%; opacity: .75; }
    .tu-excursion-image img { object-fit: cover; object-position: left bottom; }
    .tu-request { width: 504px; max-width: 60%; margin-top: 24px; }
    .tu-request-fields { grid-template-columns: 1fr 1fr; }
    .tu-phone-label input { height: 64px; }
    .tu-faq { padding-block: 80px; }
    .tu-faq > h2 { font-size: 40px; line-height: 1.2; margin-bottom: 32px; }
    .tu-faq-item { padding-block: 32px; }
    .tu-footer-inner { padding-block: 64px 40px; }
    .tu-footer-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 40px 24px; border-top: 4px solid #596973; padding-top: 48px; }
    .tu-footer-logo { grid-column: 1 / 3; }
    .tu-footer-social { grid-column: 3 / 5; justify-content: flex-start; }
    .tu-footer-social a { width: 40px; height: 40px; }
    .tu-footer-moscow { grid-row: 2; grid-column: 1 / 4; }
    .tu-footer-spb { grid-row: 2; grid-column: 4 / 7; }
    .tu-footer-building { grid-row: 3; grid-column: 1 / 3; }
    .tu-footer-clients { grid-row: 3; grid-column: 3 / 5; }
    .tu-footer-company { grid-row: 3; grid-column: 5 / 7; }
    .tu-footer-nav { border-top: 0; padding-top: 0; }
    .tu-footer-nav li, .tu-footer-contact p, .tu-footer-email { font-size: 14px; }
    .tu-footer-nav h2, .tu-footer-contact h2 { margin-bottom: 16px; }
    .tu-footer-company ul { display: grid; grid-auto-flow: row; grid-template-rows: none; grid-template-columns: 1fr; }
    .tu-footer-phone { font-size: 24px; letter-spacing: 1.2px; gap: 12px; }
    .tu-footer-phone > span { width: 32px; height: 32px; font-size: 23px; }
    .tu-footer-contact p, .tu-footer-email { margin-top: 16px !important; }
    .tu-footer-bottom { flex-direction: row; justify-content: space-between; margin-top: 48px; padding-top: 32px; border-top: 4px solid #596973; font-size: 14px; }
}
@media (min-width: 1200px) {
    .tu-wrap { width: min(1312px, calc(100% - 80px)); }
    .tu-wide { margin-inline: 40px; }
    .tu-wide > .tu-wrap { width: min(1312px, calc(100% - 80px)); }
    .tu-topbar { gap: 24px; }
    .tu-topbar > .tu-city { display: flex; }
    .tu-actions { gap: 8px; }
    .tu-menu { display: none; }
    .tu-contact > a { font-size: 24px; }
    .tu-contact > span { display: block; border-left: 1px solid #c9c9c6; padding-left: 16px; font-size: 12px; line-height: 13px; white-space: nowrap; }
    .tu-contact small { display: block; font-size: 10px; }
    .tu-calculate { display: flex; align-items: center; gap: 8px; padding: 9px 18px; background: var(--tu-orange); color: #fff; border-radius: 24px !important; white-space: nowrap; }
    .tu-calculate svg { width: 15px; height: 15px; }
    .tu-navigation { height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid #bec2c2; border-bottom: 4px solid var(--tu-ink); }
    .tu-navigation > a, .tu-navigation > button, .tu-navigation-current { display: flex; align-items: center; gap: 5px; white-space: nowrap; font-size: 16px; background: transparent; color: var(--tu-ink); padding: 0; }
    .tu-navigation > button > span { font-size: 14px; }
    .tu-navigation .tu-catalog { background: #c8d4d3; align-self: stretch; gap: 14px; padding-inline: 24px; }
    .tu-new { background: var(--tu-orange); color: #fff; border-radius: 20px; padding: 2px 5px; margin-left: 4px; font-size: 10px; }
    .tu-navigation-current { position: relative; }
    .tu-navigation-current i { width: 8px; height: 8px; background: var(--tu-orange); border-radius: 50%; align-self: flex-start; }
    .tu-navigation .tu-favorites { display: flex; flex-direction: column; font-size: 12px; line-height: 1.2; padding-left: 30px; border-left: 1px solid #bec2c2; }
    .tu-navigation .tu-favorites > span { font-size: 24px; line-height: 20px; }
    .tu-cameras { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tu-control { padding-block: 80px; }
    .tu-control-lead { gap: 32px; }
    .tu-control-description { gap: 24px; }
    .tu-control-description p { max-width: 520px; }
    .tu-benefits { grid-template-columns: minmax(0, 300fr) minmax(0, 354fr) minmax(0, 354fr) minmax(0, 304fr); gap: 0; }
    .tu-benefit { padding-inline: 52px; border-right: 1px solid #9bafaf; }
    .tu-benefit:first-child { padding-left: 0; }
    .tu-benefit:last-child { padding-right: 0; border-right: 0; }
    .tu-benefit h4 { min-height: 80px; }
    .tu-benefit p { min-height: 84px; }
    .tu-excursion { background-image: url("/local/templates/v1.0/static/css/../img/online/pattern.svg"); background-repeat: no-repeat; background-position: right top; background-size: 480px 400px; }
    .tu-excursion-image { right: 0; opacity: 1; }
    .tu-excursion-copy { max-width: 620px; }
    .tu-request { max-width: 504px; }
    .tu-footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 32px; row-gap: 64px; }
    .tu-footer-logo { grid-column: 1; grid-row: 1; }
    .tu-footer-social { grid-column: 2; grid-row: 1; }
    .tu-footer-moscow { grid-column: 1; grid-row: 2; }
    .tu-footer-spb { grid-column: 2; grid-row: 2; }
    .tu-footer-building, .tu-footer-clients, .tu-footer-company { grid-row: 1 / 3; grid-column: 3 / 5; width: calc((100% - 64px) / 3); }
    .tu-footer-clients { justify-self: center; }
    .tu-footer-company { justify-self: end; }
    .tu-footer-nav ul { gap: 12px; }
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .tu-topbar > .tu-city, .tu-contact > span { display: none; }
    .tu-navigation { gap: 14px; }
    .tu-navigation > a, .tu-navigation > button, .tu-navigation-current { font-size: 14px; }
    .tu-navigation .tu-catalog { padding-inline: 16px; gap: 10px; }
    .tu-navigation .tu-favorites { padding-left: 16px; }
    .tu-benefit { padding-inline: 28px; }
    .tu-excursion-image { right: -160px; }
    .tu-footer-phone { font-size: 20px; }
}
@media (max-width: 374px) {
    .tu-logo { width: 104px; }
    .tu-actions { gap: 4px; }
    .tu-round { width: 30px; height: 30px; padding: 6px; }
    .tu-topbar { gap: 6px; }
    .tu-mobile-contact { gap: 6px; font-size: 12px; }
    .tu-mobile-contact > a { font-size: 16px; }
    .tu-footer-grid { column-gap: 12px; }
    .tu-footer-phone { font-size: 12px; }
    .tu-footer-phone > span { width: 19px; height: 19px; font-size: 14px; }
    .tu-specs li { padding-inline: 12px; }
}
@media (min-width: 768px) and (max-width: 1699px) {
    .tu-excursion-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; gap: 24px 32px; align-items: start; }
    .tu-excursion-copy { grid-column: 1; grid-row: 1; max-width: none; }
    .tu-excursion-image { position: static; grid-column: 2; grid-row: 1 / 3; width: 100%; height: 100%; min-height: 320px; opacity: 1; }
    .tu-excursion-image img { object-fit: contain; object-position: center bottom; }
    .tu-request { grid-column: 1; grid-row: 2; width: 100%; max-width: 504px; margin-top: 0; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .tu-excursion-inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 320px auto; gap: 24px; }
    .tu-excursion-copy { max-width: 720px; }
    .tu-excursion-image { grid-column: 1; grid-row: 2; height: 320px; min-height: 0; }
    .tu-request { grid-column: 1; grid-row: 3; }
}

/* End */


/* Start:/local/components/cherechukin/block.faq/templates/.default/style.css?1786626766179*/
.expand-content ul {}
.expand-content ul li {margin-top:15px;padding-left:20px;position: relative;}
.expand-content ul li::before{content: "\2022";position:absolute;top:0;left:0;}
/* End */
/* /local/templates/v1.0/static/css/online.css?179426169926905 */
/* /local/components/cherechukin/block.faq/templates/.default/style.css?1786626766179 */
