/* === Design Motion (page-id-15) === */
@font-face{
  font-family: "Gunplay";
  src: url("/wp-content/uploads/design-motion/fonts/17770.TTF") format("truetype");
  font-display: swap;
}


.page-id-15 .dm-stage .dm-btn {
  position: absolute;
  display: block;
  z-index: 2;
  transform-origin: top left;
}

.page-id-15 .dm-stage .dm-content {
  position: absolute;
  display: block;
  transform-origin: top left;
  pointer-events: none;
}

.page-id-15 .dm-stage .dm-cloud {
  position: absolute;
  display: block;
  transform-origin: top left;
}

.page-id-15 .dm-stage .dm-btn {
  cursor: pointer;
  will-change: transform;
  transition: transform .18s ease;
}



/* Кнопки — финальные координаты под bMainBG.webp (1920×1080) */
.page-id-15 .dm-stage .dm-1 {
    left: 13.02083%;
    top: 78.79630%;
    width: 7.29167%;
    height: 11.20370%;
}

.page-id-15 .dm-stage .dm-2 {
    left: 20.26042%;
    top: 79.16667%;
    width: 5.98958%;
    height: 11.57407%;
}

.page-id-15 .dm-stage .dm-3 {
    left: 26.30208%;
    top: 79.81481%;
    width: 6.40625%;
    height: 10.74074%;
}

.page-id-15 .dm-stage .dm-4 {
    left: 38.48958%;
    top: 80.18519%;
    width: 5.93750%;
    height: 10.37037%;
}

.page-id-15 .dm-stage .dm-5 {
    left: 44.47917%;
    top: 80.00000%;
    width: 5.67708%;
    height: 10.83333%;
}

.page-id-15 .dm-stage .dm-6 {
    left: 50.31250%;
    top: 80.27778%;
    width: 5.67708%;
    height: 10.83333%;
}

.page-id-15 .dm-stage .dm-7 {
    left: 56.09375%;
    top: 80.46296%;
    width: 5.78125%;
    height: 10.92593%;
}

.page-id-15 .dm-stage .dm-8 {
    left: 61.77083%;
    top: 80.55556%;
    width: 5.31250%;
    height: 10.46296%;
}

.page-id-15 .dm-stage .dm-9 {
    left: 67.18750%;
    top: 81.11111%;
    width: 5.57292%;
    height: 10.09259%;
}

.page-id-15 .dm-stage .dm-10 {
    left: 77.60417%;
    top: 81.29630%;
    width: 5.20833%;
    height: 9.25926%;
}

.page-id-15 .dm-stage .dm-11 {
    left: 82.65625%;
    top: 81.11111%;
    width: 5.00000%;
    height: 9.07407%;
}

.page-id-15 .dm-stage .dm-12 {
    left: 87.65625%;
    top: 81.48148%;
    width: 4.68750%;
    height: 8.42593%;
}

.page-id-15 .dm-stage .dm-13 {
    left: 13.95833%;
    top: 68.61111%;
    width: 6.40625%;
    height: 10.46296%;
}

.page-id-15 .dm-stage .dm-14 {
    left: 20.36458%;
    top: 68.79630%;
    width: 6.40625%;
    height: 10.55556%;
}

.page-id-15 .dm-stage .dm-15 {
    left: 26.56250%;
    top: 69.07407%;
    width: 6.40625%;
    height: 10.55556%;
}

.page-id-15 .dm-stage .dm-16 {
    left: 38.59375%;
    top: 70.09259%;
    width: 5.98958%;
    height: 10.00000%;
}

.page-id-15 .dm-stage .dm-17 {
    left: 44.73958%;
    top: 70.18519%;
    width: 5.46875%;
    height: 9.72222%;
}

.page-id-15 .dm-stage .dm-18 {
    left: 50.52083%;
    top: 70.83333%;
    width: 5.46875%;
    height: 9.35185%;
}

.page-id-15 .dm-stage .dm-19 {
    left: 56.09375%;
    top: 71.01852%;
    width: 5.36458%;
    height: 9.35185%;
}

.page-id-15 .dm-stage .dm-20 {
    left: 61.56250%;
    top: 70.74074%;
    width: 5.52083%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-21 {
    left: 67.29167%;
    top: 71.57407%;
    width: 4.94792%;
    height: 9.72222%;
}

.page-id-15 .dm-stage .dm-22 {
    left: 77.18750%;
    top: 71.85185%;
    width: 5.00000%;
    height: 9.35185%;
}

.page-id-15 .dm-stage .dm-23 {
    left: 82.08333%;
    top: 71.29630%;
    width: 5.52083%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-24 {
    left: 87.60417%;
    top: 71.85185%;
    width: 4.21875%;
    height: 9.35185%;
}

.page-id-15 .dm-stage .dm-25 {
    left: 14.84375%;
    top: 58.51852%;
    width: 5.88542%;
    height: 10.18519%;
}

.page-id-15 .dm-stage .dm-26 {
    left: 20.62500%;
    top: 58.61111%;
    width: 6.56250%;
    height: 10.18519%;
}

.page-id-15 .dm-stage .dm-27 {
    left: 27.29167%;
    top: 59.25926%;
    width: 5.93750%;
    height: 10.09259%;
}

.page-id-15 .dm-stage .dm-28 {
    left: 38.85417%;
    top: 60.46296%;
    width: 5.67708%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-29 {
    left: 44.68750%;
    top: 60.09259%;
    width: 5.78125%;
    height: 10.37037%;
}

.page-id-15 .dm-stage .dm-30 {
    left: 50.57292%;
    top: 60.55556%;
    width: 5.41667%;
    height: 10.18519%;
}

.page-id-15 .dm-stage .dm-31 {
    left: 56.04167%;
    top: 61.11111%;
    width: 5.26042%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-32 {
    left: 61.35417%;
    top: 61.01852%;
    width: 5.57292%;
    height: 9.72222%;
}

.page-id-15 .dm-stage .dm-33 {
    left: 66.92708%;
    top: 61.66667%;
    width: 5.05208%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-34 {
    left: 76.82292%;
    top: 62.50000%;
    width: 5.15625%;
    height: 9.25926%;
}

.page-id-15 .dm-stage .dm-35 {
    left: 81.71875%;
    top: 62.40741%;
    width: 5.72917%;
    height: 8.88889%;
}

.page-id-15 .dm-stage .dm-36 {
    left: 87.34375%;
    top: 63.14815%;
    width: 4.16667%;
    height: 8.79630%;
}

.page-id-15 .dm-stage .dm-37 {
    left: 15.67708%;
    top: 48.88889%;
    width: 5.62500%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-38 {
    left: 21.14583%;
    top: 48.88889%;
    width: 6.51042%;
    height: 10.00000%;
}

.page-id-15 .dm-stage .dm-39 {
    left: 27.55208%;
    top: 49.62963%;
    width: 5.72917%;
    height: 9.90741%;
}

.page-id-15 .dm-stage .dm-40 {
    left: 39.06250%;
    top: 50.27778%;
    width: 5.57292%;
    height: 10.27778%;
}

.page-id-15 .dm-stage .dm-41 {
    left: 44.73958%;
    top: 50.37037%;
    width: 5.83333%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-42 {
    left: 50.57292%;
    top: 50.83333%;
    width: 5.41667%;
    height: 9.72222%;
}

.page-id-15 .dm-stage .dm-43 {
    left: 56.04167%;
    top: 51.20370%;
    width: 5.15625%;
    height: 9.90741%;
}

.page-id-15 .dm-stage .dm-44 {
    left: 61.19792%;
    top: 51.66667%;
    width: 5.62500%;
    height: 10.09259%;
}

.page-id-15 .dm-stage .dm-45 {
    left: 66.92708%;
    top: 52.77778%;
    width: 5.00000%;
    height: 9.16667%;
}

.page-id-15 .dm-stage .dm-46 {
    left: 76.61458%;
    top: 53.42593%;
    width: 5.05208%;
    height: 8.79630%;
}

.page-id-15 .dm-stage .dm-47 {
    left: 81.61458%;
    top: 53.14815%;
    width: 5.05208%;
    height: 9.25926%;
}

.page-id-15 .dm-stage .dm-48 {
    left: 86.66667%;
    top: 53.70370%;
    width: 4.37500%;
    height: 9.44444%;
}

.page-id-15 .dm-stage .dm-49 {
    left: 16.19792%;
    top: 39.53704%;
    width: 5.93750%;
    height: 9.62963%;
}

.page-id-15 .dm-stage .dm-50 {
    left: 21.71875%;
    top: 39.81481%;
    width: 6.25000%;
    height: 9.25926%;
}

.page-id-15 .dm-stage .dm-51 {
    left: 27.91667%;
    top: 40.09259%;
    width: 5.93750%;
    height: 10.09259%;
}

.page-id-15 .dm-stage .dm-52 {
    left: 39.21875%;
    top: 41.11111%;
    width: 5.62500%;
    height: 9.25926%;
}

.page-id-15 .dm-stage .dm-53 {
    left: 44.79167%;
    top: 41.66667%;
    width: 5.72917%;
    height: 8.79630%;
}

.page-id-15 .dm-stage .dm-54 {
    left: 50.46875%;
    top: 42.03704%;
    width: 5.46875%;
    height: 8.88889%;
}

.page-id-15 .dm-stage .dm-55 {
    left: 56.04167%;
    top: 42.87037%;
    width: 5.10417%;
    height: 8.42593%;
}

.page-id-15 .dm-stage .dm-56 {
    left: 61.19792%;
    top: 42.96296%;
    width: 5.67708%;
    height: 8.88889%;
}

.page-id-15 .dm-stage .dm-57 {
    left: 66.87500%;
    top: 43.70370%;
    width: 4.68750%;
    height: 8.98148%;
}

.page-id-15 .dm-stage .dm-58 {
    left: 76.35417%;
    top: 44.62963%;
    width: 5.00000%;
    height: 8.79630%;
}

.page-id-15 .dm-stage .dm-59 {
    left: 81.25000%;
    top: 45.18519%;
    width: 5.26042%;
    height: 8.51852%;
}

.page-id-15 .dm-stage .dm-60 {
    left: 86.14583%;
    top: 46.01852%;
    width: 4.16667%;
    height: 7.77778%;
}


/* облако balkonshik */
.page-id-15 .dm-stage .dm-balkonshik {
    left: 46.04167%;
    top: 54.35185%;
    width: 3.22917%;
    height: 3.42593%;
	z-index: 20;
}

.page-id-15 .dm-stage .dm-message-cloud-hello {
    left: 31.51042%;
    top: 53.98148%;
    width: 60.31250%;
    height: 44.25926%;
	z-index: 20;
}

/* облако кликабельное */
.page-id-15 .dm-stage .dm-message-cloud-hello{
  cursor: pointer;
  pointer-events: auto;
}

/* спецэффект исчезновения (как у гостей), но НЕ display:none */
.page-id-15 .dm-stage .dm-message-cloud-hello.is-off{
  opacity: 0 !important;
  transform: translateY(-6px) scale(.94) rotate(-1deg) !important;

  /* когда "исчезло" — чтобы не перекрывало клики по кнопкам */
  pointer-events: none;
}





/* базово контент видим (красный светофор тоже) */
.page-id-15 .dm-stage .dm-content { 
  opacity: 1;
}

/* облака по умолчанию скрыты (как и было) */
.page-id-15 .dm-stage .dm-cloud {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

/* анимационные элементы управляются через dm-appear */
.page-id-15 .dm-stage .dm-appear.hidden {
  opacity: 0;
  transform: translateY(10px) scale(.985);
  will-change: transform, opacity;
}

.page-id-15 .dm-stage .dm-appear.visible.is-in {
  opacity: 1;
  transform: none;
  transition: opacity .45s ease, transform .45s ease;
}
.page-id-15 .dm-stage .dm-trlightred    { z-index: 10; }
.page-id-15 .dm-stage .dm-trlightyellow { z-index: 11; }
.page-id-15 .dm-stage .dm-trlightblue   { z-index: 12; }



.page-id-15 .dm-stage .visible {
  opacity: 1 !important;
  display: block !important;
}

.page-id-15 .dm-stage .hidden {
  opacity: 0 !important;
  display: none !important;
}



.page-id-15 .dm-stage .dm-appear.hidden {
  opacity: 0;
  transform: translateY(10px) scale(.985);
  will-change: transform, opacity;
}

.page-id-15 .dm-stage .dm-appear.visible.is-in {
  opacity: 1;
  transform: none;
  transition: opacity .45s ease, transform .45s ease;
}

.page-id-15 .dm-stage .dm-cloud.dm-appear.visible.is-in {
  transition-duration: .65s;
}

.page-id-15 .dm-stage .visible { opacity: 1; display: block; }
.page-id-15 .dm-stage .hidden  { opacity: 0; display: none; }





/* Сбрасываем дефолтные стили кнопок */
.page-id-15 .dm-stage .dm-btn {
    position: absolute;
    display: block;
    z-index: 2;
    cursor: pointer;
    transform-origin: top left;
    will-change: transform;

    /* убиваем серый фон и рамки браузера */
    background-color: transparent !important;
    background-image: none;
    border: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    color: transparent;

    -webkit-appearance: none;
    appearance: none;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* анимации классы */
.page-id-15 .dm-stage .dm-appear.hidden {
  opacity: 0;
  transform: translateY(10px) scale(.985);
  will-change: transform, opacity;
}

.page-id-15 .dm-stage .dm-appear.visible.is-in {
  opacity: 1;
  transform: none;
  transition: opacity .45s ease, transform .45s ease;
}




/* стрелки */
.page-id-15 .dm-stage .dm-left {
    left: 1.14583%;
    top: 45.27778%;
    width: 4.89583%;
    height: 15.74074%;
}

.page-id-15 .dm-stage .dm-right {
    left: 93.90625%;
    top: 45.27778%;
    width: 4.89583%;
    height: 15.74074%;
}

/* главная дорога */
.page-id-15 .dm-stage .dm-tomain {
    left: 0.98958%;
    top: 73.14815%;
    width: 21.51042%;
    height: 26.85185%;
	pointer-events: none;
}

/* хитбоксы */
.page-id-15 .dm-stage .dm-hb {
  position: absolute;
  display: block;
  z-index: 50; /* поверх всего интерактива */
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* интерактивная зона для "главной дороги" (узкая, чтобы не перекрывала) */
.page-id-15 .dm-stage .dm-hb-tomain {
  left: 0.98958%;
  top: 73.14815%;
  width: 7.39583%;
  height: 26.85185%;
}

/* traffic Lights */
.page-id-15 .dm-stage .dm-trlightblue {
    left: 94.01042%;
    top: 72.22222%;
    width: 5.05208%;
    height: 27.77778%;
}

.page-id-15 .dm-stage .dm-trlightred {
    left: 94.01042%;
    top: 72.22222%;
    width: 5.05208%;
    height: 27.77778%;
}

.page-id-15 .dm-stage .dm-trlightyellow {
    left: 94.01042%;
    top: 72.22222%;
    width: 5.05208%;
    height: 27.77778%;
}


/* гости */
.page-id-15 .dm-stage .dm-41guest1daddy {
    left: 79.32292%;
    top: 23.33333%;
    width: 5.62500%;
    height: 16.01852%;
}

.page-id-15 .dm-stage .dm-42guest1mom {
    left: 74.89583%;
    top: 21.38889%;
    width: 6.35417%;
    height: 18.42593%;
}

.page-id-15 .dm-stage .dm-43guest1kid {
    left: 83.69792%;
    top: 24.72222%;
    width: 5.46875%;
    height: 14.07407%;
}

.page-id-15 .dm-stage .dm-44guest1girl {
    left: 88.12500%;
    top: 24.35185%;
    width: 6.30208%;
    height: 15.46296%;
}

.page-id-15 .dm-stage .dm-45guest1granma {
    left: 92.44792%;
    top: 19.72222%;
    width: 6.92708%;
    height: 19.16667%;
}


/* гости */
.page-id-15 .dm-stage .dm-guest{
  z-index: 25;
  pointer-events: auto;
  cursor: pointer;
  user-select: none;

  transition:
    opacity .35s ease,
    transform .35s ease;
}

/* эффект исчезновения */
.page-id-15 .dm-stage .dm-guest.is-off{
  opacity: 0;
  transform: translateY(-6px) scale(.94) rotate(-1deg);
  pointer-events: auto; /* чтобы можно было кликнуть и вернуть */
}


/* envelope (dm-konvert-open) */
.dm-konvert-open{
  cursor: pointer;
  pointer-events: auto;
  transition:
    opacity .35s ease,
    transform .35s ease;
}

.dm-konvert-open.is-off{
  opacity: 0;
  transform: translateY(-6px) scale(.94) rotate(-1deg);
  pointer-events: none; /* чтобы не перекрывал клики */
}



/* крестик кликабельный */
.page-id-15 .dm-stage .dm-cross{
  cursor: pointer;
  pointer-events: auto;
  user-select: none;
}

/* ховер-эффект (мягкий) */
.page-id-15 .dm-stage .dm-cross{
  transition: transform .18s ease, opacity .18s ease;
}

/* envelope (плагин) — чтобы можно было прятать визуально и НЕ перекрывать клики */
.page-id-15 .dm-stage .dm-konvert-open{
  cursor: pointer;
  pointer-events: auto;
  transition: opacity .35s ease, transform .35s ease;
}

/* спецэффект исчезновения (как у гостей), но без display:none */
.page-id-15 .dm-stage .dm-konvert-open.is-off{
  opacity: 0;
  transform: translateY(-6px) scale(.94) rotate(-1deg);
  pointer-events: none; /* важно: не перекрывает сцену */
}

.page-id-15 .dm-stage .dm-cross {
    left: 68.38542%;
    top: 25.83333%;
    width: 6.51042%;
    height: 13.33333%;
}




/* счетчик гостей */
.page-id-15 .dm-stage .dm-zero,
.page-id-15 .dm-stage .dm-one,
.page-id-15 .dm-stage .dm-two,
.page-id-15 .dm-stage .dm-three,
.page-id-15 .dm-stage .dm-four,
.page-id-15 .dm-stage .dm-five{
  z-index: 30;          
  pointer-events: none; 
}

.page-id-15 .dm-stage .dm-five {
    left: 74.37500%;
    top: 7.22222%;
    width: 6.14583%;
    height: 2.31481%;
}

.page-id-15 .dm-stage .dm-four {
    left: 74.37500%;
    top: 7.22222%;
    width: 6.87500%;
    height: 2.31481%;
}

.page-id-15 .dm-stage .dm-one {
    left: 74.37500%;
    top: 7.22222%;
    width: 3.12500%;
    height: 2.22222%;
}

.page-id-15 .dm-stage .dm-three {
    left: 74.37500%;
    top: 7.22222%;
    width: 4.68750%;
    height: 2.31481%;
}

.page-id-15 .dm-stage .dm-two {
    left: 74.37500%;
    top: 7.22222%;
    width: 4.84375%;
    height: 2.22222%;
}

.page-id-15 .dm-stage .dm-zero {
    left: 74.37500%;
    top: 7.22222%;
    width: 12.13542%;
    height: 2.31481%;
}


/* город + лока */
.page-id-15 .dm-stage .dm-city {
  left: 44.06250%;
  top: 14.16667%;
  width: 9.89583%;
  height: 2.77778%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-location {
  left: 43.59375%;
  top: 18.05556%;
  width: 11.35417%;
  height: 2.68519%;
  z-index: 30;
}


/* === TIME (page-id-15) === */

.page-id-15 .dm-stage .dm-default {
  left: 45.62500%;
  top: 25.74074%;
  width: 14.79167%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-0-hors1stletter {
  left: 45.62500%;
  top: 25.74074%;
  width: 0.88542%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-1-hors1stletter {
  left: 45.57292%;
  top: 25.74074%;
  width: 0.46875%;
  height: 2.22222%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-2-hors1stletter {
  left: 45.62500%;
  top: 25.74074%;
  width: 0.83333%;
  height: 2.22222%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-0-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.93750%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-1-hors2ndletter {
  left: 46.56250%;
  top: 25.74074%;
  width: 0.52083%;
  height: 2.22222%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-2-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.88542%;
  height: 2.22222%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-3-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.83333%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-4-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.93750%;
  height: 2.22222%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-5-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.83333%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-6-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.88542%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-7-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.78125%;
  height: 2.22222%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-8-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.83333%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-9-hors2ndletter {
  left: 46.61458%;
  top: 25.74074%;
  width: 0.88542%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-00-minutesletters {
  left: 48.17708%;
  top: 25.74074%;
  width: 2.76042%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-10-minutesletters {
  left: 48.17708%;
  top: 25.74074%;
  width: 2.34375%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-20-minutesletters {
  left: 48.17708%;
  top: 25.74074%;
  width: 2.70833%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-30-minutesletters {
  left: 48.17708%;
  top: 25.74074%;
  width: 2.70833%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-40-minutesletters {
  left: 48.17708%;
  top: 25.74074%;
  width: 2.70833%;
  height: 2.31481%;
  z-index: 30;
}

.page-id-15 .dm-stage .dm-50-minutesletters {
  left: 48.17708%;
  top: 25.74074%;
  width: 2.70833%;
  height: 2.31481%;
  z-index: 30;
}



/* DATE overlay (day/month/description) */

.page-id-15 .dm-stage .dm-description,
.page-id-15 .dm-stage .dm-day,
.page-id-15 .dm-stage .dm-month {
  position: absolute;
  z-index: 2;              
  pointer-events: none;    
}

/* lamp отдельно */
.page-id-15 .dm-stage .dm-lamphousenum {
  position: absolute;
  z-index: 2;            
  pointer-events: none;
}

.page-id-15 .dm-stage .dm-10oct {
    left: 3.90625%;
    top: 28.05556%;
    width: 9.21875%;
    height: 5.74074%;
}

.page-id-15 .dm-stage .dm-11nov {
    left: 4.53125%;
    top: 28.51852%;
    width: 8.02083%;
    height: 5.64815%;
}

.page-id-15 .dm-stage .dm-12dec {
    left: 3.75000%;
    top: 27.96296%;
    width: 9.53125%;
    height: 5.74074%;
}

.page-id-15 .dm-stage .dm-1jun {
    left: 4.53125%;
    top: 28.88889%;
    width: 8.02083%;
    height: 5.27778%;
}

.page-id-15 .dm-stage .dm-2feb {
    left: 3.69792%;
    top: 28.14815%;
    width: 9.63542%;
    height: 6.38889%;
}

.page-id-15 .dm-stage .dm-3mar {
    left: 4.84375%;
    top: 28.88889%;
    width: 7.34375%;
    height: 5.64815%;
}

.page-id-15 .dm-stage .dm-4apr {
    left: 4.32292%;
    top: 28.79630%;
    width: 8.28125%;
    height: 5.64815%;
}

.page-id-15 .dm-stage .dm-5may {
    left: 6.14583%;
    top: 29.90741%;
    width: 4.79167%;
    height: 3.79630%;
}

.page-id-15 .dm-stage .dm-6jun {
    left: 5.41667%;
    top: 29.44444%;
    width: 6.19792%;
    height: 4.44444%;
}

.page-id-15 .dm-stage .dm-7jul {
    left: 5.36458%;
    top: 29.35185%;
    width: 6.35417%;
    height: 4.44444%;
}

.page-id-15 .dm-stage .dm-8aug {
    left: 3.95833%;
    top: 28.33333%;
    width: 9.06250%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-9sep {
    left: 3.38542%;
    top: 27.22222%;
    width: 10.26042%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day1 {
    left: 7.55208%;
    top: 21.20370%;
    width: 1.35417%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-day2 {
    left: 7.08333%;
    top: 21.01852%;
    width: 2.39583%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day3 {
    left: 7.13542%;
    top: 21.01852%;
    width: 2.34375%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day4 {
    left: 7.03125%;
    top: 21.20370%;
    width: 2.60417%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-day5 {
    left: 7.18750%;
    top: 21.20370%;
    width: 2.23958%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day6 {
    left: 7.13542%;
    top: 21.01852%;
    width: 2.39583%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day7 {
    left: 7.29167%;
    top: 21.20370%;
    width: 2.13542%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-day8 {
    left: 7.18750%;
    top: 21.01852%;
    width: 2.29167%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day9 {
    left: 7.13542%;
    top: 21.01852%;
    width: 2.39583%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day10 {
    left: 6.14583%;
    top: 21.01852%;
    width: 4.21875%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day11 {
    left: 6.77083%;
    top: 21.20370%;
    width: 2.91667%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-day12 {
    left: 6.19792%;
    top: 21.01852%;
    width: 4.11458%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day13 {
    left: 6.25000%;
    top: 21.01852%;
    width: 4.01042%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day14 {
    left: 6.19792%;
    top: 21.20370%;
    width: 4.21875%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-day15 {
    left: 6.25000%;
    top: 21.20370%;
    width: 3.95833%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day16 {
    left: 6.19792%;
    top: 21.01852%;
    width: 4.11458%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day17 {
    left: 6.40625%;
    top: 21.20370%;
    width: 3.80208%;
    height: 6.11111%;
}

.page-id-15 .dm-stage .dm-day18 {
    left: 6.25000%;
    top: 21.01852%;
    width: 4.01042%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day19 {
    left: 6.19792%;
    top: 21.01852%;
    width: 4.11458%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day20 {
    left: 5.67708%;
    top: 21.01852%;
    width: 5.26042%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day21 {
    left: 6.30208%;
    top: 21.01852%;
    width: 3.95833%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day22 {
    left: 5.72917%;
    top: 21.01852%;
    width: 5.15625%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day23 {
    left: 5.78125%;
    top: 21.01852%;
    width: 5.05208%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day24 {
    left: 5.78125%;
    top: 21.01852%;
    width: 5.20833%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day25 {
    left: 5.83333%;
    top: 21.01852%;
    width: 4.94792%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day26 {
    left: 5.72917%;
    top: 21.01852%;
    width: 5.15625%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day27 {
    left: 5.93750%;
    top: 21.01852%;
    width: 4.84375%;
    height: 6.29630%;
}

.page-id-15 .dm-stage .dm-day28 {
    left: 5.78125%;
    top: 21.01852%;
    width: 5.05208%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day29 {
    left: 5.72917%;
    top: 21.01852%;
    width: 5.15625%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day30 {
    left: 5.72917%;
    top: 21.01852%;
    width: 5.15625%;
    height: 6.48148%;
}

.page-id-15 .dm-stage .dm-day31 {
    left: 6.35417%;
    top: 21.01852%;
    width: 3.85417%;
    height: 6.48148%;
}



.page-id-15 .dm-stage .dm-description {
    left: 43.54167%;
    top: 21.94444%;
    width: 18.69792%;
    height: 2.68519%;
}

.page-id-15 .dm-stage .dm-lamphousenum {
    left: 0.00000%;
    top: 0.00000%;
    width: 19.47917%;
    height: 75.46296%;
}


.page-id-15 .dm-stage { position: relative; }

.page-id-15 .dm-stage .dm-field{
  position: absolute;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  z-index: 50;
}






/* inputs */
.page-id-15 .dm-stage .dm-label{
  position:absolute;
  z-index: 40;
  pointer-events: none; /* кликаем только по кнопке */
}

.page-id-15 .dm-stage .dm-field{
  position:absolute;
  z-index: 50;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

/* координаты ОДНИ на img и button */
.page-id-15 .dm-stage .dm-mail { left:87.13542%; top:10.27778%; width:5.52083%; height:2.22222%; }
.page-id-15 .dm-stage .dm-name { left:72.13542%; top:4.16667%;  width:16.09375%; height:2.31481%; }
.page-id-15 .dm-stage .dm-tel  { left:73.90625%; top:10.27778%; width:7.03125%; height:2.22222%; }


/* модалка */
.page-id-15 .dm-stage .dm-form{
  position: absolute;
  inset: 0;
  z-index: 200;
}

.page-id-15 .dm-stage .dm-form.hidden{ display:none; }

.page-id-15 .dm-stage .dm-form__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
}

.page-id-15 .dm-stage .dm-form__panel{
  position:absolute;
  left:50%; top:50%;
  transform: translate(-50%,-50%);
  width: min(520px, 92vw);
  background: #0b0b0b;
  color: #fff;
  border-radius: 14px;
  padding: 16px;
}

.page-id-15 .dm-stage .dm-form__close{
  position:absolute; right:10px; top:8px;
  background: transparent; border:0; color:#fff;
  font-size: 22px; cursor:pointer;
}

.page-id-15 .dm-stage .dm-form__row{ display:block; margin: 10px 0; }
.page-id-15 .dm-stage .dm-form__label{ font-size: 14px; opacity:.85; margin-bottom: 6px; }

.page-id-15 .dm-stage .dm-form__input{
  width:100%;
  box-sizing:border-box;
  padding: 12px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color:#fff;
}

.page-id-15 .dm-stage .dm-form__submit{
  width:100%;
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 10px;
  border: 0;
  cursor: pointer;
}



/*availables */
.page-id-15 .dm-stage .dm-busy{
  position: absolute;
  z-index: 30;      
  pointer-events: none;
}

.page-id-15 .dm-stage .hidden{ display:none; }

/* coords (как ты дал) */
.page-id-15 .dm-stage .dm-0-5 { left:87.55208%; top:15.74074%; width:3.02083%; height:2.22222%; }
.page-id-15 .dm-stage .dm-1-5 { left:87.55208%; top:15.74074%; width:2.65625%; height:2.22222%; }
.page-id-15 .dm-stage .dm-2-5 { left:87.55208%; top:15.74074%; width:2.96875%; height:2.22222%; }
.page-id-15 .dm-stage .dm-3-5 { left:87.55208%; top:15.74074%; width:2.91667%; height:2.22222%; }
.page-id-15 .dm-stage .dm-4-5 { left:87.55208%; top:15.74074%; width:2.96875%; height:2.22222%; }
.page-id-15 .dm-stage .dm-5-5 { left:87.55208%; top:15.74074%; width:2.91667%; height:2.22222%; }