index.html - master - denigma/wedding

index.html
11 544 строки485 KB
denigma
create: index.html
29 май 2026, 21:48
29 май 2026, 21:48df80076
<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!--metatextblock-->
    <title>И&Ю</title>
    <meta
      name="description"
      content="Демонстрационное электронное приглашение на свадьбу. Подходит для торжеств в светлых тонах, с бежевым, коричневым и светло-зеленым оформлением."
    />
    <meta
      name="keywords"
      content="бежевые пригласительные, пригласительные на свадьбу нежные, электронные приглашения, электронное приглашение на свадьбу, сайт приглашение, сайт приглашение на свадьбу пример, свадебный сайт приглашение на свадьбу"
    />
    <meta property="og:url" content="https://poteswedding.ru/eternal_love" />
    <meta
      property="og:title"
      content='Сайт-приглашение на свадьбу "Вечная любовь"'
    />
    <meta
      property="og:description"
      content="Демонстрационное электронное приглашение на свадьбу. Подходит для торжеств в светлых тонах, с бежевым, коричневым и светло-зеленым оформлением."
    />
    <meta property="og:type" content="website" />
    <meta
      property="og:image"
      content="https://static.tildacdn.com/tild3539-6166-4334-a132-636236303863/10.jpg"
    />
    <link rel="canonical" href="https://poteswedding.ru/eternal_love" />
    <!--/metatextblock-->
    <meta name="format-detection" content="telephone=no" />
    <meta http-equiv="x-dns-prefetch-control" content="on" />
    <link rel="dns-prefetch" href="https://ws.tildacdn.com" />
    <link rel="dns-prefetch" href="https://static.tildacdn.com" />
    <!--favicons-->
    <link
      rel="shortcut icon"
      href="https://static.tildacdn.com/tild6434-3433-4264-b633-626638653963/_1.ico"
      type="image/x-icon"
    />
    <link
      rel="apple-touch-icon"
      href="https://static.tildacdn.com/tild3061-6666-4438-b338-306536613630/5.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="76x76"
      href="https://static.tildacdn.com/tild3061-6666-4438-b338-306536613630/5.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="152x152"
      href="https://static.tildacdn.com/tild3061-6666-4438-b338-306536613630/5.png"
    />
    <link
      rel="apple-touch-startup-image"
      href="https://static.tildacdn.com/tild3061-6666-4438-b338-306536613630/5.png"
    />
    <!--/favicons-->
    <!-- Assets -->
    <script
      src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js"
      async
      charset="utf-8"
    ></script>
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/ws/project5905977/tilda-blocks-page39653928.min.css?t=1777354791"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&subset=latin,cyrillic"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-menu-widgeticons-1.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-cover-1.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css"
      type="text/css"
      media="print"
      onload="this.media = 'all'"
      onerror="this.loaderr = 'y'"
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css"
        type="text/css"
        media="all"
      />
    </noscript>
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-forms-1.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-cart-1.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css"
      type="text/css"
      media="print"
      onload="this.media = 'all'"
      onerror="this.loaderr = 'y'"
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css"
        type="text/css"
        media="all"
      />
    </noscript>
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-zero-gallery-1.0.min.css"
      type="text/css"
      media="all"
      onerror="this.loaderr = 'y'"
    />
    <link
      rel="stylesheet"
      href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css"
      type="text/css"
      media="print"
      onload="this.media = 'all'"
      onerror="this.loaderr = 'y'"
    />
    <noscript>
      <link
        rel="stylesheet"
        href="https://static.tildacdn.com/css/tilda-zoom-2.0.min.css"
        type="text/css"
        media="all"
      />
    </noscript>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
      type="text/css"
    />
    <script
      nomodule
      src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js"
      charset="utf-8"
    ></script>
    <script type="text/javascript">
      function t_onReady(func) {
        if (document.readyState != "loading") {
          func();
        } else {
          document.addEventListener("DOMContentLoaded", func);
        }
      }
      function t_onFuncLoad(funcName, okFunc, time) {
        if (typeof window[funcName] === "function") {
          okFunc();
        } else {
          setTimeout(function () {
            t_onFuncLoad(funcName, okFunc, time);
          }, time || 100);
        }
      }
      function t_throttle(fn, threshhold, scope) {
        return function () {
          fn.apply(scope || this, arguments);
        };
      }
      function t396_initialScale(t) {
        var e = document.getElementById("rec" + t);
        if (e) {
          var i = e.querySelector(".t396__artboard");
          if (i) {
            window.tn_scale_initial_window_width ||
              (window.tn_scale_initial_window_width =
                document.documentElement.clientWidth);
            var a = window.tn_scale_initial_window_width,
              r = [],
              n,
              l = i.getAttribute("data-artboard-screens");
            if (l) {
              l = l.split(",");
              for (var o = 0; o < l.length; o++) r[o] = parseInt(l[o], 10);
            } else r = [320, 480, 640, 960, 1200];
            for (var o = 0; o < r.length; o++) {
              var d = r[o];
              a >= d && (n = d);
            }
            var _ =
                "edit" === window.allrecords.getAttribute("data-tilda-mode"),
              c = "center" === t396_getFieldValue(i, "valign", n, r),
              s = "grid" === t396_getFieldValue(i, "upscale", n, r),
              w = t396_getFieldValue(i, "height_vh", n, r),
              g = t396_getFieldValue(i, "height", n, r),
              u =
                (!!window.opr && !!window.opr.addons) ||
                !!window.opera ||
                -1 !== navigator.userAgent.indexOf(" OPR/");
            if (!_ && c && !s && !w && g && !u) {
              var h = parseFloat((a / n).toFixed(3)),
                f = [
                  i,
                  i.querySelector(".t396__carrier"),
                  i.querySelector(".t396__filter"),
                ],
                v = Math.floor(parseInt(g, 10) * h) + "px",
                p;
              i.style.setProperty("--initial-scale-height", v);
              for (var o = 0; o < f.length; o++)
                f[o].style.setProperty("height", "var(--initial-scale-height)");
              t396_scaleInitial__getElementsToScale(i).forEach(function (t) {
                t.style.zoom = h;
              });
            }
          }
        }
      }
      function t396_scaleInitial__getElementsToScale(t) {
        return t
          ? Array.prototype.slice.call(t.children).filter(function (t) {
              return (
                t &&
                (t.classList.contains("t396__elem") ||
                  t.classList.contains("t396__group"))
              );
            })
          : [];
      }
      function t396_getFieldValue(t, e, i, a) {
        var r,
          n = a[a.length - 1];
        if (
          !(r =
            i === n
              ? t.getAttribute("data-artboard-" + e)
              : t.getAttribute("data-artboard-" + e + "-res-" + i))
        )
          for (var l = 0; l < a.length; l++) {
            var o = a[l];
            if (
              !(o <= i) &&
              (r =
                o === n
                  ? t.getAttribute("data-artboard-" + e)
                  : t.getAttribute("data-artboard-" + e + "-res-" + o))
            )
              break;
          }
        return r;
      }
      ((window.TN_SCALE_INITIAL_VER = "1.0"),
        (window.tn_scale_initial_window_width = null));
    </script>
    <script
      src="https://static.tildacdn.com/js/jquery-1.10.2.min.js"
      charset="utf-8"
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js"
      charset="utf-8"
      defer
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/ws/project5905977/tilda-blocks-page39653928.min.js?t=1777354791"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-menu-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-menu-widgeticons-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-cover-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-cart-1.1.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-widget-positions-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-zero-gallery-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/hammer.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-animation-sbs-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-zoom-2.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-skiplink-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <script
      src="https://static.tildacdn.com/js/tilda-events-1.0.min.js"
      charset="utf-8"
      async
      onerror="this.loaderr = 'y'"
    ></script>
    <!-- nominify begin -->
    <meta
      name="google-site-verification"
      content="WYClugvlfi4giu1eTQz8ThG7e7papQ_njeDjXf3iRUs"
    />
    <meta name="yandex-verification" content="95af2e660d0e01f7" />
    <!-- nominify end -->
    <script type="text/javascript">
      window.dataLayer = window.dataLayer || [];
    </script>
    <script type="text/javascript">
      (function () {
        if (
          /bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(
            navigator.userAgent,
          ) === false &&
          typeof sessionStorage != "undefined" &&
          sessionStorage.getItem("visited") !== "y" &&
          document.visibilityState
        ) {
          var style = document.createElement("style");
          style.type = "text/css";
          style.innerHTML =
            "@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}";
          document.getElementsByTagName("head")[0].appendChild(style);
          function t_setvisRecs() {
            var alr = document.querySelectorAll(".t-records");
            Array.prototype.forEach.call(alr, function (el) {
              el.classList.add("t-records_animated");
            });
            setTimeout(function () {
              Array.prototype.forEach.call(alr, function (el) {
                el.classList.add("t-records_visible");
              });
              sessionStorage.setItem("visited", "y");
            }, 400);
          }
          document.addEventListener("DOMContentLoaded", t_setvisRecs);
        }
      })();
    </script>

    <script>
// Отключаем перехват форм Tilda для RSVP
window.addEventListener('DOMContentLoaded', function() {
  var rsvpForms = ['form690146864', 'form690146865', 'form690146866'];
  
  rsvpForms.forEach(function(id) {
    var form = document.getElementById(id);
    if (!form) return;
    
    // Удаляем классы и атрибуты Tilda-обработчика
    form.classList.remove('js-form-proccess');
    form.removeAttribute('data-formactiontype');
    form.removeAttribute('data-success-callback');
    
    // Удаляем скрытые поля Tilda
    var tildaServices = form.querySelector('input[name="formservices[]"]');
    if (tildaServices) tildaServices.remove();
    
    var tildaFormname = form.querySelector('input[name="tildaspec-formname"]');
    if (tildaFormname) tildaFormname.remove();
    
    // Принудительно устанавливаем action на Formspree
    form.setAttribute('action', 'https://formspree.io/f/xvzvyqgv');
    form.setAttribute('method', 'POST');
    
    // Добавляем поля Formspree
    var subject = form.querySelector('input[name="_subject"]');
    if (!subject) {
      subject = document.createElement('input');
      subject.type = 'hidden';
      subject.name = '_subject';
      form.insertBefore(subject, form.firstChild);
    }
    subject.value = id === 'form690146864' ? '💍 Свадьба И&Ю — Я приду' : 
                     id === 'form690146865' ? '💍 Свадьба И&Ю — С парой/семьёй' : 
                                             '💍 Свадьба И&Ю — Не смогу прийти';
    
    var template = form.querySelector('input[name="_template"]');
    if (!template) {
      template = document.createElement('input');
      template.type = 'hidden';
      template.name = '_template';
      template.value = 'table';
      form.insertBefore(template, form.firstChild);
    }
    
    var lang = form.querySelector('input[name="_language"]');
    if (!lang) {
      lang = document.createElement('input');
      lang.type = 'hidden';
      lang.name = '_language';
      lang.value = 'ru';
      form.insertBefore(lang, form.firstChild);
    }
  });
});
</script>

<style>
  /* Замена цветов в блоке Дресс-код (rec854357474) */
  
  /* 1. Светло-бежевый (вместо зелёного/серого) */
  #rec854357474 .tn-elem[data-elem-id="1704871552398"] .tn-atom {
      background-color: #F5ECD0 !important;
  }

  /* 2. Серо-бежевый (вместо светло-серого) */
  #rec854357474 .tn-elem[data-elem-id="1704871552404"] .tn-atom {
      background-color: #c0a68b !important;
  }

  
    /* 3. Серо-коричневый (вместо тёплого серого) */
    #rec854357474 .tn-elem[data-elem-id="1704871552411"] .tn-atom {
        background-color: #7c593d !important;
    }
  
  /* 5. Насыщенный красный (вместо светло-бежевого) */
  #rec854357474 .tn-elem[data-elem-id="1704871552416"] .tn-atom {
    background-color: #810100 !important;
  }

  /* 4. Светло-коричневый (вместо одного из бордовых, как вы просили) */
  #rec854357474 .tn-elem[data-elem-id="1704871552423"] .tn-atom {
    background-color: #3e2520 !important;
  }

  /* 6. Чёрный (вместо картинки с текстурой) */
  #rec854357474 .tn-elem[data-elem-id="1704871552430"] .tn-atom {
      background-color: #000000 !important;
      background-image: none !important;
  }
</style>
</head>

  <body class="t-body" style="margin: 0">
    <!--allrecords-->
    <div
      id="allrecords"
      class="t-records"
      data-hook="blocks-collection-content-node"
      data-tilda-project-id="5905977"
      data-tilda-page-id="39653928"
      data-tilda-page-alias="eternal_love"
      data-tilda-formskey="68df0493e36a113daab353c555905977"
      data-tilda-lazy="yes"
      data-tilda-root-zone="com"
      data-tilda-project-headcode="yes"
      data-tilda-ts="y"
      data-tilda-project-country="RU"
    >
      <div
        id="rec830880248"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="131"
      >
        <!-- T123 -->
        <div class="t123">
          <div class="t-container_100">
            <div class="t-width t-width_100">
              <!-- nominify begin -->
              <!-- Кастомный прелоадер (эффект загрузки страницы) | https://necodim.ru/tilda/preloader -->
              <div id="preloader">
                <span class="loader"> </span>
              </div>
              <script>
                document.body.style.overflow = "hidden";
                const loader = () => {
                  document.body.style.overflow = "";
                  const preloader = document.getElementById("preloader");
                  const fadeout = setInterval(() => {
                    const opacity = getComputedStyle(preloader).opacity;
                    opacity > 0
                      ? (preloader.style.opacity = opacity - 0.05)
                      : (clearInterval(fadeout), preloader.remove());
                  }, 15);
                };
                setTimeout(() => loader(), 2000);
              </script>
              <style>
                #preloader {
                  position: fixed;
                  top: 0;
                  left: 0;
                  z-index: 999999999;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 100vw;
                  height: 100vh;
                  height: 100dvh;
                  opacity: 1;
                  background-color: #f4f3f1;
                  overflow: hidden;
                  cursor: progress;
                }
                .loader {
                  color: #cdc8c4;
                  font-size: 45px;
                  text-indent: -9999em;
                  overflow: hidden;
                  width: 1em;
                  height: 1em;
                  border-radius: 50%;
                  position: relative;
                  transform: translateZ(0);
                  animation:
                    mltShdSpin 1.7s infinite ease,
                    round 1.7s infinite ease;
                }

                @keyframes mltShdSpin {
                  0% {
                    box-shadow:
                      0 -0.83em 0 -0.4em,
                      0 -0.83em 0 -0.42em,
                      0 -0.83em 0 -0.44em,
                      0 -0.83em 0 -0.46em,
                      0 -0.83em 0 -0.477em;
                  }
                  5%,
                  95% {
                    box-shadow:
                      0 -0.83em 0 -0.4em,
                      0 -0.83em 0 -0.42em,
                      0 -0.83em 0 -0.44em,
                      0 -0.83em 0 -0.46em,
                      0 -0.83em 0 -0.477em;
                  }
                  10%,
                  59% {
                    box-shadow:
                      0 -0.83em 0 -0.4em,
                      -0.087em -0.825em 0 -0.42em,
                      -0.173em -0.812em 0 -0.44em,
                      -0.256em -0.789em 0 -0.46em,
                      -0.297em -0.775em 0 -0.477em;
                  }
                  20% {
                    box-shadow:
                      0 -0.83em 0 -0.4em,
                      -0.338em -0.758em 0 -0.42em,
                      -0.555em -0.617em 0 -0.44em,
                      -0.671em -0.488em 0 -0.46em,
                      -0.749em -0.34em 0 -0.477em;
                  }
                  38% {
                    box-shadow:
                      0 -0.83em 0 -0.4em,
                      -0.377em -0.74em 0 -0.42em,
                      -0.645em -0.522em 0 -0.44em,
                      -0.775em -0.297em 0 -0.46em,
                      -0.82em -0.09em 0 -0.477em;
                  }
                  100% {
                    box-shadow:
                      0 -0.83em 0 -0.4em,
                      0 -0.83em 0 -0.42em,
                      0 -0.83em 0 -0.44em,
                      0 -0.83em 0 -0.46em,
                      0 -0.83em 0 -0.477em;
                  }
                }

                @keyframes round {
                  0% {
                    transform: rotate(0deg);
                  }
                  100% {
                    transform: rotate(360deg);
                  }
                }
              </style>
              <!-- nominify end -->
            </div>
          </div>
        </div>
      </div>
      <div
        id="rec1065776831"
        class="r t-rec t-rec_pt_0 uc-swipe-block"
        style="padding-top: 0px"
        data-animationappear="off"
        data-record-type="396"
      >
        <!-- T396 -->
        <style>
          #rec1065776831 .t396__artboard {
            min-height: 760px;
            height: 100vh;
            background-color: #a09c99;
          }
          #rec1065776831 .t396__filter {
            min-height: 760px;
            height: 100vh;
          }
          #rec1065776831 .t396__carrier {
            min-height: 760px;
            height: 100vh;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec1065776831 .t396__artboard,
            #rec1065776831 .t396__filter,
            #rec1065776831 .t396__carrier {
            }
            #rec1065776831 .t396__filter {
            }
            #rec1065776831 .t396__carrier {
              background-position: center center;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec1065776831 .t396__artboard,
            #rec1065776831 .t396__filter,
            #rec1065776831 .t396__carrier {
              min-height: 760px;
            }
            #rec1065776831 .t396__filter {
            }
            #rec1065776831 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec1065776831 .t396__artboard,
            #rec1065776831 .t396__filter,
            #rec1065776831 .t396__carrier {
              min-height: 760px;
            }
            #rec1065776831 .t396__filter {
            }
            #rec1065776831 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec1065776831 .t396__artboard,
            #rec1065776831 .t396__filter,
            #rec1065776831 .t396__carrier {
              min-height: 700px;
              height: 100vh;
            }
            #rec1065776831 .t396__filter {
            }
            #rec1065776831 .t396__carrier {
              background-position: center center;
              background-attachment: scroll;
            }
          }
          #rec1065776831 .tn-elem[data-elem-id="1724831490708"] {
            color: #ffffff;
            text-align: center;
            z-index: 3;
            top: 267px;
            left: calc(50% - 600px + 538px);
            width: 94px;
            height: auto;
          }
          #rec1065776831 .tn-elem[data-elem-id="1724831490708"] .tn-atom {
            vertical-align: middle;
            color: #ffffff;
            font-size: 150px;
            font-family: var(--t-headline-font, Arial);
            line-height: 1;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] {
              display: table;
              left: calc(50% - 480px + 416px);
              width: px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] {
              display: table;
              left: calc(50% - 320px + 256px);
              width: px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] {
              display: table;
              left: calc(50% - 240px + 176px);
              width: px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] {
              display: table;
              top: 187px;
              left: calc(50% - 160px + 89px);
              width: 120px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831490708"] .tn-atom {
              white-space: normal;
              font-size: 200px;
              background-size: cover;
            }
          }
          #rec1065776831 .tn-elem[data-elem-id="1724831611332"] {
            color: #ffffff;
            text-align: center;
            z-index: 3;
            top: 302px;
            left: calc(50% - 600px + 568px);
            width: 94px;
            height: auto;
          }
          #rec1065776831 .tn-elem[data-elem-id="1724831611332"] .tn-atom {
            vertical-align: middle;
            color: #ffffff;
            font-size: 150px;
            font-family: var(--t-headline-font, Arial);
            line-height: 1;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] {
              display: table;
              left: calc(50% - 480px + 450px);
              width: px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] {
              display: table;
              left: calc(50% - 320px + 290px);
              width: px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] {
              display: table;
              left: calc(50% - 240px + 210px);
              width: px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] {
              display: table;
              top: 222px;
              left: calc(50% - 160px + 123px);
              width: 107px;
              height: auto;
            }
            #rec1065776831 .tn-elem[data-elem-id="1724831611332"] .tn-atom {
              white-space: normal;
              font-size: 200px;
              background-size: cover;
            }
          }
          #rec1065776831 .tn-elem[data-elem-id="1724831795382"] {
            z-index: 3;
            top: 515px;
            left: calc(50% - 600px + 440px);
            width: 320px;
            height: 78px;
          }
          #rec1065776831 .tn-elem[data-elem-id="1724831795382"] .tn-atom {
            border-radius: 39px 39px 39px 39px;
            background-color: #ffffff;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831795382"] {
              display: table;
              left: calc(50% - 480px + 320px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831795382"] {
              display: table;
              left: calc(50% - 320px + 160px);
            }
          }
          @media screen and (max-width: 639px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831795382"] {
              display: table;
              left: calc(50% - 240px + 80px);
            }
          }
          @media screen and (max-width: 479px) {
            #rec1065776831 .tn-elem[data-elem-id="1724831795382"] {
              display: table;
              top: 503px;
              left: calc(50% - 160px + 0px);
              width: 320px;
              height: 78px;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="1065776831"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="760"
            data-artboard-valign="top"
            data-artboard-height_vh="100"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="700"
            data-artboard-height_vh-res-320="100"
            data-artboard-upscale-res-320="grid"
            data-artboard-height-res-480="760"
            data-artboard-height-res-640="760"
            data-artboard-upscale-res-640="grid"
          >
            <div class="t396__carrier" data-artboard-recid="1065776831"></div>
            <div class="t396__filter" data-artboard-recid="1065776831"></div>
            <div
              class="t396__elem tn-elem tn-elem__10657768311724831490708 t-animate"
              data-elem-id="1724831490708"
              data-elem-type="text"
              data-field-top-value="267"
              data-field-left-value="538"
              data-field-height-value="150"
              data-field-width-value="94"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="4"
              data-animate-distance="300"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="150"
              data-field-top-res-320-value="187"
              data-field-left-res-320-value="89"
              data-field-width-res-320-value="120"
              data-animate-duration-res-320="3"
              data-field-fontsize-res-320-value="200"
              data-field-left-res-480-value="176"
              data-field-left-res-640-value="256"
              data-field-left-res-960-value="416"
            >
              <div class="tn-atom" field="tn_text_1724831490708">И</div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__10657768311724831611332 t-animate"
              data-elem-id="1724831611332"
              data-elem-type="text"
              data-field-top-value="302"
              data-field-left-value="568"
              data-field-height-value="150"
              data-field-width-value="94"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinright"
              data-animate-duration="4"
              data-animate-distance="300"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="150"
              data-field-top-res-320-value="222"
              data-field-left-res-320-value="123"
              data-field-width-res-320-value="107"
              data-animate-duration-res-320="3"
              data-field-fontsize-res-320-value="200"
              data-field-left-res-480-value="210"
              data-field-left-res-640-value="290"
              data-field-left-res-960-value="450"
            >
              <div class="tn-atom" field="tn_text_1724831611332">Ю</div>
            </div>
            <div
              class="t396__elem tn-elem swipe-unlocker tn-elem__10657768311724831795382"
              data-elem-id="1724831795382"
              data-elem-type="shape"
              data-field-top-value="515"
              data-field-left-value="440"
              data-field-height-value="78"
              data-field-width-value="320"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-field-top-res-320-value="503"
              data-field-left-res-320-value="0"
              data-field-height-res-320-value="78"
              data-field-width-res-320-value="320"
              data-field-left-res-480-value="80"
              data-field-left-res-640-value="160"
              data-field-left-res-960-value="320"
            >
              <div class="tn-atom"></div>
            </div>
          </div>
        </div>
        <script>
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("1065776831");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div
        id="rec1065776841"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="131"
      >
        <!-- T123 -->
        <div class="t123">
          <div class="t-container_100">
            <div class="t-width t-width_100">
              <!-- nominify begin -->
              <!-- Как сделать swipe button для прелоадера в Tilda mo-ti.ru -->
              <script
                src="https://static.tildacdn.com/js/jquery-1.10.2.min.js"
                charset="utf-8"
                onerror="this.loaderr = 'y'"
              ></script>
              <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>
              <style>
                div#allrecords{
                    padding-top:100svh;
                }

                div#allrecords.hide-padding{
                    padding-top: 0 !important;
                    transition: all 1.4s ease-in-out 0.3s;

                }

                .swiper  {
                    border-radius: 100px;
                    padding: 5px 5px;4px;
                    transition: all 0.3s ease-in-out;
                }

                .swipe-unlocker .tn-atom {
                    background: none !important;
                }



                body.t-body {
                    overflow: hidden;
                }

                body.t-body.overflow {
                    overflow: auto;
                }

                .uc-swipe-block {
                    position: fixed;
                    top: 0;
                    width: 100%;
                    left: 0;
                    z-index: 999;
                    transition: all 1.5s ease-in-out 0.3s;
                }

                .uc-swipe-block.slide-move {
                    transform: translateY(-100%);
                    pointer-events: none;

                }

                .swipe-unlocker .tn-atom {
                    display: flex !important;
                    justify-content: center;
                }

                .swiper.finish-mode {
                    opacity: 0;
                }

                .swiper svg {
                    position: absolute;
                    top: 5px;
                    left: 5px;
                    overflow: visible;
                }

                .swiper {
                    position: relative;
                    width: 310px;
                    height: 70px;
                }

                .btn-text.t-text {
                    height: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    margin-top: -2px;
                    font-size: 17px;
                    color: #fff;
                    font-weight: 400;
                    padding-right: 10px;
                }


                .swiper .swipe-btn {
                  cursor: pointer;
                }
                .swiper .swipe-btn.back-to-start {
                  -webkit-transition: -webkit-transform .5s ease-in-out;
                  transition: -webkit-transform .5s ease-in-out;
                  transition: transform .5s ease-in-out;
                  transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
                  -webkit-transform: translateX(0) !important;
                          transform: translateX(0) !important;
                }
                .swiper .swipe-btn .circle {
                  fill: #ed7000;
                }
                .swiper .swipe-btn .arrow {
                    stroke: #000;
                    stroke-width: 2px;
                    stroke-linecap: butt;
                    stroke-linejoin: miter;
                    fill: #fff;
                }

                .swiper .swipe-end {
                    fill-rule: evenodd;
                    stroke: #ffffff;
                    stroke-width: 1px;
                    stroke-linecap: butt;
                    stroke-linejoin: miter;
                    fill: none;
                    transform: matrix(1, 0, 0, 1, 252, -8);
                }

                .swiper .dotted-line circle {
                  fill: #0d3d7d;
                }

                .unlock {
                  text-transform: uppercase;
                  font-size: 12px;
                  letter-spacing: 2px;
                  color: #0d3d7d;
                  text-align: center;
                  padding: 10px;
                  -webkit-transition: opacity .3s ease-in-out;
                  transition: opacity .3s ease-in-out;
                  opacity: 0;
                }

                .swiper .dotted-line circle {
                    fill: #fff;
                }
              </style>
              <script>
                if ("scrollRestoration" in history) {
                  history.scrollRestoration = "manual";
                }

                swiperElem = `
  
  <div class="swiper"> <div class="btn-text t-text"></div> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="310px" height="70px"> <g id="dotted-line" class="dotted-line"> <circle cx="40" cy="22" r="3"></circle> <circle cx="60" cy="22" r="3"></circle> <circle cx="80" cy="22" r="3"></circle> <circle cx="100" cy="22" r="3"></circle> <circle cx="120" cy="22" r="3"></circle> <circle cx="140" cy="22" r="3"></circle> <circle cx="160" cy="22" r="3"></circle> <circle cx="180" cy="22" r="3"></circle> <circle cx="200" cy="22" r="3"></circle> <circle cx="220" cy="22" r="3"></circle> <circle cx="240" cy="22" r="3"></circle> </g> <circle  id="swipe-end" class="swipe-end" cx="30" cy="30" r="29.5" stroke="white"/> <a id="swipe-btn" class="swipe-btn" xlink:href= "http://example.com/link/"> <g> <path fill-rule="evenodd"  fill="#fff"
                d="M22.000,0.001 C34.150,0.001 44.000,9.850 44.000,22.000 C44.000,34.150 34.150,44.000 22.000,44.000 C9.850,44.000 0.000,34.150 0.000,22.000 C0.000,9.850 9.850,0.001 22.000,0.001 Z"/> <path id="swipe-arrow" class="arrow" fill-rule="#32b2f7"     d="M1 1L10 10L1 19" stroke="black" stroke-width="2" stroke-linecap="round"/> </g> </a> </svg> </div>
  
  
  `;

                $(".swipe-unlocker .tn-atom").html(swiperElem);

                let swiperDragged = false,
                  startX,
                  endX = 0;

                function swipe() {
                  let $swipe = $(".swiper"),
                    $btn = $(".swipe-btn", $swipe);

                  TweenLite.to("#swipe-arrow", 0, { x: 16, y: 11 });
                  TweenLite.to("#swipe-end", 0, { x: 260, y: 12 });

                  let tl = new TimelineMax({ repeat: -1 });
                  tl.staggerFrom(
                    "#dotted-line circle",
                    0.7,
                    {
                      scale: 0.7,
                      x: -2,
                      y: 0.5,
                      opacity: 0.7,
                      delay: 0.1,
                      ease: Power2.easeInOut,
                      repeat: 1,
                      yoyo: true,
                    },
                    0.15,
                  );

                  $btn
                    .on("click touchend", function (e) {
                      e.preventDefault();
                    })
                    .on("touchstart mousedown", function (e) {
                      e.preventDefault();
                      swiperDragged = true;
                      startX =
                        typeof e.pageX != "undefined"
                          ? e.pageX
                          : e.originalEvent.touches[0].pageX;
                      endX = 0;
                    });

                  $(document)
                    .on("touchmove mousemove", function (e) {
                      if (swiperDragged) {
                        actualX =
                          typeof e.pageX != "undefined"
                            ? e.pageX
                            : e.originalEvent.touches[0].pageX;
                        endX = Math.max(0, Math.min(260, actualX - startX));
                        TweenLite.to("#swipe-btn", 0, { x: endX });
                      }
                    })
                    .on("touchend mouseup", function (e) {
                      if (swiperDragged) {
                        swiperDragged = false;
                        if (endX < 255) {
                          TweenLite.to("#swipe-btn", 0.5, { x: 0 });
                        } else {
                          $(".swiper").addClass("finish-mode");
                          $(".uc-swipe-block").addClass("slide-move");
                          $("div#allrecords").addClass("hide-padding");

                          $(".t-body").addClass("overflow");

                          //window.location.href = 'http://www.google.com';
                          TweenLite.to("#swipe-btn", 0.1, { x: 260 });
                          setTimeout(function () {
                            TweenLite.to("#swipe-btn", 0.5, { x: 0 });
                            $(".swiper").removeClass("finish-mode");
                          }, 2000);
                        }
                        endX = 0;
                      }
                    });
                }
                swipe();

                $(document).ready(function () {
                  setTimeout(function () {
                    $(window).scrollTop(0);
                  }, 700);
                });
              </script>
              <!-- nominify end -->
            </div>
          </div>
        </div>
      </div>
      <div
        id="rec690437863"
        class="r t-rec t-rec_pt_0 t-rec_pb_0"
        style="padding-top: 0px; padding-bottom: 0px; background-color: #f4f3f1"
        data-animationappear="off"
        data-record-type="450"
        data-bg-color="#f4f3f1"
      >
        <div
          class="t450__menu__content"
          style="top: 15px"
          data-menu="yes"
          data-appearoffset=""
          data-hideoffset=""
        >
          <div class="t450__burger_container t450__small">
            <div
              class="t450__burger_bg t450__burger_cirqle"
              style="background-color: #cdc8c4; opacity: 0.7"
            ></div>
            <button
              type="button"
              class="t-menuburger t-menuburger_first t-menuburger__small"
              aria-label="Навигационное меню"
              aria-expanded="false"
            >
              <span style="background-color: #f4f3f1"> </span>
              <span style="background-color: #f4f3f1"> </span>
              <span style="background-color: #f4f3f1"> </span>
              <span style="background-color: #f4f3f1"> </span>
            </button>
            <script>
              function t_menuburger_init(recid) {
                var rec = document.querySelector("#rec" + recid);
                if (!rec) return;
                var burger = rec.querySelector(".t-menuburger");
                if (!burger) return;
                var isSecondStyle = burger.classList.contains(
                  "t-menuburger_second",
                );
                if (
                  isSecondStyle &&
                  !window.isMobile &&
                  !("ontouchend" in document)
                ) {
                  burger.addEventListener("mouseenter", function () {
                    if (burger.classList.contains("t-menuburger-opened"))
                      return;
                    burger.classList.remove("t-menuburger-unhovered");
                    burger.classList.add("t-menuburger-hovered");
                  });
                  burger.addEventListener("mouseleave", function () {
                    if (burger.classList.contains("t-menuburger-opened"))
                      return;
                    burger.classList.remove("t-menuburger-hovered");
                    burger.classList.add("t-menuburger-unhovered");
                    setTimeout(function () {
                      burger.classList.remove("t-menuburger-unhovered");
                    }, 300);
                  });
                }
                burger.addEventListener("click", function () {
                  if (
                    !burger.closest(".tmenu-mobile") &&
                    !burger.closest(".t450__burger_container") &&
                    !burger.closest(".t466__container") &&
                    !burger.closest(".t204__burger") &&
                    !burger.closest(".t199__js__menu-toggler")
                  ) {
                    burger.classList.toggle("t-menuburger-opened");
                    burger.classList.remove("t-menuburger-unhovered");
                  }
                });
                var menu = rec.querySelector('[data-menu="yes"]');
                if (!menu) return;
                var menuLinks = menu.querySelectorAll(".t-menu__link-item");
                var submenuClassList = [
                  "t978__menu-link_hook",
                  "t978__tm-link",
                  "t966__tm-link",
                  "t794__tm-link",
                  "t-menusub__target-link",
                ];
                Array.prototype.forEach.call(menuLinks, function (link) {
                  link.addEventListener("click", function () {
                    var isSubmenuHook = submenuClassList.some(
                      function (submenuClass) {
                        return link.classList.contains(submenuClass);
                      },
                    );
                    if (isSubmenuHook) return;
                    burger.classList.remove("t-menuburger-opened");
                  });
                });
                menu.addEventListener(
                  "clickedAnchorInTooltipMenu",
                  function () {
                    burger.classList.remove("t-menuburger-opened");
                  },
                );
              }
              t_onReady(function () {
                t_onFuncLoad("t_menuburger_init", function () {
                  t_menuburger_init("690437863");
                });
              });
            </script>
            <style>
              .t-menuburger {
                position: relative;
                flex-shrink: 0;
                width: 28px;
                height: 20px;
                padding: 0;
                border: none;
                background-color: transparent;
                outline: none;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                transition: transform 0.5s ease-in-out;
                cursor: pointer;
                z-index: 999;
              }
              .t-menuburger span {
                display: block;
                position: absolute;
                width: 100%;
                opacity: 1;
                left: 0;
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                transition: 0.25s ease-in-out;
                height: 3px;
                background-color: #000;
              }
              .t-menuburger span:nth-child(1) {
                top: 0px;
              }
              .t-menuburger span:nth-child(2),
              .t-menuburger span:nth-child(3) {
                top: 8px;
              }
              .t-menuburger span:nth-child(4) {
                top: 16px;
              }
              .t-menuburger__big {
                width: 42px;
                height: 32px;
              }
              .t-menuburger__big span {
                height: 5px;
              }
              .t-menuburger__big span:nth-child(2),
              .t-menuburger__big span:nth-child(3) {
                top: 13px;
              }
              .t-menuburger__big span:nth-child(4) {
                top: 26px;
              }
              .t-menuburger__small {
                width: 22px;
                height: 14px;
              }
              .t-menuburger__small span {
                height: 2px;
              }
              .t-menuburger__small span:nth-child(2),
              .t-menuburger__small span:nth-child(3) {
                top: 6px;
              }
              .t-menuburger__small span:nth-child(4) {
                top: 12px;
              }
              .t-menuburger-opened span:nth-child(1) {
                top: 8px;
                width: 0%;
                left: 50%;
              }
              .t-menuburger-opened span:nth-child(2) {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
              }
              .t-menuburger-opened span:nth-child(3) {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
              }
              .t-menuburger-opened span:nth-child(4) {
                top: 8px;
                width: 0%;
                left: 50%;
              }
              .t-menuburger-opened.t-menuburger__big span:nth-child(1) {
                top: 6px;
              }
              .t-menuburger-opened.t-menuburger__big span:nth-child(4) {
                top: 18px;
              }
              .t-menuburger-opened.t-menuburger__small span:nth-child(1),
              .t-menuburger-opened.t-menuburger__small span:nth-child(4) {
                top: 6px;
              }
              @media (hover), (min-width: 0\0) {
                .t-menuburger_first:hover span:nth-child(1) {
                  transform: translateY(1px);
                }
                .t-menuburger_first:hover span:nth-child(4) {
                  transform: translateY(-1px);
                }
                .t-menuburger_first.t-menuburger__big:hover span:nth-child(1) {
                  transform: translateY(3px);
                }
                .t-menuburger_first.t-menuburger__big:hover span:nth-child(4) {
                  transform: translateY(-3px);
                }
              }
              .t-menuburger_second span:nth-child(2),
              .t-menuburger_second span:nth-child(3) {
                width: 80%;
                left: 20%;
                right: 0;
              }
              @media (hover), (min-width: 0\0) {
                .t-menuburger_second.t-menuburger-hovered span:nth-child(2),
                .t-menuburger_second.t-menuburger-hovered span:nth-child(3) {
                  animation: t-menuburger-anim 0.3s ease-out normal forwards;
                }
                .t-menuburger_second.t-menuburger-unhovered span:nth-child(2),
                .t-menuburger_second.t-menuburger-unhovered span:nth-child(3) {
                  animation: t-menuburger-anim2 0.3s ease-out normal forwards;
                }
              }
              .t-menuburger_second.t-menuburger-opened span:nth-child(2),
              .t-menuburger_second.t-menuburger-opened span:nth-child(3) {
                left: 0;
                right: 0;
                width: 100% !important;
              }
              .t-menuburger_third span:nth-child(4) {
                width: 70%;
                left: unset;
                right: 0;
              }
              @media (hover), (min-width: 0\0) {
                .t-menuburger_third:not(.t-menuburger-opened):hover
                  span:nth-child(4) {
                  width: 100%;
                }
              }
              .t-menuburger_third.t-menuburger-opened span:nth-child(4) {
                width: 0 !important;
                right: 50%;
              }
              .t-menuburger_fourth {
                height: 12px;
              }
              .t-menuburger_fourth.t-menuburger__small {
                height: 8px;
              }
              .t-menuburger_fourth.t-menuburger__big {
                height: 18px;
              }
              .t-menuburger_fourth span:nth-child(2),
              .t-menuburger_fourth span:nth-child(3) {
                top: 4px;
                opacity: 0;
              }
              .t-menuburger_fourth span:nth-child(4) {
                top: 8px;
              }
              .t-menuburger_fourth.t-menuburger__small span:nth-child(2),
              .t-menuburger_fourth.t-menuburger__small span:nth-child(3) {
                top: 3px;
              }
              .t-menuburger_fourth.t-menuburger__small span:nth-child(4) {
                top: 6px;
              }
              .t-menuburger_fourth.t-menuburger__small span:nth-child(2),
              .t-menuburger_fourth.t-menuburger__small span:nth-child(3) {
                top: 3px;
              }
              .t-menuburger_fourth.t-menuburger__small span:nth-child(4) {
                top: 6px;
              }
              .t-menuburger_fourth.t-menuburger__big span:nth-child(2),
              .t-menuburger_fourth.t-menuburger__big span:nth-child(3) {
                top: 6px;
              }
              .t-menuburger_fourth.t-menuburger__big span:nth-child(4) {
                top: 12px;
              }
              @media (hover), (min-width: 0\0) {
                .t-menuburger_fourth:not(.t-menuburger-opened):hover
                  span:nth-child(1) {
                  transform: translateY(1px);
                }
                .t-menuburger_fourth:not(.t-menuburger-opened):hover
                  span:nth-child(4) {
                  transform: translateY(-1px);
                }
                .t-menuburger_fourth.t-menuburger__big:not(
                    .t-menuburger-opened
                  ):hover
                  span:nth-child(1) {
                  transform: translateY(3px);
                }
                .t-menuburger_fourth.t-menuburger__big:not(
                    .t-menuburger-opened
                  ):hover
                  span:nth-child(4) {
                  transform: translateY(-3px);
                }
              }
              .t-menuburger_fourth.t-menuburger-opened span:nth-child(1),
              .t-menuburger_fourth.t-menuburger-opened span:nth-child(4) {
                top: 4px;
              }
              .t-menuburger_fourth.t-menuburger-opened span:nth-child(2),
              .t-menuburger_fourth.t-menuburger-opened span:nth-child(3) {
                opacity: 1;
              }
              @keyframes t-menuburger-anim {
                0% {
                  width: 80%;
                  left: 20%;
                  right: 0;
                }
                50% {
                  width: 100%;
                  left: 0;
                  right: 0;
                }
                100% {
                  width: 80%;
                  left: 0;
                  right: 20%;
                }
              }
              @keyframes t-menuburger-anim2 {
                0% {
                  width: 80%;
                  left: 0;
                }
                50% {
                  width: 100%;
                  right: 0;
                  left: 0;
                }
                100% {
                  width: 80%;
                  left: 20%;
                  right: 0;
                }
              }
            </style>
          </div>
        </div>
        <!-- t450 -->
        <div id="nav690437863marker"></div>
        <div class="t450__overlay">
          <div class="t450__overlay_bg" style=""></div>
        </div>
        <div
          id="nav690437863"
          class="t450 t450__left"
          data-tooltip-hook="#menuopen"
          style="max-width: 350px; background-color: #ffffff"
        >
          <button
            type="button"
            class="t450__close-button t450__close t450_opened"
            style="background-color: #ffffff"
            aria-label="Close menu"
          >
            <div class="t450__close_icon" style="color: #000000">
              <span> </span>
              <span> </span>
              <span> </span>
              <span> </span>
            </div>
          </button>
          <div class="t450__container t-align_left">
            <div class="t450__top">
              <nav class="t450__menu">
                <ul role="list" class="t450__list t-menu__list">
                  <li class="t450__list_item" style="padding: 0 0 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#vverx"
                      data-menu-submenu-hook=""
                      data-menu-item-number="1"
                      >Главная</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#priglashenie"
                      data-menu-submenu-hook=""
                      data-menu-item-number="2"
                      >Приглашение</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#data"
                      data-menu-submenu-hook=""
                      data-menu-item-number="3"
                      >Дата проведения</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#zags"
                      data-menu-submenu-hook=""
                      data-menu-item-number="4"
                      >Место проведения</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#istoria"
                      data-menu-submenu-hook=""
                      data-menu-item-number="5"
                      >Наша история</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#foto_galeria"
                      data-menu-submenu-hook=""
                      data-menu-item-number="6"
                      >Счастливые моменты</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#dress_cod"
                      data-menu-submenu-hook=""
                      data-menu-item-number="8"
                      >Дресс-код</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#chat"
                      data-menu-submenu-hook=""
                      data-menu-item-number="10"
                      >Общий чат</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0">
                    <a
                      class="t-menu__link-item"
                      href="#podtverdite_prisytstvie"
                      data-menu-submenu-hook=""
                      data-menu-item-number="11"
                      >Подтвердите присутствие</a
                    >
                  </li>
                  <li class="t450__list_item" style="padding: 5px 0 0">
                    <a
                      class="t-menu__link-item"
                      href="#taimer"
                      data-menu-submenu-hook=""
                      data-menu-item-number="12"
                      >Обратный отсчёт</a
                    >
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
        <script>
          t_onReady(function () {
            var rec = document.querySelector("#rec690437863");
            if (!rec) return;
            rec.setAttribute("data-animationappear", "off");
            rec.style.opacity = 1;
            t_onFuncLoad("t450_initMenu", function () {
              t450_initMenu("690437863");
            });
            t_onFuncLoad("t_menuWidgets__init", function () {
              t_menuWidgets__init("690437863");
            });
          });
        </script>
        <style>
          #rec690437863 .t-menu__link-item {
            -webkit-transition:
              color 0.3s ease-in-out,
              opacity 0.3s ease-in-out;
            transition:
              color 0.3s ease-in-out,
              opacity 0.3s ease-in-out;
          }
          #rec690437863 .t-menu__link-item.t-active:not(.t978__menu-link) {
            color: #cdc8c4 !important;
          }
          @supports (overflow: -webkit-marquee) and (justify-content: inherit) {
            #rec690437863 .t-menu__link-item,
            #rec690437863 .t-menu__link-item.t-active {
              opacity: 1 !important;
            }
          }
        </style>
        <style>
          #rec690437863 a.t-menusub__link-item {
            font-family: "Montserrat";
          }
        </style>
        <style>
          #rec690437863 .t450__right_descr {
            font-family: "Montserrat";
          }
        </style>
        <style>
          #rec690437863 a.t-menu__link-item {
            font-size: 16px;
            color: #000000;
            font-family: "Montserrat";
            font-weight: 300;
          }
        </style>
        <style>
          #rec690437863 .t450__right_langs_lang a {
            color: #000000;
            font-family: "Montserrat";
            font-weight: 300;
          }
        </style>
      </div>
      <div id="rec641328628" class="r t-rec" style="" data-record-type="215">
        <a name="vverx" style="font-size: 0"></a>
      </div>
      <div
        id="rec685820085"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="396"
      >
        <!-- T396 -->
        <style>
          #rec685820085 .t396__artboard {
            min-height: 785px;
            height: 100vh;
            background-color: #f4f3f1;
          }
          #rec685820085 .t396__filter {
            min-height: 785px;
            height: 100vh;
            background-image: -webkit-gradient(
              linear,
              left top,
              left bottom,
              from(rgba(0, 0, 0, 0)),
              to(rgba(0, 0, 0, 0))
            );
            background-image: -webkit-linear-gradient(
              top,
              rgba(0, 0, 0, 0),
              rgba(0, 0, 0, 0)
            );
            background-image: linear-gradient(
              to bottom,
              rgba(0, 0, 0, 0),
              rgba(0, 0, 0, 0)
            );
            will-change: transform;
          }
          #rec685820085 .t396__carrier {
            min-height: 785px;
            height: 100vh;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .t396__artboard,
            #rec685820085 .t396__filter,
            #rec685820085 .t396__carrier {
              min-height: 760px;
            }
            #rec685820085 .t396__filter {
            }
            #rec685820085 .t396__carrier {
              background-position: center center;
              background-image: unset;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .t396__artboard,
            #rec685820085 .t396__filter,
            #rec685820085 .t396__carrier {
              min-height: 710px;
            }
            #rec685820085 .t396__filter {
            }
            #rec685820085 .t396__carrier {
              background-position: center center;
              background-image: unset;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .t396__artboard,
            #rec685820085 .t396__filter,
            #rec685820085 .t396__carrier {
              min-height: 710px;
            }
            #rec685820085 .t396__filter {
            }
            #rec685820085 .t396__carrier {
              background-position: center center;
              background-image: unset;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec685820085 .t396__artboard,
            #rec685820085 .t396__filter,
            #rec685820085 .t396__carrier {
              min-height: 600px;
            }
            #rec685820085 .t396__filter {
            }
            #rec685820085 .t396__carrier {
              background-position: center center;
              background-image: unset;
              background-attachment: scroll;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703744329082"] {
            z-index: 3;
            top: calc(50vh - 56.5px + 0px);
            left: calc(50% - 58% + 0px);
            width: 116%;
            height: 113%;
          }
          #rec685820085 .tn-elem[data-elem-id="1703744329082"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            opacity: 0.5;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703744329082"] {
              display: table;
              left: calc(50% - 58% + 0px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703744329082"] {
              display: table;
              left: calc(50% - 58% + 0px);
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703744329082"] {
              display: table;
            }
          }
          @media screen and (max-width: 479px) {
            #rec685820085 .tn-elem[data-elem-id="1703744329082"] {
              display: table;
              top: calc(392.5px - 56.5% + -9px);
              left: calc(50% - 58% + 57px);
              width: 214%;
              height: 158%;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703510448403"] {
            z-index: 3;
            top: calc(50vh - 392.5px + 150px);
            left: calc(50% - 600px + 219px);
            width: 380px;
            height: auto;
          }
          #rec685820085 .tn-elem[data-elem-id="1703510448403"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec685820085 .tn-elem[data-elem-id="1703510448403"] .tn-atom__img {
            border-radius: 0px 0px 0px 0px;
            object-position: center center;
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703510448403"] {
              display: table;
              left: calc(50% - 480px + 99px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703510448403"] {
              display: table;
              top: 167px;
              left: calc(50% - 320px + 180px);
              width: 280px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703510448403"] {
              display: table;
              left: calc(50% - 240px + 100px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec685820085 .tn-elem[data-elem-id="1703510448403"] {
              display: table;
              top: 133px;
              left: calc(50% - 160px + 35px);
              width: 250px;
              height: auto;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703510831729"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: calc(50vh - 23.5px + 34px);
            left: calc(50% - 190px + 189px);
            width: 380px;
            height: auto;
          }
          #rec685820085 .tn-elem[data-elem-id="1703510831729"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 30px;
            font-family: var(--t-headline-font, Arial);
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] {
              display: table;
              left: calc(50% - 190px + 191px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] {
              display: table;
              top: calc(392.5px - 23.5px + 199px);
              left: calc(50% - 190px + 0px);
              width: 300px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] .tn-atom {
              white-space: normal;
              font-size: 20px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] {
              display: table;
              top: calc(392.5px - 23.5px + 200px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] {
              display: table;
              top: calc(392.5px - 23.5px + 189px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510831729"] .tn-atom {
              white-space: normal;
              font-size: 18px;
              background-size: cover;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703510988714"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: calc(50vh - 28px + -97px);
            left: calc(50% - 190px + 189px);
            width: 380px;
            height: auto;
          }
          #rec685820085 .tn-elem[data-elem-id="1703510988714"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 36px;
            font-family: var(--t-headline-font, Arial);
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] {
              display: table;
              left: calc(50% - 190px + 191px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] {
              display: table;
              top: calc(392.5px - 28px + -283px);
              left: calc(50% - 190px + 0px);
              width: 300px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] .tn-atom {
              white-space: normal;
              font-size: 28px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] {
              display: table;
              top: calc(392.5px - 28px + -286px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] {
              display: table;
              top: calc(392.5px - 28px + -244px);
              left: calc(50% - 190px + 0px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703510988714"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703683340689"] {
            z-index: 3;
            top: calc(50vh - 392.5px + 323px);
            left: calc(50% - 600px + 678px);
            width: 222px;
            height: auto;
          }
          #rec685820085 .tn-elem[data-elem-id="1703683340689"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec685820085 .tn-elem[data-elem-id="1703683340689"] .tn-atom__img {
            border-radius: 0px 0px 0px 0px;
            object-position: center center;
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703683340689"] {
              display: table;
              top: 311px;
              left: calc(50% - 480px + 560px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703683340689"] {
              display: table;
              top: 86px;
              left: calc(50% - 320px + 220px);
              width: 200px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703683340689"] {
              display: table;
              left: calc(50% - 240px + 140px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
              #rec685820085 .tn-elem[data-elem-id="1703578252786"] {
                  left: 50% !important;
                  transform: translateX(-50%) !important;
                  text-align: center !important;
                  width: auto !important;
                  white-space: nowrap;
              }
              #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
                  font-size: 36px !important;
                  text-align: center !important;
              }
          }
          #rec685820085 .tn-elem[data-elem-id="1703578252786"] {
            color: #000000;
            z-index: 3;
            top: calc(50vh - 392.5px + 578px);
            left: calc(50% - 600px + 710px);
            width: 271px;
            height: auto;
          }
          #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 14px;
            font-family: var(--t-text-font, Arial);
            line-height: 1.55;
            font-weight: 400;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] {
              display: table;
              left: calc(50% - 480px + 590px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] {
              display: table;
              top: 604px;
              left: calc(50% - 320px + 222px);
              width: 229px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
              white-space: normal;
              font-size: 12px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] {
              display: table;
              left: calc(50% - 240px + 141px);
              width: px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
    font-family: 'CormorantGaramond', Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 48px !important;         /* можно увеличить */
    letter-spacing: normal;
}
          @media screen and (max-width: 479px) {
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] {
              display: table;
              top: 516px;
              left: calc(50% - 160px + 70px);
              width: 208px;
              height: auto;
            }
            #rec685820085 .tn-elem[data-elem-id="1703578252786"] .tn-atom {
              white-space: normal;
              font-size: 11px;
              background-size: cover;
            }
          }
          #rec685820085 .tn-elem[data-elem-id="1703681107378"] {
            z-index: 3;
            top: calc(50vh - 392.5px + 571px);
            left: calc(50% - 600px + 673px);
            width: 28px;
            height: auto;
          }
          #rec685820085 .tn-elem[data-elem-id="1703681107378"] .tn-atom {
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec685820085
            .tn-elem[data-elem-id="1703681107378"]
            .tn-atom__vector
            svg {
            display: block;
          }
          @media screen and (max-width: 1199px) {
            #rec685820085 .tn-elem[data-elem-id="1703681107378"] {
              display: table;
              left: calc(50% - 480px + 553px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec685820085 .tn-elem[data-elem-id="1703681107378"] {
              display: table;
              top: 596px;
              left: calc(50% - 320px + 191px);
              width: 24px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec685820085 .tn-elem[data-elem-id="1703681107378"] {
              display: table;
              left: calc(50% - 240px + 110px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec685820085 .tn-elem[data-elem-id="1703681107378"] {
              display: table;
              top: 509px;
              left: calc(50% - 160px + 41px);
              width: 22px;
              height: auto;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="685820085"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="785"
            data-artboard-valign="center"
            data-artboard-height_vh="100"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="600"
            data-artboard-height-res-480="710"
            data-artboard-height-res-640="710"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="760"
          >
            <div class="t396__carrier" data-artboard-recid="685820085"></div>
            <div class="t396__filter" data-artboard-recid="685820085"></div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703744329082"
              data-elem-id="1703744329082"
              data-elem-type="shape"
              data-field-top-value="0"
              data-field-left-value="0"
              data-field-height-value="113"
              data-field-width-value="116"
              data-field-axisy-value="center"
              data-field-axisx-value="center"
              data-field-container-value="window"
              data-field-topunits-value="%"
              data-field-leftunits-value="%"
              data-field-heightunits-value="%"
              data-field-widthunits-value="%"
              data-field-top-res-320-value="-9"
              data-field-left-res-320-value="57"
              data-field-height-res-320-value="158"
              data-field-width-res-320-value="214"
              data-field-left-res-640-value="0"
              data-field-left-res-960-value="0"
            >
              <div
                class="tn-atom t-bgimg"
                data-original="https://static.tildacdn.com/tild3732-3934-4736-a634-636335383163/ZK432_COL1_0_1000x10.jpg"
                aria-label=""
                role="img"
              ></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703510448403"
              data-elem-id="1703510448403"
              data-elem-type="image"
              data-field-top-value="150"
              data-field-left-value="219"
              data-field-height-value="483"
              data-field-width-value="380"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-field-filewidth-value="945"
              data-field-fileheight-value="1200"
              data-field-heightmode-value="hug"
              data-field-top-res-320-value="133"
              data-field-left-res-320-value="35"
              data-field-height-res-320-value="317"
              data-field-width-res-320-value="250"
              data-field-left-res-480-value="100"
              data-field-height-res-480-value="356"
              data-field-top-res-640-value="167"
              data-field-left-res-640-value="180"
              data-field-height-res-640-value="356"
              data-field-width-res-640-value="280"
              data-field-left-res-960-value="99"
              data-field-height-res-960-value="483"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://psv4.userapi.com/s/v1/d2/ENGic9PqCSg8WnyheM6nUftGLYr-Ezdwv8GHFeb8JGKz5RXKKy4wHwhWeGtWnuE_8yYHhkf6UcdA6XFbVvHRQ0O7qAkoZg7kOY3lwC09wUQ_eeqJCR2LXv_gr7bjZajgu_vwIshCGbZH/IMG_6747.jpg"
                  src="https://thb.tildacdn.com/tild3439-3731-4136-a262-393263366339/-/resize/20x/1.png"
                  alt=""
                  imgfield="tn_img_1703510448403"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703510831729 t-animate"
              data-elem-id="1703510831729"
              data-elem-type="text"
              data-field-top-value="34"
              data-field-left-value="189"
              data-field-height-value="47"
              data-field-width-value="380"
              data-field-axisy-value="center"
              data-field-axisx-value="center"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.4"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="30"
              data-field-top-res-320-value="189"
              data-field-fontsize-res-320-value="18"
              data-field-top-res-480-value="200"
              data-field-top-res-640-value="199"
              data-field-left-res-640-value="0"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="20"
              data-field-left-res-960-value="191"
            >
            <!-- <div class="tn-atom" field="tn_text_1703510831729" style="font-weight: bold; font-size: 30px;">
              22 августа 2026
            </div> -->
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703510988714 t-animate"
              data-elem-id="1703510988714"
              data-elem-type="text"
              data-field-top-value="-97"
              data-field-left-value="189"
              data-field-height-value="56"
              data-field-width-value="380"
              data-field-axisy-value="center"
              data-field-axisx-value="center"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinup"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-widthmode-value="fixed"
              data-field-fontsize-value="36"
              data-field-top-res-320-value="-244"
              data-field-left-res-320-value="0"
              data-field-top-res-480-value="-286"
              data-field-top-res-640-value="-283"
              data-field-left-res-640-value="0"
              data-field-width-res-640-value="300"
              data-field-widthmode-res-640-value="fixed"
              data-field-fontsize-res-640-value="28"
              data-field-left-res-960-value="191"
            >
              <div class="tn-atom" field="tn_text_1703510988714">
                Иван и Юлия
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703683340689 t-animate"
              data-elem-id="1703683340689"
              data-elem-type="image"
              data-field-top-value="323"
              data-field-left-value="678"
              data-field-height-value="66"
              data-field-width-value="222"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinup"
              data-animate-duration="3"
              data-animate-delay="0.3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="341"
              data-field-fileheight-value="101"
              data-field-heightmode-value="hug"
              data-field-top-res-320-value="72"
              data-field-left-res-320-value="71"
              data-field-height-res-320-value="53"
              data-field-width-res-320-value="178"
              data-field-left-res-480-value="140"
              data-field-height-res-480-value="60"
              data-field-top-res-640-value="86"
              data-field-left-res-640-value="220"
              data-field-height-res-640-value="60"
              data-field-width-res-640-value="200"
              data-field-top-res-960-value="311"
              data-field-left-res-960-value="560"
              data-field-height-res-960-value="66"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild3637-3665-4365-a261-646539623661/1_Eternal_love.svg"
                  src="https://static.tildacdn.com/tild3637-3665-4365-a261-646539623661/1_Eternal_love.svg"
                  alt=""
                  imgfield="tn_img_1703683340689"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703578252786 t-animate"
              data-elem-id="1703578252786"
              data-elem-type="text"
              data-field-top-value="578"
              data-field-left-value="710"
              data-field-height-value="44"
              data-field-width-value="271"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.5"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="14"
              data-field-top-res-320-value="516"
              data-field-left-res-320-value="70"
              data-field-width-res-320-value="208"
              data-field-fontsize-res-320-value="11"
              data-field-left-res-480-value="141"
              data-field-top-res-640-value="604"
              data-field-left-res-640-value="222"
              data-field-width-res-640-value="229"
              data-field-fontsize-res-640-value="12"
              data-field-left-res-960-value="590"
            >
              <!-- <h1 class="tn-atom" field="tn_text_1703578252786">
                Если в ад, то перед тобой Если в рай, то после тебя
              </h1> -->
              <div class="tn-atom" field="tn_text_1703578252786" style="font-size: 30px;">
                22.08.2026
              </div>
              <!-- <div class="tn-atom" field="tn_text_1703510988714" style="font-size: 30px;">
                22.08.2026
              </div> -->
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6858200851703681107378 t-animate"
              data-elem-id="1703681107378"
              data-elem-type="vector"
              data-field-top-value="571"
              data-field-left-value="673"
              data-field-height-value="20"
              data-field-width-value="28"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.5"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="28"
              data-field-fileheight-value="20"
              data-field-heightmode-value="hug"
              data-field-top-res-320-value="509"
              data-field-left-res-320-value="41"
              data-field-width-res-320-value="22"
              data-field-left-res-480-value="110"
              data-field-top-res-640-value="596"
              data-field-left-res-640-value="191"
              data-field-width-res-640-value="24"
              data-field-left-res-960-value="553"
            >
              <!-- <div class="tn-atom tn-atom__vector">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  viewBox="6073.99951171875 5226 28.05615234375 20.28955078125"
                  role="img"
                  aria-label=""
                >
                  <path
                    fill="#cdc8c4"
                    fill-opacity="1"
                    stroke=""
                    stroke-opacity="1"
                    stroke-width="1"
                    id="tSvgdfa9789556"
                    d="M 6086.654782608695 5239.302663043478 C 6086.742391304348 5242.611304347826 6084.0710326086955 5245.318695652174 6080.775108695652 5245.289728260869 C 6077.544891304347 5245.260760869565 6074.963260869566 5242.514510869565 6075 5239.284293478261 C 6075.096793478261 5230.879510869565 6082.096304347826 5227.832989130435 6084.468097826087 5227.040978260869 C 6084.889184782609 5226.900380434783 6085.343478260869 5227.132119565217 6085.475597826087 5227.556032608695 C 6085.479130434783 5227.566630434782 6085.479130434783 5227.566630434782 6085.479130434783 5227.566630434782 C 6085.597119565217 5227.9439130434785 6085.417663043479 5228.349456521739 6085.060869565217 5228.51902173913 C 6083.799728260869 5229.118858695652 6080.978586956522 5230.742445652174 6079.703315217392 5233.740923913044 C 6080.121576086956 5233.658260869565 6080.5575 5233.620815217391 6081.002608695652 5233.634239130435 C 6084.075271739131 5233.7239673913045 6086.573532608696 5236.229293478261 6086.655489130435 5239.301956521739Z"
                  ></path>
                  <path
                    fill="#cdc8c4"
                    fill-opacity="1"
                    stroke=""
                    stroke-opacity="1"
                    stroke-width="1"
                    id="tSvg11e1835bcee"
                    d="M 6101.053695652174 5239.302663043478 C 6101.141304347826 5242.611304347826 6098.469945652174 5245.318695652174 6095.174021739131 5245.289728260869 C 6091.943804347826 5245.260760869565 6089.362173913043 5242.515217391305 6089.398913043478 5239.285 C 6089.4957065217395 5230.879510869565 6096.495217391304 5227.832989130435 6098.866304347826 5227.040978260869 C 6099.287391304348 5226.900380434783 6099.741684782609 5227.132119565217 6099.873804347826 5227.556032608695 C 6099.8773369565215 5227.566630434782 6099.8773369565215 5227.566630434782 6099.8773369565215 5227.566630434782 C 6099.995326086956 5227.9439130434785 6099.815869565217 5228.349456521739 6099.459076086957 5228.51902173913 C 6098.197934782609 5229.118858695652 6095.376793478261 5230.742445652174 6094.1015217391305 5233.740923913044 C 6094.519782608696 5233.658260869565 6094.95570652174 5233.620815217391 6095.400815217391 5233.634239130435 C 6098.473478260869 5233.7239673913045 6100.971739130435 5236.229293478261 6101.053695652174 5239.301956521739Z"
                  ></path>
                  <defs></defs>
                </svg>
              </div> -->
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("685820085");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("685820085");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690438333" class="r t-rec" style="" data-record-type="215">
        <a name="priglashenie" style="font-size: 0"></a>
      </div>
      <div id="rec686938735" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec686938735 .t396__artboard {
            height: 540px;
            background-color: #f4f3f1;
          }
          #rec686938735 .t396__filter {
            height: 540px;
          }
          #rec686938735 .t396__carrier {
            height: 540px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec686938735 .t396__artboard,
            #rec686938735 .t396__filter,
            #rec686938735 .t396__carrier {
              height: 540px;
            }
            #rec686938735 .t396__filter {
            }
            #rec686938735 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686938735 .t396__artboard,
            #rec686938735 .t396__filter,
            #rec686938735 .t396__carrier {
              height: 555px;
            }
            #rec686938735 .t396__filter {
            }
            #rec686938735 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686938735 .t396__artboard,
            #rec686938735 .t396__filter,
            #rec686938735 .t396__carrier {
              height: 555px;
            }
            #rec686938735 .t396__filter {
            }
            #rec686938735 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686938735 .t396__artboard,
            #rec686938735 .t396__filter,
            #rec686938735 .t396__carrier {
              height: 460px;
            }
            #rec686938735 .t396__filter {
            }
            #rec686938735 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec686938735 .tn-elem[data-elem-id="1470210011265"] {
            color: #000000;
            z-index: 3;
            top: 325px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec686938735 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] {
              display: table;
              left: calc(50% - 480px + 100px);
              width: px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] {
              display: table;
              top: 230px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
              text-align: left;
            }
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] {
              display: table;
              left: calc(50% - 240px + 90px);
              width: px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] {
              display: table;
              top: 217px;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1470210011265"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
            }
          }
          #rec686938735 .tn-elem[data-elem-id="1670575578957"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 187px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec686938735 .tn-elem[data-elem-id="1670575578957"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] {
              display: table;
              left: calc(50% - 480px + 100px);
              width: px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] {
              display: table;
              top: 98px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] .tn-atom {
              white-space: normal;
              font-size: 35px;
              line-height: 1.25;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] {
              display: table;
              left: calc(50% - 240px + 90px);
              width: px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] {
              display: table;
              top: 97px;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec686938735 .tn-elem[data-elem-id="1670575578957"] .tn-atom {
              white-space: normal;
              font-size: 30px;
              background-size: cover;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="686938735"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="540"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="460"
            data-artboard-height-res-480="555"
            data-artboard-height-res-640="555"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="540"
          >
            <div class="t396__carrier" data-artboard-recid="686938735"></div>
            <div class="t396__filter" data-artboard-recid="686938735"></div>
            <div
              class="t396__elem tn-elem tn-elem__6869387351470210011265 t-animate"
              data-elem-id="1470210011265"
              data-elem-type="text"
              data-field-top-value="325"
              data-field-left-value="220"
              data-field-height-value="217"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="217"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="230"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="100"
            >
              <div
                class="tn-atom"
                field="tn_text_1470210011265"
                style="text-align: center; line-height: 1.8; color: #333"
              >
                <div style="margin-bottom: 0cqb">
                  Скоро случится то, во что трудно поверить: ангел и демон
                  скажут друг другу «да»!
                </div>

                <div style="margin-bottom: 5px">
                  Приглашаем вас на нашу свадьбу — день, который станет началом
                  нашей долгой и счастливой истории.
                </div>

                <div style="margin-bottom: 28px">
                  Ваша поддержка и добрые пожелания — самый ценный подарок для
                  нас. А мы подарим вам частичку нашей любви и море
                  положительных эмоций!
                </div>
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6869387351670575578957 t-animate"
              data-elem-id="1670575578957"
              data-elem-type="text"
              data-field-top-value="187"
              data-field-left-value="220"
              data-field-height-value="70"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="45"
              data-field-top-res-320-value="97"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="98"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="100"
            >
              <h2 class="tn-atom" field="tn_text_1670575578957">
                Дорогие Родные и Близкие!
              </h2>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("686938735");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("686938735");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690438334" class="r t-rec" style="" data-record-type="215">
        <a name="data" style="font-size: 0"></a>
      </div>
      <div id="rec641328632" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec641328632 .t396__artboard {
            height: 690px;
            background-color: #f4f3f1;
          }
          #rec641328632 .t396__filter {
            height: 690px;
          }
          #rec641328632 .t396__carrier {
            height: 690px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec641328632 .t396__artboard,
            #rec641328632 .t396__filter,
            #rec641328632 .t396__carrier {
              height: 690px;
            }
            #rec641328632 .t396__artboard {
              background-color: #f4f3f1;
              background-image: none;
            }
          }
          @media screen and (max-width: 959px) {
            #rec641328632 .t396__artboard,
            #rec641328632 .t396__filter,
            #rec641328632 .t396__carrier {
              height: 670px;
            }
          }
          @media screen and (max-width: 639px) {
            #rec641328632 .t396__artboard,
            #rec641328632 .t396__filter,
            #rec641328632 .t396__carrier {
              height: 670px;
            }
          }
          @media screen and (max-width: 479px) {
            #rec641328632 .t396__artboard,
            #rec641328632 .t396__filter,
            #rec641328632 .t396__carrier {
              height: 675px;
            }
          }
          #rec641328632 .tn-elem[data-elem-id="1670584592600"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 266px;
            left: calc(50% - 600px + 220px);
            width: 360px;
            height: auto;
          }
          #rec641328632 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 45px;
            font-family: var(--t-headline-font, Arial);
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px) var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px) rgba(var(--t396-shadow-text-color), var(--t396-shadow-text-opacity, 100%));
          }
          @media screen and (max-width: 1199px) {
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              left: calc(50% - 480px + 100px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              top: 93px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              font-size: 35px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              left: calc(50% - 240px + 90px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              top: 93px;
              left: calc(50% - 160px + 10px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              font-size: 30px;
              background-size: cover;
            }
          }
          #rec641328632 .tn-elem[data-elem-id="dateNumber"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 450px;
            left: calc(50% - 600px + 255px);
            width: 260px;
            height: auto;
          }
          #rec641328632 .tn-elem[data-elem-id="dateNumber"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 86px;
            font-family: var(--t-headline-font, Arial);
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px) var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px) rgba(var(--t396-shadow-text-color), var(--t396-shadow-text-opacity, 100%));
          }
          @media screen and (max-width: 1199px) {
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] {
              display: table;
              left: calc(50% - 480px + 150px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] {
              display: table;
              top: 543px;
              left: calc(50% - 320px + 222px);
              width: 196px;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] .tn-atom {
              white-space: normal;
              font-size: 72px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] {
              display: table;
              left: calc(50% - 240px + 142px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] {
              display: table;
              top: 545px;
              left: calc(50% - 160px + 62px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="dateNumber"] .tn-atom {
              white-space: normal;
              font-size: 68px;
              background-size: cover;
            }
          }
          #rec641328632 .tn-elem[data-elem-id="1670589867643"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 404px;
            left: calc(50% - 600px + 278px);
            width: 244px;
            height: auto;
          }
          #rec641328632 .tn-elem[data-elem-id="1670589867643"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 20px;
            font-family: var(--t-text-font, Arial);
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out, color var(--t396-speedhover, 0s) ease-in-out, border-color var(--t396-speedhover, 0s) ease-in-out, box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            --t396-shadow-text-opacity: 100%;
            text-shadow: var(--t396-shadow-text-x, 0px) var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px) rgba(var(--t396-shadow-text-color), var(--t396-shadow-text-opacity, 100%));
          }
          @media screen and (max-width: 1199px) {
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] {
              display: table;
              left: calc(50% - 480px + 158px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] {
              display: table;
              top: 508px;
              left: calc(50% - 320px + 198px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] {
              display: table;
              left: calc(50% - 240px + 118px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] {
              display: table;
              top: 510px;
              left: calc(50% - 160px + 38px);
              width: auto;
              height: auto;
            }
            #rec641328632 .tn-elem[data-elem-id="1670589867643"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="641328632"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="690"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="675"
            data-artboard-height-res-480="670"
            data-artboard-height-res-640="670"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="690"
          >
            <div class="t396__carrier" data-artboard-recid="641328632"></div>
            <div class="t396__filter" data-artboard-recid="641328632"></div>
            <div class='t396__elem tn-elem tn-elem__6413286321473788569004' data-elem-id='1473788569004' data-elem-type='shape' data-field-top-value="200" data-field-left-value="620" data-field-height-value="490" data-field-width-value="360" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="190" data-field-left-res-320-value="20" data-field-left-res-480-value="100" data-field-top-res-640-value="188" data-field-left-res-640-value="180" data-field-height-res-640-value="280" data-field-width-res-640-value="280" data-field-left-res-960-value="500">
              <div class='tn-atom t-bgimg' 
                   style="background-image:url('https://sun9-41.userapi.com/s/v1/ig2/prrHHZr_R_Jkc2s12FoPkQtdRzQocmxPVWsjwfTmMA5JLUFDcqKKyGE1BDhQQxy-eKbjsUjVa3M1Q0yA9ECRnt4K.jpg?quality=95&as=32x48,48x72,72x108,108x162,160x240,240x360,360x540,480x720,540x810,640x960,720x1080,736x1104&from=bu&u=qGFlAUCuXWr2ji69Q3NCqXPjeEAU1fVHgSQ2irMIGo0&cs=736x0');
                          background-size: contain;
                          background-position: center;
                          background-repeat: no-repeat;" 
                   aria-label='' role="img">
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6413286321670584592600 t-animate"
              data-elem-id="1670584592600"
              data-elem-type="text"
              data-field-top-value="266"
              data-field-left-value="220"
              data-field-height-value="70"
              data-field-width-value="360"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="45"
              data-field-top-res-320-value="93"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="93"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="100"
            >
              <h2 class="tn-atom" field="tn_text_1670584592600">
                Дата проведения
              </h2>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__641328632dateNumber"
              data-elem-id="dateNumber"
              data-elem-type="text"
              data-field-top-value="450"
              data-field-left-value="255"
              data-field-width-value="260"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="86"
              data-field-top-res-320-value="545"
              data-field-left-res-320-value="62"
              data-field-fontsize-res-320-value="68"
              data-field-left-res-480-value="142"
              data-field-top-res-640-value="543"
              data-field-left-res-640-value="222"
              data-field-width-res-640-value="196"
              data-field-fontsize-res-640-value="72"
              data-field-left-res-960-value="150"
              data-field-fontsize-res-960-value="86"
            >
              <div class="tn-atom" field="tn_text_dateNumber">22</div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6413286321670589867643 t-animate"
              data-elem-id="1670589867643"
              data-elem-type="text"
              data-field-top-value="404"
              data-field-left-value="278"
              data-field-height-value="31"
              data-field-width-value="244"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinup"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="510"
              data-field-left-res-320-value="38"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="118"
              data-field-top-res-640-value="508"
              data-field-left-res-640-value="198"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="158"
            >
              <div class="tn-atom" field="tn_text_1670589867643">АВГУСТ</div>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("641328632");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("641328632");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690438335" class="r t-rec" style="" data-record-type="215">
        <a name="zags" style="font-size: 0"></a>
      </div>
      <div id="rec686696672" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec686696672 .t396__artboard {
            height: 560px;
            background-color: #f4f3f1;
          }
          #rec686696672 .t396__filter {
            height: 560px;
          }
          #rec686696672 .t396__carrier {
            height: 560px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec686696672 .t396__artboard,
            #rec686696672 .t396__filter,
            #rec686696672 .t396__carrier {
              height: 560px;
            }
            #rec686696672 .t396__artboard {
              background-color: #f4f3f1;
              background-image: none;
            }
            #rec686696672 .t396__filter {
            }
            #rec686696672 .t396__carrier {
              background-position: center center;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686696672 .t396__artboard,
            #rec686696672 .t396__filter,
            #rec686696672 .t396__carrier {
              height: 455px;
            }
            #rec686696672 .t396__filter {
            }
            #rec686696672 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686696672 .t396__artboard,
            #rec686696672 .t396__filter,
            #rec686696672 .t396__carrier {
              height: 455px;
            }
            #rec686696672 .t396__filter {
            }
            #rec686696672 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686696672 .t396__artboard,
            #rec686696672 .t396__filter,
            #rec686696672 .t396__carrier {
              height: 390px;
            }
            #rec686696672 .t396__filter {
            }
            #rec686696672 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec686696672 .tn-elem[data-elem-id="1703750069126"] {
            z-index: 3;
            top: 500px;
            left: calc(50% - 600px + 643px);
            width: 72px;
            height: auto;
          }
          #rec686696672 .tn-elem[data-elem-id="1703750069126"] .tn-atom {
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec686696672 .tn-elem[data-elem-id="1703750069126"] {
              left: calc(50% - 480px + 523px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686696672 .tn-elem[data-elem-id="1703750069126"] {
              top: 403px;
              left: calc(50% - 320px + 354px);
              width: 60px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686696672 .tn-elem[data-elem-id="1703750069126"] {
              left: calc(50% - 240px + 274px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686696672 .tn-elem[data-elem-id="1703750069126"] {
              top: 338px;
              left: calc(50% - 160px + 186px);
              width: 58px;
              height: auto;
            }
          }
          #rec686696672 .tn-elem[data-elem-id="1670584592600"] {
            color: #000000;
            text-align: center;
            z-index: 4;
            top: 188px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec686696672 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec686696672 .tn-elem[data-elem-id="1670584592600"] {
              left: calc(50% - 480px + 100px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686696672 .tn-elem[data-elem-id="1670584592600"] {
              top: 98px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec686696672 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              font-size: 35px;
              line-height: 1.25;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686696672 .tn-elem[data-elem-id="1670584592600"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686696672 .tn-elem[data-elem-id="1670584592600"] {
              left: calc(50% - 160px + 10px);
              height: auto;
            }
            #rec686696672 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              font-size: 30px;
              background-size: cover;
            }
          }
          #rec686696672 .tn-elem[data-elem-id="1703749018172"] {
            color: #000000;
            text-align: center;
            z-index: 7;
            top: 326px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec686696672 .tn-elem[data-elem-id="1703749018172"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018172"] {
              left: calc(50% - 480px + 100px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018172"] {
              top: 237px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
              text-align: center;
            }
            #rec686696672 .tn-elem[data-elem-id="1703749018172"] .tn-atom {
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018172"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018172"] {
              top: 188px;
              left: calc(50% - 160px + 10px);
              height: auto;
            }
            #rec686696672 .tn-elem[data-elem-id="1703749018172"] .tn-atom {
              font-size: 14px;
              background-size: cover;
            }
          }
          #rec686696672 .tn-elem[data-elem-id="1703749018188"] {
            color: #000000;
            text-align: center;
            z-index: 8;
            top: 501px;
            left: calc(50% - 600px + 420px);
            width: 361px;
            height: 57px;
          }
          #rec686696672 .tn-elem[data-elem-id="1703749018188"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            border-radius: 30px;
            background-position: center center;
            --t396-bordercolor: #000000;
            --t396-speedhover: 0.2s;
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
          }
          #rec686696672 .tn-elem[data-elem-id="1703749018188"] .tn-atom::after {
            display: none;
          }
          #rec686696672
            .tn-elem[data-elem-id="1703749018188"]
            .tn-atom
            .tn-atom__button-text {
            transition: color var(--t396-speedhover, 0s) ease-in-out;
            color: #000000;
          }
          #rec686696672
            .tn-elem[data-elem-id="1703749018188"]
            .tn-atom
            .tn-atom__button-border::before {
            display: none;
          }
          #rec686696672
            .tn-elem[data-elem-id="1703749018188"]
            .tn-atom
            .tn-atom__button-border::after {
            display: none;
          }
          @media (hover), (min-width: 0\0) {
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom:hover::after {
              opacity: 0;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom:hover {
              animation-name: none;
            }
          }
          @media (hover), (min-width: 0\0) {
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom:hover {
              border-style: var(--t396-borderstyle, solid);
              border-color: var(
                --t396-bordercolor-hover,
                var(--t396-bordercolor, transparent)
              );
            }
          }
          @media screen and (max-width: 1199px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] {
              left: calc(50% - 480px + 300px);
              width: px;
            }
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom::after {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 959px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] {
              top: 402px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: 50px;
            }
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom::after {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 639px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] {
              left: calc(50% - 240px + 90px);
              width: px;
            }
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom::after {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 479px) {
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] {
              top: 339px;
              left: calc(50% - 160px + 10px);
              width: px;
              height: 45px;
            }
            #rec686696672 .tn-elem[data-elem-id="1703749018188"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom::after {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec686696672
              .tn-elem[data-elem-id="1703749018188"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec686696672
                .tn-elem[data-elem-id="1703749018188"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="686696672"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="560"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="390"
            data-artboard-height-res-480="455"
            data-artboard-height-res-640="455"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="560"
          >
            <div class="t396__carrier" data-artboard-recid="686696672"></div>
            <div class="t396__filter" data-artboard-recid="686696672"></div>
            <div
              class="t396__elem tn-elem tn-elem__6866966721703750069126 t-animate"
              data-elem-id="1703750069126"
              data-elem-type="image"
              data-field-top-value="500"
              data-field-left-value="643"
              data-field-width-value="72"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadein"
              data-animate-duration="3"
              data-animate-delay="0.2"
              data-animate-mobile="y"
              data-field-filewidth-value="75"
              data-field-fileheight-value="61"
              data-field-top-res-320-value="338"
              data-field-left-res-320-value="186"
              data-field-width-res-320-value="58"
              data-field-left-res-480-value="274"
              data-field-top-res-640-value="403"
              data-field-left-res-640-value="354"
              data-field-width-res-640-value="60"
              data-field-left-res-960-value="523"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  src="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  alt=""
                  imgfield="tn_img_1703750069126"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6866966721670584592600 t-animate"
              data-elem-id="1670584592600"
              data-elem-type="text"
              data-field-top-value="188"
              data-field-left-value="220"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="45"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="98"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="100"
            >
              <h2 class="tn-atom" field="tn_text_1670584592600">
                Место проведения
              </h2>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6866966721703749018172 t-animate"
              data-elem-id="1703749018172"
              data-elem-type="text"
              data-field-top-value="326"
              data-field-left-value="220"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="188"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="237"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="100"
            >
              <div class="tn-atom" field="tn_text_1703749018172">
                «Ресторанно-гостиничный комплекс VERSAL <br />город Уфа, улица
                Элеваторная 13
                <br />
                <br />Сбор гостей в 16:30
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6866966721703749018188 t-animate"
              data-elem-id="1703749018188"
              data-elem-type="button"
              data-field-top-value="501"
              data-field-left-value="420"
              data-field-height-value="57"
              data-field-width-value="361"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.2"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="339"
              data-field-left-res-320-value="10"
              data-field-height-res-320-value="45"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="402"
              data-field-left-res-640-value="170"
              data-field-height-res-640-value="50"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="300"
            >
              <a
                class="tn-atom"
                href="https://yandex.com/maps/org/versal/1298423135/?ll=55.969138%2C54.664615&z=17"
                target="_blank"
              >
                <div class="tn-atom__button-content">
                  <span class="tn-atom__button-text">Открыть карту →</span>
                </div>
                <span class="tn-atom__button-border"> </span>
              </a>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("686696672");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("686696672");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec687078357" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec687078357 .t396__artboard {
            height: 480px;
            background-color: #f4f3f1;
          }
          #rec687078357 .t396__filter {
            height: 480px;
          }
          #rec687078357 .t396__carrier {
            height: 480px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec687078357 .t396__artboard,
            #rec687078357 .t396__filter,
            #rec687078357 .t396__carrier {
              height: 480px;
            }
            #rec687078357 .t396__artboard {
              background-color: #f4f3f1;
              background-image: none;
            }
            #rec687078357 .t396__filter {
            }
            #rec687078357 .t396__carrier {
              background-position: center center;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687078357 .t396__artboard,
            #rec687078357 .t396__filter,
            #rec687078357 .t396__carrier {
              height: 310px;
            }
            #rec687078357 .t396__filter {
            }
            #rec687078357 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687078357 .t396__artboard,
            #rec687078357 .t396__filter,
            #rec687078357 .t396__carrier {
              height: 310px;
            }
            #rec687078357 .t396__filter {
            }
            #rec687078357 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687078357 .t396__artboard,
            #rec687078357 .t396__filter,
            #rec687078357 .t396__carrier {
              height: 310px;
            }
            #rec687078357 .t396__filter {
            }
            #rec687078357 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec687078357 .tn-elem[data-elem-id="1703683662723"] {
            z-index: 3;
            top: 80px;
            left: calc(50% - 600px + 483px);
            width: 240px;
            height: 320px;
          }
          #rec687078357 .tn-elem[data-elem-id="1703683662723"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-color: #ffffff;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec687078357 .tn-elem[data-elem-id="1703683662723"] {
              display: table;
              left: calc(50% - 480px + 363px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec687078357 .tn-elem[data-elem-id="1703683662723"] {
              display: table;
              top: 58px;
              left: calc(50% - 320px + 324px);
              width: 146px;
              height: 194px;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687078357 .tn-elem[data-elem-id="1703683662723"] {
              display: table;
              left: calc(50% - 240px + 241px);
            }
          }
          @media screen and (max-width: 479px) {
            #rec687078357 .tn-elem[data-elem-id="1703683662723"] {
              display: table;
              left: calc(50% - 160px + 164px);
            }
          }
          #rec687078357 .tn-elem[data-elem-id="1473788569004"] {
            z-index: 3;
            top: 80px;
            left: calc(50% - 600px + 740px);
            width: 240px;
            height: 320px;
          }
          #rec687078357 .tn-elem[data-elem-id="1473788569004"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-color: #ffffff;
            background-position: 0% 0%;
            background-size: 100%;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec687078357 .tn-elem[data-elem-id="1473788569004"] {
              display: table;
              left: calc(50% - 480px + 620px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec687078357 .tn-elem[data-elem-id="1473788569004"] {
              display: table;
              top: 54px;
              left: calc(50% - 320px + -3000px);
              width: 149px;
              height: 197px;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687078357 .tn-elem[data-elem-id="1473788569004"] {
              display: table;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687078357 .tn-elem[data-elem-id="1473788569004"] {
              display: table;
            }
          }
          #rec687078357 .tn-elem[data-elem-id="1703685235619"] {
            z-index: 3;
            top: 80px;
            left: calc(50% - 600px + 219px);
            width: 247px;
            height: auto;
          }
          #rec687078357 .tn-elem[data-elem-id="1703685235619"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec687078357 .tn-elem[data-elem-id="1703685235619"] .tn-atom__img {
            border-radius: 0px 0px 0px 0px;
            object-position: center center;
          }
          @media screen and (max-width: 1199px) {
            #rec687078357 .tn-elem[data-elem-id="1703685235619"] {
              display: table;
              left: calc(50% - 480px + 99px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687078357 .tn-elem[data-elem-id="1703685235619"] {
              display: table;
              top: 58px;
              left: calc(50% - 320px + 170px);
              width: 150px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687078357 .tn-elem[data-elem-id="1703685235619"] {
              display: table;
              left: calc(50% - 240px + 89px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687078357 .tn-elem[data-elem-id="1703685235619"] {
              display: table;
              left: calc(50% - 160px + 10px);
              height: auto;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="687078357"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="480"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="310"
            data-artboard-height-res-480="310"
            data-artboard-height-res-640="310"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="480"
          >
            <div class="t396__carrier" data-artboard-recid="687078357"></div>
            <div class="t396__filter" data-artboard-recid="687078357"></div>
            <div
              class="t396__elem tn-elem tn-elem__6870783571703683662723 t-animate"
              data-elem-id="1703683662723"
              data-elem-type="shape"
              data-field-top-value="80"
              data-field-left-value="483"
              data-field-height-value="320"
              data-field-width-value="240"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-left-res-320-value="164"
              data-field-left-res-480-value="241"
              data-field-top-res-640-value="58"
              data-field-left-res-640-value="324"
              data-field-height-res-640-value="194"
              data-field-width-res-640-value="146"
              data-field-left-res-960-value="363"
            >
              <div
                class="tn-atom t-bgimg"
                data-original="https://static.tildacdn.com/tild3635-6330-4563-b134-626332663839/IMG_7206_.jpg"
                aria-label=""
                role="img"
              ></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870783571473788569004 t-animate"
              data-elem-id="1473788569004"
              data-elem-type="shape"
              data-field-top-value="80"
              data-field-left-value="740"
              data-field-height-value="320"
              data-field-width-value="240"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.2"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-top-res-640-value="54"
              data-field-left-res-640-value="-3000"
              data-field-height-res-640-value="197"
              data-field-width-res-640-value="149"
              data-field-left-res-960-value="620"
            >
              <div
                class="tn-atom t-bgimg"
                style="
                  background-image: url(&quot;https://static.tildacdn.com/tild6439-6263-4133-b331-633664323635/1.jpg&quot;);
                "
                aria-label=""
                role="img"
              ></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870783571703685235619 t-animate"
              data-elem-id="1703685235619"
              data-elem-type="image"
              data-field-top-value="80"
              data-field-left-value="219"
              data-field-height-value="320"
              data-field-width-value="247"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="528"
              data-field-fileheight-value="684"
              data-field-heightmode-value="hug"
              data-field-left-res-320-value="10"
              data-field-height-res-320-value="194"
              data-field-left-res-480-value="89"
              data-field-height-res-480-value="194"
              data-field-top-res-640-value="58"
              data-field-left-res-640-value="170"
              data-field-height-res-640-value="194"
              data-field-width-res-640-value="150"
              data-field-left-res-960-value="99"
              data-field-height-res-960-value="320"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild6439-3537-4439-a661-306439656163/13.png"
                  src="https://thb.tildacdn.com/tild6439-3537-4439-a661-306439656163/-/resize/20x/13.png"
                  alt=""
                  imgfield="tn_img_1703685235619"
                />
              </div>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("687078357");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("687078357");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <!-- Removed rec690438336 anchor and rec686938100 block (Место регистрации) -->
      <!-- <div id="rec690438336" class="r t-rec" style=" " data-record-type="215"> ... </div> -->
      <!-- <div id="rec686938100" class="r t-rec" style=" " data-record-type="396"> ... </div> -->
      <div id="rec690438337" class="r t-rec" style="" data-record-type="215">
        <a name="istoria" style="font-size: 0"></a>
      </div>
      <div id="rec687050354" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec687050354 .t396__artboard {
            height: 935px;
            background-color: #f4f3f1;
          }
          #rec687050354 .t396__filter {
            height: 935px;
          }
          #rec687050354 .t396__carrier {
            height: 935px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec687050354 .t396__artboard,
            #rec687050354 .t396__filter,
            #rec687050354 .t396__carrier {
              height: 935px;
            }
            #rec687050354 .t396__artboard {
              background-color: #ffffff;
              background-image: none;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687050354 .t396__artboard,
            #rec687050354 .t396__filter,
            #rec687050354 .t396__carrier {
              height: 985px;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687050354 .t396__artboard,
            #rec687050354 .t396__filter,
            #rec687050354 .t396__carrier {
              height: 985px;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687050354 .t396__artboard,
            #rec687050354 .t396__filter,
            #rec687050354 .t396__carrier {
              height: 960px; /* увеличено для нижнего отступа */
            }
          }
          #rec687050354 .tn-elem[data-elem-id="1705039399267"] {
            z-index: 2;
            top: calc(467.5px - 56.5px + 0px);
            left: calc(50% - 58% + 0px);
            width: 116%;
            height: 113%;
          }
          #rec687050354 .tn-elem[data-elem-id="1705039399267"] .tn-atom {
            opacity: 0.5;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out,
                        color var(--t396-speedhover, 0s) ease-in-out,
                        border-color var(--t396-speedhover, 0s) ease-in-out,
                        box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec687050354 .tn-elem[data-elem-id="1705039399267"] {
              left: calc(50% - 58% + 0px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec687050354 .tn-elem[data-elem-id="1705039399267"] {
              left: calc(50% - 58% + 0px);
            }
          }
          #rec687050354 .tn-elem[data-elem-id="1670584592600"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 200px;
            left: calc(50% - 600px + 620px);
            width: 360px;
            height: auto;
          }
          #rec687050354 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out,
                        color var(--t396-speedhover, 0s) ease-in-out,
                        border-color var(--t396-speedhover, 0s) ease-in-out,
                        box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
                         var(--t396-shadow-text-y, 0px)
                         var(--t396-shadow-text-blur, 0px)
                         rgba(var(--t396-shadow-text-color), var(--t396-shadow-text-opacity, 100%));
          }
          @media screen and (max-width: 1199px) {
            #rec687050354 .tn-elem[data-elem-id="1670584592600"] {
              left: calc(50% - 480px + 500px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687050354 .tn-elem[data-elem-id="1670584592600"] {
              top: 92px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec687050354 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              font-size: 35px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687050354 .tn-elem[data-elem-id="1670584592600"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687050354 .tn-elem[data-elem-id="1670584592600"] {
              left: calc(50% - 160px + 10px);
              height: auto;
            }
            #rec687050354 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              font-size: 30px;
              background-size: cover;
            }
          }
          #rec687050354 .tn-elem[data-elem-id="1703749018172"] {
            color: #000000;
            z-index: 6;
            top: 290px;
            left: calc(50% - 600px + 620px);
            width: 360px;
            height: auto;
          }
          #rec687050354 .tn-elem[data-elem-id="1703749018172"] .tn-atom {
            color: #000000;
            font-size: 18px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out,
                        color var(--t396-speedhover, 0s) ease-in-out,
                        border-color var(--t396-speedhover, 0s) ease-in-out,
                        box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
                         var(--t396-shadow-text-y, 0px)
                         var(--t396-shadow-text-blur, 0px)
                         rgba(var(--t396-shadow-text-color), var(--t396-shadow-text-opacity, 100%));
          }
          @media screen and (max-width: 1199px) {
            #rec687050354 .tn-elem[data-elem-id="1703749018172"] {
              left: calc(50% - 480px + 500px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687050354 .tn-elem[data-elem-id="1703749018172"] {
              top: 450px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec687050354 .tn-elem[data-elem-id="1703749018172"] .tn-atom {
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687050354 .tn-elem[data-elem-id="1703749018172"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687050354 .tn-elem[data-elem-id="1703749018172"] {
              top: 470px;
              left: calc(50% - 160px + 10px);
              width: 280px;
              height: auto;
            }
            #rec687050354 .tn-elem[data-elem-id="1703749018172"] .tn-atom {
              font-size: 14px;
              background-size: cover;
              padding-bottom: 50px; /* нижний отступ, равный верхнему (~50px) */
            }
          }
          #rec687050354 .tn-elem[data-elem-id="1703764500773"] {
            z-index: 8;
            top: 200px;
            left: calc(50% - 600px + 220px);
            width: 360px;
            height: 535px;
          }
          #rec687050354 .tn-elem[data-elem-id="1703764500773"] .tn-atom {
            border-radius: 0px;
            background-color: #ffffff;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out,
                        color var(--t396-speedhover, 0s) ease-in-out,
                        border-color var(--t396-speedhover, 0s) ease-in-out,
                        box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec687050354 .tn-elem[data-elem-id="1703764500773"] {
              left: calc(50% - 480px + 100px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec687050354 .tn-elem[data-elem-id="1703764500773"] {
              top: 192px;
              left: calc(50% - 320px + 180px);
              width: 280px;
              height: 280px;
            }
            #rec687050354 .tn-elem[data-elem-id="1703764500773"] .tn-atom {
              background-position: 0% 86.429%;
              background-size: 100%;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687050354 .tn-elem[data-elem-id="1703764500773"] {
              left: calc(50% - 240px + 100px);
            }
          }
          @media screen and (max-width: 479px) {
            #rec687050354 .tn-elem[data-elem-id="1703764500773"] {
              top: 179px;
              left: calc(50% - 160px + 20px);
              width: 280px;
              height: 240px;
            }
          }
          #rec687050354 .tn-elem[data-elem-id="1703767023462"] {
            color: #000000;
            text-align: right;
            z-index: 9;
            top: 691px;
            left: calc(50% - 600px + 620px);
            width: 360px;
            height: auto;
          }
          #rec687050354 .tn-elem[data-elem-id="1703767023462"] .tn-atom {
            color: #000000;
            font-size: 30px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition: background-color var(--t396-speedhover, 0s) ease-in-out,
                        color var(--t396-speedhover, 0s) ease-in-out,
                        border-color var(--t396-speedhover, 0s) ease-in-out,
                        box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
                         var(--t396-shadow-text-y, 0px)
                         var(--t396-shadow-text-blur, 0px)
                         rgba(var(--t396-shadow-text-color), var(--t396-shadow-text-opacity, 100%));
          }
          @media screen and (max-width: 1199px) {
            #rec687050354 .tn-elem[data-elem-id="1703767023462"] {
              left: calc(50% - 480px + 500px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687050354 .tn-elem[data-elem-id="1703767023462"] {
              top: 852px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec687050354 .tn-elem[data-elem-id="1703767023462"] .tn-atom {
              font-size: 25px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687050354 .tn-elem[data-elem-id="1703767023462"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687050354 .tn-elem[data-elem-id="1703767023462"] {
              top: 754px;
              left: calc(50% - 160px + 93px);
              width: 217px;
              height: auto;
            }
            #rec687050354 .tn-elem[data-elem-id="1703767023462"] .tn-atom {
              font-size: 20px;
              background-size: cover;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="687050354"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="935"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="960"
            data-artboard-height-res-480="985"
            data-artboard-height-res-640="985"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="935"
          >
            <div class="t396__carrier" data-artboard-recid="687050354"></div>
            <div class="t396__filter" data-artboard-recid="687050354"></div>
            <div
              class="t396__elem tn-elem tn-elem__6870503541705039399267"
              data-elem-id="1705039399267"
              data-elem-type="shape"
              data-field-top-value="0"
              data-field-left-value="0"
              data-field-height-value="113"
              data-field-width-value="116"
              data-field-axisy-value="center"
              data-field-axisx-value="center"
              data-field-container-value="window"
              data-field-topunits-value="%"
              data-field-leftunits-value="%"
              data-field-heightunits-value="%"
              data-field-widthunits-value="%"
              data-field-left-res-640-value="0"
              data-field-left-res-960-value="0"
            >
              <div
                class="tn-atom t-bgimg"
                data-original="https://static.tildacdn.com/tild3732-3934-4736-a634-636335383163/ZK432_COL1_0_1000x10.jpg"
                aria-label=""
                role="img"
              ></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870503541670584592600 t-animate"
              data-elem-id="1670584592600"
              data-elem-type="text"
              data-field-top-value="200"
              data-field-left-value="620"
              data-field-width-value="360"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="45"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="92"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="500"
            >
              <h3 class="tn-atom" field="tn_text_1670584592600">Наша история</h3>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870503541703749018172 t-animate"
              data-elem-id="1703749018172"
              data-elem-type="text"
              data-field-top-value="290"
              data-field-left-value="620"
              data-field-width-value="360"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="18"
              data-field-top-res-320-value="470"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="450"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="500"
            >
              <div class="tn-atom" field="tn_text_1703749018172" style="margin-top: 0; padding-bottom: 50px;">
                <p style="margin-bottom: 14px;">
                  Судьба порой выбирает самые простые декорации для великих событий. Так и случилось в тот день: 2019 год, август, обычное празднование дня рождения, друзья, бильярд, шашлыки и домик у озера.
                </p>
                <p style="margin-bottom: 14px;">
                  Он смеялся, шутил, играл с азартом. Она смотрела, слушала, а потом шагнула вперёд — и предложила сыграть партию. Их взгляды встретились, и время будто замедлилось.
                </p>
                <p style="margin-bottom: 0;">
                  Это был не просто весёлый день. Это было начало их пути — пути, который они решили пройти вместе.
                </p>
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870503541703764500773"
              data-elem-id="1703764500773"
              data-elem-type="shape"
              data-field-top-value="200"
              data-field-left-value="220"
              data-field-height-value="535"
              data-field-width-value="360"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-top-res-320-value="179"
              data-field-left-res-320-value="20"
              data-field-left-res-480-value="100"
              data-field-top-res-640-value="192"
              data-field-left-res-640-value="180"
              data-field-height-res-640-value="280"
              data-field-width-res-640-value="280"
              data-field-left-res-960-value="100"
              data-field-height-res-320-value="240"
              data-field-width-res-320-value="280"
            >
              <div
                class="tn-atom t-bgimg"
                style="
                  background-image: url('https://psv4.userapi.com/s/v1/d2/gnrKbvrGiswx2jODMs6ss1gBN4lKonjWFOtIMwJGw7Q9TPJdARG1kxV_THkA_wzALfU5XZjIybi0oWsIUEVRpMQh-r306V7Hgk5pX9EgjxEhDdOLrTcD8aER4UohdllWBz3K9w4H2f5Y/IMG_6723.jpg');
                "
                aria-label=""
                role="img"
              ></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870503541703767023462 t-animate"
              data-elem-id="1703767023462"
              data-elem-type="text"
              data-field-top-value="691"
              data-field-left-value="620"
              data-field-width-value="360"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.2"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="30"
              data-field-top-res-320-value="754"
              data-field-left-res-320-value="93"
              data-field-width-res-320-value="217"
              data-field-fontsize-res-320-value="20"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="852"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="25"
              data-field-left-res-960-value="500"
            >
              <!-- <h2 class="tn-atom" field="tn_text_1703767023462">Иван и Юлия</h2> -->
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("687050354");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("687050354");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690446941" class="r t-rec" style="" data-record-type="215">
        <a name="foto_galeria" style="font-size: 0"></a>
      </div>
      <div
        id="rec687073998"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="396"
      >
        <!-- T396 -->
        <style>
          #rec687073998 .t396__artboard {
            height: 1115px;
            background-color: #f4f3f1;
          }
          #rec687073998 .t396__filter {
            height: 1115px;
          }
          #rec687073998 .t396__carrier {
            height: 1115px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec687073998 .t396__artboard,
            #rec687073998 .t396__filter,
            #rec687073998 .t396__carrier {
            }
            #rec687073998 .t396__filter {
            }
            #rec687073998 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687073998 .t396__artboard,
            #rec687073998 .t396__filter,
            #rec687073998 .t396__carrier {
              height: 795px;
            }
            #rec687073998 .t396__filter {
            }
            #rec687073998 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687073998 .t396__artboard,
            #rec687073998 .t396__filter,
            #rec687073998 .t396__carrier {
            }
            #rec687073998 .t396__filter {
            }
            #rec687073998 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687073998 .t396__artboard,
            #rec687073998 .t396__filter,
            #rec687073998 .t396__carrier {
              height: 735px;
            }
            #rec687073998 .t396__filter {
            }
            #rec687073998 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec687073998 .tn-elem[data-elem-id="1703768034446"] {
            color: #000000;
            text-align: center;
            z-index: 5;
            top: 188px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec687073998 .tn-elem[data-elem-id="1703768034446"] .tn-atom {
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec687073998 .tn-elem[data-elem-id="1703768034446"] {
              left: calc(50% - 480px + 100px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687073998 .tn-elem[data-elem-id="1703768034446"] {
              top: 96px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec687073998 .tn-elem[data-elem-id="1703768034446"] .tn-atom {
              font-size: 35px;
              line-height: 1.25;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687073998 .tn-elem[data-elem-id="1703768034446"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687073998 .tn-elem[data-elem-id="1703768034446"] {
              left: calc(50% - 160px + 10px);
              height: auto;
            }
            #rec687073998 .tn-elem[data-elem-id="1703768034446"] .tn-atom {
              font-size: 30px;
              background-size: cover;
            }
          }
          #rec687073998 .tn-elem[data-elem-id="1703768098729"] {
            text-align: center;
            z-index: 6;
            top: 318px;
            left: calc(50% - 600px + 420px);
            width: 360px;
            height: 530px;
          }
          #rec687073998 .tn-elem[data-elem-id="1703768098729"] .tn-atom {
            font-size: 14px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 400;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec687073998 .tn-elem[data-elem-id="1703768098729"] {
              left: calc(50% - 480px + 300px);
            }
            #rec687073998
              .tn-elem[data-elem-id="1703768098729"]
              .tn-atom__slds-img {
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687073998 .tn-elem[data-elem-id="1703768098729"] {
              top: 228px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: 400px;
            }
            #rec687073998
              .tn-elem[data-elem-id="1703768098729"]
              .tn-atom__slds-img {
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687073998 .tn-elem[data-elem-id="1703768098729"] {
              left: calc(50% - 240px + 90px);
            }
            #rec687073998
              .tn-elem[data-elem-id="1703768098729"]
              .tn-atom__slds-img {
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687073998 .tn-elem[data-elem-id="1703768098729"] {
              top: 181px;
              left: calc(50% - 160px + 10px);
            }
            #rec687073998
              .tn-elem[data-elem-id="1703768098729"]
              .tn-atom__slds-img {
              background-size: cover;
            }
          }
          #rec687073998 .tn-elem[data-elem-id="1704892089036"] {
            z-index: 7;
            top: 864px;
            left: calc(50% - 600px + 549px);
            width: 102px;
            height: auto;
          }
          #rec687073998 .tn-elem[data-elem-id="1704892089036"] .tn-atom {
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec687073998 .tn-elem[data-elem-id="1704892089036"] {
              left: calc(50% - 480px + 429px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec687073998 .tn-elem[data-elem-id="1704892089036"] {
              top: 645px;
              left: calc(50% - 320px + 269px);
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec687073998 .tn-elem[data-elem-id="1704892089036"] {
              left: calc(50% - 240px + 189px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec687073998 .tn-elem[data-elem-id="1704892089036"] {
              top: 597px;
              left: calc(50% - 160px + 119px);
              width: 82px;
              height: auto;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="687073998"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="1115"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="735"
            data-artboard-height-res-640="795"
            data-artboard-upscale-res-640="window"
          >
            <div class="t396__carrier" data-artboard-recid="687073998"></div>
            <div class="t396__filter" data-artboard-recid="687073998"></div>
            <div
              class="t396__elem tn-elem tn-elem__6870739981703768034446 t-animate"
              data-elem-id="1703768034446"
              data-elem-type="text"
              data-field-top-value="188"
              data-field-left-value="220"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="45"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="96"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="100"
            >
              <h2 class="tn-atom" field="tn_text_1703768034446">
                Счастливые моменты
              </h2>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870739981703768098729"
              data-elem-id="1703768098729"
              data-elem-type="gallery"
              data-field-top-value="318"
              data-field-left-value="420"
              data-field-height-value="530"
              data-field-width-value="360"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-field-fontsize-value="14"
              data-field-top-res-320-value="181"
              data-field-left-res-320-value="10"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="228"
              data-field-left-res-640-value="170"
              data-field-height-res-640-value="400"
              data-field-width-res-640-value="300"
              data-field-left-res-960-value="300"
              data-field-imgs-value='[{"lid":"tild3037-3863-4134-b036-303331326532","li_img":"carousel1.jpg","li_imgalt":"","li_imgtitle":"","li_imgurl":"","li_imgtarget":"","li_imgnofollow":"","li_youtube":"","li_vimeo":""},{"lid":"tild6238-3631-4630-a165-393965663732","li_img":"carousel2.jpg","li_imgalt":"","li_imgtitle":"","li_imgurl":"","li_imgtarget":"","li_imgnofollow":"","li_youtube":"","li_vimeo":""},{"lid":"tild3438-6637-4833-a564-356330386266","li_img":"carousel3.jpg","li_imgalt":"","li_imgtitle":"","li_imgurl":"","li_imgtarget":"","li_imgnofollow":"","li_youtube":"","li_vimeo":""},{"lid":"tild6438-6637-4833-a564-356330386267","li_img":"carousel4.jpg","li_imgalt":"","li_imgtitle":"","li_imgurl":"","li_imgtarget":"","li_imgnofollow":"","li_youtube":"","li_vimeo":""}]'
              data-field-slds_arrowcolor-value="#f4f3f1"
              data-field-slds_arrowbgcolor-value="#cdc8c4"
              data-field-slds_dotsbgcolor-value="#cdc8c4"
              data-field-slds_dotsbgcoloractive-value="#222222"
              data-field-slds_speed-value="slow"
              data-field-slds_autoplay-value="2"
              data-field-slds_playiconcolor-value="#ffffff"
              data-field-slds_stretch-value="cover"
              data-field-slds_imgposition-value="center center"
              data-field-slds_loop-value="loop"
              data-field-slds_loop-value="loop"
              data-field-slds_arrowtype-value="1"
              data-field-slds_arrowalign-value="center"
              data-field-slds_arrowbetweenmargin-value="10"
              data-field-slds_playiconsize-value="70"
              data-field-slds_dotssize-value="8"
              data-field-slds_dotscontrols-value="none"
              data-field-slds_arrowcontrols-value="near"
              data-field-slds_arrowsize-value="s"
              data-field-slds_arrowlinesize-value="1"
              data-field-slds_imgposition-value="center center"
              data-field-slds_captiontopmargin-value="20"
              data-field-slds_dotsvmargin-value="10"
              data-field-slds_captionwidth-value="80"
              data-field-slds_arrowhmargin-value="20"
              data-field-slds_dotshmargin-value="15"
              data-field-slds_arrowvmargin-value="10"
              data-field-borderstyle-value="solid"
              data-field-zoomable-value="y"
              data-field-slds_arrowcontrols-res-320-value="in"
              data-field-slds_arrowhmargin-res-320-value="5"
              data-field-slds_arrowcontrols-res-640-value="near"
            >
              <div class="tn-atom tn-atom__gallery"></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6870739981704892089036 t-animate"
              data-elem-id="1704892089036"
              data-elem-type="image"
              data-field-top-value="864"
              data-field-left-value="549"
              data-field-width-value="102"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="102"
              data-field-fileheight-value="50"
              data-field-top-res-320-value="597"
              data-field-left-res-320-value="119"
              data-field-width-res-320-value="82"
              data-field-left-res-480-value="189"
              data-field-top-res-640-value="645"
              data-field-left-res-640-value="269"
              data-field-left-res-960-value="429"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild3139-3637-4132-b038-653936316263/11.svg"
                  src="https://static.tildacdn.com/tild3139-3637-4132-b038-653936316263/11.svg"
                  alt=""
                  imgfield="tn_img_1704892089036"
                />
              </div>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("687073998");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("687073998");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690438338" class="r t-rec" style="" data-record-type="215">
        <a name="raspisanie" style="font-size: 0"></a>
      </div>
     
      <div id="rec690438341" class="r t-rec" style="" data-record-type="215">
        <a name="chat" style="font-size: 0"></a>
      </div>
          <div id="rec854357474" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">
      <!-- T396 -->
      <style>
  #rec854357474 .t396__artboard {height:710px;background-color:#f4f3f1;}#rec854357474 .t396__filter {height:710px;}#rec854357474 .t396__carrier{height:710px;background-position:center center;backgroun … [Строка слишком длинная. Вы можете скачать файл]
      </style>
      <div class='t396'>
        <div class="t396__artboard" data-artboard-recid="854357474" data-artboard-screens="320,480,640,960,1200" data-artboard-height="710" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="600" data-artboard-height-res-640="640" data-artboard-upscale-res-640="window">
          <div class="t396__carrier" data-artboard-recid="854357474">
          </div>
          <div class="t396__filter" data-artboard-recid="854357474">
          </div>
          <div class='t396__elem tn-elem tn-elem__8543574741703768034446 t-animate' data-elem-id='1703768034446' data-elem-type='text' data-field-top-value="188" data-field-left-value="220" data-field-height-value="70" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-distance="25" data-animate-mobile="y" data-field-textfit-value="autoheight" data-field-fontsize-value="45" data-field-top-res-320-value="90" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="30" data-field-left-res-480-value="90" data-field-top-res-640-value="90" data-field-left-res-640-value="170" data-field-width-res-640-value="300" data-field-fontsize-res-640-value="35" data-field-left-res-960-value="100">
            <h2 class='tn-atom' field='tn_text_1703768034446'>Дресс-код</h2>
          </div>
          <div class='t396__elem tn-elem tn-elem__8543574741704870950261 t-animate' data-elem-id='1704870950261' data-elem-type='text' data-field-top-value="325" data-field-left-value="220" data-field-height-value="62" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.1" data-animate-distance="25" data-animate-mobile="y" data-field-textfit-value="autoheight" data-field-fontsize-value="20" data-field-top-res-320-value="185" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="14" data-field-left-res-480-value="90" data-field-top-res-640-value="190" data-field-left-res-640-value="170" data-field-width-res-640-value="300" data-field-fontsize-res-640-value="16" data-field-left-res-960-value="100">
            <div class='tn-atom' field='tn_text_1704870950261'>Мы будем очень благодарны, если вы поддержите стиль нашей свадьбы в своих нарядах:</div>
          </div>
          <div class="t396__group tn-group tn-group__854357474174342282888358740 t396__group-flex " data-fields="top,left,container" data-group-id="174342282888358740" data-group-type-value="physical" data-group-top-value="437" data-group-left-value="220" data-group-padding="0 0 0 0" data-group-flex="auto" data-group-flexdirection="wrap" data-group-flexalignitems="center" data-group-widthmode="fixed" data-group-heightmode="hug" data-group-height-value="101" data-group-width-value="760" data-group-topunits-value="px" data-group-leftunits-value="px" data-group-top-res-320-value="291" data-group-left-res-320-value="49" data-group-height-res-320-value="110" data-group-width-res-320-value="222" data-group-left-res-480-value="130" data-group-height-res-480-value="110" data-group-top-res-640-value="305" data-group-left-res-640-value="210" data-group-height-res-640-value="110" data-group-width-res-640-value="219" data-group-widthmode-res-640="fixed" data-group-left-res-960-value="100" data-group-height-res-960-value="101">
            <div class="tn-molecule" id="molecule-174342282888358740">
              <div class='t396__elem tn-elem t396__elem-flex tn-elem__8543574741704871552398 t-animate' data-elem-id='1704871552398' data-elem-type='shape' data-field-top-value="437" data-field-left-value="222" data-field-height-value="101" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.2" data-animate-distance="25" data-animate-mobile="y" data-field-top-res-320-value="291" data-field-left-res-320-value="75" data-field-left-res-480-value="155" data-field-top-res-640-value="305" data-field-left-res-640-value="235" data-field-height-res-640-value="50" data-field-width-res-640-value="50" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="102">
                <div class='tn-atom'>
                </div>
              </div>
              <div class='t396__elem tn-elem t396__elem-flex tn-elem__8543574741704871552404 t-animate' data-elem-id='1704871552404' data-elem-type='shape' data-field-top-value="437" data-field-left-value="353" data-field-height-value="101" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.3" data-animate-distance="25" data-animate-mobile="y" data-field-top-res-320-value="291" data-field-left-res-320-value="135" data-field-left-res-480-value="215" data-field-top-res-640-value="305" data-field-left-res-640-value="295" data-field-height-res-640-value="50" data-field-width-res-640-value="50" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="233">
                <div class='tn-atom'>
                </div>
              </div>
              <div class='t396__elem tn-elem t396__elem-flex tn-elem__8543574741704871552411 t-animate' data-elem-id='1704871552411' data-elem-type='shape' data-field-top-value="437" data-field-left-value="484" data-field-height-value="101" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.4" data-animate-distance="25" data-animate-mobile="y" data-field-top-res-320-value="291" data-field-left-res-320-value="195" data-field-left-res-480-value="275" data-field-top-res-640-value="305" data-field-left-res-640-value="355" data-field-height-res-640-value="50" data-field-width-res-640-value="50" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="364">
                <div class='tn-atom'>
                </div>
              </div>
              <div class='t396__elem tn-elem t396__elem-flex tn-elem__8543574741704871552416 t-animate' data-elem-id='1704871552416' data-elem-type='shape' data-field-top-value="437" data-field-left-value="615" data-field-height-value="101" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.5" data-animate-distance="25" data-animate-mobile="y" data-field-top-res-320-value="351" data-field-left-res-320-value="75" data-field-left-res-480-value="155" data-field-top-res-640-value="365" data-field-left-res-640-value="235" data-field-height-res-640-value="50" data-field-width-res-640-value="50" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="495">
                <div class='tn-atom'>
                </div>
              </div>
              <div class='t396__elem tn-elem t396__elem-flex tn-elem__8543574741704871552423 t-animate' data-elem-id='1704871552423' data-elem-type='shape' data-field-top-value="437" data-field-left-value="746" data-field-height-value="101" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.6" data-animate-distance="25" data-animate-mobile="y" data-field-top-res-320-value="351" data-field-left-res-320-value="135" data-field-left-res-480-value="215" data-field-top-res-640-value="365" data-field-left-res-640-value="295" data-field-height-res-640-value="50" data-field-width-res-640-value="50" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="626">
                <div class='tn-atom'>
                </div>
              </div>
              <div class='t396__elem tn-elem t396__elem-flex tn-elem__8543574741704871552430 t-animate' data-elem-id='1704871552430' data-elem-type='shape' data-field-top-value="437" data-field-left-value="877" data-field-height-value="101" data-field-width-value="101" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.7" data-animate-distance="25" data-animate-mobile="y" data-field-top-res-320-value="351" data-field-left-res-320-value="195" data-field-left-res-480-value="275" data-field-top-res-640-value="365" data-field-left-res-640-value="355" data-field-height-res-640-value="50" data-field-width-res-640-value="50" data-field-widthmode-res-640-value="fixed" data-field-heightmode-res-640-value="fixed" data-field-left-res-960-value="757">
                <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3032-6239-4464-b162-353662383139/Gold_Satin_Silk_Fabr.jpg" aria-label='' role="img">
                </div>
              </div>
            </div>
          </div>
          <div class='t396__elem tn-elem tn-elem__8543574741704872009879 t-animate' data-elem-id='1704872009879' data-elem-type='text' data-field-top-value="588" data-field-left-value="220" data-field-height-value="124" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="fadeinleft" data-animate-duration="3" data-animate-delay="0.8" data-animate-distance="25" data-animate-mobile="y" data-field-textfit-value="autoheight" data-field-fontsize-value="20" data-field-top-res-320-value="441" data-field-left-res-320-value="10" data-field-fontsize-res-320-value="14" data-field-left-res-480-value="90" data-field-top-res-640-value="456" data-field-left-res-640-value="170" data-field-width-res-640-value="300" data-field-fontsize-res-640-value="16" data-field-left-res-960-value="100">
            <div class='tn-atom' field='tn_text_1704872009879'>Девушки: коктейльные платья и брючные костюмы, такие, как будто вы собираетесь на самую крутую вечеринку!
              <br>
              <br>Мужчины: классические костюмы, брюки с рубашкой, туфли</div>
          </div>
        </div>
      </div>
      <script>
  t_onFuncLoad('t396_initialScale',function() {t396_initialScale('854357474');});t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('854357474');});});
      </script>
      <!-- /T396 -->
    </div>
      <div
        id="rec690069882"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="396"
      >
        <!-- T396 -->
        <style>
          #rec690069882 .t396__artboard {
            height: 860px;
            background-color: #f4f3f1;
          }
          #rec690069882 .t396__filter {
            height: 860px;
          }
          #rec690069882 .t396__carrier {
            height: 860px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .t396__artboard,
            #rec690069882 .t396__filter,
            #rec690069882 .t396__carrier {
            }
            #rec690069882 .t396__filter {
            }
            #rec690069882 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .t396__artboard,
            #rec690069882 .t396__filter,
            #rec690069882 .t396__carrier {
              height: 795px;
            }
            #rec690069882 .t396__filter {
            }
            #rec690069882 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .t396__artboard,
            #rec690069882 .t396__filter,
            #rec690069882 .t396__carrier {
            }
            #rec690069882 .t396__filter {
            }
            #rec690069882 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .t396__artboard,
            #rec690069882 .t396__filter,
            #rec690069882 .t396__carrier {
              height: 750px;
            }
            #rec690069882 .t396__filter {
            }
            #rec690069882 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec690069882 .tn-elem[data-elem-id="1703768034446"] {
            color: #000000;
            z-index: 5;
            top: 188px;
            left: calc(50% - 600px + 220px);
            width: 300px;
            height: auto;
          }
          #rec690069882 .tn-elem[data-elem-id="1703768034446"] .tn-atom {
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .tn-elem[data-elem-id="1703768034446"] {
              left: calc(50% - 480px + 100px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .tn-elem[data-elem-id="1703768034446"] {
              top: 90px;
              left: calc(50% - 320px + 170px);
              height: auto;
              text-align: center;
            }
            #rec690069882 .tn-elem[data-elem-id="1703768034446"] .tn-atom {
              font-size: 35px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .tn-elem[data-elem-id="1703768034446"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .tn-elem[data-elem-id="1703768034446"] {
              left: calc(50% - 160px + 10px);
              height: auto;
            }
            #rec690069882 .tn-elem[data-elem-id="1703768034446"] .tn-atom {
              font-size: 30px;
              background-size: cover;
            }
          }
          #rec690069882 .tn-elem[data-elem-id="1704870950261"] {
            color: #000000;
            z-index: 6;
            top: 315px;
            left: calc(50% - 600px + 220px);
            width: 300px;
            height: auto;
          }
          #rec690069882 .tn-elem[data-elem-id="1704870950261"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .tn-elem[data-elem-id="1704870950261"] {
              left: calc(50% - 480px + 100px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .tn-elem[data-elem-id="1704870950261"] {
              top: 456px;
              left: calc(50% - 320px + 170px);
              height: auto;
              text-align: center;
            }
            #rec690069882 .tn-elem[data-elem-id="1704870950261"] .tn-atom {
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .tn-elem[data-elem-id="1704870950261"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .tn-elem[data-elem-id="1704870950261"] {
              top: 450px;
              left: calc(50% - 160px + 10px);
              height: auto;
            }
            #rec690069882 .tn-elem[data-elem-id="1704870950261"] .tn-atom {
              font-size: 14px;
              background-size: cover;
            }
          }
          #rec690069882 .tn-elem[data-elem-id="1704885284114"] {
            z-index: 7;
            top: 596px;
            left: calc(50% - 600px + 294px);
            width: 72px;
            height: auto;
          }
          #rec690069882 .tn-elem[data-elem-id="1704885284114"] .tn-atom {
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284114"] {
              left: calc(50% - 480px + 174px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284114"] {
              top: 647px;
              left: calc(50% - 320px + 330px);
              width: 60px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284114"] {
              left: calc(50% - 240px + 250px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284114"] {
              top: 599px;
              left: calc(50% - 160px + 167px);
              width: 58px;
              height: auto;
            }
          }
          #rec690069882 .tn-elem[data-elem-id="1704885284123"] {
            color: #000000;
            text-align: left;
            z-index: 8;
            top: 595px;
            left: calc(50% - 600px + 220px);
            width: 300px;
            height: 57px;
          }
          #rec690069882 .tn-elem[data-elem-id="1704885284123"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            border-radius: 30px;
            background-position: center center;
            --t396-bordercolor: #000000;
            --t396-speedhover: 0.2s;
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 0;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
          }
          #rec690069882 .tn-elem[data-elem-id="1704885284123"] .tn-atom::after {
            display: none;
          }
          #rec690069882
            .tn-elem[data-elem-id="1704885284123"]
            .tn-atom
            .tn-atom__button-text {
            transition: color var(--t396-speedhover, 0s) ease-in-out;
            color: #000000;
          }
          #rec690069882
            .tn-elem[data-elem-id="1704885284123"]
            .tn-atom
            .tn-atom__button-border::before {
            display: none;
          }
          #rec690069882
            .tn-elem[data-elem-id="1704885284123"]
            .tn-atom
            .tn-atom__button-border::after {
            display: none;
          }
          @media (hover), (min-width: 0\0) {
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom:hover::after {
              opacity: 0;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom:hover {
              animation-name: none;
            }
          }
          @media (hover), (min-width: 0\0) {
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom:hover {
              border-style: var(--t396-borderstyle, solid);
              border-color: var(
                --t396-bordercolor-hover,
                var(--t396-bordercolor, transparent)
              );
            }
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] {
              left: calc(50% - 480px + 100px);
              width: px;
            }
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom::after {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] {
              top: 646px;
              left: calc(50% - 320px + 170px);
              width: px;
              height: 50px;
              text-align: center;
            }
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
              -webkit-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom::after {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] {
              left: calc(50% - 240px + 90px);
              width: px;
            }
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom::after {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] {
              top: 597px;
              left: calc(50% - 160px + 10px);
              width: px;
            }
            #rec690069882 .tn-elem[data-elem-id="1704885284123"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom::after {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690069882
              .tn-elem[data-elem-id="1704885284123"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690069882
                .tn-elem[data-elem-id="1704885284123"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          #rec690069882 .tn-elem[data-elem-id="1704885343820"] {
            z-index: 9;
            top: 313px;
            left: calc(50% - 600px + 550px);
            width: 192px;
            height: auto;
          }
          #rec690069882 .tn-elem[data-elem-id="1704885343820"] .tn-atom {
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .tn-elem[data-elem-id="1704885343820"] {
              left: calc(50% - 480px + 430px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .tn-elem[data-elem-id="1704885343820"] {
              top: 240px;
              left: calc(50% - 320px + 170px);
              width: 135px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .tn-elem[data-elem-id="1704885343820"] {
              left: calc(50% - 240px + 90px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .tn-elem[data-elem-id="1704885343820"] {
              top: 234px;
              left: calc(50% - 160px + 10px);
              height: auto;
            }
          }
          #rec690069882 .tn-elem[data-elem-id="1704885465470"] {
            z-index: 10;
            top: 235px;
            left: calc(50% - 600px + 753px);
            width: 227px;
            height: 327px;
          }
          #rec690069882 .tn-elem[data-elem-id="1704885465470"] .tn-atom {
            background-color: #f4ebeb;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec690069882 .tn-elem[data-elem-id="1704885465470"] {
              left: calc(50% - 480px + 633px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec690069882 .tn-elem[data-elem-id="1704885465470"] {
              top: 184px;
              left: calc(50% - 320px + 309px);
              width: 160px;
              height: 232px;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690069882 .tn-elem[data-elem-id="1704885465470"] {
              left: calc(50% - 240px + 229px);
            }
          }
          @media screen and (max-width: 479px) {
            #rec690069882 .tn-elem[data-elem-id="1704885465470"] {
              top: 178px;
              left: calc(50% - 160px + 149px);
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="690069882"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="860"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="750"
            data-artboard-height-res-640="795"
            data-artboard-upscale-res-640="window"
          >
            <div class="t396__carrier" data-artboard-recid="690069882"></div>
            <div class="t396__filter" data-artboard-recid="690069882"></div>
            <div
              class="t396__elem tn-elem tn-elem__6900698821703768034446 t-animate"
              data-elem-id="1703768034446"
              data-elem-type="text"
              data-field-top-value="188"
              data-field-left-value="220"
              data-field-width-value="300"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="45"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="90"
              data-field-left-res-640-value="170"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="100"
            >
              <h2 class="tn-atom" field="tn_text_1703768034446">Общий чат</h2>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6900698821704870950261 t-animate"
              data-elem-id="1704870950261"
              data-elem-type="text"
              data-field-top-value="315"
              data-field-left-value="220"
              data-field-width-value="300"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="450"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="456"
              data-field-left-res-640-value="170"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="100"
            >
              <div class="tn-atom" field="tn_text_1704870950261">
                Для вашего удобства мы создадим чат в Telegram, куда можно будет
                добавлять фото со свадьбы. Давайте поделимся друг с другом
                счастливыми моментами этого важного дня и будем на связи!
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6900698821704885284114 t-animate"
              data-elem-id="1704885284114"
              data-elem-type="image"
              data-field-top-value="596"
              data-field-left-value="294"
              data-field-width-value="72"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="75"
              data-field-fileheight-value="61"
              data-field-top-res-320-value="599"
              data-field-left-res-320-value="167"
              data-field-width-res-320-value="58"
              data-field-left-res-480-value="250"
              data-field-top-res-640-value="647"
              data-field-left-res-640-value="330"
              data-field-width-res-640-value="60"
              data-field-left-res-960-value="174"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  src="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  alt=""
                  imgfield="tn_img_1704885284114"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6900698821704885284123 t-animate"
              data-elem-id="1704885284123"
              data-elem-type="button"
              data-field-top-value="595"
              data-field-left-value="220"
              data-field-height-value="57"
              data-field-width-value="300"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="597"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="646"
              data-field-left-res-640-value="170"
              data-field-height-res-640-value="50"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="100"
            >
              <a
                class="tn-atom"
                href="https://t.me/+0zZPlYUgEfE2NTcy"
                target="_blank"
              >
                <div class="tn-atom__button-content">
                  <span class="tn-atom__button-text">Вступить →</span>
                </div>
                <span class="tn-atom__button-border"> </span>
              </a>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6900698821704885343820"
              data-elem-id="1704885343820"
              data-elem-type="image"
              data-field-top-value="313"
              data-field-left-value="550"
              data-field-width-value="192"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value=""
              data-field-widthunits-value="px"
              data-field-filewidth-value="528"
              data-field-fileheight-value="684"
              data-field-top-res-320-value="234"
              data-field-left-res-320-value="10"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="240"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="135"
              data-field-left-res-960-value="430"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild3233-3031-4665-a265-366339336264/12.png"
                  src="https://thb.tildacdn.com/tild3233-3031-4665-a265-366339336264/-/resize/20x/12.png"
                  alt=""
                  imgfield="tn_img_1704885343820"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6900698821704885465470"
              data-elem-id="1704885465470"
              data-elem-type="shape"
              data-field-top-value="235"
              data-field-left-value="753"
              data-field-height-value="327"
              data-field-width-value="227"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-field-top-res-320-value="178"
              data-field-left-res-320-value="149"
              data-field-left-res-480-value="229"
              data-field-top-res-640-value="184"
              data-field-left-res-640-value="309"
              data-field-height-res-640-value="232"
              data-field-width-res-640-value="160"
              data-field-left-res-960-value="633"
            >
              <div
                class="tn-atom t-bgimg"
                data-original="https://static.tildacdn.com/tild6661-3431-4632-b865-663666353035/9.jpg"
                aria-label=""
                role="img"
              ></div>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("690069882");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("690069882");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690438342" class="r t-rec" style="" data-record-type="215">
        <a name="podtverdite_prisytstvie" style="font-size: 0"></a>
      </div>
      <div id="rec690117489" class="r t-rec" style="" data-record-type="396">
        <!-- T396 (подтверждение присутствия с изменённой датой и организатором) -->
        <style>
          #rec690117489 .t396__artboard {
            height: 925px;
            background-color: #f4f3f1;
          }
          #rec690117489 .t396__filter {
            height: 925px;
          }
          #rec690117489 .t396__carrier {
            height: 925px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .t396__artboard,
            #rec690117489 .t396__filter,
            #rec690117489 .t396__carrier {
              height: 925px;
            }
            #rec690117489 .t396__artboard {
              background-color: #f4f3f1;
              background-image: none;
            }
            #rec690117489 .t396__filter {
            }
            #rec690117489 .t396__carrier {
              background-position: center center;
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .t396__artboard,
            #rec690117489 .t396__filter,
            #rec690117489 .t396__carrier {
              height: 730px;
            }
            #rec690117489 .t396__filter {
            }
            #rec690117489 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .t396__artboard,
            #rec690117489 .t396__filter,
            #rec690117489 .t396__carrier {
              height: 730px;
            }
            #rec690117489 .t396__filter {
            }
            #rec690117489 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .t396__artboard,
            #rec690117489 .t396__filter,
            #rec690117489 .t396__carrier {
              height: 700px;
            }
            #rec690117489 .t396__filter {
            }
            #rec690117489 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1703764518644"] {
            z-index: 3;
            top: calc(462.5px - 56.5px + 0px);
            left: calc(50% - 58% + 0px);
            width: 116%;
            height: 113%;
          }
          #rec690117489 .tn-elem[data-elem-id="1703764518644"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            opacity: 0.5;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1703764518644"] {
              display: table;
              left: calc(50% - 58% + 0px);
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1703764518644"] {
              display: table;
              left: calc(50% - 58% + 0px);
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1703764518644"] {
              display: table;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1703764518644"] {
              display: table;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1670584592600"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 190px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec690117489 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              left: calc(50% - 480px + 99px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              top: 97px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              font-size: 35px;
              line-height: 1.25;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              left: calc(50% - 240px + 90px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] {
              display: table;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1670584592600"] .tn-atom {
              white-space: normal;
              font-size: 30px;
              background-size: cover;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704889877478"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 327px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec690117489 .tn-elem[data-elem-id="1704889877478"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] {
              display: table;
              left: calc(50% - 480px + 99px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] {
              display: table;
              top: 236px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] {
              display: table;
              left: calc(50% - 240px + 90px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] {
              display: table;
              top: 225px;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889877478"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704889972222"] {
            z-index: 3;
            top: 440px;
            left: calc(50% - 600px + 288px);
            width: 72px;
            height: auto;
          }
          #rec690117489 .tn-elem[data-elem-id="1704889972222"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec690117489 .tn-elem[data-elem-id="1704889972222"] .tn-atom__img {
            border-radius: 0px 0px 0px 0px;
            object-position: center center;
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972222"] {
              display: table;
              left: calc(50% - 480px + 167px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972222"] {
              display: table;
              top: 352px;
              left: calc(50% - 320px + 263px);
              width: 60px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972222"] {
              display: table;
              left: calc(50% - 240px + 183px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972222"] {
              display: table;
              top: 333px;
              left: calc(50% - 160px + 106px);
              width: 58px;
              height: auto;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704889972233"] {
            color: #000000;
            text-align: left;
            z-index: 3;
            top: 439px;
            left: calc(50% - 600px + 220px);
            width: 200px;
            height: 57px;
          }
          #rec690117489 .tn-elem[data-elem-id="1704889972233"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            border-radius: 30px 30px 30px 30px;
            background-position: center center;
            --t396-bordercolor: #000000;
            --t396-speedhover: 0.2s;
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 0;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
          }
          #rec690117489 .tn-elem[data-elem-id="1704889972233"] .tn-atom::after {
            display: none;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704889972233"]
            .tn-atom
            .tn-atom__button-text {
            transition: color var(--t396-speedhover, 0s) ease-in-out;
            color: #000000;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704889972233"]
            .tn-atom
            .tn-atom__button-border::before {
            display: none;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704889972233"]
            .tn-atom
            .tn-atom__button-border::after {
            display: none;
          }
          @media (hover), (min-width: 0\0) {
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom:hover::after {
              opacity: 0;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom:hover {
              animation-name: none;
            }
          }
          @media (hover), (min-width: 0\0) {
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom:hover {
              border-style: var(--t396-borderstyle, solid);
              border-color: var(
                --t396-bordercolor-hover,
                var(--t396-bordercolor, transparent)
              );
            }
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] {
              display: block;
              left: calc(50% - 480px + 99px);
              width: px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] {
              display: block;
              top: 351px;
              left: calc(50% - 320px + 210px);
              width: 113px;
              height: 50px;
              text-align: left;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] {
              display: block;
              left: calc(50% - 240px + 130px);
              width: px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] {
              display: block;
              top: 331px;
              left: calc(50% - 160px + 63px);
              width: 101px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704889972233"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704889972233"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704889972233"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704890196748"] {
            z-index: 3;
            top: 500px;
            left: calc(50% - 600px + 618px);
            width: 72px;
            height: auto;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890196748"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890196748"] .tn-atom__img {
            border-radius: 0px 0px 0px 0px;
            object-position: center center;
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196748"] {
              display: table;
              left: calc(50% - 480px + 497px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196748"] {
              display: table;
              top: 414px;
              left: calc(50% - 320px + 370px);
              width: 60px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196748"] {
              display: table;
              left: calc(50% - 240px + 290px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196748"] {
              display: table;
              top: 393px;
              left: calc(50% - 160px + 199px);
              width: 58px;
              height: auto;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704890196760"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 501px;
            left: calc(50% - 600px + 402px);
            width: 279px;
            height: 57px;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890196760"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            border-radius: 30px 30px 30px 30px;
            background-position: center center;
            --t396-bordercolor: #000000;
            --t396-speedhover: 0.2s;
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
          }
          #rec690117489 .tn-elem[data-elem-id="1704890196760"] .tn-atom::after {
            display: none;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704890196760"]
            .tn-atom
            .tn-atom__button-text {
            transition: color var(--t396-speedhover, 0s) ease-in-out;
            color: #000000;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704890196760"]
            .tn-atom
            .tn-atom__button-border::before {
            display: none;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704890196760"]
            .tn-atom
            .tn-atom__button-border::after {
            display: none;
          }
          @media (hover), (min-width: 0\0) {
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom:hover::after {
              opacity: 0;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom:hover {
              animation-name: none;
            }
          }
          @media (hover), (min-width: 0\0) {
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom:hover {
              border-style: var(--t396-borderstyle, solid);
              border-color: var(
                --t396-bordercolor-hover,
                var(--t396-bordercolor, transparent)
              );
            }
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] {
              display: block;
              left: calc(50% - 480px + 281px);
              width: px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] {
              display: block;
              top: 413px;
              left: calc(50% - 320px + 210px);
              width: 220px;
              height: 50px;
              text-align: left;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] {
              display: block;
              left: calc(50% - 240px + 130px);
              width: px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] {
              display: block;
              top: 391px;
              left: calc(50% - 160px + 63px);
              width: 194px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890196760"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890196760"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890196760"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704890288540"] {
            z-index: 3;
            top: 563px;
            left: calc(50% - 600px + 903px);
            width: 72px;
            height: auto;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890288540"] .tn-atom {
            border-radius: 0px 0px 0px 0px;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890288540"] .tn-atom__img {
            border-radius: 0px 0px 0px 0px;
            object-position: center center;
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288540"] {
              display: table;
              left: calc(50% - 480px + 782px);
              height: auto;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288540"] {
              display: table;
              top: 476px;
              left: calc(50% - 320px + 335px);
              width: 60px;
              height: auto;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288540"] {
              display: table;
              left: calc(50% - 240px + 255px);
              height: auto;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288540"] {
              display: table;
              top: 453px;
              left: calc(50% - 160px + 169px);
              width: 58px;
              height: auto;
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704890288557"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 563px;
            left: calc(50% - 600px + 713px);
            width: 268px;
            height: 57px;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890288557"] .tn-atom {
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            border-radius: 30px 30px 30px 30px;
            background-position: center center;
            --t396-bordercolor: #000000;
            --t396-speedhover: 0.2s;
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
          }
          #rec690117489 .tn-elem[data-elem-id="1704890288557"] .tn-atom::after {
            display: none;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704890288557"]
            .tn-atom
            .tn-atom__button-text {
            transition: color var(--t396-speedhover, 0s) ease-in-out;
            color: #000000;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704890288557"]
            .tn-atom
            .tn-atom__button-border::before {
            display: none;
          }
          #rec690117489
            .tn-elem[data-elem-id="1704890288557"]
            .tn-atom
            .tn-atom__button-border::after {
            display: none;
          }
          @media (hover), (min-width: 0\0) {
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom:hover::after {
              opacity: 0;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom:hover {
              animation-name: none;
            }
          }
          @media (hover), (min-width: 0\0) {
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom:hover {
              border-style: var(--t396-borderstyle, solid);
              border-color: var(
                --t396-bordercolor-hover,
                var(--t396-bordercolor, transparent)
              );
            }
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] {
              display: block;
              left: calc(50% - 480px + 592px);
              width: px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] {
              display: block;
              top: 475px;
              left: calc(50% - 320px + 210px);
              width: 183px;
              height: 50px;
              text-align: left;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
              -webkit-box-pack: start;
              -ms-flex-pack: start;
              justify-content: flex-start;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] {
              display: block;
              left: calc(50% - 240px + 130px);
              width: px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] .tn-atom {
              white-space: normal;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] {
              display: block;
              top: 451px;
              left: calc(50% - 160px + 63px);
              width: 164px;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890288557"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
              padding: 0;
              border-width: var(--t396-borderwidth, 0);
              border-style: var(--t396-borderstyle, solid);
              border-color: var(--t396-bordercolor, transparent);
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom::after {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-text {
              overflow: visible;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::before {
              display: none;
            }
            #rec690117489
              .tn-elem[data-elem-id="1704890288557"]
              .tn-atom
              .tn-atom__button-border::after {
              display: none;
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover::after {
                opacity: 0;
              }
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                animation-name: none;
              }
            }
            @media (hover), (min-width: 0\0) {
              #rec690117489
                .tn-elem[data-elem-id="1704890288557"]
                .tn-atom:hover {
                border-style: var(--t396-borderstyle, solid);
                border-color: var(
                  --t396-bordercolor-hover,
                  var(--t396-bordercolor, transparent)
                );
              }
            }
          }
          #rec690117489 .tn-elem[data-elem-id="1704890431767"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 670px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec690117489 .tn-elem[data-elem-id="1704890431767"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 16px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] {
              display: table;
              left: calc(50% - 480px + 99px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] {
              display: table;
              top: 561px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] {
              display: table;
              left: calc(50% - 240px + 90px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] {
              display: table;
              top: 541px;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec690117489 .tn-elem[data-elem-id="1704890431767"] .tn-atom {
              white-space: normal;
              font-size: 12px;
              background-size: cover;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="690117489"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="925"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-height-res-320="700"
            data-artboard-height-res-480="730"
            data-artboard-height-res-640="730"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="925"
          >
            <div class="t396__carrier" data-artboard-recid="690117489"></div>
            <div class="t396__filter" data-artboard-recid="690117489"></div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891703764518644"
              data-elem-id="1703764518644"
              data-elem-type="shape"
              data-field-top-value="0"
              data-field-left-value="0"
              data-field-height-value="113"
              data-field-width-value="116"
              data-field-axisy-value="center"
              data-field-axisx-value="center"
              data-field-container-value="window"
              data-field-topunits-value="%"
              data-field-leftunits-value="%"
              data-field-heightunits-value="%"
              data-field-widthunits-value="%"
              data-field-left-res-640-value="0"
              data-field-left-res-960-value="0"
            >
              <div
                class="tn-atom t-bgimg"
                data-original="https://static.tildacdn.com/tild3732-3934-4736-a634-636335383163/ZK432_COL1_0_1000x10.jpg"
                aria-label=""
                role="img"
              ></div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891670584592600 t-animate"
              data-elem-id="1670584592600"
              data-elem-type="text"
              data-field-top-value="190"
              data-field-left-value="220"
              data-field-height-value="70"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="45"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="97"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="99"
            >
              <h2 class="tn-atom" field="tn_text_1670584592600">
                Подтвердите присутствие
              </h2>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704889877478 t-animate"
              data-elem-id="1704889877478"
              data-elem-type="text"
              data-field-top-value="327"
              data-field-left-value="220"
              data-field-height-value="62"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="225"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="236"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="99"
            >
              <div class="tn-atom" field="tn_text_1704889877478">
                Просим вас подтвердить свое присутствие не позднее 20 июля 2026
                года
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704889972222 t-animate"
              data-elem-id="1704889972222"
              data-elem-type="image"
              data-field-top-value="440"
              data-field-left-value="288"
              data-field-height-value="59"
              data-field-width-value="72"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadein"
              data-animate-duration="3"
              data-animate-delay="0.2"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="75"
              data-field-fileheight-value="61"
              data-field-heightmode-value="hug"
              data-field-top-res-320-value="333"
              data-field-left-res-320-value="106"
              data-field-width-res-320-value="58"
              data-field-left-res-480-value="183"
              data-field-top-res-640-value="352"
              data-field-left-res-640-value="263"
              data-field-width-res-640-value="60"
              data-field-left-res-960-value="167"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  src="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  alt=""
                  imgfield="tn_img_1704889972222"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704889972233 t-animate"
              data-elem-id="1704889972233"
              data-elem-type="button"
              data-field-top-value="439"
              data-field-left-value="220"
              data-field-height-value="57"
              data-field-width-value="200"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.2"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="331"
              data-field-left-res-320-value="63"
              data-field-width-res-320-value="101"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="130"
              data-field-top-res-640-value="351"
              data-field-left-res-640-value="210"
              data-field-height-res-640-value="50"
              data-field-width-res-640-value="113"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="99"
            >
              <a class="tn-atom" href="#popup:pridy" target="_blank">
                <div class="tn-atom__button-content">
                  <span class="tn-atom__button-text">Я приду →</span>
                </div>
                <span class="tn-atom__button-border"> </span>
              </a>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704890196748 t-animate"
              data-elem-id="1704890196748"
              data-elem-type="image"
              data-field-top-value="500"
              data-field-left-value="618"
              data-field-height-value="59"
              data-field-width-value="72"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadein"
              data-animate-duration="3"
              data-animate-delay="0.3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="75"
              data-field-fileheight-value="61"
              data-field-heightmode-value="hug"
              data-field-top-res-320-value="393"
              data-field-left-res-320-value="199"
              data-field-width-res-320-value="58"
              data-field-left-res-480-value="290"
              data-field-top-res-640-value="414"
              data-field-left-res-640-value="370"
              data-field-width-res-640-value="60"
              data-field-left-res-960-value="497"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  src="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  alt=""
                  imgfield="tn_img_1704890196748"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704890196760 t-animate"
              data-elem-id="1704890196760"
              data-elem-type="button"
              data-field-top-value="501"
              data-field-left-value="402"
              data-field-height-value="57"
              data-field-width-value="279"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="391"
              data-field-left-res-320-value="63"
              data-field-width-res-320-value="194"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="130"
              data-field-top-res-640-value="413"
              data-field-left-res-640-value="210"
              data-field-height-res-640-value="50"
              data-field-width-res-640-value="220"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="281"
            >
              <a class="tn-atom" href="#popup:pridy/c/family" target="_blank">
                <div class="tn-atom__button-content">
                  <span class="tn-atom__button-text"
                    >Буду с парой/семьей →</span
                  >
                </div>
                <span class="tn-atom__button-border"> </span>
              </a>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704890288540 t-animate"
              data-elem-id="1704890288540"
              data-elem-type="image"
              data-field-top-value="563"
              data-field-left-value="903"
              data-field-height-value="59"
              data-field-width-value="72"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadein"
              data-animate-duration="3"
              data-animate-delay="0.4"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-filewidth-value="75"
              data-field-fileheight-value="61"
              data-field-heightmode-value="hug"
              data-field-top-res-320-value="453"
              data-field-left-res-320-value="169"
              data-field-width-res-320-value="58"
              data-field-left-res-480-value="255"
              data-field-top-res-640-value="476"
              data-field-left-res-640-value="335"
              data-field-width-res-640-value="60"
              data-field-left-res-960-value="782"
            >
              <div class="tn-atom">
                <img
                  class="tn-atom__img t-img"
                  data-original="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  src="https://static.tildacdn.com/tild6465-3933-4930-a235-663737386530/photo.svg"
                  alt=""
                  imgfield="tn_img_1704890288540"
                />
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704890288557 t-animate"
              data-elem-id="1704890288557"
              data-elem-type="button"
              data-field-top-value="563"
              data-field-left-value="713"
              data-field-height-value="57"
              data-field-width-value="268"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.4"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-fontsize-value="20"
              data-field-top-res-320-value="451"
              data-field-left-res-320-value="63"
              data-field-width-res-320-value="164"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="130"
              data-field-top-res-640-value="475"
              data-field-left-res-640-value="210"
              data-field-height-res-640-value="50"
              data-field-width-res-640-value="183"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="592"
            >
              <a class="tn-atom" href="#popup:nepridy" target="_blank">
                <div class="tn-atom__button-content">
                  <span class="tn-atom__button-text">Не смогу прийти →</span>
                </div>
                <span class="tn-atom__button-border"> </span>
              </a>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901174891704890431767 t-animate"
              data-elem-id="1704890431767"
              data-elem-type="text"
              data-field-top-value="670"
              data-field-left-value="220"
              data-field-height-value="50"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.5"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="16"
              data-field-top-res-320-value="541"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="12"
              data-field-left-res-480-value="90"
              data-field-top-res-640-value="561"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="14"
              data-field-left-res-960-value="99"
            >
              <div class="tn-atom" field="tn_text_1704890431767">
                Если вы заблудитесь, готовите сюрприз или у вас появились
                какие-либо вопросы, вам с радостью поможет наш организатор
                Дарья<br />
                <a
                  href="tel:+79174034123"
                  style="color: rgb(169, 144, 114); font-weight: 400"
                  >+7 (917) 403−41−23</a
                >
              </div>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("690117489");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("690117489");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div id="rec690438343" class="r t-rec" style="" data-record-type="215">
        <a name="taimer" style="font-size: 0"></a>
      </div>
      <div id="rec690133432" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec690133432 .t396__artboard {
            height: 355px;
            background-color: #f4f3f1;
            overflow: visible;
          }
          #rec690133432 .t396__filter {
            height: 355px;
          }
          #rec690133432 .t396__carrier {
            height: 355px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec690133432 .t396__artboard,
            #rec690133432 .t396__filter,
            #rec690133432 .t396__carrier {
              height: 355px;
            }
            #rec690133432 .t396__filter {
            }
            #rec690133432 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690133432 .t396__artboard,
            #rec690133432 .t396__filter,
            #rec690133432 .t396__carrier {
              height: 170px;
            }
            #rec690133432 .t396__filter {
            }
            #rec690133432 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690133432 .t396__artboard,
            #rec690133432 .t396__filter,
            #rec690133432 .t396__carrier {
              height: 170px;
            }
            #rec690133432 .t396__filter {
            }
            #rec690133432 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690133432 .t396__artboard,
            #rec690133432 .t396__filter,
            #rec690133432 .t396__carrier {
              height: 180px;
            }
            #rec690133432 .t396__filter {
            }
            #rec690133432 .t396__carrier {
              background-attachment: scroll;
            }
          }
          #rec690133432 .tn-elem[data-elem-id="1686136565113"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 322px;
            left: calc(50% - 600px + 219px);
            width: 763px;
            height: auto;
          }
          #rec690133432 .tn-elem[data-elem-id="1686136565113"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 20px;
            font-family: "Montserrat", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 300;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] {
              display: table;
              left: calc(50% - 480px + 98px);
              width: px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] {
              display: table;
              top: 185px;
              left: calc(50% - 320px + 170px);
              width: 300px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] .tn-atom {
              white-space: normal;
              font-size: 16px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] {
              display: table;
              left: calc(50% - 240px + 88px);
              width: px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] {
              display: table;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1686136565113"] .tn-atom {
              white-space: normal;
              font-size: 14px;
              background-size: cover;
            }
          }
          #rec690133432 .tn-elem[data-elem-id="1704891309304"] {
            color: #000000;
            text-align: center;
            z-index: 3;
            top: 189px;
            left: calc(50% - 600px + 220px);
            width: 760px;
            height: auto;
          }
          #rec690133432 .tn-elem[data-elem-id="1704891309304"] .tn-atom {
            vertical-align: middle;
            color: #000000;
            font-size: 45px;
            font-family: "CormorantGaramond", Arial, sans-serif;
            line-height: 1.55;
            font-weight: 500;
            background-position: center center;
            border-width: var(--t396-borderwidth, 0);
            border-style: var(--t396-borderstyle, solid);
            border-color: var(--t396-bordercolor, transparent);
            transition:
              background-color var(--t396-speedhover, 0s) ease-in-out,
              color var(--t396-speedhover, 0s) ease-in-out,
              border-color var(--t396-speedhover, 0s) ease-in-out,
              box-shadow var(--t396-shadowshoverspeed, 0.2s) ease-in-out;
            text-shadow: var(--t396-shadow-text-x, 0px)
              var(--t396-shadow-text-y, 0px) var(--t396-shadow-text-blur, 0px)
              rgba(
                var(--t396-shadow-text-color),
                var(--t396-shadow-text-opacity, 100%)
              );
          }
          @media screen and (max-width: 1199px) {
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] {
              display: table;
              left: calc(50% - 480px + 99px);
              width: px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] {
              display: table;
              top: 90px;
              left: calc(50% - 320px + 173px);
              width: 300px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] .tn-atom {
              white-space: normal;
              font-size: 35px;
              background-size: cover;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] {
              display: table;
              left: calc(50% - 240px + 91px);
              width: px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] .tn-atom {
              white-space: normal;
              background-size: cover;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] {
              display: table;
              top: 93px;
              left: calc(50% - 160px + 10px);
              width: px;
              height: auto;
            }
            #rec690133432 .tn-elem[data-elem-id="1704891309304"] .tn-atom {
              white-space: normal;
              font-size: 30px;
              background-size: cover;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="690133432"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="355"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-ovrflw="visible"
            data-artboard-height-res-320="180"
            data-artboard-upscale-res-320="window"
            data-artboard-height-res-480="170"
            data-artboard-height-res-640="170"
            data-artboard-upscale-res-640="window"
            data-artboard-height-res-960="355"
          >
            <div class="t396__carrier" data-artboard-recid="690133432"></div>
            <div class="t396__filter" data-artboard-recid="690133432"></div>
            <div
              class="t396__elem tn-elem tn-elem__6901334321686136565113 t-animate"
              data-elem-id="1686136565113"
              data-elem-type="text"
              data-field-top-value="322"
              data-field-left-value="219"
              data-field-height-value="31"
              data-field-width-value="763"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-delay="0.1"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="20"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="14"
              data-field-left-res-480-value="88"
              data-field-top-res-640-value="185"
              data-field-left-res-640-value="170"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="16"
              data-field-left-res-960-value="98"
            >
              <div class="tn-atom" field="tn_text_1686136565113">
                До нашей свадьбы осталось...
              </div>
            </div>
            <div
              class="t396__elem tn-elem tn-elem__6901334321704891309304 t-animate"
              data-elem-id="1704891309304"
              data-elem-type="text"
              data-field-top-value="189"
              data-field-left-value="220"
              data-field-height-value="70"
              data-field-width-value="760"
              data-field-axisy-value="top"
              data-field-axisx-value="left"
              data-field-container-value="grid"
              data-field-topunits-value="px"
              data-field-leftunits-value="px"
              data-field-heightunits-value="px"
              data-field-widthunits-value="px"
              data-animate-style="fadeinleft"
              data-animate-duration="3"
              data-animate-distance="25"
              data-animate-mobile="y"
              data-field-textfit-value="autoheight"
              data-field-fontsize-value="45"
              data-field-top-res-320-value="93"
              data-field-left-res-320-value="10"
              data-field-fontsize-res-320-value="30"
              data-field-left-res-480-value="91"
              data-field-top-res-640-value="90"
              data-field-left-res-640-value="173"
              data-field-width-res-640-value="300"
              data-field-fontsize-res-640-value="35"
              data-field-left-res-960-value="99"
            >
              <h2 class="tn-atom" field="tn_text_1704891309304">
                Обратный отсчет
              </h2>
            </div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("690133432");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("690133432");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <div
        id="rec690133433"
        class="r t-rec t-rec_pt_0 t-rec_pb_0"
        style="padding-top: 0px; padding-bottom: 0px"
        data-animationappear="off"
        data-record-type="415"
      >
        <!-- t415 -->
        <div
          class="t-cover"
          id="recorddiv690133433"
          bgimgfield="img"
          style="
            height: 150px;
            background-image: url(&quot;https://thb.tildacdn.com/tild3639-3962-4239-b662-366166313439/-/resize/20x/--1.jpg&quot;);
          "
        >
          <div
            class="t-cover__carrier"
            id="coverCarry690133433"
            data-content-cover-id="690133433"
            data-content-cover-bg="https://static.tildacdn.com/tild3639-3962-4239-b662-366166313439/--1.jpg"
            data-display-changed="true"
            data-content-cover-height="150px"
            data-content-cover-parallax=""
            data-content-use-image-for-mobile-cover=""
            style="
              height: 150px;
              background-attachment: scroll;
              background-position: left center;
            "
            itemscope
            itemtype="http://schema.org/ImageObject"
          >
            <meta
              itemprop="image"
              content="https://static.tildacdn.com/tild3639-3962-4239-b662-366166313439/--1.jpg"
            />
          </div>
          <div
            class="t-cover__filter"
            style="
              height: 150px;
              background-image: linear-gradient(
                to bottom,
                rgba(244, 243, 241, 1),
                rgba(244, 243, 241, 1)
              );
            "
          ></div>
          <div class="t415">
            <div class="t-container">
              <div class="t-width t-width_12 t415__mainblock">
                <div
                  class="t-cover__wrapper t-valign_bottom"
                  style="height: 150px"
                >
                  <div class="t415__content" data-hook-content="covercontent">
                    <div
                      id="t415__timer690133433"
                      class="t415__timer t-animate"
                      data-animate-style="fadein"
                      data-animate-group="yes"
                      data-animate-order="5"
                      data-animate-delay="0.3"
                    >
                      <div class="t415__col">
                        <span
                          class="t415__days t-title t-title_lg t415__number"
                          style="color: #000000"
                        >
                        </span>
                        <div
                          class="t415__text t-descr t-descr_xxs"
                          style="color: #000000"
                        >
                          Дней
                        </div>
                      </div>
                      <div class="t415__col">
                        <span
                          class="t415__hours t-title t-title_lg t415__number"
                          style="color: #000000"
                        >
                        </span>
                        <div
                          class="t415__text t-descr t-descr_xxs"
                          style="color: #000000"
                        >
                          Часов
                        </div>
                      </div>
                      <div class="t415__col">
                        <span
                          class="t415__minutes t-title t-title_lg t415__number"
                          style="color: #000000"
                        >
                        </span>
                        <div
                          class="t415__text t-descr t-descr_xxs"
                          style="color: #000000"
                        >
                          Минут
                        </div>
                      </div>
                      <div class="t415__col">
                        <span
                          class="t415__seconds t-title t-title_lg t415__number"
                          style="color: #000000"
                        >
                        </span>
                        <div
                          class="t415__text t-descr t-descr_xxs"
                          style="color: #000000"
                        >
                          Секунд
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <script type="text/javascript">
          t_onReady(function () {
            function getTimeRemaining(endtime) {
              var time = Date.parse(endtime) - Date.parse(new Date());
              if (time < 0) {
                var seconds = 0;
                var minutes = 0;
                var hours = 0;
                var days = 0;
              } else {
                var seconds = Math.floor((time / 1000) % 60);
                var minutes = Math.floor((time / 1000 / 60) % 60);
                var hours = Math.floor((time / (1000 * 60 * 60)) % 24);
                var days = Math.floor(time / (1000 * 60 * 60 * 24));
              }
              return {
                total: time,
                days: days,
                hours: hours,
                minutes: minutes,
                seconds: seconds,
              };
            }
            function handleOverflowMonth(date) {
              var splittedDate = date.split("-");
              var year = parseInt(splittedDate[0], 10);
              var month = parseInt(splittedDate[1], 10);
              var day = parseInt(splittedDate[2], 10);
              var countDays = new Date(year, month, 0).getDate();
              if (day > countDays) {
                var difference = Math.abs(countDays - day);
                day = difference;
                month += 1;
                if (month > 12) {
                  year += 1;
                  month = 1;
                }
                return (
                  year +
                  "-" +
                  ("0" + month).slice(-2) +
                  "-" +
                  ("0" + day).slice(-2)
                );
              }
              return date;
            }
            function initializeClock(id, endtime) {
              var clock = document.getElementById(id);
              if (!clock) return;
              var daysSpan = clock.querySelector(".t415__days");
              var hoursSpan = clock.querySelector(".t415__hours");
              var minutesSpan = clock.querySelector(".t415__minutes");
              var secondsSpan = clock.querySelector(".t415__seconds");
              function updateClock() {
                var time = getTimeRemaining(endtime);
                if (time.days >= 100) {
                  daysSpan.innerHTML = time.days;
                } else {
                  daysSpan.innerHTML = ("0" + time.days).slice(-2);
                }
                hoursSpan.innerHTML = ("0" + time.hours).slice(-2);
                minutesSpan.innerHTML = ("0" + time.minutes).slice(-2);
                secondsSpan.innerHTML = ("0" + time.seconds).slice(-2);
                if (time.total <= 0) {
                  clearInterval(timeInterval);
                }
              }
              updateClock();
              var timeInterval = setInterval(updateClock, 1000);
            }
            var deadlineDate = "2026-08-22".trim();
            var deadlineTime = "00:00".trim();
            var deadlineUtc = "+03:00".trim();
            if (
              deadlineUtc.charAt(0) !== "-" &&
              deadlineUtc.charAt(0) !== "+"
            ) {
              deadlineUtc = "+" + deadlineUtc;
            }
            deadlineDate = handleOverflowMonth(deadlineDate);
            var deadline = new Date(
              deadlineDate + "T" + ("0" + deadlineTime).slice(-5) + deadlineUtc,
            );
            initializeClock("t415__timer690133433", deadline);
          });
        </script>
        <style>
          #rec690133433 .t415__descr-second,
          #rec690133433 .t415__hint {
            color: #000000;
          }
        </style>
        <style>
          #rec690133433 .t415__uptitle {
            font-family: "Montserrat";
            text-transform: uppercase;
          }
          #rec690133433 .t415__title {
            font-family: "Montserrat";
            text-transform: uppercase;
          }
          #rec690133433 .t415__descr {
            font-family: "Montserrat";
            text-transform: uppercase;
          }
          #rec690133433 .t415__descr-second {
            font-family: "Montserrat";
            text-transform: uppercase;
          }
          #rec690133433 .t415__hint {
            font-family: "Montserrat";
            text-transform: uppercase;
          }
        </style>
      </div>
      <div id="rec690133434" class="r t-rec" style="" data-record-type="396">
        <!-- T396 -->
        <style>
          #rec690133434 .t396__artboard {
            height: 200px;
            background-color: #f4f3f1;
            overflow: visible;
          }
          #rec690133434 .t396__filter {
            height: 200px;
          }
          #rec690133434 .t396__carrier {
            height: 200px;
            background-position: center center;
            background-attachment: scroll;
            background-size: cover;
            background-repeat: no-repeat;
          }
          @media screen and (max-width: 1199px) {
            #rec690133434 .t396__artboard,
            #rec690133434 .t396__filter,
            #rec690133434 .t396__carrier {
              height: 150px;
            }
            #rec690133434 .t396__filter {
            }
            #rec690133434 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 959px) {
            #rec690133434 .t396__artboard,
            #rec690133434 .t396__filter,
            #rec690133434 .t396__carrier {
              height: 100px;
            }
            #rec690133434 .t396__filter {
            }
            #rec690133434 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 639px) {
            #rec690133434 .t396__artboard,
            #rec690133434 .t396__filter,
            #rec690133434 .t396__carrier {
              height: 100px;
            }
            #rec690133434 .t396__filter {
            }
            #rec690133434 .t396__carrier {
              background-attachment: scroll;
            }
          }
          @media screen and (max-width: 479px) {
            #rec690133434 .t396__artboard,
            #rec690133434 .t396__filter,
            #rec690133434 .t396__carrier {
              height: 100px;
            }
            #rec690133434 .t396__filter {
            }
            #rec690133434 .t396__carrier {
              background-attachment: scroll;
            }
          }
        </style>
        <div class="t396">
          <div
            class="t396__artboard"
            data-artboard-recid="690133434"
            data-artboard-screens="320,480,640,960,1200"
            data-artboard-height="200"
            data-artboard-valign="center"
            data-artboard-upscale="grid"
            data-artboard-ovrflw="visible"
            data-artboard-height-res-320="100"
            data-artboard-upscale-res-320="window"
            data-artboard-height-res-480="100"
            data-artboard-height-res-640="100"
            data-artboard-height-res-960="150"
          >
            <div class="t396__carrier" data-artboard-recid="690133434"></div>
            <div class="t396__filter" data-artboard-recid="690133434"></div>
          </div>
        </div>
        <script>
          t_onFuncLoad("t396_initialScale", function () {
            t396_initialScale("690133434");
          });
          t_onReady(function () {
            t_onFuncLoad("t396_init", function () {
              t396_init("690133434");
            });
          });
        </script>
        <!-- /T396 -->
      </div>
      <!-- forms, cart, etc. as before -->
      <div
        id="rec690146864"
        class="r t-rec t-rec_pt_0"
        style="padding-top: 0px; background-color: #f4f3f1"
        data-animationappear="off"
        data-record-type="702"
        data-bg-color="#f4f3f1"
      >
        <!-- T702 -->
        <div class="t702">
          <div
            class="t-popup"
            data-tooltip-hook="#popup:pridy"
            role="dialog"
            aria-modal="true"
            tabindex="-1"
            aria-label="Анкета гостя"
          >
            <div class="t-popup__close t-popup__block-close">
              <button
                type="button"
                class="t-popup__close-wrapper t-popup__block-close-button"
                aria-label="Закрыть диалоговое окно"
              >
                <svg
                  role="presentation"
                  class="t-popup__close-icon"
                  width="23px"
                  height="23px"
                  viewBox="0 0 23 23"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <g
                    stroke="none"
                    stroke-width="1"
                    fill="#fff"
                    fill-rule="evenodd"
                  >
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                  </g>
                </svg>
              </button>
            </div>
            <style>
              @media screen and (max-width: 560px) {
                #rec690146864 .t-popup__close-icon g {
                  fill: #ffffff !important;
                }
              }
            </style>
            <div
              class="t-popup__container t-width t-width_6"
              data-popup-type="702"
            >
              <!-- <img
                class="t702__img t-img"
                src="https://thb.tildacdn.com/tild6234-3866-4735-b933-313966346233/-/empty/10.jpg"
                data-original="https://static.tildacdn.com/tild6234-3866-4735-b933-313966346233/10.jpg"
                imgfield="img"
                alt=""
              /> -->
              <div class="t702__wrapper">
                <div class="t702__text-wrapper t-align_center">
                  <div
                    class="t702__title t-title t-title_xxs"
                    id="popuptitle_690146864"
                  >
                    Анкета гостя
                  </div>
                  <div class="t702__descr t-descr t-descr_xs">
                    Мы хотим, чтобы свадьба прошла идеально не только для нас,
                    но и для вас. Пожалуйста, заполните небольшой опросник по
                    банкетному меню.
                  </div>
                </div>
                <form
                  id="form690146864"
                  name="form690146864"
                  role="form"
                  action="https://formspree.io/f/xvzvyqgv"
                  method="POST"
                  data-inputbox=".t-input-group"
                  class="t-form t-form_inputs-total_3"
                >
                <input
                  type="hidden"
                  name="_subject"
                  value="💍 Свадьба И&Ю — Подтверждение: Я приду"
                />
                <input
                  type="hidden"
                  name="_template"
                  value="table"
                />
                <input
                  type="hidden"
                  name="_language"
                  value="ru"
                />
                  <!-- @classes t-title t-text t-btn -->
                  <div
                    class="js-successbox t-form__successbox t-text t-text_md"
                    aria-live="polite"
                    style="display: none"
                    data-success-message="Спасибо!"
                  ></div>
                  <div
                    class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"
                  >
                    <div
                      class="t-input-group t-input-group_rd"
                      data-input-lid="1689684639829"
                      role="radiogroup"
                      aria-labelledby="field-title_1689684639829"
                      data-field-radcb="rb"
                      data-field-async="true"
                      data-field-type="rd"
                      data-field-name="food"
                      data-default-value="1"
                    >
                      <div
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1689684639829"
                        data-redactor-toolbar="no"
                        field="li_title__1689684639829"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                      >
                        Какое предпочитаете блюдо?
                      </div>
                      <div class="t-input-block" style="border-radius: 5px">
                        <div class="t-radio__wrapper">
                          <label
                            class="t-radio__item t-radio__control t-text t-text_xs"
                            style=""
                          >
                            <input
                              type="radio"
                              name="food"
                              value="Блюдо с мясом"
                              checked="checked"
                              class="t-radio js-tilda-rule"
                              data-tilda-req="1"
                              aria-required="true"
                            />
                            <div class="t-radio__indicator"></div>
                            <span>Блюдо с мясом</span>
                          </label>
                          <label
                            class="t-radio__item t-radio__control t-text t-text_xs"
                            style=""
                          >
                            <input
                              type="radio"
                              name="food"
                              value="Блюдо с рыбой"
                              class="t-radio js-tilda-rule"
                              data-tilda-req="1"
                              aria-required="true"
                            />
                            <div class="t-radio__indicator"></div>
                            <span>Блюдо с рыбой</span>
                          </label>
                          <label
                            class="t-radio__item t-radio__control t-text t-text_xs"
                            style=""
                          >
                            <input
                              type="radio"
                              name="food"
                              value="Вегетарианское блюдо"
                              class="t-radio js-tilda-rule"
                              data-tilda-req="1"
                              aria-required="true"
                            />
                            <div class="t-radio__indicator"></div>
                            <span>Вегетарианское блюдо</span>
                          </label>
                          <script>
                            t_onReady(function () {
                              t_onFuncLoad("t_loadJsFile", function () {
                                t_loadJsFile(
                                  "https://static.tildacdn.com/js/tilda-variant-select-1.0.min.js",
                                  function () {
                                    t_onFuncLoad(
                                      "t_input_radiobuttons_init",
                                      function () {
                                        try {
                                          t_input_radiobuttons_init(
                                            "690146864",
                                            "1689684639829",
                                          );
                                        } catch (e) {
                                          console.log(e);
                                        }
                                      },
                                    );
                                  },
                                );
                              });
                            });
                          </script>
                          <style>
                            #rec690146864 .t-radio__indicator:after {
                              background:;
                            }
                          </style>
                        </div>
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1689684639829"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_rd"
                      data-input-lid="1689684682440"
                      role="group"
                      aria-labelledby="field-title_1689684682440"
                      data-field-radcb="cb"
                      data-field-async="true"
                      data-field-type="rd"
                      data-field-name="alcohol"
                      data-default-value="1"
                    >
                      <div
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1689684682440"
                        data-redactor-toolbar="no"
                        field="li_title__1689684682440"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                      >
                        Какой предпочитаете алкоголь?
                      </div>
                      <div
                        class="t-input-subtitle t-descr t-descr_xxs t-opacity_70"
                        data-redactor-toolbar="no"
                        field="li_subtitle__1689684682440"
                        style="color:"
                      >
                        Выберите один или несколько напитков:
                      </div>
                      <div class="t-input-block" style="border-radius: 5px">
                        <input
                          type="hidden"
                          class="t-checkboxes__hiddeninput js-tilda-rule"
                          name="alcohol"
                          tabindex="-1"
                          value=""
                          data-tilda-req="1"
                          aria-required="true"
                        />
                        <ul class="t-checkboxes__wrapper">
                          <li class="t-checkboxes__item">
                            <label
                              class="t-checkbox__control t-text t-text_xs"
                              style=""
                            >
                              <input
                                type="checkbox"
                                value="Вино белое"
                                class="t-checkbox"
                                checked="checked"
                                data-tilda-req="1"
                                aria-required="true"
                              />
                              <div class="t-checkbox__indicator"></div>
                              <span>Вино белое</span>
                            </label>
                          </li>
                          <li class="t-checkboxes__item">
                            <label
                              class="t-checkbox__control t-text t-text_xs"
                              style=""
                            >
                              <input
                                type="checkbox"
                                value="Вино красное"
                                class="t-checkbox"
                                data-tilda-req="1"
                                aria-required="true"
                              />
                              <div class="t-checkbox__indicator"></div>
                              <span>Вино красное</span>
                            </label>
                          </li>
                          <li class="t-checkboxes__item">
                            <label
                              class="t-checkbox__control t-text t-text_xs"
                              style=""
                            >
                              <input
                                type="checkbox"
                                value="Вино игристое"
                                class="t-checkbox"
                                data-tilda-req="1"
                                aria-required="true"
                              />
                              <div class="t-checkbox__indicator"></div>
                              <span>Вино игристое</span>
                            </label>
                          </li>
                          <li class="t-checkboxes__item">
                            <label
                              class="t-checkbox__control t-text t-text_xs"
                              style=""
                            >
                              <input
                                type="checkbox"
                                value="Алкоголь пить не буду"
                                class="t-checkbox"
                                data-tilda-req="1"
                                aria-required="true"
                              />
                              <div class="t-checkbox__indicator"></div>
                              <span>Алкоголь пить не буду</span>
                            </label>
                          </li>
                        </ul>
                        <script>
                          t_onReady(function () {
                            t_onFuncLoad("t_loadJsFile", function () {
                              t_loadJsFile(
                                "https://static.tildacdn.com/js/tilda-variant-select-1.0.min.js",
                                function () {
                                  t_onFuncLoad(
                                    "t_input_checkboxes_init",
                                    function () {
                                      t_input_checkboxes_init(
                                        "690146864",
                                        "1689684682440",
                                      );
                                    },
                                  );
                                },
                              );
                            });
                          });
                        </script>
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1689684682440"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_in"
                      data-input-lid="1495810410810"
                      data-field-type="in"
                      data-field-name="name"
                    >
                      <label
                        for="input_1495810410810"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1495810410810"
                        data-redactor-toolbar="no"
                        field="li_title__1495810410810"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Ваше имя и фамилия</label
                      >
                      <div class="t-input-block" style="border-radius: 5px">
                        <input
                          type="text"
                          name="name"
                          id="input_1495810410810"
                          class="t-input js-tilda-rule"
                          value=""
                          placeholder="Иван Смирнов"
                          data-tilda-req="1"
                          aria-required="true"
                          aria-describedby="error_1495810410810"
                          style="
                            color: #272727;
                            border: 1px solid #c9c9c9;
                            border-radius: 5px;
                            font-family: &quot;Montserrat&quot;;
                            font-weight: 300;
                          "
                        />
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1495810410810"
                      ></div>
                    </div>
                    <div class="t-form__errorbox-middle">
                      <!--noindex-->
                      <div
                        class="js-errorbox-all t-form__errorbox-wrapper"
                        style="display: none"
                        data-nosnippet
                        tabindex="-1"
                        aria-label="Ошибки при заполнении формы"
                      >
                        <ul
                          role="list"
                          class="t-form__errorbox-text t-text t-text_md"
                        >
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-all"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-req"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-email"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-name"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-string"
                          ></li>
                        </ul>
                      </div>
                      <!--/noindex-->
                    </div>
                    <div class="t-form__submit">
                      <button
                        class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
                        type="submit"
                      >
                        <span class="t-btnflex__text">Отправить</span>
                        <style>
                          #rec690146864 .t-btnflex.t-btnflex_type_submit {
                            color: #000000;
                            background-color: #ffffff;
                            border-style: solid !important;
                            border-color: #000000 !important;
                            --border-width: 1px;
                            border-radius: 30px;
                            box-shadow: none !important;
                            font-family: Montserrat;
                            font-weight: 300;
                            transition-duration: 0.2s;
                            transition-property:
                              background-color, color, border-color, box-shadow,
                              opacity, transform, gap;
                            transition-timing-function: ease-in-out;
                          }
                        </style>
                      </button>
                    </div>
                  </div>
                  <div class="t-form__errorbox-bottom">
                    <!--noindex-->
                    <div
                      class="js-errorbox-all t-form__errorbox-wrapper"
                      style="display: none"
                      data-nosnippet
                      tabindex="-1"
                      aria-label="Ошибки при заполнении формы"
                    >
                      <ul
                        role="list"
                        class="t-form__errorbox-text t-text t-text_md"
                      >
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-all"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-req"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-email"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-name"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-string"
                        ></li>
                      </ul>
                    </div>
                    <!--/noindex-->
                  </div>
                </form>
                <style>
                  #rec690146864 input::-webkit-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 input::-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 input:-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 input:-ms-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 textarea::-webkit-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 textarea::-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 textarea:-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146864 textarea:-ms-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                </style>
              </div>
            </div>
          </div>
        </div>
        <script>
          t_onReady(function () {
            t_onFuncLoad("t702_initPopup", function () {
              t702_initPopup("690146864");
            });
          });
        </script>
        <style>
          #rec690146864 .t702__title {
            color: #272727;
            font-family: "CormorantGaramond";
            font-weight: 500;
          }
          @media screen and (min-width: 480px) {
            #rec690146864 .t702__title {
              font-size: 30px;
            }
          }
          #rec690146864 .t702__descr {
            font-size: 16px;
            font-family: "Montserrat";
            font-weight: 300;
          }
        </style>
      </div>
      <div
        id="rec690146865"
        class="r t-rec t-rec_pt_0"
        style="padding-top: 0px; background-color: #f4f3f1"
        data-animationappear="off"
        data-record-type="702"
        data-bg-color="#f4f3f1"
      >
        <!-- T702 -->
        <div class="t702">
          <div
            class="t-popup"
            data-tooltip-hook="#popup:pridy/c/family"
            role="dialog"
            aria-modal="true"
            tabindex="-1"
            aria-label="Анкета гостя"
          >
            <div class="t-popup__close t-popup__block-close">
              <button
                type="button"
                class="t-popup__close-wrapper t-popup__block-close-button"
                aria-label="Закрыть диалоговое окно"
              >
                <svg
                  role="presentation"
                  class="t-popup__close-icon"
                  width="23px"
                  height="23px"
                  viewBox="0 0 23 23"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <g
                    stroke="none"
                    stroke-width="1"
                    fill="#fff"
                    fill-rule="evenodd"
                  >
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                  </g>
                </svg>
              </button>
            </div>
            <style>
              @media screen and (max-width: 560px) {
                #rec690146865 .t-popup__close-icon g {
                  fill: #ffffff !important;
                }
              }
            </style>
            <div
              class="t-popup__container t-width t-width_6"
              data-popup-type="702"
            >
              <!-- <img
                class="t702__img t-img"
                src="https://thb.tildacdn.com/tild3566-6632-4165-a236-303333643332/-/empty/10.jpg"
                data-original="https://static.tildacdn.com/tild3566-6632-4165-a236-303333643332/10.jpg"
                imgfield="img"
                alt=""
              /> -->
              <div class="t702__wrapper">
                <div class="t702__text-wrapper t-align_center">
                  <div
                    class="t702__title t-title t-title_xxs"
                    id="popuptitle_690146865"
                  >
                    Анкета гостя
                  </div>
                  <div class="t702__descr t-descr t-descr_xs">
                    Мы хотим, чтобы свадьба прошла идеально не только для нас,
                    но и для вас. Пожалуйста, заполните небольшой опросник по
                    банкетному меню.
                  </div>
                </div>
              <form
                id="form690146865"
                name="form690146865"
                role="form"
                action="https://formspree.io/f/xvzvyqgv"
                method="POST"
                data-inputbox=".t-input-group"
                class="t-form t-form_inputs-total_3"
              >
                <input
                  type="hidden"
                  name="_subject"
                  value="💍 Свадьба И&Ю — Подтверждение: Буду с парой или с семьей"
                />
                <input
                  type="hidden"
                  name="_template"
                  value="table"
                />
                <input
                  type="hidden"
                  name="_language"
                  value="ru"
                />
                  <!-- @classes t-title t-text t-btn -->
                  <div
                    class="js-successbox t-form__successbox t-text t-text_md"
                    aria-live="polite"
                    style="display: none"
                    data-success-message="Спасибо!"
                  ></div>
                  <div
                    class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"
                  >
                    <div
                      class="t-input-group t-input-group_ta"
                      data-input-lid="1495810410810"
                      data-field-type="ta"
                      data-field-name="food"
                    >
                      <label
                        for="input_1495810410810"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1495810410810"
                        data-redactor-toolbar="no"
                        field="li_title__1495810410810"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Какое предпочитаете блюдо?</label
                      >
                      <div
                        class="t-input-subtitle t-descr t-descr_xxs t-opacity_70"
                        data-redactor-toolbar="no"
                        field="li_subtitle__1495810410810"
                        style="color:"
                      >
                        На выбор есть: блюдо с мясом, блюдо с рыбой,
                        вегетарианское блюдо
                      </div>
                      <div class="t-input-block" style="border-radius: 5px">
                        <textarea
                          name="food"
                          id="input_1495810410810"
                          class="t-input js-tilda-rule"
                          placeholder="Иван - блюдо с мясом; Вероника - блюдо с рыбой"
                          data-tilda-req="1"
                          aria-required="true"
                          aria-describedby="error_1495810410810"
                          style="
                            color: #272727;
                            border: 1px solid #c9c9c9;
                            border-radius: 5px;
                            font-family: &quot;Montserrat&quot;;
                            font-weight: 300;
                            height: 102px;
                          "
                          rows="3"
                        >
                        </textarea>
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1495810410810"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_ta"
                      data-input-lid="1689684827187"
                      data-field-type="ta"
                      data-field-name="alcohol"
                    >
                      <label
                        for="input_1689684827187"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1689684827187"
                        data-redactor-toolbar="no"
                        field="li_title__1689684827187"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Какой предпочитаете алкоголь?</label
                      >
                      <div
                        class="t-input-subtitle t-descr t-descr_xxs t-opacity_70"
                        data-redactor-toolbar="no"
                        field="li_subtitle__1689684827187"
                        style="color:"
                      >
                        На выбор есть: вино белое, вино красное, вино игристое
                      </div>
                      <div class="t-input-block" style="border-radius: 5px">
                        <textarea
                          name="alcohol"
                          id="input_1689684827187"
                          class="t-input js-tilda-rule"
                          placeholder="Иван - вино белое; Вероника - вино красное, вино игристое"
                          data-tilda-req="1"
                          aria-required="true"
                          aria-describedby="error_1689684827187"
                          style="
                            color: #272727;
                            border: 1px solid #c9c9c9;
                            border-radius: 5px;
                            font-family: &quot;Montserrat&quot;;
                            font-weight: 300;
                            height: 102px;
                          "
                          rows="3"
                        >
                        </textarea>
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1689684827187"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_in"
                      data-input-lid="1689684874862"
                      data-field-type="in"
                      data-field-name="name"
                    >
                      <label
                        for="input_1689684874862"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1689684874862"
                        data-redactor-toolbar="no"
                        field="li_title__1689684874862"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Ваши имена и фамилии</label
                      >
                      <div class="t-input-block" style="border-radius: 5px">
                        <input
                          type="text"
                          name="name"
                          id="input_1689684874862"
                          class="t-input js-tilda-rule"
                          value=""
                          placeholder="Иван и Вероника Смирновы"
                          data-tilda-req="1"
                          aria-required="true"
                          aria-describedby="error_1689684874862"
                          style="
                            color: #272727;
                            border: 1px solid #c9c9c9;
                            border-radius: 5px;
                            font-family: &quot;Montserrat&quot;;
                            font-weight: 300;
                          "
                        />
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1689684874862"
                      ></div>
                    </div>
                    <div class="t-form__errorbox-middle">
                      <!--noindex-->
                      <div
                        class="js-errorbox-all t-form__errorbox-wrapper"
                        style="display: none"
                        data-nosnippet
                        tabindex="-1"
                        aria-label="Ошибки при заполнении формы"
                      >
                        <ul
                          role="list"
                          class="t-form__errorbox-text t-text t-text_md"
                        >
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-all"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-req"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-email"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-name"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-string"
                          ></li>
                        </ul>
                      </div>
                      <!--/noindex-->
                    </div>
                    <div class="t-form__submit">
                      <button
                        class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
                        type="submit"
                      >
                        <span class="t-btnflex__text">Отправить</span>
                        <style>
                          #rec690146865 .t-btnflex.t-btnflex_type_submit {
                            color: #000000;
                            background-color: #ffffff;
                            border-style: solid !important;
                            border-color: #000000 !important;
                            --border-width: 1px;
                            border-radius: 30px;
                            box-shadow: none !important;
                            font-family: Montserrat;
                            font-weight: 300;
                            transition-duration: 0.2s;
                            transition-property:
                              background-color, color, border-color, box-shadow,
                              opacity, transform, gap;
                            transition-timing-function: ease-in-out;
                          }
                        </style>
                      </button>
                    </div>
                  </div>
                  <div class="t-form__errorbox-bottom">
                    <!--noindex-->
                    <div
                      class="js-errorbox-all t-form__errorbox-wrapper"
                      style="display: none"
                      data-nosnippet
                      tabindex="-1"
                      aria-label="Ошибки при заполнении формы"
                    >
                      <ul
                        role="list"
                        class="t-form__errorbox-text t-text t-text_md"
                      >
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-all"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-req"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-email"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-name"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-string"
                        ></li>
                      </ul>
                    </div>
                    <!--/noindex-->
                  </div>
                </form>
                <style>
                  #rec690146865 input::-webkit-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 input::-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 input:-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 input:-ms-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 textarea::-webkit-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 textarea::-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 textarea:-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146865 textarea:-ms-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                </style>
              </div>
            </div>
          </div>
        </div>
        <script>
          t_onReady(function () {
            t_onFuncLoad("t702_initPopup", function () {
              t702_initPopup("690146865");
            });
          });
        </script>
        <style>
          #rec690146865 .t702__title {
            color: #272727;
            font-family: "CormorantGaramond";
            font-weight: 500;
          }
          @media screen and (min-width: 480px) {
            #rec690146865 .t702__title {
              font-size: 30px;
            }
          }
          #rec690146865 .t702__descr {
            font-size: 16px;
            font-family: "Montserrat";
            font-weight: 300;
          }
        </style>
      </div>
      <div
        id="rec690146866"
        class="r t-rec t-rec_pt_0"
        style="padding-top: 0px; background-color: #f4f3f1"
        data-animationappear="off"
        data-record-type="702"
        data-bg-color="#f4f3f1"
      >
        <!-- T702 -->
        <div class="t702">
          <div
            class="t-popup"
            data-tooltip-hook="#popup:nepridy"
            role="dialog"
            aria-modal="true"
            tabindex="-1"
          >
            <div class="t-popup__close t-popup__block-close">
              <button
                type="button"
                class="t-popup__close-wrapper t-popup__block-close-button"
                aria-label="Закрыть диалоговое окно"
              >
                <svg
                  role="presentation"
                  class="t-popup__close-icon"
                  width="23px"
                  height="23px"
                  viewBox="0 0 23 23"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <g
                    stroke="none"
                    stroke-width="1"
                    fill="#fff"
                    fill-rule="evenodd"
                  >
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                  </g>
                </svg>
              </button>
            </div>
            <style>
              @media screen and (max-width: 560px) {
                #rec690146866 .t-popup__close-icon g {
                  fill: #ffffff !important;
                }
              }
            </style>
            <div
              class="t-popup__container t-width t-width_6"
              data-popup-type="702"
            >
              <!-- <img
                class="t702__img t-img"
                src="https://thb.tildacdn.com/tild6437-3534-4537-b662-646634346630/-/empty/10.jpg"
                data-original="https://static.tildacdn.com/tild6437-3534-4537-b662-646634346630/10.jpg"
                imgfield="img"
                alt=""
              /> -->
              <div class="t702__wrapper">
                <div class="t702__text-wrapper t-align_center">
                  <div class="t702__descr t-descr t-descr_xs">
                    Заполните, пожалуйста, форму, чтобы мы знали, что у вас не
                    получится прийти.
                  </div>
                </div>
                <form
                  id="form690146866"
                  name="form690146866"
                  role="form"
                  action="https://formspree.io/f/xvzvyqgv"
                  method="POST"
                  data-inputbox=".t-input-group"
                  class="t-form t-form_inputs-total_1"
                >
                  <input
                  type="hidden"
                  name="_subject"
                  value="💍 Свадьба И&Ю — Подтверждение: Не смогу прийти"
                  />
                  <input
                  type="hidden"
                  name="_template"
                  value="table"
                  />
                  <input
                  type="hidden"
                  name="_language"
                  value="ru"
                  />
                  <!-- @classes t-title t-text t-btn -->
                  <div
                    class="js-successbox t-form__successbox t-text t-text_md"
                    aria-live="polite"
                    style="display: none"
                    data-success-message="Спасибо!"
                  ></div>
                  <div
                    class="t-form__inputsbox t-form__inputsbox_vertical-form t-form__inputsbox_inrow"
                  >
                    <div
                      class="t-input-group t-input-group_in"
                      data-input-lid="1495810410810"
                      data-field-type="in"
                      data-field-name="name"
                    >
                      <label
                        for="input_1495810410810"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1495810410810"
                        data-redactor-toolbar="no"
                        field="li_title__1495810410810"
                        style="
                          color:;
                          font-weight: 300;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Ваши имя/имена и фамилия</label
                      >
                      <div class="t-input-block" style="border-radius: 5px">
                        <input
                          type="text"
                          name="name"
                          id="input_1495810410810"
                          class="t-input js-tilda-rule"
                          value=""
                          placeholder="Иван и Вероника Смирновы"
                          data-tilda-req="1"
                          aria-required="true"
                          aria-describedby="error_1495810410810"
                          style="
                            color: #272727;
                            border: 1px solid #c9c9c9;
                            border-radius: 5px;
                            font-family: &quot;Montserrat&quot;;
                            font-weight: 300;
                          "
                        />
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1495810410810"
                      ></div>
                    </div>
                    <div class="t-form__errorbox-middle">
                      <!--noindex-->
                      <div
                        class="js-errorbox-all t-form__errorbox-wrapper"
                        style="display: none"
                        data-nosnippet
                        tabindex="-1"
                        aria-label="Ошибки при заполнении формы"
                      >
                        <ul
                          role="list"
                          class="t-form__errorbox-text t-text t-text_md"
                        >
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-all"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-req"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-email"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-name"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-string"
                          ></li>
                        </ul>
                      </div>
                      <!--/noindex-->
                    </div>
                    <div class="t-form__submit">
                      <button
                        class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
                        type="submit"
                      >
                        <span class="t-btnflex__text">Отправить</span>
                        <style>
                          #rec690146866 .t-btnflex.t-btnflex_type_submit {
                            color: #000000;
                            background-color: #ffffff;
                            border-style: solid !important;
                            border-color: #000000 !important;
                            --border-width: 1px;
                            border-radius: 30px;
                            box-shadow: none !important;
                            font-family: Montserrat;
                            font-weight: 300;
                            transition-duration: 0.2s;
                            transition-property:
                              background-color, color, border-color, box-shadow,
                              opacity, transform, gap;
                            transition-timing-function: ease-in-out;
                          }
                        </style>
                      </button>
                    </div>
                  </div>
                  <div class="t-form__errorbox-bottom">
                    <!--noindex-->
                    <div
                      class="js-errorbox-all t-form__errorbox-wrapper"
                      style="display: none"
                      data-nosnippet
                      tabindex="-1"
                      aria-label="Ошибки при заполнении формы"
                    >
                      <ul
                        role="list"
                        class="t-form__errorbox-text t-text t-text_md"
                      >
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-all"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-req"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-email"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-name"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-string"
                        ></li>
                      </ul>
                    </div>
                    <!--/noindex-->
                  </div>
                </form>
                <style>
                  #rec690146866 input::-webkit-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 input::-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 input:-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 input:-ms-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 textarea::-webkit-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 textarea::-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 textarea:-moz-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                  #rec690146866 textarea:-ms-input-placeholder {
                    color: #272727;
                    opacity: 0.5;
                  }
                </style>
              </div>
            </div>
          </div>
        </div>
        <script>
          t_onReady(function () {
            t_onFuncLoad("t702_initPopup", function () {
              t702_initPopup("690146866");
            });
          });
        </script>
        <style>
          #rec690146866 .t702__title {
            color: #272727;
            font-family: "CormorantGaramond";
            font-weight: 500;
          }
          @media screen and (min-width: 480px) {
            #rec690146866 .t702__title {
              font-size: 30px;
            }
          }
          #rec690146866 .t702__descr {
            font-size: 16px;
            font-family: "Montserrat";
            font-weight: 300;
          }
        </style>
      </div>
      <div
        id="rec690146867"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="131"
      >
        <!-- T123 -->
        <div class="t123">
          <div class="t-container_100">
            <div class="t-width t-width_100">
              <!-- nominify begin -->
              <!-- https://romanyu.ru/plashka-i-krestik-v-popup -->
              <style>
                @media screen and (max-width: 560px) {
                  .t-popup__close {
                    background: #f4f3f1 !important;
                  }
                  .t-popup__close-icon rect {
                    fill: #cdc8c4 !important;
                  }
                  .t-popup__close-icon {
                    width: 16px !important;
                  }
                }
              </style>
              <!-- nominify end -->
            </div>
          </div>
        </div>
      </div>
      <div id="rec690146869" class="r t-rec" style="" data-record-type="270">
        <div class="t270"></div>
        <script>
          t_onReady(function () {
            var hash = window.location.hash;
            t_onFuncLoad("t270_scroll", function () {
              t270_scroll(hash, -3);
            });
            setTimeout(function () {
              var curPath = window.location.pathname;
              var curFullPath = window.location.origin + curPath;
              var recs = document.querySelectorAll(".r");
              Array.prototype.forEach.call(recs, function (rec) {
                var selects =
                  'a[href^="#"]:not([href="#"]):not(.carousel-control):not(.t-carousel__control):not([href^="#price"]):not([href^="#submenu"]):not([href^="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([href^="#prodpopup"]):not([href^="#order"]):not([href^="#!"]):not([target="_blank"]),' +
                  'a[href^="' +
                  curPath +
                  '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"]),' +
                  'a[href^="' +
                  curFullPath +
                  '#"]:not([href*="#!/tfeeds/"]):not([href*="#!/tproduct/"]):not([href*="#!/tab/"]):not([href*="#popup"]):not([href*="#zeropopup"]):not([href*="#closepopup"]):not([href*="#closeallpopup"]):not([target="_blank"])';
                var elements = rec.querySelectorAll(selects);
                Array.prototype.forEach.call(elements, function (element) {
                  element.addEventListener("click", function (event) {
                    event.preventDefault();
                    var hash = this.hash.trim();
                    t_onFuncLoad("t270_scroll", function () {
                      t270_scroll(hash, -3);
                    });
                  });
                });
              });
              if (
                document.querySelectorAll(".js-store").length > 0 ||
                document.querySelectorAll(".js-feed").length > 0
              ) {
                t_onFuncLoad("t270_scroll", function () {
                  t270_scroll(hash, -3, 1);
                });
              }
            }, 500);
            setTimeout(function () {
              var hash = window.location.hash;
              if (
                hash &&
                document.querySelectorAll(
                  'a[name="' +
                    hash.slice(1) +
                    '"], div[id="' +
                    hash.slice(1) +
                    '"]',
                ).length > 0
              ) {
                if (window.isMobile) {
                  t_onFuncLoad("t270_scroll", function () {
                    t270_scroll(hash, 0);
                  });
                } else {
                  t_onFuncLoad("t270_scroll", function () {
                    t270_scroll(hash, 0);
                  });
                }
              }
            }, 1000);
            window.addEventListener("popstate", function () {
              var hash = window.location.hash;
              if (
                hash &&
                document.querySelectorAll(
                  'a[name="' +
                    hash.slice(1) +
                    '"], div[id="' +
                    hash.slice(1) +
                    '"]',
                ).length > 0
              ) {
                if (window.isMobile) {
                  t_onFuncLoad("t270_scroll", function () {
                    t270_scroll(hash, 0);
                  });
                } else {
                  t_onFuncLoad("t270_scroll", function () {
                    t270_scroll(hash, 0);
                  });
                }
              }
            });
          });
        </script>
      </div>
      <div
        id="rec690146870"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="875"
      >
        <!-- t875 -->
        <script>
          t_onReady(function () {
            t_onFuncLoad("t875_init", function () {
              t875_init("690146870");
            });
          });
        </script>
      </div>
      <div
        id="rec812250511"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="121"
        data-alias-record-type="898"
      >
        <div class="t898 t898_animate">
          <div class="t898__btn" style="">
            <input
              type="checkbox"
              class="t898__btn_input"
              id="t898__btn_input_812250511"
            />
            <label
              for="t898__btn_input_812250511"
              class="t898__btn_label"
              style="background: #3e3e3c"
            >
              <svg
                role="presentation"
                class="t898__icon t898__icon-write"
                width="35"
                height="32"
                viewBox="0 0 35 32"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M11.2667 12.6981H23.3667M11.2667 16.4717H23.3667M4.8104 23.5777C2.4311 21.1909 1 18.1215 1 14.7736C1 7.16679 8.38723 1 17.5 1C26.6128 1 34 7.16679 34 14.7736C34 22.3804 26.6128 28.5472 17.5 28.5472C15.6278 28.5472 13.8286 28.2868 12.1511 27.8072L12 27.7925L5.03333 31V23.8219L4.8104 23.5777Z"
                  stroke="#f3f2ed"
                  stroke-width="2"
                  stroke-miterlimit="10"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  fill="none"
                />
              </svg>
              <svg
                role="presentation"
                xmlns="http://www.w3.org/2000/svg"
                width="16"
                height="16"
                class="t898__icon t898__icon-close"
                viewBox="0 0 23 23"
              >
                <g fillRule="evenodd">
                  <path
                    d="M10.314 -3.686H12.314V26.314H10.314z"
                    transform="rotate(-45 11.314 11.314)"
                  />
                  <path
                    d="M10.314 -3.686H12.314V26.314H10.314z"
                    transform="rotate(45 11.314 11.314)"
                  />
                </g>
              </svg>
            </label>
            <!-- new soclinks -->
            <a
              href="https://t.me/+0zZPlYUgEfE2NTcy"
              class="t898__icon t898__icon-telegram_wrapper t898__icon_link"
              target="_blank"
              rel="nofollow noopener noreferrer"
            >
              <span class="t898__btn-text t-name t-name_xs">Telegram</span>
              <div class="t898__svg__wrapper">
                <div class="t898__svg__bg"></div>
                <svg
                  class="t-sociallinks__svg"
                  role="presentation"
                  width="50px"
                  height="50px"
                  viewBox="0 0 100 100"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm21.977-68.056c.386-4.38-4.24-2.576-4.24-2.576-3.415 1.414-6.937 2.85-10.497 4.302-11.04 4.503-22.444 9.155-32.159 13.734-5.268 1.932-2.184 3.864-2.184 3.864l8.351 2.577c3.855 1.16 5.91-.129 5.91-.129l17.988-12.238c6.424-4.38 4.882-.773 3.34.773l-13.49 12.882c-2.056 1.804-1.028 3.35-.129 4.123 2.55 2.249 8.82 6.364 11.557 8.16.712.467 1.185.778 1.292.858.642.515 4.111 2.834 6.424 2.319 2.313-.516 2.57-3.479 2.57-3.479l3.083-20.226c.462-3.511.993-6.886 1.417-9.582.4-2.546.705-4.485.767-5.362Z"
                    fill="#1d98dc"
                  />
                </svg>
              </div>
            </a>
            <a
              href="https://vk.com/im/convo/-217739175?entrypoint=community_page&amp;sel=-217739175"
              class="t898__icon t898__icon-vkmessenger_wrapper t898__icon_link"
              target="_blank"
              rel="nofollow noopener noreferrer"
            >
              <span class="t898__btn-text t-name t-name_xs">VK</span>
              <div class="t898__svg__wrapper">
                <div class="t898__svg__bg"></div>
                <svg
                  class="t-sociallinks__svg"
                  role="presentation"
                  width="50px"
                  height="50px"
                  viewBox="0 0 100 100"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    fill-rule="evenodd"
                    clip-rule="evenodd"
                    d="M50 100c27.614 0 50-22.386 50-50S77.614 0 50 0 0 22.386 0 50s22.386 50 50 50Zm-5.08-76.414a48.135 48.135 0 0 0 2.187-.422c.324-.08 1.735-.153 3.134-.163 2.047-.013 3.002.067 4.89.41 7.843 1.428 13.918 5.42 18.472 12.135 1.99 2.934 3.603 7.076 4.066 10.44.313 2.276.265 7.758-.084 9.632-.373 2.006-1.503 5.362-2.424 7.2-2.132 4.25-5.556 8.135-9.378 10.638-1.183.774-3.108 1.843-3.838 2.13-.324.127-.669.291-.766.364-.387.29-3.382 1.191-5.337 1.604-1.807.382-2.488.44-5.279.445-2.862.007-3.437-.042-5.395-.455-3.863-.814-7.02-2.082-9.589-3.85-.587-.404-1.059-.363-4.407.381-3.654.812-4.57.94-4.88.682-.382-.316-.335-.8.4-4.153.749-3.409.938-4.215.702-4.867-.082-.227-.216-.436-.397-.731-2.693-4.394-3.984-9.062-3.997-14.46-.012-4.75.867-8.55 2.898-12.526.727-1.424 2.002-3.481 2.66-4.293.753-.927 4.735-4.855 5.312-5.24 2.412-1.604 2.967-1.933 4.722-2.79 1.91-.934 4.466-1.787 6.329-2.11Zm-4.47 22.33c-.949-2.514-1.303-3.314-1.605-3.615-.316-.317-.585-.352-3.088-.4-2.973-.058-3.103-.022-3.396.94-.119.39.636 3.353.932 3.657a.624.624 0 0 1 .156.375c0 .21.655 1.726 1.42 3.283.396.807 2.79 4.884 2.955 5.034.051.047.547.692 1.102 1.433 1.524 2.037 3.773 4.03 5.762 5.105 1.877 1.015 4.904 1.58 7.043 1.312 1.52-.19 1.615-.358 1.615-2.881 0-3.283.375-3.786 2.166-2.903.73.36 3.253 2.726 4.916 4.61.417.473.924.947 1.127 1.054.385.204 5.693.285 6.19.094.496-.19.516-1.17.043-2.138-.546-1.117-2.396-3.43-4.437-5.55-1.08-1.121-1.575-1.76-1.575-2.033 0-.34.841-1.897 1.161-2.15.107-.084.956-1.339 1.282-1.893.094-.16.636-1.07 1.204-2.023 1.464-2.455 1.755-3.08 1.864-4.002.088-.74.057-.84-.335-1.097-.367-.24-.822-.275-3.044-.228-2.49.051-2.631.073-3.043.46-.237.223-.479.565-.536.758-.168.565-1.947 4.025-2.2 4.278-.127.127-.23.305-.23.397 0 .281-1.514 2.377-2.339 3.24-.903.943-1.416 1.2-1.888.947-.31-.165-.326-.399-.329-4.679-.002-3.293-.06-4.617-.216-4.926l-.213-.421H45.35l-.25.447c-.24.425-.219.501.414 1.518l.666 1.07v4.3c0 4.29 0 4.3-.367 4.352-.5.07-1.505-.864-2.465-2.296-.797-1.188-2.506-4.389-2.898-5.429Z"
                    fill="#0077ff"
                  />
                </svg>
              </div>
            </a>
            <!-- /new soclinks -->
          </div>
        </div>
        <style></style>
        <script type="text/javascript">
          t_onReady(function () {
            t_onFuncLoad("t898_init", function () {
              t898_init("812250511");
            });
          });
        </script>
      </div>
      <div
        id="rec1402281191"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="131"
      >
        <!-- T123 -->
        <div class="t123">
          <div class="t-container_100">
            <div class="t-width t-width_100">
              <!-- nominify begin -->
              <style>
                .uc-sticky-footer {
                  clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
                }

                .uc-sticky-footer .t396__artboard {
                  position: fixed;
                  bottom: 0;
                  width: 100%;
                }
              </style>
              <script>
                document.addEventListener("DOMContentLoaded", function () {
                  var footerElement =
                    document.querySelector(".uc-sticky-footer");
                  var footerSticky = document.querySelector(
                    ".uc-sticky-footer .t396__artboard",
                  );
                  if (footerElement && footerSticky) {
                    var artboardStickyHeight = footerSticky.offsetHeight;
                    footerElement.style.height = artboardStickyHeight + "px";
                  }
                });
              </script>
              <!-- automatic_year_change.js | Автоматическая смена года -->
              <script
                src="https://web.fev.su/script/automatic_year_change.js"
                defer
              ></script>
              <!-- nominify end -->
            </div>
          </div>
        </div>
      </div>
      <div
        id="rec796393875"
        class="r t-rec"
        style=""
        data-animationappear="off"
        data-record-type="121"
        data-alias-record-type="706"
      >
        <!--tcart-->
        <!-- @classes: t-text t-text_xs t-name t-name_xs t-name_md t-btn t-btn_sm -->
        <script>
          t_onReady(function () {
            setTimeout(function () {
              t_onFuncLoad("tcart__init", function () {
                tcart__init("796393875", { cssClassName: "" });
              });
            }, 50);
            var userAgent = navigator.userAgent.toLowerCase();
            var body = document.body;
            if (!body) return;
            if (
              userAgent.indexOf("instagram") !== -1 &&
              userAgent.indexOf("iphone") !== -1
            ) {
              body.style.position = "relative";
            }
            var rec = document.querySelector("#rec796393875");
            if (!rec) return;
            var cartWindow = rec.querySelector(
              ".t706__cartwin,.t706__cartpage",
            );
            var allRecords = document.querySelector(".t-records");
            var currentMode = allRecords.getAttribute("data-tilda-mode");
            if (
              cartWindow &&
              currentMode !== "edit" &&
              currentMode !== "preview"
            ) {
              cartWindow.addEventListener(
                "scroll",
                t_throttle(function () {
                  if (
                    window.lazy === "y" ||
                    document
                      .querySelector("#allrecords")
                      .getAttribute("data-tilda-lazy") === "yes"
                  ) {
                    t_onFuncLoad("t_lazyload_update", function () {
                      t_lazyload_update();
                    });
                  }
                }, 500),
              );
            }
          });
        </script>
        <div
          class="t706"
          data-cart-countdown="yes"
          data-opencart-onorder="yes"
          data-project-currency="р."
          data-project-currency-side="r"
          data-project-currency-sep=","
          data-project-currency-code="RUB"
        >
          <div class="t706__carticon" style="">
            <div class="t706__carticon-text t-name t-name_xs"></div>
            <div class="t706__carticon-wrapper">
              <div class="t706__carticon-imgwrap">
                <svg
                  role="img"
                  class="t706__carticon-img"
                  xmlns="http://www.w3.org/2000/svg"
                  viewBox="0 0 64 64"
                >
                  <path
                    fill="none"
                    stroke-width="2"
                    stroke-miterlimit="10"
                    d="M44 18h10v45H10V18h10z"
                  />
                  <path
                    fill="none"
                    stroke-width="2"
                    stroke-miterlimit="10"
                    d="M22 24V11c0-5.523 4.477-10 10-10s10 4.477 10 10v13"
                  />
                </svg>
              </div>
              <div class="t706__carticon-counter js-carticon-counter"></div>
            </div>
          </div>
          <div class="t706__cartwin" style="display: none">
            <div class="t706__close t706__cartwin-close">
              <button
                type="button"
                class="t706__close-button t706__cartwin-close-wrapper"
                aria-label="Закрыть корзину"
              >
                <svg
                  role="presentation"
                  class="t706__close-icon t706__cartwin-close-icon"
                  width="23px"
                  height="23px"
                  viewBox="0 0 23 23"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                >
                  <g
                    stroke="none"
                    stroke-width="1"
                    fill="#fff"
                    fill-rule="evenodd"
                  >
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                    <rect
                      transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) "
                      x="10.3137085"
                      y="-3.6862915"
                      width="2"
                      height="30"
                    ></rect>
                  </g>
                </svg>
              </button>
            </div>
            <div class="t706__cartwin-content">
              <div class="t706__cartwin-top">
                <div class="t706__cartwin-heading t-name t-name_xl"></div>
              </div>
              <div class="t706__cartwin-products"></div>
              <div class="t706__cartwin-bottom">
                <div class="t706__cartwin-prodamount-wrap t-descr t-descr_sm">
                  <span class="t706__cartwin-prodamount-label"> </span>
                  <span class="t706__cartwin-prodamount"> </span>
                </div>
              </div>
              <div class="t706__orderform">
                <form
                  id="form796393875"
                  name="form796393875"
                  role="form"
                  action=""
                  method="POST"
                  data-formactiontype="2"
                  data-inputbox=".t-input-group"
                  class="t-form js-form-proccess t-form_inputs-total_4"
                  data-formsended-callback="t706_onSuccessCallback"
                >
                  <input
                    type="hidden"
                    name="formservices[]"
                    value="b1dda7696999f1ef76c551c344e55070"
                    class="js-formaction-services"
                  />
                  <input
                    type="hidden"
                    name="formservices[]"
                    value="e24eebd54acc334c915f11e75c0e8197"
                    class="js-formaction-services"
                  />
                  <input
                    type="hidden"
                    name="tildaspec-formname"
                    tabindex="-1"
                    value="Cart"
                  />
                  <!-- @classes t-title t-text t-btn -->
                  <div
                    class="js-successbox t-form__successbox t-text t-text_md"
                    aria-live="polite"
                    style="display: none"
                    data-success-message="Спасибо за ваш заказ! Я свяжусь с вами в ближайшее время в рабочие часы — с 09:00 до 21:00 по МСК."
                  ></div>
                  <div class="t-form__inputsbox t-form__inputsbox_inrow">
                    <div
                      class="t-input-group t-input-group_nm"
                      data-input-lid="1496239431201"
                      data-field-type="nm"
                      data-field-name="name"
                    >
                      <label
                        for="input_1496239431201"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1496239431201"
                        data-redactor-toolbar="no"
                        field="li_title__1496239431201"
                        style="
                          color:;
                          font-weight: 400;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Ваше имя</label
                      >
                      <div class="t-input-block" style="border-radius: 15px">
                        <input
                          type="text"
                          autocomplete="name"
                          name="name"
                          id="input_1496239431201"
                          class="t-input js-tilda-rule"
                          value=""
                          placeholder="Валерия"
                          data-tilda-req="1"
                          aria-required="true"
                          data-tilda-rule="name"
                          aria-describedby="error_1496239431201"
                          style="
                            color: #3e3e3c;
                            border: 1px solid #3e3e3c;
                            border-radius: 15px;
                          "
                        />
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1496239431201"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_ph"
                      data-input-lid="1496239478607"
                      data-field-type="ph"
                      data-field-name="phone"
                    >
                      <label
                        for="input_1496239478607"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1496239478607"
                        data-redactor-toolbar="no"
                        field="li_title__1496239478607"
                        style="
                          color:;
                          font-weight: 400;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Номер телефона</label
                      >
                      <div class="t-input-block" style="border-radius: 15px">
                        <input
                          type="tel"
                          autocomplete="tel"
                          name="phone"
                          id="input_1496239478607"
                          class="t-input js-tilda-rule"
                          value=""
                          placeholder="+7 (999) 999-99-99"
                          data-tilda-req="1"
                          aria-required="true"
                          data-tilda-rule="phone"
                          pattern="[0-9]*"
                          aria-describedby="error_1496239478607"
                          style="
                            color: #3e3e3c;
                            border: 1px solid #3e3e3c;
                            border-radius: 15px;
                          "
                        />
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1496239478607"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_rd"
                      data-input-lid="1702885238894"
                      role="radiogroup"
                      aria-labelledby="field-title_1702885238894"
                      data-field-radcb="rb"
                      data-field-async="true"
                      data-field-type="rd"
                      data-field-name="messenger"
                    >
                      <div
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1702885238894"
                        data-redactor-toolbar="no"
                        field="li_title__1702885238894"
                        style="
                          color:;
                          font-weight: 400;
                          font-family: &quot;Montserrat&quot;;
                        "
                      >
                        Где будет удобнее продолжить общение?
                      </div>
                      <div class="t-input-block" style="border-radius: 15px">
                        <div class="t-radio__wrapper">
                          <label
                            class="t-radio__item t-radio__control t-text t-text_xs"
                            style=""
                          >
                            <input
                              type="radio"
                              name="messenger"
                              value="WhatsApp"
                              class="t-radio js-tilda-rule"
                            />
                            <div class="t-radio__indicator"></div>
                            <span>WhatsApp</span>
                          </label>
                          <label
                            class="t-radio__item t-radio__control t-text t-text_xs"
                            style=""
                          >
                            <input
                              type="radio"
                              name="messenger"
                              value="Telegram"
                              class="t-radio js-tilda-rule"
                            />
                            <div class="t-radio__indicator"></div>
                            <span>Telegram</span>
                          </label>
                          <script>
                            t_onReady(function () {
                              t_onFuncLoad("t_loadJsFile", function () {
                                t_loadJsFile(
                                  "https://static.tildacdn.com/js/tilda-variant-select-1.0.min.js",
                                  function () {
                                    t_onFuncLoad(
                                      "t_input_radiobuttons_init",
                                      function () {
                                        try {
                                          t_input_radiobuttons_init(
                                            "796393875",
                                            "1702885238894",
                                          );
                                        } catch (e) {
                                          console.log(e);
                                        }
                                      },
                                    );
                                  },
                                );
                              });
                            });
                          </script>
                          <style>
                            #rec796393875 .t-radio__indicator:after {
                              background:;
                            }
                          </style>
                        </div>
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1702885238894"
                      ></div>
                    </div>
                    <div
                      class="t-input-group t-input-group_ur"
                      data-input-lid="1765434932883"
                      data-field-type="ur"
                      data-field-name="vk"
                    >
                      <label
                        for="input_1765434932883"
                        class="t-input-title t-descr t-descr_md"
                        id="field-title_1765434932883"
                        data-redactor-toolbar="no"
                        field="li_title__1765434932883"
                        style="
                          color:;
                          font-weight: 400;
                          font-family: &quot;Montserrat&quot;;
                        "
                        >Если WhatsApp или Telegram неудобны для общения,
                        добавьте ссылку на вашу страницу во ВКонтакте.</label
                      >
                      <div class="t-input-block" style="border-radius: 15px">
                        <input
                          type="url"
                          name="vk"
                          id="input_1765434932883"
                          class="t-input js-tilda-rule"
                          value=""
                          placeholder="https://vk.com/"
                          data-tilda-rule="url"
                          style="
                            color: #3e3e3c;
                            border: 1px solid #3e3e3c;
                            border-radius: 15px;
                          "
                        />
                      </div>
                      <div
                        class="t-input-error"
                        aria-live="polite"
                        id="error_1765434932883"
                      ></div>
                    </div>
                    <div class="t-form__errorbox-middle">
                      <!--noindex-->
                      <div
                        class="js-errorbox-all t-form__errorbox-wrapper"
                        style="display: none"
                        data-nosnippet
                        tabindex="-1"
                        aria-label="Ошибки при заполнении формы"
                      >
                        <ul
                          role="list"
                          class="t-form__errorbox-text t-text t-text_md"
                        >
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-all"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-req"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-email"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-name"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                          ></li>
                          <li
                            class="t-form__errorbox-item js-rule-error js-rule-error-string"
                          ></li>
                        </ul>
                      </div>
                      <!--/noindex-->
                    </div>
                    <div class="t-form__submit">
                      <button
                        class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
                        type="submit"
                      >
                        <span class="t-btnflex__text">Оформить заказ</span>
                        <style>
                          #rec796393875 .t-btnflex.t-btnflex_type_submit {
                            color: #3e3e3c;
                            border-style: solid !important;
                            border-color: #3e3e3c !important;
                            --border-width: 1px;
                            border-radius: 15px;
                            box-shadow: none !important;
                            font-family: Montserrat;
                            font-weight: 400;
                            transition-duration: 0.2s;
                            transition-property:
                              background-color, color, border-color, box-shadow,
                              opacity, transform, gap;
                            transition-timing-function: ease-in-out;
                          }
                        </style>
                      </button>
                    </div>
                  </div>
                  <div class="t-form__errorbox-bottom">
                    <!--noindex-->
                    <div
                      class="js-errorbox-all t-form__errorbox-wrapper"
                      style="display: none"
                      data-nosnippet
                      tabindex="-1"
                      aria-label="Ошибки при заполнении формы"
                    >
                      <ul
                        role="list"
                        class="t-form__errorbox-text t-text t-text_md"
                      >
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-all"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-req"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-email"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-name"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-phone"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-minlength"
                        ></li>
                        <li
                          class="t-form__errorbox-item js-rule-error js-rule-error-string"
                        ></li>
                      </ul>
                    </div>
                    <!--/noindex-->
                  </div>
                </form>
                <style>
                  #rec796393875 input::-webkit-input-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 input::-moz-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 input:-moz-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 input:-ms-input-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 textarea::-webkit-input-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 textarea::-moz-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 textarea:-moz-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                  #rec796393875 textarea:-ms-input-placeholder {
                    color: #3e3e3c;
                    opacity: 0.5;
                  }
                </style>
              </div>
              <div class="t706__form-bottom-text t-text t-text_xs">
                нажимая кнопку "Оформить заказ" вы соглашаетесь с
                <a
                  href="https://disk.yandex.ru/d/BWhv1qWcBh8usg"
                  style="color: rgb(161, 160, 154)"
                  >политикой конфиденциальности</a
                >&nbsp;и
                <a
                  href="https://disk.yandex.ru/i/BSwYkEK4f7srfQ"
                  style="color: rgb(161, 160, 154)"
                  >публичной офертой</a
                >
              </div>
            </div>
          </div>
          <div class="t706__cartdata"></div>
        </div>
        <style></style>
        <!--/tcart-->
      </div>
    </div>
    <!--/allrecords-->
    <!-- Stat -->
    <!-- Yandex.Metrika counter 93610557 -->
    <script type="text/javascript" data-tilda-cookie-type="analytics">
      setTimeout(function () {
        (function (m, e, t, r, i, k, a) {
          m[i] =
            m[i] ||
            function () {
              (m[i].a = m[i].a || []).push(arguments);
            };
          m[i].l = 1 * new Date();
          ((k = e.createElement(t)),
            (a = e.getElementsByTagName(t)[0]),
            (k.async = 1),
            (k.src = r),
            a.parentNode.insertBefore(k, a));
        })(
          window,
          document,
          "script",
          "https://mc.yandex.ru/metrika/tag.js",
          "ym",
        );
        window.mainMetrikaId = "93610557";
        ym(window.mainMetrikaId, "init", {
          clickmap: true,
          trackLinks: true,
          accurateTrackBounce: true,
          webvisor: true,
          params: {
            __ym: {
              ymCms: { cms: "tilda", cmsVersion: "1.0", cmsCatalog: "1" },
            },
          },
          ecommerce: "dataLayer",
        });
      }, 2000);
    </script>
    <noscript>
      <div>
        <img
          src="https://mc.yandex.ru/watch/93610557"
          style="position: absolute; left: -9999px"
          alt=""
        />
      </div>
    </noscript>
    <!-- /Yandex.Metrika counter -->
    <script type="text/javascript" data-tilda-cookie-type="analytics">
      setTimeout(function () {
        (function (i, s, o, g, r, a, m) {
          i["GoogleAnalyticsObject"] = r;
          ((i[r] =
            i[r] ||
            function () {
              (i[r].q = i[r].q || []).push(arguments);
            }),
            (i[r].l = 1 * new Date()));
          ((a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]));
          a.async = 1;
          a.src = g;
          m.parentNode.insertBefore(a, m);
        })(
          window,
          document,
          "script",
          "https://www.google-analytics.com/analytics.js",
          "ga",
        );
        ga("create", "G-Y11P7RYHVS", "auto");
        ga("send", "pageview");
      }, 2000);
      window.mainTracker = "user";
    </script>
    <script type="text/javascript">
      if (!window.mainTracker) {
        window.mainTracker = "tilda";
      }
      setTimeout(function () {
        (function (d, w, k, o, g) {
          var n = d.getElementsByTagName(o)[0],
            s = d.createElement(o),
            f = function () {
              n.parentNode.insertBefore(s, n);
            };
          s.type = "text/javascript";
          s.async = true;
          s.key = k;
          s.id = "tildastatscript";
          s.src = g;
          if (w.opera == "[object Opera]") {
            d.addEventListener("DOMContentLoaded", f, false);
          } else {
            f();
          }
        })(
          document,
          window,
          "8696beaa87d89a30f198e95406c41608",
          "script",
          "https://static.tildacdn.com/js/tilda-stat-1.0.min.js",
        );
      }, 2000);
    </script>
  </body>
</html>