@font-face {
  font-family: "Namu 1930";
  src: url('../fonts/NAMU-1930.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --red: red;
  --dark: #333;
  --shad: #3339;
  --shadow\<deleted\|variable-0468ab42-4943-b228-88c6-c2749503b35c\>: #3339;
}

body {
  letter-spacing: 0;
  font-size: 1em;
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

a {
  font-size: 1em;
  text-decoration: none;
}

label {
  margin-bottom: .3em;
  font-size: 1.25em;
  font-weight: 700;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.styleguide_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.global_embed {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.global_symbol {
  position: fixed;
  inset: 0% 0% auto;
}

.styleguide_rich-text p {
  margin-top: 0;
  margin-bottom: 1.6em;
}

.styleguide_rich-text h1 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 3.28em;
}

.styleguide_rich-text h2 {
  margin-top: 0;
  margin-bottom: .2em;
  font-size: 2.5em;
}

.styleguide_rich-text h3 {
  margin-top: 0;
  margin-bottom: .3em;
  font-size: 2.19em;
}

.styleguide_rich-text h4 {
  margin-top: 0;
  margin-bottom: .4em;
  font-size: 1.88em;
}

.styleguide_rich-text h5 {
  margin-top: 0;
  margin-bottom: .6em;
  font-size: 1.67em;
}

.styleguide_rich-text h6 {
  margin-top: 0;
  margin-bottom: .7em;
  font-size: 1.46em;
}

.page-wrapper {
  width: 100%;
  font-size: 1em;
  position: relative;
  overflow: hidden;
}

.text-size-h1 {
  font-size: 3.28em;
  line-height: 1.2;
}

.text-size-h2 {
  font-size: 2.5em;
  line-height: 1.2;
}

.text-size-h3 {
  font-size: 2.19em;
  line-height: 1.3;
}

.text-size-h4 {
  font-size: 1.88em;
  line-height: 1.3;
}

.text-size-h5 {
  font-size: 1.67em;
  line-height: 1.3;
}

.text-size-h6 {
  font-size: 1.46em;
}

.styleguide_form-input {
  border: 1px solid #0003;
  border-radius: 0;
  height: 3em;
  margin-bottom: 1em;
  padding: 0 .9em;
  font-size: 1.25em;
}

.text-size-display {
  font-size: 4.38em;
  line-height: 1.1;
}

.styleguide_form-submit {
  font-size: 1.25em;
}

.styleguide_list {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.page-padding {
  width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 0%;
}

.page-padding.footer {
  padding-bottom: 1rem;
}

.home-hero_layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-bg {
  z-index: -10;
  aspect-ratio: auto;
  pointer-events: none;
  mix-blend-mode: multiply;
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  position: fixed;
}

.main-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.main-item.right {
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.logo-link {
  cursor: pointer;
  transition: all .4s;
}

.logo-link:hover {
  transform: scale(.9);
}

.text-main-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  margin-top: 13rem;
  display: flex;
}

.heading-main {
  color: var(--red);
  text-transform: uppercase;
  mix-blend-mode: multiply;
  font-family: "Namu 1930", Arial, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 1;
}

.h2-main {
  color: var(--dark);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1;
}

.alex-img {
  mix-blend-mode: multiply;
  max-width: none;
  height: 46.88rem;
}

.flwr2-img {
  z-index: 2;
  overflow-wrap: normal;
  mix-blend-mode: darken;
  max-width: none;
  height: 6rem;
  position: absolute;
  inset: auto 11.5rem 0 auto;
}

.flwr1-img {
  mix-blend-mode: darken;
  width: 14.69rem;
  max-width: none;
  position: absolute;
  inset: -3rem -6rem auto auto;
}

.flwr1-img.loop-spin {
  animation-duration: 35s;
}

.scribble1-img {
  mix-blend-mode: normal;
  position: absolute;
  inset: 0 auto auto -9rem;
}

.s2-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.s2-item {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.s2-item.right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.ph1-img {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  transform: rotate(0);
}

._36p-eb-text {
  color: var(--dark);
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.4;
}

.paragraph {
  color: var(--dark);
}

.paragraph.memory {
  margin-bottom: 2rem;
}

.paragraph.footer {
  text-align: right;
  mix-blend-mode: multiply;
  width: 24rem;
  font-weight: 800;
}

.paragraph.s5-memory-text {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.s3-content {
  position: relative;
}

.h3 {
  color: var(--red);
  text-align: center;
  mix-blend-mode: multiply;
  font-family: "Namu 1930", Arial, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
}

.h3.videopamyat {
  margin-top: 5rem;
  font-family: Kyivregion;
  font-weight: 400;
}

.heading-name {
  color: var(--dark);
  text-align: center;
  margin-top: 1rem;
  font-family: Inter, sans-serif;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.3;
}

.grey-span {
  opacity: .7;
  font-size: 2.25rem;
  font-weight: 500;
}

.s3-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
  position: relative;
}

.s3-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 36.5rem;
  display: flex;
}

.pin-img {
  mix-blend-mode: multiply;
}

.s3-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.s3-row.doted {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-left: 1px dashed var(--red);
  flex-flow: column;
  margin-left: .8rem;
  padding-left: 1rem;
}

.bold-text {
  color: var(--dark);
}

.body {
  background-color: #fffffa;
}

.phot2-img {
  z-index: 2;
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  position: relative;
  left: 0;
  transform: rotate(-2deg);
}

.star-img {
  mix-blend-mode: multiply;
  position: relative;
  top: .6rem;
}

.star-img.loop-spin {
  animation-duration: 15s;
  animation-direction: reverse;
}

.flwr-3 {
  mix-blend-mode: multiply;
  width: 20rem;
  max-width: none;
  position: relative;
  left: 7rem;
}

.flwr-3.loop-spin {
  width: 19rem;
  animation-duration: 25s;
  position: absolute;
  inset: auto auto 4rem 8rem;
}

.html-embed {
  height: 3rem;
  position: fixed;
  inset: 0% 0% auto;
}

.round-flower {
  position: absolute;
  inset: auto auto 0% 0%;
}

.round-flower.loop-spin {
  width: 10rem;
  max-width: none;
  animation-duration: 25s;
  inset: auto auto auto 0%;
}

.loop-spin {
  animation-name: loop-spin;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: both;
}

.s4-wife {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.s4-item-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  margin-bottom: 0;
  display: grid;
}

.s4-item-grid._2row {
  margin-top: 4rem;
}

.s4-col-grid {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 36.38rem;
  display: flex;
  position: relative;
}

.s4-col-grid.s4-ff, .s4-col-grid.friend {
  justify-content: flex-start;
  align-items: center;
}

.s4-heart {
  position: absolute;
  inset: -5rem 5rem auto auto;
}

.quote-img {
  mix-blend-mode: multiply;
  width: 7.19rem;
  max-width: none;
  margin-bottom: 2rem;
}

.s4-wife1 {
  box-shadow: -24px 24px 64px 8px var(--shad);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: auto;
  transform: rotate(2deg);
}

.s4-wife2 {
  box-shadow: -24px 24px 64px 8px var(--shad);
  max-width: none;
  position: relative;
  inset: auto auto 0 0;
  transform: rotate(-2deg);
}

.s4-flwr1 {
  z-index: 2;
  mix-blend-mode: multiply;
  width: 16rem;
  max-width: none;
  position: relative;
  left: 9rem;
}

.s4-colega {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.s4-flwr-mother {
  mix-blend-mode: darken;
  width: 15rem;
  max-width: none;
  position: absolute;
  inset: -6rem -4.5rem auto auto;
}

.s4-mother-scribble {
  width: 15.31rem;
  max-width: none;
  margin-top: 2rem;
  position: relative;
  left: 11rem;
}

.s4-mother-photo-img {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: auto;
  max-width: none;
  margin-top: 2rem;
  position: relative;
  left: 0;
  transform: rotate(-2deg);
}

.s4-family-friend {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.s4-flwr-ff {
  mix-blend-mode: multiply;
  width: 18rem;
  max-width: none;
  position: absolute;
  inset: -17rem 6rem auto auto;
}

.s4-ff-photo-img {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  margin-top: 2rem;
  position: relative;
  left: 0;
  transform: rotate(2deg);
}

.s4-ff-photo-img.second {
  box-shadow: -24px 24px 64px 8px var(--shad);
  margin-top: 0;
  top: 2rem;
  transform: rotate(-2deg);
}

.s4-ff-photo-img.ff1 {
  width: 100%;
  transform: rotate(-2deg);
}

.cup-img {
  mix-blend-mode: multiply;
  width: 7.19rem;
  max-width: none;
  margin-bottom: 2rem;
}

.s4-kum {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.s4-flwr-kum {
  mix-blend-mode: darken;
  width: 9rem;
  max-width: none;
  position: absolute;
  inset: -16.5rem 12.5rem auto auto;
  transform: rotate(-120deg);
}

.s4-friend {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 7.5rem;
  display: flex;
  position: relative;
}

.s4-friend-scribble {
  mix-blend-mode: multiply;
  width: 18rem;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: auto;
}

.s4-friend-scribble.loop-spin {
  animation-duration: 35s;
  top: -12.7rem;
}

.s4-friend-photo {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: auto;
  max-width: none;
  position: relative;
  left: 0;
}

.s4-friend-flower {
  mix-blend-mode: multiply;
  width: 7rem;
  max-width: none;
  margin-bottom: 2rem;
  position: absolute;
  inset: -19.6rem auto auto 0%;
}

.s4-friend-img {
  box-shadow: -24px 24px 64px 8px var(--shadow\<deleted\|variable-0468ab42-4943-b228-88c6-c2749503b35c\>);
  max-width: none;
  transform: rotate(-1deg);
}

.s5-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.s5-item {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.memory1-img {
  box-shadow: -20px 24px 64px 8px #3339;
}

.lb-memory {
  width: 100%;
}

.lb-memory.top-photo {
  margin-bottom: 0;
}

.lb-memory._3friends {
  width: 60rem;
  transform: rotate(-2deg);
}

.lb-memory.mother {
  width: 60rem;
  margin-top: 2rem;
  transform: rotate(2deg);
}

.memory-flwr {
  mix-blend-mode: multiply;
  width: 10rem;
  max-width: none;
  position: absolute;
  inset: auto 0% 0 auto;
}

.s5-grid2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4rem;
  display: flex;
  position: relative;
}

.quick-stack {
  z-index: 5;
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  position: relative;
}

.lb-memory-img {
  width: 100%;
  max-width: none;
  height: 100%;
  box-shadow: -24px 24px 64px 8px #3339;
}

.cloud-img {
  mix-blend-mode: darken;
  width: 10rem;
  max-width: none;
  margin: 3rem auto;
  position: relative;
  inset: auto;
}

.footer-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.flwr-footer {
  mix-blend-mode: multiply;
  width: 20rem;
  max-width: none;
  position: relative;
  left: 7rem;
}

.flwr-footer.loop-spin {
  width: 19rem;
  animation-duration: 25s;
  animation-direction: reverse;
  position: absolute;
  inset: 60rem auto 0% -7rem;
}

.footer-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 2rem;
  display: grid;
}

.footer-item {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.footer-item.right {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
}

.name-block {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.grey-span-footer {
  opacity: .7;
  font-size: 1.5rem;
  font-weight: 500;
}

.bold-text-2 {
  font-weight: 800;
}

.paragraph-footer {
  color: var(--dark);
  line-height: 1;
}

.paragraph-footer.memory {
  margin-bottom: 2rem;
}

.paragraph-footer.mid {
  text-align: center;
  margin-top: -20px;
  margin-bottom: 0;
}

.span-red {
  color: var(--red);
}

.social-block {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-social {
  cursor: pointer;
  transition: all .4s;
}

.link-social:hover {
  transform: scale(.9)rotate(-18deg);
}

.footer-heart {
  width: 6.88rem;
  position: absolute;
  inset: auto;
}

.video-memory {
  border: 1px solid var(--red);
  width: 30.94rem;
  height: 55rem;
  margin-top: 0;
}

.video-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.lightning-right {
  transform-style: preserve-3d;
  transform: rotateX(-180deg)rotateY(0)rotateZ(0);
}

.bold-text-3 {
  font-family: "Namu 1930", Arial, sans-serif;
  font-weight: 400;
}

.s2-stars-img {
  position: absolute;
  inset: 0% auto auto 0%;
}

.flwr-3new {
  mix-blend-mode: darken;
  width: 9rem;
  max-width: none;
  position: absolute;
  inset: auto auto -17rem 8rem;
  transform: rotate(-30deg);
}

.flwr-3new.loop-spin {
  width: 19rem;
  animation-duration: 25s;
  position: absolute;
  inset: auto auto 4rem 8rem;
}

.flwr-32 {
  mix-blend-mode: darken;
  width: 14rem;
  max-width: none;
  position: absolute;
  inset: -17rem 0% auto auto;
  transform: rotate(-30deg);
}

.flwr-32.loop-spin {
  width: 19rem;
  animation-duration: 25s;
  position: absolute;
  inset: auto auto 4rem 8rem;
}

.s4-sun-img {
  position: absolute;
  inset: -5rem -2.5rem auto auto;
}

.s4-sun-img.loop-spin {
  animation-duration: 35s;
}

.flwr-323 {
  mix-blend-mode: darken;
  width: 14rem;
  max-width: none;
  position: absolute;
  inset: -17rem 0% auto auto;
  transform: rotate(-30deg);
}

.flwr-323.loop-spin {
  width: 16rem;
  animation-duration: 35s;
  animation-direction: reverse;
  position: absolute;
  inset: -20.1rem 0% auto auto;
}

.s4--mother-img {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 36.25rem;
  max-width: none;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  left: auto;
  transform: rotate(2deg);
}

.s4-dacha-img {
  z-index: 1;
  position: relative;
}

.s4-kid-img {
  box-shadow: -24px 24px 64px 8px var(--shad);
  margin-top: -3rem;
}

.s4-mom {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.s4-mom-flwr {
  mix-blend-mode: darken;
  transform-style: preserve-3d;
  width: 6rem;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transform: rotateX(0)rotateY(-180deg)rotateZ(-115deg);
}

.s4-img-ruslan {
  mix-blend-mode: darken;
  width: 15rem;
  max-width: none;
  position: absolute;
  inset: -6rem -4.5rem auto auto;
}

.ruslan-img1 {
  z-index: 2;
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  position: relative;
  left: 0;
  transform: rotate(2deg);
}

.ruslan-img2 {
  width: 12.5rem;
  max-width: none;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
}

.ruslan-img2.loop-spin {
  animation-duration: 25s;
  animation-direction: reverse;
}

.s4-wife-heart {
  mix-blend-mode: multiply;
  width: auto;
  max-width: none;
  margin: 4rem auto 2rem;
  position: relative;
  inset: auto;
}

.s4-wife-heart.loop-spin {
  animation-duration: 35s;
  top: -12.7rem;
}

.s4-wife-img1 {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  margin-top: 2rem;
  margin-bottom: 4rem;
  position: relative;
  left: 0;
  transform: rotate(2deg);
}

.s4-wife-img1.second {
  box-shadow: -24px 24px 64px 8px var(--shad);
  margin-top: 0;
  top: 2rem;
  transform: rotate(-2deg);
}

.s4-wife-img1.ff1 {
  width: 100%;
  transform: rotate(-2deg);
}

.wife-flwr {
  mix-blend-mode: darken;
  width: 13.75rem;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.s4-wife-img2 {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  margin-top: 2rem;
  margin-bottom: 4rem;
  position: relative;
  left: 0;
  transform: rotate(-2deg);
}

.s4-wife-img2.second {
  box-shadow: -24px 24px 64px 8px var(--shad);
  margin-top: 0;
  top: 2rem;
  transform: rotate(-2deg);
}

.s4-wife-img2.ff1 {
  width: 100%;
  transform: rotate(-2deg);
}

.s4-wife-img3 {
  box-shadow: -24px 24px 64px 8px var(--shad);
  width: 100%;
  max-width: none;
  margin-top: 2rem;
  margin-bottom: 0;
  position: relative;
  left: 0;
  transform: rotate(2deg);
}

.s4-wife-img3.second {
  box-shadow: -24px 24px 64px 8px var(--shad);
  margin-top: 0;
  top: 2rem;
  transform: rotate(-2deg);
}

.s4-wife-img3.ff1 {
  width: 100%;
  transform: rotate(-2deg);
}

.s4-friend-star {
  mix-blend-mode: multiply;
  width: 14rem;
  max-width: none;
  margin-bottom: 2rem;
  position: absolute;
  inset: -21.5rem auto auto 0%;
}

.s4-friend-star.loop-spin {
  animation-duration: 35s;
}

.friend-flwr {
  mix-blend-mode: darken;
  width: 12rem;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 991px) {
  .page-padding, .page-padding.is-home-hero {
    width: 47rem;
  }

  .home-hero_layout {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .main-item {
    justify-content: flex-start;
    align-items: center;
  }

  .logo-img {
    max-width: none;
  }

  .logo-img.footer {
    width: 14rem;
  }

  .text-main-block {
    justify-content: flex-start;
    align-items: center;
    margin-top: 5rem;
  }

  .heading-main {
    text-align: center;
  }

  .flwr2-img {
    bottom: -54rem;
    right: auto;
  }

  .flwr1-img {
    top: -.8rem;
    right: .5rem;
  }

  .scribble1-img {
    top: 4.8rem;
    left: .5rem;
  }

  .s2-content {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .ph1-img {
    position: relative;
    left: 0;
  }

  .paragraph.footer {
    width: 21rem;
    font-size: 1.3rem;
    line-height: 1.3;
  }

  .s3-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .s3-item {
    width: auto;
  }

  .s3-item.right-row {
    width: auto;
    margin-top: 2rem;
    position: relative;
  }

  .s3-row {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .phot2-img {
    z-index: 2;
    width: 30rem;
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .flwr-3.loop-spin {
    top: 29rem;
    left: 29rem;
  }

  .round-flower.loop-spin {
    width: 7rem;
    max-width: none;
    bottom: -32rem;
    left: 4rem;
  }

  .s4-item-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: auto;
  }

  .s4-item-grid._2row {
    margin-top: auto;
  }

  .s4-item-grid.ff, .s4-item-grid.mother, .s4-item-grid.pobratim {
    margin-top: 2rem;
  }

  .s4-col-grid {
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }

  .s4-col-grid.s4-ff.coffee {
    margin-top: 2rem;
  }

  .s4-heart {
    width: 8rem;
    max-width: none;
    top: 9rem;
    right: 3rem;
  }

  .s4-wife1 {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
  }

  .s4-wife2 {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: 0;
    left: -1rem;
  }

  .s4-flwr1 {
    width: 11rem;
    margin-top: 8rem;
    bottom: -7rem;
    left: 16rem;
  }

  .s4-colega {
    margin-top: 4rem;
  }

  .s4-flwr-mother {
    width: 11rem;
    max-width: none;
    top: -5rem;
    right: 2rem;
  }

  .s4-mother-scribble {
    left: 15rem;
  }

  .s4-mother-photo-img {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-family-friend {
    margin-top: 2rem;
  }

  .s4-flwr-ff {
    width: 12rem;
    max-width: none;
    top: -7.5rem;
    right: 2rem;
  }

  .s4-ff-photo-img {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-ff-photo-img.second {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }

  .s4-ff-photo-img.ff1 {
    width: 30rem;
  }

  .s4-flwr-kum {
    width: 7rem;
    max-width: none;
    top: -4.2rem;
    right: 1.6rem;
  }

  .s4-friend-scribble {
    width: 12rem;
    max-width: none;
    top: -11rem;
    left: 1rem;
    right: auto;
  }

  .s4-friend-scribble.loop-spin {
    top: 2.5rem;
    left: 33.5rem;
  }

  .s4-friend-photo {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-friend-flower {
    margin-bottom: 0;
    position: relative;
    top: 2.4rem;
  }

  .s4-friend-img {
    width: 100%;
    margin-top: 1rem;
  }

  .s5-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .s5-item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .lb-memory {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .lb-memory.top-photo {
    margin-bottom: 2rem;
  }

  .memory-flwr {
    width: 8rem;
    bottom: 15rem;
  }

  .quick-stack {
    padding: 0;
  }

  .lb-memory-img {
    width: 100%;
  }

  .cloud-img {
    width: 8rem;
    bottom: auto;
    right: auto;
  }

  .flwr-footer.loop-spin {
    width: 16rem;
    top: 36rem;
    left: 15rem;
  }

  .grey-span-footer, .paragraph-footer {
    font-size: 1.3rem;
  }

  .footer-heart {
    inset: -6.7rem auto auto;
  }

  .s2-stars-img {
    width: 6rem;
  }

  .flwr-3new {
    width: 7rem;
    bottom: -13.1rem;
    left: 3.3rem;
  }

  .flwr-3new.loop-spin, .flwr-32.loop-spin {
    top: 29rem;
    left: 29rem;
  }

  .s4-sun-img {
    width: 8rem;
    max-width: none;
    top: 9rem;
    right: 3rem;
  }

  .flwr-323.loop-spin {
    width: 12rem;
    top: 36rem;
    left: 39rem;
  }

  .s4--mother-img {
    width: 33rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: 0;
  }

  .s4-dacha-img {
    width: 100%;
    max-width: none;
  }

  .s4-kid-img {
    width: 100%;
  }

  .s4-img-ruslan {
    width: 9rem;
    max-width: none;
    top: -3rem;
    right: 2rem;
  }

  .ruslan-img1 {
    z-index: 2;
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-wife-heart {
    width: 12rem;
    max-width: none;
    top: auto;
    left: 1rem;
    right: auto;
  }

  .s4-wife-heart.loop-spin {
    top: 2.5rem;
    left: 33.5rem;
  }

  .s4-wife-img1 {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-wife-img1.second {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }

  .s4-wife-img2 {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-wife-img2.second {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }

  .s4-wife-img3 {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  .s4-wife-img3.second {
    width: 30rem;
    margin-left: auto;
    margin-right: auto;
  }

  .s4-friend-star {
    margin-bottom: 0;
    position: relative;
    top: 2.4rem;
  }

  .s4-friend-star.loop-spin {
    width: 11rem;
    position: absolute;
    inset: -12rem auto auto 0%;
  }

  .s5-img-large {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 767px) {
  .page-padding {
    width: 35rem;
  }

  .page-padding.is-home-hero {
    width: 35rem;
    padding-top: 2rem;
  }

  .home-hero_layout {
    grid-template-rows: auto auto;
  }

  .heading-main {
    font-size: 4rem;
  }

  .h2-main {
    text-align: center;
    line-height: 1.1;
  }

  .alex-img {
    height: 42rem;
    position: relative;
  }

  .flwr2-img {
    height: 5rem;
    bottom: -48rem;
  }

  .flwr1-img {
    width: 11rem;
  }

  .flwr1-img.loop-spin {
    right: -.5rem;
  }

  .scribble1-img {
    width: 8rem;
    max-width: none;
  }

  .ph1-img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
  }

  ._36p-eb-text {
    width: 100%;
    font-size: 1.8rem;
  }

  .paragraph {
    width: 100%;
    font-size: 1.3rem;
  }

  .paragraph.memory {
    margin-bottom: 2rem;
  }

  .paragraph.footer {
    text-align: center;
  }

  .paragraph.s5-memory-text {
    margin-bottom: 2rem;
  }

  .h3.videopamyat {
    margin-top: 9rem;
  }

  .heading-name, .grey-span {
    font-size: 1.8rem;
  }

  .s3-item {
    width: 100%;
  }

  .s3-item.right-row {
    margin-top: 1rem;
  }

  .phot2-img {
    width: 100%;
    left: 0;
  }

  .flwr-3.loop-spin {
    width: 16rem;
    top: 29rem;
    left: 18rem;
  }

  .round-flower.loop-spin {
    left: -3rem;
  }

  .s4-heart {
    top: 5rem;
    right: 1.3rem;
  }

  .s4-wife1, .s4-wife2 {
    width: 100%;
    left: 0;
  }

  .s4-flwr1 {
    width: 10rem;
    left: 0;
  }

  .s4-flwr-mother {
    width: 9rem;
    top: -8rem;
  }

  .s4-mother-scribble {
    left: 0;
  }

  .s4-mother-photo-img {
    width: 100%;
  }

  .s4-flwr-ff {
    top: -10rem;
    right: -1rem;
  }

  .s4-ff-photo-img, .s4-ff-photo-img.second, .s4-ff-photo-img.ff2, .s4-ff-photo-img.ff1 {
    width: 100%;
  }

  .s4-flwr-kum {
    width: 5rem;
    top: -2rem;
  }

  .s4-friend-scribble {
    width: 11rem;
    top: -11rem;
  }

  .s4-friend-scribble.loop-spin {
    top: 4rem;
    left: 24.5rem;
  }

  .s4-friend-photo {
    width: 100%;
  }

  .lb-memory.top-photo {
    margin-bottom: auto;
  }

  .lb-memory.mother {
    width: 100%;
  }

  .memory-flwr {
    bottom: -7.2rem;
    right: 2rem;
  }

  .s5-grid2 {
    margin-top: auto;
  }

  .quick-stack {
    padding: 0;
  }

  .lb-memory-img.mother, .lb-memory-img._3friends {
    width: 100%;
  }

  .cloud-img {
    right: auto;
  }

  .flwr-footer.loop-spin {
    width: 16rem;
    top: 29rem;
    left: 18rem;
  }

  .footer-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer-item {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .footer-item.right {
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    margin-bottom: 1rem;
  }

  .grey-span-footer {
    font-size: 1.3rem;
  }

  .paragraph-footer {
    width: 100%;
    font-size: 1.3rem;
  }

  .paragraph-footer.mid {
    margin-top: 0;
  }

  .footer-heart {
    right: auto;
  }

  .video-memory {
    width: 20rem;
    height: 35rem;
  }

  .video-block {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    place-items: center;
    margin-top: 2rem;
  }

  .lightning-leftr.hide-mob, .lightning-right.hide-mob {
    display: none;
  }

  .s2-stars-img {
    top: -4.5rem;
    left: -1rem;
  }

  .flwr-3new {
    width: 6rem;
    bottom: -11rem;
    left: 1.5rem;
  }

  .flwr-3new.loop-spin, .flwr-32.loop-spin {
    width: 16rem;
    top: 29rem;
    left: 18rem;
  }

  .s4-sun-img {
    top: 5rem;
    right: 1.3rem;
  }

  .s4-sun-img.loop-spin {
    top: 7.1rem;
  }

  .flwr-323.loop-spin {
    width: 10rem;
    top: 32.4rem;
    left: 28rem;
  }

  .s4--mother-img {
    width: 100%;
    left: 0;
  }

  .s4-img-ruslan {
    width: 7rem;
    top: -2.5rem;
    right: .5rem;
  }

  .ruslan-img1 {
    width: 100%;
    left: 0;
  }

  .s4-wife-heart {
    width: 11rem;
    top: auto;
  }

  .s4-wife-heart.loop-spin {
    top: 4rem;
    left: 24.5rem;
  }

  .s4-wife-img1, .s4-wife-img1.second, .s4-wife-img1.ff2, .s4-wife-img1.ff1, .s4-wife-img2, .s4-wife-img2.second, .s4-wife-img2.ff2, .s4-wife-img2.ff1, .s4-wife-img3, .s4-wife-img3.second, .s4-wife-img3.ff2, .s4-wife-img3.ff1 {
    width: 100%;
  }

  .s4-friend-star.loop-spin {
    width: 9rem;
  }
}

@media screen and (max-width: 479px) {
  .page-padding {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-padding.is-home-hero {
    width: 100%;
    padding-top: 2rem;
  }

  .home-hero_layout {
    position: relative;
  }

  .logo-img {
    width: 15rem;
    max-width: none;
  }

  .text-main-block {
    margin-top: 4rem;
  }

  .heading-main {
    font-size: 2.5rem;
  }

  .h2-main {
    font-size: 2rem;
    line-height: 1.1;
  }

  .alex-img {
    z-index: 5;
    width: 100%;
    height: auto;
  }

  .flwr2-img {
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0 -4.5rem;
  }

  .flwr1-img {
    width: 6rem;
    top: -2rem;
    right: 0;
  }

  .scribble1-img {
    width: 4rem;
    top: 3rem;
    bottom: auto;
    left: 0;
  }

  .s2-content {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .ph1-img {
    width: 100%;
    margin-bottom: 2rem;
    left: 0;
  }

  ._36p-eb-text {
    width: auto;
    font-size: 1.4rem;
  }

  .paragraph {
    font-size: 1.2rem;
  }

  .paragraph.footer {
    width: 100%;
  }

  .paragraph.s5-memory-text {
    text-align: center;
  }

  .h3 {
    font-size: 2.3rem;
  }

  .heading-name, .grey-span {
    font-size: 1.4rem;
  }

  .s3-item {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .s3-item.right-row {
    margin-top: 0;
  }

  .bold-text {
    font-weight: 800;
  }

  .phot2-img {
    width: 100%;
  }

  .flwr-3.loop-spin {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
    top: 39.3rem;
    left: 9.8rem;
  }

  .round-flower.loop-spin {
    width: 5rem;
    bottom: -7.5rem;
    left: -2rem;
  }

  .paragraph-2 {
    font-size: 1.3rem;
  }

  .s4-item-grid._2row {
    margin-top: 0;
  }

  .s4-item-grid.ff, .s4-item-grid.wife, .s4-item-grid.mother {
    margin-top: 2rem;
  }

  .s4-col-grid {
    justify-content: flex-start;
    align-items: center;
  }

  .s4-col-grid.s4-ff.coffee {
    margin-top: 0;
  }

  .s4-col-grid.mother {
    justify-content: flex-start;
    align-items: center;
  }

  .s4-heart {
    width: 6rem;
    top: -8rem;
    right: .1rem;
  }

  .quote-img {
    width: 6rem;
  }

  .s4-wife1 {
    width: 100%;
  }

  .s4-wife2 {
    width: 100%;
    position: relative;
    inset: auto 0% 0%;
  }

  .s4-flwr1 {
    width: 6rem;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: -2.5rem;
    left: 0%;
  }

  .s4-flwr-mother {
    width: 7rem;
    top: -7rem;
    right: 0;
  }

  .s4-mother-img {
    width: 100%;
    max-width: none;
  }

  .s4-mother-scribble {
    left: auto;
  }

  .s4-mother-photo-img {
    width: 100%;
  }

  .s4-flwr-ff {
    width: 9rem;
    top: -9rem;
    right: -2rem;
  }

  .s4-ff-photo-img, .s4-ff-photo-img.second {
    width: 100%;
  }

  .cup-img {
    width: 6rem;
  }

  .s4-flwr-kum {
    width: 3rem;
    top: -4rem;
    right: 1rem;
  }

  .s4-friend {
    margin-top: 4rem;
  }

  .s4-friend-scribble {
    width: 8rem;
    top: -8rem;
    right: -2rem;
  }

  .s4-friend-scribble.loop-spin {
    top: 3rem;
    left: 13rem;
  }

  .s4-friend-photo {
    width: 100%;
  }

  .s4-friend-flower {
    width: 5rem;
    top: 2rem;
  }

  .lb-memory._3friends {
    width: 100%;
    transform: rotate(-2deg);
  }

  .lb-memory.mother {
    transform: rotate(-2deg);
  }

  .memory-flwr {
    bottom: -5.8rem;
    right: -.2rem;
  }

  .lb-memory-img._3friends {
    width: 100%;
  }

  .cloud-img {
    bottom: auto;
    right: auto;
  }

  .flwr-footer.loop-spin {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
    top: 34.5rem;
    left: 3rem;
  }

  .grey-span-footer, .paragraph-footer {
    font-size: 1.2rem;
  }

  .social-block {
    grid-column-gap: 1.3rem;
    grid-row-gap: 1.3rem;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
  }

  .social-img {
    width: 3.3rem;
    max-width: none;
  }

  .footer-heart {
    width: 5rem;
    top: -6rem;
    right: auto;
  }

  .video-memory {
    width: 18rem;
    height: 32rem;
  }

  .s2-stars-img {
    width: 4rem;
    top: -5.5rem;
    left: 3rem;
  }

  .flwr-3new {
    width: 4rem;
    bottom: -8.5rem;
  }

  .flwr-3new.loop-spin, .flwr-32.loop-spin {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
    top: 39.3rem;
    left: 9.8rem;
  }

  .s4-sun-img {
    width: 6rem;
    top: -8rem;
    right: .1rem;
  }

  .s4-sun-img.loop-spin {
    width: 5rem;
    top: 5.5rem;
    right: 0;
  }

  .flwr-323.loop-spin {
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
    inset: -15.4rem -3rem auto auto;
  }

  .s4--mother-img {
    width: 100%;
  }

  .s4-kid-img {
    margin-top: -1rem;
  }

  .s4-mom-flwr {
    width: 4rem;
  }

  .s4-img-ruslan {
    width: 5rem;
    top: -5rem;
    right: 0;
  }

  .ruslan-img1 {
    width: 100%;
  }

  .s4-wife-heart {
    width: 8rem;
    top: auto;
    left: auto;
    right: auto;
  }

  .s4-wife-heart.loop-spin {
    top: 3rem;
    left: 13rem;
  }

  .s4-wife-img1, .s4-wife-img1.second {
    width: 100%;
  }

  .wife-flwr {
    width: 8rem;
  }

  .s4-wife-img2, .s4-wife-img2.second, .s4-wife-img3, .s4-wife-img3.second {
    width: 100%;
  }

  .s4-friend-star {
    width: 5rem;
    top: 2rem;
  }

  .s4-friend-star.loop-spin {
    width: 5rem;
    top: -10rem;
  }

  .friend-flwr {
    width: 8rem;
  }
}

#w-node-_878adde2-f623-f06b-4e5e-f16339a49d29-8ec95de5 {
  align-self: auto;
}

#w-node-a9b26f32-4024-1f1c-1382-f68c792b0218-8ec95de5, #w-node-_165987e7-d8f9-5735-8ba6-3c7086970506-8ec95de5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Namu 1930';
  src: url('../fonts/NAMU-1930.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}