{"id":9,"date":"2026-05-01T08:54:24","date_gmt":"2026-05-01T08:54:24","guid":{"rendered":"https:\/\/petia-kiril.site\/?page_id=9"},"modified":"2026-06-15T11:39:37","modified_gmt":"2026-06-15T11:39:37","slug":"elementor-9","status":"publish","type":"page","link":"https:\/\/petia-kiril.site\/","title":{"rendered":"petia&#038;kiril"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0bbacb e-con-full e-flex e-con e-parent\" data-id=\"f0bbacb\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73036e8 elementor-widget elementor-widget-html\" data-id=\"73036e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Forum&family=Manrope:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n.hero-clean{\n  width:100vw;\n  min-height:100svh;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:#f7f5f1;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  padding:16px 10px;\n  box-sizing:border-box;\n}\n\n.hero-card{\n  width:100%;\n  max-width:420px;\n  background:#fff;\n  box-shadow:0 25px 60px rgba(0,0,0,.15);\n  overflow:hidden;\n}\n\n.hero-image{\n  width:100%;\n  height:86svh;\n  min-height:600px;\n  background:\n    linear-gradient(to bottom, rgba(0,0,0,.12), rgba(0,0,0,0) 40%, rgba(0,0,0,.25)),\n    url('https:\/\/petia-kiril.site\/wp-content\/uploads\/2026\/05\/viber_image_2026-05-01_12-31-19-825.jpg') center \/ cover no-repeat;\n  position:relative;\n}\n\n\/* \ud83d\udc49 \u0432\u0441\u0438\u0447\u043a\u043e \u0437\u0430\u043f\u043e\u0447\u0432\u0430 \u0441\u043a\u0440\u0438\u0442\u043e *\/\n.hero-date,\n.hero-letter-left,\n.hero-letter-right,\n.hero-divider{\n  opacity:0;\n}\n\n\/* \u0410\u041a\u0422\u0418\u0412\u041d\u041e \u0421\u042a\u0421\u0422\u041e\u042f\u041d\u0418\u0415 *\/\n.hero-clean.active .hero-date{\n  animation:fadeDown .9s ease forwards .3s;\n}\n\n.hero-monogram{\n  position:absolute;\n  top:22%;\n  left:50%;\n  transform:translateX(-50%);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:28px;\n  font-family:'Manrope', serif;\n  font-size:84px;\n  font-weight:300;\n  color:#fff;\n  text-shadow:0 18px 45px rgba(0,0,0,.35);\n  white-space:nowrap;\n}\n\n.hero-clean.active .hero-letter-left{\n  animation:letterLeftIn 1.1s cubic-bezier(.2,.8,.2,1) forwards .5s;\n}\n\n.hero-clean.active .hero-letter-right{\n  animation:letterRightIn 1.1s cubic-bezier(.2,.8,.2,1) forwards .5s;\n}\n\n.hero-clean.active .hero-divider{\n  animation:dividerIn .8s ease forwards 1s;\n}\n\n.hero-date{\n  position:absolute;\n  top:48px;\n  width:100%;\n  text-align:center;\n  font-family:'Manrope', serif;\n  font-size:18px;\n  letter-spacing:.35em;\n  color:#fff;\n}\n\n\/* animations *\/\n@keyframes letterLeftIn{\n  from{\n    opacity:0;\n    transform:translateX(-120px);\n  }\n  to{\n    opacity:1;\n    transform:translateX(0);\n  }\n}\n\n@keyframes letterRightIn{\n  from{\n    opacity:0;\n    transform:translateX(120px);\n  }\n  to{\n    opacity:1;\n    transform:translateX(0);\n  }\n}\n\n@keyframes dividerIn{\n  from{\n    opacity:0;\n    transform:scaleY(.2);\n  }\n  to{\n    opacity:1;\n    transform:scaleY(1);\n  }\n}\n\n@keyframes fadeDown{\n  from{\n    opacity:0;\n    transform:translateY(-14px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n\/* mobile *\/\n@media(max-width:768px){\n  .hero-card{\n    max-width:360px;\n  }\n\n  .hero-image{\n    height:88svh;\n    min-height:560px;\n  }\n\n  .hero-date{\n    font-size:16px;\n    top:38px;\n  }\n\n  .hero-monogram{\n    font-size:68px;\n    top:20%;\n    gap:22px;\n  }\n}\n<\/style>\n\n<section class=\"hero-clean\" id=\"hero\">\n\n  <div class=\"hero-card\">\n    <div class=\"hero-image\">\n\n      <div class=\"hero-date\">11.09.2026<\/div>\n\n      <div class=\"hero-monogram\">\n        <span class=\"hero-letter-left\">\u041f<\/span>\n        <span class=\"hero-divider\">|<\/span>\n        <span class=\"hero-letter-right\">\u041a<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const hero = document.getElementById('hero');\n  if(!hero) return;\n\n  const observer = new IntersectionObserver((entries)=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        hero.classList.add('active');\n      } else {\n        hero.classList.remove('active'); \/\/ \ud83d\udd25 reset\n      }\n    });\n  },{threshold:0.6});\n\n  observer.observe(hero);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71891c9 e-flex e-con-boxed e-con e-parent\" data-id=\"71891c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c88e63c elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"c88e63c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Forum&family=Manrope:wght@300;400&family=Italianno&display=swap\" rel=\"stylesheet\">\n\n<style>\n.invite-screen{\n  width:100vw;\n  min-height:100svh;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:#f7f5f1;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  padding:30px 16px;\n  box-sizing:border-box;\n  overflow:hidden;\n}\n\n.envelope-wrap{\n  position:relative;\n  width:100%;\n  max-width:480px;\n  height:460px;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n}\n\n\/* \u041f\u0418\u0421\u041c\u041e *\/\n.invite-card{\n  position:relative;\n  z-index:4;\n  width:100%;\n  background:#fff;\n  padding:56px 42px 50px;\n  box-shadow:0 25px 60px rgba(0,0,0,.15);\n  text-align:center;\n  opacity:0;\n  transform:translateY(95px) scale(.95);\n  transition:all 1.2s cubic-bezier(.2,.8,.2,1) .45s;\n}\n\n\/* \u041f\u041b\u0418\u041a *\/\n.envelope{\n  position:absolute;\n  bottom:20px;\n  width:100%;\n  height:250px;\n  background:#eee9e1;\n  box-shadow:0 25px 60px rgba(0,0,0,.16);\n  z-index:1;\n  overflow:hidden;\n}\n\n\/* \u0433\u043e\u0440\u0435\u043d \u043a\u0430\u043f\u0430\u043a *\/\n.envelope-flap{\n  position:absolute;\n  top:0;\n  left:0;\n  width:0;\n  height:0;\n  border-left:240px solid transparent;\n  border-right:240px solid transparent;\n  border-top:145px solid #ddd6cb;\n  transform-origin:top center;\n  z-index:5;\n  transition:transform 1s cubic-bezier(.2,.8,.2,1);\n}\n\n\/* \u0434\u043e\u043b\u0435\u043d \u0442\u0440\u0438\u044a\u0433\u044a\u043b\u043d\u0438\u043a *\/\n.envelope-bottom{\n  position:absolute;\n  bottom:0;\n  left:0;\n  width:0;\n  height:0;\n  border-left:240px solid transparent;\n  border-right:240px solid transparent;\n  border-bottom:150px solid #e3ded5;\n  z-index:3;\n}\n\n\/* \u043b\u044f\u0432\u0430 \u0441\u0433\u044a\u0432\u043a\u0430 *\/\n.envelope-left{\n  position:absolute;\n  bottom:0;\n  left:0;\n  width:0;\n  height:0;\n  border-top:125px solid transparent;\n  border-bottom:125px solid transparent;\n  border-left:240px solid rgba(255,255,255,.42);\n  z-index:2;\n}\n\n\/* \u0434\u044f\u0441\u043d\u0430 \u0441\u0433\u044a\u0432\u043a\u0430 *\/\n.envelope-right{\n  position:absolute;\n  bottom:0;\n  right:0;\n  width:0;\n  height:0;\n  border-top:125px solid transparent;\n  border-bottom:125px solid transparent;\n  border-right:240px solid rgba(255,255,255,.5);\n  z-index:2;\n}\n\n\/* \u0430\u043a\u0442\u0438\u0432\u0438\u0440\u0430\u043d\u0435 *\/\n.invite-screen.active .envelope-flap{\n  transform:rotateX(180deg);\n}\n\n.invite-screen.active .invite-card{\n  opacity:1;\n  transform:translateY(-34px) scale(1);\n}\n\n\/* \u0422\u0415\u041a\u0421\u0422 *\/\n.invite-heading{\n  font-family:'Manrope', serif;\n  font-size:44px;\n  line-height:1.2;\n  margin-bottom:20px;\n}\n\n.invite-names{\n  font-family:'Italianno', cursive;\n  font-size:72px;\n  line-height:1.1;\n  margin:10px 0 28px;\n  white-space:nowrap;\n}\n\n.invite-divider{\n  width:70px;\n  height:1px;\n  background:#111;\n  opacity:.3;\n  margin:20px auto;\n}\n\n.invite-text{\n  font-family:'Manrope', sans-serif;\n  font-size:15px;\n  line-height:1.7;\n  max-width:320px;\n  margin:0 auto;\n}\n\n\/* MOBILE *\/\n@media(max-width:768px){\n  .envelope-wrap{\n    max-width:360px;\n    height:410px;\n  }\n\n  .invite-card{\n    padding:42px 26px 38px;\n  }\n\n  .envelope{\n    height:220px;\n    bottom:18px;\n  }\n\n  .envelope-flap{\n    border-left:180px solid transparent;\n    border-right:180px solid transparent;\n    border-top:125px solid #ddd6cb;\n  }\n\n  .envelope-bottom{\n    border-left:180px solid transparent;\n    border-right:180px solid transparent;\n    border-bottom:130px solid #e3ded5;\n  }\n\n  .envelope-left{\n    border-top:110px solid transparent;\n    border-bottom:110px solid transparent;\n    border-left:180px solid rgba(255,255,255,.42);\n  }\n\n  .envelope-right{\n    border-top:110px solid transparent;\n    border-bottom:110px solid transparent;\n    border-right:180px solid rgba(255,255,255,.5);\n  }\n\n  .invite-heading{\n    font-size:34px;\n  }\n\n  .invite-names{\n    font-size:52px;\n  }\n\n  .invite-text{\n    font-size:14px;\n  }\n\n  .invite-screen.active .invite-card{\n    transform:translateY(-24px) scale(1);\n  }\n}\n<\/style>\n\n<section class=\"invite-screen\" id=\"invite-letter\">\n\n  <div class=\"envelope-wrap\">\n\n    <div class=\"envelope\">\n      <div class=\"envelope-flap\"><\/div>\n      <div class=\"envelope-left\"><\/div>\n      <div class=\"envelope-right\"><\/div>\n      <div class=\"envelope-bottom\"><\/div>\n    <\/div>\n\n    <div class=\"invite-card\">\n      <div class=\"invite-heading\">\n        \u0421\u043a\u044a\u043f\u0438 \u0433\u043e\u0441\u0442\u0438,<br>\n        \u043d\u0438\u0435\n      <\/div>\n\n      <div class=\"invite-names\">\n        \u041f\u0435\u0442\u044f \u0438 \u041a\u0438\u0440\u0438\u043b\n      <\/div>\n\n      <div class=\"invite-divider\"><\/div>\n\n      <div class=\"invite-text\">\n        \u0429\u0435 \u0441\u0435 \u0440\u0430\u0434\u0432\u0430\u043c\u0435 \u0434\u0430 \u0441\u043f\u043e\u0434\u0435\u043b\u0438\u0442\u0435 \u0441 \u043d\u0430\u0441 \u0441\u0432\u0430\u0442\u0431\u0435\u043d\u0438\u044f \u043d\u0438 \u0434\u0435\u043d.\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const invite = document.getElementById('invite-letter');\n  if(!invite) return;\n\n  const observer = new IntersectionObserver((entries)=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        invite.classList.add('active');\n      } else {\n        invite.classList.remove('active'); \/\/ \ud83d\udc48 \u0442\u043e\u0432\u0430 \u0435 \u043a\u043b\u044e\u0447\u044a\u0442\n      }\n    });\n  },{\n    threshold:0.35\n  });\n\n  observer.observe(invite);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d2916f e-flex e-con-boxed e-con e-parent\" data-id=\"9d2916f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7511384 elementor-widget elementor-widget-html\" data-id=\"7511384\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Forum&family=Manrope:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n.calendar-screen{\n  width:100vw;\n  min-height:100svh;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:#f7f5f1;\n  color:#111;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n  padding:50px 20px;\n  box-sizing:border-box;\n}\n\n.calendar-card{\n  width:100%;\n  max-width:420px;\n  background:#fff;\n  padding:44px 34px 40px;\n  box-shadow:0 20px 50px rgba(0,0,0,.13);\n  text-align:center;\n  margin-bottom:54px;\n}\n\n.calendar-month{\n  font-family:'Forum', serif;\n  font-size:50px;\n  letter-spacing:.04em;\n  margin-bottom:30px;\n}\n\n.calendar-week,\n.calendar-days{\n  display:grid;\n  grid-template-columns:repeat(7, 1fr);\n  gap:13px;\n  align-items:center;\n}\n\n.calendar-week{\n  font-family:'Manrope', sans-serif;\n  font-size:8px;\n  text-transform:uppercase;\n  letter-spacing:.08em;\n  opacity:.55;\n  margin-bottom:18px;\n}\n\n.calendar-days{\n  font-family:'Manrope', sans-serif;\n  font-size:17px;\n}\n\n.calendar-days div{\n  height:28px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  position:relative;\n}\n\n.wedding-day::before{\n  content:\"\u2661\";\n  position:absolute;\n  font-family:'Forum', serif;\n  font-size:60px;\n  color:#b67d79;\n  top:50%;\n  left:50%;\n  transform:translate(-50%, -52%) scale(.15) rotate(-14deg);\n  opacity:0;\n  z-index:1;\n}\n\n.calendar-screen.active .wedding-day::before{\n  animation:heartDraw 1.2s ease forwards, heartPulse 2.8s ease-in-out 1.2s infinite;\n}\n\n.wedding-day span{\n  position:relative;\n  z-index:2;\n}\n\n@keyframes heartDraw{\n  0%{\n    opacity:0;\n    transform:translate(-50%, -52%) scale(.15) rotate(-14deg);\n  }\n  55%{\n    opacity:1;\n    transform:translate(-50%, -52%) scale(1.18) rotate(5deg);\n  }\n  100%{\n    opacity:.9;\n    transform:translate(-50%, -52%) scale(1) rotate(0deg);\n  }\n}\n\n@keyframes heartPulse{\n  0%,100%{\n    transform:translate(-50%, -52%) scale(1);\n  }\n  50%{\n    transform:translate(-50%, -52%) scale(1.08);\n  }\n}\n\n.countdown-wrap{\n  width:100%;\n  max-width:520px;\n  text-align:center;\n}\n\n.countdown-title{\n  font-family:'Manrope', serif;\n  font-size:28px;\n  margin-bottom:18px;\n}\n\n.countdown{\n  width:100%;\n  display:flex;\n  gap:10px;\n}\n\n.countdown-box{\n  flex:1;\n  height:90px;\n  border:1px solid rgba(0,0,0,.12);\n  background:rgba(255,255,255,.72);\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n}\n\n.countdown-number{\n  font-family:'Manrope', serif;\n  font-size:42px;\n  line-height:1;\n}\n\n.countdown-label{\n  font-family:'Manrope', sans-serif;\n  font-size:9px;\n  letter-spacing:.1em;\n  text-transform:uppercase;\n  margin-top:8px;\n  opacity:.65;\n}\n\n@media(max-width:768px){\n  .calendar-screen{\n    padding:42px 18px;\n  }\n\n  .calendar-card{\n    max-width:340px;\n    padding:38px 26px 34px;\n    margin-bottom:48px;\n  }\n\n  .calendar-month{\n    font-size:40px;\n  }\n\n  .calendar-week,\n  .calendar-days{\n    gap:10px;\n  }\n\n  .calendar-days{\n    font-size:16px;\n  }\n\n  .wedding-day::before{\n    font-size:54px;\n  }\n\n  .countdown-title{\n    font-size:25px;\n  }\n\n  .countdown-box{\n    height:78px;\n  }\n\n  .countdown-number{\n    font-size:34px;\n  }\n}\n<\/style>\n\n<section class=\"calendar-screen\" id=\"calendar-section\">\n\n  <div class=\"calendar-card\">\n    <div class=\"calendar-month\">\u0421\u0415\u041f\u0422\u0415\u041c\u0412\u0420\u0418<\/div>\n\n    <div class=\"calendar-week\">\n      <div>\u041f\u043e\u043d<\/div><div>\u0412\u0442<\/div><div>\u0421\u0440<\/div><div>\u0427\u0435\u0442<\/div><div>\u041f\u0435\u0442<\/div><div>\u0421\u044a\u0431<\/div><div>\u041d\u0435\u0434<\/div>\n    <\/div>\n\n    <div class=\"calendar-days\">\n      <div><\/div><div>1<\/div><div>2<\/div><div>3<\/div><div>4<\/div><div>5<\/div><div>6<\/div>\n      <div>7<\/div><div>8<\/div><div>9<\/div><div>10<\/div><div class=\"wedding-day\"><span>11<\/span><\/div><div>12<\/div><div>13<\/div>\n      <div>14<\/div><div>15<\/div><div>16<\/div><div>17<\/div><div>18<\/div><div>19<\/div><div>20<\/div>\n      <div>21<\/div><div>22<\/div><div>23<\/div><div>24<\/div><div>25<\/div><div>26<\/div><div>27<\/div>\n      <div>28<\/div><div>29<\/div><div>30<\/div><div><\/div><div><\/div><div><\/div><div><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"countdown-wrap\">\n    <div class=\"countdown-title\">\u0414\u043e \u0441\u0432\u0430\u0442\u0431\u0430\u0442\u0430 \u043e\u0441\u0442\u0430\u0432\u0430\u0442<\/div>\n\n    <div class=\"countdown\">\n      <div class=\"countdown-box\">\n        <div class=\"countdown-number\" id=\"wed-days\">0<\/div>\n        <div class=\"countdown-label\">\u0434\u043d\u0438<\/div>\n      <\/div>\n\n      <div class=\"countdown-box\">\n        <div class=\"countdown-number\" id=\"wed-hours\">0<\/div>\n        <div class=\"countdown-label\">\u0447\u0430\u0441\u0430<\/div>\n      <\/div>\n\n      <div class=\"countdown-box\">\n        <div class=\"countdown-number\" id=\"wed-minutes\">0<\/div>\n        <div class=\"countdown-label\">\u043c\u0438\u043d\u0443\u0442\u0438<\/div>\n      <\/div>\n\n      <div class=\"countdown-box\">\n        <div class=\"countdown-number\" id=\"wed-seconds\">0<\/div>\n        <div class=\"countdown-label\">\u0441\u0435\u043a\u0443\u043d\u0434\u0438<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\nfunction updateWeddingCountdown(){\n  const weddingDate = Date.UTC(2026, 8, 11, 15, 0, 0);\n  const now = Date.now();\n  const distance = weddingDate - now;\n\n  const daysEl = document.getElementById(\"wed-days\");\n  const hoursEl = document.getElementById(\"wed-hours\");\n  const minutesEl = document.getElementById(\"wed-minutes\");\n  const secondsEl = document.getElementById(\"wed-seconds\");\n\n  if (!daysEl || !hoursEl || !minutesEl || !secondsEl) return;\n\n  if(distance <= 0){\n    daysEl.textContent = \"0\";\n    hoursEl.textContent = \"0\";\n    minutesEl.textContent = \"0\";\n    secondsEl.textContent = \"0\";\n    return;\n  }\n\n  daysEl.textContent = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n  hoursEl.textContent = Math.floor((distance \/ (1000 * 60 * 60)) % 24);\n  minutesEl.textContent = Math.floor((distance \/ (1000 * 60)) % 60);\n  secondsEl.textContent = Math.floor((distance \/ 1000) % 60);\n}\n\nupdateWeddingCountdown();\nsetInterval(updateWeddingCountdown, 1000);\n\n(function(){\n  const calendar = document.getElementById('calendar-section');\n  if(!calendar) return;\n\n  const observer = new IntersectionObserver((entries)=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        calendar.classList.add('active');\n      } else {\n        calendar.classList.remove('active');\n      }\n    });\n  },{threshold:0.35});\n\n  observer.observe(calendar);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a5f616 e-flex e-con-boxed e-con e-parent\" data-id=\"1a5f616\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-988524c elementor-widget elementor-widget-html\" data-id=\"988524c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Forum&family=Manrope:wght@300;400&display=swap\" rel=\"stylesheet\">\n\n<style>\n.location-section{\n  width:100vw;\n  min-height:100svh;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:\n    linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.2), rgba(0,0,0,.42)),\n    url('https:\/\/petia-kiril.site\/wp-content\/uploads\/2026\/05\/viber_image_2026-05-01_11-59-38-618.jpg') center \/ cover no-repeat;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  text-align:center;\n  padding:40px 26px;\n  box-sizing:border-box;\n  color:#fff;\n  overflow:hidden;\n}\n\n.location-content{\n  width:100%;\n  max-width:420px;\n  opacity:0;\n  transform:translateY(35px);\n  transition:all 1s ease;\n}\n\n.location-section.active .location-content{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.location-title{\n  font-family:'Manrope', sans-serif;\n  font-size:24px;\n  font-weight:300;\n  letter-spacing:.28em;\n  text-transform:uppercase;\n  margin-bottom:20px;\n}\n\n.location-pin{\n  font-size:46px;\n  margin-bottom:70px;\n  opacity:0;\n  transform:translateY(-80px) scale(.8);\n}\n\n.location-section.active .location-pin{\n  animation:pinDrop 1s ease forwards, pinFloat 3s ease-in-out 1.1s infinite;\n}\n\n.location-name{\n  font-family:'Manrope', sans-serif;\n  font-size:26px;\n  font-weight:300;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  line-height:1.4;\n  margin-bottom:38px;\n}\n\n.location-button{\n  display:block;\n  width:100%;\n  border:2px solid rgba(255,255,255,.9);\n  padding:20px 16px;\n  color:#fff;\n  text-decoration:none;\n  font-family:'Manrope', sans-serif;\n  font-size:15px;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  background:rgba(255,255,255,.05);\n  backdrop-filter:blur(2px);\n  transition:.35s ease;\n}\n\n.location-section.active .location-button{\n  animation:buttonFloat 3s ease-in-out infinite;\n}\n\n.location-button:hover{\n  background:rgba(255,255,255,.14);\n}\n\n@keyframes pinDrop{\n  0%{\n    opacity:0;\n    transform:translateY(-80px) scale(.8);\n  }\n  70%{\n    opacity:1;\n    transform:translateY(8px) scale(1.05);\n  }\n  100%{\n    opacity:1;\n    transform:translateY(0) scale(1);\n  }\n}\n\n@keyframes pinFloat{\n  0%,100%{ transform:translateY(0); }\n  50%{ transform:translateY(-7px); }\n}\n\n@keyframes buttonFloat{\n  0%,100%{ transform:translateY(0); }\n  50%{ transform:translateY(-6px); }\n}\n\n@media(max-width:768px){\n  .location-title{\n    font-size:21px;\n  }\n\n  .location-name{\n    font-size:22px;\n  }\n\n  .location-button{\n    font-size:13px;\n    padding:18px 12px;\n  }\n}\n<\/style>\n\n<section class=\"location-section\" id=\"location\">\n  <div class=\"location-content\">\n\n    <div class=\"location-title\">\u041b\u043e\u043a\u0430\u0446\u0438\u044f<\/div>\n\n    <div class=\"location-pin\">\ud83d\udccd<\/div>\n\n    <div class=\"location-name\">\n      Hills Brewery Park\n    <\/div>\n\n    <a class=\"location-button\" href=\"https:\/\/maps.app.goo.gl\/qBSQEEQ4r6AF9Wiq8\" target=\"_blank\" rel=\"noopener\">\n      \u0412\u0438\u0436 \u0432 Google Maps\n    <\/a>\n\n  <\/div>\n<\/section>\n\n<script>\n(function(){\n  const locationSection = document.getElementById('location');\n  if(!locationSection) return;\n\n  const observer = new IntersectionObserver((entries)=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        locationSection.classList.add('active');\n      } else {\n        locationSection.classList.remove('active'); \/\/ \ud83d\udc48 \u043a\u043b\u044e\u0447\u043e\u0432\u043e\u0442\u043e\n      }\n    });\n  },{\n    threshold:0.3\n  });\n\n  observer.observe(locationSection);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9810e30 e-flex e-con-boxed e-con e-parent\" data-id=\"9810e30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31f84fc elementor-widget elementor-widget-html\" data-id=\"31f84fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Forum&family=Manrope:wght@300&display=swap\" rel=\"stylesheet\">\n\n<style>\n.program-elegant{\n  width:100vw;\n  min-height:100svh;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  background:#F7F5F1;\n  color:#111;\n  display:flex;\n  flex-direction:column;\n  justify-content:center;\n  align-items:center;\n  padding:60px 24px;\n  box-sizing:border-box;\n  overflow:hidden;\n}\n\n.program-title{\n  font-family:'Manrope', sans-serif;\n  font-weight:300;\n  font-size:34px;\n  letter-spacing:.35em;\n  text-transform:uppercase;\n  margin-bottom:70px;\n  opacity:0;\n  transform:translateY(25px);\n  transition:all 1s ease;\n}\n\n.program-row{\n  width:100%;\n  max-width:420px;\n  display:grid;\n  grid-template-columns:80px 1fr;\n  align-items:center;\n  gap:28px;\n  margin-bottom:46px;\n  opacity:0;\n  transform:translateY(35px);\n  transition:all .9s ease;\n}\n\n.program-elegant.active .program-title,\n.program-elegant.active .program-row{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.program-elegant.active .program-row:nth-of-type(1){ transition-delay:.15s; }\n.program-elegant.active .program-row:nth-of-type(2){ transition-delay:.35s; }\n.program-elegant.active .program-row:nth-of-type(3){ transition-delay:.55s; }\n\n.program-row:hover{\n  transform:translateY(-5px) scale(1.02);\n}\n\n.program-icon{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n}\n\n.program-icon img{\n  width:64px;\n  opacity:.85;\n  transition:.35s;\n}\n\n.program-row:hover .program-icon img{\n  transform:scale(1.1);\n}\n\n.program-content{\n  text-align:left;\n}\n\n.program-label{\n  font-family:'Manrope', sans-serif;\n  font-size:12px;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  opacity:.7;\n  margin-bottom:6px;\n}\n\n.program-time{\n  font-family:'Forum', serif;\n  font-size:50px;\n  line-height:1;\n}\n\n.program-line{\n  width:65%;\n  height:1px;\n  background:rgba(0,0,0,.15);\n  margin:22px auto 44px;\n  opacity:0;\n  transform:scaleX(.4);\n  transition:all 1s ease;\n}\n\n.program-elegant.active .program-line{\n  opacity:1;\n  transform:scaleX(1);\n}\n\n@keyframes gentleFloat{\n  0%,100%{ transform:translateY(0); }\n  50%{ transform:translateY(-6px); }\n}\n\n.program-elegant.active .program-icon img{\n  animation:gentleFloat 3s ease-in-out infinite;\n}\n\n.program-elegant.active .program-row:nth-of-type(2) .program-icon img{\n  animation-delay:.4s;\n}\n\n.program-elegant.active .program-row:nth-of-type(3) .program-icon img{\n  animation-delay:.8s;\n}\n\n@media(max-width:768px){\n  .program-title{\n    font-size:28px;\n    margin-bottom:60px;\n  }\n\n  .program-row{\n    grid-template-columns:70px 1fr;\n    gap:20px;\n    margin-bottom:38px;\n  }\n\n  .program-icon img{\n    width:56px;\n  }\n\n  .program-time{\n    font-size:44px;\n  }\n\n  .program-label{\n    font-size:11px;\n  }\n}\n<\/style>\n\n<section class=\"program-elegant\" id=\"program\">\n\n  <div class=\"program-title\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u0430<\/div>\n\n  <div class=\"program-row\">\n    <div class=\"program-icon\">\n      <img decoding=\"async\" src=\"https:\/\/petia-kiril.site\/wp-content\/uploads\/2026\/05\/viber_image_2026-05-01_15-10-20-805.png\">\n    <\/div>\n    <div class=\"program-content\">\n      <div class=\"program-label\">Welcome drink<\/div>\n      <div class=\"program-time\">18:00<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"program-line\"><\/div>\n\n  <div class=\"program-row\">\n    <div class=\"program-icon\">\n      <img decoding=\"async\" src=\"https:\/\/petia-kiril.site\/wp-content\/uploads\/2026\/05\/viber_image_2026-05-01_15-11-22-693.png\">\n    <\/div>\n    <div class=\"program-content\">\n      <div class=\"program-label\">\u0418\u0437\u043d\u0435\u0441\u0435\u043d \u0440\u0438\u0442\u0443\u0430\u043b<\/div>\n      <div class=\"program-time\">18:30<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"program-line\"><\/div>\n\n  <div class=\"program-row\">\n    <div class=\"program-icon\">\n      <img decoding=\"async\" src=\"https:\/\/petia-kiril.site\/wp-content\/uploads\/2026\/05\/viber_image_2026-05-01_15-20-34-945.png\">\n    <\/div>\n    <div class=\"program-content\">\n      <div class=\"program-label\">\u0412\u0435\u0447\u0435\u0440\u044f \u0438 \u0442\u044a\u0440\u0436\u0435\u0441\u0442\u0432\u043e<\/div>\n      <div class=\"program-time\">19:00<\/div>\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const program = document.getElementById('program');\n  if(!program) return;\n\n  const observer = new IntersectionObserver((entries)=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        program.classList.add('active');\n      }\n    });\n  },{threshold:0.25});\n\n  observer.observe(program);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6498377 e-flex e-con-boxed e-con e-parent\" data-id=\"6498377\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11bf4b7 elementor-widget elementor-widget-html\" data-id=\"11bf4b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.rsvp-section{\n  position:relative;\n  width:100%;\n  min-height:100vh;\n  background:url('https:\/\/petia-kiril.site\/wp-content\/uploads\/2026\/05\/viber_image_2026-05-01_12-31-19-825.jpg') center\/cover no-repeat;\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  text-align:center;\n  color:#fff;\n  padding:40px 20px;\n  overflow:hidden;\n}\n\n.rsvp-overlay{\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,.62));\n  z-index:1;\n}\n\n.rsvp-content{\n  position:relative;\n  z-index:2;\n  max-width:340px;\n  opacity:0;\n  transform:translateY(35px);\n  transition:all 1s ease;\n}\n\n.rsvp-section.active .rsvp-content{\n  opacity:1;\n  transform:translateY(0);\n}\n\n.rsvp-title{\n  font-family:'Forum', serif;\n  font-size:28px;\n  line-height:1.45;\n  margin-bottom:22px;\n  letter-spacing:.08em;\n}\n\n.rsvp-date{\n  font-family:'Forum', serif;\n  font-size:42px;\n  letter-spacing:.1em;\n  margin-bottom:32px;\n}\n\n.rsvp-btn{\n  border:1px solid #fff;\n  padding:15px 28px;\n  text-decoration:none;\n  color:#fff;\n  font-family:'Manrope', sans-serif;\n  font-size:12px;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  display:inline-block;\n  margin-bottom:70px;\n  transition:.35s ease;\n}\n\n.rsvp-btn:hover{\n  background:#fff;\n  color:#111;\n}\n\n.gift-icons{\n  position:absolute;\n  bottom:34px;\n  font-family:'Manrope', serif;\n    font-size:20px;\n    color:#f4efe8;\n    line-height:1.5;\n  left:50%;\n  display:flex;\n  gap:42px;\n  z-index:2;\n  opacity:0;\n  transform:translateX(-50%) translateY(28px);\n  transition:all 1s ease .25s;\n}\n\n.rsvp-section.active .gift-icons{\n  opacity:1;\n  transform:translateX(-50%) translateY(0);\n}\n\n.gift-icons img{\n  width:66px;\n}\n\n\/* \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f *\/\n@keyframes buttonFloat{\n  0%,100%{ transform:translateY(0); }\n  50%{ transform:translateY(-7px); }\n}\n\n@keyframes iconFloat{\n  0%,100%{ transform:translateY(0) scale(1); }\n  50%{ transform:translateY(-8px) scale(1.05); }\n}\n\n.rsvp-section.active .rsvp-btn{\n  animation:buttonFloat 3s ease-in-out infinite;\n}\n\n.rsvp-section.active .gift-icons img{\n  animation:iconFloat 3.2s ease-in-out infinite;\n}\n\n.rsvp-section.active .gift-icons img:nth-child(2){\n  animation-delay:.45s;\n}\n\n@media(max-width:768px){\n  .rsvp-title{ font-size:24px; }\n  .rsvp-date{ font-size:36px; }\n  .gift-icons img{ width:60px; }\n}\n<\/style>\n\n<section class=\"rsvp-section\" id=\"rsvp\">\n\n  <div class=\"rsvp-overlay\"><\/div>\n\n  <div class=\"rsvp-content\">\n    <div class=\"rsvp-title\">\n      \u041c\u041e\u041b\u0418\u041c \u0414\u0410 \u041f\u041e\u0422\u0412\u042a\u0420\u0414\u0418\u0422\u0415 \u041f\u0420\u0418\u0421\u042a\u0421\u0422\u0412\u0418\u0415\u0422\u041e \u0421\u0418 \u0414\u041e\n    <\/div>\n\n    <div class=\"rsvp-date\">\n      15.08.2026\n    <\/div>\n\n    <a href=\"viber:\/\/chat?number=%2B359890421003\" class=\"rsvp-btn\">\n      \u041f\u043e\u0442\u0432\u044a\u0440\u0434\u0438 \u043f\u0440\u0435\u0437 Viber\n    <\/a>\n  <\/div>\n\n  <div class=\"gift-icons\">\n   \n    \u041d\u0415 \u041d\u041e\u0421\u0415\u0422\u0415 \u0411\u0423\u041a\u0415\u0422\u0418. \u0411\u041b\u0410\u0413\u041e\u0414\u0410\u0420\u0418\u041c !\n  <\/div>\n\n<\/section>\n\n<script>\n(function(){\n  const rsvp = document.getElementById('rsvp');\n\n  if(!rsvp) return;\n\n  const observer = new IntersectionObserver((entries)=>{\n    entries.forEach(entry=>{\n      if(entry.isIntersecting){\n        rsvp.classList.add('active');\n      }\n    });\n  },{threshold:0.25});\n\n  observer.observe(rsvp);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>11.09.2026 \u041f | \u041a \u0421\u043a\u044a\u043f\u0438 \u0433\u043e\u0441\u0442\u0438, \u043d\u0438\u0435 \u041f\u0435\u0442\u044f \u0438 \u041a\u0438\u0440\u0438\u043b \u0429\u0435 \u0441\u0435 \u0440\u0430\u0434\u0432\u0430\u043c\u0435 \u0434\u0430 \u0441\u043f\u043e\u0434\u0435\u043b\u0438\u0442\u0435 \u0441 \u043d\u0430\u0441 \u0441\u0432\u0430\u0442\u0431\u0435\u043d\u0438\u044f \u043d\u0438 \u0434\u0435\u043d. \u0421\u0415\u041f\u0422\u0415\u041c\u0412\u0420\u0418 \u041f\u043e\u043d\u0412\u0442\u0421\u0440\u0427\u0435\u0442\u041f\u0435\u0442\u0421\u044a\u0431\u041d\u0435\u0434 123456 78910111213 14151617181920 21222324252627 282930 \u0414\u043e \u0441\u0432\u0430\u0442\u0431\u0430\u0442\u0430 \u043e\u0441\u0442\u0430\u0432\u0430\u0442 0 \u0434\u043d\u0438 0 \u0447\u0430\u0441\u0430 0 \u043c\u0438\u043d\u0443\u0442\u0438 0 \u0441\u0435\u043a\u0443\u043d\u0434\u0438 \u041b\u043e\u043a\u0430\u0446\u0438\u044f \ud83d\udccd Hills Brewery Park \u0412\u0438\u0436 \u0432 Google Maps \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u0430 Welcome drink 18:00 \u0418\u0437\u043d\u0435\u0441\u0435\u043d \u0440\u0438\u0442\u0443\u0430\u043b 18:30 \u0412\u0435\u0447\u0435\u0440\u044f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/petia-kiril.site\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/petia-kiril.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/petia-kiril.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/petia-kiril.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/petia-kiril.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":51,"href":"https:\/\/petia-kiril.site\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/petia-kiril.site\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/petia-kiril.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}