@font-face {
  font-weight: 900;
  src: url("../css_libs_font/EndurancePro-Black.woff2") format("woff2");
  font-family: "f";
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-weight: 700;
  src: url("../css_libs_font/EndurancePro-Bold.woff2") format("woff2");
  font-family: "f";
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-weight: 400;
  src: url("../css_libs_font/EndurancePro.woff2") format("woff2");
  font-family: "f";
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-weight: 300;
  src: url("../css_libs_font/EndurancePro-Light.woff2") format("woff2");
  font-family: "f";
  font-style: normal;
  font-display: swap;
}
:root {
  --f80: 700 80px/100px f, sans-serif;
  --f60: 700 60px/80px f, sans-serif;
  --f56: 700 56px/74px f, sans-serif;
  --f50: 700 50px/66px f, sans-serif;
  --f40: 700 40px/52px f, sans-serif;
  --f32: 700 32px/42px f, sans-serif;
  --f24: 400 24px/32px f, sans-serif;
  --f22: 400 22px/28px f, sans-serif;
  --f20: 400 20px/26px f, sans-serif;
  --f18: 400 18px/24px f, sans-serif;
  --f16: 400 16px/20px f, sans-serif;
  --f14: 400 14px/18px f, sans-serif;
  --f12: 400 12px/14px f, sans-serif;
}

.wp-block-paragraph.has-small-font-size {
  font: var(--f14) !important;
  font-size: 14px !important;
}

.wp-block-paragraph.has-medium-font-size {
  font: var(--f16) !important;
  font-size: 16px !important;
}

.wp-block-paragraph.has-large-font-size {
  font: var(--f18) !important;
  font-size: 18px !important;
}

.wp-block-paragraph.has-x-large-font-size {
  font: var(--f20) !important;
  font-size: 20px !important;
}

body, .editor-styles-wrapper p {
  font: var(--f16);
  letter-spacing: 0.02rem;
}
body h1, body .h1, .editor-styles-wrapper p h1, .editor-styles-wrapper p .h1 {
  font: var(--f50);
  text-transform: uppercase;
}
body h2, body .h2, .editor-styles-wrapper p h2, .editor-styles-wrapper p .h2 {
  font: var(--f32);
  text-transform: uppercase;
}
body h3, body .h3, .editor-styles-wrapper p h3, .editor-styles-wrapper p .h3 {
  font: var(--f24);
  font-weight: 700;
}
body h4, body .h4, .editor-styles-wrapper p h4, .editor-styles-wrapper p .h4 {
  font: var(--f20);
}
body h5, body .h5, .editor-styles-wrapper p h5, .editor-styles-wrapper p .h5 {
  font: var(--f18);
}
body h6, body .h6, .editor-styles-wrapper p h6, .editor-styles-wrapper p .h6 {
  font: var(--f14);
}
body .editor-styles-wrapper p, .editor-styles-wrapper p .editor-styles-wrapper p {
  font: var(--f16);
}

@media (max-width: 767px) {
  body, .editor-styles-wrapper p {
    font: var(--f16);
    letter-spacing: 0.02rem;
  }
  body h1, body .h1, .editor-styles-wrapper p h1, .editor-styles-wrapper p .h1 {
    font: var(--f32);
    font-weight: 700;
    hyphens: auto;
  }
  body h2, body .h2, .editor-styles-wrapper p h2, .editor-styles-wrapper p .h2 {
    font: var(--f22);
    font-weight: 700;
  }
  body h3, body .h3, .editor-styles-wrapper p h3, .editor-styles-wrapper p .h3 {
    font: var(--f24);
    font-weight: 700;
  }
  body h4, body .h4, .editor-styles-wrapper p h4, .editor-styles-wrapper p .h4 {
    font: var(--f20);
  }
  body h5, body .h5, .editor-styles-wrapper p h5, .editor-styles-wrapper p .h5 {
    font: var(--f18);
  }
  body h6, body .h6, .editor-styles-wrapper p h6, .editor-styles-wrapper p .h6 {
    font: var(--f14);
  }
  body .editor-styles-wrapper p, .editor-styles-wrapper p .editor-styles-wrapper p {
    font: var(--f16);
  }
}
#tinymce, .content {
  background: #fff;
  padding: 32px;
  margin: 0;
}
#tinymce a, .content a {
  color: blue;
  text-decoration: 1px solid underline blue;
}
#tinymce a:hover, .content a:hover {
  text-decoration: 1px solid underline rgba(0, 0, 255, 0);
}
#tinymce p, #tinymce li, .content p, .content li {
  margin: 0;
  color: #70859A;
}
#tinymce strong, .content strong {
  color: #113356;
}
#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6, #tinymce .h1, #tinymce .h2, #tinymce .h3, #tinymce .h4, #tinymce .h5, #tinymce .h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content .h1, .content .h2, .content .h3, .content .h4, .content .h5, .content .h6 {
  color: #113356;
}
#tinymce > h1, #tinymce > h2, #tinymce > h3, #tinymce > h4, #tinymce > h5, #tinymce > h6, #tinymce > .h1, #tinymce > .h2, #tinymce > .h3, #tinymce > .h4, #tinymce > .h5, #tinymce > .h6, .content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > .h1, .content > .h2, .content > .h3, .content > .h4, .content > .h5, .content > .h6 {
  margin: 0 0 16px;
}
#tinymce > * + *, #tinymce > * + p, .content > * + *, .content > * + p {
  margin: 8px 0 0;
}
#tinymce > * + h1, #tinymce > * + .h1, #tinymce > * + h2, #tinymce > * + .h2, #tinymce > * + h3, #tinymce > * + .h3, #tinymce > * + h4, #tinymce > * + .h4, .content > * + h1, .content > * + .h1, .content > * + h2, .content > * + .h2, .content > * + h3, .content > * + .h3, .content > * + h4, .content > * + .h4 {
  margin-top: 24px;
}
#tinymce p.img_inside, .content p.img_inside {
  max-width: calc(100% + 64px);
  margin: -48px -32px 24px;
  padding: 16px 0;
  background: #F5F9FD;
  display: flex;
  gap: 16px;
}
#tinymce p.img_inside .img_, .content p.img_inside .img_ {
  display: block;
  flex: 1;
}
#tinymce p.img_inside img, .content p.img_inside img {
  margin: 0;
  border: none;
}
#tinymce * + p.img_inside, .content * + p.img_inside {
  margin: 24px -32px 24px;
}
#tinymce hr, .content hr {
  max-width: calc(100% + 64px);
  margin: 24px -32px;
  padding: 8px;
  background: #F5F9FD;
  border: none;
}
#tinymce img.alignnone, .content img.alignnone {
  margin: 24px 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 16px solid #F5F9FD;
  border-left: none;
  border-right: none;
}
#tinymce ul, .content ul {
  margin: 16px 0 !important;
  padding: 0 0 0 36px;
  list-style-type: square;
}
#tinymce ul li + li, .content ul li + li {
  margin: 8px 0 0;
}
#tinymce ul li::marker, .content ul li::marker {
  color: blue;
}
#tinymce ol, .content ol {
  margin: 16px 0 !important;
  padding: 0 0 0 36px;
}
#tinymce ol li * + *, .content ol li * + * {
  margin: 8px 0 0;
}
#tinymce ol li + li, .content ol li + li {
  margin: 8px 0 0;
}
#tinymce ol li::marker, .content ol li::marker {
  color: blue;
}
#tinymce ol[style="list-style-type: lower-roman;"], #tinymce ol[style="list-style-type: lower-greek;"], #tinymce ol[style="list-style-type: lower-alpha;"], .content ol[style="list-style-type: lower-roman;"], .content ol[style="list-style-type: lower-greek;"], .content ol[style="list-style-type: lower-alpha;"] {
  margin: 24px 0 !important;
  padding: 0;
  display: grid;
  grid: auto/1fr 1fr;
  grid-gap: 24px 80px;
}
#tinymce ol[style="list-style-type: lower-roman;"] li, #tinymce ol[style="list-style-type: lower-greek;"] li, #tinymce ol[style="list-style-type: lower-alpha;"] li, .content ol[style="list-style-type: lower-roman;"] li, .content ol[style="list-style-type: lower-greek;"] li, .content ol[style="list-style-type: lower-alpha;"] li {
  display: block;
  position: relative;
  margin: 0;
}
#tinymce ol[style="list-style-type: lower-roman;"] li::before, #tinymce ol[style="list-style-type: lower-greek;"] li::before, #tinymce ol[style="list-style-type: lower-alpha;"] li::before, .content ol[style="list-style-type: lower-roman;"] li::before, .content ol[style="list-style-type: lower-greek;"] li::before, .content ol[style="list-style-type: lower-alpha;"] li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
#tinymce ol[style="list-style-type: lower-roman;"] li, .content ol[style="list-style-type: lower-roman;"] li {
  padding: 24px 0 0;
}
#tinymce ol[style="list-style-type: lower-roman;"] li::before, .content ol[style="list-style-type: lower-roman;"] li::before {
  width: 100px;
  height: 2px;
  background: var(--g3);
}
#tinymce ol[style="list-style-type: lower-greek;"] li, #tinymce ol[style="list-style-type: lower-alpha;"] li, .content ol[style="list-style-type: lower-greek;"] li, .content ol[style="list-style-type: lower-alpha;"] li {
  padding: 38px 0 0;
}
#tinymce ol[style="list-style-type: lower-greek;"] li::before, #tinymce ol[style="list-style-type: lower-alpha;"] li::before, .content ol[style="list-style-type: lower-greek;"] li::before, .content ol[style="list-style-type: lower-alpha;"] li::before {
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%230000FF'/%3E%3Crect x='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3C/svg%3E") no-repeat;
}
#tinymce ol[style="list-style-type: lower-greek;"] li:nth-of-type(4n + 2)::before, #tinymce ol[style="list-style-type: lower-alpha;"] li:nth-of-type(4n + 2)::before, .content ol[style="list-style-type: lower-greek;"] li:nth-of-type(4n + 2)::before, .content ol[style="list-style-type: lower-alpha;"] li:nth-of-type(4n + 2)::before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' width='10' height='10' fill='%230000FF'/%3E%3Crect y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3C/svg%3E") no-repeat;
}
#tinymce ol[style="list-style-type: lower-greek;"] li:nth-of-type(4n + 3)::before, #tinymce ol[style="list-style-type: lower-alpha;"] li:nth-of-type(4n + 3)::before, .content ol[style="list-style-type: lower-greek;"] li:nth-of-type(4n + 3)::before, .content ol[style="list-style-type: lower-alpha;"] li:nth-of-type(4n + 3)::before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%230000FF'/%3E%3C/svg%3E") no-repeat;
}
#tinymce ol[style="list-style-type: lower-greek;"] li:nth-of-type(4n + 4)::before, #tinymce ol[style="list-style-type: lower-alpha;"] li:nth-of-type(4n + 4)::before, .content ol[style="list-style-type: lower-greek;"] li:nth-of-type(4n + 4)::before, .content ol[style="list-style-type: lower-alpha;"] li:nth-of-type(4n + 4)::before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect y='12' width='10' height='10' fill='%230000FF'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3C/svg%3E") no-repeat;
}
#tinymce ol[style="list-style-type: lower-alpha;"], .content ol[style="list-style-type: lower-alpha;"] {
  grid: auto/1fr;
}
#tinymce blockquote, .content blockquote {
  margin: 24px 0;
  border-top: 2px solid #D9E8F7;
  border-bottom: 2px solid #D9E8F7;
  padding: 24px 0;
}
#tinymce blockquote > *, .content blockquote > * {
  padding: 24px;
  background: #F5F9FD;
  color: #113356;
}
#tinymce blockquote > * + *, .content blockquote > * + * {
  padding-top: 0;
}
@media (max-width: 1199px) {
  #tinymce ol, .content ol {
    margin: 16px 0 !important;
  }
  #tinymce ol[style="list-style-type: lower-roman;"], #tinymce ol[style="list-style-type: lower-greek;"], #tinymce ol[style="list-style-type: lower-alpha;"], .content ol[style="list-style-type: lower-roman;"], .content ol[style="list-style-type: lower-greek;"], .content ol[style="list-style-type: lower-alpha;"] {
    margin: 24px 0 !important;
    grid: auto/1fr;
    grid-gap: 24px;
  }
}
@media (max-width: 500px) {
  #tinymce, .content {
    margin: 0 -16px;
    padding: 16px;
  }
  #tinymce p.img_inside, #tinymce hr, .content p.img_inside, .content hr {
    max-width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
  }
}

@media (max-width: 500px) {
  #tinymce {
    margin: 0;
  }
}
:root {
  --w: #ffffff;
  --w20: #FFFFFF33;
  --w80: #FFFFFFCC;
  --b: #113356;
  --b2: #D9E8F7;
  --b3: #BED7F1;
  --p: #0000FF;
  --g: #70859A;
  --g2: #F5F9FD;
  --g3: #ADB9C5;
  --g4: #888B8D;
  --r: #ff0000;
}

body {
  background: var(--w);
}

* {
  -webkit-tap-highlight-color: transparent;
}

*:focus {
  outline: none !important;
}

::-moz-selection {
  background: var(--p) !important;
  color: var(--w) !important;
  text-shadow: none;
}

::selection {
  background: var(--p) !important;
  color: var(--w) !important;
  text-shadow: none;
  -webkit-text-fill-color: var(--w);
}

::-webkit-input-placeholder {
  color: var(--g);
}

::-moz-placeholder {
  color: var(--g);
}

:-ms-input-placeholder {
  color: var(--g);
}

@media (pointer: fine) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 0;
  }
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background: var(--b);
  }
  ::-webkit-scrollbar-thumb:hover {
    background: var(--p);
  }
  textarea::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  body::-webkit-scrollbar, #tinymce::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
body, .editor-styles-wrapper p, .components-resizable-box__container.editor-resizable-editor, :where(.editor-styles-wrapper) h1, :where(.editor-styles-wrapper) h2, :where(.editor-styles-wrapper) h3, :where(.editor-styles-wrapper) h4, :where(.editor-styles-wrapper) h5, :where(.editor-styles-wrapper) h6 {
  color: var(--b);
}

:root {
  --up: 100px;
  --container-width: 1600px;
  --container-margin: max(calc((100vw - var(--container-width)) / 2), 32px);
  --tr: .4s;
  --mm: 82px;
}

@media (max-width: 767px) {
  :root {
    --up: 40px;
    --container-width: 440px;
  }
}
.fancybox__container .fancybox__backdrop {
  --fancybox-bg: #D9E8F7BF;
}
.fancybox__container .fancybox__content .f-button.is-close-btn {
  top: 5px;
  right: 5px;
}
.fancybox__container .fancybox__content .f-button.is-close-btn svg {
  stroke: var(--p);
}
@media (max-width: 767px) {
  .fancybox__container .fancybox__content .f-button.is-close-btn {
    top: -35px;
    right: 5px;
  }
}
.fancybox__container .fancybox__slide.has-close-btn {
  padding-top: 4px !important;
}
@media (max-width: 767px) {
  .fancybox__container .fancybox__slide.has-close-btn {
    padding-top: 40px !important;
  }
}

*:focus {
  outline: none !important;
  box-shadow: none !important;
}

*, *::before, *::after {
  box-sizing: border-box;
}

*::before, *::after {
  display: block;
}

html, body {
  margin: 0;
  padding: 0;
  text-align: left;
  position: relative;
  max-width: 100vw;
  -webkit-text-size-adjust: none;
}

.screen {
  max-width: 100vw;
  overflow: hidden;
  position: relative;
}

.filter-open, .menu-open {
  overflow: hidden;
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0;
  padding: 0;
  display: block;
}

ul:not(.ui-sortable), ol {
  margin: 0;
  padding: 0 0 0 19px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

a, input, button, textarea, select {
  text-decoration: none;
  transition: var(--tr);
  border: none;
  resize: none;
  margin: 0;
  padding: 0;
}

a, input[type=button], input[type=reset], input[type=submit], button {
  cursor: pointer;
  background: transparent;
}

img, iframe, video, canvas, svg {
  max-width: 100%;
  display: block;
  border: none;
  height: auto;
}

.content iframe {
  width: 100%;
}

.content .iframe-inside + p, .content p + .iframe-inside {
  margin-top: 32px;
}

/*img.bg, img.bg1, img.bg2, img.bg3 { max-width: none; }*/
/*form, form span, label, input, button, textarea, select { position: relative; display: block; padding: 0; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }*/
.container {
  width: var(--container-width);
  max-width: calc(100vw - 64px);
  margin: 0 auto;
}

@media (max-width: 767px) {
  .container {
    max-width: calc(100vw - 32px);
  }
}
.block {
  position: relative;
  padding: 100px 0 0;
}

body h2 > span, body h1.h2 > span, body .sheader > span {
  position: relative;
  display: inline-block;
  padding-left: 34px;
}
body h2 > span::before, body h1.h2 > span::before, body .sheader > span::before {
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%230000FF'/%3E%3Crect x='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3C/svg%3E") no-repeat;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
}
body .block:nth-of-type(4n + 2) h2 > span::before, body .sheader:nth-of-type(4n + 2) > span::before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' width='10' height='10' fill='%230000FF'/%3E%3Crect y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3C/svg%3E") no-repeat;
}
body .block:nth-of-type(4n + 3) h2 > span::before, body .sheader:nth-of-type(4n + 3) > span::before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%230000FF'/%3E%3C/svg%3E") no-repeat;
}
body .block:nth-of-type(4n + 4) h2 > span::before, body .sheader:nth-of-type(4n + 4) > span::before {
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='10' height='10' fill='%23D9E8F7'/%3E%3Crect x='12' width='10' height='10' fill='%23D9E8F7'/%3E%3Crect y='12' width='10' height='10' fill='%230000FF'/%3E%3Crect x='12' y='12' width='10' height='10' fill='%23D9E8F7'/%3E%3C/svg%3E") no-repeat;
}
body section.block:last-of-type {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  body h2 span::before {
    top: 4px;
  }
  body h2 br {
    display: none;
  }
  body section.block:last-of-type {
    padding-bottom: 80px;
  }
}

video::-webkit-media-controls-panel {
  background: linear-gradient(180deg, rgba(112, 133, 154, 0) calc(100% - 50px), #70859A 100%);
}
video::-webkit-media-controls-timeline {
  padding-bottom: 0;
  height: 2px;
  margin: 0 -16px;
}

@media (min-width: 1921px) {
  .hid-xl, .vis-l, .vis-m, .vis-s {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1920px) {
  .hid-l, .vis-xl, .vis-m, .vis-s {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hid-m, .vis-xl, .vis-l, .vis-s {
    display: none;
  }
}
@media (max-width: 767px) {
  .hid-s, .vis-xl, .vis-l, .vis-m {
    display: none;
  }
}
.wpcf7 {
  width: 100%;
}
.wpcf7 :where(.screen-reader-response, .wpcf7-response-output, .hidden-fields-container) {
  display: none !important;
}
.wpcf7 .wpcf7-form-control-wrap {
  display: block;
  position: relative;
}
.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  position: absolute;
  top: 100%;
  left: 16px;
  font: var(--f12);
  color: var(--r);
}
.wpcf7 .wpcf7-submit.disabled__ {
  pointer-events: none;
}

.subscribe {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /*label {
    &.w12 {
      grid-column-end: span 2;
    }
  }*/
  /*display: flex;
  label {
    flex: 1;
    margin: 0 -2px 0 0;
  }
  @media (max-width: 767px) {
    flex-direction: column;
    input, .btn.btn2 {
      width: 100%;
    }
    label {
      margin: 0 0 -2px;
    }
  }*/
}
.subscribe input, .subscribe .btn.btn2 {
  height: 50px;
  width: 100%;
}
.subscribe input {
  width: 100%;
  padding: 0 12px;
  border: 2px solid var(--w);
  background: rgba(245, 249, 253, 0.1019607843);
  color: var(--w);
  font: var(--f16);
  border-radius: 2px;
}
.subscribe input.wpcf7-not-valid {
  box-shadow: inset 0 0 0 1px var(--r);
}
.subscribe input:focus {
  background: rgba(245, 249, 253, 0);
}

.btn {
  align-self: flex-start;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: color 0.4s ease-in-out;
}
.btn .t__ {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 4px;
}
.btn svg {
  transition: fill 0.4s ease-in-out;
}
.btn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  transform: translateX(-110%);
  transition: 0.4s ease-in-out;
}
.btn:active::before {
  transform: translateX(0);
}
.btn.lnk {
  text-transform: none;
  color: var(--g);
  font: var(--f18);
  font-weight: 700;
  text-decoration: 1px solid underline;
  transition: text-decoration 0.4s ease-in-out;
}
.btn.btn1 {
  min-width: 270px;
  height: 56px;
  padding: 0 24px;
  border-radius: 2px;
  background: transparent;
  border: 2px solid var(--p);
  color: var(--p);
  fill: var(--p);
  font: var(--f16);
  font-weight: 700;
}
.btn.btn1::before {
  background: var(--p);
}
.btn.btn1:active {
  color: var(--w);
  fill: var(--w);
}
.btn.btn2 {
  width: 270px;
  height: 56px;
  border-radius: 2px;
  background: transparent;
  border: 2px solid var(--w);
  color: var(--w);
  fill: var(--w);
  font: var(--f16);
  font-weight: 700;
}
.btn.btn2::before {
  background: var(--w);
}
.btn.btn2:active {
  color: var(--b);
  fill: var(--b);
}
.btn.btn3 {
  width: 270px;
  height: 56px;
  border-radius: 2px;
  background: transparent;
  border: 2px solid var(--b);
  color: var(--b);
  fill: var(--b);
  font: var(--f16);
  font-weight: 700;
}
.btn.btn3::before {
  background: var(--b);
}
.btn.btn3:active {
  color: var(--w);
  fill: var(--w);
}
@media (pointer: fine) {
  .btn:hover::before {
    transform: translateX(0);
  }
  .btn.lnk:hover {
    text-decoration: 1px solid underline transparent;
  }
  .btn.btn1:hover, .btn.btn3:hover {
    color: var(--w);
    fill: var(--w);
  }
  .btn.btn2:hover {
    color: var(--b);
    fill: var(--b);
  }
}
@media (max-width: 767px) {
  .btn {
    width: 100% !important;
  }
}

ul.soc {
  flex-direction: row;
  padding: 0;
  gap: 0;
}
ul.soc li {
  display: flex;
  font: var(--f14);
  color: var(--g);
  text-transform: uppercase;
}
ul.soc li::before {
  display: inline-block;
  content: "/";
  margin: 0 8px 0 8px;
}
ul.soc li:first-of-type::before {
  display: none;
}
ul.soc li a {
  color: var(--g);
}
@media (pointer: fine) {
  ul.soc li a:hover {
    color: var(--w);
  }
}
@media (max-width: 767px) {
  ul.soc {
    flex-wrap: wrap;
  }
  ul.soc li {
    font: var(--f12);
  }
  ul.soc li::before {
    margin: 0 8px 0 8px;
  }
}

#mob_menu {
  display: none;
  position: fixed;
  top: var(--mm);
  left: 0;
  z-index: 99;
  width: 100%;
  height: calc(100% - var(--mm));
  padding: 16px 0;
  background: var(--w);
  box-shadow: inset 0 -8px 0 var(--p);
  overflow: auto;
  color: var(--g);
  fill: var(--b3);
  font: var(--f14);
  transition: var(--tr);
  transform: translate(0, -125%);
}
#mob_menu .container {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
#mob_menu .div_ {
  margin: 0 -32px;
  height: 2px;
  background: var(--b2);
}
#mob_menu .btm_ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

#search {
  position: fixed;
  top: 150px;
  left: 0;
  right: 0;
  z-index: 110;
  transition: transform var(--tr);
  transform: translateY(-250px);
  background: var(--w);
  box-shadow: inset 0 -2px 0 var(--b2);
  padding: 14px 16px 18px;
}
#search .sc {
  width: 100%;
  max-width: 480px;
  margin: auto;
}
#search.search_open {
  transform: translateY(0);
}
@media (max-width: 1199px) {
  #search {
    top: 82px;
    box-shadow: inset 0 -1px 0 var(--b2);
    padding: 14px 16px 15px;
  }
}

#nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--w);
  color: var(--g);
  fill: var(--b3);
  font: var(--f14);
  z-index: 111;
  transition: transform var(--tr);
  transform: translateY(-110%);
}
#nav .top .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  height: 80px;
}
#nav .btm {
  box-shadow: inset 0 2px 0 var(--b2), inset 0 -2px 0 var(--b2);
}
#nav .btm .container {
  height: 70px;
}
#nav .hamb {
  display: none;
}
#nav, #nav + .pnav {
  height: 150px;
}
#nav.no-menu, #nav.no-menu + .pnav {
  height: 80px;
}
#nav.no-menu .top, #nav.no-menu + .pnav .top {
  box-shadow: inset 0 -2px 0 var(--b2);
}

#nav .btn_ .btn, #mob_menu .btn_ .btn {
  height: 50px;
  font: var(--f14);
  font-weight: 700;
  min-width: 240px;
}
#nav .adr, #mob_menu .adr {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--g);
  fill: var(--b3);
}
#nav .tel_, #mob_menu .tel_ {
  position: relative;
  padding: 4px 0;
}
#nav .tel_ > div, #mob_menu .tel_ > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
#nav .tel_ > div a + svg, #mob_menu .tel_ > div a + svg {
  transition: var(--tr);
  margin-left: -4px;
}
#nav .tel_ a, #mob_menu .tel_ a {
  white-space: nowrap;
  color: var(--g);
}
#nav .tel_ > .oth, #mob_menu .tel_ > .oth {
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 99%;
  left: 0;
  z-index: 3;
  width: 100%;
  background: var(--g2);
  padding: 12px 0 12px 30px;
  transition: var(--tr);
  transform: translate(0, 10px);
  visibility: hidden;
  opacity: 0;
}
#nav .tel_:hover > div a + svg, #mob_menu .tel_:hover > div a + svg {
  transform: rotate(-180deg);
}
#nav .tel_:hover > .oth, #mob_menu .tel_:hover > .oth {
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
}
#nav .soc, #nav .tg_, #mob_menu .soc, #mob_menu .tg_ {
  display: flex;
  align-items: center;
  gap: 8px;
}
#nav .soc .btn, #nav .tg_ .btn, #mob_menu .soc .btn, #mob_menu .tg_ .btn {
  color: var(--g);
  fill: var(--b3);
}
#nav .soc .btn .t_, #nav .tg_ .btn .t_, #mob_menu .soc .btn .t_, #mob_menu .tg_ .btn .t_ {
  display: none;
}
#nav .tg_ .btn .t__, #mob_menu .tg_ .btn .t__ {
  flex-direction: row-reverse;
  gap: 8px;
}
#nav .tg_ .btn .t__ .t_, #mob_menu .tg_ .btn .t__ .t_ {
  display: block;
  text-transform: none;
}
#nav .menu, #mob_menu .menu {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  text-transform: uppercase;
  font-weight: 700;
}
#nav .menu a, #mob_menu .menu a {
  display: flex;
  align-items: center;
  color: var(--b);
}
#nav .menu a.cur, #mob_menu .menu a.cur {
  color: var(--p);
  box-shadow: inset 0 -3px 0 var(--p);
}
#nav .lng, #mob_menu .lng {
  display: flex;
  flex-direction: row;
  gap: 0;
  padding: 0;
  font: var(--f18);
  font-weight: 700;
  color: var(--p);
}
#nav .lng li, #mob_menu .lng li {
  display: block;
}
#nav .lng li::before, #mob_menu .lng li::before {
  content: "/";
  display: inline-block;
  margin: 0 8px;
}
#nav .lng li:first-of-type::before, #mob_menu .lng li:first-of-type::before {
  display: none;
}
#nav .lng a, #mob_menu .lng a {
  color: var(--b3);
}

.menu_show #nav {
  transform: translateY(0) !important;
}

@media (pointer: fine) {
  #nav .menu a:hover {
    color: var(--p);
    box-shadow: inset 0 -3px 0 var(--p);
  }
  #nav .soc .btn:hover, #nav .tg_ .btn:hover {
    color: var(--p);
    fill: var(--p);
  }
  #nav .adr:hover, #nav .oc-search:hover {
    color: var(--p);
    fill: var(--p);
  }
  #nav .tel_ a:hover {
    color: var(--p);
  }
  #nav .lng a:hover {
    color: var(--p);
  }
  .with-fancybox #nav {
    right: 4px;
  }
}
@media (max-width: 1440px) {
  #nav .lng, #mob_menu .lng {
    font: var(--f16);
  }
  #nav .lng li::before, #mob_menu .lng li::before {
    margin: 0 4px;
  }
  #nav .adr, #mob_menu .adr {
    max-width: 210px;
  }
}
@media (max-width: 1199px) {
  #mob_menu {
    display: block;
  }
  #mob_menu .menu {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
  }
  #mob_menu .div_ {
    margin: 0 -32px;
  }
  #nav {
    box-shadow: inset 0 -1px 0 var(--b2);
  }
  #nav .top .container {
    height: var(--mm);
    gap: 32px;
  }
  #nav .btm, #nav .btn_, #nav .soc, #nav .tg_, #nav .adr, #nav .tel_, #nav .lng {
    display: none;
  }
  #nav, #nav + .pnav {
    height: var(--mm);
  }
  #nav .hamb {
    display: block;
    width: 32px;
    height: 32px;
    position: relative;
  }
  #nav .hamb span {
    width: 32px;
    height: 2px;
    background: var(--p);
    position: absolute;
    left: 0;
    transition: top 0.3s 0.3s, transform 0.3s, opacity 0.3s;
  }
  #nav .hamb .l1 {
    top: calc(50% - 9px);
  }
  #nav .hamb .l2 {
    top: calc(50% - 1px);
  }
  #nav .hamb .l3 {
    top: calc(50% + 7px);
  }
  #nav.no-menu, #nav + .pnav {
    height: 80px;
  }
  #nav.no-menu .top, #nav + .pnav .top {
    height: 100%;
    box-shadow: inset 0 -1px 0 var(--b2);
  }
  #nav.no-menu .top .container, #nav + .pnav .top .container {
    height: 100%;
  }
  #nav .oc-search {
    margin-left: auto;
  }
  .menu_open {
    overflow: hidden;
  }
  .menu_open #nav .hamb span {
    top: calc(50% - 1px) !important;
    transition: top 0.3s, transform 0.3s 0.3s, opacity 0.3s 0.3s;
  }
  .menu_open #nav .hamb .l1 {
    transform: rotate(45deg);
  }
  .menu_open #nav .hamb .l2 {
    transform: rotate(45deg);
    opacity: 0;
  }
  .menu_open #nav .hamb .l3 {
    transform: rotate(-45deg);
  }
  .menu_open #mob_menu {
    transform: translate(0, 0);
  }
}
@media (max-width: 767px) {
  #mob_menu .div_ {
    margin: 0 -16px;
  }
}
#footer {
  background: var(--b);
  color: var(--g);
}
#footer a:not(.btn) {
  color: var(--g);
}
#footer a:not(.btn), #footer a:not(.btn) .t__ {
  display: flex;
  align-items: center;
  gap: 8px;
}
#footer a:not(.btn).golem svg {
  transition: transform 0.4s;
}
#footer .f__1 {
  padding: 0 0 56px;
}
#footer .f__2 {
  background: #0D2843;
  font: var(--f14);
}
#footer .f__2 .container {
  min-height: 50px;
  align-items: center;
}
#footer .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 56px 16px;
}
#footer .f1 .logo {
  filter: grayscale(1) brightness(15);
}
#footer .f1 .btn {
  margin: 24px 0 0;
  color: var(--w);
  fill: var(--w);
}
#footer .f2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
#footer .f2 svg {
  fill: var(--w) !important;
}
#footer .f2 .h4 {
  font-weight: 700;
  color: var(--w);
  padding: 0 0 8px;
}
#footer .f2 .adr {
  display: flex;
  gap: 12px;
  max-width: 220px;
}
#footer .f2 .adr span {
  flex: 1;
}
#footer .f2 .tel_ {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
#footer .f2 .tel_ .tel {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
#footer .f3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  font: var(--f20);
  font-weight: 700;
  max-width: 270px;
}
#footer .f4 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 540px;
}
#footer .f4 .subs {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#footer .f4 .subs .l-1 {
  color: var(--w);
  font: var(--f20);
  font-weight: 700;
}
#footer .f4 .docs {
  margin-top: 8px;
  font-weight: 700;
  text-decoration: underline;
}
@media (pointer: fine) {
  #footer a:not(.btn):hover {
    color: var(--w);
    fill: var(--w);
  }
  #footer a:not(.btn):hover.golem svg {
    fill: var(--w);
    transform: rotate(-20deg) scale(1.15);
  }
  #footer .f1 a:hover {
    color: var(--b);
    fill: var(--b);
  }
}
@media (max-width: 1199px) {
  #footer .f1, #footer .f3 {
    order: -1;
  }
  #footer .f3 {
    min-width: 360px;
    align-items: flex-end;
  }
  #footer .f4 {
    min-width: 360px;
    flex: 1;
  }
  #footer .f4 .subs {
    max-width: 100%;
  }
  #footer .f__2 {
    text-align: center;
    gap: 16px;
  }
  #footer .f__2 a {
    max-width: 210px;
  }
}
@media (max-width: 767px) {
  #footer {
    padding: 64px 0 0;
  }
  #footer .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
  #footer .f2, #footer .f3, #footer .f4, #footer .f4 .subs {
    align-items: center;
    text-align: center;
  }
  #footer .f3 {
    min-width: 0;
    width: 100%;
  }
  #footer .f4 {
    min-width: 0;
  }
  #footer .f__2 {
    padding: 24px 0;
  }
  #footer .f__2 .container {
    flex-direction: column;
    gap: 16px;
  }
}

.spost, .sproject {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: var(--w);
  border-bottom: 8px solid var(--p);
  min-height: 600px;
  height: 100%;
}
.spost span, .sproject span {
  display: block;
}
.spost .img, .sproject .img {
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;
}
.spost .img::before, .sproject .img::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: var(--p);
  opacity: 0.15;
  content: "";
  transition: var(--tr);
}
.spost .img img, .sproject .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--tr);
}
.spost .btm, .sproject .btm {
  flex: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.spost .dsc, .sproject .dsc {
  color: var(--g);
}
.spost .hdr, .sproject .hdr {
  color: var(--b);
}
.spost .inf, .sproject .inf {
  color: var(--g4);
  fill: var(--g4);
  display: flex;
  gap: 32px;
}
.spost .inf > span, .sproject .inf > span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.spost .mre, .sproject .mre {
  margin: auto auto 0 0;
  color: var(--p);
  fill: var(--p);
  font: var(--f18);
  font-weight: 700;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 8px;
}
.spost .mre svg, .sproject .mre svg {
  transition: var(--tr);
  margin-bottom: -2px;
}
@media (pointer: fine) {
  .spost:hover .img::before, .sproject:hover .img::before {
    opacity: 0;
  }
  .spost:hover .img img, .sproject:hover .img img {
    transform: scale(1.05);
  }
  .spost:hover .mre, .sproject:hover .mre {
    text-decoration: underline;
  }
  .spost:hover .mre svg, .sproject:hover .mre svg {
    transform: rotate(45deg);
  }
}
@media (max-width: 1499px) {
  .spost, .sproject {
    min-height: 480px;
  }
  .spost .img, .sproject .img {
    height: 240px;
  }
}
@media (max-width: 1199px) {
  .spost, .sproject {
    min-height: 540px;
  }
  .spost .img, .sproject .img {
    height: 240px;
  }
  .spost .hdr, .sproject .hdr {
    font: var(--f20);
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .spost, .sproject {
    min-height: 400px;
  }
  .spost .img, .sproject .img {
    height: 185px;
  }
  .spost .btm, .sproject .btm {
    padding: 16px;
  }
}

.sevent {
  height: 100%;
  display: grid;
  grid: 24px 1fr/110px 1fr;
  grid-gap: 16px;
  overflow: hidden;
  color: var(--g);
  fill: var(--g);
}
.sevent .l, .sevent .r {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sevent .l {
  gap: 8px;
  text-align: right;
  font: var(--f18);
}
.sevent .l span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 70px;
  margin-left: auto;
}
.sevent .l .dm {
  font: 900 35px/1 f, sans-serif;
  color: var(--p);
  width: 100%;
  padding: 6px 0 0;
  position: relative;
}
.sevent .l .dm::before {
  top: -1px;
  left: 0;
  width: 999px;
  height: 1px;
  background: var(--p);
  position: absolute;
  content: "";
}
.sevent .img {
  background: var(--p);
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 56/33;
  overflow: hidden;
}
.sevent .img img {
  position: absolute;
  top: 0;
  left: 8px;
  width: calc(100% - 8px);
  height: 100%;
  z-index: 1;
  object-fit: cover;
  transition: var(--tr);
}
.sevent .hdr {
  color: var(--b);
  margin: 0 0 -8px;
}
.sevent .mre {
  margin: auto 0 0;
  color: var(--p);
  fill: var(--p);
  font: var(--f18);
  font-weight: 700;
  text-decoration: underline;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sevent .mre svg {
  transition: var(--tr);
  margin-bottom: -2px;
}
@media (pointer: fine) {
  .sevent:hover .img img {
    transform: scale(1.05);
    opacity: 0.8;
  }
  .sevent:hover .mre {
    text-decoration: underline;
  }
  .sevent:hover .mre svg {
    transform: rotate(45deg);
  }
}
@media (max-width: 1199px) {
  .sevent {
    grid: 24px 1fr/80px 1fr;
  }
  .sevent .l .dm {
    justify-content: flex-end;
    font: 900 24px/1 f, sans-serif;
    padding: 10px 0 0;
  }
}
@media (max-width: 767px) {
  .sevent {
    grid: 16px 1fr/70px 1fr;
  }
  .sevent .l .dm {
    font: 900 22px/1 f, sans-serif;
    padding: 12px 0 0;
  }
  .sevent .hdr {
    font: var(--f20);
    font-weight: 700;
  }
  .sevent .mre {
    font: var(--f16);
    font-weight: 700;
  }
}

.sppl {
  width: 100%;
  height: 460px;
  position: relative;
  overflow: hidden;
  color: var(--w);
  display: block;
  text-align: center;
  /*@media (max-width: 1199px) {

  }*/
}
.sppl img, .sppl .bck {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--tr);
  object-fit: cover;
}
.sppl .bck {
  background: rgba(0, 0, 255, 0.6509803922);
  padding: 32px 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 8px;
  opacity: 0;
}
.sppl .hdr, .sppl .pos, .sppl .dsc {
  transform: translateY(20px);
  transition: var(--tr);
}
.sppl .hdr {
  text-transform: uppercase;
}
.sppl .dsc {
  display: none;
}
@media (pointer: fine) {
  .sppl:hover img {
    transform: scale(1.05);
  }
  .sppl:hover .bck {
    opacity: 1;
  }
  .sppl:hover .hdr, .sppl:hover .pos, .sppl:hover .dsc {
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .sppl .bck {
    background: linear-gradient(180deg, rgba(0, 0, 255, 0) 50%, rgba(0, 0, 255, 0.6509803922) 80%);
    opacity: 1;
  }
  .sppl .hdr, .sppl .pos, .sppl .dsc {
    transform: translateY(0);
  }
}

.ssppl {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  font: var(--f16);
  color: var(--g);
}
.ssppl img {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  object-fit: cover;
  object-position: top;
}
.ssppl .info_ {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ssppl .h4 {
  font-weight: 700;
  color: var(--b);
  transition: var(--tr);
}
.ssppl br {
  display: none;
}
@media (pointer: fine) {
  .ssppl:hover .h4 {
    color: var(--p);
  }
}
@media (max-width: 767px) {
  .ssppl .h4 {
    font: var(--f16);
    font-weight: 700;
  }
  .ssppl .pos {
    font: var(--f14);
  }
}

.soffice {
  width: 100%;
  height: 100%;
  background: var(--g2);
  color: var(--b);
  border-bottom: 8px solid var(--p);
  display: flex;
  flex-direction: column;
}
.soffice .img {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 350px;
  width: 100%;
  background: var(--p);
  padding: 16px;
}
.soffice .img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.65;
  transition: var(--tr);
}
.soffice .hdr {
  position: relative;
  z-index: 2;
  color: var(--w);
  font: var(--f40);
  text-transform: uppercase;
  text-align: center;
}
.soffice .cntry {
  font: var(--f20);
  font-weight: 700;
  color: var(--w);
  position: absolute;
  z-index: 2;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.soffice .iti__flag {
  display: block;
  margin: 0 0 -2px;
}
.soffice .inf {
  flex: 1;
  padding: 16px 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.soffice .ht {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.soffice .ht span, .soffice .ht a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  color: var(--g);
}
.soffice .shdr {
  font: var(--f24);
  font-weight: 700;
}
@media (pointer: fine) {
  .soffice .ht a:hover {
    color: var(--p);
  }
}
@media (max-width: 1199px) {
  .soffice .hdr {
    font: var(--f32);
    font-weight: 700;
    hyphens: auto;
  }
  .soffice .shdr {
    font: var(--f20);
    font-weight: 700;
  }
}
@media (max-width: 767px) {
  .soffice .img {
    height: 240px;
  }
  .soffice .hdr {
    font: var(--f24);
    font-weight: 700;
  }
  .soffice .shdr {
    font: var(--f18);
    font-weight: 700;
  }
}

#register {
  display: none;
  width: 1112px;
  max-width: 100%;
  background: var(--w);
  padding: 56px;
}
#register .h {
  padding: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: var(--g);
}
#register .h .h2 {
  color: var(--b);
}
#register .cdate {
  margin: 32px 0 0;
  border-radius: 2px;
  padding: 24px;
  background: var(--g2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
#register .cdate p {
  font: var(--f20);
  color: var(--b);
}
#register .cdate input {
  display: none;
}
#register .cdate .ph {
  display: flex;
  cursor: pointer;
  position: relative;
}
#register .cdate .ph span {
  flex: 1;
  color: var(--g);
  transition: color var(--tr);
}
#register .cdate .ph::before {
  width: 24px;
  height: 24px;
  border-radius: 24px;
  margin: -2px 8px 0 0;
  border: 2px solid var(--g3);
  content: "";
  transition: var(--tr);
}
#register .cdate .ph::after {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background: var(--p);
  position: absolute;
  top: 2px;
  left: 4px;
  content: "";
  transition: var(--tr);
  opacity: 0;
}
@media (pointer: fine) {
  #register .cdate .ph:hover::before {
    border: 2px solid var(--p);
  }
}
#register .cdate input:checked + .ph span {
  color: var(--b);
}
#register .cdate input:checked + .ph::before {
  border: 2px solid var(--g);
}
#register .cdate input:checked + .ph::after {
  opacity: 1;
}
#register .wpcf7 form {
  padding: 32px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#register .wpcf7 form > label, #register .wpcf7 form > div {
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
}
#register .wpcf7 form > label > span, #register .wpcf7 form > div > span {
  max-width: 100%;
}
#register .wpcf7 form > label input, #register .wpcf7 form > label textarea, #register .wpcf7 form > label select, #register .wpcf7 form > div input, #register .wpcf7 form > div textarea, #register .wpcf7 form > div select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 14px 16px;
  background: var(--g2);
  border: 1px solid rgba(112, 133, 154, 0.1019607843);
  border-radius: 3px;
  font: var(--f16);
  color: var(--b);
}
#register .wpcf7 form > label input:focus, #register .wpcf7 form > label textarea:focus, #register .wpcf7 form > label select:focus, #register .wpcf7 form > div input:focus, #register .wpcf7 form > div textarea:focus, #register .wpcf7 form > div select:focus {
  border: 1px solid var(--p);
}
#register .wpcf7 form > label select, #register .wpcf7 form > div select {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3439L21.375 7.96894L20.0438 6.6377L16.8375 9.86269L12 14.7002L7.1625 9.86269L3.95625 6.65645L2.625 7.98769L12 17.3439Z' fill='%230000FF'/%3E%3C/svg%3E") calc(100% - 8px) 50% no-repeat, var(--g2);
  padding: 12px 12px 13px;
  margin: 0;
}
#register .wpcf7 form > label select > *, #register .wpcf7 form > div select > * {
  padding: 0;
  margin: 0;
}
#register .wpcf7 form > label .wpcf7-radio, #register .wpcf7 form > div .wpcf7-radio {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#register .wpcf7 form > label .wpcf7-radio input, #register .wpcf7 form > div .wpcf7-radio input {
  display: none;
}
#register .wpcf7 form > label .wpcf7-radio label, #register .wpcf7 form > div .wpcf7-radio label {
  cursor: pointer;
  flex-direction: row;
  width: 100%;
}
#register .wpcf7 form > label .wpcf7-radio label span, #register .wpcf7 form > div .wpcf7-radio label span {
  color: var(--g);
  transition: var(--tr);
  position: relative;
  display: inline-flex;
  gap: 8px;
}
#register .wpcf7 form > label .wpcf7-radio label span::before, #register .wpcf7 form > div .wpcf7-radio label span::before {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 2px solid var(--g3);
  content: "";
  margin: -2px 0;
  transition: var(--tr);
}
#register .wpcf7 form > label .wpcf7-radio label span::after, #register .wpcf7 form > div .wpcf7-radio label span::after {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 1;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: var(--p);
  content: "";
  transition: var(--tr);
  opacity: 0;
}
#register .wpcf7 form > label .wpcf7-radio label input:checked + span, #register .wpcf7 form > div .wpcf7-radio label input:checked + span {
  color: var(--b);
}
#register .wpcf7 form > label .wpcf7-radio label input:checked + span::before, #register .wpcf7 form > div .wpcf7-radio label input:checked + span::before {
  border: 2px solid var(--b);
}
#register .wpcf7 form > label .wpcf7-radio label input:checked + span::after, #register .wpcf7 form > div .wpcf7-radio label input:checked + span::after {
  opacity: 1;
}
@media (pointer: fine) {
  #register .wpcf7 form > label .wpcf7-radio label:hover span, #register .wpcf7 form > div .wpcf7-radio label:hover span {
    color: var(--b);
  }
  #register .wpcf7 form > label .wpcf7-radio label:hover span::before, #register .wpcf7 form > div .wpcf7-radio label:hover span::before {
    border: 2px solid var(--b);
  }
}
#register .wpcf7 form div.div {
  width: 100%;
  height: 1px;
  background: rgba(173, 185, 197, 0.3490196078);
}
#register .wpcf7 form div.w100, #register .wpcf7 form label.w100 {
  width: 100%;
}
#register .wpcf7 form div.submit_ {
  padding: 30px 0 0;
  width: 100%;
  align-items: center;
}
#register .wpcf7 form .radio_text {
  margin: 16px 0 0;
  border-radius: 2px;
  padding: 24px;
  background: var(--g2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
#register .wpcf7 form .radio_text p {
  font: var(--f20);
  color: var(--b);
}
#register .wpcf7 form .radio_text .hh {
  width: 100%;
  display: none;
}
#register .wpcf7 form .radio_text .hh input {
  background: var(--w);
}
@media (max-width: 1199px) {
  #register {
    padding: 32px;
  }
}
@media (max-width: 767px) {
  #register {
    padding: 16px;
  }
  #register .cdate {
    margin: 16px -16px 0;
    padding: 16px;
  }
  #register .cdate p {
    font: var(--f18);
  }
  #register .wpcf7 form > label, #register .wpcf7 form > div {
    width: 100%;
  }
  #register .wpcf7 form .radio_text {
    margin: 16px -16px 0;
    padding: 16px;
    width: calc(100% + 32px) !important;
  }
}

#addpost, #sup_family_picnic_lviv {
  background: var(--w);
  padding: 56px;
  width: 1200px;
}
#addpost .form_addpost, #sup_family_picnic_lviv .form_addpost {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#addpost .form_addpost :where(label, div), #sup_family_picnic_lviv .form_addpost :where(label, div) {
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#addpost .form_addpost :where(label, div) > span, #sup_family_picnic_lviv .form_addpost :where(label, div) > span {
  max-width: 100%;
}
#addpost .form_addpost :where(label, div) input:not([type=file]), #addpost .form_addpost :where(label, div) textarea, #addpost .form_addpost :where(label, div) select, #sup_family_picnic_lviv .form_addpost :where(label, div) input:not([type=file]), #sup_family_picnic_lviv .form_addpost :where(label, div) textarea, #sup_family_picnic_lviv .form_addpost :where(label, div) select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 14px 16px;
  background: var(--g2);
  border: 1px solid rgba(112, 133, 154, 0.1019607843);
  border-radius: 3px;
  font: var(--f16);
  color: var(--b);
}
#addpost .form_addpost :where(label, div) input:not([type=file]):focus, #addpost .form_addpost :where(label, div) textarea:focus, #addpost .form_addpost :where(label, div) select:focus, #sup_family_picnic_lviv .form_addpost :where(label, div) input:not([type=file]):focus, #sup_family_picnic_lviv .form_addpost :where(label, div) textarea:focus, #sup_family_picnic_lviv .form_addpost :where(label, div) select:focus {
  border: 1px solid var(--p);
}
#addpost .form_addpost :where(label, div) input[type=file], #sup_family_picnic_lviv .form_addpost :where(label, div) input[type=file] {
  background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18C5.89801 18 3.375 15.477 3.375 12.375V4.5C3.375 4.08527 3.71104 3.75005 4.12495 3.75005C4.539 3.75005 4.87505 4.08527 4.87505 4.5V12.375C4.87505 14.649 6.72528 16.5 9 16.5C11.2747 16.5 13.125 14.649 13.125 12.375V4.12495C13.125 2.67751 11.9475 1.50005 10.5 1.50005C9.05246 1.50005 7.875 2.67751 7.875 4.12495V11.625C7.875 12.2452 8.37968 12.75 9 12.75C9.62032 12.75 10.125 12.2452 10.125 11.625V4.5C10.125 4.08527 10.461 3.75005 10.875 3.75005C11.289 3.75005 11.625 4.08527 11.625 4.5V11.625C11.625 13.0725 10.4474 14.25 9 14.25C7.55255 14.25 6.37495 13.0725 6.37495 11.625V4.12495C6.37495 1.85106 8.22519 0 10.5 0C12.7748 0 14.625 1.85106 14.625 4.12495V12.375C14.625 15.477 12.102 18 9 18Z' fill='%230000FF'/%3E%3C/svg%3E") left no-repeat;
  padding: 4px 12px 4px 24px;
  color: var(--p);
  font: var(--f18);
  cursor: pointer;
}
#addpost .form_addpost :where(label, div) input[type=file]::file-selector-button, #sup_family_picnic_lviv .form_addpost :where(label, div) input[type=file]::file-selector-button {
  display: none;
}
#addpost .form_addpost :where(label, div) textarea, #sup_family_picnic_lviv .form_addpost :where(label, div) textarea {
  min-height: 50px;
}
#addpost .form_addpost :where(label, div) select, #sup_family_picnic_lviv .form_addpost :where(label, div) select {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3439L21.375 7.96894L20.0438 6.6377L16.8375 9.86269L12 14.7002L7.1625 9.86269L3.95625 6.65645L2.625 7.98769L12 17.3439Z' fill='%230000FF'/%3E%3C/svg%3E") calc(100% - 8px) 50% no-repeat, var(--g2);
  padding: 14px 12px;
  margin: 0;
}
#addpost .form_addpost :where(label, div) select > *, #sup_family_picnic_lviv .form_addpost :where(label, div) select > * {
  padding: 0;
  margin: 0;
}
#addpost .form_addpost :where(label, div) .wpcf7-radio, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio {
  padding: 8px 0 0;
  display: flex;
  gap: 32px;
}
#addpost .form_addpost :where(label, div) .wpcf7-radio input, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio input {
  display: none;
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label {
  cursor: pointer;
  flex-direction: row;
  width: 100%;
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label span, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label span {
  color: var(--g);
  transition: var(--tr);
  position: relative;
  display: inline-flex;
  gap: 8px;
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label span::before, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label span::before {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  border: 2px solid var(--g3);
  content: "";
  margin: -2px 0;
  transition: var(--tr);
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label span::after, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label span::after {
  position: absolute;
  top: 3px;
  left: 5px;
  z-index: 1;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: var(--p);
  content: "";
  transition: var(--tr);
  opacity: 0;
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label input:checked + span, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label input:checked + span {
  color: var(--b);
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label input:checked + span::before, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label input:checked + span::before {
  border: 2px solid var(--b);
}
#addpost .form_addpost :where(label, div) .wpcf7-radio label input:checked + span::after, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label input:checked + span::after {
  opacity: 1;
}
@media (pointer: fine) {
  #addpost .form_addpost :where(label, div) .wpcf7-radio label:hover span, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label:hover span {
    color: var(--b);
  }
  #addpost .form_addpost :where(label, div) .wpcf7-radio label:hover span::before, #sup_family_picnic_lviv .form_addpost :where(label, div) .wpcf7-radio label:hover span::before {
    border: 2px solid var(--b);
  }
}
#addpost .form_addpost :where(label, div).w12, #sup_family_picnic_lviv .form_addpost :where(label, div).w12 {
  width: 100%;
}
#addpost .form_addpost div.div, #sup_family_picnic_lviv .form_addpost div.div {
  width: 100%;
  height: 1px;
  background: rgba(173, 185, 197, 0.3490196078);
}
#addpost .form_addpost div.w100, #addpost .form_addpost label.w100, #sup_family_picnic_lviv .form_addpost div.w100, #sup_family_picnic_lviv .form_addpost label.w100 {
  width: 100%;
}
#addpost .form_addpost .fjoin, #sup_family_picnic_lviv .form_addpost .fjoin {
  padding: 30px 0 0;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
#addpost .form_addpost .fjoin h3.hdr, #sup_family_picnic_lviv .form_addpost .fjoin h3.hdr {
  font: var(--f20);
  font-weight: 700;
  padding: 0 0 24px;
}
#addpost .form_addpost .fjoin h3.hdr .num, #sup_family_picnic_lviv .form_addpost .fjoin h3.hdr .num {
  color: var(--p);
}
#addpost .form_addpost .fjoin h3.hdr + p, #sup_family_picnic_lviv .form_addpost .fjoin h3.hdr + p {
  color: var(--g);
  margin: -8px 0 24px;
}
#addpost .form_addpost .fgrid, #sup_family_picnic_lviv .form_addpost .fgrid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
#addpost .form_addpost .fgrid div.submit_, #sup_family_picnic_lviv .form_addpost .fgrid div.submit_ {
  padding: 30px 0 0;
  width: 100%;
  align-items: center;
}
#addpost .form_addpost .chk, #sup_family_picnic_lviv .form_addpost .chk {
  gap: 24px !important;
}
#addpost .form_addpost .chk span, #addpost .form_addpost .chk label, #sup_family_picnic_lviv .form_addpost .chk span, #sup_family_picnic_lviv .form_addpost .chk label {
  width: 100%;
  display: block;
}
#addpost .form_addpost .chk label input, #sup_family_picnic_lviv .form_addpost .chk label input {
  display: none !important;
}
#addpost .form_addpost .chk label span, #sup_family_picnic_lviv .form_addpost .chk label span {
  cursor: pointer;
  color: var(--g);
  transition: var(--tr);
  position: relative;
  padding: 0 0 0 32px;
}
#addpost .form_addpost .chk label span::before, #sup_family_picnic_lviv .form_addpost .chk label span::before {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid rgba(112, 133, 154, 0.1019607843);
  background: var(--g2);
  content: "";
  transition: var(--tr);
  position: absolute;
  top: 0;
  left: 0;
}
#addpost .form_addpost .chk label span::after, #sup_family_picnic_lviv .form_addpost .chk label span::after {
  position: absolute;
  top: -1px;
  left: 3px;
  z-index: 1;
  width: 20px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.3506 0.539062L7.16034 9.99265L2.8508 5.39365L0 8.065L6.96228 15.495L20 3.41092L17.3506 0.539062Z' fill='%230000FF'/%3E%3C/svg%3E") no-repeat;
  transition: var(--tr);
  opacity: 0;
  content: "";
}
#addpost .form_addpost .chk label input:checked + span::after, #sup_family_picnic_lviv .form_addpost .chk label input:checked + span::after {
  opacity: 1;
}
@media (pointer: fine) {
  #addpost .form_addpost .chk label:hover span, #sup_family_picnic_lviv .form_addpost .chk label:hover span {
    color: var(--b);
  }
  #addpost .form_addpost .chk label:hover span::before, #sup_family_picnic_lviv .form_addpost .chk label:hover span::before {
    border: 1px solid var(--b);
  }
}
#addpost .form_addpost .lnk, #sup_family_picnic_lviv .form_addpost .lnk {
  align-items: flex-start;
  justify-content: flex-start !important;
  gap: 16px !important;
  font: var(--f18);
  font-weight: 700;
}
#addpost .form_addpost .lnk a, #sup_family_picnic_lviv .form_addpost .lnk a {
  display: inline-block;
  padding-right: 24px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0035 7.90804L5.41153 16.5L4 15.0885L12.591 6.49651H5.01922V4.5H16V15.4808H14.0035V7.90804Z' fill='%230000FF'/%3E%3C/svg%3E") right no-repeat;
  text-decoration: 1px solid underline var(--p);
  color: var(--p);
}
@media (pointer: fine) {
  #addpost .form_addpost .lnk a:hover, #sup_family_picnic_lviv .form_addpost .lnk a:hover {
    text-decoration: 1px solid underline transparent;
  }
}
@media (max-width: 1199px) {
  #addpost .form_addpost .fgrid label, #addpost .form_addpost .fgrid div, #sup_family_picnic_lviv .form_addpost .fgrid label, #sup_family_picnic_lviv .form_addpost .fgrid div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
  }
  #addpost .form_addpost .fgrid label > span, #addpost .form_addpost .fgrid div > span, #sup_family_picnic_lviv .form_addpost .fgrid label > span, #sup_family_picnic_lviv .form_addpost .fgrid div > span {
    max-width: 100%;
  }
  #addpost .form_addpost .fgrid label input, #addpost .form_addpost .fgrid label textarea, #addpost .form_addpost .fgrid label select, #addpost .form_addpost .fgrid div input, #addpost .form_addpost .fgrid div textarea, #addpost .form_addpost .fgrid div select, #sup_family_picnic_lviv .form_addpost .fgrid label input, #sup_family_picnic_lviv .form_addpost .fgrid label textarea, #sup_family_picnic_lviv .form_addpost .fgrid label select, #sup_family_picnic_lviv .form_addpost .fgrid div input, #sup_family_picnic_lviv .form_addpost .fgrid div textarea, #sup_family_picnic_lviv .form_addpost .fgrid div select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    padding: 14px 16px;
    background: var(--g2);
    border: 1px solid rgba(112, 133, 154, 0.1019607843);
    border-radius: 3px;
    font: var(--f16);
    color: var(--b);
  }
  #addpost .form_addpost .fgrid label input:focus, #addpost .form_addpost .fgrid label textarea:focus, #addpost .form_addpost .fgrid label select:focus, #addpost .form_addpost .fgrid div input:focus, #addpost .form_addpost .fgrid div textarea:focus, #addpost .form_addpost .fgrid div select:focus, #sup_family_picnic_lviv .form_addpost .fgrid label input:focus, #sup_family_picnic_lviv .form_addpost .fgrid label textarea:focus, #sup_family_picnic_lviv .form_addpost .fgrid label select:focus, #sup_family_picnic_lviv .form_addpost .fgrid div input:focus, #sup_family_picnic_lviv .form_addpost .fgrid div textarea:focus, #sup_family_picnic_lviv .form_addpost .fgrid div select:focus {
    border: 1px solid var(--p);
  }
  #addpost .form_addpost .fgrid label select, #addpost .form_addpost .fgrid div select, #sup_family_picnic_lviv .form_addpost .fgrid label select, #sup_family_picnic_lviv .form_addpost .fgrid div select {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3439L21.375 7.96894L20.0438 6.6377L16.8375 9.86269L12 14.7002L7.1625 9.86269L3.95625 6.65645L2.625 7.98769L12 17.3439Z' fill='%230000FF'/%3E%3C/svg%3E") calc(100% - 8px) 50% no-repeat, var(--g2);
    padding: 12px 12px 13px;
    margin: 0;
  }
  #addpost .form_addpost .fgrid label select > *, #addpost .form_addpost .fgrid div select > *, #sup_family_picnic_lviv .form_addpost .fgrid label select > *, #sup_family_picnic_lviv .form_addpost .fgrid div select > * {
    padding: 0;
    margin: 0;
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio, #addpost .form_addpost .fgrid div .wpcf7-radio, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio {
    display: flex;
    gap: 32px;
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio input, #addpost .form_addpost .fgrid div .wpcf7-radio input, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio input, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio input {
    display: none;
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label, #addpost .form_addpost .fgrid div .wpcf7-radio label, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label {
    cursor: pointer;
    flex-direction: row;
    width: 100%;
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label span, #addpost .form_addpost .fgrid div .wpcf7-radio label span, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label span, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label span {
    color: var(--g);
    transition: var(--tr);
    position: relative;
    display: inline-flex;
    gap: 8px;
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label span::before, #addpost .form_addpost .fgrid div .wpcf7-radio label span::before, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label span::before, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label span::before {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 2px solid var(--g3);
    content: "";
    margin: -2px 0;
    transition: var(--tr);
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label span::after, #addpost .form_addpost .fgrid div .wpcf7-radio label span::after, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label span::after, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label span::after {
    position: absolute;
    top: 3px;
    left: 5px;
    z-index: 1;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: var(--p);
    content: "";
    transition: var(--tr);
    opacity: 0;
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label input:checked + span, #addpost .form_addpost .fgrid div .wpcf7-radio label input:checked + span, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label input:checked + span, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label input:checked + span {
    color: var(--b);
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label input:checked + span::before, #addpost .form_addpost .fgrid div .wpcf7-radio label input:checked + span::before, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label input:checked + span::before, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label input:checked + span::before {
    border: 2px solid var(--b);
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label input:checked + span::after, #addpost .form_addpost .fgrid div .wpcf7-radio label input:checked + span::after, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label input:checked + span::after, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label input:checked + span::after {
    opacity: 1;
  }
}
@media (max-width: 1199px) and (pointer: fine) {
  #addpost .form_addpost .fgrid label .wpcf7-radio label:hover span, #addpost .form_addpost .fgrid div .wpcf7-radio label:hover span, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label:hover span, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label:hover span {
    color: var(--b);
  }
  #addpost .form_addpost .fgrid label .wpcf7-radio label:hover span::before, #addpost .form_addpost .fgrid div .wpcf7-radio label:hover span::before, #sup_family_picnic_lviv .form_addpost .fgrid label .wpcf7-radio label:hover span::before, #sup_family_picnic_lviv .form_addpost .fgrid div .wpcf7-radio label:hover span::before {
    border: 2px solid var(--b);
  }
}
@media (max-width: 767px) {
  #addpost .form_addpost, #sup_family_picnic_lviv .form_addpost {
    padding: 16px;
    margin: 0 -16px;
  }
  #addpost .form_addpost .fjoin, #sup_family_picnic_lviv .form_addpost .fjoin {
    padding: 8px 0 0;
    gap: 32px;
  }
  #addpost .form_addpost .fjoin h3.hdr, #sup_family_picnic_lviv .form_addpost .fjoin h3.hdr {
    font: var(--f18);
    font-weight: 700;
    padding: 0 0 16px;
  }
  #addpost .form_addpost .fjoin h3.hdr + p, #sup_family_picnic_lviv .form_addpost .fjoin h3.hdr + p {
    margin: -8px 0 24px;
  }
  #addpost .form_addpost .fgrid label input, #addpost .form_addpost .fgrid label textarea, #addpost .form_addpost .fgrid label .textarea_h, #addpost .form_addpost .fgrid label select, #addpost .form_addpost .fgrid div input, #addpost .form_addpost .fgrid div textarea, #addpost .form_addpost .fgrid div .textarea_h, #addpost .form_addpost .fgrid div select, #sup_family_picnic_lviv .form_addpost .fgrid label input, #sup_family_picnic_lviv .form_addpost .fgrid label textarea, #sup_family_picnic_lviv .form_addpost .fgrid label .textarea_h, #sup_family_picnic_lviv .form_addpost .fgrid label select, #sup_family_picnic_lviv .form_addpost .fgrid div input, #sup_family_picnic_lviv .form_addpost .fgrid div textarea, #sup_family_picnic_lviv .form_addpost .fgrid div .textarea_h, #sup_family_picnic_lviv .form_addpost .fgrid div select {
    padding: 12px 12px;
    font: var(--f14);
  }
  #addpost .form_addpost .fgrid label select, #addpost .form_addpost .fgrid div select, #sup_family_picnic_lviv .form_addpost .fgrid label select, #sup_family_picnic_lviv .form_addpost .fgrid div select {
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3439L21.375 7.96894L20.0438 6.6377L16.8375 9.86269L12 14.7002L7.1625 9.86269L3.95625 6.65645L2.625 7.98769L12 17.3439Z' fill='%230000FF'/%3E%3C/svg%3E") calc(100% - 8px) 50% no-repeat, var(--g2);
    padding: 10px 12px 11px;
  }
}
@media (max-width: 1199px) {
  #addpost, #sup_family_picnic_lviv {
    padding: 32px;
  }
}

#sup_family_picnic_lviv {
  background: var(--w);
  padding: 56px;
  width: 560px;
}
#sup_family_picnic_lviv .wpcf7-submit {
  width: 100%;
}
@media (max-width: 1199px) {
  #sup_family_picnic_lviv {
    padding: 32px;
  }
}

#under_development {
  visibility: hidden;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.4s;
  position: fixed;
  bottom: 32px;
  right: max((100vw - var(--container-width)) / 2 - 2px, 32px);
  z-index: 3;
  width: 100%;
  max-width: min(555px, 100vw - 64px);
  background: #D9E8F7;
  border: 1px solid rgba(112, 133, 154, 0.3019607843);
}
#under_development.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: 0.4s 1s;
}
#under_development .grid {
  padding: 24px;
  display: grid;
  align-items: center;
  grid: auto/48px 1fr;
  gap: 24px;
}
#under_development .cls {
  position: absolute;
  top: 16px;
  right: 16px;
}
@media (pointer: fine) {
  #under_development .cls:hover {
    opacity: 0.6;
  }
}
@media (max-width: 767px) {
  #under_development {
    bottom: 16px;
    right: 16px;
    max-width: calc(100vw - 32px);
  }
  #under_development .grid {
    padding: 16px 36px 16px 16px;
    grid: auto/36px 1fr;
    gap: 16px;
  }
}

/*#ajaxsearchpro1_1 div.asp_loader-inner, #ajaxsearchpro1_2 div.asp_loader-inner {
  width:  36px !important;
  height: 36px !important;
}
#ajaxsearchpro1_1 .probox .proinput, #ajaxsearchpro1_2 .probox .proinput, div.asp_m.asp_m_1 .probox .proinput {
  margin: -2px 0 0 10px !important;
  padding: 0 10px !important;
}
#ajaxsearchprores1_1.vertical .results, #ajaxsearchprores1_2.vertical .results, div.asp_r.asp_r_1.vertical .results {
  scrollbar-width: unset !important;
  scrollbar-color: unset !important;
}*/
#top div.asp_r.asp_r_1.vertical {
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 1px solid var(--b2) !important;
  box-shadow: none !important;
}
#top div.asp_r.asp_r_1.vertical * {
  border: none !important;
}
#top div.asp_r.asp_r_1.vertical .asp_group_header {
  background: var(--g2) !important;
}
#top div.asp_r.asp_r_1.vertical .results {
  scrollbar-width: unset !important;
  scrollbar-color: unset !important;
  /*.asp_content {
    display: flex !important;
    align-items: center !important;
    .asp_image {
      float: none !important;
    }
    h3 {
      flex: 1;
    }
  }*/
}
#top div.asp_r.asp_r_1.vertical .results .asp_res_text {
  padding: 6px 0 0;
}
#top div.asp_r.asp_r_1.vertical .results .etc {
  display: none !important;
}
#top div.asp_r.asp_r_1.vertical .results .item {
  transition: var(--tr);
}
#top div.asp_r.asp_r_1.vertical .results .item a, #top div.asp_r.asp_r_1.vertical .results .item .asp_res_text {
  transition: var(--tr);
}
#top div.asp_r.asp_r_1.vertical .results .item::after {
  display: none !important;
}
@media (pointer: fine) {
  #top div.asp_r.asp_r_1.vertical .results .item:hover {
    background: var(--b) !important;
  }
  #top div.asp_r.asp_r_1.vertical .results .item:hover a, #top div.asp_r.asp_r_1.vertical .results .item:hover .asp_res_text {
    color: var(--w) !important;
  }
}
#top div.asp_r.asp_r_1.vertical .asp_nores {
  color: var(--p) !important;
  padding: 24px 12px !important;
}
#top div.asp_r.asp_r_1.vertical .asp_showmore_container {
  display: none !important;
}
@media (max-width: 767px) {
  #top div.asp_r.asp_r_1.vertical {
    margin: 1px 0 0 0 !important;
    max-height: 226px !important;
    height: 226px !important;
  }
  #top div.asp_r.asp_r_1.vertical .results {
    max-height: 226px !important;
    height: 226px !important;
  }
  #top div.asp_r.asp_r_1.vertical .asp_image {
    border-radius: 6px;
  }
}
#top div.asp_loader-inner, #top div.asp_loader-inner {
  width: 36px !important;
  height: 36px !important;
}
#top .probox .proinput, #top .probox .proinput, #top div.asp_m.asp_m_1 .probox .proinput {
  margin: -2px 0 0 10px !important;
  padding: 0 10px !important;
}
@media (pointer: fine) {
  #top div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar {
    width: 4px !important;
    height: 0 !important;
  }
  #top div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 0 !important;
  }
  #top div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar-thumb {
    background: var(--b) !important;
    border-radius: 0 !important;
  }
  #top div.asp_r.asp_r_1.vertical .results::-webkit-scrollbar-thumb:hover {
    background: var(--p) !important;
  }
}

#subscribe {
  width: 480px;
  background: var(--b);
  color: var(--w);
}
#subscribe .subs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0 0 16px;
}
#subscribe .l-1 {
  font: var(--f20);
  font-weight: 700;
}
#subscribe .is-close-btn svg {
  stroke: var(--w);
}

.s_control {
  width: 100% !important;
}
.s_control .s_control_inps {
  display: flex !important;
  flex-direction: column;
  gap: 16px;
}

/*# sourceMappingURL=1_style.css.map */