/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
@charset "UTF-8";.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\F101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\F102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\F103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\F104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\F105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\F106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\F107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\F108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\F109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\F10A"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\F10B"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\F10C"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\F10D"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\F10E"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\F10F"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\F110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{content:"\F111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\F112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\F113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\F114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\F115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\F116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\F117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\F118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\F119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\F11A"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\F11B"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\F11C"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\F11D"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\F11E"}.vjs-icon-next-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-next-item:before{content:"\F11F"}.vjs-icon-previous-item{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-previous-item:before{content:"\F120"}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{content:"\F121"}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{content:"\F122"}.video-js{display:block;vertical-align:top;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif;word-break:initial}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{width:100%;max-width:100%}.video-js.vjs-1-1:not(.vjs-audio-only-mode),.video-js.vjs-16-9:not(.vjs-audio-only-mode),.video-js.vjs-4-3:not(.vjs-audio-only-mode),.video-js.vjs-9-16:not(.vjs-audio-only-mode),.video-js.vjs-fluid:not(.vjs-audio-only-mode){height:0}.video-js.vjs-16-9:not(.vjs-audio-only-mode){padding-top:56.25%}.video-js.vjs-4-3:not(.vjs-audio-only-mode){padding-top:75%}.video-js.vjs-9-16:not(.vjs-audio-only-mode){padding-top:177.7777777778%}.video-js.vjs-1-1:not(.vjs-audio-only-mode){padding-top:100%}.video-js.vjs-fill:not(.vjs-audio-only-mode){width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js.vjs-audio-only-mode .vjs-tech{display:none}body.vjs-full-window{padding:0;margin:0;height:100%}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1!important;visibility:visible!important}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.63332em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.81666em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vjs-control .vjs-button{width:100%;height:100%}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto}.video-js .vjs-modal-dialog>*{box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto}.vjs-menu .vjs-menu-content>*{box-sizing:border-box}.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){background:0 0}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:5em}.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:10em}.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:14em}.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{max-height:25em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-audio-only-mode .vjs-control-bar,.vjs-has-started .vjs-control-bar{display:flex;visibility:visible;opacity:1;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;pointer-events:none;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible;pointer-events:auto}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;flex:none}.video-js .vjs-control.vjs-visible-text{width:auto;padding-left:1em;padding-right:1em}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.vjs-button>.vjs-icon-placeholder{display:block}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js :not(.vjs-visible-text)>.vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;flex:auto;display:flex;align-items:center;min-width:4em;touch-action:none}.video-js .vjs-progress-control.disabled{cursor:default}.vjs-live .vjs-progress-control{display:none}.vjs-liveui .vjs-progress-control{display:flex;align-items:center}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{flex:auto;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.6666666667em}.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{font-size:1em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.3333333333em;z-index:1}.video-js .vjs-load-progress{background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{font-size:1em}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider.disabled{cursor:default}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;flex:none}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{transition:width 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{visibility:visible;opacity:1;position:relative;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;margin-right:0}.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{left:-3.5em;transition:left 0s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{width:10em;transition:width .1s}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{width:4em}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3000em;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em;z-index:1}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em;z-index:1}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.video-js .vjs-volume-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:absolute;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{display:block;font-size:1em;visibility:visible}.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{left:1em;top:-12px}.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{font-size:1em}.video-js .vjs-volume-control .vjs-mouse-display{display:none;position:absolute;width:100%;height:1px;background-color:#000;z-index:1}.video-js .vjs-volume-horizontal .vjs-mouse-display{width:1px;height:100%}.vjs-no-flex .vjs-volume-control .vjs-mouse-display{z-index:0}.video-js .vjs-volume-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{visibility:hidden;opacity:0;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-volume-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-has-started .vjs-poster,.vjs-using-native-controls .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster,.vjs-has-started.vjs-audio-poster-mode .vjs-poster{display:block}.video-js .vjs-live-control{display:flex;align-items:flex-start;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{display:none}.video-js .vjs-seek-to-live-control{align-items:center;cursor:pointer;flex:none;display:inline-flex;height:100%;padding-left:.5em;padding-right:.5em;font-size:1em;line-height:3em;width:auto;min-width:4em}.vjs-no-flex .vjs-seek-to-live-control{display:table-cell;width:auto;text-align:left}.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{display:none}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{cursor:auto}.vjs-seek-to-live-control .vjs-icon-placeholder{margin-right:.5em;color:#888}.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{color:red}.video-js .vjs-time-control{flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control{cursor:pointer}.video-js .vjs-play-control .vjs-icon-placeholder{flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-controls-disabled .vjs-text-track-display,.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{transform:translateY(-3em)}.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{transform:translateY(-1.5em)}.video-js .vjs-picture-in-picture-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control{display:none}.video-js .vjs-fullscreen-control{cursor:pointer;flex:none}.video-js.vjs-audio-only-mode .vjs-fullscreen-control{display:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:"X";font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px;visibility:hidden}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block;animation:vjs-spinner-show 0s linear .3s forwards}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;animation-delay:.44s}@keyframes vjs-spinner-show{to{visibility:visible}}@keyframes vjs-spinner-spin{100%{transform:rotate(360deg)}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.video-js.vjs-audio-only-mode .vjs-captions-button{display:none}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js.vjs-audio-only-mode .vjs-descriptions-button{display:none}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\F10D";font-size:1.5em;line-height:inherit}.video-js.vjs-audio-only-mode .vjs-subs-caps-button{display:none}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{vertical-align:middle;display:inline-block;margin-bottom:-.1em}.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:" \F11D";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{display:none}.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:auto;width:initial}.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small .vjs-progress-control{display:none}.video-js.vjs-layout-x-small .vjs-custom-control-spacer{flex:auto;display:block}.video-js.vjs-layout-x-small.vjs-no-flex .vjs-custom-control-spacer{width:auto}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}@supports (display:grid){.vjs-text-track-settings .vjs-modal-dialog-content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;padding:20px 24px 0 24px}.vjs-track-settings-controls .vjs-default-button{margin-bottom:20px}.vjs-text-track-settings .vjs-track-settings-controls{grid-column:1/-1}.vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{grid-template-columns:1fr}}.vjs-track-setting>select{margin-right:1em;margin-bottom:.5em}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block}.vjs-text-track-settings fieldset span>select{max-width:7.3em}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}.vjs-resize-manager{position:absolute;top:0;left:0;width:100%;height:100%;border:none;z-index:-1000}.js-focus-visible .video-js :focus:not(.focus-visible){outline:0}.video-js :focus:not(:focus-visible){outline:0}@charset "UTF-8";

@media (min-width: 768px) {
  html {
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 8px;
  }
}

*,
*:before,
*:after {
  box-sizing: inherit;
  outline: none !important;
}

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

/*html {
    scroll-behavior: smooth;
}*/

body {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  display: flex;
  overflow-x: hidden;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  text-align: left;
  word-break: break-word;
  color: #4e4e4e;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

textarea {
  overflow: auto;
  resize: vertical;
  scrollbar-color: #C2C5C9 #ffffff;
  scrollbar-width: thin;
}

textarea::-webkit-scrollbar {
  width: 6px;
}

textarea::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

svg {
  fill: currentColor;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
table,
blockquote,
pre,
address,
figure {
  margin: 0;
}

ul,
ol {
  padding: 0;
  list-style-type: none;
}

li {
  line-height: inherit;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Bold.woff?48b00e758475e02a3c01d28ebff9b9a1) format("woff"), url(/fonts/Montserrat-Bold.woff2?6fdd496669076781e424e3c21e67626f) format("woff2"), url(/fonts/Montserrat-Bold.ttf?8f8d28c8fcc6424d827b40993c989c4b) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-SemiBold.woff?9100a361ad71e3fbc6a660c20154e11b) format("woff"), url(/fonts/Montserrat-SemiBold.woff2?ea9857bcf83854f85f1289f1b4adb605) format("woff2"), url(/fonts/Montserrat-SemiBold.ttf?0fee60d24d912657a035e48173332731) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Regular.woff?ffb135af26982b1e0cbf6700ea8898d3) format("woff"), url(/fonts/Montserrat-Regular.woff2?025a9cece0543d700fe376b8482556b5) format("woff2"), url(/fonts/Montserrat-Regular.ttf?ee6539921d713482b8ccd4d0d23961bb) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat";
  src: url(/fonts/Montserrat-Medium.woff?208b580cc6e57d40025bd1e3a09d1057) format("woff"), url(/fonts/Montserrat-Medium.woff2?989954c1bfe5a35fd1ef277d2bd38c9c) format("woff2"), url(/fonts/Montserrat-Medium.ttf?c8b6e083af3f94009801989c3739425e) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url(/fonts/HelveticaNeueCyr-Heavy.woff?11730c0e722a8417e2ba9957d58cc211) format("woff"), url(/fonts/HelveticaNeueCyr-Heavy.woff2?e28a233c876e3d9538a37b213ab344b2) format("woff2"), url(/fonts/HelveticaNeueCyr-Heavy.ttf?5d3dd852e699da0191d2a0f886417fea) format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url(/fonts/HelveticaNeueCyr-Bold.woff?ce4265e89be6f588a5c54cccc172d4b6) format("woff"), url(/fonts/HelveticaNeueCyr-Bold.woff2?4b52693ddb76448a82f05f5ef361fadd) format("woff2"), url(/fonts/HelveticaNeueCyr-Bold.ttf?50475e9398305457c4ead55941b10a0f) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url(/fonts/HelveticaNeueCyr-Medium.woff?2cdfb43318ff08bc29a322451f125e9c) format("woff"), url(/fonts/HelveticaNeueCyr-Medium.woff2?09b69ddd0c6438fb6aed78beea9d507e) format("woff2"), url(/fonts/HelveticaNeueCyr-Medium.ttf?e603c690f754c70654004a753c17b60b) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url(/fonts/HelveticaNeueCyr.woff?9be2c728c37dc3cd27c48480ec3f6cd0) format("woff"), url(/fonts/HelveticaNeueCyr.woff2?98ea883fd0bbed190c9e2ea2866d5624) format("woff2"), url(/fonts/HelveticaNeueCyr.ttf?fadb2adb0984cb4e053e45428d96e01a) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "HelveticaNeue";
  src: url(/fonts/HelveticaNeueCyr-Light.woff?613c2100f71721e2c812fe4ad7af857f) format("woff"), url(/fonts/HelveticaNeueCyr-Light.woff2?012acff071087c07616b11a250a10008) format("woff2"), url(/fonts/HelveticaNeueCyr-Light.ttf?39b3057fdce73c5a435b45eb7c4a2436) format("truetype");
  font-weight: 300;
  font-style: normal;
}

.btn {
  font-family: inherit;
  font-size: inherit;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: 0.3s;
  color: #4e4e4e;
  border: none;
  background-color: transparent;
}

.btn:focus {
  outline: none;
}

.btn--h34 {
  max-height: 3.4rem;
}

.btn--h42 {
  max-height: 4.2rem;
}

.btn--small {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.8rem 2rem;
  border-radius: 4px;
}

.btn--right {
  margin-left: auto;
}

.btn--less {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1rem 4.2rem 1.1rem;
  border-radius: 4px;
}

.btn--middle {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1.3rem 4.2rem;
  border-radius: 4px;
}

.btn--big {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1.5rem 4.2rem;
  border-radius: 4px;
}

.btn--w100 {
  width: 100%;
}

.btn--with-icon--left svg,
.btn--with-icon--left img {
  margin-right: 1rem;
}

.btn--with-icon--right svg,
.btn--with-icon--right img {
  margin-left: 1rem;
}

.btn--circle {
  padding: 0.7rem;
  border-radius: 50%;
}

.btn--main-bg {
  color: #fff;
  background: #00b4ff;
  border: 1px solid #00b4ff;
}

.btn--main-bg:hover {
  background: #009cdd;
  border: 1px solid #009cdd;
}

.btn--main-bg:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.btn--no-result {
  color: #fff;
  background: #00b4ff;
}

.btn--no-result:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.btn--main-color {
  color: #00b4ff;
}

.btn--hint-color {
  color: #a9b1c2;
}

.btn--hint-border {
  border: 1px solid #a9b1c2;
  border-radius: 4px;
}

.btn--hint-border:hover {
  opacity: 0.7;
}

.btn--secondary-bg {
  color: #fff;
  background: #353d51;
}

.btn--secondary-bg:hover {
  opacity: 0.7;
}

.btn--secondary-bg:disabled {
  opacity: 1;
  cursor: not-allowed;
  background: rgba(53, 61, 81, 0.4);
}

.btn--white {
  color: #4e4e4e;
  border: 1px solid #353d51;
  background: transparent;
}

.btn--white:hover {
  color: #fff;
  background: #353d51;
}

.btn--white-bg {
  color: #4e4e4e;
  border: 1px solid rgba(192, 201, 218, 0.31);
  background: #fff;
}

.btn--white-bg:hover {
  color: #fff;
  background: #f0f3f9;
}

.btn--gray-bg {
  color: #fff;
  border: 1px solid #c0c9da;
  background: #c0c9da;
}

.btn--gray-bg:hover {
  color: #fff;
  background: #353d51;
}

.btn--border-bg {
  color: #00b4ff;
  border: 1px solid #00b4ff;
  background: transparent;
}

.btn--border-bg:hover {
  color: #fff;
  background: #00b4ff;
}

.btn--hover-white-bg {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
}

.btn--hover-white-bg:hover {
  color: #353d51;
  background: #fff;
}

.btn--link {
  color: #00b4ff;
}

.btn--link:hover {
  color: #353d51;
}

.btn--no-padding--side {
  padding-left: 0;
  padding-right: 0;
}

.btn--mt1 {
  margin-top: 1rem;
}

.btn--mb1 {
  margin-bottom: 1rem;
}

.btn--centered {
  margin: auto;
  display: block;
}

.btn--bottom {
  margin-top: auto;
}

.btn--dashed {
  height: 4.2rem;
}

.btn--dashed span {
  border-bottom: 1px dashed #4e4e4e;
}

.btn--nowrap {
  white-space: nowrap;
}

.btn--baseline {
  align-items: baseline;
}

.btn--border-radius--50 {
  border-radius: 50px;
}

.page {
  box-sizing: border-box;
  min-height: 100vh;
}

.page__inner {
  flex-grow: 1;
}

.page__content {
  flex-grow: 1;
  padding-top: 3.7rem;
  padding-bottom: 13rem;
  background: #fff;
}

.page__content--secondary {
  padding-bottom: 0;
}

.page__content--tertiary {
  padding: 0;
}

.page__content:has(.activate-promo) {
  background: #f8f9fc;
}

@media (max-width: 520px) {
  .page__content:has(.faq) {
    background: #f8f9fc;
  }
}

.page__content-burial {
  flex-grow: 1;
}

.page__color-main {
  font-weight: 600;
  color: #353d51;
}

.page__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.page__wrapper--medium-gray {
  background: linear-gradient(#f0f3f9 0%, #f0f3f9 49rem, #fff 49rem, #fff 100%);
}

.page__wrapper--big-gray {
  background: linear-gradient(#f0f3f9 0%, #f0f3f9 60rem, #fff 60rem, #fff 100%);
}

.page__wrapper--gray-lighten {
  background: linear-gradient(#f8f5f0 0%, #f8f5f0 150rem, #fff 150rem, #fff 100%);
}

.container {
  margin-right: 15px;
  margin-left: 15px;
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
  }
}

.n-container {
  padding: 0 15px;
  margin: auto;
  max-width: 1230px;
  width: 100%;
}

.input--small .el-input__inner {
  height: 42px;
  line-height: 1;
}

.input--small .el-input__icon {
  line-height: 42px;
}

.input--medium .el-input__inner {
  height: 50px;
  line-height: 1;
}

.input--medium .el-input__icon {
  line-height: 50px;
}

.input--medium-span {
  height: 50px;
  line-height: 50px;
}

.input--big .el-input__inner {
  height: 55px;
  line-height: 1;
}

.input--big .el-input__icon {
  line-height: 55px;
}

.input--big-span {
  height: 55px;
  line-height: 55px !important;
}

.input .el-input__inner:-moz-read-only {
  background: #f0f3f9;
}

.input .el-input__inner:read-only {
  background: #f0f3f9;
}

.input--copy .el-input__inner {
  padding-right: 50px;
}

.input--w222 {
  width: 100%;
  max-width: 222px;
}

@media (min-width: 520px) {
  .input--w222 {
    min-width: 222px;
  }
}

.input--w303 {
  width: 100%;
  max-width: 303px;
}

.input--w342 {
  width: 100%;
  max-width: 342px;
}

.input--w580 {
  width: 100%;
  max-width: 580px;
}

.input--width-100 {
  width: 100%;
}

.input--select-readonly .el-input__inner:-moz-read-only {
  background: #fff;
}

.input--select-readonly .el-input__inner:read-only {
  background: #fff;
}

.input--select-readonly .el-input__inner::-moz-placeholder {
  color: #4e4e4e;
}

.input--select-readonly .el-input__inner::placeholder {
  color: #4e4e4e;
}

.input--mb2 {
  margin-bottom: 2rem;
}

.input__textarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.input__textarea .el-textarea__inner {
  background: transparent;
}

.input__textarea:hover .input__textarea-clear {
  opacity: 1;
}

.input__textarea--small-padding .el-textarea__inner {
  padding: 0.6rem 2.5rem;
}

.input__textarea-placeholder {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2.1rem 2.5rem;
  background: #fff;
  line-height: 1.5;
  font-size: inherit;
  font-weight: 400;
  color: #A9B1C2;
}

@media (min-width: 992px) {
  .input__textarea-placeholder {
    height: 100%;
  }
}

@media (max-width: 991px) {
  .input__textarea-placeholder {
    height: 100px;
  }
}

.input__textarea-clear {
  position: absolute;
  right: 0.8rem;
  top: 1.5rem;
  font-size: 23px;
  color: #A9B1C2;
  opacity: 0;
}

.el-input__inner {
  padding: 0 2.5rem;
  word-break: normal;
  line-height: 100%;
}

.el-textarea__inner {
  font-family: inherit;
  padding: 2rem 2.5rem;
  -webkit-appearance: none;
}

@media (max-width: 991px) {
  .el-textarea__inner {
    height: 100px;
  }
}

.el-date-editor .el-input__prefix {
  display: none;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
  width: 100%;
}

.el-input__icon.el-icon-circle-close.el-input__clear {
  font-size: 2.4rem;
}

.el-input__icon.el-icon-circle-close.el-input__clear::before {
  content: "\E6DB";
}

.el-input .el-input__suffix {
  right: 0.8rem;
}

.input__copy {
  position: absolute;
  right: 2.5rem;
  top: 19px;
  color: #a9b1c2;
}

.input__copy:hover {
  color: #353d51;
}

.input__link {
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.input__link input {
  border-radius: 0 4px 4px 0;
}

@media (min-width: 520px) {
  .input__link:before {
    content: "https://memorycode.ru/news/";
    background: #F0F3FA;
    height: 40px;
    line-height: 40px;
    padding: 0 1.5rem 0 2.5rem;
    border: 1px solid #c0c9da;
    border-right: none;
    border-radius: 4px 0 0 4px;
  }
}

@media (min-width: 520px) {
  .input__link--article:before {
    content: "https://memorycode.ru/articles/";
  }
}

.input--number {
  -moz-appearance: textfield;
}

.input--number::-webkit-outer-spin-button,
.input--number ::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form {
  margin: 0;
}

.form--correct .el-input__inner,
.form--correct .el-textarea__inner {
  border-color: #00b4ff;
  background: rgba(0, 180, 255, 0.04);
}

.form__item {
  position: relative;
  display: block;
}

.form__item:not(:last-child) {
  margin-bottom: 3rem;
}

.form__item--big-margin:not(:last-child) {
  margin-bottom: 5rem;
}

.form__item--large-margin:not(:last-child) {
  margin-bottom: 3.9rem;
}

.form__item--middle-margin:not(:last-child) {
  margin-bottom: 2.6rem;
}

.form__item--medium-margin:not(:last-child) {
  margin-bottom: 2rem;
}

.form__item--small-margin:not(:last-child) {
  margin-bottom: 1rem;
}

.form__item--center {
  text-align: center;
}

@media (min-width: 992px) {
  .form__item--align-center {
    align-items: center;
  }
}

@media (min-width: 992px) {
  .form__item--inline {
    display: flex;
    align-items: flex-start;
  }
}

@media (min-width: 992px) {
  .form__item--inline-half {
    width: 50%;
  }
}

.form__item--inline-column {
  flex-direction: column;
}

.form__item--inline-mid {
  align-items: center;
}

@media (min-width: 992px) {
  .form__item--row {
    display: flex;
    align-items: center;
  }
}

.form__item--wrap {
  flex-wrap: wrap;
}

.form__item--space-between {
  display: flex;
  justify-content: space-between;
}

.form__item--padding-top {
  padding-top: 3.3rem;
}

.form__item--no-margin {
  margin: 0 !important;
}

.form__item--relative {
  position: relative;
}

.form__item--w600 {
  max-width: 60rem;
  width: 100%;
}

.form__item--w50p {
  max-width: 478px;
}

.form__item .vue-phone-number-input {
  height: 55px;
  line-height: 1;
}

.form__item .vue-phone-number-input .select-country-container {
  z-index: 2;
  position: relative;
}

.form__item .vue-phone-number-input .country-selector__toggle {
  top: calc(50% - 5px);
}

.form__item .vue-phone-number-input .country-selector__country-flag {
  transform: translateY(6px);
  height: 14px;
  display: flex;
  align-items: center;
}

.form__item .vue-phone-number-input .country-selector__list {
  scrollbar-color: #C2C5C9 #ffffff;
  scrollbar-width: thin;
}

.form__item .vue-phone-number-input .country-selector__list::-webkit-scrollbar {
  width: 6px;
}

.form__item .vue-phone-number-input .country-selector__list::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.form__item .vue-phone-number-input input {
  height: 55px;
  line-height: 1;
  font-size: 16px;
}

.form__item .vue-phone-number-input .country-selector {
  height: 100%;
}

.form__item .vue-phone-number-input .country-selector .country-selector__input {
  box-shadow: none !important;
  border-color: #c0c9da !important;
}

.form__item .vue-phone-number-input .country-selector.is-focused .country-selector__input {
  border-color: #353d51 !important;
}

.form__item .vue-phone-number-input .country-selector.is-focused .country-selector__label {
  color: #353d51 !important;
}

.form__item .vue-phone-number-input .country-selector.is-valid .country-selector__input {
  border-color: #9acd32 !important;
}

.form__item .vue-phone-number-input .country-selector.is-valid .country-selector__label {
  color: #9acd32 !important;
}

.form__item .vue-phone-number-input .input-tel .input-tel__input {
  padding-top: 12px !important;
  box-shadow: none !important;
  border-color: #c0c9da !important;
  caret-color: #353d51 !important;
}

.form__item .vue-phone-number-input .input-tel.is-focused .input-tel__input {
  border-color: #353d51 !important;
}

.form__item .vue-phone-number-input .input-tel.is-focused .input-tel__label {
  color: #353d51 !important;
}

.form__item .vue-phone-number-input .input-tel.is-valid .input-tel__input {
  border-color: #9acd32 !important;
}

.form__item .vue-phone-number-input .input-tel.is-valid .input-tel__label {
  color: #9acd32 !important;
}

@media (max-width: 767px) {
  .form__item--mb5 {
    margin-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  .form__item--mb15 {
    margin-bottom: 15rem;
  }
}

.form__inner {
  display: block;
}

@media (max-width: 991px) {
  .form__inner:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .form__inner {
    width: 48%;
  }

  .form__inner:not(:last-child) {
    margin-right: 4%;
  }
}

.form__inner--relative {
  position: relative;
}

.form__inner--w100 {
  width: 100%;
}

.form__label {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 700;
  display: block;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  color: #353d51;
}

.form__label--hidden {
  position: absolute;
  left: -99999px;
}

.form__label--nowrap {
  white-space: nowrap;
}

.form__label--mb0 {
  margin-bottom: 0;
}

.form__label--pr {
  padding-right: 3.4rem;
}

.form__label--big {
  font-size: 2rem;
  line-height: 140%;
}

.form__label--no-upper {
  text-transform: unset;
}

.form__label--checkbox {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .form__label--checkbox {
    flex-direction: column;
    gap: 8px;
  }
}

.form__label-hint {
  margin-left: 1rem;
  color: #a9b1c2;
}

.form__label-text {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  font-weight: 400;
}

.form__label-text--border {
  padding: 1.6rem 2.4rem;
  border: 1px solid #c0c9da;
  box-sizing: border-box;
  border-radius: 4px;
  max-height: 42px;
  display: inline-flex;
  align-items: center;
}

.form__label-text--ml1 {
  margin-left: 1rem;
}

.form__inaccurate-date {
  height: 42px;
}

.form__hint {
  font-size: 14px;
  display: block;
  color: #a9b1c2;
  max-width: 400px;
  margin-top: 1rem;
}

.form__hint--long {
  max-width: 635px;
  margin-top: 0;
  margin-bottom: 5rem;
}

.form__symbol-hint {
  display: block;
  font-size: 14px;
  color: #a9b1c2;
  margin-bottom: 2rem;
  margin-top: -1rem;
}

.form__symbol-hint--red {
  color: #fb9d93;
}

.form__symbol-hint--small-margin {
  margin-bottom: 1.5rem;
  margin-top: 0;
}

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

.form__enter-text {
  margin-right: 1.5rem;
}

.form__error {
  padding: 2rem;
  border: 1px solid #fb9d93;
  border-radius: 4px;
}

.form__error-text {
  display: block;
  font-weight: 500;
  color: #353d51;
}

.form__error-link {
  color: inherit;
  text-decoration: underline;
}

.form__error-link:hover,
.form__error-link:focus {
  text-decoration: none;
}

.form__separator {
  border-bottom: 1px solid #E9E9E9;
  border-top: 1px solid #E9E9E9;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

@media (max-width: 991px) {
  .form__separator {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media (min-width: 992px) {
  .form__separator {
    padding-left: 6rem;
    padding-right: 6rem;
    margin-left: -6rem;
    margin-right: -6rem;
  }
}

.form__upload-info {
  display: flex;
  align-items: baseline;
}

.form__upload-hint {
  padding-left: 2.8rem;
  display: block;
  margin: 0;
  color: #a9b1c2;
  font-weight: 500;
}

.form__upload-content {
  display: flex;
  align-items: center;
}

.form__upload-content__img {
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form__logo-info {
  display: flex;
  align-items: baseline;
}

.form__logo-hint {
  padding-left: 2.8rem;
  display: block;
  margin: 0;
  color: #a9b1c2;
  font-weight: 500;
}

.form__logo-content {
  display: flex;
  align-items: center;
}

.form__logo-content__img {
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

.form__logo-content__img--big {
  height: 60px;
}

.form__cover {
  max-width: 480px;
  height: 280px;
  width: 100%;
  display: flex;
}

.form__cover--small {
  max-width: 342px;
  height: 89px;
}

.form__cover--h100 {
  height: 100%;
}

.form__cover .el-upload {
  width: 100%;
}

.form__cover:hover .form__cover-content__del--fade {
  opacity: 1;
}

.form__cover-block {
  height: 100%;
  width: 100%;
  border: 1px solid #c0c9da;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.form__cover-block--no-border {
  border: none;
}

.form__cover-block__img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.form__cover-content__del {
  padding: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.81);
  position: absolute;
  top: 18px;
  right: 16px;
  border: none;
  cursor: pointer;
  transition: 0.4s;
}

.form__cover-content__del svg {
  fill: #353D51;
}

.form__cover-content__del--corner {
  top: 9px;
  right: 9px;
}

.form__cover-content__del--small {
  height: 18px;
  width: 18px;
}

.form__cover-content__del--fade {
  opacity: 0;
}

.form__product-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.form__product-item:not(:first-child) {
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .form__product-item {
    flex-direction: column;
    align-items: flex-start;
  }
}

.form__product-item-name {
  flex-grow: 1;
  font-size: 16px;
}

@media (max-width: 767px) {
  .form__product-item-name {
    margin-bottom: 1rem;
  }
}

.form__discount-select {
  width: 100%;
  max-width: 144px;
}

.form__discount-select input {
  max-height: 40px;
  height: 40px;
}

@media (min-width: 520px) {
  .form__discount-select {
    margin-left: 1rem;
  }
}

@media (max-width: 519px) {
  .form__discount-select {
    margin-top: 1rem;
  }
}

@media (max-width: 991px) {
  .form__title {
    flex-direction: column;
    align-items: flex-start !important;
  }
}

.form__banner {
  max-width: 640px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8F9FC;
  border: 1px solid #C0C9DA4D;
  border-radius: 4px;
  box-shadow: 0px 40px 40px 0px #BEBEBE29;
  padding: 15px 5px 15px 15px;
}

@media (max-width: 1199px) {
  .form__banner {
    max-width: 520px;
  }
}

@media (max-width: 991px) {
  .form__banner {
    max-width: unset;
    margin-top: 20px;
    padding: 20px;
  }
}

@media (max-width: 519px) {
  .form__banner {
    flex-direction: column;
  }
}

.form__banner--description {
  width: 55%;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-weight: 550;
  line-height: 17.6px;
  letter-spacing: -0.25px;
  text-align: left;
  color: #707991;
  margin-right: 15px;
}

@media (max-width: 1199px) {
  .form__banner--description {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .form__banner--description {
    font-size: 14px;
  }
}

@media (max-width: 519px) {
  .form__banner--description {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: center;
  }
}

.form__banner__btn__wrapper {
  display: flex;
  justify-content: center;
}

@media (max-width: 519px) {
  .form__banner__btn__wrapper {
    width: 100%;
  }
}

.form__banner--btn {
  font-size: 16px;
}

@media (max-width: 1199px) {
  .form__banner--btn {
    font-size: 14px;
    padding: 15px 20px;
  }
}

.form__banner--icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  fill: #FFFFFF;
}

@media (max-width: 1199px) {
  .form__banner--icon {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 767px) {
  .form__banner--icon {
    width: 16px;
    height: 16px;
  }
}

.el-select {
  width: 100%;
  word-break: normal;
}

.el-select .el-input__inner {
  height: 42px;
  line-height: 42px;
}

.el-select__caret.el-input__icon.el-icon-arrow-up {
  font-size: 20px;
  width: 30px;
  color: #353d51;
}

.el-select-dropdown__item {
  white-space: normal;
  height: auto;
  line-height: 1;
  padding: 9px 20px;
}

.el-select-dropdown__item:last-child {
  margin-bottom: 17px;
}

.el-select-dropdown__wrap {
  max-width: 95vw;
}

.el-scrollbar__bar {
  opacity: 1 !important;
}

.select--load .el-select-dropdown__empty {
  background: url(/images/spinner.gif?bd276d5d51e39c2795f4278d1005a09a) no-repeat;
  background-size: 100px 100px;
  background-position: 50% 50%;
  color: transparent;
}

.select--absolute .el-select-dropdown,
.select--absolute .a-popover__loader {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 42px !important;
}

@media (min-width: 768px) {
  .date {
    display: flex;
  }
}

.date .el-input__suffix {
  right: 10px;
}

.date--range {
  align-items: center;
}

@media (max-width: 767px) {
  .date--range {
    display: flex;
    flex-direction: column;
    min-height: 100px;
    justify-content: space-between;
    align-items: inherit;
  }
}

@media (max-width: 767px) {
  .date__date {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .date__date {
    max-width: 120px;
    margin-right: 1rem;
  }
}

@media (max-width: 767px) {
  .date__month {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .date__month {
    max-width: 160px;
    margin-right: 1rem;
  }
}

@media (min-width: 768px) {
  .date__year {
    max-width: 130px;
  }
}

.date__picker {
  position: relative;
}

.date__picker .el-input__inner {
  padding-left: 2rem;
  padding-right: 5rem;
  height: 42px;
  line-height: 1;
}

.date__picker::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  right: 2rem;
  background: url(/images/calendar.svg?72599482649b3cf4fe148fccb4b0077e);
  pointer-events: none;
}

@media (max-width: 767px) {
  .date__picker:not(:last-child) {
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .date__picker {
    max-width: 233px;
  }
}

.date__picker--medium .el-input__inner {
  height: 50px;
}

.date__picker--max-width {
  max-width: none;
}

.date__separator {
  width: 34px;
  flex-shrink: 0;
  height: 1px;
  background: #c0c9da;
}

@media (max-width: 767px) {
  .date__separator {
    display: none;
  }
}

.el-checkbox {
  display: flex;
  white-space: normal;
  align-items: center;
}

.el-checkbox--width-content {
  width: -moz-fit-content;
  width: fit-content;
}

.el-checkbox__inner {
  background: transparent !important;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  border: 1px solid #c0c9da !important;
}

.el-checkbox__inner::after {
  border: 1.5px solid #353d51;
  border-top: 0;
  border-left: 0;
  height: 11px;
  left: 9px;
  top: 3px;
  width: 4px;
}

.el-checkbox__label {
  color: #797979 !important;
}

.el-checkbox__link {
  color: inherit;
  text-decoration: underline;
}

.el-checkbox__link:hover {
  text-decoration: none;
}

.upload-photo__input {
  display: none;
}

@media (min-width: 992px) {
  .upload-photo__inner {
    display: flex;
    align-items: flex-start;
  }
}

.upload-photo__avatar-box {
  max-width: 280px;
  position: relative;
}

.upload-photo__avatar-box--bottom {
  margin-bottom: 1.5rem;
}

.upload-photo__avatar-box--l {
  max-width: 780px;
}

.upload-photo__avatar-box--m {
  max-width: 496px;
}

.upload-photo__avatar-box--xs {
  max-width: 146px;
}

.upload-photo__avatar {
  display: block;
  position: relative;
  padding-top: 100%;
  width: calc(100% - 2px);
  border: 1px solid #c0c9da;
}

.upload-photo__avatar--16-9 {
  padding-top: 56%;
}

.upload-photo__avatar-upload {
  position: relative;
  border-radius: 50%;
  padding-top: 89.3%;
  width: 260px;
  border: 5px solid #C0C9DA;
}

@media (max-width: 361px) {
  .upload-photo__avatar-upload {
    width: 230px;
    padding-top: 78.5%;
  }
}

.upload-photo__avatar-inner {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #a9b1c2;
  min-width: -moz-max-content;
  min-width: max-content;
}

.upload-photo__avatar-text {
  font-weight: 500;
  display: block;
  font-size: 14px;
}

.upload-photo__hint {
  display: block;
  font-weight: 500;
  color: #a9b1c2;
  font-size: 14px;
}

.upload-photo__hint--m {
  max-width: 275px;
}

.upload-photo__hint--l {
  max-width: 350px;
}

.upload-demo {
  width: 100%;
}

.upload-photo__avatar-img {
  border-radius: 4px;
}

.upload-photo__avatar-base {
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 24px 0 rgba(75, 93, 127, 0.14);
  width: 260px;
}

@media (max-width: 361px) {
  .upload-photo__avatar-base {
    width: 230px;
  }
}

.u-pages__avatar {
  border-radius: 50%;
}

.title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #353d51;
}

.title--white {
  color: #fff;
}

.title--uppercase {
  text-transform: uppercase;
}

.title--xs {
  font-size: 2rem;
}

.title--s {
  font-size: 2.6rem;
}

.title--sl {
  font-size: 3rem;
}

@media (max-width: 1199px) {
  .title--ms {
    font-size: 2.6rem;
  }
}

@media (min-width: 1200px) {
  .title--ms {
    font-size: 4rem;
  }
}

@media (max-width: 1199px) {
  .title--sm {
    font-size: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .title--sm {
    font-size: 4rem;
  }
}

.title--m {
  font-size: 28px;
  line-height: 36.4px;
  letter-spacing: -1.25px;
}

@media (min-width: 768px) {
  .title--m {
    line-height: 52px;
  }
}

@media (min-width: 1200px) {
  .title--m {
    font-size: 4rem;
  }
}

@media (max-width: 1199px) {
  .title--a-xs {
    font-size: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .title--a-xs {
    font-size: 2rem;
  }
}

.title--changing {
  margin-right: 2.7rem;
}

.title--center {
  text-align: center;
}

.title--mb4 {
  margin-bottom: 4rem;
}

.title--with-icon {
  margin-left: 4rem;
}

.title--bold {
  font-weight: 700;
}

.title--w550 {
  max-width: 550px;
}

.section {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

.section__title {
  margin-bottom: 3.5rem;
  text-align: center;
  text-transform: uppercase;
}

.link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #00b4ff;
  cursor: pointer;
}

.link:hover span {
  border-bottom: 1px solid #00b4ff;
}

.link span {
  display: block;
  margin-right: 1rem;
  border-bottom: 1px solid transparent;
}

.link::after {
  width: 8px;
  height: 12px;
  content: "";
  background: url(/images/bracket_right.svg?a9a319fd64602526c178b0d481e2128a);
}

.link--no-angle::after {
  display: none;
}

.link__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.link--nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 220px;
}

@media (max-width: 1199px) {
  .link--nowrap {
    max-width: 150px;
  }
}

.link--span {
  cursor: unset;
}

.link--small {
  font-size: 1.4rem;
}

.link--btn {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1.5rem 4.2rem;
  border-radius: 4px;
}

@media (max-width: 1199px) {
  .link--btn {
    position: absolute;
  }
}

.link--poa {
  position: absolute;
  left: 0;
}

.logo__link {
  display: flex;
  align-items: center;
  width: 127px;
  height: 6rem;
}

@media (max-width: 1199px) {
  .logo__link {
    width: 80%;
  }
}

@media (max-width: 360px) {
  .logo__link {
    width: 100%;
  }
}

.logo__img {
  display: flex;
  flex: 1 1 50%;
  width: 127px;
  height: 60px;
}

.logo__img--icon {
  width: 147px;
}

@media (max-width: 360px) {
  .logo__img {
    width: 147px;
    height: 40px;
  }
}

.logo__separator {
  width: 1px;
  flex-shrink: 0;
  background: #c0c9da;
  height: 6rem;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.collapse {
  border: 0;
}

.collapse .el-collapse-item__header {
  line-height: 1.2;
  height: auto;
  border-bottom: 1px solid #c0c9da;
  background: transparent;
  margin: 2.4rem 0;
}

@media (max-width: 520px) {
  .collapse .el-collapse-item__header {
    margin: 16px 0;
  }
}

.collapse .el-collapse-item__wrap {
  border: 0;
  background: transparent;
}

.collapse .el-collapse-item__content {
  font-size: 1.6rem;
  padding-bottom: 0;
  line-height: inherit;
}

.collapse .el-collapse-item__arrow {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #edeff6;
  border-radius: 30px;
  margin: 0 0 0 auto;
  color: #7c818d;
  transition: 0.3s;
  transform: rotate(90deg);
}

.collapse .el-collapse-item__arrow.is-active {
  transform: rotate(-90deg);
}

@media (min-width: 768px) {
  .collapse .el-collapse-item__arrow:hover {
    background: #a9b1c2;
    color: #fff;
  }
}

.collapse .collapse__title {
  display: flex;
  margin-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.collapse .collapse__status {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(53, 61, 81, 0.65);
  margin: 0.4rem 4rem 0 0;
}

.collapse .collapse__status--active {
  background: #00b4ff;
}

@media (max-width: 1199px) {
  .collapse .collapse__status {
    margin: 0.3rem 2rem 0 0;
  }
}

.shadow {
  border: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 4px;
  box-shadow: 0px 40px 40px rgba(190, 190, 190, 0.16);
}

.shadow--no-border {
  border: none;
}

.shadow__img {
  box-sizing: border-box;
  border-radius: 4px;
  filter: drop-shadow(0px 4px 50px rgba(0, 0, 0, 0.15));
}

.switch.el-switch {
  display: flex;
  gap: 8px;
  line-height: 20px;
}

.switch.el-switch.is-checked .el-switch__core {
  border-color: #00b4ff;
  background-color: #00b4ff;
}

.switch .el-switch__core {
  border-radius: 20px;
}

.switch .el-switch__label {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #353d51;
  text-transform: uppercase;
}

.switch--w-content {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.switch--small.el-switch {
  height: 23px;
}

.switch--small .el-switch__core {
  width: 51px !important;
  height: 23px;
}

.switch--small .el-switch__core:after {
  top: 4px;
  left: 4px;
  width: 13px;
  height: 13px;
}

.switch--small .el-switch.is-checked .el-switch__core::after {
  margin-left: -18px;
}

.switch--small .el-switch__label--left {
  margin-right: 2rem;
  display: flex;
  align-items: center;
}

.switch--small .el-switch__label * {
  text-align: center;
  font-size: 12px;
}

.switch--big.el-switch {
  height: 30px;
}

.switch--big .el-switch__core {
  width: 66px !important;
  min-width: 66px;
  height: 30px;
}

.switch--big .el-switch__core:after {
  top: 6px;
  left: 6px;
  width: 16px;
  height: 16px;
}

.switch--big.el-switch.is-checked .el-switch__core::after {
  margin-left: -22px;
}

.switch--big .el-switch__label--left {
  margin-right: 3rem;
}

.switch--big .el-switch__label * {
  font-size: 14px;
}

.switch--label .el-switch__label * {
  font-size: 14px;
}

.switch--normal .el-switch__label * {
  font-weight: 400;
  text-transform: none;
}

.switch--end-right {
  margin-left: auto;
}

@media (max-width: 1199px) {
  .switch--end-right {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .switch--mobile-reverse {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .switch--mobile-reverse .el-switch__label--left {
    margin-left: 1.4rem;
    margin-right: 0;
  }
}

.switch--nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.switch--nowrap .el-switch__label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.switch--nowrap .el-switch__label span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.video-js .vjs-big-play-button {
  align-items: center;
  line-height: 1;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  border: 0.06666em solid #fff;
  background-color: #fff;
  color: #000;
}

.video-js:hover .vjs-big-play-button,
.video-js:focus .vjs-big-play-button {
  color: #fff;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: flex;
  align-items: center;
  justify-content: center;
}

.video {
  position: relative;
}

.video-js {
  width: 100% !important;
  height: 100% !important;
}

.video-preview {
  margin-top: 10rem;
  display: grid;
  grid-gap: 5rem;
}

@media (min-width: 768px) {
  .video-preview {
    grid-template-columns: repeat(auto-fill, minmax(315px, 1fr));
  }
}

.video-preview--no-top {
  margin-top: 0;
}

.video-preview__item {
  display: flex;
  align-items: center;
}

.video__img {
  position: absolute;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 768px) {
  .video__img {
    border-radius: 4px;
  }
}

.video__item {
  width: 100% !important;
  height: 100% !important;
}

.video__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  line-height: 1;
  height: 72px;
  width: 72px;
  border-radius: 50%;
  background-color: #fff;
  color: #000;
  z-index: 1;
}

.video__button:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid #fff;
  transform: scale(1.3);
  transition: 0.3s;
}

.video:hover .video__button,
.video:focus .video__button {
  color: #fff;
  background: #00b4ff;
  transition: all 0s;
}

.video:hover .video__button:after,
.video:focus .video__button:after {
  border: 1px solid #00b4ff;
}

.video__icon {
  position: relative;
}

.video__icon--web {
  position: relative;
}

.video__icon--mobile {
  position: relative;
}

.video__icon--web:before {
  content: "";
  display: block;
  position: absolute;
  left: -0.4rem;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 13px;
  border-color: transparent transparent transparent #353d51;
}

.video__icon--mobile:before {
  content: "";
  display: block;
  position: absolute;
  left: -0.5rem;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 13px;
  border-color: transparent transparent transparent #353d51;
}

.video__icon:before {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 13px;
  border-color: transparent transparent transparent #353d51;
}

.video:hover .video__icon:before {
  border-color: transparent transparent transparent #fff;
}

.audio {
  margin-top: 10rem;
  display: grid;
  grid-gap: 5rem;
}

@media (min-width: 768px) {
  .audio {
    grid-template-columns: repeat(auto-fill, minmax(470px, 1fr));
  }
}

.audio--no-top {
  margin-top: 0;
}

.audio--mb4 {
  margin-bottom: 4rem;
}

.audio__item {
  display: flex;
  align-items: center;
}

.audio__button {
  width: 73px;
  height: 73px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3.5rem;
  border-radius: 50%;
}

.audio__info {
  flex-grow: 1;
}

.audio__title {
  display: block;
}

.audio__time {
  display: block;
  font-weight: 700;
  margin-top: 1rem;
}

.audio__progress-bar {
  margin-top: 1rem;
  width: 100%;
  overflow: hidden;
  -webkit-appearance: none;
  background-color: #CFD2D8;
  border-radius: 20px;
  cursor: pointer;
}

.audio__progress-bar::-webkit-slider-runnable-track {
  height: 10px;
  -webkit-appearance: none;
  color: #353d51;
  margin-top: -1px;
}

.audio__progress-bar::-webkit-slider-thumb {
  width: 10px;
  -webkit-appearance: none;
  height: 10px;
  background: #434343;
  box-shadow: -1200px 0 0 1195px #353d51;
  border-radius: 100%;
}

.audio__progress-bar::-moz-range-progress {
  background-color: #353d51;
}

.audio__progress-bar::-moz-range-track {
  background-color: #CFD2D8;
}

.audio__progress-bar::-ms-fill-lower {
  background-color: #353d51;
}

.audio__progress-bar::-ms-fill-upper {
  background-color: #CFD2D8;
}

.loading {
  color: transparent;
  opacity: 1;
  transition: opacity 300ms;
  background: url(/images/spinner.svg?97cd4f83e8bfc35d38b87c892bedb737) no-repeat;
  background-position: center center;
  background-color: rgba(255, 255, 255, 0.9);
}

.lightbox__wrapper {
  display: flex;
}

.lightbox__wrapper .el-dialog {
  background: transparent;
  box-shadow: none;
  display: flex;
  justify-content: center;
  margin: auto !important;
  width: auto;
}

@media (max-width: 1199px) {
  .lightbox__wrapper .el-dialog {
    padding: 2rem;
    max-width: 95vw;
    max-height: 95vh;
  }
}

@media (min-width: 1200px) {
  .lightbox__wrapper .el-dialog {
    max-height: 700px;
    max-width: 700px;
  }
}

.lightbox__wrapper .el-dialog__body {
  display: flex;
  justify-content: center;
  background: transparent;
}

.lightbox__img {
  cursor: zoom-out;
  display: flex;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1199px) {
  .hide--less-xl {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hide--less-lg {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hide--less-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hide--more-xl {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hide--more-lg {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hide--more-md {
    display: none !important;
  }
}

.opacity--30 {
  opacity: 0.3;
}

[v-cloak] {
  display: none;
}

@media (max-width: 1199px) {
  .nav {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    box-sizing: border-box;
    min-height: 100vh;
    padding: 8rem 2rem 4rem;
    transition: left ease-in-out 0.4s;
    background: rgba(240, 243, 249, 0.5);
    left: -100vw;
    width: 100vw;
  }

  .nav--active {
    left: 0;
  }
}

@media (min-width: 1200px) {
  .nav {
    display: flex;
    align-items: center;
  }
}

.nav--auto-width {
  width: auto;
}

@media (max-width: 1199px) {
  .nav__wrapper {
    max-width: 265px;
    position: absolute;
    top: 0;
    left: 0;
    width: 70vw;
    min-height: 100vh;
    background-color: #fff;
    padding: 1rem 1.25rem;
  }
}

.nav__wrapper-header {
  display: none;
}

@media (max-width: 1199px) {
  .nav__wrapper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1.0625rem;
  }
}

.nav__list {
  display: flex;
  align-items: center;
  padding: 8px;
}

@media (min-width: 1200px) {
  .nav__list {
    display: flex;
    align-items: center;
    padding: 8px;
  }
}

@media (max-width: 1199px) {
  .nav__section:not(:first-child) {
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: 1px solid #c0c9da;
  }

  .nav__section--mb5 {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  .nav__section {
    display: block;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .nav__section--mobile {
    display: none;
  }
}

@media (max-width: 1199px) {
  .nav__section--mobile {
    margin-bottom: 2rem;
  }
}

.nav__section-name {
  display: block;
  color: rgba(142, 159, 190, 0.63);
  margin-bottom: 20px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .nav__section-name {
    display: none;
  }
}

@media (max-width: 1199px) {
  .nav__item {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 600;
    color: #353d51;
  }

  .nav__item:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .nav__item:not(:last-of-type) {
    margin-bottom: 1.6rem;
  }

  .nav__item--mobile {
    display: none;
  }
}

.nav__item--create-page {
  display: flex;
  justify-content: center;
  background: #00b4ff;
  width: 217px;
  padding: 1.5rem 2.4rem;
  align-items: center;
  gap: 10px;
  height: 40px;
  border-radius: 5px;
  font-size: 13px;
}

.nav__item--create-page:hover {
  background: #009cdd;
}

.nav__link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  display: flex;
  align-items: center;
  color: #353d51;
  cursor: pointer;
  margin-bottom: 16px;
}

.nav__link:hover,
.nav__link:focus,
.nav__link--active {
  color: #a9b1c2;
}

@media (max-width: 1199px) {
  .nav__link {
    font-size: 16px;
  }

  .nav__link--active .nav__link-icon svg {
    box-sizing: content-box;
    padding-bottom: 1px;
    border-bottom: 1px solid currentColor;
  }
}

@media (min-width: 1200px) {
  .nav__link {
    font-size: 14px;
  }

  .nav__link--active .nav__link-icon svg {
    box-sizing: content-box;
    padding-bottom: 5px;
    border-bottom: 1px solid currentColor;
  }
}

.nav__last-child {
  margin-bottom: 0;
}

.nav__item--create-page > .nav__link {
  color: #fff;
  margin-bottom: 0;
}

.nav__item--create-page > .nav__link :hover {
  background: #009cdd;
}

.nav__link-icon {
  border-radius: 4px;
}

@media (max-width: 1199px) {
  .nav__link-icon {
    width: 40px;
    height: 40px;
    padding: 12px;
    margin-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .nav__link-icon {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 1200px) {
  .nav__link-icon-text {
    display: none;
  }
}

@media (max-width: 1199px) {
  .nav__close {
    position: relative;
    width: 19px;
    height: 19px;
    cursor: pointer;
    transition: 0.3s;
    color: #353d51;
  }

  .nav__close:hover,
  .nav__close:focus {
    opacity: 0.5;
  }

  .nav__close::before,
  .nav__close::after {
    position: absolute;
    left: 8px;
    width: 2px;
    height: 19px;
    content: " ";
    background-color: #353d51;
  }

  .nav__close::before {
    transform: rotate(45deg);
  }

  .nav__close::after {
    transform: rotate(-45deg);
  }
}

@media (max-width: 1199px) {
  .nav__buttons {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 1;
    margin-top: 5rem;
  }

  .nav__buttons--memory {
    justify-content: flex-end;
  }
}

@media (min-width: 1200px) {
  .nav__buttons {
    display: flex;
    align-items: center;
    margin-left: 1rem;
  }

  .nav__buttons--memory {
    display: none;
  }
}

.nav__auth {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .nav__auth {
    display: none;
  }
}

@media (max-width: 1200px) {
  .nav__auth {
    margin-top: 1.9375rem;
  }
}

@media (max-width: 1199px) {
  .nav__profile {
    display: none;
  }
}

@media (max-width: 1199px) {
  .nav__auth-info {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1200px) {
  .nav__auth-info {
    margin-bottom: 2rem;
    display: block;
  }
}

.nav__auth-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  color: #8E9FBE;
  display: flex;
  align-items: center;
  line-height: 1;
}

.nav__auth-text:not(:last-child) {
  margin-bottom: 1rem;
}

@media (max-width: 1199px) {
  .nav__auth-text {
    font-size: 1.6rem;
  }
}

.nav__auth-box {
  padding-left: 10px;
  border-left: 1px solid #8E9FBE;
  margin-bottom: 2rem;
}

.nav__auth-link {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #353d51;
  font-size: 1.6rem;
  margin-bottom: 16px;
}

@media (max-width: 1200px) {
  .nav__auth-link {
    margin-bottom: 16px;
    font-size: 16px;
  }
}

.nav__auth-link:hover {
  color: #a9b1c2;
}

.nav__auth-link--active {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #a9b1c2;
  font-size: 16px;
  margin-bottom: 1.4rem;
}

.nav__auth-link--border {
  padding-bottom: 2.6rem;
  margin-bottom: 2.1rem;
  border-bottom: 1px solid #c0c9da;
}

@media (max-width: 1199px) {
  .nav__auth-link--border {
    padding-bottom: inherit;
    margin-bottom: inherit;
    border-bottom: 0;
  }
}

.nav__auth-link--menu {
  display: flex;
  align-items: center;
}

.nav__auth__link-nameplate {
  display: flex;
  align-items: center;
  border: 1px solid #00B4FF;
  border-radius: 4px;
  padding: 5px 6px;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 600;
  color: #00B4FF;
}

.nameplate-icon {
  margin-right: 5px;
}

.nav__auth-title {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 2rem;
  color: rgba(142, 159, 190, 0.63);
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .nav__auth-title {
    display: none;
  }
}

.nav__auth-icon {
  margin-right: 1rem;
  flex-shrink: 0;
}

.nav__button {
  display: block;
}

@media (min-width: 1200px) {
  .nav__button--mobile {
    display: none;
  }
}

.nav__button--content {
  display: inline-flex;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}

.overflow {
  position: fixed;
  z-index: 15;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(255, 255, 255, 0.8);
  -webkit-tap-highlight-color: transparent;
}

.overflow--visible {
  display: block;
}

.nav--memory {
  display: none;
}

@media (min-width: 1200px) {
  .nav--memory {
    width: 100%;
    padding: 2rem;
    border-bottom: 1px solid #c0c9da;
    border-top: 1px solid #c0c9da;
  }

  .nav--memory .nav__list {
    flex-grow: 1;
  }

  .nav--memory .nav__list .nav__section {
    flex-grow: 1;
    justify-content: space-between;
  }

  .nav--memory .nav__list--few .nav__section {
    justify-content: center;
  }

  .nav--memory .nav__list--few .nav__item:not(:last-child) {
    margin-right: 15rem;
  }

  .nav--memory .nav__item {
    flex-shrink: 0;
    margin-right: 0;
  }

  .nav--memory .nav__link {
    font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.6rem;
    font-weight: 400;
    color: #4e4e4e;
  }
}

.nav__avatar-box {
  display: flex;
  align-items: center;
}

.nav__avatar-box:not(:last-child) {
  margin-bottom: 2rem;
}

.nav__avatar-box--big-margin {
  margin-bottom: 3rem;
}

.nav__avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 2rem;
}

.nav__avatar--active {
  border: 3px solid #00b4ff;
}

.nav__avatar-name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #292929;
  font-size: 12px;
}

@media (max-width: 1199px) {
  .header {
    align-items: center;
    justify-content: space-between;
  }
}

.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.header__fixed {
  position: sticky;
  top: 0;
  z-index: 2000;
}

.header__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f8f9fc;
  box-shadow: 0 3px 20px 0 rgba(190, 190, 190, 0.16);
}

.header__row--top {
  align-items: flex-start;
}

@media (max-width: 1200px) {
  .header__row--top {
    box-shadow: 0 3px 5px 0 rgba(190, 190, 190, 0.16);
  }
}

@media (min-width: 1200px) {
  .header__row--top {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    justify-content: center;
  }

  .header__row--top::after {
    content: "";
    position: absolute;
    width: 100vw;
    bottom: 0;
    left: calc(-50vw + 50%);
    background: #edeff4;
  }
}

@media screen and (min-width: 768px) {
  .header__row--top {
    position: static;
    height: 90px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (max-width: 767px) {
  .header__row--top {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .header__row--bottom {
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
}

.header__row--hide {
  display: none;
}

@media (max-width: 1199px) {
  .header__row--hide {
    display: flex;
  }
}

@media (max-width: 1199px) {
  .header__row {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}

@media (max-width: 767px) {
  .header__row {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60px;
  }
}

@media (min-width: 1200px) {
  .header__logo {
    flex-shrink: 0;
    width: 100%;
    position: relative;
  }
}

.header__mobile-wrapper {
  position: fixed;
  top: 89px;
  left: 0;
  width: 100vw;
  height: calc(100% - 89px);
  background-color: #fff;
  padding: 1rem 15px;
  box-sizing: border-box;
  overflow: auto;
}

@media screen and (max-width: 767px) {
  .header__mobile-wrapper {
    top: 59px;
    height: calc(100% - 59px);
    padding: 32px 20px;
  }
}

.header__mobile--create-page > .header__mobile-section-page {
  color: #fff;
}

.header__mobile--create-page > .header__mobile-section-page :hover {
  background: #009cdd;
}

.header__mobile-logo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.0625rem;
}

.header__mobile-close {
  position: relative;
  width: 19px;
  height: 19px;
  cursor: pointer;
  transition: 0.3s;
  color: #353d51;
}

.header__mobile-close:hover,
.header__mobile-close:focus {
  opacity: 0.5;
}

.header__mobile-close::before,
.header__mobile-close::after {
  position: absolute;
  left: 8px;
  width: 2px;
  height: 19px;
  content: " ";
  background-color: #353d51;
}

.header__mobile-close::before {
  transform: rotate(45deg);
}

.header__mobile-close::after {
  transform: rotate(-45deg);
}

.header__mobile-sections {
  display: flex;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 1.2rem;
  flex-direction: column;
}

.header__mobile-section {
  width: 100%;
  border-radius: 50px;
  margin-bottom: 16px;
  cursor: pointer;
}

.header__mobile-section-name-wrapper {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: space-between;
  height: 44px;
  background: #f0f3f9;
  border-radius: 50px;
  padding: 0.875rem 0;
}

.header__mobile-section-name-wrapper--content {
  display: flex;
  padding-left: 20px;
}

.header__mobile-section-name {
  margin-top: 3px;
  margin-left: 7px;
  cursor: pointer;
  border: 0;
  color: #353d51;
  font-size: 14px;
  font-weight: 600;
}

.header__mobile-section-name--icon {
  color: #a9b1c2;
}

.header__mobile-icon {
  color: #a9b1c2;
}

.header__mobile-section-arrow {
  height: 4.2rem;
  margin-right: 21px;
}

.header__mobile-section-pages {
  margin-top: 7px;
  border: 1px solid rgba(192, 201, 218, 0.3);
  border-radius: 5px;
  padding: 20px 20px 4px 20px;
  background: none;
}

.header__mobile-section-page-wrapper {
  padding-bottom: 16px;
}

.header__mobile-section-page {
  display: flex;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25rem;
  color: #353d51;
  text-transform: none;
  margin-bottom: 16px;
  height: 20px;
}

.header__mobile-section-page-wrapper:not(:last-child) {
  margin-bottom: 26px;
}

.header__mobile--create-page > .header__mobile-section-page {
  font-size: 14px;
  margin-bottom: 0;
}

.mobileMenu__wrapper {
  border: 1px solid var(--unnamed, rgba(192, 201, 218, 0.31));
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 15px 10px;
}

.header__mobile {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 100vh;
  padding: 8rem 2rem 4rem;
  transition: left 0.4s ease-in-out;
  left: -100vw;
  width: 100vw;
}

.header__mobile--create-page.header__mobile-section-page-wrapper {
  width: auto;
  display: flex;
  justify-content: center;
  background: #00b4ff;
  align-items: center;
  gap: 10px;
  height: 40px;
  border-radius: 5px;
  padding-top: 23px;
  font-size: 14px;
  margin-bottom: 16px;
}

.header__mobile--create-page.header__mobile-section-page-wrapper:hover {
  background: #009cdd;
}

.header__mobile--create-page.header__mobile-section-page-wrapper > svg {
  margin-bottom: 7px;
}

.header__mobile--active {
  display: flex;
  left: 0;
}

.header__mobile--menu-icon {
  display: flex;
}

@media screen and (max-width: 767px) {
  .header__mobile--menu-icon {
    margin-left: 30px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__mobile--menu-icon {
    margin-left: 37px;
  }
}

@media screen and (max-width: 360px) {
  .header__mobile--menu-icon {
    margin-left: 42px;
  }
}

.header__mobile--menu-icon--active {
  margin-left: 33px;
}

@media screen and (max-width: 767px) {
  .header__mobile--menu-icon--active {
    margin-left: 21px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header__mobile--menu-icon--active {
    margin-left: 28px;
  }
}

@media screen and (max-width: 360px) {
  .header__mobile--menu-icon--active {
    margin-left: 33px;
  }
}

.header__mobile-last-child {
  margin-bottom: 0;
}

.header__mobile-buttons {
  margin-top: 2rem;
}

.popoverCastom {
  margin-left: -30px;
}

.popoverCastom .popper__arrow {
  left: 30px !important;
}

.header__sections {
  width: 893px;
  margin-left: 7px;
  margin-right: 8px;
}

@media (max-width: 1199px) {
  .header__sections {
    display: none;
  }
}

.header__sections--admin {
  margin-left: 0.9rem;
  margin-right: 1.2rem;
}

.header__sections--list-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 50px;
  background: white;
  height: 60px;
  gap: 11px;
  padding: 0 18px 0 8px;
}

.header__sections-list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 1.2rem;
  height: 60px;
}

.header__section-list--active {
  background: #f0f3f9;
}

.header__section-list:hover {
  background: #f0f3f9;
}

.header__section {
  margin: 8px 0 8px 0;
  height: 44px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 50px;
  padding: 0 18px;
  white-space: nowrap;
}

.header__section--active {
  background: #f0f3f9;
  color: black;
  outline: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 50px;
}

.header__burger-menu-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 44px;
  background: #f0f3f9;
  border-radius: 100px;
}

.header__burger-menu-container:hover {
  width: 75px;
  height: 44px;
  background: #a9b1c2;
}

.header__section-name-wrapper {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  height: 44px;
  cursor: pointer;
  box-sizing: border-box;
  color: #a9b1c2;
}

.header__section-name-wrapper:hover {
  outline: 1px solid rgba(192, 201, 218, 0.31);
  fill: #353d51;
  border-radius: 50px;
}

.header__section-name {
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0 4px;
  margin-top: 1px;
  border-radius: 2rem;
  color: #353d51;
  transition: 0.3s;
  box-sizing: border-box;
  line-height: normal;
}

@media screen and (max-width: 1199px) {
  .header__section-name--icon {
    margin-bottom: 2px;
  }
}

.header__section-name--icon:hover {
  color: #353d51;
}

.header__section-name--active {
  height: 44px;
  padding-top: 0;
  outline: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 50px;
  color: #353d51;
}

.header__section-pages {
  padding-bottom: 2rem;
}

.header__section-popover {
  left: 100px;
}

.header__section-page-wrapper {
  padding: 1rem 0.25rem;
}

.header__section-page {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25rem;
  color: #353d51;
  text-transform: none;
}

.header__buttons {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .header__buttons {
    height: 4rem;
  }
}

@media (min-width: 1200px) {
  .header__buttons {
    align-items: normal;
  }
}

.header__buttons--icon-user {
  width: 23px;
  height: 23px;
  margin-top: 8px;
}

@media (max-width: 767px) {
  .header__buttons--icon-user {
    width: 16px;
    height: 16px;
    margin-top: 7px;
  }
}

@media (max-width: 767px) {
  .header__buttons--icon-search {
    width: 14px;
    height: 14px;
  }
}

.header__button {
  margin-left: 0.75rem;
}

.header__button--icon {
  border-radius: 50%;
  color: #353d51;
}

.header__button--icon:hover {
  color: #353d51;
}

@media (min-width: 361px) {
  .header__button--icon {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 767px) {
  .header__button--icon {
    width: 40px;
    height: 40px;
  }
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  .header__button--icon {
    margin-left: 0.8rem;
  }
}

@media screen and (max-width: 767px) {
  .header__button--icon {
    margin-left: 0.7rem;
  }
}

.header__button--admin {
  padding-top: 6px;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  font-weight: 600;
}

.header__buttons-menu {
  border: 1px solid #c0c9da4d;
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 12px;
}

.header__button-desktop-text {
  margin-right: 1.9rem;
}

.header__button-menu {
  position: relative;
  display: flex;
  width: 19px;
  height: 1px;
  transition: background-color 0.25s 0.25s;
  background-color: currentColor;
}

.header__button-menu:before,
.header__button-menu:after {
  position: absolute;
  left: 0;
  width: 19px;
  height: 1px;
  content: "";
  transition: top 0.25s 0.3s, transform 0.25s;
  transform-origin: 50% 50%;
  background: currentColor;
}

.header__button-menu:before {
  top: 5px;
}

.header__button-menu:after {
  top: -5px;
}

@media (min-width: 1200px) {
  .header__profile {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  }
}

.header__profile-admin {
  overflow-y: scroll;
  height: 88vh;
}

.header__profile-info {
  padding-left: 10px;
  border-left: 1px solid #8e9fbe;
  margin-bottom: 1.6rem;
}

@media (max-width: 1200px) {
  .header__profile-info {
    margin-bottom: 16px;
  }
}

.header__profile-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 1.6rem;
  color: #a9b1c2;
  display: flex;
  align-items: center;
  line-height: 1;
}

.header__profile-text:not(:last-child) {
  margin-bottom: 1rem;
}

@media (max-width: 1200px) {
  .header__profile-text {
    font-size: 16px;
  }
}

.header__profile-info--subscription {
  color: #e9c260;
  border-left: 1px solid #e9c260;
}

.header__profile-info--subscription > .header__profile-text {
  color: #e9c260;
}

.nav__auth-btn {
  display: flex;
  width: auto;
  height: 40px;
  padding: 15px 42px;
  color: #a9b1c2;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #a9b1c2;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  cursor: pointer;
}

.header__profile-link {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #353d51;
  font-size: 1.6rem;
  margin-bottom: 1.4rem;
}

@media (max-width: 1199px) {
  .header__profile-link {
    font-size: 16px;
    margin-bottom: 16px;
  }
}

.header__profile-link:hover {
  color: #a9b1c2;
}

.header__profile-link--active {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #a9b1c2;
  font-size: 16px;
  margin-bottom: 1.4rem;
}

.header__profile-link--border-bottom {
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #c0c9da;
}

@media (min-width: 1200px) {
  .header__profile-link {
    font-weight: 600;
  }

  .header__profile-link--border {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    border-bottom: 1px solid #c0c9da;
  }
}

.header__profile-link-subscription {
  padding-bottom: 1.6rem;
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #c0c9da;
}

.header__profile-link-subscription--active {
  color: #e9c260;
  display: flex;
  gap: 6px;
}

.header__profile-link-subscription--active img {
  height: 100%;
  margin-top: 3px;
}

.header__profile-link-subscription--active:hover {
  color: #e9c260;
}

.header__profile-logout-btn {
  margin-top: 1.9375rem;
}

@media (max-width: 1199px) {
  .header__profile-logout-btn {
    display: none;
  }
}

.popover-class {
  width: 361px;
}

.main-page__logo-link {
  width: 12.1rem;
  height: 6rem;
}

@media (max-width: 1199px) {
  .main-page__logo-link {
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .main-page__header-login {
    display: none;
  }
}

.footer {
  padding-top: 6rem;
  padding-bottom: 8rem;
  background: #353d51;
}

.footer__icon-container {
  display: flex;
  padding-bottom: 5rem;
  gap: 25px;
}

@media (max-width: 759px) {
  .footer__icon-container {
    flex-direction: column;
  }
}

.footer__icon-block {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.footer__icon-text {
  font-size: 14px;
  font-weight: 400;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #f8f5f0;
}

.footer__menu {
  margin-bottom: 4rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid rgba(248, 245, 240, 0.18);
}

@media (max-width: 1199px) {
  .footer__menu {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .footer__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 1199px) {
  .footer__menu-list {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .footer__menu-list {
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1199px) {
  .footer__menu-item:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .footer__menu-item:not(:last-child) {
    margin-right: 3rem;
  }
}

.footer__menu-link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #f8f5f0;
}

@media (max-width: 1199px) {
  .footer__menu-link {
    font-size: 18px;
  }
}

@media (min-width: 1200px) {
  .footer__menu-link {
    font-size: 14px;
  }
}

.footer__menu-link:hover {
  color: #6f788e;
}

.footer__partner {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.footer__partner-menu {
  position: fixed;
  top: -9999px;
  left: -9999px;
}

.footer__partner-link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #3F3F3F;
  line-height: 24px;
  font-size: 14px;
  padding: 0 25px;
}

.footer__partner-link:hover {
  color: #949494 !important;
  background: none !important;
}

.footer__partner-link a {
  color: currentColor;
}

.footer__container {
  margin-bottom: 4rem;
}

@media (min-width: 1200px) {
  .footer__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media (min-width: 1200px) {
  .footer__container--left {
    justify-content: space-between;
  }
}

.footer__files {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem;
}

@media (min-width: 1200px) {
  .footer__files {
    padding-right: 1rem;
  }
}

@media (max-width: 1199px) {
  .footer__files {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer__files:not(:last-child) {
    margin-bottom: 4rem;
  }
}

.footer__files-link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #f8f5f0;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  border-radius: 4px;
  background: #464E62;
  display: block;
  white-space: nowrap;
  margin: 0.75rem;
}

.footer__files-link:hover {
  background: #6f788e;
}

@media (max-width: 1199px) {
  .footer__files-link--d {
    display: none;
  }
}

@media (min-width: 1200px) {
  .footer__files-link--m {
    display: none;
  }
}

.footer__sotial {
  display: flex;
}

.footer__sotial-link {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #fff;
  color: #fff;
}

.footer__sotial-link:hover {
  border: 1px solid #353d51;
  color: #353d51;
  background: #fff;
}

.footer__sotial-link:not(:last-child) {
  margin-right: 1rem;
}

.footer__info-item:last-child {
  padding-top: 2.5rem;
}

.footer__copyright {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  display: block;
  color: #fff;
}

@media (max-width: 1199px) {
  .footer__copyright {
    margin-bottom: 2rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .footer__copyright {
    margin-right: 7rem;
  }
}

@media (max-width: 800px) {
  .footer__copyright {
    margin-bottom: 0;
  }
}

.footer__developer {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  display: block !important;
  color: #fff;
}

.footer__info-link {
  color: #fff;
  text-decoration: underline;
}

.footer__info-link:hover {
  color: #6f788e;
}

.footer__lang {
  display: flex;
  align-items: center;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (max-width: 1199px) {
  .footer__lang {
    padding-top: 4rem;
  }
}

.footer__lang-btn {
  color: #f8f5f0;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.4rem;
  background-color: #2b3345;
  width: 284px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 0;
  text-align: center;
  border-radius: 8px;
}

.footer__lang-btn--dark {
  color: #4e4e4e;
}

.footer__lang-btn--dark:hover svg {
  filter: brightness(0) invert(1);
}

.footer__lang-btn--blue {
  color: #fff;
  background-color: #00b4ff;
  border: 1px solid #00b4ff;
}

.footer__lang-btn--blue svg {
  filter: brightness(0) invert(1);
}

.footer__lang-btn--blue:hover {
  background-color: #009cdd;
}

.footer__lang-btn svg {
  transition: 0.3s;
}

.footer__lang-btn svg.rotate {
  transform: rotate(180deg);
}

@media (max-width: 520px) {
  .footer__lang-btn {
    width: 158px;
  }
}

.footer__lang-icon--mr {
  margin-right: 1.2rem;
}

.footer__lang-icon--ml {
  margin-left: 1rem;
}

.footer__lang-popover {
  padding: 0;
}

.footer__lang-list {
  max-height: 112px;
  width: 284px;
  overflow: auto;
  padding: 1.1rem 1.1rem 1.1rem 3.4rem;
  scrollbar-color: #C2C5C9 #ffffff;
  scrollbar-width: thin;
}

.footer__lang-list::-webkit-scrollbar {
  width: 6px;
}

.footer__lang-list::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

@media (max-width: 520px) {
  .footer__lang-list {
    width: 158px;
  }
}

.footer__lang-list__link {
  display: block;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #3F3F3F;
  position: relative;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  cursor: pointer;
}

.footer__lang-list__link:hover {
  color: #949494;
}

.footer__lang-list__link--active {
  color: #949494;
}

.footer__lang-list__link--active:before {
  content: "";
  display: block;
  position: absolute;
  height: 1.4rem;
  width: 1rem;
  background: url("/assets/front/img/check--gray.svg") center no-repeat;
  background-size: contain;
  position: absolute;
  left: -18px;
  top: 5px;
}

.footer__link--rand {
  text-decoration: underline;
  color: #fff;
}

.footer-menu {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
  gap: 20px;
}

@media (max-width: 768px) {
  .footer-menu {
    flex-wrap: wrap;
    gap: 60px 20px;
  }
}

.footer-menu__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  width: calc(25% - 25px);
}

@media (max-width: 1199px) {
  .footer-menu__item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 768px) {
  .footer-menu__item {
    width: calc(50% - 15px);
  }
}

.footer-menu__item-title {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.25px;
  color: #fff;
  line-height: 19.6px;
  text-transform: uppercase;
}

.footer-menu__item-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.56);
}

.footer-menu__item-link {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.56);
  transition: color 0.2s linear;
}

.footer-menu__item-link:hover {
  color: #fff;
}

.footer-cards {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 64px;
  position: relative;
  margin-bottom: 64px;
}

.footer-cards::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(192, 201, 218, 0.3);
}

@media (max-width: 1199px) {
  .footer-cards {
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 47px;
    margin-bottom: 47px;
  }
}

.footer-card {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  padding: 24px;
  background-color: #2b3345;
  width: calc(25% - 25px);
}

@media (max-width: 1199px) {
  .footer-card {
    width: calc(50% - 10px);
  }
}

@media (max-width: 971px) {
  .footer-card {
    width: calc(50% - 10px);
  }
}

@media (max-width: 520px) {
  .footer-card {
    width: 100%;
  }
}

.footer-card__title {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.25px;
  color: #fff;
  line-height: 19.6px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.footer-card__list-link {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.56);
  margin-bottom: 16px;
  line-height: 17px;
  display: block;
  transition: color 0.2s linear;
}

.footer-card__list-link:hover {
  color: #fff;
}

@media (max-width: 800px) {
  .footer-card__list-link {
    max-width: 210px;
  }
}

.footer-card__descr {
  font-size: 12px;
  color: white;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 45px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (max-width: 1199px) {
  .footer-card__descr {
    margin-bottom: 16px;
  }
}

.footer-card__socials {
  display: flex;
  gap: 5px;
  margin-bottom: 16px;
}

@media (max-width: 931px) {
  .footer-card__socials {
    margin-top: 14px;
  }
}

@media (min-width: 558px) and (max-width: 569px) {
  .footer-card__socials {
    margin-top: 0;
  }
}

.footer-card__social {
  border-radius: 5px;
  background-color: white;
  width: 56px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s linear;
}

.footer-card__social--inst {
  position: relative;
}

.footer-card__social:hover {
  background-color: #a9b1c2;
}

@media (max-width: 520px) {
  .footer-card__social {
    width: 25%;
  }
}

.footer-card__social-extrim {
  position: absolute;
  top: 1px;
  right: 3px;
  color: #353d51;
}

.footer-card__social-descr {
  color: #636a7a;
  font-size: 9px;
  font-weight: 400;
}

.footer-card__social-descr--extrim {
  max-width: 200px;
}

@media (max-width: 1199px) {
  .footer-card__social-descr--extrim {
    max-width: 100%;
  }
}

.footer-card__cta {
  display: block;
  border-radius: 5px;
  font-weight: 600;
  line-height: normal;
  font-size: 14px;
  color: #353d51;
  background-color: #fff;
  padding: 11px;
  text-align: center;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 16px;
  margin-top: -15px;
  transition: background-color 0.2s linear;
}

.footer-card__cta:hover {
  background-color: #a9b1c2;
}

@media (max-width: 1199px) {
  .footer-card__cta {
    margin-top: 0;
    max-width: 230px;
  }
}

@media (max-width: 520px) {
  .footer-card__cta {
    max-width: 100%;
  }
}

.footer-dev {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media (max-width: 800px) {
  .footer-dev {
    flex-direction: column-reverse;
    gap: 25px;
  }
}

.footer__lang--dev {
  padding-top: 0;
}

.el-dialog {
  background: #fff;
  border-radius: 4px;
}

@media (max-width: 991px) {
  .el-dialog {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    margin: 0;
    border-radius: 0;
  }
}

.el-dialog__header {
  display: none;
}

.el-dialog__body {
  word-break: break-word;
  padding: 0;
  background: #fff;
  border-radius: 10px;
}

@media (max-width: 991px) {
  .el-dialog__body {
    border-radius: 0;
  }
}

.el-message-box {
  max-width: 420px;
  width: 95vw;
}

.el-popover {
  word-break: break-word;
  text-align: left;
}

.popup--scroll {
  overflow: scroll;
}

@media (max-width: 991px) {
  .popup__header {
    padding: 3rem 8rem 4rem 2rem;
  }

  .popup__header--center {
    padding: 3rem 2rem 4rem;
  }
}

@media (min-width: 992px) {
  .popup__header {
    padding: 6rem 6rem 4rem;
  }
}

.popup__header--center {
  text-align: center;
}

.popup__header--no-bottom {
  padding-bottom: 0;
}

.popup__header--border {
  border-bottom: 1px solid #c0c9da;
}

.popup__header--inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup__header--tariffs {
  padding: 6rem 6rem 0 4rem;
}

.popup__title {
  text-transform: uppercase;
}

@media (max-width: 519px) {
  .popup__title {
    font-size: 2.5rem;
  }
}

.popup__title--keep {
  word-break: keep-all;
}

.popup__header-description {
  display: block;
  margin-top: 1rem;
  font-size: 1.6rem;
}

@media (max-width: 991px) {
  .popup__header-description br {
    display: none;
  }
}

@media (max-width: 991px) {
  .popup__content {
    padding: 2rem;
  }
}

@media (min-width: 992px) {
  .popup__content {
    padding: 6rem;
  }
}

.popup__content--border-bot {
  border-bottom: 1px solid #e9e9e9;
}

.popup__content--pt-0 {
  padding-top: 0;
}

.popup__content--pt-small {
  padding-top: 1.3rem;
}

.popup__content--pb-big {
  padding-bottom: 11rem;
}

.popup__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

@media (max-width: 991px) {
  .popup__footer {
    padding: 0 2rem 6rem;
  }
}

@media (min-width: 992px) {
  .popup__footer {
    padding: 0 6rem 6rem;
  }
}

.popup__footer--auth {
  font-size: 12px;
  justify-content: center;
}

.popup__footer-item {
  margin-bottom: 1rem;
}

.popup__footer-item:not(:last-child) {
  margin-right: 1rem;
}

.popup__bottom-link {
  display: block;
  margin-right: auto;
  margin-left: auto;
  color: inherit;
}

.v-modal {
  opacity: 1;
  background: rgba(240, 243, 249, 0.9);
}

.popup__close {
  top: 3rem;
  right: 3rem;
  font-size: 3rem;
  color: #353d51;
  z-index: 99;
}

@media (max-width: 991px) {
  .popup__close {
    position: absolute;
  }

  .popup__close--fixed {
    position: fixed;
  }
}

@media (min-width: 992px) {
  .popup__close {
    position: fixed;
  }
}

.popup__close i {
  font-weight: 700;
}

.popup__auth-hint {
  margin-right: 1rem;
}

.popup__tabs .el-tabs__nav {
  width: 100%;
  display: flex;
  align-items: center;
  white-space: normal;
}

.popup__tabs .el-tabs__item {
  width: 50%;
  padding: 1rem 0;
  font-weight: 600;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  text-align: center;
  color: #c0c9da;
  display: block;
  height: auto;
  line-height: 1.5;
  margin-bottom: 2px;
}

.popup__tabs .el-tabs__item.is-active {
  color: #00b4ff;
  background: #FAFBFF;
}

.popup__tabs .el-tabs__active-bar {
  background-color: #00b4ff;
}

.popup__tabs .el-tabs__nav-wrap::after {
  background-color: #c0c9da;
}

.popup--success .el-dialog {
  margin-top: 50vh !important;
  transform: translateY(-50%);
  border-radius: 5px;
}

@media (max-width: 991px) {
  .popup--success .el-dialog {
    display: block;
    min-height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

.popup--success .el-dialog__body {
  border-radius: 5px;
  border: 1px solid #00b4ff;
}

.popup--success--no-border .el-dialog__body {
  border: none;
}

.popup__success {
  font-weight: 600;
  color: #00b4ff;
  display: block;
  text-align: center;
}

@media (max-width: 991px) {
  .popup__success {
    font-size: 1.8rem;
    padding: 3rem;
  }
}

@media (min-width: 992px) {
  .popup__success {
    font-size: 2.8rem;
    padding: 7rem;
  }
}

.popup__success-text {
  display: block;
  padding: 2rem 0;
}

.gallery__items {
  margin-bottom: 3rem;
}

@media (max-width: 1199px) {
  .gallery__items {
    margin-left: -15px;
    margin-right: -15px;
  }

  .gallery__items .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
  }
}

.gallery__item {
  margin-bottom: 2rem;
}

@media (max-width: 1199px) {
  .gallery__item {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
}

@media (min-width: 1200px) {
  .gallery__item {
    display: grid;
    grid-template-columns: 780px 1fr;
    grid-gap: 4rem;
  }
}

.gallery__img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-height: 51rem;
}

@media (max-width: 1199px) {
  .gallery__img {
    order: 1;
  }
}

@media (max-width: 1199px) {
  .gallery__info {
    flex-grow: 1;
    margin-bottom: 4rem;
  }
}

.gallery__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 2.5rem;
  color: #292929;
}

.gallery__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 1200px) {
  .gallery__controls {
    max-width: 780px;
  }
}

.gallery__controls--auto-width {
  max-width: none;
}

.gallery__dots {
  display: flex;
  align-items: center;
}

.gallery__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 50%;
}

.gallery__dot:not(:last-child) {
  margin-right: 2rem;
}

.gallery__dot--active {
  border: 1px solid rgba(53, 61, 81, 0.4);
}

.gallery__dot-inner {
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #353d51;
}

.gallery__arrow:not(:last-child) {
  margin-right: 2rem;
}

.gallery__count {
  font-size: 2rem;
}

@media (max-width: 1199px) {
  .preview {
    padding-top: 1rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1200px) {
  .preview {
    position: relative;
    overflow: hidden;
    padding-top: 6.3rem;
    padding-bottom: 22rem;
  }
}

@media (min-width: 1200px) {
  .preview--small {
    margin-bottom: 1.4rem;
  }
}

.preview__slogan {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 1.3;
  display: block;
  margin-bottom: 3.5rem;
  text-transform: uppercase;
  color: #353d51;
}

@media (max-width: 1199px) {
  .preview__slogan {
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  .preview__slogan {
    font-size: 5rem;
    max-width: 650px;
  }
}

.preview__slogan--partner {
  max-width: none;
}

.preview__description {
  margin-bottom: 5rem;
}

@media (max-width: 1199px) {
  .preview__description {
    display: none;
  }
}

@media (min-width: 1200px) {
  .preview__description {
    max-width: 480px;
  }
}

.preview__description--big {
  font-size: 2rem;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .preview__description--big {
    display: block;
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .preview__bottom {
    display: flex;
    align-items: center;
  }
}

.preview__link {
  cursor: pointer;
}

@media (max-width: 1199px) {
  .preview__link:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .preview__link:not(:last-child) {
    margin-right: 3rem;
  }
}

@media (max-width: 1199px) {
  .preview__img {
    display: block;
    text-align: center;
    margin-top: -9rem;
  }

  .preview__img--corporate {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }

  .preview__img--partner {
    margin-top: 1rem;
    margin-bottom: 2rem;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .preview__img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 85%;
  }

  .preview__img--corporate {
    top: 20px;
    bottom: auto;
  }
}

.earn {
  background: #f8f5f0;
}

@media (max-width: 991px) {
  .earn {
    padding: 6rem 0 7rem;
  }
}

@media (min-width: 992px) {
  .earn {
    padding: 10.7rem 0 22.8rem;
    margin-bottom: 26.2rem;
  }
}

@media (max-width: 1199px) {
  .earn__title {
    margin-bottom: 2.7rem;
  }
}

@media (min-width: 1200px) {
  .earn__title {
    margin-bottom: 6.9rem;
  }
}

.earn__content {
  display: flex;
}

@media (max-width: 991px) {
  .earn__content {
    flex-direction: column;
  }
}

.earn__content-block {
  position: relative;
  flex-basis: 50%;
}

@media (max-width: 1199px) {
  .earn__content-block--second {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .earn__content-block--second {
    padding-left: 9rem;
  }
}

.earn__content-block__num {
  font-weight: 900;
  color: #00b4ff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20rem;
  line-height: 14rem;
}

.earn__content-block__unit {
  font-weight: 900;
  color: #00b4ff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (max-width: 1199px) {
  .earn__content-block__unit {
    font-size: 8rem;
  }
}

@media (min-width: 1200px) {
  .earn__content-block__unit {
    font-size: 10rem;
  }
}

.earn__content-block__desc {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 130%;
  margin-bottom: 4.7rem;
}

@media (max-width: 991px) {
  .earn__content-block__desc--padding-big {
    margin-bottom: 403px;
  }
}

@media (min-width: 992px) {
  .earn__content-block__desc--padding-big {
    margin-bottom: 0;
  }
}

.earn__content-block__img {
  position: absolute;
  right: 0;
  top: 22px;
}

@media (max-width: 991px) {
  .earn__content-block__img {
    top: 0;
  }
}

.earn__content-block__item {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
}

.earn__content-block__item:not(:last-child) {
  margin-bottom: 3.5rem;
}

.earn__content-block__icon {
  height: 58px;
  width: 58px;
  min-width: 58px;
  margin-right: 2rem;
}

@media (max-width: 1199px) {
  .whom {
    padding-bottom: 6.9rem;
  }
}

@media (min-width: 1200px) {
  .whom {
    padding-bottom: 11.7rem;
  }
}

@media (max-width: 1199px) {
  .whom__title {
    margin-bottom: 2.1rem;
  }
}

@media (min-width: 1200px) {
  .whom__title {
    margin-bottom: 4.9rem;
  }
}

.whom__items {
  display: flex;
}

@media (max-width: 991px) {
  .whom__items {
    flex-direction: column;
  }
}

.whom__item {
  background: #f0f3f9;
  border: 1px solid rgba(192, 201, 218, 0.31);
  box-sizing: border-box;
  border-radius: 5px;
  padding: 3rem 1.4rem 3rem 2.5rem;
}

@media (max-width: 991px) {
  .whom__item {
    flex-basis: 100%;
  }

  .whom__item:not(:last-child) {
    margin-bottom: 2.1rem;
  }
}

@media (min-width: 992px) {
  .whom__item {
    flex-basis: calc(100% / 3);
  }

  .whom__item:not(:last-child) {
    margin-right: 3rem;
  }
}

@media (max-width: 1199px) {
  .whom__icon {
    margin-bottom: 1.9rem;
  }
}

@media (min-width: 1200px) {
  .whom__icon {
    margin-bottom: 3.3rem;
  }
}

.whom__desc {
  font-weight: 400;
  line-height: 140%;
}

@media (max-width: 1199px) {
  .whom__desc {
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .whom__desc {
    font-size: 2rem;
  }
}

.what {
  padding-bottom: 12.4rem;
  border-bottom: 1px solid #c0c9da;
}

@media (max-width: 991px) {
  .what {
    padding: 6rem 0;
  }
}

.what__title {
  margin-bottom: 6rem;
}

.what__items {
  display: grid;
}

@media (max-width: 991px) {
  .what__items {
    row-gap: 4rem;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {
  .what__items {
    row-gap: 5.9rem;
    grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
  }
}

.what__icon {
  margin-bottom: 2.6rem;
}

.what__desc {
  letter-spacing: -0.25px;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 120%;
}

.interest {
  position: relative;
}

@media (max-width: 1199px) {
  .interest {
    padding: 5rem 0 10.2rem;
  }
}

@media (min-width: 1200px) {
  .interest {
    padding: 11.2rem 0 13.5rem;
  }
}

.interest__title {
  margin-bottom: 4.6rem;
}

.interest__info {
  position: relative;
  margin-bottom: 100px;
}

.interest__desc {
  max-width: 557px;
  letter-spacing: -0.25px;
  margin-bottom: 3.6rem;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 140%;
}

.interest__desc--small {
  max-width: 480px;
}

.interest__img {
  position: absolute;
  bottom: -59px;
  right: 0;
}

@media (max-width: 991px) {
  .interest__img {
    display: none;
  }
}

.interest__flovers {
  max-width: 850px;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
  margin: auto;
  transform: translateY(10px);
}

@media (max-width: 991px) {
  .interest__flovers {
    height: 102px;
  }
}

.interest__quote {
  background: #f0f3f9;
  border: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 6.8rem;
}

@media (max-width: 991px) {
  .interest__quote {
    padding: 5.1rem 3rem 8.7rem;
  }
}

@media (min-width: 992px) {
  .interest__quote {
    padding: 9rem 3rem 8.7rem;
  }
}

@media (max-width: 991px) {
  .interest__quote-icon {
    margin-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .interest__quote-icon {
    margin-bottom: 3.8rem;
  }
}

.interest__quote-text {
  font-weight: 300;
  line-height: 130%;
  text-align: center;
  letter-spacing: -0.25px;
  max-width: 839px;
}

@media (max-width: 767px) {
  .interest__quote-text {
    font-size: 2.3rem;
  }
}

@media (min-width: 768px) {
  .interest__quote-text {
    font-size: 2.6rem;
  }
}

.interest__quote-autor {
  position: absolute;
  bottom: 0;
  transform: translateY(50%);
}

.interest__name {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 130%;
  text-align: center;
}

.interest__position {
  font-weight: 500;
  font-size: 2rem;
  line-height: 140%;
  text-align: center;
}

.start {
  padding-bottom: 12rem;
}

.start__title {
  margin-bottom: 6.8rem;
}

.start__items {
  display: grid;
  gap: 5rem;
}

@media (max-width: 991px) {
  .start__items {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {
  .start__items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.start__item {
  display: flex;
  align-items: center;
}

.start__item-num {
  color: #00b4ff;
  width: 79px;
  min-width: 79px;
  height: 79px;
  background: #f0f3f9;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 2.3rem;
  font-weight: 900;
  font-size: 4rem;
  line-height: 130%;
  text-transform: uppercase;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.start__item-desc {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 140%;
}

.lets {
  padding: 11rem 0 8.5rem;
  text-align: center;
  background: #f0f3f9;
}

.lets__logo {
  margin-bottom: 4.5rem;
  height: 118px;
  width: 116px;
}

@media (max-width: 767px) {
  .lets__logo {
    height: 76px;
    width: 75px;
  }
}

.lets__title {
  margin-bottom: 4.5rem;
}

.lets__btn {
  margin-bottom: 6.3rem;
}

.lets__footer {
  border-top: 1px solid #c0c9da;
  padding-top: 1.8rem;
}

.lets__link {
  display: inline-block;
}

.about {
  padding-top: 8rem;
  background: linear-gradient(#f0f3f9 0%, #f0f3f9 80%, #f8f5f0 80%, #f8f5f0 100%);
}

.about__title {
  margin-bottom: 5rem;
  text-transform: uppercase;
}

.about__items {
  display: grid;
  grid-column-gap: 19rem;
  grid-row-gap: 3rem;
}

@media (min-width: 1200px) {
  .about__items {
    grid-template-columns: 1fr 1fr;
  }
}

.about__video {
  display: block;
  width: 100%;
  margin-top: 6rem;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 991px) {
  .about__video {
    padding-top: 42vw;
  }

  .about__video .video__item {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width: 519px) {
  .about__video {
    padding-top: 0;
    width: 100vmin;
  }

  .about__video .video__item {
    position: static;
  }

  .about__video .about__video-img {
    position: static;
    transform: translate(0);
  }
}

@media (min-width: 992px) {
  .about__video {
    max-width: 1200px;
    height: 503px;
  }
}

.materials {
  background: #f8f5f0;
}

@media (max-width: 1199px) {
  .materials {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1200px) {
  .materials {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.materials__title {
  max-width: 780px;
  margin-bottom: 4rem;
  text-transform: uppercase;
}

.materials__description {
  max-width: 500px;
  margin-bottom: 8rem;
}

.materials__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  grid-column-gap: 14rem;
  grid-row-gap: 5.4rem;
}

@media (max-width: 767px) {
  .materials__item--front {
    padding-left: 8.6rem;
    position: relative;
  }

  .materials__item--front .materials__img {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.materials__img {
  margin-bottom: 2rem;
}

.materials__item-name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2.5rem;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

.materials__item-name--small {
  margin-bottom: 1.6rem;
  line-height: 140%;
  letter-spacing: -0.25px;
}

@media (min-width: 768px) {
  .materials__item-name--small {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .materials__item-name--small {
    font-size: 2.25rem;
  }
}

@media (max-width: 1199px) {
  .examples {
    padding-top: 14rem;
    margin-top: -6rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1200px) {
  .examples {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.examples__header {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .examples__header {
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .examples__header {
    margin-bottom: 2rem;
  }
}

.examples__title {
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .examples__title {
    margin-right: 13rem;
  }
}

@media (max-width: 767px) {
  .examples__header-button {
    display: none;
  }
}

@media (max-width: 767px) {
  .examples__description {
    display: none;
  }
}

@media (min-width: 768px) {
  .examples__description {
    max-width: 490px;
    margin-bottom: 8rem;
  }
}

@media (max-width: 767px) {
  .examples__items {
    display: flex;
    overflow-x: auto;
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .examples__items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 7rem;
  }
}

.examples__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .examples__item {
    flex-shrink: 0;
    width: 260px;
  }

  .examples__item:not(:last-child) {
    margin-right: 2.5rem;
  }
}

.examples__img {
  margin-bottom: 3rem;
}

.examples__item-name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.examples__item-description {
  flex-grow: 1;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .examples__bottom-button {
    margin-top: 5rem;
  }
}

@media (min-width: 768px) {
  .examples__bottom-button {
    display: none;
  }
}

.photo-qr {
  background: #f0f3f9;
}

@media (max-width: 1199px) {
  .photo-qr {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1200px) {
  .photo-qr {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.photo-qr__title {
  max-width: 600px;
  margin-bottom: 5rem;
  text-transform: uppercase;
}

.how-work {
  background: #f8f5f0;
}

@media (max-width: 1199px) {
  .how-work {
    padding-top: 14rem;
    margin-top: -6rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 1200px) {
  .how-work {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.how-work__title {
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .how-work__title {
    margin-bottom: 6rem;
  }
}

@media (min-width: 992px) {
  .how-work__title {
    margin-bottom: 8rem;
  }
}

.how-work__items {
  display: grid;
  grid-row-gap: 9rem;
}

@media (min-width: 992px) {
  .how-work__items {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1199px) {
  .how-work__items {
    grid-column-gap: 5rem;
  }
}

@media (min-width: 1200px) {
  .how-work__items {
    grid-column-gap: 15rem;
  }
}

.how-work__item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.how-work__img {
  margin-bottom: 5rem;
}

.how-work__item-name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 2rem;
}

.how-work__item-description {
  flex-grow: 1;
  margin-bottom: 3rem;
}

.tariffs__promo-code {
  margin: -6rem 0 6rem;
  padding: 2rem;
  border: 1px solid #00b4ff;
  background-color: #f5fcff;
  text-align: center;
  border-radius: 4px;
}

.tariffs__promo-code-title {
  color: #4e4e4e;
}

.tariffs__promo-code-text {
  margin-top: 0.6rem;
  font-size: 1.4rem;
  color: #4e4e4e;
}

.tariffs__title {
  margin-bottom: 3rem;
  text-transform: uppercase;
}

.tariffs__description {
  max-width: 440px;
}

.tariffs__subscription-banner {
  cursor: pointer;
  display: flex;
  justify-content: center;
  margin: 16px 0;
  font-size: 2.5rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  text-decoration: none;
  color: #353d51;
}

.tariffs__create-swiper {
  padding: 0 3rem;
}

.tariffs__swiper {
  margin: 0 -3rem;
  padding: 0 3rem;
}

.el-tabs__content {
  overflow: visible;
}

.tariffs__block {
  margin: 7rem 0;
  min-height: 63rem;
  box-sizing: border-box;
  padding: 3rem 2.5rem;
  box-shadow: rgba(190, 190, 190, 0.16) 0 40px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(192, 201, 218, 0.31);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: auto;
}

.tariffs__block:nth-child(2) {
  border-radius: 0 0 10px 10px;
}

.tariffs__block--active {
  border-color: #00b4ff;
}

@media (max-width: 767px) {
  .tariffs__block {
    min-height: 72rem;
  }
}

.tariffs__block-tree {
  flex-grow: 1;
  margin: 7rem 0;
  height: auto;
  box-sizing: border-box;
  padding: 3rem 2.5rem;
  box-shadow: rgba(190, 190, 190, 0.16) 0 40px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(192, 201, 218, 0.31);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-radius: 0 0 10px 10px;
}

.tariffs__block-tree:first-child {
  border-radius: 10px;
}

.tariffs__block-tree--active {
  border-color: #00b4ff;
}

.tariffs__block-tree--super-active {
  margin: 7rem 0;
  min-height: 86rem;
  box-sizing: border-box;
  padding: 3rem 2.5rem;
  box-shadow: rgba(190, 190, 190, 0.16) 0 40px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(192, 201, 218, 0.31);
  border-radius: 0 0 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background: #00B4FF;
  margin-right: 0 !important;
}

@media (max-width: 767px) {
  .tariffs__block-tree--super-active {
    min-height: 110rem;
  }
}

.tariffs__active-msg {
  position: absolute;
  text-align: center;
  top: -27px;
  left: -1px;
  width: calc(100% + 2px);
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 12px;
  color: #fff;
  background-color: #00b4ff;
  border-radius: 10px 10px 0 0;
}

.tariffs__active-msg--tree {
  position: absolute;
  text-align: center;
  top: -25px;
  left: -1px;
  width: calc(100% + 2px);
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 12px;
  color: #fff;
  background-color: #353D51;
  border-radius: 10px 10px 0 0;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 550;
}

.tariffs__header {
  min-height: 7.1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tariffs__header--tree {
  min-height: 6.1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tariffs__item-title {
  max-width: 28rem;
}

.tariffs__example-link {
  margin-top: 1.5rem;
}

.tariffs__content {
  flex-grow: 1;
  margin-top: 5rem;
}

.tariffs__options {
  margin-bottom: 1.8rem;
}

.tariffs__options-text {
  color: #292929;
  font-weight: 500;
}

.tariffs__options-text--with-icons {
  margin-top: 1.3rem;
}

.tariffs__a-options-item {
  display: flex;
}

.tariffs__a-options-item:not(:first-child) {
  margin-top: 1.5rem;
}

.tariffs__a-options-icon {
  flex-shrink: 0;
  margin-right: 1.5rem;
}

.tariffs__a-options-name {
  margin-top: 0.2rem;
  font-size: 14px;
}

.tariffs__a-options-name--tree {
  margin-top: 0.2rem;
  font-weight: 550;
  font-size: 14px;
}

.tariffs__popover {
  position: relative;
}

.tariffs__popover--icon {
  position: absolute;
  min-width: 1.9rem;
  height: 1.9rem;
  top: 0;
  left: 1rem;
}

.tariffs__a-options-desc {
  font-size: 12px;
  color: #a9b1c2;
  margin-top: 1rem;
}

.tariffs__a-options-desc--tree {
  font-size: 12px;
  color: #a9b1c2;
  margin-top: 1rem;
}

.tariffs__price {
  margin-top: 2rem;
  font-weight: 500;
}

.tariffs__btn {
  margin-top: 1rem;
}

.tariff__bottom {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tariff__bottom-separator {
  border: 1px solid #c0c9da;
  width: 100%;
}

.tariff__bottom-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  color: #c0c9da;
}

.tariff__botom-link {
  text-decoration: underline;
  cursor: pointer;
}

.tariff__botom-block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.color-white {
  color: #fff;
}

.color-turquoise {
  color: #cbf0ff;
}

.color-freshAir {
  color: #aae2fa;
}

.backgroundWhite {
  background: white;
  color: #00b4ff;
}

.backgroundWhite:hover {
  background: white;
  color: #00b4ff;
}

.tariff__header-descriptions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  gap: 15px;
}

@media (max-width: 500px) {
  .tariff__header-descriptions {
    flex-direction: column;
  }
}

.header__coast-under {
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  -webkit-text-decoration-color: #00B4FF;
          text-decoration-color: #00B4FF;
}

.header__coast-under--secondary {
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
}

.tariffs-price {
  font-size: 30px;
  font-weight: 500;
}

.popover-hover {
  padding: 20px 18px 20px 10px;
  border-radius: 30px;
  background: #F0F3F9;
  margin-bottom: 0;
}

.popover-hover:hover {
  background: #DCE2ED;
}

.switch--small .el-switch__label--left {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
}

@media (max-width: 768px) {
  .memory {
    padding-top: 2.4rem;
  }
}

@media (min-width: 768px) {
  .memory {
    padding-top: 6.8rem;
  }
}

.memory__inner {
  max-width: 650px;
  margin-right: auto;
  margin-left: auto;
}

.memory__inner--big {
  max-width: 965px;
}

.memory__title {
  margin-bottom: 5rem;
  text-transform: uppercase;
}

.memory__section {
  padding-bottom: 8rem;
}

@media (max-width: 1199px) {
  .memory__section {
    padding-top: 12rem;
    margin-top: -12rem;
  }
}

.memory__section-inner {
  display: flex;
}

.memory__section- {
  display: flex;
}

@media (max-width: 1199px) {
  .memory__qrcode {
    padding: 4rem;
  }
}

@media (min-width: 1200px) {
  .memory__qrcode {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
}

.memory__counters {
  display: flex;
  justify-content: center;
  align-items: center;
}

.memory__counters-box {
  display: flex;
  align-items: center;
}

.memory__counters-box:not(:last-child) {
  margin-right: 2rem;
}

.memory__counters-icon {
  flex-shrink: 0;
  margin-right: 1rem;
}

.memory__counters-value {
  font-size: 20px;
}

@media (max-width: 767px) {
  .memory__memorial {
    padding: 2rem 5rem;
  }
}

@media (min-width: 768px) {
  .memory__memorial {
    padding: 5.5rem 9.4rem 5.6rem 9.3rem;
  }
}

.memory__memorial-place {
  display: flex;
  padding-top: 3.5rem;
  padding-bottom: 3.4rem;
}

@media (max-width: 991px) {
  .memory__memorial-place {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 992px) {
  .memory__memorial-place {
    align-items: center;
  }
}

.memory__memorial-place:not(:last-child) {
  border-bottom: 1px solid #c0c9da;
}

.memory__memorial-img {
  height: 7.5rem;
  width: 7.5rem;
  min-width: 7.5rem;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991px) {
  .memory__memorial-img {
    margin-bottom: 1rem;
  }
}

.memory__memorial-info {
  flex-grow: 1;
}

@media (max-width: 991px) {
  .memory__memorial-info {
    align-items: flex-start;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .memory__memorial-info {
    align-items: center;
    padding: 0 2.7rem;
  }
}

.memory__memorial-name {
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  margin-bottom: 0.7rem;
}

.memory__memorial-link {
  min-width: 16.2rem;
  white-space: nowrap;
}

.memory__cover {
  display: block;
  position: relative;
  padding-top: 18.8%;
  width: 100%;
  border-radius: 4px;
  box-shadow: inset 0px 0px 0px 1px #c0c9da;
}

.memory__cover .el-popover__reference,
.memory__cover .upload-photo__avatar,
.memory__cover .upload-photo__avatar-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  padding: 0;
}

.memory__cover .btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

@media (min-width: 1200px) {
  .memory__cover .upload-photo__avatar-inner {
    top: 25%;
    left: 50%;
    transform: translate(-50%, -25%);
  }
}

.memory__avatar {
  display: block;
  position: absolute;
  height: 190px;
  width: 190px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 1px #c0c9da;
  left: 50%;
  background: #fff;
}

@media (max-width: 1199px) {
  .memory__avatar {
    transform: translate(-50%, -15px);
  }
}

@media (min-width: 1200px) {
  .memory__avatar {
    transform: translate(-50%, -50%);
  }
}

.memory__avatar .el-popover__reference,
.memory__avatar .upload-photo__avatar,
.memory__avatar .upload-photo__avatar-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  padding: 0;
}

.memory__avatar .upload-photo__avatar-img {
  border-radius: 50%;
}

.memory__avatar .btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.memory__avatar .el-popover__reference > .upload-photo__avatar-img + .btn--small:last-child {
  font-size: 0;
  border-radius: 50%;
  height: 4rem;
  width: 4rem;
  display: flex;
  background-image: url("/assets/front/img/icons/plus-w.svg");
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(45deg);
}

.memory__item {
  margin-bottom: 1.3rem;
  display: flex;
}

@media (max-width: 767px) {
  .memory__item-date {
    margin-top: 1.4rem;
  }
}

@media (min-width: 768px) {
  .memory__item-date {
    margin-left: 1.4rem;
  }
}

@media (max-width: 767px) {
  .memory__education,
  .memory__achievement {
    flex-direction: column;
  }
}

.memory__education-date {
  max-width: 164px;
}

.memory__achievement-date {
  max-width: 114px;
}

.memory__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 42px;
  min-width: 42px;
  margin-right: 1.4rem;
  border-radius: 4px;
  border: 1px solid #c0c9da;
  font-weight: 900;
  text-transform: lowercase;
  color: #c0c9da;
}

.memory__item-icon--link {
  height: 37px;
  width: 37px;
  min-width: 37px;
  margin-right: 0.9rem;
  margin-bottom: 1.1rem;
  transition: 0.3s;
  border-color: #353d51;
  color: #353d51;
}

.memory__item-icon--link img {
  filter: brightness(0.5);
}

.memory__item-icon--link:hover {
  background: #353d51;
  border-color: #353d51;
  color: #fff;
}

.memory__item-icon--link:hover img {
  filter: brightness(0) invert(100%);
}

.memory__item-icon__svg {
  fill: #c0c9da;
}

.memory__albums {
  padding-top: 6.2rem;
}

.memory__album {
  border: 1px solid #c0c9da;
  border-radius: 4px;
  height: 50rem;
  position: relative;
}

@media (max-width: 767px) {
  .memory__album {
    padding: 3.9rem 2rem;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) {
  .memory__album {
    padding: 3.9rem;
    padding-bottom: 0;
  }
}

.memory__album-inner {
  overflow: auto;
  height: 100%;
  scrollbar-color: #C2C5C9 #ffffff;
  scrollbar-width: thin;
}

.memory__album-inner::-webkit-scrollbar {
  width: 6px;
}

.memory__album-inner::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.memory__album-inner--empty {
  overflow: hidden;
}

.memory__album-input__name {
  margin-bottom: 2.3rem;
}

.memory__album-del {
  border: 1px solid #c0c9da;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff url(/images/icon-trash.svg?8fde97ce7a86a0cb18fd382706ceb9ed) center no-repeat;
}

.memory__album-del:hover {
  border-color: #353d51;
  background: #fff url(/images/icon-trash--b.svg?5dd1905993c983754e3b3a90f4a059fc) center no-repeat;
  background-position-x: 10px;
}

.memory__album-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 3.5rem;
  padding-bottom: 3.9rem;
}

.memory__album-item {
  width: 100%;
}

.memory__album-item__wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.memory__album-item__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

.memory__album-item__input {
  margin-top: 0.8rem;
}

.memory__album-item__input .el-input__inner {
  height: 25px;
  padding: 0 0.5rem;
}

.memory__moment {
  border: 1px solid #c0c9da;
  border-radius: 4px;
  position: relative;
}

@media (max-width: 767px) {
  .memory__moment {
    padding: 3.9rem 2rem;
  }
}

@media (min-width: 768px) {
  .memory__moment {
    padding: 3.9rem;
  }
}

.memory__moment-del {
  border: 1px solid #c0c9da;
  border-radius: 4px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff url(/images/icon-trash.svg?8fde97ce7a86a0cb18fd382706ceb9ed) center no-repeat;
}

.memory__moment-del:hover {
  border-color: #353d51;
  background: #fff url(/images/icon-trash--b.svg?5dd1905993c983754e3b3a90f4a059fc) center no-repeat;
  background-position-x: 10px;
}

.memory__moment-date {
  font-size: 1.4rem;
  color: #a9b1c2;
  margin-bottom: 0.9rem;
}

.memory__moment-title {
  margin-bottom: 2.7rem;
}

.memory__moment-img {
  border-radius: 4px;
  width: 100%;
  height: 18.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.memory__moment-switches {
  margin-bottom: 0 !important;
  padding-top: 3.2rem;
  padding-bottom: 4rem;
}

.memory__tags-wrap {
  position: relative;
  width: 100%;
}

.memory__tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.memory__tags--bb {
  padding-top: 0.9rem;
  padding-bottom: 1.1rem;
  border-bottom: 1px solid #c0c9da;
}

.memory__tags .swiper-slide {
  width: auto;
  display: flex;
}

.memory__tags--slider {
  position: relative;
}

.memory__tags-control__btn {
  position: absolute;
  top: 0;
  height: 100%;
  width: 60px;
  z-index: 2;
}

.memory__tags-control__btn--prev {
  display: flex;
  justify-content: flex-start;
  left: 0;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 60%);
}

.memory__tags-control__btn--next {
  display: flex;
  justify-content: flex-end;
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 60%);
}

.memory__tags-control__btn:disabled,
.memory__tags-control__btn.swiper-button-disabled {
  display: none;
}

.memory__tag {
  max-height: 4.2rem;
  width: auto;
  border: 1px solid #a9b1c2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  padding: 0 2rem;
  border-radius: 2rem;
  color: #a9b1c2;
  font-weight: 800;
  font-size: 1.6rem;
  margin-right: 1.4rem;
  margin-bottom: 2rem;
  cursor: pointer;
}

.memory__tag--no-margin {
  margin: 0;
}

.memory__tag .el-input {
  height: calc(100% - 2px);
}

.memory__tag .el-input__inner {
  border: none;
  color: #a9b1c2;
  font-weight: 800;
  font-size: 1.6rem;
  padding: 0;
  height: calc(100% - 2px);
}

.memory__tag--active {
  color: #00b4ff;
  border-color: #00b4ff;
}

.memory__tag-remove,
.memory__tag-save {
  padding-left: 1rem;
}

.memory__tag-add {
  height: 31px;
  width: 31px;
  border-radius: 50%;
  background: #F0F3FA;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
  margin-bottom: 2rem;
}

.memory__tag-hint {
  font-weight: 500;
  font-size: 1.4rem;
  color: #a9b1c2;
  max-width: 412px;
  margin-bottom: 5.5rem;
}

.memory__moment-crop {
  display: block;
  position: relative;
  padding-top: 51.5%;
  width: 100%;
  border-radius: 4px;
  box-shadow: inset 0px 0px 0px 1px #c0c9da;
}

.memory__moment-crop .el-popover__reference,
.memory__moment-crop .upload-photo__avatar,
.memory__moment-crop .upload-photo__avatar-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  padding: 0;
}

.memory__moment-crop__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
}

.memory__moment-crop .btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

@media (max-width: 1199px) {
  .memory__head {
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
  }
}

.memory__head-info {
  position: relative;
  text-align: center;
}

@media (min-width: 1200px) {
  .memory__head-info {
    padding: 12rem 5rem 5rem 5rem;
  }
}

@media (max-width: 1199px) {
  .memory__head-info {
    padding: 111px 15px 15px 15px;
  }
}

@media (max-width: 1199px) {
  .memory__head-desc {
    margin-bottom: 4.25rem;
  }
}

.memory__head-subscribe {
  position: absolute;
  top: 15px;
}

@media (min-width: 1200px) {
  .memory__head-subscribe {
    left: 50px;
  }
}

@media (max-width: 1199px) {
  .memory__head-subscribe {
    left: 15px;
  }
}

@media (min-width: 1200px) {
  .memory__head-subscribe__icon {
    margin-right: 1rem;
  }
}

.memory__head-cover {
  height: 273px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (min-width: 1200px) {
  .memory__head-cover {
    border-radius: 4px 4px 0 0;
  }
}

.memory__head-cover__empty {
  height: 273px;
  background: #f0f3f9;
  width: 100%;
  display: block;
}

@media (min-width: 1200px) {
  .memory__head-cover__empty {
    border-radius: 4px 4px 0 0;
  }
}

.memory__head-avatar {
  border: 5px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 0px 24px rgba(75, 93, 127, 0.14);
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 50%);
}

@media (min-width: 1200px) {
  .memory__head-avatar {
    height: 193px;
    width: 193px;
  }
}

@media (max-width: 1199px) {
  .memory__head-avatar {
    height: 163px;
    width: 163px;
  }
}

.memory__head-title {
  margin-bottom: 2rem;
}

.memory__page-content {
  padding-top: 4rem;
  padding-bottom: 11.4rem;
}

@media (min-width: 1200px) {
  .memory__page-content {
    display: flex;
    align-items: flex-start;
  }
}

.memory__page-content .m-lock {
  width: 100%;
}

.memory__page-content .m-lock__container {
  margin: 0;
}

.memory__sidebar {
  background: #f8f9fc;
  border: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 4px;
  padding: 2.1rem 0 2.8rem 0;
}

@media (max-width: 1199px) {
  .memory__sidebar {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  .memory__sidebar {
    max-width: 360px;
    min-width: 360px;
  }
}

@media (max-width: 1199px) {
  .memory__sidebar-block {
    padding: 2.625rem 2.125rem;
  }
}

@media (min-width: 1200px) {
  .memory__sidebar-block {
    padding: 3rem 5.1rem 5.75rem;
  }
}

.memory__sidebar-block--bb {
  border-bottom: 1px solid #E7EAF1;
}

.memory__sidebar-block--big-pt {
  padding-top: 5.5rem;
}

.memory__sidebar-title {
  margin-bottom: 2.3rem;
  display: flex;
  align-items: center;
}

.memory__sidebar-title img {
  margin-right: 1.5rem;
}

.memory__sidebar-item:not(:last-child) {
  margin-bottom: 2rem;
}

.memory__sidebar-item__title {
  font-size: 14px;
  color: #969eaf;
  margin-bottom: 0.5rem;
}

.memory__sidebar-item__info {
  font-weight: 500;
  font-size: 16px;
}

.memory__sidebar-item__link {
  color: #353d51;
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
}

.memory__sidebar-item__link:hover {
  text-decoration: none;
}

.memory__sidebar-item__social {
  display: flex;
  flex-wrap: wrap;
}

.memory__content {
  width: 100%;
}

@media (min-width: 1200px) {
  .memory__content {
    padding-left: 4rem;
    max-width: 810px;
  }
}

.memory__content-title {
  margin-bottom: 2.1rem;
}

@media (max-width: 1199px) {
  .memory__quote {
    padding: 4.25rem 2.25rem 3.125rem;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .memory__quote {
    display: flex;
    padding: 4.1rem 12.2rem 3.9rem 6.5rem;
    margin-bottom: 5.5rem;
  }
}

@media (max-width: 1199px) {
  .memory__quote-icon {
    width: 31px;
    height: 27px;
    margin-bottom: 2.25rem;
  }
}

@media (min-width: 1200px) {
  .memory__quote-icon {
    min-width: 45px;
    width: 45px;
    height: 37px;
  }
}

@media (max-width: 1199px) {
  .memory__quote-text {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .memory__quote-text {
    padding-left: 4.4rem;
  }
}

.memory__block-wrap {
  max-height: 210px;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
  margin-bottom: 1.7rem;
}

.memory__block-wrap--gradient:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3rem;
  bottom: 0;
  left: 0;
  background: white;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 5;
}

.memory__block-wrap--show {
  max-height: none;
}

.memory__block-wrap--show:after {
  display: none;
}

@media (max-width: 1199px) {
  .memory__block {
    padding: 2.9rem 2.5rem 2.5rem 2.5rem;
  }
}

@media (min-width: 1200px) {
  .memory__block {
    padding: 5.7rem 6.6rem 6.4rem 6.4rem;
  }
}

.memory__block--big-margin {
  margin-bottom: 6.6rem;
}

.memory__block--small-margin {
  margin-bottom: 4rem;
}

.memory__block-title {
  margin-bottom: 2.1rem;
}

.memory__block-date {
  font-size: 14px;
  color: #969eaf;
  margin-bottom: 0.9rem;
}

.memory__block-img {
  margin-bottom: 3.7rem;
}

.memory__block-inner:not(:last-child) {
  margin-bottom: 1.7rem;
}

.memory__block-text {
  font-size: 16px;
  line-height: 140%;
  color: #4e4e4e;
}

.memory__block-stories {
  display: grid;
  grid-template-columns: repeat(auto-fit, 199px);
  gap: 2rem;
  padding-top: 4.5rem;
}

.memory__block-story {
  height: 132px;
  border-radius: 4px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  cursor: pointer;
}

.memory__block-story:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(1.92deg, rgba(0, 0, 0, 0.53) -2.25%, rgba(0, 0, 0, 0) 103.47%);
  z-index: -1;
}

.memory__block-story:hover .memory__block-story__img {
  transform: scale(1.3);
}

.memory__block-story__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
  transition: 0.5s;
}

.memory__block-story__text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 1.5rem 1.3rem;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  width: 100%;
}

.memory__block-story__name {
  margin-right: 1rem;
}

.memory__search {
  padding-bottom: 5.5rem;
}

.memory__search-inner {
  display: flex;
  margin-bottom: 2.6rem;
}

.memory__search-input {
  margin-right: 1.1rem;
}

.memory__block-footer {
  padding-top: 3.7rem;
  display: flex;
  align-items: center;
}

.memory__block-share {
  margin-left: auto;
}

.memory__block-numbers {
  display: flex;
  align-items: center;
}

.memory__block-views,
.memory__block-shared {
  margin-right: 2rem;
  color: #a9b1c2;
}

@media (max-width: 1199px) {
  .memory__block-views,
  .memory__block-shared {
    font-size: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .memory__block-views,
  .memory__block-shared {
    font-size: 1.4rem;
  }
}

.memory__share .memory__section {
  padding-bottom: 0;
  padding-top: 2.9rem;
}

@media (max-width: 1199px) {
  .memory__share .memory__section {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.memory__popup {
  display: flex;
  align-items: center;
  justify-content: center;
}

.memory__popup .el-dialog {
  border-radius: 4px;
  margin-bottom: 0;
}

.memory__popup .el-dialog__body {
  border-radius: 4px;
}

.memory__gallery {
  border-radius: 4px;
}

.memory__gallery .swiper-wrapper {
  height: auto;
}

.memory__gallery-slide {
  border-radius: 4px;
}

@media (max-width: 991px) {
  .memory__gallery-slide {
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
}

.memory__gallery-slide__inner {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 992px) {
  .memory__gallery-slide__inner {
    padding-top: 60%;
  }
}

@media (max-width: 991px) {
  .memory__gallery-slide__inner {
    height: 100%;
  }
}

.memory__gallery-slide__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(80px);
  z-index: -1;
}

.memory__gallery-slide__img {
  height: 100%;
  display: block;
  margin: auto;
}

@media (min-width: 992px) {
  .memory__gallery-slide__img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
}

@media (min-width: 992px) {
  .memory__gallery-slide__img--horizontal {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (max-width: 991px) {
  .memory__gallery-slide__img--horizontal {
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.memory__gallery-slide__img--vertical {
  -o-object-fit: contain;
     object-fit: contain;
}

.memory__gallery-slide__desc {
  padding: 2rem;
  text-align: center;
  max-width: 518px;
  margin: auto;
  font-size: 14px;
  line-height: 120%;
  color: #4e4e4e;
}

.memory__gallery-control {
  position: absolute;
  top: 0;
  height: 100%;
  width: 7.5rem;
  z-index: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.memory__gallery-control--prev {
  left: 0;
}

.memory__gallery-control--next {
  right: 0;
}

.memory__gallery-control__icon--prev {
  transform: rotate(180deg);
}

.m-video__items {
  display: grid;
  grid-gap: 4rem;
}

@media (max-width: 767px) {
  .m-video__items {
    margin-right: -15px;
    margin-left: -15px;
  }
}

@media (min-width: 768px) {
  .m-video__items {
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  }
}

.m-video__item {
  width: 100%;
  height: 300px;
}

@media (min-width: 768px) {
  .m-video__item:nth-child(odd):last-child {
    grid-column: span 2;
    height: 600px;
  }
}

.m-preview {
  padding-bottom: 6.8rem;
  position: relative;
}

.m-preview__avatar {
  display: block;
  border-radius: 50%;
  position: relative;
  width: 260px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  border: 5px solid #FFF;
  box-shadow: 0 0 24px 0 rgba(75, 93, 127, 0.14);
}

@media (max-width: 519px) {
  .m-preview__avatar {
    max-width: 230px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 3rem;
  }
}

@media (max-width: 1200px -1) {
  .m-preview__avatar {
    width: 100%;
    max-width: 255px;
    border-radius: 50%;
    min-width: 225px;
    margin-right: auto;
    margin-bottom: 7rem;
    margin-left: auto;
  }
}

.m-preview__name {
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

@media (max-width: 361px) {
  .m-preview__name {
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
  }
}

.m-preview__timeline {
  display: flex;
  align-items: flex-start;
}

@media (max-width: 991px) {
  .m-preview__timeline {
    justify-content: space-between;
    padding-top: 3rem;
    border-top: 1px solid #c0c9da;
  }
}

.m-preview__timeline--custom {
  justify-content: center;
}

.m-preview__date {
  font-weight: 400;
  flex-shrink: 0;
  padding-top: 1rem;
  font-size: 1.6rem;
}

@media (min-width: 992px) {
  .m-preview__date {
    font-size: 2rem;
  }
}

@media (max-width: 991px) {
  .m-preview__date--small {
    font-size: 1.25rem;
    width: 7rem;
  }
}

@media (min-width: 992px) {
  .m-preview__date--small {
    font-size: 1.6rem;
    padding-top: 1.5rem;
    width: 10rem;
  }
}

.m-preview__time {
  flex-shrink: 0;
  text-align: center;
}

.m-preview__timeline--custom > .m-preview__time {
  width: 100%;
}

.m-preview__time-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  display: block;
  margin-bottom: 2rem;
  color: #292929;
}

@media (max-width: 991px) {
  .m-preview__time-text {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .m-preview__time-text {
    font-size: 4rem;
  }
}

.m-preview__time-text--small {
  font-size: 2.6rem;
  line-height: 100%;
  margin-bottom: 1.7rem;
  padding-top: 5px;
}

.m-preview__timeline-separator {
  width: 50%;
  margin-top: 2.5rem;
  margin-right: 2.5rem;
  margin-left: 2.5rem;
  border-bottom: 1px solid #c0c9da;
}

@media (max-width: 991px) {
  .m-preview__timeline-separator {
    display: none;
  }
}

.m-preview__custom_date {
  width: 50%;
  margin-top: 2.5rem;
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

@media (max-width: 991px) {
  .m-preview__custom_date {
    display: none;
  }
}

.m-preview__years {
  display: block;
}

.m-preview__language {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .m-preview__language {
    display: none;
  }
}

.m-preview__language-item {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 14px;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  display: block;
  border-radius: 4px;
  text-transform: uppercase;
  text-align: center;
}

.m-preview__language-item:hover,
.m-preview__language-item:focus,
.m-preview__language-item--active {
  border-color: #c0c9da;
}

.m-preview__language-item:not(:last-child) {
  margin-bottom: 1rem;
}

.m-preview__relations {
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 991px) {
  .m-preview__relations {
    display: none;
  }
}

.m-preview__relations_swiper {
  display: none;
}

@media (max-width: 991px) {
  .m-preview__relations_swiper {
    display: block;
    margin-top: 40px;
  }
}

.m-preview__relations-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
}

.m-preview__relations-items {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  max-height: 400px;
}

.m-preview__relations-items::-webkit-scrollbar {
  display: none;
}

@media (max-width: 991px) {
  .m-preview__relation_swiper-items {
    display: flex;
    justify-content: center;
  }
}

.m-preview__relation-item {
  display: block;
}

.m-preview__relation-item:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .m-preview__relation_swiper-item:not(:last-child) {
    margin-right: 20px;
    margin-bottom: 0;
  }
}

.m-preview__relation {
  display: block;
  width: 80px;
  height: 80px;
  border: 3px solid transparent;
  border-radius: 50%;
}

.m-preview__relation:not(:last-child) {
  margin-bottom: 20px;
}

.m-preview__relation:hover,
.m-preview__relation--active {
  border-color: #00b4ff;
}

@media (max-width: 991px) {
  .m-preview__relation-item-link {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.m-preview__relation-avatar {
  border-radius: 50%;
}

.m-preview__relation-text {
  display: none;
}

@media (max-width: 991px) {
  .m-preview__relation-text {
    display: block;
    color: #00b4ff;
    text-align: center;
  }
}

.m-preview__relations-popover {
  padding: 10px;
  background: #EDEFF4;
  border-radius: 4px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #292929;
  font-size: 12px;
  word-break: break-word;
}

.m-preview__relations-popover .popper__arrow::after {
  border-left-color: #EDEFF4 !important;
}

.m-preview__memorial-title {
  margin: auto;
  max-width: 860px;
  margin-bottom: 4.7rem;
}

.m-comment {
  background: linear-gradient(#fff 0%, #fff 50%, rgba(196, 196, 196, 0.26) 50%, #fff 70%, #fff 100%);
}

.m-comment--margin-bottom {
  margin-bottom: 9.8rem;
}

.m-comment__container {
  padding: 5rem 1rem 5rem;
  background: #4B5D7F;
}

.m-comment__quote {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4rem;
}

.m-comment__scroll {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.8rem;
}

.m-comment__text {
  font-size: 2rem;
  margin-bottom: 4rem;
  color: #fff;
  text-align: center;
  white-space: pre-line;
}

.m-comment__author {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #fff;
  display: block;
  text-align: center;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .m-biography__container {
    padding-right: 2rem;
    padding-left: 2rem;
    margin-left: -15px;
    margin-right: -15px;
    border: none;
    box-shadow: none;
  }
}

@media (min-width: 1200px) {
  .m-biography__container {
    padding-right: 10rem;
    padding-left: 10rem;
    padding-bottom: 13rem;
  }
}

.m-biography__section {
  padding-top: 6rem;
}

@media (max-width: 1199px) {
  .m-biography__section:first-child {
    padding-top: 0;
  }
}

.m-biography__section:not(:last-child) {
  padding-bottom: 6rem;
}

.m-biography__section:not(:first-child) {
  border-top: 1px solid #c0c9da;
}

.m-biography__inner {
  max-width: 570px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .m-biography__inner {
    margin-left: 191px;
  }
}

.m-biography__inner:not(:last-child) {
  margin-bottom: 4rem;
}

.m-biography__section-title {
  margin-bottom: 4rem;
  color: #292929;
}

.m-biography__section-text {
  white-space: pre-line;
}

.m-biography__section-text p:not(:last-child) {
  margin-bottom: 4rem;
}

@media (min-width: 992px) {
  .m-biography__images {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .m-biography__images--one {
    margin-left: 191px;
  }
}

@media (min-width: 520px) {
  .m-biography__images--one .m-biography__img {
    height: 455px;
  }
}

.m-biography__images--two {
  justify-content: space-between;
}

@media (min-width: 1200px) {
  .m-biography__images--two .m-biography__imgbox:last-child {
    width: 271px;
    flex-shrink: 0;
  }

  .m-biography__images--two .m-biography__imgbox:first-child {
    width: auto;
  }
}

@media (min-width: 520px) {
  .m-biography__images--two .m-biography__img {
    height: 271px;
  }
}

.m-biography__images--two .m-biography__img-name {
  max-width: 481px;
}

@media (max-width: 991px) {
  .m-biography__imgbox {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  .m-biography__imgbox:not(:last-child) {
    margin-bottom: 4rem;
  }
}

@media (min-width: 992px) {
  .m-biography__imgbox:not(:last-child) {
    margin-right: 2rem;
  }
}

.m-biography__img {
  display: block;
}

@media (max-width: 519px) {
  .m-biography__img {
    width: 100%;
  }
}

.m-biography__img-name {
  display: block;
  margin-top: 2rem;
  font-size: 1.6rem;
}

@media (max-width: 991px) {
  .m-biography__img-name {
    margin-left: 2rem;
  }
}

.m-biography__summary {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  white-space: pre-line;
}

.m-biography__line {
  width: 50%;
  margin-right: auto;
  margin-bottom: 4rem;
  margin-left: auto;
  border-bottom: 1px solid #353d51;
}

.m-feedback__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.m-feedback__items {
  padding-bottom: 6rem;
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
}

.m-feedback__items .swiper-slide {
  height: auto;
}

.m-feedback__create {
  margin-top: 2rem;
}

.m-feedback__item {
  padding: 4rem;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 100%;
}

@media (max-width: 519px) {
  .m-feedback__item {
    box-shadow: none;
  }
}

.m-feedback__text-box {
  flex-grow: 1;
  margin-bottom: 4rem;
}

.m-feedback__text {
  overflow: hidden;
  position: relative;
  max-height: calc(1.4em * 7);
  transition: max-height 0.3s;
}

.m-feedback__text:not(:last-child) {
  margin-bottom: 1rem;
}

.m-feedback__text--can::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 28px;
  background: linear-gradient(rgba(255, 255, 255, 0.3) 0%, #fff 100%);
}

.m-feedback__text p:not(:last-child) {
  margin-bottom: 3rem;
}

.m-feedback__text--open::after {
  display: none;
}

.m-feedback__item-footer {
  line-height: 1.2;
  display: flex;
  align-items: center;
}

.m-feedback__avatar-box {
  display: flex;
  width: 57px;
  height: 57px;
  margin-right: 2rem;
  flex-shrink: 0;
  align-self: flex-end;
}

.m-feedback__avatar {
  border-radius: 50%;
}

.m-feedback__author {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}

.m-feedback__role {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(53, 61, 81, 0.4);
  margin-top: 1rem;
  display: block;
}

.m-feedback__footer {
  margin-top: 5rem;
  text-align: center;
}

.m-feedback__footer--left {
  text-align: left;
}

.m-feedback__buttons {
  margin-top: 2rem;
}

@media (max-width: 1199px) {
  .m-place__container {
    padding: 2.5rem;
  }
}

@media (min-width: 1200px) {
  .m-place__container {
    padding: 10rem;
  }
}

.m-place__container--white {
  background: #fff;
}

.m-place__map {
  width: 100%;
  height: 400px;
}

.m-place__map div > ymaps {
  width: 100% !important;
}

.m-place__map div > ymaps > ymaps {
  width: 100% !important;
}

.m-place__img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.m-place__info {
  display: grid;
  grid-column-gap: 8rem;
  grid-row-gap: 3rem;
  margin-bottom: 4rem;
}

@media (min-width: 1200px) {
  .m-place__info {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .m-place__info-address:last-child {
    grid-column: span 2;
    max-width: 800px;
  }
}

.m-place__name {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(192, 201, 218, 0.58);
}

.m-place__name-text {
  font-size: 2.5rem;
  display: block;
  margin-bottom: 0.5rem;
  color: #000;
}

.m-place__info-name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 2rem;
}

.m-place__item-footer {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

.m-place__coords {
  font-size: 1.4rem;
  margin-right: 1.5rem;
  color: #848484;
}

.m-place__info-img {
  display: block;
  border-radius: 4px;
  margin-top: 2.5rem;
  cursor: zoom-in;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1199px) {
  .m-place__info-img {
    height: 240px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  .m-place__info-img {
    width: 155px;
    height: 155px;
  }
}

.m-relationship__container {
  display: grid;
  align-items: center;
  grid-row-gap: 4rem;
  grid-column-gap: 8rem;
}

@media (max-width: 1199px) {
  .m-relationship__container {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1200px) {
  .m-relationship__container {
    padding: 10rem;
    grid-template-columns: 1fr 1fr;
  }
}

.m-links__container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 4rem;
}

.m-links__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  border: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 4px;
  box-shadow: 0px 40px 40px rgba(190, 190, 190, 0.16);
}

@media (max-width: 1199px) {
  .m-links__item {
    padding: 6rem 2rem;
  }
}

@media (min-width: 1200px) {
  .m-links__item {
    padding: 4rem;
    min-height: 240px;
  }
}

.m-links__item--white {
  background: #fff;
}

.m-links__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  font-weight: 700;
  margin-right: 1rem;
  color: #292929;
  text-align: center;
}

.m-links__icon {
  flex-shrink: 0;
}

.m-info__container {
  padding-top: 5rem;
  padding-bottom: 5.2rem;
}

@media (min-width: 1200px) {
  .m-info__container {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}

@media (max-width: 1199px) {
  .m-info__container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.m-info__section {
  display: flex;
  flex-wrap: wrap;
}

.m-info__item {
  padding-top: 2.6rem;
  padding-bottom: 3.4rem;
}

.m-info__item:nth-child(n+3) {
  border-top: 1px solid #c0c9da;
}

@media (max-width: 1199px) {
  .m-info__item {
    flex-basis: 100%;
  }

  .m-info__item:nth-child(n+2) {
    border-top: 1px solid #c0c9da;
  }
}

@media (min-width: 1200px) {
  .m-info__item {
    flex-basis: 50%;
  }

  .m-info__item:nth-child(odd):last-child {
    flex-basis: 100%;
  }
}

.m-info__item-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: -0.025rem;
  color: #292929;
  padding-bottom: 1rem;
}

.m-info__item-content {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.025rem;
  color: #4e4e4e;
  padding-right: 3rem;
  overflow: hidden;
  transition: max-height 0.5s;
}

@media (min-width: 768px) {
  .m-info__item-content {
    max-height: 86px;
  }
}

@media (max-width: 767px) {
  .m-info__item-content {
    max-height: 68px;
  }
}

.m-info__item-content__list li {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 11px;
}

.m-info__item-content__list li::before {
  content: "";
  background-color: currentColor;
  display: block;
  position: absolute;
  left: 0;
  height: 4px;
  width: 4px;
  min-width: 4px;
  border-radius: 4px;
}

.m-info__item-more {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 600;
  font-size: 1.6rem;
  padding-top: 1.6rem;
}

.m-info__popup {
  overflow: hidden;
  bottom: auto;
  top: 0;
  max-height: 100vh;
  display: flex;
  align-items: center;
  height: 100%;
}

.m-info__popup .el-dialog {
  min-height: auto;
  max-height: 100vh;
  height: 100%;
}

.m-info__popup.dialog-fade-enter-active {
  animation: m-info__popup--dialog-fade-in 0.3s;
}

@keyframes m-info__popup--dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.m-info__popup-header {
  background: #e2ded6;
  display: flex;
  padding: 12px;
  justify-content: flex-end;
}

.m-info__popup-content {
  padding: 2rem;
  max-height: calc(100vh - 36px);
  overflow: auto;
}

.m-info__popup-content::-webkit-scrollbar {
  width: 6px;
}

.m-info__popup-content::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.m-info__popup-close svg {
  stroke-width: 2px;
}

.questions {
  padding: 14rem 15px;
  text-align: center;
  background: #f0f3f9;
}

.questions--small-margin {
  padding-top: 4rem;
}

.questions__img {
  display: block;
  margin-right: auto;
  margin-bottom: 5rem;
  margin-left: auto;
}

.questions__text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  display: block;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-transform: uppercase;
  color: #353d51;
}

@media (max-width: 991px) {
  .questions__text {
    font-size: 2.5rem;
  }
}

@media (min-width: 992px) {
  .questions__text {
    font-size: 4rem;
  }

  .questions__text--br br {
    display: none;
  }
}

.questions__description {
  margin-top: 1.5rem;
}

.questions__button {
  margin-top: 5rem;
}

.questions__footer {
  margin-top: 8rem;
  border-top: 1px solid #c0c9da;
  padding-top: 1.5rem;
  display: flex;
  justify-content: center;
}

.questions__link {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  display: block;
  color: #00b4ff;
  text-decoration: underline;
  font-size: 18px;
}

.questions__link:hover {
  text-decoration: none;
}

.m-lock {
  background: linear-gradient(#fff 0%, #fff 50%, rgba(196, 196, 196, 0.26) 50%, #fff 70%, #fff 100%);
}

.m-lock__container {
  padding: 10rem 1rem;
  background: #f0f3f9;
}

.m-lock__img {
  display: block;
  margin-right: auto;
  margin-bottom: 5rem;
  margin-left: auto;
  color: #353d51;
}

.m-lock__inner {
  max-width: 510px;
  margin-right: auto;
  margin-left: auto;
}

.m-lock__title {
  display: block;
  margin-bottom: 2rem;
  text-align: center;
  text-transform: uppercase;
}

.m-lock__text {
  margin-bottom: 5rem;
  text-align: center;
}

.m-lock__form {
  display: grid;
  grid-gap: 2rem;
}

@media (min-width: 1200px) {
  .m-lock__form {
    grid-template-columns: 2fr 1fr;
  }
}

@media (max-width: 767px) {
  .memorial__info {
    display: flex;
    flex-direction: column;
  }
}

.memorial__gallery {
  display: grid;
  gap: 2.8rem;
  position: relative;
}

@media (max-width: 767px) {
  .memorial__gallery {
    margin-bottom: 2.8rem;
  }
}

@media (max-width: 519px) {
  .memorial__gallery--two {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 520px) {
  .memorial__gallery--two {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 519px) {
  .memorial__gallery--three {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 520px) {
  .memorial__gallery--three {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.memorial__gallery--example {
  flex-grow: 1;
  gap: 1.6rem;
}

.memorial__gallery-item {
  display: block;
  position: relative;
  padding-top: 100%;
  width: 100%;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: inset 0px 0px 0px 1px #C0C9DA;
}

.memorial__gallery-item .el-popover__reference,
.memorial__gallery-item .upload-photo__avatar,
.memorial__gallery-item .upload-photo__avatar-img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  padding: 0;
}

.memorial__gallery-item .btn {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.memorial__gallery-item--one {
  padding-top: 47.3%;
}

.memorial__gallery-item--two-big {
  padding-top: 72%;
}

@media (max-width: 519px) {
  .memorial__gallery-item--two-big {
    grid-row: auto;
    grid-column: auto;
  }
}

@media (min-width: 520px) {
  .memorial__gallery-item--two-big {
    grid-column: 1/3;
  }
}

.memorial__gallery-item--two-small {
  padding-top: 150%;
}

.memorial__gallery-item--three-big {
  padding-top: 72%;
}

@media (max-width: 519px) {
  .memorial__gallery-item--three-big {
    grid-row: auto;
    grid-column: auto;
  }
}

@media (min-width: 520px) {
  .memorial__gallery-item--three-big {
    grid-row: 1/3;
    grid-column: 1/3;
  }
}

.memorial__gallery-item--three-small {
  padding-top: 70.5%;
}

.memorial__gallery-item--timeline {
  padding-top: 55%;
}

.memorial__gallery-item__img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.memorial__search-wrap {
  position: relative;
}

.memorial__search {
  position: absolute;
  background: #f0f3f9;
  width: 100%;
  left: 0;
  z-index: 1;
  border-radius: 5px;
  max-height: 42rem;
  overflow: hidden;
}

.memorial__search:after,
.memorial__search:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 4rem;
  background: #f0f3f9;
  left: 0;
}

.memorial__search:after {
  top: 0;
}

.memorial__search:before {
  bottom: 0;
}

.memorial__search-dates {
  margin-bottom: 0.8rem;
  height: 2.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 519px) {
  .memorial__search-wrapper {
    padding: 3rem;
  }
}

.memorial__search-result {
  padding: 4rem;
  max-height: 42rem;
  overflow: auto;
  scrollbar-color: #C2C5C9 #F0F3F9;
  scrollbar-width: thin;
}

@media (min-width: 520px) {
  .memorial__search-result {
    padding: 4rem;
  }
}

@media (max-width: 519px) {
  .memorial__search-result {
    padding: 3rem;
  }
}

.memorial__search-result::-webkit-scrollbar {
  width: 6px;
}

.memorial__search-result::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.memorial__search-item {
  display: flex;
  padding: 1.9rem 0;
}

.memorial__search-item:not(:last-child) {
  border-bottom: 1px solid #a9b1c2;
}

.memorial__search-item--small {
  max-width: 418px;
}

.memorial__search-item--small:not(:last-child) {
  border-bottom: none;
}

.memorial__search-item--center {
  align-items: center;
}

@media (max-width: 519px) {
  .memorial__search-item--mob {
    flex-wrap: wrap;
  }

  .memorial__search-item--mob .memorial__search-img {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
    margin-right: 2rem;
  }

  .memorial__search-item--mob .memorial__search-info {
    padding: 0;
    flex-basis: 100%;
    order: -1;
    font-size: 1.75rem;
  }
}

.memorial__search-link {
  height: 2rem;
  white-space: nowrap;
}

.memorial__search-spinner {
  display: flex;
  justify-content: center;
}

.memorial__search-img {
  width: 7.5rem;
  height: 7.5rem;
  min-width: 7.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.memorial__search-info {
  flex-grow: 1;
}

@media (min-width: 768px) {
  .memorial__search-info {
    padding: 0 2.4rem;
  }
}

@media (max-width: 767px) {
  .memorial__search-info {
    padding: 0 0 0 2.4rem;
  }
}

.memorial__search-name {
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  margin-bottom: 0.9rem;
}

.memorial__search-name--small {
  font-size: 1.4rem;
  min-height: 3.8rem;
  max-height: 3.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 2;
}

.memorial__search-output {
  border-radius: 4px;
  border: 1px solid rgba(192, 201, 218, 0.31);
  padding: 3.3rem 3.6rem 3.8rem;
}

.memorial__search-pages {
  display: grid;
  padding-bottom: 7rem;
  border-bottom: 1px solid #e9e9e9;
}

@media (max-width: 767px) {
  .memorial__search-pages {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) {
  .memorial__search-pages {
    grid-template-columns: 1fr 1fr;
  }
}

.memorial__search-pages.is-rolled {
  height: auto;
  overflow: hidden;
  transition: max-height 0.4s;
}

@media (max-width: 767px) {
  .memorial__search-pages.is-rolled {
    max-height: 54rem;
  }
}

@media (min-width: 768px) {
  .memorial__search-pages.is-rolled {
    max-height: 27rem;
  }
}

.memorial__search-pages.is-rolled--active {
  max-height: 67.5rem;
  overflow: auto;
  scrollbar-color: #C2C5C9 #ffffff;
  scrollbar-width: thin;
}

.memorial__search-pages.is-rolled--active::-webkit-scrollbar {
  width: 6px;
}

.memorial__search-pages.is-rolled--active::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.memorial__search-pages--no-padding {
  padding: 0;
  border: none;
}

.memorial__timeline {
  margin-top: 6.4rem;
  margin-bottom: 8.3rem;
}

.memorial__timeline-subtitle {
  padding-right: 5rem;
}

.memorial__timeline-subtitle--big {
  flex-grow: 1;
}

.memorial__timeline-subtitle--small {
  width: 22rem;
}

.memorial__timeline-wrap:not(:first-child) .memorial__timeline-block,
.memorial__timeline-wrap:not(:first-child) .memorial__timeline-subtitle {
  padding-top: 6.5rem;
}

.memorial__timeline-wrap:not(:first-child) .memorial__timeline-block:after {
  top: 7.5rem;
}

.memorial__timeline-wrap:not(:last-child) .memorial__search-output {
  margin-bottom: 5.5rem;
}

.memorial__timeline-wrap:first-child .memorial__timeline-block:after {
  top: 1rem;
}

.memorial__timeline-wrap:first-child .memorial__timeline-block:before {
  top: 2rem;
  height: calc(100% - 2rem);
}

.memorial__timeline-wrap:last-child .memorial__timeline-block:before {
  background: linear-gradient(to top, #ffffff 1rem, #ffffff 1rem, #00B4FF 100%);
}

.memorial__timeline-item {
  display: flex;
  width: 100%;
}

.memorial__timeline-add {
  margin-top: 6.5rem;
}

.memorial__timeline-block {
  padding-left: 5rem;
  position: relative;
  max-width: 80rem;
  width: 100%;
}

.memorial__timeline-block:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 2px;
  top: 0;
  left: 0;
  background: #00b4ff;
}

.memorial__timeline-block:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -7px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #00b4ff;
}

.memorial__timeline-member {
  margin-bottom: 5rem;
}

@media (max-width: 991px) {
  .memorial__timeline-member__remove {
    margin-top: 1rem;
  }
}

.memorial__timeline-member__img {
  position: relative;
  width: 9.2rem;
  height: 9.2rem;
  min-width: 9.2rem;
  border-radius: 4px;
}

@media (max-width: 991px) {
  .memorial__timeline-member__img {
    margin-bottom: 1rem;
  }
}

@media (max-width: 991px) {
  .memorial__timeline-member__date {
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .memorial__timeline-member__date {
    padding-left: 4.5rem;
  }
}

.memorial__location {
  margin-bottom: 10rem;
}

.memorial__links {
  margin-bottom: 12rem;
}

.memorial__links .add__links-close {
  padding: 0 15px;
}

.memorial__links-item {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.memorial__links-item:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
  background: #c0c9da;
  z-index: 0;
}

.memorial__links-item--title:after {
  display: none;
}

.memorial__links-item--margin-small {
  margin-bottom: 3.9rem;
}

.memorial__links-item--margin-normal {
  margin-bottom: 4.4rem;
}

.memorial__links-item__block {
  max-width: 470px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.memorial__links-item__block--link {
  padding-right: 2.5rem;
}

.memorial__links-item__block--name {
  padding-left: 2.5rem;
}

.memorial__dates {
  text-align: center;
}

@media (max-width: 767px) {
  .memorial__dates {
    order: -1;
    padding-top: 0;
    padding-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .memorial__dates {
    padding-top: 5rem;
    padding-bottom: 12.6rem;
  }
}

.memorial__dates-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.025rem;
  text-transform: uppercase;
  margin-bottom: 1.3rem;
}

@media (max-width: 767px) {
  .memorial__dates-time {
    font-size: 4.5rem;
  }
}

@media (min-width: 768px) {
  .memorial__dates-time {
    font-size: 4rem;
  }
}

.memorial__description {
  white-space: pre-line;
  max-width: 768px;
  margin: auto;
}

.memorial__photos {
  display: flex;
  flex-direction: column;
}

.memorial__photos .add__section-title {
  display: none;
}

.memorial__photos .add__section {
  padding: 0;
}

.memorial__photos-gallery {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 4px;
}

.memorial__photos-gallery .el-upload--picture-card {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
}

.memorial__photos-gallery .el-upload-list--picture-card .el-upload-list__item-thumbnail {
  -o-object-fit: cover;
     object-fit: cover;
  height: auto;
}

.memorial__photos-gallery .memory__title {
  display: none;
}

.memorial__photos-gallery .add__section {
  padding: 0;
}

.memorial__photos-gallery .swiper-wrapper {
  align-items: center;
  height: auto;
}

.memorial__photos-gallery .swiper-wrapper .swiper-slide {
  height: auto;
}

.memorial__photos-gallery .shadow {
  border: none;
  box-shadow: none;
}

@media (max-width: 1199px) {
  .memorial__photos-gallery .gallery__items {
    margin-left: 0;
    margin-right: 0;
  }
}

.memorial__photos-gallery .memory__section {
  padding-bottom: 5rem;
}

@media (max-width: 1199px) {
  .memorial__photos-gallery .memory__section {
    margin: 0 !important;
    padding-top: 0;
    padding-bottom: 5rem;
  }
}

.memorial__photos-gallery .gallery__item {
  overflow: hidden;
  grid-gap: unset;
  grid-template-columns: 1fr;
}

.memorial__photos-gallery .gallery__item:after {
  content: "";
}

@media (max-width: 1199px) {
  .memorial__photos-gallery .gallery__controls {
    margin-top: 2.6rem;
  }
}

.memorial__photos-gallery--border {
  border: 1px solid #C0C9DA;
}

.memorial__photos-gallery--creatre .gallery__item {
  border-radius: 4px;
}

.memorial__photos-gallery--creatre .gallery__controls {
  margin-top: 2.6rem;
}

.memorial__photos-gallery .gallery__img {
  border-radius: 4px;
}

.memorial__subtext {
  position: relative;
}

@media (max-width: 991px) {
  .memorial__subtext {
    margin: 0 0 7rem 0;
  }
}

@media (min-width: 992px) {
  .memorial__subtext {
    margin-bottom: 9.8rem;
  }
}

@media (max-width: 767px) {
  .memorial__pages-title {
    font-size: 3rem;
    margin-bottom: 3rem;
  }
}

@media (min-width: 768px) {
  .memorial__pages-title {
    font-size: 4rem;
    margin-bottom: 6rem;
  }
}

.memorial__pages-list {
  display: grid;
  gap: 4rem;
}

@media (max-width: 991px) {
  .memorial__pages-list {
    grid-template-columns: 1fr;
    padding-bottom: 7.125rem;
    border-bottom: 1px solid #c0c9da;
  }
}

@media (min-width: 992px) {
  .memorial__pages-list {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 23.5rem;
  }
}

.memorial__page {
  display: flex;
  background: #fff;
}

@media (max-width: 991px) {
  .memorial__page {
    padding: 2rem 1.5rem;
  }
}

@media (min-width: 992px) {
  .memorial__page {
    padding: 3.6rem 3.2rem;
  }
}

.memorial__page-info {
  padding-left: 3rem;
}

.memorial__page-img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991px) {
  .memorial__page-img {
    height: 84px;
    width: 84px;
    min-width: 84px;
  }
}

@media (min-width: 992px) {
  .memorial__page-img {
    height: 130px;
    width: 130px;
    min-width: 130px;
  }
}

.memorial__page-name {
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .memorial__page-name {
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .memorial__page-name {
    font-size: 2rem;
  }
}

.memorial__page-dates {
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .memorial__page-dates {
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .memorial__page-dates {
    font-size: 1.6rem;
  }
}

.memorial__page-link {
  margin-top: auto;
  font-size: 1.4rem;
}

.memorial__timeline-desc__inner {
  white-space: pre-line;
}

.memorial__timeline-desc {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-style: normal;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.025rem;
  color: #4e4e4e;
  padding-right: 3rem;
  white-space: pre-line;
  overflow: hidden;
  transition: max-height 0.5s;
}

@media (min-width: 768px) {
  .memorial__timeline-desc {
    max-height: 180px;
  }
}

@media (max-width: 767px) {
  .memorial__timeline-desc {
    max-height: 145px;
  }
}

.memorial__timeline-desc--margin-normal {
  margin-bottom: 4.7rem;
}

.memorial__footer {
  background: #f8f5f0;
  padding-top: 11.4rem;
  position: relative;
}

.memorial__footer:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 13rem;
  top: 100%;
  background: inherit;
}

.memorial__example {
  border-top: 1px solid #c0c9da;
  padding-top: 4.1rem;
  margin-top: 5rem;
  margin-bottom: 6.7rem;
}

@media (min-width: 1200px) {
  .memorial__example {
    padding-top: 4.1rem;
    margin-top: 5rem;
  }
}

@media (max-width: 1199px) {
  .memorial__example {
    padding-top: 2rem;
    margin-top: 2rem;
  }
}

.memorial__example-title {
  margin-bottom: 3.8rem;
  text-align: left;
  max-width: 875px;
}

@media (max-width: 767px) {
  .memorial__example-title {
    font-size: 3.6rem;
  }
}

@media (max-width: 767px) {
  .memorial__example-title {
    font-size: 2.25rem;
  }
}

.memorial__example-content {
  display: flex;
}

@media (max-width: 1199px) {
  .memorial__example-content {
    flex-direction: column;
  }
}

.memorial__example-info {
  text-align: left;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .memorial__example-info {
    max-width: calc(300px + 10rem);
    min-width: calc(300px + 10rem);
    padding: 0 4.5rem;
  }
}

@media (max-width: 1199px) {
  .memorial__example-info {
    max-width: 310px;
    margin-top: 3rem;
  }
}

.memorial__example-info__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
}

.memorial__example-dates {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1rem;
  margin-bottom: 3.3rem;
}

.memorial__example-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 5;
  padding-top: 2rem;
  margin-bottom: 3.1rem;
}

@media (min-width: 768px) {
  .memorial__example-desc {
    max-height: 115px;
  }
}

@media (max-width: 767px) {
  .memorial__example-desc {
    max-height: 111px;
  }
}

.memorial__nearby {
  padding-top: 10.2rem;
  position: relative;
  background: #fff;
}

.memorial__nearby .swiper-wrapper {
  height: auto;
}

.memorial__nearby-place {
  background: #fff;
  height: 406px;
  overflow: hidden;
  display: flex;
  z-index: 1;
}

@media (min-width: 768px) {
  .memorial__nearby-place {
    width: 265px;
  }
}

@media (max-width: 767px) {
  .memorial__nearby-place {
    width: 239px;
  }
}

.memorial__nearby-place:hover img {
  transform: perspective(1000px) scale3d(1.2, 1.2, 1.2);
}

.memorial__nearby-place__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.memorial__nearby-place__img {
  width: 100%;
  height: 18rem;
  position: relative;
  overflow: hidden;
}

.memorial__nearby-place__img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
  z-index: -1;
}

.memorial__nearby-place__img:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(53, 61, 81, 0.58);
  z-index: 1;
}

.memorial__nearby-place__info {
  padding: 25px 19px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.memorial__nearby-place__distance {
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  filter: drop-shadow(0px 40px 40px rgba(190, 190, 190, 0.16));
  border-radius: 4px;
  padding: 7px 8px 9px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
}

.memorial__nearby-place__distance svg {
  margin-right: 8px;
}

.memorial__nearby-place__title {
  font-weight: 700;
  line-height: 140%;
  letter-spacing: -0.25px;
  max-height: 112px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  -moz-line-clamp: 4;
}

@media (min-width: 768px) {
  .memorial__nearby-place__title {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .memorial__nearby-place__title {
    font-size: 2.25rem;
  }
}

.memorial__nearby-place__link {
  border-top: 1px solid #c0c9da;
  padding-top: 23px;
  margin-top: auto;
}

.contacts__title {
  margin-bottom: 9rem;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  .contacts__container {
    padding: 4rem 2rem;
  }
}

@media (min-width: 992px) {
  .contacts__container {
    padding: 7rem 10rem;
  }
}

.contacts__comment {
  margin-bottom: 6rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid rgba(192, 201, 218, 0.31);
}

.contacts__comment-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  max-width: 615px;
  text-transform: uppercase;
  color: #353d51;
}

@media (min-width: 992px) {
  .contacts__comment-text {
    font-size: 2.6rem;
  }
}

.contacts__bottom {
  margin-top: 10px;
}

@media (min-width: 992px) {
  .contacts__bottom {
    display: flex;
    align-items: center;
  }
}

.contacts__agree {
  font-size: 12px;
  display: block;
  max-width: 290px;
  color: #C2C2C2;
}

@media (max-width: 991px) {
  .contacts__agree {
    margin-top: 2rem;
  }
}

@media (min-width: 992px) {
  .contacts__agree {
    margin-left: 2.5rem;
  }
}

.contacts__link {
  text-decoration: underline;
  color: inherit;
}

.contacts__link:hover,
.contacts__link:focus {
  text-decoration: none;
}

.discount__title {
  margin-bottom: 5rem;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .discount__container {
    padding: 5rem 2rem;
  }
}

@media (min-width: 1200px) {
  .discount__container {
    padding: 7rem 6rem;
  }
}

.discount__top {
  font-size: 2rem;
  max-width: 450px;
  margin-bottom: 3rem;
}

.discount__strong {
  font-weight: 500;
}

.discount__bottom {
  padding-top: 3rem;
  border-top: 1px solid #E9E9E9;
}

@media (min-width: 1200px) {
  .discount__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 11rem;
  }
}

.discount__text {
  font-size: 2rem;
  max-width: 550px;
}

@media (max-width: 1199px) {
  .discount__text {
    margin-bottom: 2rem;
  }
}

.faq__title {
  margin-bottom: 3.7rem;
  text-transform: uppercase;
  font-size: 5rem;
  line-height: 130%;
  letter-spacing: -0.03em;
}

@media (max-width: 520px) {
  .faq__title {
    margin-bottom: 21px;
    font-size: 28px;
  }
}

.faq__subtitle {
  margin-bottom: 0.8rem;
  text-transform: uppercase;
  font-size: 3.2rem;
  line-height: 130%;
  letter-spacing: -0.04em;
}

@media (max-width: 520px) {
  .faq__subtitle {
    margin-bottom: 16px;
    font-size: 20px;
  }
}

.faq__subtitle--secondary {
  margin-bottom: 2.4rem;
}

.faq_container {
  background: #f8f9fc;
  border-radius: 4px;
  border: 1px solid #e7ebf2;
}

@media (max-width: 1199px) {
  .faq_container {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1200px) {
  .faq_container {
    padding: 4rem;
  }
}

@media (max-width: 520px) {
  .faq_container {
    padding: 0;
    border: none;
    background: transparent;
  }
}

.faq_container .el-collapse-item__header {
  border-bottom: 0;
}

.faq_container .el-collapse-item:not(:last-child) {
  border-bottom: 1px solid #e0e5ef;
}

.faq__questions {
  scroll-margin-top: 100px;
  padding-bottom: 6.4rem;
  margin-bottom: 6.4rem;
  border-bottom: 1px solid #e0e5ef;
}

@media (max-width: 1200px) {
  .faq__questions {
    padding-bottom: 0;
    margin-bottom: 32px;
    border-bottom: none;
  }
}

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

@media (max-width: 1200px) {
  .faq__questions-footer {
    text-align: left;
  }
}

.faq__question-text {
  font-size: 1.8rem;
  font-weight: 400;
  color: #4e4e4e;
}

.faq__question-text--active {
  color: #000;
}

@media (max-width: 520px) {
  .faq__question-text {
    font-size: 14px;
  }
}

.faq__answer {
  max-width: 793px;
  box-sizing: content-box;
  padding-bottom: 2.4rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #4e4e4e;
}

.faq__answer ul {
  padding-left: 18px;
  list-style-type: disc;
}

.faq__answer ul:not(:last-child) {
  margin-bottom: 3rem;
}

.faq__answer ol {
  padding-left: 18px;
  list-style-type: decimal;
}

.faq__answer ol:not(:last-child) {
  margin-bottom: 3rem;
}

@media (min-width: 1200px) {
  .faq__answer {
    padding-left: 52px;
  }
}

@media (max-width: 520px) {
  .faq__answer {
    font-size: 12px;
  }
}

.faq__link-btns {
  margin-top: 3.2rem;
  display: flex;
  gap: 20px;
}

@media (max-width: 540px) {
  .faq__link-btns {
    flex-direction: column;
  }
}

.faq__link {
  width: 100%;
  font-size: 1.6rem;
  height: 50px;
  justify-content: center;
  background: #edeff6;
  border-radius: 4px;
}

.faq__button {
  display: inline-block;
}

@media (max-width: 520px) {
  .faq__button {
    width: 100%;
    text-align: center;
  }
}

.faq__feedback-btn {
  min-width: 221px;
  height: 50px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.create__step {
  display: block;
  text-transform: uppercase;
  margin-top: 1.5rem;
}

.create__table {
  display: grid;
  overflow-x: hidden;
  font-size: 1.6rem;
}

@media (max-width: 1199px) {
  .create__table {
    grid-template-columns: 21rem 1fr;
  }
}

@media (min-width: 1200px) {
  .create__table {
    grid-template-columns: 250px 1fr;
  }
}

.create__left-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  padding-top: 3rem;
  padding-left: 1.5rem;
  color: rgba(90, 90, 90, 0.54);
  border-bottom: 2px solid rgba(53, 61, 81, 0.32);
  height: 50px;
}

@media (max-width: 1199px) {
  .create__left-title {
    height: 70px;
  }
}

@media (min-width: 1200px) {
  .create__left-title {
    height: 96px;
  }
}

.create__row-name {
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 1.5rem;
  color: #000;
  height: 53px;
  word-break: break-word;
}

.create__row-name:not(:last-child) {
  border-bottom: 1px solid #E9E9E9;
}

.create__row-name:last-child {
  border-bottom: 2px solid rgba(53, 61, 81, 0.32);
}

.create__row-name span {
  display: flex;
  margin-left: 1rem;
}

.create__text {
  font-size: 14px;
  font-weight: 400;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 1rem 0 0 4rem;
}

.create__columns {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
}

.create__column {
  border: 1px solid rgba(192, 201, 218, 0.31);
  border-radius: 4px;
  box-shadow: 0px 40px 40px rgba(190, 190, 190, 0.16);
}

.create__header-title {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid rgba(53, 61, 81, 0.32);
}

@media (max-width: 1199px) {
  .create__header-title {
    box-sizing: border-box;
    height: 69px;
    padding: 1.5rem 3rem;
  }
}

@media (min-width: 1200px) {
  .create__header-title {
    height: 95px;
    padding: 2rem 3rem;
  }
}

.create__header-name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  text-align: center;
  color: #292929;
}

.create__row-value {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 53px;
  box-sizing: border-box;
}

.create__row-value:not(:last-of-type) {
  border-bottom: 1px solid #E9E9E9;
}

.create__row-value:last-of-type {
  border-bottom: 2px solid rgba(53, 61, 81, 0.32);
}

.create__row-value-inner {
  display: block;
  border-radius: 50%;
  background: rgba(53, 61, 81, 0.65);
}

@media (max-width: 1199px) {
  .create__row-value-inner {
    width: 8px;
    height: 8px;
  }
}

@media (min-width: 1200px) {
  .create__row-value-inner {
    width: 12px;
    height: 12px;
  }
}

.create__bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (max-width: 1199px) {
  .create__bottom {
    padding-top: 2rem;
  }
}

@media (min-width: 1200px) {
  .create__bottom {
    padding: 4rem 1rem;
  }
}

.create__bottom-price {
  font-weight: 800;
  display: block;
  text-align: center;
  color: #292929;
  margin-bottom: 2rem;
}

@media (min-width: 1200px) {
  .create__bottom-price {
    font-size: 2.2rem;
  }
}

.create__bottom-button {
  box-sizing: border-box;
}

.create__swiper {
  margin-left: 0;
}

.create__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
}

.create__arrow:not(:last-child) {
  margin-right: 2rem;
}

.create__count {
  font-size: 2rem;
}

.create__separator .create__header-title {
  margin-top: 1px;
  padding: 0;
}

.create__body-title {
  display: block;
  margin-bottom: 4rem;
  text-transform: uppercase;
}

.create__step {
  display: block;
  font-size: 14px;
  margin-top: 1.5rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(53, 61, 81, 0.6);
}

.create__section:not(:last-child) {
  margin-bottom: 6rem;
}

.create__section--gray {
  padding: 3.3rem 3rem 3.5rem;
  background: #f0f3f9;
  border-radius: 5px;
}

.create__section--short {
  max-width: 648px;
}

.create__success {
  color: #292929;
  font-size: 2rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

.create__description {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 140%;
}

.create__description--mb {
  margin-bottom: 4.3rem;
}

.create__description p:not(:last-child) {
  margin-bottom: 2.5rem;
}

.create__price-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

.create__price {
  font-weight: 800;
  font-size: 2.2rem;
  color: #292929;
  margin-right: 3rem;
}

.create__delivey-title {
  margin-bottom: 3.5rem;
}

.create__delivey-method {
  display: grid;
  gap: 3.5rem;
}

@media (max-width: 991px) {
  .create__delivey-method {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 992px) {
  .create__delivey-method {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }
}

.create__delivey-method__item {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.create__delivey-method__item.active {
  background: #f5fcff;
  border: 1px solid #00b4ff;
}

.create__delivey-info {
  padding-top: 6.8rem;
}

@media (max-width: 1199px) {
  .create__delivey-info {
    padding-top: 4rem;
  }
}

@media (max-width: 991px) {
  .create__delivey-cemetery .el-scrollbar .el-select-dropdown__list {
    max-height: 148px;
  }
}

.purchases__title {
  margin-bottom: 8rem;
}

.purchases__section {
  background: #fff;
  display: grid;
  grid-column-gap: 10rem;
}

@media (max-width: 1199px) {
  .purchases__section {
    padding: 4rem 2rem;
    grid-row-gap: 3rem;
  }
}

@media (min-width: 1200px) {
  .purchases__section {
    padding: 10rem;
    grid-template-columns: 350px 1fr;
  }
}

.purchases__section:not(:last-child) {
  margin-bottom: 7.5rem;
}

.purchases__section-title {
  margin-bottom: 2.5rem;
}

.purchases__description {
  margin-bottom: 5rem;
}

.purchases__description p:not(:last-child) {
  margin-bottom: 2.5rem;
}

@media (min-width: 1200px) {
  .purchases__footer {
    display: flex;
    align-items: center;
  }
}

.purchases__price {
  display: block;
  font-size: 2rem;
  color: #353d51;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
}

@media (max-width: 1199px) {
  .purchases__price {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1200px) {
  .purchases__price {
    margin-right: 5rem;
  }
}

@media (max-width: 1199px) {
  .purchases__button:not(:last-child) {
    margin-bottom: 2rem;
  }
}

@media (min-width: 1200px) {
  .purchases__button:not(:last-child) {
    margin-right: 3rem;
  }
}

.add {
  padding-top: 6.4rem;
  padding-bottom: 14rem;
  background: #fff;
}

.add__page-edit {
  background: linear-gradient(to top, #f0f3f9 0%, #f0f3f9 30rem, #fff 30rem, #fff 100%);
}

.add__title {
  margin-bottom: 7rem;
}

.add__title--row {
  display: flex;
}

@media (max-width: 767px) {
  .add__title--row {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .add__title--row {
    justify-content: space-between;
    align-items: center;
  }
}

.add__lang {
  transform: translateY(20px);
  display: flex;
  align-items: center;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #353d51;
  padding: 9px 18px;
  border: 1px solid #c0c9da;
  border-radius: 4px;
}

.add__section {
  background: #fff;
}

@media (max-width: 1199px) {
  .add__section {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1200px) {
  .add__section {
    padding: 8rem 6rem;
  }
}

.add__section:not(:last-child) {
  margin-bottom: 9rem;
}

.add__section--lock {
  position: relative;
  background: rgba(240, 243, 249, 0.5);
}

@media (max-width: 767px) {
  .add__section--lock {
    padding-left: 9rem;
  }
}

@media (min-width: 768px) {
  .add__section--lock {
    padding-left: 14rem;
  }
}

.add__section--big-pb {
  padding-bottom: 14rem;
}

.add__section-title {
  display: block;
  margin-bottom: 6rem;
}

.add__section-title--margin-small {
  margin-bottom: 2rem;
}

.add__section-title--with-hint {
  position: relative;
}

.add__section-title__hint {
  position: absolute;
  font-size: 1.4rem;
  text-transform: none;
  top: calc(100% + 9px);
  left: 0;
  font-weight: 500;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #a9b1c2;
}

@media (max-width: 1199px) {
  .add__gallery-wrapper {
    padding: 0 2rem;
  }
}

.add__section-description {
  display: block;
  font-weight: 400;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.add__section-title-lock {
  display: block;
  margin-bottom: 2rem;
}

.add__form-wrapper {
  display: grid;
  grid-column-gap: 4rem;
  grid-row-gap: 1rem;
}

@media (min-width: 1200px) {
  .add__form-wrapper {
    grid-template-columns: 600px 1fr;
  }
}

.add__form-hint {
  display: block;
  font-weight: 500;
  color: #a9b1c2;
  font-size: 14px;
  line-height: 1.4;
  max-width: 300px;
}

.add__form-hint--s {
  max-width: 310px;
}

.add__form-hint--l {
  max-width: 380px;
}

.add__form-hint--w100 {
  max-width: none;
}

.add__form-hint--big {
  font-size: 1.6rem;
  margin-right: 1.5rem;
}

.add__form-hint--mb {
  margin-bottom: 2.5rem;
}

.add__lock {
  position: absolute;
  color: #353d51;
}

@media (max-width: 767px) {
  .add__lock {
    left: 3rem;
  }
}

@media (min-width: 768px) {
  .add__lock {
    left: 7rem;
  }
}

@media (max-width: 1199px) {
  .add__lock {
    top: 4rem;
  }
}

@media (min-width: 1200px) {
  .add__lock {
    top: 8rem;
  }
}

@media (min-width: 768px) {
  .add__lock-text-box {
    display: flex;
    align-items: center;
  }
}

.add__lock-text {
  display: block;
}

@media (max-width: 767px) {
  .add__lock-text {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .add__lock-text {
    margin-right: 5rem;
  }
}

.add__lock-link {
  color: #00b4ff;
}

.add__notification.el-notification {
  width: 271px;
  padding: 2rem;
  border: 1px solid #00B4FF;
  font-weight: 500;
  justify-content: center;
  border-radius: 4px;
}

.add__notification .el-notification__group {
  margin: 0;
}

.add__notification .el-notification__content {
  margin: 0;
  font-size: 14px;
}

.add__notification-error.el-notification {
  width: 271px;
  padding: 2rem;
  border: 1px solid #FB9D93;
  font-weight: 500;
  justify-content: center;
  border-radius: 4px;
}

.add__notification-error .el-notification__group {
  margin: 0;
}

.add__notification-error .el-notification__content {
  margin: 0;
  font-size: 14px;
}

.add__notification-warning.el-notification {
  width: 271px;
  padding: 2rem;
  border: 1px solid #FFB443;
  font-weight: 500;
  justify-content: center;
  border-radius: 4px;
}

.add__notification-warning .el-notification__group {
  margin: 0;
}

.add__notification-warning .el-notification__content {
  margin: 0;
  font-size: 14px;
}

.add__error .el-input__inner,
.add__error .el-textarea__inner {
  border-color: #fb9d93;
  background: #FFF3F2 !important;
}

.add__error-popover {
  padding: 2rem;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #fb9d93;
  word-break: break-word;
}

.add__error-popover .popper__arrow {
  border-top-color: #fb9d93 !important;
  border-bottom-color: #fb9d93 !important;
}

.add__error-popover--position {
  width: 300px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + -22px);
}

.add__error-popover--position:before {
  content: "";
  position: absolute;
  display: block;
  height: 12px;
  width: 12px;
  border-left: 1px solid #FB9D93 !important;
  border-bottom: 1px solid #FB9D93 !important;
  bottom: -7px;
  left: 50%;
  background: #fff;
  transform: translateX(-50%) rotate(-45deg);
}

.add__error-popover--width {
  width: 100%;
}

.add__section-short {
  display: grid;
  -moz-column-gap: 8.9rem;
       column-gap: 8.9rem;
  row-gap: 4.6rem;
  padding-bottom: 6rem;
}

@media (min-width: 1200px) {
  .add__section-short {
    grid-template-columns: 1fr 1fr;
  }
}

.add__section-base {
  display: grid;
  grid-column-gap: 20rem;
}

@media (min-width: 1200px) {
  .add__section-base {
    grid-template-columns: 286px 1fr;
  }
}

.add__biography {
  margin-bottom: 8rem;
}

@media (min-width: 768px) {
  .add__biography-title-box {
    display: flex;
    align-items: center;
  }
}

.add__biography-title {
  display: block;
  font-weight: 400;
  font-size: 2rem;
}

@media (max-width: 767px) {
  .add__biography-title {
    margin-bottom: 1rem;
  }
}

@media (min-width: 768px) {
  .add__biography-title {
    margin-right: 8rem;
    min-width: 220px;
  }
}

.add__biography-tag {
  display: inline-block;
  border: 1px solid;
  border-radius: 4px;
  padding: 0.5rem 2rem;
  flex-shrink: 0;
}

.add__biography-tag--correct {
  background: rgba(0, 180, 255, 0.04);
  border-color: #00b4ff;
  color: #00b4ff;
}

.add__biography-tag--error {
  background: #FFF3F2;
  border-color: #fb9d93;
  color: #fb9d93;
}

.add__biography-item {
  border-top: 1px solid #c0c9da;
  padding-top: 8rem;
  padding-bottom: 10rem;
}

.add__biography-item--end {
  padding-bottom: 0;
}

@media (min-width: 1200px) {
  .add__biography-photos--1 {
    max-width: 600px;
  }
}

.add__biography-photos--2 {
  display: grid;
  grid-column-gap: 12rem;
  grid-row-gap: 3rem;
}

@media (min-width: 1200px) {
  .add__biography-photos--2 {
    grid-template-columns: 496px 1fr;
  }
}

.add__video {
  margin-bottom: 3rem;
}

.add__video-wrapper {
  display: grid;
  grid-column-gap: 9rem;
  grid-row-gap: 3rem;
}

@media (max-width: 1199px) {
  .add__video-wrapper:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .add__video-wrapper {
    grid-template-columns: 1fr 315px;
  }
}

.add__video-inner {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 6.1rem;
}

.add__video-hint {
  display: block;
  font-size: 1.4rem;
  max-width: 450px;
  margin-top: 3rem;
  color: #a9b1c2;
  font-weight: 500;
}

@media (min-width: 1200px) {
  .add__video-hint {
    margin-top: -11rem;
  }
}

@media (min-width: 1200px) {
  .add__video-box {
    padding-bottom: 14rem;
  }
}

.add__video-item {
  max-width: 315px;
  width: 100%;
  height: 170px;
}

.add__video-item:not(:last-child) {
  margin-bottom: 1rem;
}

.add__video-spinner {
  text-align: center;
}

.add__video-input-wrapper {
  display: flex;
  align-items: center;
}

.add__video-switch {
  margin-left: 30px;
}

.add__gallery-hint {
  display: block;
  font-size: 1.4rem;
  max-width: 350px;
  margin-top: 3rem;
  color: #a9b1c2;
  font-weight: 500;
}

.add__feedback {
  margin-bottom: 3rem;
  display: grid;
  grid-column-gap: 13rem;
  grid-row-gap: 8rem;
}

@media (min-width: 1200px) {
  .add__feedback {
    grid-template-columns: 1fr 1fr;
  }
}

.add__feedback-item-inner {
  display: grid;
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
}

@media (min-width: 768px) {
  .add__feedback-item-inner {
    grid-template-columns: 1fr 146px;
  }
}

.add__relationships {
  margin-bottom: 4rem;
}

.add__relationships-dialog-btn {
  padding: 0;
  width: 100px;
  height: 57px;
}

.add__relationships-current {
  display: grid;
  align-items: center;
  grid-row-gap: 4rem;
  grid-column-gap: 8rem;
  padding-bottom: 6rem;
  border-bottom: 1px solid #E9E9E9;
  margin-bottom: 5rem;
}

@media (min-width: 992px) {
  .add__relationships-current {
    grid-template-columns: 1fr 1fr;
  }
}

.add__relationships-table {
  margin-top: 2rem;
}

.add__relationships-id {
  display: block;
  max-width: 230px;
}

.add__relationships-footer {
  margin-top: 10rem;
}

.add__relationships-footer-title {
  display: block;
  margin-bottom: 1.5rem;
}

.add__relationships-footer-description {
  display: block;
  margin-bottom: 3rem;
}

.add__links-header {
  margin-bottom: 3rem;
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  grid-gap: 12rem;
}

@media (max-width: 991px) {
  .add__links-header {
    display: none;
  }
}

.add__links-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #353d51;
  max-width: 320px;
}

.add__links {
  margin-bottom: 4rem;
}

.add__links-item-box {
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .add__links-item-box:not(:last-child) {
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
    border-bottom: 2px solid #c0c9da;
  }
}

.add__links-item-inner {
  flex-grow: 1;
}

@media (min-width: 992px) {
  .add__links-item-inner {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 992px) {
  .add__links-item {
    width: 50%;
  }

  .add__links-item:first-child {
    position: relative;
    margin-right: 5rem;
  }

  .add__links-item:first-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -12rem;
    width: 12rem;
    height: 1px;
    background: #c0c9da;
  }
}

@media (min-width: 992px) {
  .add__links-label {
    display: none;
  }
}

.add__links-close {
  align-self: center;
  cursor: pointer;
}

@media (max-width: 991px) {
  .add__links-close {
    padding: 0px 15px 0;
  }
}

@media (min-width: 992px) {
  .add__links-close {
    padding: 15px;
  }
}

.add__links-switch {
  margin-left: 10px;
}

.add__place {
  display: grid;
  grid-column-gap: 13rem;
  grid-row-gap: 6rem;
}

@media (min-width: 1200px) {
  .add__place {
    grid-template-columns: 1fr 300px;
  }
}

.add__place-item:not(:last-child) {
  margin-bottom: 4.5rem;
}

.add__place-map {
  padding-left: 100%;
  position: relative;
}

@media (max-width: 992px) {
  .add__place-map {
    padding-top: 100%;
  }
}

@media (min-width: 992px) {
  .add__place-map {
    padding-top: 400px;
  }
}

.add__place-map > div {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.add__place-coords {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 290px;
  margin-bottom: 1.5rem;
  grid-gap: 2rem;
}

.add__place-coords--mb0 {
  margin-bottom: 0;
}

.add__place-coords--small {
  gap: 1.8rem;
}

@media (min-width: 768px) {
  .add__place-coords--small {
    max-width: 25.4rem;
  }
}

.add__place-coords-hint {
  font-size: 1.4rem;
  color: #a9b1c2;
}

.add__place-hint {
  font-size: 1.4rem;
  color: #a9b1c2;
  margin-bottom: 1.5rem;
}

.add__place-text-wrapper {
  display: grid;
  grid-gap: 2rem;
}

@media (max-width: 1199px) {
  .add__place-text-wrapper .upload-photo__avatar-box {
    order: 1;
  }

  .add__place-text-wrapper .el-textarea__inner {
    min-height: 200px !important;
  }
}

@media (min-width: 1200px) {
  .add__place-text-wrapper {
    max-width: 635px;
    grid-template-columns: 155px 1fr;
  }

  .add__place-text-wrapper .el-textarea__inner {
    height: 100%;
  }

  .add__place-text-wrapper .upload-photo__avatar-img {
    width: 156px;
    height: 156px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.add__place-text-wrapper .el-textarea__inner {
  font-size: 14px;
}

.add__place-text-wrapper .el-upload {
  width: 100%;
  display: flex;
}

.add__place-close {
  position: absolute;
  top: 9px;
  right: 9px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.8);
  width: 25px;
  height: 25px;
  padding: 7px;
}

.add__switches {
  margin-bottom: 7rem;
}

@media (min-width: 1200px) {
  .add__switches {
    display: flex;
  }
}

@media (min-width: 1200px) {
  .add__switches--space-between {
    justify-content: space-between;
  }
}

@media (max-width: 1199px) {
  .add__switch:not(:last-child) {
    margin-bottom: 5rem;
  }
}

@media (min-width: 1200px) {
  .add__switch:not(:last-child) {
    margin-right: 10rem;
  }
}

.add__switch--hint {
  position: relative;
}

.add__switch--hint .switch .el-switch__label--left {
  padding-right: 30px;
}

@media (min-width: 1200px) {
  .add__switch--no-mr:not(:last-child) {
    margin-right: 0;
  }
}

@media (max-width: 1199px) {
  .add__switch--margin-small:not(:last-child) {
    margin-bottom: 2.1rem;
  }
}

.add__switch--fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.add__switch-hint {
  position: absolute;
  top: 6px;
}

@media (max-width: 767px) {
  .add__switch-hint {
    left: 18.5rem;
  }
}

@media (min-width: 768px) {
  .add__switch-hint {
    left: 14.7rem;
  }
}

.add__switch-hint--further {
  left: auto;
}

@media (min-width: 1200px) {
  .add__switch-hint--further {
    right: 9.7rem;
  }
}

@media (max-width: 1199px) {
  .add__switch-hint--further {
    right: 0;
  }
}

@media (min-width: 768px) {
  .add__buttons {
    display: flex;
    align-items: center;
  }
}

.add__buttons--sticky {
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 1.9rem 0;
  z-index: 10;
}

@media (max-width: 991px) {
  .add__buttons--sticky {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.add__buttons--sticky-white {
  background: #fff;
}

.add__buttons--sticky-gray {
  background: #f0f3f9;
  border-top: 1px solid rgba(192, 201, 218, 0.31);
}

.add__buttons--sticky-gray:before,
.add__buttons--sticky-gray:after {
  content: "";
  display: block;
  position: absolute;
  background: #f0f3f9;
  height: 100%;
  top: -1px;
  width: calc((100vw - 100%) / 2);
  border-top: 1px solid rgba(192, 201, 218, 0.31);
}

.add__buttons--sticky-gray:before {
  left: 100%;
}

.add__buttons--sticky-gray:after {
  right: 100%;
}

.add__buttons-progress {
  margin-left: auto;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .add__button:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 768px) {
  .add__button:not(:last-child) {
    margin-right: 3rem;
  }
}

.add__button--ml {
  margin-left: 3rem;
}

.add__memorial {
  border-radius: 4px;
  border: 1px solid #c0c9da;
  padding: 4rem 3.6rem 3.8rem;
  display: flex;
  margin-bottom: 5.4rem;
  position: relative;
}

.add__memorial-content {
  width: 100%;
}

@media (max-width: 767px) {
  .add__memorial-content {
    padding-top: calc(4.2rem + 58px);
  }
}

@media (min-width: 768px) {
  .add__memorial-content {
    padding-left: calc(4.2rem + 58px);
  }
}

.add__memorial-scroll {
  min-width: 58px;
  position: absolute;
}

.add__memorial-desc {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 140%;
  max-width: 810px;
  margin-bottom: 2.5rem;
}

.add__memorial-place {
  display: flex;
  width: 100%;
}

@media (max-width: 991px) {
  .add__memorial-place {
    flex-direction: column;
  }
}

@media (min-width: 992px) {
  .add__memorial-place {
    align-items: center;
  }
}

.add__memorial-place:not(:last-child) {
  margin-bottom: 2.1rem;
}

.add__memorial-place__half {
  width: 50%;
  flex-grow: 1;
  display: flex;
  align-items: center;
}

.add__memorial-place__half:first-child {
  padding-right: 4.3rem;
}

@media (max-width: 991px) {
  .add__memorial-place__half:first-child {
    margin-bottom: 1rem;
  }
}

.add__memorial-place__half .el-switch {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.add__memorial-place__half div[inactive-text] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

@media (max-width: 991px) {
  .add__memorial-place__half {
    width: auto;
  }
}

@media (min-width: 992px) {
  .add__memorial-place__half {
    width: 50%;
  }
}

.add__bg {
  position: relative;
  z-index: 1;
}

.add__bg:before {
  content: "";
  position: absolute;
  display: block;
  background: #f0f3f9;
  height: 100%;
  width: 100vw;
  left: calc((100vw - 100%) / -2);
  z-index: -1;
  bottom: 0;
}

.add__bg--padding-top {
  padding-top: 9rem;
}

.add__bg--half:before {
  height: 50%;
}

.add__memory-block {
  display: grid;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 1.3rem;
}

@media (min-width: 1200px) {
  .add__memory-block {
    grid-template-columns: 1fr 1fr;
  }
}

.add__memory-block--pb-middle {
  padding-bottom: 5rem;
}

.add__memory-block--pb-big {
  padding-bottom: 5.8rem;
}

.add__memory-block--pb-small {
  padding-bottom: 4.4rem;
}

.add__memory-block--pb-mini {
  padding-bottom: 2.1rem;
}

.add__memory-block--border-top {
  padding-top: 5.6rem;
  border-top: 1px solid #c0c9da;
}

.add__memory-block--width {
  grid-template-columns: 1fr;
}

.r-card {
  display: grid;
  align-items: center;
  grid-gap: 4rem;
}

@media (max-width: 519px) {
  .r-card {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 520px) {
  .r-card {
    grid-template-columns: 170px 1fr;
  }
}

.r-card--create {
  align-items: stretch;
}

@media (max-width: 519px) {
  .r-card--create {
    grid-template-columns: 1fr;
  }
}

.r-card__avatar--create {
  max-width: 170px;
}

.r-card__role {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.r-card__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 2rem;
}

.r-card__name--big {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #292929;
}

.r-card__info {
  display: flex;
  flex-direction: column;
}

.r-card__item {
  flex-grow: 1;
  margin-bottom: 1rem;
}

@media (max-width: 519px) {
  .r-card__item {
    margin-bottom: 3rem;
  }
}

.r-card__select {
  display: flex;
  width: 200px;
}

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

.qrcode__img {
  width: 84%;
  max-width: 240px;
}

.qrcode__img--w100 {
  width: 100%;
}

.qrcode__buttons {
  margin-left: 2rem;
  margin-top: 1rem;
}

.qrcode__button {
  display: block;
  color: #353d51;
}

.qrcode__button:not(:last-child) {
  margin-bottom: 2rem;
}

.qrcode__button--margin-left {
  margin-left: 1.3rem;
}

.u-pages {
  padding-top: 6.4rem;
  padding-bottom: 23rem;
}

.u-pages__title {
  margin-bottom: 5rem;
}

.u-pages__section:not(:last-child) {
  margin-bottom: 15rem;
}

.u-pages__subtitle {
  margin-bottom: 4.8rem;
}

.u-pages__container {
  background: #fff;
}

@media (max-width: 1199px) {
  .u-pages__container {
    padding: 4rem 2rem;
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (min-width: 1200px) {
  .u-pages__container {
    padding: 6rem;
  }
}

.u-pages__cards {
  display: grid;
  grid-gap: 4rem;
}

@media (min-width: 1200px) {
  .u-pages__cards {
    grid-template-columns: 1fr 1fr;
  }
}

.u-pages__card {
  background: #fff;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  .u-pages__card:hover {
    background: #f0f3f9;
  }

  .u-pages__card:hover .u-pages__more {
    visibility: visible;
  }
}

.u-pages__header {
  padding: 1.5rem 3rem;
  border-bottom: 1px solid rgba(192, 201, 218, 0.31);
  background: #f0f3f9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.u-pages__header--full {
  background: #4B5D7F;
  border-bottom: 1px solid #4B5D7F;
}

.u-pages__header--full .u-pages__type {
  color: #fff;
}

.u-pages__type {
  font-size: 12px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #353d51;
  text-transform: uppercase;
  line-height: 1.7;
}

.u-pages__expand {
  background-color: transparent;
  border: none;
  font-size: 14px;
  flex-shrink: 0;
}

.u-pages__wrapper {
  padding: 3.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.u-pages__more {
  position: absolute;
  color: #c4c4c4;
  transition: visibility 0s;
}

@media (max-width: 1199px) {
  .u-pages__more {
    right: 1.6rem;
    top: 1.6rem;
  }
}

@media (min-width: 1200px) {
  .u-pages__more {
    visibility: hidden;
    right: 2.6rem;
    top: 3.6rem;
  }

  .u-pages__more:focus {
    visibility: visible;
  }
}

.u-pages__inner {
  display: grid;
  align-items: center;
  grid-gap: 3rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #c0c9da;
  margin-bottom: 3rem;
  flex-grow: 1;
}

@media (max-width: 519px) {
  .u-pages__inner {
    grid-template-columns: 2fr 3fr;
  }
}

@media (min-width: 520px) {
  .u-pages__inner {
    grid-template-columns: 145px 1fr;
  }
}

.u-pages__inner-burial {
  display: grid;
  align-items: center;
  grid-gap: 3rem;
}

@media (max-width: 519px) {
  .u-pages__inner-burial {
    grid-template-columns: 2fr 3fr;
  }
}

@media (min-width: 520px) {
  .u-pages__inner-burial {
    grid-template-columns: 145px 1fr;
  }
}

.u-pages__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .u-pages__name {
    font-size: 2rem;
  }
}

.u-pages__switches {
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .u-pages__switches {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .u-pages__switch:not(:last-child) {
    margin-bottom: 2rem;
  }
}

@media (min-width: 520px) {
  .u-pages__buttons {
    display: flex;
    align-items: center;
  }
}

.u-pages__name-link {
  white-space: pre;
  font-size: 12px !important;
  text-transform: unset;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.u-pages__button {
  font-size: 14px;
}

@media (max-width: 519px) {
  .u-pages__button:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 520px) {
  .u-pages__button:not(:last-child) {
    margin-right: 2rem;
  }
}

.u-pages__add {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 4px;
  background: #fff;
}

@media (max-width: 1199px) {
  .u-pages__add {
    padding-top: 50%;
  }
}

@media (min-width: 1200px) {
  .u-pages__add {
    padding-top: 80%;
  }
}

.u-pages__add-inner {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #a9b1c2;
}

@media (min-width: 1200px) {
  .u-pages__add-inner {
    min-width: -moz-max-content;
    min-width: max-content;
  }
}

.u-pages__add-icon {
  display: block;
  font-size: 4rem;
  color: #c0c9da;
  margin-bottom: 1rem;
}

.u-pages__add-img {
  display: block;
  margin: auto;
  margin-bottom: 4.4rem;
}

@media (max-width: 767px) {
  .u-pages__add-img {
    height: 100px;
  }
}

@media (max-width: 519px) {
  .u-pages__add-img {
    height: 80px;
    margin-bottom: 1rem;
  }
}

.u-pages__add-text {
  font-size: 14px;
  font-weight: 500;
}

.u-pages__qrcode {
  margin-top: 7rem;
}

.u-pages__popover {
  background: #ebecef;
  padding: 2rem 0;
}

.u-pages__popover-section {
  padding-left: 2rem;
  padding-right: 2rem;
  word-break: normal;
}

.u-pages__popover-section--no-border {
  padding-bottom: 0;
  border-bottom: 0;
}

.u-pages__popover-section:not(:last-child) {
  padding-bottom: 3rem;
  border-bottom: 1px solid #c0c9da;
  margin-bottom: 3rem;
}

.u-pages__menu-title {
  display: block;
  color: rgba(142, 159, 190, 0.63);
  margin-bottom: 2rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
  text-align: left;
}

.u-pages__menu-item {
  display: flex;
  align-items: center;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #353d51;
}

.u-pages__menu-item:not(:last-child) {
  margin-bottom: 1rem;
}

.u-pages__menu-item:hover {
  color: #00b4ff;
}

.u-pages__menu-item--delete {
  font-size: 12px;
  margin-top: 6rem;
}

.u-pages__footer {
  margin-top: 6rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.u-pages__delete {
  font-size: 12px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #353d51;
}

.u-pages__switch {
  margin-bottom: 1rem;
}

.u-pages__switch--hint .el-switch__label--left {
  padding-right: 30px;
}

.u-pages__switch-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.u-pages__switch-hint {
  position: absolute;
  top: 0.2rem;
  right: 68px;
}

.u-pages__menu-delete-icon {
  margin-right: 1rem;
}

.u-pages__column-title {
  cursor: pointer;
}

.u-pages__column-title--status {
  cursor: auto;
}

.u-pages__status-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0 4px;
  color: #00b4ff;
}

.u-pages__column-popover {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
}

.u-pages__banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F8F9FC;
  border: 1px solid #C0C9DA4D;
  border-radius: 4px;
  box-shadow: 0px 40px 40px 0px #BEBEBE29;
  margin-top: 40px;
  padding: 30px;
}

@media (max-width: 767px) {
  .u-pages__banner {
    flex-direction: column;
  }
}

.u-pages__banner--description {
  max-width: 440px;
  font-size: 16px;
  font-weight: 550;
  line-height: 17.6px;
  letter-spacing: -0.25px;
  text-align: left;
  color: #707991;
  margin-right: 30px;
}

@media (max-width: 991px) {
  .u-pages__banner--description {
    max-width: 360px;
  }
}

@media (max-width: 767px) {
  .u-pages__banner--description {
    margin: 0 0 20px 0;
    text-align: center;
  }
}

.u-pages__banner--btn {
  font-size: 16px;
}

.u-pages__banner--icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  fill: #FFFFFF;
}

.u-pages__banner--close {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.u-pages__banner--close:hover {
  width: 15px;
  height: 15px;
}

@media (max-width: 767px) {
  .u-pages__banner--close {
    display: none;
  }
}

.admin__title {
  margin-bottom: 8rem;
}

.admin__title--prices {
  margin-bottom: 4.8rem;
}

.admin__wrapper {
  display: grid;
  grid-gap: 3rem;
}

@media (min-width: 768px) {
  .admin__wrapper {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1200px) {
  .admin__wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.admin__card {
  background: #fff;
}

.admin__card-header {
  padding: 1.5rem 3rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #4B5D7F;
}

.admin__card-name {
  font-size: 12px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

.admin__card-body {
  padding: 3rem 2rem 2rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.admin__card-footer {
  padding: 0 3rem 3rem;
}

.admin__card-count {
  font-size: 4rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  text-transform: uppercase;
  color: #292929;
}

.admin__card-link {
  color: #c4c4c4;
  font-size: 2.5rem;
}

.admin__wrapper-title {
  display: flex;
  align-items: center;
  margin-bottom: 4.8rem;
}

.admin__page-edit {
  margin-bottom: 4.8rem;
}

.admin__news-title {
  display: flex;
  align-items: center;
}

.admin__add {
  margin-bottom: 10rem;
}

.admin__add--prices {
  margin-bottom: 4.8rem;
}

.admin__add--pages {
  margin-left: 2.4rem;
  padding: 9px;
}

.admin__add--pages-banner {
  margin-bottom: 4.8rem;
}

.admin__inner {
  background: #fff;
}

@media (max-width: 1199px) {
  .admin__inner {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1200px) {
  .admin__inner {
    padding: 7rem;
  }
}

@media (max-width: 1199px) {
  .admin__inner--memorial {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1200px) {
  .admin__inner--memorial {
    padding: 7rem 6.3rem 7rem 4.9rem;
  }
}

.admin__table-title {
  display: block;
  margin-top: 7rem;
  color: #000;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
}

.admin__tabs .el-tabs__header {
  margin-bottom: 6rem;
}

.admin__tabs .el-tabs__nav {
  width: 100%;
  overflow: auto;
  padding-bottom: 11px;
  display: flex;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.admin__tabs .el-tabs__nav::-webkit-scrollbar {
  display: none;
}

.admin__tabs .el-tabs__item {
  flex-grow: 1;
  min-width: 160px;
  font-weight: 600;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.6rem;
  text-align: center;
  color: #c0c9da;
  padding: 0;
}

.admin__tabs .el-tabs__item.is-active {
  color: #00b4ff;
  background: #FAFBFF;
}

.admin__tabs .el-tabs__active-bar {
  background-color: #00b4ff;
  bottom: 10px;
}

.admin__tabs .el-tabs__nav-wrap::after {
  background-color: #c0c9da;
  top: 39px;
}

.admin__tabs--memorial .el-tabs__header {
  margin-bottom: 2rem;
}

.admin__tabs--memorial .el-tabs__item {
  min-width: auto;
}

.admin__progress {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.admin__progress .el-progress-circle__path {
  stroke: #00b4ff;
}

.admin__progress--border {
  height: 50px;
  width: 50px;
  position: relative;
}

.admin__progress--border .el-progress-circle__track {
  stroke: #fff;
}

.admin__progress--border:after {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  border: 1px solid #00b4ff;
  border-radius: 50%;
}

.admin__progress-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin__progress-bar {
  position: absolute;
  top: 0;
  left: 0;
}

.admin__progress-text {
  margin-top: 1px;
  width: 40px;
  height: 40px;
  font-size: 10px;
  color: #353d51;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.admin__progress-text--wrap {
  width: 50px;
  height: 50px;
}

.memory__avatar--admin-article {
  width: 120px;
  height: 120px;
  transform: translate(130%, -15%);
}

@media (max-width: 767px) {
  .memory__avatar--admin-article {
    transform: translate(0, -15%);
  }
}

.admin-lang-select {
  color: #fff !important;
}

.admin-lang-select .footer__lang-btn--dark {
  color: #fff !important;
}

.admin-lang-select .footer__lang-btn--dark svg {
  filter: brightness(0) invert(1);
}

.a-filters {
  margin-bottom: 5rem;
}

.a-filters__section {
  padding-bottom: 5rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid #E9E9E9;
}

.a-filters__item {
  display: block;
}

.a-filters__item:not(:last-child) {
  margin-bottom: 5rem;
}

@media (min-width: 1200px) {
  .a-filters__item--inline {
    display: flex;
    align-items: flex-start;
  }
}

.a-filters__item--big:not(:last-child) {
  margin-bottom: 6rem;
}

.a-filters__item--limit {
  max-width: 590px;
}

@media (min-width: 1200px) {
  .a-filters__item--limit {
    min-width: 590px;
  }
}

.a-filters__item--width {
  width: 100%;
}

.a-filters__item--width .el-autocomplete {
  width: 100%;
}

@media (min-width: 1200px) {
  .a-filters__item--pr10 {
    padding-right: 10rem;
  }
}

@media (min-width: 1200px) {
  .a-filters__item--pr5 {
    padding-right: 5rem;
  }
}

.a-filters__item--partners {
  display: flex;
  margin-bottom: 5rem;
  gap: 34px;
}

@media (max-width: 580px) {
  .a-filters__item--partners {
    flex-direction: column;
  }
}

@media (max-width: 991px) {
  .a-filters__inner:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .a-filters__inner {
    max-width: 235px;
  }

  .a-filters__inner:not(:last-child) {
    margin-right: 3rem;
  }
}

@media (min-width: 992px) {
  .a-filters__inner--width {
    max-width: none;
  }
}

@media (min-width: 992px) {
  .a-filters__inner--width-100 {
    width: 100%;
  }
}

.a-filters__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  display: block;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.a-filters__hint {
  display: block;
  font-weight: 500;
  color: #a9b1c2;
  font-size: 14px;
}

.a-filters__hint--small {
  max-width: 415px;
}

.a-filters__hint:not(:first-child) {
  margin-top: 2rem;
}

.a-filters__hint--margin-small:not(:first-child) {
  margin-top: 0.9rem;
}

.a-filters__hint--thin {
  font-weight: 300;
}

@media (min-width: 1200px) {
  .a-filters__hint--absolute {
    position: absolute;
    top: 100%;
  }
}

.a-filters__wrapper {
  padding: 4rem;
  background: #f0f3f9;
  border-radius: 5px;
}

.a-filters__wrapper-input {
  width: 100%;
}

@media (min-width: 1200px) {
  .a-filters__date {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.a-filters__date-item {
  display: flex;
  align-items: center;
}

@media (max-width: 1199px) {
  .a-filters__date-item:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.a-filters__date-label {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  margin-right: 2rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  flex-shrink: 0;
}

@media (max-width: 1199px) {
  .a-filters__date-label {
    min-width: 24px;
  }
}

.a-filters__top {
  margin-bottom: 5rem;
}

@media (min-width: 767px) {
  .a-filters__top {
    display: flex;
  }
}

@media (max-width: 767px) {
  .a-filters__top-item:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 768px) {
  .a-filters__top-item:not(:last-child) {
    margin-right: 3rem;
  }
}

.a-filters__top-item--width-580 {
  max-width: 580px;
  width: 100%;
}

.a-filters__top-item--width-450 {
  max-width: 450px;
  width: 100%;
}

.a-filters__top-item--grow {
  flex-grow: 1;
}

@media (min-width: 767px) {
  .a-filters__top-form {
    max-width: 250px;
  }

  .a-filters__top-form--short {
    max-width: 175px;
  }
}

.a-filters__button {
  margin-bottom: 10px;
  display: inline-block;
}

.a-filter__button-left {
  margin-left: auto;
}

.a-filter__button-text {
  padding-left: 5px;
}

@media (max-width: 500px) {
  .a-filter__button-text {
    display: none;
  }
}

.a-filters__el--autocomplete .el-autocomplete {
  width: 100%;
}

.table {
  width: 100%;
}

.table td {
  padding: 19px 0;
  border-top: 1px solid transparent;
}

.table .el-table__row--striped td {
  background: #FAFBFF !important;
}

.table.el-table--enable-row-hover .el-table__body tr:hover > td {
  background: #F0F4FC !important;
}

.table::before {
  display: none;
}

.table.el-table td {
  border-bottom-color: transparent;
}

.table.el-table--enable-row-hover .el-table__body tr:hover > td {
  border-bottom-color: #c0c9da;
  border-top-color: #c0c9da;
}

.table__header-cell .cell {
  line-height: 1.1;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #000;
}

.table__header-cell .cell span {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 120%;
  color: #4e4e4e;
}

.table__header-hint {
  font-weight: 400;
}

.table__row {
  position: relative;
}

.table__row td,
.table__row th {
  border-left: 1px solid #e9e9e9;
}

.table__row td:first-child,
.table__row th:first-child {
  border-left: none;
}

.table__row:hover .table__btn {
  opacity: 1;
}

.table__row:hover td {
  border-left-color: transparent;
}

.table__row--active td {
  border-bottom-color: #c0c9da !important;
  border-top-color: #c0c9da !important;
  border-left-color: transparent;
}

.table__row--active td {
  background: #F0F4FC !important;
}

.el-table th.el-table__cell > .cell {
  padding-right: 5px;
  padding-left: 5px;
}

.el-table .cell {
  padding-right: 5px;
  padding-left: 5px;
}

@media screen and (min-width: 1200px) {
  .el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: hidden;
  }
}

.el-table_1_column_13 > .cell {
  position: relative;
  right: 10px;
}

.el-table--border th:last-child,
.el-table--border td:last-child {
  border: none !important;
}

.table__btn {
  transition: 0.3s;
  opacity: 0;
  position: absolute;
  height: 100%;
  top: 0;
  right: 19px;
}

.table__btn-ok {
  min-width: 65px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.table__cell .cell {
  color: #4e4e4e;
  font-size: 1.6rem;
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
  overflow: visible;
  text-overflow: initial;
  line-height: 1.2;
}

.table__disabled-cell .cell {
  color: #B4B4B4;
  font-size: 1.6rem;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table__cell-bold {
  font-weight: 700;
}

.table__cell-limit {
  max-width: 92%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table__input-cost {
  display: block;
  color: #4e4e4e;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 0.6rem 1rem 0.8rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 9.3rem;
  border-radius: 4px;
  border: 1px solid #a9b1c2;
}

.a-pagination {
  position: relative;
  margin-top: 3.5rem;
  padding-bottom: 5px;
  overflow-x: auto;
}

@media (min-width: 992px) {
  .a-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.a-pagination--no-border {
  border: none;
  display: flex;
  justify-content: space-between;
}

.a-pagination--archive {
  display: flex;
  justify-content: space-between;
}

.a-pagination__jumper {
  display: grid;
  grid-template-columns: 130px 92px;
  grid-gap: 6px;
}

@media (min-width: 992px) {
  .a-pagination__jumper {
    margin-left: 4.3rem;
  }
}

@media (max-width: 991px) {
  .a-pagination__jumper {
    padding-top: 20px;
    max-width: 100%;
    grid-template-columns: 1fr 92px;
  }
}

.a-pagination__input {
  height: 32px;
}

.a-pagination__input > .el-input__inner {
  height: 32px !important;
  line-height: 32px !important;
  padding-left: 10px !important;
}

.a-pagination__button {
  height: 32px;
  width: 92px;
  font-size: 12px;
  padding: 0;
  background-color: #A9B1C2;
}

.a-pagination__button:hover {
  background-color: #8F97AA;
  opacity: 1 !important;
}

@media (max-width: 991px) {
  .a-pagination__left {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 992px) {
  .a-pagination__left {
    display: flex;
    align-items: center;
  }
}

.a-pagination__arrow {
  position: relative;
  height: 32px;
  width: 32px;
  background-color: #A9B1C2;
  border-radius: 4px;
}

.a-pagination__arrow:hover {
  background-color: #8F97AA !important;
  opacity: 1;
}

.a-pagination__arrow:disabled {
  opacity: 0.7;
  cursor: auto;
  pointer-events: none;
}

.a-pagination__arrow > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.a-pagination__right {
  display: flex;
  gap: 5px;
}

@media (max-width: 991px) {
  .a-pagination__right {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.a-pagination__right--archive {
  position: relative;
}

@media (min-width: 1160px) {
  .a-pagination__right--archive {
    padding-right: 20px;
  }
}

.a-pagination__right--public {
  position: relative;
}

.a-pagination__item {
  padding: 0 5px 0 0;
}

.a-pagination__item li {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 16px;
  min-width: 32px;
  min-height: 32px;
  height: 32px;
  background-color: transparent;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  line-height: 94%;
}

.a-pagination__item li:hover {
  background-color: #F0F3F9;
  border-radius: 4px;
}

.a-pagination__item li.btn-quicknext,
.a-pagination__item li.btn-quickprev {
  cursor: auto;
  pointer-events: none;
}

.a-pagination__item li.active {
  background-color: #A9B1C2;
  border-radius: 4px;
  color: #fff;
}

.a-popover {
  background: #ebecef;
  padding: 2rem 0 4rem;
}

.a-popover__section {
  padding-left: 3rem;
  padding-right: 3rem;
}

.a-popover__section--no-border {
  border-bottom: 0;
}

.a-popover__section:not(:last-child) {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #c0c9da;
}

.a-popover__section-title {
  display: block;
  color: rgba(142, 159, 190, 0.63);
  margin-bottom: 2rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
}

.a-popover__section-item {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #353d51;
}

.a-popover__section-item--default {
  cursor: default;
}

.a-popover__section-item > .btn {
  color: #353d51;
}

.a-popover__section-item:not(:last-child) {
  margin-bottom: 1rem;
}

.a-popover__history-status {
  margin-top: 1rem;
  cursor: default;
}

.a-popover__footer {
  margin-top: 8rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.a-popover__delete {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  color: #353d51;
}

.a-popover__switch {
  margin-bottom: 1rem;
}

.a-popover__switch--hint .el-switch__label--left {
  padding-right: 30px;
}

.a-popover__switch-wrapper {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.a-popover__switch-hint {
  position: absolute;
  top: 0.2rem;
}

@media (max-width: 767px) {
  .a-popover__switch-hint {
    right: 8rem;
  }
}

@media (min-width: 768px) {
  .a-popover__switch-hint {
    right: 7rem;
  }
}

.a-popover__section-value {
  font-weight: 400;
}

.a-popover__number-buttons {
  display: flex;
}

.a-popover__number-button {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #c0c9da;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a9b1c2;
}

.a-popover__number-button:first-child {
  margin-right: 1rem;
}

.a-popover__number-button:last-child {
  margin-left: 1rem;
}

.a-popover__spinner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}

.a-popover__loader.is-loading li {
  height: 22px;
  background: rgba(255, 255, 255, 0.8) url(/images/spinner.gif?bd276d5d51e39c2795f4278d1005a09a) center no-repeat;
  background-size: 130px;
}

.a-popover__loader.is-loading .el-icon-loading {
  display: none;
}

.a-modal--relative {
  position: relative;
}

.a-modal__xs {
  max-width: 91px;
}

.a-modal__xs .el-input__inner {
  text-align: center;
}

.a-modal__small {
  max-width: 132px;
}

.a-modal__big {
  max-width: 436px;
}

.a-modal__big--w100 {
  width: 100%;
}

.a-modal__right-hint {
  display: block;
  margin-top: 3.4rem;
  color: #a9b1c2;
  font-weight: 500;
}

.a-modal__right-hint--small {
  max-width: 200px;
}

.a-modal__right-hint--large {
  max-width: 250px;
}

.a-modal__right-hint--big {
  min-width: 250px;
}

.a-modal__right-hint--small-font {
  font-size: 1.4rem;
}

.a-modal__hint {
  display: block;
  margin-top: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #a9b1c2;
}

.a-modal__separator {
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 5.5rem;
}

.a-modal__separator:not(:last-child) {
  margin-bottom: 5.5rem;
}

@media (max-width: 991px) {
  .a-modal__separator {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}

@media (min-width: 992px) {
  .a-modal__separator {
    padding-left: 6rem;
    padding-right: 6rem;
    margin-left: -6rem;
    margin-right: -6rem;
  }
}

.a-modal__description {
  display: block;
  color: #a9b1c2;
  margin-bottom: 4rem;
  font-weight: 500;
}

@media (max-width: 991px) {
  .a-modal__inner {
    margin-bottom: 3rem;
  }
}

@media (min-width: 992px) {
  .a-modal__inner {
    margin-right: 3rem;
  }
}

@media (max-width: 991px) {
  .a-modal__inner--big {
    min-width: auto;
  }
}

@media (min-width: 992px) {
  .a-modal__inner--big {
    min-width: 342px;
  }
}

.a-modal__inner--small-margin {
  margin-right: 2rem;
}

.a-modal__inner--margin-no {
  margin-right: 0;
}

.a-modal__body-title {
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.a-modal__body-subtitle {
  display: block;
  margin-bottom: 5rem;
  text-transform: uppercase;
}

.a-modal__top {
  margin-bottom: 10rem;
}

@media (min-width: 767px) {
  .a-modal__top {
    display: flex;
  }
}

.a-modal__type {
  width: 100%;
  background: #fff;
  border: 1px solid rgba(192, 201, 218, 0.31);
  box-shadow: 0px 40px 40px rgba(190, 190, 190, 0.16);
  border-radius: 4px;
}

.a-modal__type--active {
  background: rgba(0, 180, 255, 0.04);
  border: 1px solid #00b4ff;
}

@media (max-width: 767px) {
  .a-modal__type {
    padding: 2rem 3rem;
    justify-content: flex-start;
  }

  .a-modal__type:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .a-modal__type {
    padding: 4rem 5rem 4rem 3rem;
    max-width: 515px;
    min-height: 225px;
    display: grid;
    grid-gap: 6rem;
    align-items: center;
    grid-template-columns: 180px 1fr;
  }

  .a-modal__type:not(:last-child) {
    margin-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  .a-modal__type-img {
    display: none;
  }
}

@media (min-width: 768px) {
  .a-modal__type-img {
    max-height: 141px;
    margin-left: auto;
    margin-right: auto;
  }
}

.a-modal__type-box {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 2rem;
  text-align: left;
  color: #292929;
}

@media (max-width: 767px) {
  .a-modal__type-box {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.a-modal__type-name {
  display: block;
}

@media (min-width: 768px) {
  .a-modal__type-name span {
    display: none;
  }
}

.a-modal__type-value {
  display: block;
}

@media (max-width: 767px) {
  .a-modal__type-value {
    flex-shrink: 0;
    margin-left: 1rem;
  }
}

@media (min-width: 768px) {
  .a-modal__type-value {
    margin-top: 0.5rem;
  }
}

.a-modal__password-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

.a-modal__password-title {
  font-size: 14px;
  font-weight: 700;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
  color: #353d51;
  margin-right: 1rem;
}

.a-modal__password-description {
  max-width: 300px;
}

.a-popup__partner-code {
  text-align: right;
  flex-shrink: 0;
  margin-left: 1rem;
}

.a-popup__partner-code-name {
  display: block;
  font-size: 14px;
  color: #a9b1c2;
}

.a-popup__partner-code-value {
  font-weight: 500;
}

.m-responsibles__collapse {
  margin-top: 9rem;
}

.m-responsibles__collapse .el-collapse-item__header {
  min-height: auto;
  border-bottom: 0;
  padding: 4rem 6rem;
}

.m-responsibles__collapse .el-collapse-item__arrow {
  font-weight: 700;
  font-size: 17px;
}

.m-responsibles__item {
  background: #fff;
}

.m-responsibles__item:not(:last-child) {
  margin-bottom: 1.5rem;
}

.m-responsibles__title {
  margin-right: 1.5rem;
}

@media (max-width: 1199px) {
  .m-responsibles__title {
    margin-right: 2rem;
  }
}

@media (min-width: 1200px) {
  .m-responsibles__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}

.m-responsibles__title-item {
  display: flex;
}

@media (max-width: 1199px) {
  .m-responsibles__title-item {
    flex-basis: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .m-responsibles__title-item {
    flex-basis: 50%;
    justify-content: space-between;
    align-items: center;
  }
}

.m-responsibles__name-box {
  display: flex;
  align-items: center;
  color: #353d51;
}

@media (max-width: 1199px) {
  .m-responsibles__name-box {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1200px) {
  .m-responsibles__name-box {
    flex-shrink: 0;
    width: 450px;
  }
}

.m-responsibles__name {
  font-size: 2.6rem;
  font-weight: 600;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-right: 1rem;
  max-width: 430px;
}

@media (min-width: 1200px) {
  .m-responsibles__name {
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
  }
}

.m-responsibles__date {
  color: #a9b1c2;
  font-size: 1.4rem;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .m-responsibles__date {
    margin-top: 1rem;
  }
}

.m-responsibles__hint {
  font-weight: 600;
  font-size: 1.6rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (max-width: 1199px) {
  .m-responsibles__hint {
    display: none;
  }
}

@media (max-width: 1199px) {
  .m-responsibles__cards {
    padding: 3rem 1rem 6rem;
  }
}

@media (min-width: 1200px) {
  .m-responsibles__cards {
    padding: 3rem 6rem 6rem;
  }
}

.m-responsibles__pagination {
  margin-top: 7rem;
  padding-top: 0;
  border-top: 0;
}

.m-responsibles__section:not(:last-child) {
  padding-bottom: 8rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid #E9E9E9;
}

.m-responsibles__section-name {
  color: #353d51;
  margin-bottom: 5rem;
}

.m-responsibles__qr-code-preview {
  margin: 100px 0;
}

.not-found {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  background: #f0f3f9;
}

@media (max-width: 1199px) {
  .not-found {
    padding: 10rem 15px;
  }
}

@media (min-width: 1200px) {
  .not-found {
    padding: 13rem 15px;
  }
}

.not-found__logo {
  position: absolute;
  left: 50%;
  top: 4rem;
  transform: translateX(-50%);
}

.not-found__img {
  display: block;
  margin-bottom: 3rem;
}

.not-found__title {
  display: block;
  text-align: center;
}

@media (max-width: 1199px) {
  .not-found__title {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .not-found__title {
    margin-bottom: 6rem;
  }
}

.not-found__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1199px) {
  .not-found__buttons {
    flex-direction: column;
  }
}

.not-found__button {
  display: flex;
}

@media (max-width: 1199px) {
  .not-found__button:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1200px) {
  .not-found__button:not(:last-child) {
    margin-right: 4rem;
  }
}

.cemetery {
  background: #EBECEF;
  left: 0;
  right: 0;
  top: 100% !important;
  padding: 0;
  margin-top: 0 !important;
  border-radius: 0;
  z-index: 10 !important;
}

.cemetery__wrapper {
  padding: 25px 1px 25px 25px;
  border-bottom: 1px solid #c0c9da;
}

.cemetery__title {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 25px;
}

.cemetery__title--gray {
  color: rgba(142, 159, 190, 0.63);
}

.cemetery__items {
  overflow: auto;
  max-height: 240px;
}

.cemetery__buttons {
  padding: 25px;
  display: flex;
}

.cemetery__item {
  font-weight: 600;
  display: block;
  font-weight: 700;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #353d51;
  padding-right: 20px;
  cursor: pointer;
}

.cemetery__item:not(:last-child) {
  margin-bottom: 10px;
}

.cemetery__item {
  font-weight: 600;
  display: block;
  font-weight: 700;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #353d51;
  padding-right: 20px;
  cursor: pointer;
}

.cemetery__item:not(:last-child) {
  margin-bottom: 10px;
}

.cemetery__not-found {
  font-weight: 600;
  display: block;
  font-weight: 700;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #353d51;
  padding-right: 20px;
}

.cemetery__not-found:not(:last-child) {
  margin-bottom: 10px;
}

.cemetery__button:not(:last-child) {
  margin-right: 20px;
}

.cemetery__items .simplebar-vertical {
  width: 17px !important;
  background: #fff;
  border: 1px solid #c0c9da !important;
}

.cemetery__items .simplebar-vertical .simplebar-scrollbar::before {
  background: #c0c9da;
  border-radius: 5px;
  left: 3.5px;
  right: 3.5px;
  opacity: 1 !important;
  bottom: 4px !important;
}

.cemetery__add {
  padding: 25px;
  border-bottom: 1px solid #c0c9da;
}

.cemetery__description {
  font-size: 14px;
  font-weight: 500;
  color: #a9b1c2;
  max-width: 350px;
}

.news__title {
  margin-bottom: 4rem;
}

.news__tags {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 1rem;
  margin-bottom: 6rem;
  overflow: auto;
}

.news__tags-inner {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2rem;
  max-width: 840px;
}

.news__tag {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0.8rem 1.5rem;
  line-height: 1;
  height: 3.4rem;
  max-height: 34px;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid rgba(192, 201, 218, 0.6);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1.4rem;
}

.news__tag:not(:last-child) {
  margin-right: 2rem;
}

.news__tag--active {
  color: #fff;
  background: #353d51;
}

.news__tag:hover {
  opacity: 0.5;
}

.news__items {
  display: grid;
  grid-gap: 4.5rem;
}

@media (min-width: 1200px) {
  .news__items {
    grid-template-columns: 1fr 1fr;
  }
}

.news__item {
  padding: 3.5rem 3.5rem 3rem;
  min-height: 298px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.news__item:hover .news__item-more {
  transform: translateX(0);
  opacity: 1;
}

.news__item-inner {
  width: 100%;
}

.news__item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 4.7rem;
  width: 100%;
}

.news__item-img {
  height: 29px;
}

.news__item-icon {
  height: 45px;
}

.news__item-link {
  color: #a9b1c2;
  width: 20px;
  height: 20px;
  margin-left: 1rem;
}

.news__item-link:hover {
  color: #353d51;
}

.news__item-title {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  font-weight: 700;
  flex-grow: 1;
  margin-bottom: 2.1rem;
  color: #292929;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.news__item-title:hover {
  opacity: 0.5;
}

.news__item-footer {
  padding-top: 3rem;
  display: flex;
  justify-content: space-between;
}

.news__item-footer-text {
  font-style: normal;
  font-weight: 550;
  font-size: 1.4rem;
  line-height: 1.4;
}

.article {
  max-width: 800px;
}

@media (min-width: 1200px) {
  .article__title {
    margin-bottom: 2rem;
  }
}

@media (max-width: 1199px) {
  .article__title {
    margin-bottom: 1.5rem;
  }
}

.article__tags-item {
  margin-right: 2rem;
  color: #000;
  border: 1px solid rgba(192, 201, 218, 0.6);
  background: transparent;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.8rem 2rem;
  border-radius: 4px;
}

@media (min-width: 1200px) {
  .article__tags-item {
    margin-bottom: 2rem;
  }
}

@media (max-width: 1199px) {
  .article__tags-item {
    margin-bottom: 1.5rem;
  }
}

.article__date {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #808080;
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: -0.025rem;
}

.article__intro {
  margin-bottom: 4.9rem;
}

@media (min-width: 1200px) {
  .article__intro {
    font-size: 2.2rem;
  }
}

@media (max-width: 1199px) {
  .article__intro {
    font-size: 1.6rem;
  }
}

.article__cover {
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .article__cover {
    margin-bottom: 5.2rem;
  }
}

@media (max-width: 1199px) {
  .article__cover {
    margin-bottom: 4.1rem;
  }
}

.article__cover-img {
  border-radius: 4px;
}

.article__cover-caption {
  font-size: 1.4rem;
}

.article__content {
  padding-bottom: 4.6rem;
}

.article__content ul {
  list-style: disc;
}

.article__content ol {
  list-style: decimal;
}

.article__item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: #fff;
  padding: 3rem 3.5rem;
  height: 33rem;
  max-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-radius: 5px;
  filter: drop-shadow(0px 40px 40px rgba(190, 190, 190, 0.16));
}

.article__item:hover .article__item-more {
  opacity: 1;
  transform: translateX(0);
}

.article__item:hover .article__item-img {
  transform: scale(1.05);
}

.article__item--dark {
  background: #353d51;
}

.article__item--dark:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(360deg, #353D51 -26.76%, rgba(0, 0, 0, 0) 138.96%);
}

.article__tags {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

.article__tag {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: transparent;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2;
  padding: 0.8rem 1.5rem;
  border-radius: 4px;
  margin-bottom: 1.5rem;
  max-height: 3.4rem;
}

.article__tag:not(:last-child) {
  margin-right: 2rem;
}

.article__tag--dark {
  color: #353d51;
  border: 1px solid rgba(192, 201, 218, 0.6);
}

.article__item-img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.2s;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.article__item-content {
  width: 100%;
  position: relative;
}

.article__item-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.7rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  box-orient: vertical;
}

.article__item-footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.article__item-date {
  font-weight: 550;
  font-size: 1.4rem;
  line-height: 140%;
}

.article__item-date--dark {
  color: #4e4e4e;
}

.article__item-more {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #00b4ff;
  transition: 0.1s;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .article__item-more {
    transform: translateX(50px);
    opacity: 0;
  }
}

@media (max-width: 1199px) {
  .article__item-more {
    transform: translateX(0);
    opacity: 1;
  }
}

.article__views {
  display: flex;
  align-items: center;
  margin-right: 3rem;
}

.article__views-icon {
  fill: #353d51;
}

.article__views-count {
  padding-left: 0.6rem;
  color: #353d51;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 140%;
}

.article__share {
  padding: 0.8rem 2.2rem 0.7rem;
  border-radius: 4px;
  border: 1px solid #353d51;
  transition: 0.3s;
}

.article__share svg {
  transition: 0.3s;
}

.article__share:hover svg {
  filter: brightness(0) invert(1);
}

.article__share-icon {
  margin-left: 1.1rem;
}

.article__social {
  display: flex;
}

.article__social .ya-share2__list .ya-share2__item {
  border: 1px solid #353d51;
  border-radius: 4px;
  height: 37px;
  width: 37px;
  min-width: 37px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.article__social .ya-share2__list .ya-share2__item:not(:last-child) {
  margin-right: 0.9rem;
}

.article__social-item:not(:last-child) {
  margin-right: 0.9rem;
}

.article__social-share {
  border: 1px solid #353d51;
  border-radius: 4px;
  height: 37px;
  width: 37px;
  min-width: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.article__views-share__icon {
  fill: #353d51;
}

.article__footer {
  padding: 4.2rem 0 11.4rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4;
  border-top: 1px solid #c0c9da;
}

.article__footer-views {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1.6rem;
}

@media (min-width: 1200px) {
  .article__see-also__title {
    margin-bottom: 6.6rem;
  }
}

@media (max-width: 1199px) {
  .article__see-also__title {
    margin-bottom: 3rem;
  }
}

.article__see-also__link {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 7.5rem auto 0;
}

.article__editor {
  border-radius: 4px;
  border: 1px solid #c0c9da;
  padding: 0 2.5rem 3rem 2.5rem;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .article__editor {
    height: 975px;
  }
}

@media (max-width: 1199px) {
  .article__editor {
    height: 500px;
  }
}

.article__editor--small {
  height: 380px;
}

.article__editor .ql-toolbar.ql-snow {
  border: none;
  padding: 3rem 0 2.3rem 0 !important;
  border-bottom: 1px solid #c0c9da;
}

.article__editor .ql-container.ql-snow {
  border: none;
}

.article__editor .ql-editor {
  height: calc(100% - 5.3rem);
  scrollbar-color: #C2C5C9 #ffffff;
  scrollbar-width: thin;
}

.article__editor .ql-editor::-webkit-scrollbar {
  width: 6px;
}

.article__editor .ql-editor::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.article__editor.add__error {
  border-color: #fb9d93;
  background: #FFF3F2;
}

.article__info {
  display: flex;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  .article__info {
    margin-bottom: 4.8rem;
  }
}

@media (max-width: 1199px) {
  .article__info {
    margin-bottom: 4.4rem;
  }
}

@media (max-width: 520px) {
  .article__info {
    gap: 1.6rem 2rem;
  }

  .article__info .article__footer-views {
    flex: 1 1 100%;
  }
}

.article__author-block {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 30px;
  min-width: 0;
}

@media (max-width: 520px) {
  .article__author-block:has(.article__author-name) {
    margin-left: 0;
    flex-basis: 100%;
  }
}

.article__author-photo {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.article__author-name {
  font-size: 14px;
  color: #808080;
  font-weight: 500;
}

.article-title-wrapper {
  max-width: 800px;
}

.requisites__title {
  margin-bottom: 4rem;
}

.requisites__items {
  margin-bottom: 6rem;
}

.requisites__item {
  display: flex;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #E9E9E9;
}

@media (max-width: 1199px) {
  .requisites__item {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .requisites__item {
    display: flex;
    align-items: center;
  }
}

.requisites__item-name {
  display: block;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #353d51;
}

@media (max-width: 1199px) {
  .requisites__item-name {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .requisites__item-name {
    min-width: 330px;
    margin-right: 10rem;
  }
}

.requisites__item-value {
  font-size: 16px;
  color: #000;
}

.requisites__item-link {
  color: #000;
  text-decoration: underline;
}

.requisites__item-link:hover {
  text-decoration: none;
}

@media (max-width: 991px) {
  .search .el-dialog {
    min-height: auto;
  }
}

.search__wrapper {
  padding: 2.5rem;
}

@media (max-width: 991px) {
  .search__wrapper {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
  }
}

.search__wrapper--full {
  height: 100vh;
}

.search__header {
  margin-bottom: 2rem;
}

.search__title {
  display: block;
  margin-bottom: 2rem;
  text-transform: uppercase;
  margin-right: 5rem;
  letter-spacing: -1.25px;
  line-height: 23.4px;
  font-size: 2.25rem;
}

.search__form {
  display: flex;
  align-items: center;
}

.search__inner {
  display: block;
  position: relative;
  width: 100%;
}

.search__icon {
  position: absolute;
  top: 1.8rem;
  left: 1.7rem;
  color: #353d51;
  z-index: 2;
}

.search__input .el-input__inner::-moz-placeholder {
  color: #C0C9DA;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 14px;
}

.search__input .el-input__inner::placeholder {
  color: #C0C9DA;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 14px;
}

@media (max-width: 991px) {
  .search__input .el-input__inner {
    height: 40px;
  }
}

@media (min-width: 992px) {
  .search__input .el-input__inner {
    padding-left: 5rem;
    height: 50px;
  }
}

@media (max-width: 991px) {
  .search__input .el-input__icon {
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .search__input .el-input__icon {
    line-height: 50px;
  }
}

.search__button {
  flex-shrink: 0;
  margin-left: 1rem;
}

@media (max-width: 991px) {
  .search__button {
    height: 40px;
    width: 40px;
    border-radius: 4px;
  }
}

@media (min-width: 992px) {
  .search__button {
    height: 50px;
  }
}

.search__items {
  margin-right: -2.5rem;
  padding-right: 2.5rem;
  margin-bottom: -2.5rem;
}

@media (max-width: 991px) {
  .search__items {
    overflow: auto;
  }
}

@media (min-width: 992px) {
  .search__items {
    height: calc(100vh - 320px);
  }

  .search__items .simplebar-vertical {
    width: 17px !important;
    background: #fff;
  }

  .search__items .simplebar-vertical .simplebar-scrollbar::before {
    background: #c0c9da;
    border-radius: 5px;
    left: 3.5px;
    right: 3.5px;
    opacity: 1 !important;
    bottom: 4px !important;
  }
}

.search__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
}

.search__item {
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #4e4e4e;
}

.search__item:not(:last-child) {
  border-bottom: 1px solid #E9E9E9;
}

.search__item:hover .search__name {
  color: #BBBBBB;
}

.search__item:hover .search__item-icon {
  display: block;
}

.search__item-icon {
  position: absolute;
  top: 3rem;
  right: 0;
  color: #A8A8A8;
}

@media (max-width: 991px) {
  .search__item-icon {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 992px) {
  .search__item-icon {
    width: 17px;
    height: 17px;
    display: none;
  }
}

.search__avatarbox {
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 2rem;
}

@media (max-width: 991px) {
  .search__avatarbox {
    width: 48px;
  }
}

@media (min-width: 992px) {
  .search__avatarbox {
    width: 75px;
  }
}

.search__avatar {
  border-radius: 50%;
}

.search__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #292929;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
  margin-right: 3rem;
}

@media (min-width: 992px) {
  .search__name {
    font-size: 2rem;
  }
}

.search__result {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  padding: 1.1rem 0 1rem 0;
}

@media (max-width: 991px) {
  .search__result {
    flex-wrap: wrap;
  }
}

.search__result-item {
  width: calc(100% / 4);
  font-weight: 400;
  line-height: 120%;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .search__result-id {
    max-width: 4.7rem;
    color: #838383;
  }
}

@media (min-width: 992px) {
  .search__result-id {
    max-width: 6.7rem;
  }
}

.search__result-name {
  max-width: 267px;
  margin-right: 1rem;
  width: 100%;
}

@media (max-width: 991px) {
  .search__result-name {
    order: -1;
    max-width: none;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}

@media (max-width: 991px) {
  .search__result-email {
    flex-grow: 1;
    color: #838383;
  }
}

@media (min-width: 992px) {
  .search__result-email {
    max-width: 180px;
    width: 100%;
  }
}

.search__result-phone {
  max-width: 115px;
  width: 100%;
  text-align: right;
  margin-left: auto;
}

@media (max-width: 991px) {
  .search__result-phone {
    color: #838383;
  }
}

.search__caret-inside .el-input__suffix .el-icon-arrow-up {
  transform: rotate(180deg);
}

.search__caret-inside .el-input__suffix .el-icon-arrow-up.is-active {
  transform: rotate(0deg);
}

.services__title {
  margin-bottom: 6rem;
}

.services__items {
  display: grid;
  grid-gap: 4rem;
}

@media (min-width: 1200px) {
  .services__items {
    grid-template-columns: 1fr 1fr;
  }
}

.services__item {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1199px) {
  .services__item {
    padding: 2.5rem 1.5rem 2.5rem 2.5rem;
  }
}

@media (min-width: 1200px) {
  .services__item {
    padding: 5rem 6rem 5rem 4rem;
  }
}

.services__item--dark {
  background: #353d51;
}

.services__item--dark .services__name,
.services__item--dark .services__description {
  color: #f8f5f0;
}

.services__item--dark .services__price {
  color: #fff;
}

.services__img {
  margin-bottom: 3rem;
}

.services__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #353d51;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.services__description {
  flex-grow: 1;
  margin-bottom: 3rem;
}

.services__footer {
  display: flex;
  align-items: center;
}

.services__price {
  margin-left: 3rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  color: #353d51;
  font-size: 2rem;
}

.f-checkbox {
  position: relative;
}

.f-checkbox__popover {
  background: #fff;
  border-radius: 5px;
  left: 0;
  right: 0;
  padding: 0;
  z-index: 10 !important;
  padding: 2rem;
}

.f-checkbox__popover--fixed {
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  margin-top: 0 !important;
}

.f-checkbox__header {
  display: grid;
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E9E9E9;
}

@media (min-width: 768px) {
  .f-checkbox__header {
    grid-template-columns: 1fr 1.2fr;
  }
}

.f-checkbox__wrapper {
  display: grid;
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  align-items: flex-start;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #E9E9E9;
}

@media (min-width: 768px) {
  .f-checkbox__wrapper {
    grid-template-columns: 1fr 1.2fr;
  }
}

.f-checkbox__hint {
  color: #a9b1c2;
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin-bottom: 2rem;
}

.f-checkbox__all {
  color: #4e4e4e;
  margin-bottom: 1.5rem;
  font-size: 14px;
  font-weight: 500;
}

.f-checkbox__group {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E9E9E9;
}

.f-checkbox__header-checkbox .el-checkbox__input {
  align-self: flex-start;
}

.f-checkbox__header-checkbox .el-checkbox__label {
  color: #4e4e4e !important;
  font-weight: 700;
}

.f-checkbox__checkbox:not(:last-child) {
  margin-bottom: 1rem;
}

.f-checkbox__checkbox .el-checkbox__label {
  color: #4e4e4e !important;
  font-weight: 400;
}

.f-checkbox__checkbox--font-biggest .el-checkbox__label {
  font-size: 1.6rem;
}

.f-checkbox__input::after {
  content: "\E6DF";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-family: "element-icons" !important;
  right: 2rem;
  font-size: 20px;
  color: #353d51;
  transition: transform 0.5s;
}

.f-checkbox__input--open::after {
  transform: translateY(-50%) rotate(180deg);
}

.f-checkbox__input .el-input__inner {
  padding-right: 5rem;
  background: #fff;
}

.f-radio__group {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #E9E9E9;
}

.f-radio__group--flex {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}

.f-radio__group--flex-center {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  margin-bottom: 0;
  justify-content: center;
}

.f-radio__group--border-none {
  border: none;
}

.f-radio__group--no-margin {
  margin: 0;
}

.f-radio__group--no-padding {
  padding: 0;
}

.f-radio__group--try-3 {
  transform: translateY(-3px);
}

.f-radio__group--big-mb {
  margin-bottom: 3.4rem;
}

.f-radio__btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.f-radio__btn--margin-right:not(:last-child) {
  margin-right: 2.8rem;
}

.f-radio__btn .el-radio__input {
  margin: 0;
  width: 25px;
  min-width: 25px;
  height: 25px;
  background: #fff;
  border: 1px solid #c0c9da !important;
  box-sizing: border-box;
  border-radius: 50px;
  position: relative;
}

.f-radio__btn .el-radio__input:after {
  content: "";
  position: absolute;
  display: block;
  height: 9px;
  width: 9px;
  background: #353d51;
  border-radius: 50%;
  left: 7px;
  top: 7px;
  transform: scale(0);
  transition: 0.2s;
}

.f-radio__btn .is-checked:after {
  transform: scale(1);
}

.f-radio__btn .el-radio__original {
  margin: 0;
  display: none;
}

.f-radio__btn .el-radio__label {
  padding-left: 1rem;
  color: #4e4e4e !important;
  font-weight: 400;
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}

.f-radio__btn:not(:last-child) {
  margin-bottom: 1rem;
}

.f-radio__btn--bold .el-radio__label {
  font-weight: 700;
}

.f-list {
  margin-bottom: 2rem;
}

.f-list__item {
  padding: 1rem 0;
  border-bottom: 1px solid #c0c9da;
  font-style: normal;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
}

.f-list__item--active {
  background: #e2ded6;
  padding-left: 1rem;
}

.f-list__item--pointer {
  cursor: pointer;
}

.f-list__item-btns {
  display: flex;
  margin-left: auto;
}

.f-list__item-btn {
  padding-left: 0.5rem;
  min-width: 20px;
}

.f-list__popover {
  background: #fff;
  border-radius: 5px;
  left: 0;
  right: 0;
  z-index: 10 !important;
  padding: 1.6rem 2rem;
}

.f-list__popover--max-height {
  max-height: 352px;
  overflow: auto;
}

.f-list__popover--max-height::-webkit-scrollbar {
  width: 6px;
}

.f-list__popover--max-height::-webkit-scrollbar-thumb {
  background-color: #C2C5C9;
  border-radius: 3px;
}

.f-list__popover-footer {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .functions {
    margin-bottom: 7rem;
    padding-top: 9rem;
    margin-top: -9rem;
  }
}

@media (min-width: 1200px) {
  .functions {
    margin-bottom: 14rem;
  }
}

@media (max-width: 1199px) {
  .functions__title {
    margin-bottom: 4rem;
  }
}

@media (min-width: 1200px) {
  .functions__title {
    margin-bottom: 6rem;
  }
}

@media (max-width: 1199px) {
  .functions__items {
    display: flex;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 10rem;
    margin-bottom: -10rem;
  }

  .functions__items::-webkit-scrollbar {
    display: none;
  }
}

@media (min-width: 1200px) {
  .functions__items {
    display: grid;
    grid-gap: 6rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.functions__item {
  padding: 3rem;
  background: #f0f3f9;
}

@media (max-width: 1199px) {
  .functions__item {
    width: 280px;
    flex-shrink: 0;
  }

  .functions__item:not(:last-child) {
    margin-right: 2.6rem;
  }
}

@media (max-width: 767px) {
  .functions__item {
    width: 250px;
    flex-shrink: 0;
  }

  .functions__item:not(:last-child) {
    margin-right: 2.6rem;
  }
}

@media (min-width: 1200px) {
  .functions__item--big {
    grid-column: span 2;
  }
}

.functions__item-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 2.2rem;
  display: block;
  margin-bottom: 2rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #7988A4;
  color: #292929;
}

.functions__description {
  margin-bottom: 2rem;
  font-weight: 400;
  max-width: 520px;
  font-size: 1.6rem;
}

.functions__advantages {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.functions__advantage {
  display: block;
  padding: 1rem 2.5rem;
  color: #00b4ff;
  border: 1px solid #00b4ff;
  border-radius: 2.2rem;
  font-weight: 500;
  font-size: 1.6rem;
}

.functions__advantage:not(:last-child) {
  margin-bottom: 1.5rem;
}

@media (max-width: 1199px) {
  .c-advantages {
    background: url(/images/c_advantages.png?7017fb5…) no-repeat, #f0f3f9;
    background-position: calc(100% + 530px) 50%;
    background-size: cover;
    padding: 14rem 0;
  }
}

@media (max-width: 767px) {
  .c-advantages {
    background: url(/images/c_advantages_mobile.png?f1876ac…) no-repeat, #F0F3F9;
    background-position: 0 85%;
    background-size: cover;
    padding: 4rem 0 60rem;
  }
}

@media (max-width: 460px) {
  .c-advantages {
    background-position: bottom -70px right;
    padding: 4rem 0 25rem;
  }
}

@media (min-width: 1200px) {
  .c-advantages {
    background: url(/images/c_advantages.png?7017fb5…) no-repeat, #f0f3f9;
    background-position: calc(100% + 330px) 50%;
    background-size: cover;
    padding: 14rem 0;
  }
}

.c-advantages__title {
  margin-bottom: 4rem;
}

.c-advantages__description {
  max-width: 600px;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 4rem;
}

.c-advantages__items {
  max-width: 700px;
  display: grid;
}

@media (max-width: 1199px) {
  .c-advantages__items {
    grid-gap: 4rem;
  }
}

@media (min-width: 1200px) {
  .c-advantages__items {
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
  }
}

.c-advantages__img {
  width: 30px;
  height: 30px;
  margin-bottom: 2rem;
}

.c-advantages__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 2.2rem;
  display: block;
  color: #292929;
}

@media (max-width: 1199px) {
  .c-examples {
    padding: 9rem 0 7rem;
  }
}

@media (min-width: 1200px) {
  .c-examples {
    padding: 19rem 0 13rem;
  }
}

.c-examples__title {
  margin-bottom: 6rem;
}

.c-examples__items {
  display: grid;
}

@media (max-width: 1199px) {
  .c-examples__items {
    grid-gap: 4rem;
  }

  .c-examples__items--d {
    display: none;
  }
}

@media (min-width: 1200px) {
  .c-examples__items {
    grid-template-columns: 1fr 1fr;
    grid-gap: 6rem;
  }

  .c-examples__items--m {
    display: none;
  }
}

.c-examples__column:last-child {
  padding-top: 14rem;
}

@media (min-width: 1200px) {
  .c-examples__img:not(:last-child) {
    margin-bottom: 6rem;
  }
}

.order__info {
  padding: 2.2rem 3.2rem 2.7rem;
  background: #f5fcff;
  border: 1px solid #00b4ff;
  border-radius: 5px;
}

.order__price {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
}

.order__price--line {
  padding-bottom: 3rem;
  border-bottom: 1px solid #c0c9da;
}

.order__price-count {
  white-space: nowrap;
}

.order__delivery {
  padding-top: 2.5rem;
  padding-bottom: 2.8rem;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
}

.order__delivery-title {
  margin-bottom: 0.8rem;
}

.order__delivery-price {
  white-space: nowrap;
}

.order__delivery-btn {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 2rem;
}

.order__data {
  padding-bottom: 2.7rem;
}

.order__data-item {
  font-size: 1.6rem;
}

.order__data-item:not(:last-child) {
  margin-bottom: 1.3rem;
}

.order__data-item__title {
  font-weight: 700;
  line-height: 140%;
}

.order__attachment {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #c0c9da;
  padding-top: 2.7rem;
}

.order__attachment-info {
  padding: 0 2rem;
  max-width: 420px;
}

.order__attachment-info__title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  margin-bottom: 2rem;
}

.order__attachment-price {
  margin-left: auto;
  white-space: nowrap;
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
}

.order__total {
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  margin-top: 4rem;
  display: flex;
}

.order__total-price {
  position: relative;
  flex-grow: 1;
  margin-left: 2rem;
}

.order__discount-block {
  position: absolute;
  bottom: -30px;
  font-size: 12px;
  display: flex;
  align-items: center;
}

.order__discount-before {
  text-decoration: line-through;
  color: #a9b1c2;
}

.order__discount {
  color: #fff;
  background-color: #00b4ff;
  padding: 0 1rem;
  border-radius: 3px;
  margin-left: 1.2rem;
}

.order__not-paid-msg {
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  padding: 4rem 0 2.6rem;
}

.order__not-paid-buttons {
  display: flex;
  align-items: center;
}

.order__back-btn {
  margin-left: 1.5rem;
}

.order__promo-code {
  margin-top: 3.5rem;
}

.order__promo-code-title {
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(53, 61, 81, 0.6);
}

.order__promo-code-notify {
  margin-top: 2rem;
}

.order__promo-code-form {
  margin-top: 1.7rem;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .order__promo-code-form {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 768px) {
  .order__promo-code-btn {
    margin-left: 2rem;
  }
}

@media (max-width: 767px) {
  .order__promo-code-btn {
    margin-top: 1.2rem;
  }
}

.order__buttons {
  margin-top: 3.5rem;
}

.advertising {
  padding-top: 11rem;
  padding-bottom: 8.2rem;
  background: #f0f3f9;
  position: relative;
}

.advertising:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.advertising--light:before {
  background: linear-gradient(0deg, rgba(240, 243, 249, 0.85), rgba(240, 243, 249, 0.85));
}

.advertising--dark:before {
  background: linear-gradient(0deg, rgba(53, 61, 81, 0.8), rgba(53, 61, 81, 0.8));
}

.advertising__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}

.advertising__title {
  margin-bottom: 5rem;
  max-width: 820px;
}

@media (max-width: 991px) {
  .advertising__title {
    padding: 0 45px;
  }
}

.advertising__title--light {
  color: #fff;
}

.advertising__title--big {
  max-width: 1100px;
}

@media (max-width: 991px) {
  .advertising__title--big {
    padding: 0 15px;
  }
}

.advertising__logo {
  max-width: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 4.5rem;
}

@media (max-width: 991px) {
  .advertising__logo {
    height: 50px;
  }
}

@media (min-width: 992px) {
  .advertising__logo {
    height: 60px;
  }
}

.advertising__bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

.f-page__about-container {
  transform: translateY(10rem);
}

.f-page__about-title {
  margin-bottom: 3.6rem;
}

.f-page__about-desc {
  display: flex;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
}

@media (max-width: 1199px) {
  .f-page__about-desc {
    flex-direction: column;
  }
}

.f-page__about-desc__item:first-child {
  max-width: 55rem;
}

@media (min-width: 1200px) {
  .f-page__about-desc__item:first-child {
    margin-right: 10rem;
  }
}

@media (max-width: 1199px) {
  .f-page__about-desc__item:first-child {
    margin-bottom: 2.2rem;
  }
}

.f-page__about-desc__item:nth-child(2) {
  max-width: 430px;
}

.f-page__materials {
  padding-top: 19.4rem;
  background: #f8f9fc;
}

.f-page__materials--no-video {
  padding-top: 10rem;
}

.f-page__materials-desc {
  display: flex;
  margin-bottom: 7rem;
}

@media (max-width: 1199px) {
  .f-page__materials-desc {
    flex-direction: column;
  }
}

.f-page__materials-desc__item:first-child {
  max-width: 56rem;
  margin-right: 9rem;
  line-height: 130%;
}

.f-page__materials-desc__item:nth-child(2) {
  max-width: 317px;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 140%;
}

.f-page__example {
  padding-top: 9rem;
  padding-bottom: 10rem;
}

.f-page__example-title {
  margin-bottom: 5.2rem;
}

.f-page__example-item {
  position: relative;
}

@media (max-width: 767px) {
  .f-page__example-item {
    padding: 2.2rem 2rem;
  }
}

@media (min-width: 768px) {
  .f-page__example-item {
    padding: 6.1rem 7.1rem 6.7rem 6.1rem;
    text-align: center;
  }
}

.f-page__example-change {
  display: flex;
  text-align: left;
  align-items: center;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 130%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (max-width: 1199px) {
  .f-page__example-change {
    position: static;
    justify-content: center;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .f-page__example-change {
    justify-content: flex-start;
  }
}

@media (min-width: 1200px) {
  .f-page__example-change {
    position: absolute;
  }
}

.f-page__example-change--static {
  position: static;
}

.f-page__example-change__btn {
  height: 50px;
  width: 50px;
  min-width: 50px;
  border-radius: 4px;
  margin-right: 2.2rem;
}

.f-page__example-change__btn svg {
  transition: 0.3s;
  stroke: #fff;
}

.f-page__example-change__btn:hover svg {
  transform: rotate(15deg);
}

.f-page__example-img {
  margin: auto;
  display: block;
  margin-bottom: 3.5rem;
  position: relative;
  overflow: hidden;
}

@media (max-width: 519px) {
  .f-page__example-img {
    width: calc(100% + 4rem);
    left: -2rem;
  }
}

@media (min-width: 520px) {
  .f-page__example-img {
    height: 22rem;
    width: 22rem;
    border-radius: 4px;
  }
}

.f-page__example-img:after {
  content: "";
  padding-top: 100%;
  display: block;
}

.f-page__example-img img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.f-page__example-name {
  font-size: 3.6rem;
  margin-bottom: 3rem;
}

@media (max-width: 767px) {
  .f-page__example-name {
    text-align: center;
  }
}

.f-page__example-date {
  margin-bottom: 4.3rem;
}

.f-page__example-quote {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: left;
  max-width: 35rem;
  width: 100%;
  margin-bottom: 2.4rem;
}

@media (max-width: 1199px) {
  .f-page__example-quote {
    position: static;
    display: flex;
    justify-content: center;
  }
}

@media (max-width: 519px) {
  .f-page__example-quote {
    position: static;
    display: flex;
    justify-content: flex-start;
  }
}

@media (min-width: 768px) {
  .f-page__example-quote {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) {
  .f-page__example-quote {
    position: absolute;
    top: 6.1rem;
    right: 7.1rem;
  }
}

.f-page__example-quote svg {
  width: 3.1rem;
  min-width: 3.1rem;
  height: 2.5rem;
}

@media (max-width: 1199px) {
  .f-page__example-quote svg {
    margin-right: 2rem;
  }
}

@media (min-width: 1200px) {
  .f-page__example-quote svg {
    margin-bottom: 2rem;
  }
}

.f-page__example-quote span {
  max-width: 35rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

@media (max-width: 519px) {
  .f-page__example-link {
    position: relative;
    left: 0;
  }
}

.f-page__example-link--bot {
  margin-top: auto;
}

.f-page__fotos {
  position: relative;
  padding-bottom: 10rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 130%;
  display: flex;
  flex-direction: column;
}

.f-page__foto {
  width: -moz-max-content;
  width: max-content;
}

.f-page__foto--1 {
  margin-bottom: 3.3rem;
  z-index: 1;
}

@media (max-width: 991px) {
  .f-page__foto--1 {
    position: absolute;
    right: 0;
    top: 12.8rem;
  }
}

@media (max-width: 767px) {
  .f-page__foto--1 {
    max-width: 230px;
  }
}

@media (max-width: 991px) {
  .f-page__foto--2 {
    order: -1;
    margin-bottom: 20.2rem;
  }
}

@media (max-width: 767px) {
  .f-page__foto--2 {
    order: -1;
    margin-bottom: 20.2rem;
    width: 100vw;
    position: relative;
    left: -15px;
  }
}

@media (min-width: 992px) {
  .f-page__foto--2 {
    position: absolute;
    right: 0;
    top: 19rem;
    z-index: 1;
    text-align: right;
  }
}

.f-page__foto--3 {
  position: relative;
}

@media (max-width: 767px) {
  .f-page__foto--3 {
    max-width: 230px;
  }
}

@media (min-width: 992px) {
  .f-page__foto--3 {
    left: 31rem;
  }
}

.f-page__foto-img {
  margin-bottom: 2.3rem;
  border-radius: 4px;
}

.f-page__share {
  background: #f8f9fc;
  padding-top: 9rem;
}

.f-page__share-title {
  margin-bottom: 4rem;
}

@media (max-width: 1199px) {
  .f-page__share-slider {
    width: 100vw;
    left: -15px;
    padding: 0 15px;
  }
}

.f-page__share-slide {
  width: 242px;
}

.f-page__share-img {
  margin-bottom: 2.2rem;
}

@media (max-width: 519px) {
  .f-page__video {
    transform: translateX(-15px);
  }
}

.f-page__no-video {
  height: 220px;
}

@media (max-width: 768px) {
  .f-page__no-video {
    height: 170px;
  }
}

.f-page-bot-info {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .f-page-bot-info {
    margin-bottom: 40px;
  }
}

.hero {
  position: relative;
  display: flex;
  background: #f8f9fc;
}

@media (max-width: 1199px) {
  .hero {
    flex-direction: column;
  }
}

.hero__left {
  flex: 0 0 100%;
  display: flex;
}

.hero__right {
  flex: 0 0 35%;
  flex-basis: calc(((100vw - 15px * 2) * 0.35) + 15px);
  transform: translateX(-100%);
  position: relative;
  overflow: hidden;
}

@media (min-width: 1200px) {
  .hero__right {
    flex-basis: calc(50vw - (0.65 - 0.5) * (1200px - 15px * 2));
    min-height: 695px;
  }
}

@media (max-width: 1199px) {
  .hero__right {
    transform: translateX(0);
    flex-basis: auto;
    padding-bottom: 0;
    min-height: 380px;
  }
}

.hero__right-bg {
  max-width: 100%;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 5s;
}

.hero__right-bg--move {
  transform: perspective(1000px) scale3d(1.2, 1.2, 1.2);
}

.hero__container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  .hero__container {
    padding: 3rem 15px 10.2rem;
  }
}

@media (max-width: 1199px) {
  .hero__container {
    padding: 2rem 15px 5rem;
  }
}

@media (max-width: 1199px) {
  .hero__container--big-margin {
    padding: 2rem 15px 11.2rem;
  }
}

.hero__content {
  display: flex;
  align-items: stretch;
}

.hero__body {
  width: 100%;
}

@media (min-width: 1200px) {
  .hero__body {
    position: relative;
    padding-right: 35%;
  }
}

.hero__title {
  line-height: 130%;
  margin-bottom: 3.8rem;
  letter-spacing: -1.25px;
}

@media (max-width: 767px) {
  .hero__title {
    font-size: 3.25rem;
  }
}

.hero__title--w600 {
  max-width: 600px;
}

.hero__title--w620 {
  max-width: 620px;
}

.hero__title--w650 {
  max-width: 650px;
}

.hero__title--w682 {
  max-width: 682px;
}

.hero__text {
  margin-bottom: 4.3rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 140%;
}

@media (min-width: 768px) {
  .hero__text {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .hero__text {
    font-size: 1.75rem;
  }
}

.hero__text--w622 {
  max-width: 622px;
}

.hero__text--w580 {
  max-width: 580px;
}

.hero__text--w460 {
  max-width: 460px;
}

.hero__text--w360 {
  max-width: 360px;
}

.hero__links {
  display: flex;
}

@media (min-width: 1200px) {
  .hero__links {
    align-items: center;
  }
}

@media (max-width: 1199px) {
  .hero__links {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (min-width: 1200px) {
  .hero__examples {
    padding: 0 3.3rem;
  }
}

@media (max-width: 1199px) {
  .hero__examples {
    margin-top: 2.5rem;
  }
}

.hero__pages {
  display: flex;
  align-items: center;
  height: 6rem;
}

@media (min-width: 1200px) {
  .hero__pages {
    margin-top: 7rem;
    position: relative;
  }
}

@media (max-width: 1199px) {
  .hero__pages {
    position: absolute;
    bottom: 63px;
    z-index: 1;
  }
}

.hero__page {
  height: 5.6rem;
  width: 5.6rem;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #00b4ff;
  overflow: hidden;
  position: absolute;
}

.hero__page:nth-child(1) {
  z-index: 6;
  left: 0;
}

.hero__page:nth-child(2) {
  z-index: 5;
  left: calc(5.2rem * 1 - 1.3rem * 1);
}

.hero__page:nth-child(3) {
  z-index: 4;
  left: calc(5.2rem * 2 - 1.3rem * 2);
}

.hero__page:nth-child(4) {
  z-index: 3;
  left: calc(5.2rem * 3 - 1.3rem * 3);
}

.hero__page:nth-child(5) {
  z-index: 2;
  left: calc(5.2rem * 4 - 1.3rem * 4);
}

.hero__page:nth-child(6) {
  z-index: 1;
  left: calc(5.2rem * 5 - 1.3rem * 5);
}

.hero__page-img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}

.hero__pages-text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  height: 5.6rem;
  width: 13.7rem;
  position: absolute;
  left: calc(5.2rem * 6 - 1.3rem * 6);
  border-radius: 2.9rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 130%;
  letter-spacing: -0.25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 1199px) {
  .hero__pages-text {
    color: #fff;
  }
}

@media (min-width: 1200px) {
  .hero__pages-text {
    background: #fff;
    border: 2px solid #fff;
  }
}

.hero__badge {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 120%;
  letter-spacing: -0.25px;
  color: #858fa4;
}

.hero__imgs {
  position: absolute;
}

@media (max-width: 1199px) {
  .hero__imgs {
    width: calc(100% - 15px);
    height: 325px;
    bottom: 18rem;
  }
}

@media (min-width: 1200px) {
  .hero__imgs {
    top: 50%;
    transform: translateY(-50%);
    right: -4.3rem;
    width: 37.5%;
    height: 517px;
    z-index: 1;
  }
}

@media (max-width: 1199px) {
  .hero__imgs--memorial {
    bottom: -6rem;
  }
}

.hero__img {
  position: absolute;
  z-index: 1;
  max-width: none;
}

@media (min-width: 1200px) {
  .hero__img--one {
    width: 332px;
    right: 0;
    top: 1rem;
  }
}

@media (max-width: 1199px) {
  .hero__img--one {
    max-width: 171px;
    left: 0;
    top: 25px;
  }
}

@media (min-width: 1200px) {
  .hero__img--two {
    width: 405px;
    left: -11.5rem;
    bottom: -4.5rem;
  }
}

@media (max-width: 1199px) {
  .hero__img--two {
    max-width: 261px;
    left: 9rem;
    top: 17rem;
  }
}

@media (min-width: 1200px) {
  .hero__img--slogan {
    right: -3rem;
    bottom: -10.5rem;
  }
}

@media (max-width: 1199px) {
  .hero__img--slogan {
    left: 0;
    bottom: -25px;
  }
}

@media (min-width: 1200px) {
  .hero__img--alone-vert {
    left: -10.5rem;
    top: -2.5rem;
  }
}

@media (max-width: 1199px) {
  .hero__img--alone-vert {
    left: 0;
    top: 3rem;
  }
}

@media (min-width: 1200px) {
  .hero__img--alone-hor {
    top: 50%;
    transform: translateY(-50%);
    left: -12rem;
  }
}

@media (max-width: 1199px) {
  .hero__img--alone-hor {
    left: 0;
    bottom: 5rem;
    max-width: 328px;
  }
}

@media (min-width: 1200px) {
  .hero__advantages {
    margin-top: 4.7rem;
    display: flex;
    justify-content: flex-start;
    max-width: 599px;
  }
}

@media (max-width: 1199px) {
  .hero__advantages {
    margin-top: 4.5rem;
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .hero__advantages-item:first-child {
    flex-shrink: 2;
  }

  .hero__advantages-item:not(:first-child) {
    margin-left: 3.3rem;
    flex-shrink: 3;
  }
}

@media (max-width: 1199px) {
  .hero__advantages-item {
    display: flex;
    align-items: center;
    margin-top: 2.3rem;
  }
}

.hero__advantages-text {
  font-size: 14px;
  font-weight: 400;
}

@media (min-width: 1200px) {
  .hero__advantages-text {
    margin-top: 1rem;
  }
}

@media (max-width: 1199px) {
  .hero__advantages-text {
    margin-left: 2.2rem;
  }
}

.cta-banner {
  padding: 10rem 0;
  background: linear-gradient(180deg, #f8f9fc 50%, #fff 50%);
}

.cta-banner--mg-top-10 {
  margin-top: 10rem;
}

.cta-banner__title {
  max-width: 845px;
  margin: auto;
  margin-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .cta-banner__title {
    font-size: 3.25rem;
  }
}

@media (min-width: 768px) {
  .cta-banner__title {
    font-size: 4rem;
  }
}

.cta-banner__block {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
  z-index: 1;
}

@media (max-width: 1199px) {
  .cta-banner__block {
    padding: 12.8rem 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cta-banner__block {
    padding: 9rem 1.5rem 10rem;
  }
}

.cta-banner__bg {
  transition: 5s;
}

.cta-banner__bg--move {
  transform: perspective(1000px) scale3d(1.2, 1.2, 1.2);
}

.cta-banner__btn {
  background: #fff;
  border: none;
}

.cta-banner__btn:hover + .cta-banner__bg {
  transform: perspective(1000px) scale3d(1.2, 1.2, 1.2);
}

.why {
  background: #f8f9fc;
  padding-top: 10rem;
}

.why__title {
  margin-bottom: 7rem;
}

.why__content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

@media (max-width: 767px) {
  .why__content {
    row-gap: 5rem;
  }
}

@media (min-width: 768px) {
  .why__content {
    row-gap: 7.6rem;
  }
}

.why__item {
  line-height: 140%;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .why__item {
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .why__item {
    font-size: 1.6rem;
  }
}

.why__item-icon {
  height: 5.6rem;
  min-width: 5.6rem;
  width: 5.6rem;
  margin-right: 3rem;
}

.why__item-name {
  font-weight: 700;
}

.benefit {
  padding-top: 10rem;
}

@media (min-width: 1200px) {
  .benefit__who {
    width: calc(100% + 60px);
    padding: 5.9rem 30px 5.2rem;
    transform: translateX(-30px);
  }
}

@media (max-width: 1199px) {
  .benefit__who {
    width: calc(100% + 30px);
    padding: 5.9rem 15px 5.2rem;
    transform: translateX(-15px);
  }
}

.benefit__who .swiper-slide {
  -webkit-transform: translate3d(0, 0, 0);
}

.benefit__who-item {
  box-shadow: 0px 40px 40px rgba(190, 190, 190, 0.16);
  border: 1px solid rgba(192, 201, 218, 0.31);
  box-sizing: border-box;
  border-radius: 5px;
  cursor: pointer;
}

@media (min-width: 768px) {
  .benefit__who-item {
    width: 348px;
  }
}

@media (max-width: 767px) {
  .benefit__who-item {
    width: 235px;
  }
}

.benefit__who-item--active {
  background: #f8f9fc;
}

.benefit__who-item--active .benefit__who-item__icon {
  background: #00b4ff;
}

.benefit__who-item--active .benefit__who-item__icon svg {
  filter: brightness(0) invert(100%);
}

.benefit__who-item__inner {
  padding: 4.2rem 5rem 5rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.benefit__who-item__icon {
  height: 9rem;
  width: 9rem;
  margin-bottom: 2rem;
  border-radius: 50%;
  border: 1px solid #00b4ff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefit__who-item__icon svg {
  height: 4.3rem;
  width: 4.3rem;
}

.benefit__who-item__title {
  text-align: center;
  font-weight: 700;
  font-size: 2rem;
  line-height: 130%;
  letter-spacing: -0.25px;
}

.benefit__tags {
  display: flex;
  flex-wrap: wrap;
}

.benefit__tag {
  margin-bottom: 1.7rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.25px;
  color: #a9b1c2;
  border: 1px solid #a9b1c2;
  padding: 1rem 2rem;
  border-radius: 2rem;
  display: inline-block;
  line-height: 1;
}

@media (max-width: 767px) {
  .benefit__tag {
    font-size: 1.75rem;
  }
}

@media (min-width: 768px) {
  .benefit__tag {
    font-size: 1.6rem;
  }
}

.benefit__tag:not(:last-child) {
  margin-right: 1.7rem;
}

.benefit__tag--active {
  color: #00b4ff;
  border-color: #00b4ff;
  font-weight: 800;
}

.benefit__tag--big-margin {
  margin-bottom: 3.8rem;
}

.info__bg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}

.info__block {
  display: flex;
  background: #fff;
}

@media (max-width: 767px) {
  .info__block {
    flex-direction: column;
  }
}

.info__block:not(:last-child) {
  margin-bottom: 10.6rem;
}

@media (max-width: 767px) {
  .info__block .info__img img {
    border-radius: 4px 4px 0 0;
  }
}

@media (min-width: 768px) {
  .info__block .info__img img {
    border-radius: 4px 0 0 4px;
  }
}

@media (max-width: 767px) {
  .info__block--reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .info__block--reverse .info__img img {
    border-radius: 0 4px 4px 0;
  }
}

@media (min-width: 768px) {
  .info__block--map {
    transform: translateY(-50%);
  }
}

.info__content {
  position: relative;
}

@media (max-width: 991px) {
  .info__content {
    padding: 4rem 2rem 2.5rem;
  }
}

@media (min-width: 992px) {
  .info__content {
    padding: 12.5rem 8.5rem;
  }
}

@media (min-width: 992px) {
  .info__content--small {
    padding: 8rem 8.5rem;
  }
}

.info__title {
  line-height: 130%;
  letter-spacing: -1.25px;
  margin-bottom: 2.5rem;
}

.info__desc {
  margin-bottom: 4.4rem;
}

@media (max-width: 1199px) {
  .info__desc {
    font-size: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .info__desc {
    font-size: 2rem;
  }
}

.info__desc--no-margin {
  margin: 0;
}

.info__img {
  overflow: hidden;
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .info__img {
    max-width: 440px;
  }
}

@media (max-width: 767px) {
  .info__img:after {
    content: "";
    padding-top: 66%;
    display: block;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .info__img--small:after {
    padding-top: 58%;
  }
}

.info__img img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.info__img-icon {
  position: absolute;
  z-index: 1;
}

@media (max-width: 991px) {
  .info__img-icon {
    top: 0;
    transform: translateY(-50%);
    left: 17px;
    height: 56px;
    width: 56px;
  }
}

@media (min-width: 992px) {
  .info__img-icon {
    top: 5.4rem;
    height: 90px;
    width: 90px;
  }
}

@media (min-width: 992px) {
  .info__img-icon--right {
    left: 0;
    transform: translateX(-50%);
  }
}

@media (min-width: 992px) {
  .info__img-icon--left {
    right: 0;
    transform: translateX(50%);
  }
}

.info__memories {
  padding-top: 10.6rem;
  padding-bottom: 27.6rem;
}

.info__banner {
  position: relative;
  z-index: 1;
}

@media (max-width: 1199px) {
  .info__banner {
    padding: 0 0 5rem 0;
    margin: 0 15px 15px 15px;
  }
}

@media (min-width: 1200px) {
  .info__banner {
    padding: 0.8rem 0;
  }
}

@media (max-width: 1199px) {
  .info__banner-bg {
    border-radius: 4px;
  }
}

.info__banner-img {
  max-width: 520px;
}

@media (max-width: 1199px) {
  .info__banner-img {
    transform: translateY(-70px);
  }
}

@media (min-width: 1200px) {
  .info__banner-img {
    transform: translateY(-150px);
  }
}

.info__banner-content {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1199px) {
  .info__banner-content {
    flex-direction: column;
  }
}

.info__banner-text {
  max-width: 570px;
  width: 100%;
  color: #fff;
}

@media (max-width: 1199px) {
  .info__banner-text {
    margin-top: -40px;
  }
}

@media (min-width: 1200px) {
  .info__banner-text {
    padding-top: 12rem;
  }
}

.info__banner-title {
  margin-bottom: 3.7rem;
  letter-spacing: -1.25px;
}

.info__banner-desc {
  font-weight: 400;
}

@media (max-width: 1199px) {
  .info__banner-desc {
    font-size: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .info__banner-desc {
    font-size: 2rem;
  }
}

.info__map {
  padding-bottom: 24rem;
  position: relative;
}

@media (max-width: 767px) {
  .info__map {
    padding-top: 7rem;
  }
}

@media (min-width: 768px) {
  .info__map {
    padding-top: 30rem;
  }
}

@media (min-width: 768px) {
  .info__map-bg {
    height: calc(100% - 30rem);
    bottom: 0;
    top: auto;
  }
}

@media (max-width: 767px) {
  .info__map-bg {
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    bottom: 0;
    right: 0;
    height: 262px;
    transform: translate(0, 0);
    top: auto;
    left: auto;
  }
}

.info__mailbox {
  position: relative;
  padding: 11.4rem 0;
}

.info__mailbox-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 680px) {
  .info__mailbox-content {
    flex-direction: column;
  }
}

.info__mailbox-text {
  color: #fff;
}

.info__mailbox-title {
  max-width: 625px;
  margin-bottom: 4.2rem;
}

.info__mailbox-desc {
  max-width: 460px;
}

@media (max-width: 1199px) {
  .info__mailbox-desc {
    font-size: 1.75rem;
  }
}

@media (min-width: 1200px) {
  .info__mailbox-desc {
    font-size: 2rem;
  }
}

@media (max-width: 680px) {
  .info__mailbox-desc {
    margin-bottom: 3rem;
  }
}

.info__mailbox-form {
  max-width: 447px;
  width: 100%;
  background: white;
  padding: 4.7rem 5.1rem 5.1rem 4rem;
  border-radius: 4px;
}

.info__mailbox-form__title {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .info__mailbox-form__title {
    font-size: 2.7rem;
  }
}

.info__mailbox-input {
  margin-bottom: 1.9rem;
}

.info__mailbox-form__subtitle {
  padding-top: 0.5rem;
  padding-bottom: 1.3rem;
}

.info__mailbox-form__send {
  margin-top: 2.5rem;
}

.info__mailbox-form__success {
  padding: 8.9rem 7.4rem 9.9rem 9em;
  border-radius: 4px;
}

.info__mailbox-form__success-text {
  font-weight: 400;
  font-size: 2rem;
  line-height: 140%;
}

.family-tree__form-label {
  font-size: 20px;
}

@media (max-width: 374px) {
  .family-tree__form-label {
    font-size: 18px;
  }
}

.cost {
  margin-top: 9rem;
}

.cost__block {
  background: #fff;
  margin-bottom: 10.6rem;
}

.cost__block:first-child {
  margin-top: 10.6rem;
}

.cost__content {
  position: relative;
}

@media (max-width: 991px) {
  .cost__content {
    padding: 4rem 2rem 2.5rem;
  }
}

@media (min-width: 992px) {
  .cost__content {
    padding: 12.5rem 8.5rem;
  }
}

.cost__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

@media (max-width: 768px) {
  .cost__header {
    flex-direction: column;
  }
}

.cost__switch {
  display: flex;
  align-items: center;
}

.cost__price {
  font-size: 3rem;
  margin-right: 2rem;
  display: flex;
  align-items: center;
}

.cost__currency {
  margin-left: 1rem;
}

.cost__title {
  line-height: 130%;
  letter-spacing: -1.25px;
  margin-bottom: 2.5rem;
  max-width: 550px;
}

.cost__desc {
  max-width: 550px;
  margin-bottom: 4.4rem;
}

@media (max-width: 1199px) {
  .cost__desc {
    font-size: 1.75rem;
  }
}

@media (max-width: 767px) {
  .cost__desc {
    margin-top: 2rem;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .cost__desc {
    font-size: 2rem;
  }
}

.cost__sum--container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  .cost__sum--container {
    flex-direction: column;
    align-items: flex-start;
  }
}

.cost__hint {
  margin-right: 2rem;
  font-size: 2rem;
}

.cost__sum-right-side {
  font-size: 3rem;
  margin-right: 2rem;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .cost__sum-right-side {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 767px) {
  .cost__send-button {
    margin-bottom: 2rem;
  }
}

.onboarding {
  font-size: 1.6rem;
}

.onboarding__block {
  padding: 4.5rem 6rem;
  border-bottom: 1px solid #c0c9da;
}

.onboarding__block--no-border {
  border-bottom: 0;
}

@media (max-width: 991px) {
  .onboarding__block {
    padding: 4rem 2.5rem;
  }
}

.onboarding__text {
  margin-top: 2rem;
}

.onboarding__text--mt-1 {
  margin-top: 1rem;
}

.onboarding__video {
  width: 100%;
  margin-top: 4rem;
  height: 40rem;
}

@media (max-width: 519px) {
  .onboarding__video {
    height: 25rem;
  }
}

.onboarding__btn {
  margin-top: 3rem;
}

@media (max-width: 519px) {
  .onboarding__btn {
    margin-top: 4rem;
  }
}

.onboarding__hint {
  width: 36rem;
  margin-top: 3rem;
  font-size: 1.4rem;
  color: #a9b1c2;
}

@media (max-width: 519px) {
  .onboarding__hint {
    width: 100%;
    margin-top: 4rem;
  }
}

.checkbox {
  position: relative;
  font-size: 16px;
}

.checkbox--mt-1 {
  margin-top: 1rem;
}

.checkbox__label {
  font-size: 16px;
}

.promo-codes__table-code {
  display: flex;
  justify-content: space-between;
}

.promo-codes__table-input-copy {
  color: #a9b1c2;
}

.promo-codes__table-products {
  display: flex;
  flex-wrap: wrap;
}

.promo-codes__table-products-item:not(:last-child):after {
  content: ",";
  margin-left: -5px;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .promo-code__form-add-input {
    max-width: 100%;
  }
}

.notify {
  color: #4e4e4e;
  border: 1px solid #00b4ff;
  background: transparent;
  padding: 1.5rem 2.7rem;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 16px;
}

.notify--w-303 {
  width: 100%;
  max-width: 303px;
}

.notify--error {
  border-color: #fb9d93;
}

.main-page {
  background: #F8F9FC;
}

.main-container {
  max-width: 1202px;
}

.main-page__container {
  display: flex;
  padding: 5rem 0 7rem;
  position: relative;
}

@media (max-width: 1199px) {
  .main-page__container {
    display: block;
    padding: 5rem 0 15rem;
  }
}

@media (max-width: 767px) {
  .main-page__container {
    display: block;
    padding: 5rem 0 12rem;
  }
}

.main-page__block {
  width: 50%;
}

@media (max-width: 1199px) {
  .main-page__block {
    width: 100%;
  }
}

.main-page__header {
  width: 130%;
  letter-spacing: -1.25px;
}

@media (max-width: 991px) {
  .main-page__header {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.main-page__description {
  color: #4E4E4E;
  width: 85%;
}

@media (max-width: 1199px) {
  .main-page__description {
    width: 62%;
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  .main-page__description {
    margin-bottom: 2.3rem;
    width: 72%;
  }
}

.main-page__btn-block {
  display: flex;
  margin-bottom: 7rem;
}

@media (max-width: 1199px) {
  .main-page__btn-block {
    margin-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  .main-page__btn-block {
    display: block;
    margin-bottom: 1.5rem;
  }
}

.link-wrapper {
  margin: auto 4rem;
}

@media (max-width: 767px) {
  .link-wrapper {
    margin-top: 1.5rem;
    margin-bottom: 3rem;
  }
}

.main-page__link::after {
  margin-left: 1rem;
}

.main-page__link:hover {
  text-decoration: underline;
}

.main-page__statistics {
  margin-right: 9rem;
}

@media (max-width: 1199px) {
  .main-page__statistics {
    margin-right: 0;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .main-page__statistics {
    display: none;
  }
}

.main-page__statistics--mobile {
  display: none;
}

@media (max-width: 767px) {
  .main-page__statistics--mobile {
    display: block;
  }
}

.main-page__statistics-title--mobile {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 30px;
  font-weight: 600;
  line-height: 39px;
  letter-spacing: -1.25px;
  text-align: left;
  border-bottom: 1px solid #C0C9DA;
  padding-bottom: 1rem;
}

.main-page__statistics-bottom {
  display: flex;
  margin-top: 2.6rem;
  margin-bottom: 2rem;
}

.main-page__statistics-bottom-block {
  width: 50%;
}

.main-page__statistics-bottom-block:first-child {
  padding-right: 2rem;
}

.main-page__statistics-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  padding-top: 1rem;
}

.main-page__statistics-wrapper {
  display: flex;
  width: 100%;
}

.main-page__statistics-block {
  display: flex;
}

.statistics-header {
  border-bottom: 1px solid #C0C9DA;
  padding-bottom: 1rem;
}

.statistics-description {
  padding-top: 1rem;
}

.main-page__statistics-title {
  width: 100%;
}

.statistics__header-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 26px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -1.25px;
  text-align: left;
  color: #353D51;
}

.first-title {
  width: 60% !important;
}

@media (max-width: 1199px) {
  .first-title {
    width: 35%;
  }
}

.statistics__description-title {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  letter-spacing: 0;
  text-align: left;
  color: #4E4E4E;
  width: 100%;
}

.description__text {
  width: 95%;
  display: block;
}

.description__text--pr2 {
  padding-right: 2rem;
}

@media (max-width: 1199px) {
  .description__text {
    width: 80%;
  }
}

.first-text {
  width: 85%;
}

.main-page__right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 1199px) {
  .main-page__right {
    display: block;
  }
}

.images-left {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 15px;
  width: 50%;
}

@media (max-width: 1199px) {
  .images-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: -5rem;
  }
}

.images-right {
  text-align: -webkit-right;
  transform: translateY(15%);
  width: 50%;
}

@media (max-width: 1199px) {
  .images-right {
    width: 100%;
  }
}

.main-page__image-wrapper {
  display: flex;
  position: relative;
}

.main-page__image-wrapper--mobile {
  display: none;
}

@media (max-width: 1199px) {
  .main-page__image-wrapper--mobile {
    display: block;
  }
}

@media (max-width: 1199px) {
  .main-page__image-wrapper--web {
    display: none;
  }
}

@media (max-width: 1199px) {
  .main-page__image-wrapper--none {
    display: none;
  }
}

.main-page__image {
  margin-top: 1.5rem;
  border-radius: 5px;
  width: 100%;
}

@media (max-width: 1199px) {
  .main-page__image {
    margin-top: 0.5rem;
  }
}

@media (max-width: 767px) {
  .main-page__image {
    margin-top: 2.5rem;
  }
}

.main-page__video-icon {
  width: 47px;
  height: 47px;
  top: 75%;
  left: 17%;
}

.main-page__video-icon:hover {
  background-color: #00B4FF;
}

@media (max-width: 1199px) {
  .main-page__video-icon {
    top: 50%;
    left: 50%;
    width: 6.3rem;
    height: 6.3rem;
  }
}

.main-page__image-wrapper:hover .main-page__video-icon {
  background-color: #00B4FF;
}

.main-page__image-wrapper:hover .video__button::after {
  border: 1px solid #00B4FF;
  transition: 0.5s;
}

.main-page__video-modal {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: -5px;
  z-index: 1000;
}

.main-page__video-modal--visible {
  display: block;
}

@media (max-width: 1199px) {
  .main-page__video {
    position: relative;
    top: 100vh;
  }
}

.main-page__video--rel {
  position: relative;
}

.main-page__video-close-icon {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: #00B4FF;
}

.popup__content--center {
  align-items: center;
  display: flex;
}

@media (min-width: 992px) {
  .popup__content--center {
    width: 1202px;
    left: -25%;
    position: absolute;
    padding: 0;
  }
}

.video__button--small {
  height: 7.2rem;
  width: 7.2rem;
}

@media (min-width: 992px) {
  .about__video--w100 {
    margin-top: 0;
  }
}

.memory-pages {
  background-color: #FFFFFF;
}

.memory-pages__header {
  display: flex;
}

@media (max-width: 991px) {
  .memory-pages__header {
    display: block;
  }
}

.memory-pages__header-block {
  width: 50%;
}

@media (max-width: 991px) {
  .memory-pages__header-block {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .memory-pages__header-description {
    width: 75%;
  }
}

.header-projects {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 22px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: -1.25px;
  text-align: left;
  color: #A9B1C2;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.border-center {
  display: inline-block;
  width: 143px;
  border-bottom: 2px solid #A9B1C2;
  margin: 0 1.5rem;
  height: 11px;
  transform: translateY(-50%);
}

.memory-pages__header-title {
  letter-spacing: -1.25px;
}

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

.memory-pages__counter-description {
  position: relative;
  display: flex;
}

@media (max-width: 991px) {
  .memory-pages__counter-description {
    width: 100%;
    height: 220px;
  }
}

.memory-pages__counter-content {
  position: relative;
}

.hero__text--black {
  color: #4E4E4E;
  background: #fff;
  border: 2px solid #fff;
}

.description__text--white {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: 0;
  text-align: left;
  text-transform: uppercase;
  position: absolute;
  top: 2.5rem;
  left: 3rem;
  width: 80%;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  .description__text--white {
    font-size: 20px;
    line-height: 26px;
  }
}

.memory-pages__counter-content {
  height: 132px;
  background-color: #F8F9FC;
  border-radius: 0 0 5px 5px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.memory-pages__hero-pages {
  margin-top: 0;
  margin-left: 3rem;
}

@media (max-width: 991px) {
  .memory-pages__hero-pages {
    top: 25%;
  }
}

.memory-pages__btn-wrapper {
  margin: 5rem 0 3rem;
}

.memory-pages__btn-wrapper--w30 {
  width: 30%;
}

@media (max-width: 991px) {
  .memory-pages__btn-wrapper--w30 {
    width: 47%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .memory-pages__btn-wrapper--w30 {
    width: 100%;
  }
}

.memory-pages__refresh-icon {
  margin-right: 2rem;
  transform: translateY(-10%);
}

.memory-pages__image {
  width: 100%;
  border-radius: 5px 5px 0 0;
}

@media (max-width: 991px) {
  .memory-pages__image {
    -o-object-fit: fill;
       object-fit: fill;
  }
}

@media (max-width: 991px) {
  .memory-pages__image {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.memory-pages__body {
  margin-bottom: 4rem;
  display: flex;
}

@media (max-width: 991px) {
  .memory-pages__body {
    display: block;
  }
}

.page-example {
  padding: 3rem;
  border-radius: 5px;
  background: #F8F9FC;
}

.memory-pages__short-page {
  min-height: 372.7px;
}

.memory-pages__short-page:last-child {
  margin-top: 2rem;
}

@media (max-width: 991px) {
  .memory-pages__short-page:last-child {
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .memory-pages__short-page:last-child {
    display: none;
  }
}

.memory-pages__long-page {
  min-height: 765px;
}

@media (max-width: 767px) {
  .memory-pages__long-page {
    display: none;
  }
}

.memory-pages__examples {
  width: 50%;
}

.memory-pages__examples--left {
  margin-right: 2rem;
}

@media (max-width: 991px) {
  .memory-pages__examples {
    width: 100%;
  }
}

.memory-page__history-status {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.25px;
  text-align: left;
  color: #00B4FF;
  border: 1px solid #00B4FF;
  border-radius: 20px;
  padding: 5px 10px;
  display: inline-block;
  margin-bottom: 2.5rem;
}

.memory-page__header {
  display: flex;
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .memory-page__header {
    display: block;
  }
}

.memory-page__header--long {
  margin-bottom: 2rem;
  min-height: 176px;
}

.memory-page__image-wrapper {
  width: 17rem;
}

@media (max-width: 767px) {
  .memory-page__image-wrapper {
    width: 100%;
  }
}

.memory-page__image {
  border-radius: 5px;
}

@media (max-width: 767px) {
  .memory-page__image {
    height: 224px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.memory-page__title {
  margin-left: 3rem;
  width: 62%;
  padding-top: 0.5rem;
}

@media (max-width: 767px) {
  .memory-page__title {
    margin-left: 0;
    width: 100%;
  }
}

.memory-page__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 3rem;
  letter-spacing: -1.25px;
  color: #353D51;
  margin-bottom: 1rem;
  text-transform: uppercase;
  width: 85%;
}

.memory-page__epitaph {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2rem;
}

.memory-page__body {
  border-bottom: 1px solid #C0C9DA;
  padding-bottom: 3rem;
}

.memory-page__body--mh400 {
  min-height: 403.5px;
  padding-bottom: 11px;
}

.memory-page__biography {
  margin-top: 2rem;
  min-height: 186px;
}

.memory-page__biography-title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2.5rem;
  margin-bottom: 0.7rem;
}

.memory-page__biography-description {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.memory-page__btn-wrapper {
  margin-top: 2.8rem;
}

.memory-page__link {
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .memory-page__link {
    justify-content: flex-start;
  }
}

.places-section {
  background-color: #FFFFFF;
}

@media (max-width: 991px) {
  .places__container {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .places__example-change {
    justify-content: flex-start;
  }
}

.section__header-title--spacing {
  letter-spacing: -1.25px;
}

.places-section__memorial {
  margin-bottom: 0;
}

.places-section__btn-wrapper {
  width: 18.25%;
  margin-top: 4rem;
}

@media (max-width: 991px) {
  .places-section__btn-wrapper {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .places-section__btn-wrapper {
    width: 100%;
  }
}

.places-section__btn {
  justify-content: left;
}

.places-section__btn--border {
  padding-top: 2.7rem;
  border-top: 1px solid #C0C9DA;
}

.places-section__memorial-desc {
  padding-bottom: 2rem;
}

@media (max-width: 1199px) {
  .places-section__example {
    display: none;
  }
}

.places-section__example--mobile {
  display: block;
}

@media (min-width: 1200px) {
  .places-section__example--mobile {
    display: none;
  }
}

.places-section__memorial__example-info {
  justify-content: space-between;
}

.excursions-section {
  background-color: #F8F5F0;
  padding: 10rem 0;
  overflow: hidden;
}

.excursions-section__content {
  display: flex;
}

@media (max-width: 991px) {
  .excursions-section__content {
    flex-direction: column-reverse;
  }
}

.excursions-section__content--bottom {
  margin-top: 13rem;
}

.excursions-section__content-header {
  width: 80%;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -1.25px;
  text-transform: uppercase;
  color: #353D51;
}

@media (max-width: 991px) {
  .excursions-section__content-header {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .excursions-section__header-description {
    width: 70%;
  }
}

@media (max-width: 767px) {
  .excursions-section__header-description {
    width: 69%;
  }
}

@media (max-width: 991px) {
  .excursions-section__body {
    display: none;
  }
}

.excursions-section__body--mobile {
  display: none;
}

@media (max-width: 991px) {
  .excursions-section__body--mobile {
    display: block;
  }
}

.excursions-section__content-body {
  width: 85%;
}

@media (max-width: 991px) {
  .excursions-section__content-body {
    width: 92%;
  }
}

@media (max-width: 991px) {
  .excursions-section__image--mobile {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .excursions-section__image--cover {
    height: 519px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (max-width: 767px) {
  .excursions-section__image--cover {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .excursions-section__benefit-description--mobile {
    width: 80% !important;
  }
}

@media (max-width: 767px) {
  .excursions-section__page-content--mobile {
    width: 90% !important;
  }
}

.excursions-section__content-footer--mobile {
  margin-top: 6rem;
}

@media (max-width: 991px) {
  .excursions-section__page-image-wrapper--small {
    height: 519px;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .excursions-section__page-image-wrapper--small {
    height: 200px;
  }
}

@media (max-width: 991px) {
  .excursions-section__content-footer__description--mobile {
    font-style: italic;
    font-weight: 400;
    line-height: 1.7rem;
    width: 65%;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}

@media (max-width: 767px) {
  .excursions-section__content-footer__description--mobile {
    width: 90%;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 3rem;
  }
}

.excursions-section__author__title--mobile {
  width: 72%;
}

.excursions-section--btn-wrapper {
  width: 39%;
  margin-bottom: 6rem;
  position: relative;
}

@media (max-width: 767px) {
  .excursions-section--btn-wrapper {
    width: 100%;
  }
}

.excursions-section__icon-wrapper {
  margin-bottom: 0.5rem;
}

.excursions-section__content-quotes {
  width: 24px;
  height: 20px;
}

.excursions-section__content-footer__description {
  font-style: italic;
  font-weight: 400;
  line-height: 1.7rem;
  width: 74%;
  margin-bottom: 2rem;
}

.excursions-section__content-footer__description--w67 {
  width: 67%;
}

.excursions-section__content-footer__author {
  display: flex;
}

.excursions-section__content-footer__author--mobile {
  margin-bottom: 5rem;
}

.excursions-section__author__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1.5rem;
}

@media (max-width: 767px) {
  .excursions-section__author__title {
    width: 65%;
  }
}

.excursions-section__author__name {
  font-size: 16px;
  font-weight: 700;
  line-height: 2rem;
}

@media (max-width: 767px) {
  .excursions-section__author__name {
    margin-bottom: 1rem;
    line-height: 19px;
  }
}

.excursions-section__author__personality {
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 767px) {
  .excursions-section__author__personality {
    line-height: 17px;
  }
}

.excursions-section__content-left {
  width: 50%;
  position: relative;
}

.excursions-section__image-wrapper {
  position: relative;
}

.excursions-section__image-wrapper--top {
  z-index: 3;
}

.excursions-section__image-wrapper--middle {
  z-index: 2;
  transform: translateX(36.5%) translateY(-16%);
}

.excursions-section__image-wrapper--bottom {
  z-index: 1;
  transform: translateY(-62%);
}

.excursions-section__arrow-wrapper {
  position: absolute;
  bottom: -8%;
  left: -22%;
}

.excursions-section__content-right {
  width: 50%;
  transform: translateY(13%);
  padding-left: 2rem;
  z-index: 100;
}

@media (max-width: 991px) {
  .excursions-section__content-right {
    width: 100%;
    padding-left: 0;
  }
}

.excursions-section__content-right--transform {
  transform: translateY(-8%);
  position: relative;
}

.excursions-section__benefits-wrapper {
  margin-bottom: 4.5rem;
}

.excursions-section__benefit-block {
  display: flex;
}

.excursions-section__benefit-icon {
  margin-right: 2.8rem;
}

.excursions-section__benefit-description {
  font-size: 20px;
  font-weight: 550;
  line-height: 24px;
  color: #4E4E4E;
  width: 65%;
}

.excursions-section__benefit-description--mb3 {
  margin-bottom: 3rem;
  transform: translateY(-7%);
}

.excursions-section__benefit-description--mobile {
  width: 50%;
}

.excursions-section__page {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  z-index: 100;
}

.excursions-section__page--mb6 {
  margin-bottom: 6rem;
}

.excursions-section__page--left {
  align-items: start;
  transform: translateY(25%);
  margin-bottom: 5rem;
}

.excursions-section__page-content {
  width: 67.3%;
  margin-top: 1.2rem;
}

.excursions-section__page-content--w60 {
  width: 59%;
}

.excursions-section__page-content--mobile {
  width: 75%;
}

.excursions-section__page-name {
  font-size: 16px;
  font-weight: 700;
  color: #4E4E4E;
}

.excursions-section__page-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7rem;
  color: #4E4E4E;
  margin-bottom: 1.4rem;
  margin-top: 0.4rem;
}

.excursions-section__page-description--fs16 {
  font-size: 16px;
}

@media (max-width: 767px) {
  .excursions-section__page-description {
    font-size: 14px;
    line-height: 17px;
  }
}

.excursions-section__arrow-wrapper--right {
  position: absolute;
  top: 15%;
  left: -13%;
  right: -21%;
}

@media (max-width: 991px) {
  .excursions-section__page-link {
    display: none;
  }
}

@media (max-width: 767px) {
  .excursions-section__page-link {
    display: block;
  }
}

.about-section {
  background-color: #FFFFFF;
  padding: 10rem 0;
}

.about-section__header {
  margin-bottom: 4.6rem;
}

@media (max-width: 991px) {
  .about-section__header {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .about-section__header {
    width: 75%;
  }
}

.about-section__news {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-gap: 0.65rem;
}

@media (max-width: 1199px) {
  .about-section__news {
    display: none;
  }
}

.about-section__item {
  width: 38.7rem;
  height: 20rem;
  margin-bottom: 3.5rem;
}

.about-section__item:hover .news__item-link--hidden {
  visibility: visible;
}

.about-section__item--medium {
  width: 50%;
}

.about-section__item--medium:first-child {
  margin-right: 2rem;
}

@media (max-width: 767px) {
  .about-section__item {
    height: 100%;
    width: 100%;
  }
}

.about-section__btn-wrapper {
  width: 58.5%;
  margin-top: 4rem;
}

@media (max-width: 1199px) {
  .about-section__btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

@media (max-width: 767px) {
  .about-section__btn-wrapper {
    flex-direction: column-reverse;
    margin-top: 3rem;
  }
}

.about-section__news--btn-wrapper {
  display: flex;
}

@media (max-width: 767px) {
  .about-section__news--btn-wrapper {
    justify-content: center;
    margin-bottom: 5rem;
  }
}

.about-section__page-btn {
  border-radius: 4px;
  width: 5rem;
  height: 5rem;
}

.about-section__page-btn:first-child {
  margin-right: 1.6rem;
}

.about-section__news-link {
  width: 35%;
}

.about-section__news--medium {
  display: none;
}

@media (max-width: 1199px) {
  .about-section__news--medium {
    display: block;
  }
}

@media (max-width: 767px) {
  .about-section__news--medium {
    display: none;
  }
}

.about-section__news--small {
  display: none;
}

@media (max-width: 767px) {
  .about-section__news--small {
    display: block;
  }
}

.about-section__news-wrapper {
  display: flex;
}

.news__item-link--hidden {
  visibility: hidden;
}

.registration-form {
  max-width: 587px;
}

@media (max-width: 991px) {
  .registration-form {
    max-width: 100%;
  }
}

.registration-form__header {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -1.25px;
  margin-bottom: 1.6rem;
}

.registration-form__header-title {
  font-size: 2.6rem;
}

.registration-form__inner {
  width: 100%;
}

.registration-form__btn {
  width: 100%;
  font-size: 16px !important;
}

.registration-form__login {
  justify-content: center;
}

@media (max-width: 991px) {
  .registration-form__login {
    justify-content: center;
    display: flex;
  }
}

@media (max-width: 991px) {
  .registration-section__container {
    transform: translateY(-15%);
  }
}

.article-item--border {
  border: 1px solid #C0C9DA;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
  height: 22rem;
  padding: 2rem 2.5rem 1rem;
}

.article-item--border:hover {
  outline: 2px solid #00B4FF !important;
}

@media (max-width: 767px) {
  .article-item--border {
    height: 25rem;
  }
}

.article-item--border:hover .news__item-image {
  filter: grayscale(0);
}

.news__header-block {
  justify-content: space-between;
  display: flex;
  border-bottom: 1px solid #C0C9DA;
  padding-bottom: 1.4rem;
}

.article__footer-icon {
  justify-content: flex-end;
  display: flex;
}

.news__item-image {
  height: 41px;
  filter: grayscale(1);
}

.news__item-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  color: #4E4E4E;
}

.news__item-link--pt {
  padding-top: 0.5rem;
}

.article__item-content--pt {
  padding-top: 2rem;
  height: 100%;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

.simple-search__header {
  margin-bottom: 2rem;
}

.simple-search__form {
  display: flex;
  align-items: stretch;
}

.simple-search__left {
  flex: 1 1;
  position: relative;
}

.simple-search__inner {
  display: block;
  position: relative;
  width: 100%;
}

.simple-search__icon {
  position: absolute;
  top: calc(50% - 0.7rem);
  left: 1.7rem;
  z-index: 2;
  color: #949494;
}

@media (max-width: 560px) {
  .simple-search__icon {
    display: none;
  }
}

.simple-search__input .el-input__inner {
  padding-left: 5rem;
  height: 50px;
}

@media (max-width: 560px) {
  .simple-search__input .el-input__inner {
    padding-left: 2rem;
  }
}

@media (max-width: 991px) {
  .simple-search__input .el-input__icon {
    line-height: 40px;
  }
}

@media (min-width: 992px) {
  .simple-search__input .el-input__icon {
    line-height: 50px;
  }
}

.simple-search__button {
  flex-shrink: 0;
  margin-left: 1rem;
  padding: 0 42px;
  border-radius: 5px;
}

@media (max-width: 560px) {
  .simple-search__button {
    padding: 0 18px;
  }
}

.simple-search__items {
  margin-right: -2.5rem;
  padding-right: 2.5rem;
  margin-bottom: -2.5rem;
  position: absolute !important;
  width: 100%;
  background: #fff;
  z-index: 10;
  overflow: auto;
  max-height: 310px;
  box-shadow: 0 40px 100px 0 rgba(195, 195, 195, 0.26);
}

@media (max-width: 991px) {
  .simple-search__items {
    overflow: auto;
  }
}

@media (min-width: 992px) {
  .simple-search__items .simplebar-vertical {
    width: 17px !important;
    background: #fff;
  }

  .simple-search__items .simplebar-vertical .simplebar-scrollbar::before {
    background: #c0c9da;
    border-radius: 5px;
    left: 3.5px;
    right: 3.5px;
    opacity: 1 !important;
    bottom: 4px !important;
  }
}

.simple-search__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 200px;
}

.simple-search__item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 2rem;
  color: #4e4e4e;
}

.simple-search__item:not(:last-child) {
  border-bottom: 1px solid #E9E9E9;
}

.simple-search__item:hover .simple-search__name {
  color: #BBBBBB;
}

.simple-search__item:hover .simple-search__item-icon {
  display: block;
}

.simple-search__item-icon {
  position: absolute;
  top: 3rem;
  right: 0;
  color: #A8A8A8;
}

@media (max-width: 991px) {
  .simple-search__item-icon {
    width: 10px;
    height: 10px;
  }
}

@media (min-width: 992px) {
  .simple-search__item-icon {
    width: 17px;
    height: 17px;
    display: none;
  }
}

.simple-search__avatarbox {
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 2rem;
}

@media (max-width: 991px) {
  .simple-search__avatarbox {
    width: 48px;
  }
}

@media (min-width: 992px) {
  .simple-search__avatarbox {
    width: 75px;
  }
}

.simple-search__avatar {
  border-radius: 50%;
}

.simple-search__name {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #292929;
  font-weight: 700;
  display: block;
  margin-bottom: 1rem;
  margin-right: 3rem;
}

@media (min-width: 992px) {
  .simple-search__name {
    font-size: 2rem;
  }
}

.simple-search__result {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  padding: 1.1rem 0 1rem 0;
}

@media (max-width: 991px) {
  .simple-search__result {
    flex-wrap: wrap;
  }
}

.simple-search__result-item {
  width: calc(100% / 4);
  font-weight: 400;
  line-height: 120%;
  font-size: 1.6rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .simple-search__result-id {
    max-width: 4.7rem;
    color: #838383;
  }
}

@media (min-width: 992px) {
  .simple-search__result-id {
    max-width: 6.7rem;
  }
}

.simple-search__result-name {
  max-width: 267px;
  margin-right: 1rem;
  width: 100%;
}

@media (max-width: 991px) {
  .simple-search__result-name {
    order: -1;
    max-width: none;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}

@media (max-width: 991px) {
  .simple-search__result-email {
    flex-grow: 1;
    color: #838383;
  }
}

@media (min-width: 992px) {
  .simple-search__result-email {
    max-width: 180px;
    width: 100%;
  }
}

.simple-search__result-phone {
  max-width: 115px;
  width: 100%;
  text-align: right;
  margin-left: auto;
}

@media (max-width: 991px) {
  .simple-search__result-phone {
    color: #838383;
  }
}

.simple-search__caret-inside .el-input__suffix .el-icon-arrow-up {
  transform: rotate(180deg);
}

.simple-search__caret-inside .el-input__suffix .el-icon-arrow-up.is-active {
  transform: rotate(0deg);
}

@media screen and (max-width: 1199px) {
  .admin-profile__desktop {
    display: none;
  }
}

@media screen and (min-width: 1200px) {
  .admin-profile__desktop-mobile {
    display: none;
  }
}

.nav__auth-wrapper {
  border: 1px solid #C0C9DA4D;
  border-radius: 5px;
  margin-bottom: 16px;
  padding: 20px 20px 4px 20px;
}

.nav__auth-link--admin {
  display: flex;
  margin-bottom: 0;
  margin-left: 10px;
  color: white;
}

.nav__auth-link--admin:hover {
  color: white;
}

.header__profile-link--border {
  border-bottom: none;
  padding-bottom: 0;
}

.nav__auth-wrapper-title {
  color: #A9B1C2;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #C0C9DA;
}

.nav__auth-wrapper-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background: #F0F3F9;
  border-radius: 50px;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  padding: 13px 20px;
  height: 44px;
}

.nav__auth-wrapper-mobile--text {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.nav__admin-link {
  display: block;
  font-family: "Montserrat";
  font-weight: 600;
  color: #353D51;
  font-size: 16px;
  margin-bottom: 16px;
}

@media (max-width: 1200px) {
  .nav__admin-link {
    margin-bottom: 16px;
    font-size: 16px;
  }
}

.nav__admin-link:hover {
  color: #A9B1C2;
}

.desktop-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #00B4FF;
  text-align: center;
  height: 44px;
  padding: 12px;
  margin-bottom: 16px;
  color: white;
  width: auto;
  border-radius: 4px;
}

.desktop-wrapper:hover {
  color: white;
  background: #009cdd;
}

@media screen and (max-width: 1920px) {
  :root {
    --scale: calc(100vw / 1920);
  }
}

@media screen and (max-width: 1199px) {
  :root {
    --scale: calc(100vw / 1199);
  }
}

@media screen and (max-width: 767px) {
  :root {
    --scale: calc(100vw / 767);
  }
}

@media screen and (max-width: 499px) {
  :root {
    --scale: calc(100vw / 499);
  }
}

.family-tree {
  background: #fff;
}

.family-tree__section {
  padding-bottom: 9.6rem;
}

.family-tree__description {
  font-size: 22px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
  padding: 0;
  border: none;
  margin-bottom: 2.8rem;
}

@media screen and (max-width: 767px) {
  .family-tree__description {
    font-size: 14px;
  }
}

.family-tree__hero-text {
  max-width: 600px;
  margin-bottom: 2.8rem;
}

.family-tree__container-left {
  position: relative;
}

.family-tree__create-btn {
  display: flex;
  align-items: center;
  gap: 36px;
}

@media (max-width: 767px) {
  .family-tree__create-btn {
    gap: 28px;
  }
}

@media (max-width: 460px) {
  .family-tree__create-btn {
    flex-direction: column;
  }
}

@media screen and (max-width: 460px) {
  .family-tree__create-btn > .hero__create {
    width: 100%;
  }
}

@media screen and (max-width: 440px) {
  .family-tree__follow-btn {
    width: 100%;
  }
}

.family-tree__hero-title {
  font-size: 5rem;
  line-height: 130%;
}

@media screen and (max-width: 1199px) {
  .family-tree__hero-title {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .family-tree__hero-title {
    font-size: 2.8rem;
  }
}

.family-tree__benefits {
  display: flex;
  justify-content: space-between;
  margin-top: 5.8rem;
  gap: 50px;
  width: 690px;
}

@media screen and (max-width: 767px) {
  .family-tree__benefits {
    width: auto;
    gap: 22px;
  }
}

@media screen and (max-width: 440px) {
  .family-tree__benefits {
    flex-direction: column;
  }
}

.family-tree__benefit-item {
  display: flex;
  text-align: left;
  flex-direction: column;
}

@media screen and (min-width: 441px) {
  .family-tree__benefit-item {
    max-width: 206px;
  }
}

@media screen and (max-width: 370px) {
  .family-tree__benefit-item {
    max-width: 250px;
  }
}

@media screen and (min-width: 441px) {
  .family-tree__benefit-item:first-child {
    max-width: 200px;
  }
}

@media screen and (max-width: 370px) {
  .family-tree__benefit-item:first-child {
    max-width: 250px;
  }
}

@media screen and (min-width: 441px) {
  .family-tree__benefit-item:last-child {
    max-width: 184px;
  }
}

@media screen and (max-width: 370px) {
  .family-tree__benefit-item:last-child {
    max-width: 250px;
  }
}

.family-tree__benefit-text {
  margin-top: 14px;
  font-size: 16px;
}

.family-tree__img {
  position: absolute;
  height: 650px;
  width: 488px;
  top: 4.3rem;
  right: 0;
}

@media screen and (max-width: 1199px) {
  .family-tree__img {
    display: none;
  }
}

.family-tree__benefits-img {
  width: 24px;
}

.tree__body {
  position: relative;
  margin-bottom: 9.1rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 1170px;
}

@media screen and (max-width: 1199px) {
  .tree__body {
    margin-bottom: 0;
  }
}

.tree__body--btn {
  position: absolute;
  margin-top: 24px;
  z-index: 2;
}

@media screen and (max-width: 1199px) {
  .tree__body--btn {
    position: static;
    margin: 24px 0 42px 0;
  }
}

.romanov-section {
  background-color: #f0f3f9;
  height: 96rem;
}

@media screen and (max-width: 1199px) {
  .romanov-section {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .romanov-section {
    height: 100%;
  }
}

.romanov-section__container {
  position: relative;
  height: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1199px) {
  .romanov-section__container {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.romanov-section__welcome-container {
  position: relative;
  height: 848px;
}

@media screen and (max-width: 1199px) {
  .romanov-section__welcome-container {
    margin-right: 0;
    margin-left: 0;
    height: calc(var(--scale) * 725);
  }
}

@media screen and (max-width: 767px) {
  .romanov-section__welcome-container {
    height: calc(var(--scale) * 500);
  }
}

@media screen and (max-width: 499px) {
  .romanov-section__welcome-container {
    height: calc(var(--scale) * 315);
  }
}

.romanov-section__laptop {
  position: absolute;
  top: 313px;
}

@media screen and (max-width: 1199px) {
  .romanov-section__laptop {
    top: calc(var(--scale) * 425);
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .romanov-section__laptop {
    top: calc(var(--scale) * 275);
  }
}

@media screen and (max-width: 499px) {
  .romanov-section__laptop {
    top: calc(var(--scale) * 178);
  }
}

.romanov-section__arrow {
  position: absolute;
  top: 715px;
  left: 190px;
}

@media screen and (max-width: 1199px) {
  .romanov-section__arrow {
    display: none;
  }
}

.romanov-section__romanov-image {
  width: 895px;
  padding-right: 46px;
  float: right;
}

@media screen and (max-width: 1199px) {
  .romanov-section__romanov-image {
    width: 100%;
    padding: 0;
  }
}

.romanov-section__laptop-image {
  width: 582px;
  max-width: 675px;
}

@media screen and (max-width: 1199px) {
  .romanov-section__laptop-image {
    width: calc(var(--scale) * 675);
  }
}

@media screen and (max-width: 767px) {
  .romanov-section__laptop-image {
    width: calc(var(--scale) * 620);
  }
}

@media screen and (max-width: 499px) {
  .romanov-section__laptop-image {
    width: calc(var(--scale) * 390);
  }
}

.romanov-section__info {
  position: absolute;
  right: 0;
  max-width: 558px;
  bottom: 45px;
}

@media screen and (max-width: 1199px) {
  .romanov-section__info {
    position: relative;
    width: 541px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    padding-bottom: calc(var(--scale) * 63);
    padding-top: calc(var(--scale) * 145);
  }
}

@media screen and (max-width: 767px) {
  .romanov-section__info {
    display: flex;
    align-items: center;
    flex-direction: column;
    max-width: 350px;
    padding-top: calc(var(--scale) * 177);
  }
}

@media screen and (max-width: 499px) {
  .romanov-section__info {
    padding-top: calc(var(--scale) * 123);
  }
}

.romanov-section__title {
  text-transform: uppercase;
  color: #353d51;
  font-size: 40px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -1.25px;
}

@media screen and (max-width: 767px) {
  .romanov-section__title {
    font-size: 28px;
    line-height: 36.4px;
  }
}

.romanov-section__text {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-top: 22px;
  margin-bottom: 22px;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
}

@media screen and (max-width: 767px) {
  .romanov-section__text {
    font-size: 16px;
    line-height: 22.4px;
    max-width: 291px;
  }
}

.romanov-section__link {
  font-size: 16px;
  line-height: 19.5px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .romanov-section__link {
    width: 320px;
  }
}

@media screen and (min-width: 1199px) {
  .romanov-section__img {
    height: 848px;
  }
}

@media screen and (max-width: 767px) {
  .romanov-section__img {
    width: 100%;
  }
}

.romanov-section__btn-wrapper {
  display: flex;
  gap: 39px;
}

@media screen and (max-width: 1199px) {
  .romanov-section__btn-wrapper {
    justify-content: center;
    gap: 41px;
  }
}

@media screen and (max-width: 767px) {
  .romanov-section__btn-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }
}

.advantages-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding-top: 105px;
  padding-bottom: 135px;
}

@media screen and (max-width: 1199px) {
  .advantages-section {
    margin-left: 20px;
    margin-right: 20px;
  }
}

.advantages-section__img-card {
  width: 66%;
  text-align: left;
  padding: 26px;
  color: white;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .advantages-section__img-card {
    width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .advantages-section__img-card:first-child {
    width: 98.5%;
  }
}

@media screen and (max-width: 767px) {
  .advantages-section__img-card:first-child {
    width: 100%;
  }
}

.advantages-section__img-card:last-child {
  height: 262px;
}

@media screen and (max-width: 1199px) {
  .advantages-section__img-card:last-child {
    width: 48.5%;
    height: -moz-fit-content;
    height: fit-content;
  }
}

@media screen and (max-width: 767px) {
  .advantages-section__img-card:last-child {
    width: 100%;
  }
}

.advantages-section__img-card--title {
  padding-top: 16px;
  padding-bottom: 16px;
}

.advantages-section__img-card--text {
  max-width: 499px;
}

.advantages-section__card-title {
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.25px;
  color: #292929;
}

.advantages-section__card-text {
  font-size: 16px;
  padding-bottom: 15px;
  font-weight: 400;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 22.4px;
  color: #4e4e4e;
}

.advantages-section__card-text--first {
  max-width: 300px;
}

.advantages-section__card-text--forth {
  max-width: 324px;
}

@media screen and (max-width: 1199px) {
  .advantages-section__card-text--forth {
    max-width: 291px;
  }
}

@media screen and (max-width: 1199px) {
  .advantages-section__card-text--fifth {
    max-width: 248px;
  }
}

@media screen and (max-width: 767px) {
  .advantages-section__card-text--fifth {
    max-width: none;
  }
}

.advantages-section__card {
  width: 376px;
  background: #f8f9fc;
  border-radius: 10px;
  max-height: 333px;
  padding: 25px;
}

@media screen and (max-width: 1199px) {
  .advantages-section__card {
    width: 48.5%;
  }
}

@media screen and (max-width: 767px) {
  .advantages-section__card {
    width: 100%;
  }
}

@media screen and (max-width: 1199px) {
  .advantages-section__card--second {
    padding-right: 18px;
  }
}

.advantages-section__card--third {
  padding: 19px;
}

.create-tree {
  margin-bottom: 120px;
}

@media screen and (max-width: 1199px) {
  .create-tree {
    margin-bottom: 76px;
    margin-right: 20px;
    margin-left: 20px;
  }
}

@media screen and (max-width: 767px) {
  .create-tree {
    margin-bottom: 75px;
  }
}

@media screen and (max-width: 1199px) {
  .create-tree__section {
    margin-right: 20px;
    margin-left: 20px;
  }
}

.create-tree__title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
  color: #353d51;
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: -1.25px;
  text-align: left;
  padding-bottom: 52px;
}

@media screen and (max-width: 1199px) {
  .create-tree__title {
    max-width: 500px;
    padding-bottom: 42px;
  }
}

@media screen and (max-width: 767px) {
  .create-tree__title {
    font-size: 28px;
    line-height: 36.4px;
    padding-bottom: 34px;
  }
}

.create-tree__wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}

.create-tree__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #f8f9fc;
  width: 32%;
  height: 371px;
  border-radius: 10px;
}

@media screen and (max-width: 1199px) {
  .create-tree__content {
    width: 48.5%;
  }
}

@media screen and (max-width: 767px) {
  .create-tree__content {
    height: 378px;
    width: 233px;
  }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
  .create-tree__content:last-child {
    width: 99%;
    height: 339px;
    max-width: none;
  }
}

.create-tree__number {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #858fa4;
  right: 21px;
  top: 18px;
  width: 44px;
  height: 44px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.25px;
  background: #fff;
  border-radius: 50px;
}

@media screen and (max-width: 767px) {
  .create-tree__number {
    position: relative;
    left: 0;
  }
}

.create-tree__img {
  width: 175px;
  height: 175px;
  margin-top: 42px;
  margin-bottom: 16px;
}

@media screen and (max-width: 1199px) {
  .create-tree__img {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 767px) {
  .create-tree__img {
    margin-top: 21px;
    margin-bottom: 19px;
  }
}

.create-tree__text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-transform: uppercase;
  font-size: 20px;
  color: #292929;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -0.25px;
  text-align: center;
  padding-bottom: 20px;
  margin: 0 auto;
  max-width: 320px;
}

.create-tree__text:first-child {
  max-width: 250px;
}

@media screen and (max-width: 767px) {
  .create-tree__text {
    max-width: 198px;
    font-size: 16px;
    line-height: 22.4px;
    padding-bottom: 16px;
  }
}

.faq-section {
  margin-top: 120px;
  margin-bottom: 154px;
}

@media screen and (max-width: 1199px) {
  .faq-section {
    margin: 76px 20px 77px;
  }
}

@media screen and (max-width: 767px) {
  .faq-section {
    margin-top: 75px;
    margin-bottom: 28px;
  }
}

.faq-section__item:not(:last-child) {
  border-bottom: 1px solid #e0e5ef;
}

.faq-section__answer {
  max-width: 793px;
  box-sizing: content-box;
  padding-bottom: 2.4rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.02em;
}

@media (min-width: 1200px) {
  .faq-section__answer {
    padding-left: 52px;
  }
}

.faq-section__questions {
  background: #f8f9fc;
  border-radius: 4px;
  padding: 2rem 4rem 4rem;
}

@media (max-width: 520px) {
  .faq-section__questions {
    padding: 0;
    border: none;
    background: transparent;
  }
}

.registration-section {
  background: #f0f3f9;
}

.registration-section__wrapper {
  display: flex;
  justify-content: space-between;
  height: 633px;
}

@media screen and (max-width: 1199px) {
  .registration-section__wrapper {
    height: auto;
    align-items: center;
    flex-direction: column-reverse;
  }
}

.registration-section__title {
  font-size: 40px;
  padding: 0 0 0 7.4rem;
  margin-top: 8.4rem;
  letter-spacing: -1.25px;
  line-height: 52px;
}

@media screen and (max-width: 1199px) {
  .registration-section__title {
    display: flex;
    justify-content: center;
    margin-top: 6.9rem;
    padding-left: 0;
    padding-right: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .registration-section__title {
    padding-right: 0;
    font-size: 28px;
    line-height: 36.4px;
    margin-top: 6.9rem;
    margin-bottom: 2.4rem;
    max-width: 391px;
  }
}

.registration-section__img {
  width: 593px;
  height: 610px;
  padding-top: 2.3rem;
}

@media screen and (max-width: 778px) {
  .registration-section__img {
    position: relative;
    top: 7px;
    width: auto;
    height: auto;
  }
}

@media screen and (min-width: 371px) and (max-width: 391px) {
  .registration-section__img {
    top: 9px;
  }
}

.registration-section__content {
  padding: 2.4rem 7.7rem 8.7rem 7.4rem;
}

@media screen and (max-width: 1199px) {
  .registration-section__content {
    padding-bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .registration-section__content {
    padding: 0;
  }
}

.registration-section__content > #errors {
  padding: 0.65rem;
  font-size: 12px;
  margin-bottom: 1.2rem;
  max-width: 390px;
}

.registration-section__input {
  display: block;
  width: 100%;
  max-width: 391px;
}

.registration-section__item {
  display: flex;
  max-width: 391px;
  position: relative;
}

.registration-section__item:not(:last-child) {
  margin-bottom: 2.4rem;
}

.registration-section__checkbox {
  max-width: 441px;
}

@media screen and (max-width: 493px) {
  .registration-section__checkbox {
    max-width: 425px;
  }
}

.registration-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: not-allowed;
}

.ft-font {
  font-size: 16px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.el-collapse-item__header:last-child {
  border-bottom: none;
}

.article-banner {
  border-radius: 5px;
  background: #00b4ff !important;
  margin: 0;
  padding: 0;
  background: none;
}

@media screen and (min-width: 1199px) {
  .article-banner {
    grid-column: 1/3;
  }
}

.article-banner--wrapper {
  margin-bottom: 4rem;
}

.cta-banner__tree-container {
  margin-right: 0;
  margin-left: 0;
}

.cta-banner__tree {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
  z-index: 1;
}

@media (max-width: 1199px) {
  .cta-banner__tree {
    padding: 8.6rem 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cta-banner__tree {
    padding: 8rem 1.5rem 9rem;
  }
}

.article-memory {
  top: 23px;
  position: absolute;
  font-size: 24px;
  left: 22px;
  width: 382px;
  text-align: left;
  line-height: 31.2px;
  letter-spacing: -1.25px;
}

@media screen and (max-width: 767px) {
  .article-memory {
    top: 35px;
    left: 50%;
    transform: translate(-50%);
    font-size: 18px;
    line-height: 23.4px;
    text-align: center;
    max-width: 300px;
  }
}

.article-memory__mobile {
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 767px) {
  .article-memory__mobile {
    top: 34.5%;
    left: 21%;
    max-width: 84%;
  }
}

@media screen and (max-width: 512px) {
  .article-memory__mobile {
    top: 31.5%;
  }
}

@media screen and (max-width: 405px) {
  .article-memory__mobile {
    top: 23%;
    left: 5%;
    max-width: 96%;
  }
}

@media screen and (max-width: 345px) {
  .article-memory__mobile {
    top: 25%;
  }
}

@media screen and (min-width: 768px) {
  .article-memory__mobile {
    display: none;
  }
}

.banner-container {
  height: 172px;
}

@media screen and (max-width: 767px) {
  .banner-container {
    height: 320px;
  }
}

.banner-link {
  position: absolute;
  bottom: 25px;
  left: 22px;
  height: 50px;
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .banner-link {
    left: 50%;
    bottom: 170px;
    transform: translate(-50%);
    text-align: center;
    white-space: nowrap;
  }
}

.banner-tree-img1 {
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 1199px) {
  .banner-tree-img1 {
    left: 26%;
  }
}

@media screen and (max-width: 767px) {
  .banner-tree-img1 {
    max-width: 390px;
    top: 26%;
    left: 54%;
    transform: translate(-50%);
  }
}

@media screen and (max-width: 345px) {
  .banner-tree-img1 {
    top: 27.5%;
  }
}

.banner-tree-img1--memory {
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 767px) {
  .banner-tree-img1--memory {
    display: none;
  }
}

.banner-tree-img1--code-banner {
  left: 5%;
}

@media screen and (min-width: 840px) {
  .banner-tree-img1--tree-banner {
    top: 3%;
    left: 19%;
  }
}

@media screen and (min-width: 768px) {
  .banner-tree-img1--tree-banner {
    top: 3%;
    left: 28%;
  }
}

.banner-tree-img2 {
  z-index: -2;
  -o-object-fit: contain;
     object-fit: contain;
  left: 24%;
}

@media screen and (max-width: 1199px) {
  .banner-tree-img2 {
    left: 45%;
  }
}

@media screen and (max-width: 910px) {
  .banner-tree-img2 {
    left: 68%;
  }
}

@media screen and (max-width: 767px) {
  .banner-tree-img2 {
    display: none;
  }
}

.banner-tree-img2--memory {
  left: 24%;
}

@media screen and (max-width: 1199px) {
  .banner-tree-img2--memory {
    display: none;
  }
}

@media screen and (min-width: 1199px) {
  .banner-tree-img2--code-banner {
    left: 12%;
  }
}

@media screen and (min-width: 1199px) {
  .banner-tree-img2--tree-banner {
    left: 61.5%;
  }
}

@media screen and (min-width: 768px) {
  .banner-tree-img2--tree-banner {
    left: 66%;
  }
}

.subscription {
  color: #353d51;
  overflow: hidden;
}

.subscription__title {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 62px;
  text-transform: uppercase;
  max-width: 620px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (max-width: 767px) {
  .subscription__title {
    font-size: 26px;
  }
}

.subscription__desc {
  margin: 20px 0;
}

.subscription__tariffs {
  display: flex;
  gap: 15px;
}

.subscription__tariffs ul {
  list-style-type: disc;
}

.subscription__text-blue {
  color: #00b4ff;
}

.subscription__block--active {
  border-color: #00b4ff;
  border-radius: 0 4px 4px 4px;
}

@media (max-width: 767px) {
  .subscription__block--active {
    border-radius: 0 0 4px 4px;
  }
}

.subscription__active-msg {
  position: absolute;
  top: -26px;
  left: -1px;
  width: 169px;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 12px;
  color: #fff;
  background-color: #00b4ff;
  border-radius: 4px 4px 0 0;
}

@media (max-width: 767px) {
  .subscription__active-msg {
    width: calc(100% + 2px);
  }
}

.subscription-link {
  color: #00b4ff;
  text-decoration: underline;
}

.subscription__tariffs-container {
  height: 850px;
  overflow: visible;
}

@media (max-width: 1199px) {
  .subscription__tariffs-container {
    height: 900px;
  }
}

.subscription__block {
  height: 770px;
  box-sizing: border-box;
  padding: 30px;
  box-shadow: rgba(190, 190, 190, 0.16) 0 40px 40px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(192, 201, 218, 0.31);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.subscription__block--active {
  border-color: #00b4ff;
  border-radius: 0 4px 4px 4px;
}

@media (max-width: 767px) {
  .subscription__block--active {
    border-radius: 0 0 4px 4px;
  }
}

@media (max-width: 1199px) {
  .subscription__block {
    height: 850px;
  }
}

.subscription__tariffs-offer {
  position: relative;
  padding: 15px;
  border: 1px solid #000;
  width: 50%;
}

.subscription__tariffs-offer:first-child > .subscription__tariffs-price {
  margin-top: 40px;
}

.subscription__tariffs-offer:last-child > .subscription__btn {
  position: absolute;
  width: calc(100% - 30px);
  bottom: 15px;
}

.subscription__tariffs-title {
  margin-bottom: 33px;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.subscription__tariffs-discount {
  font-size: 14px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-text-decoration: 2px line-through #00b4ff;
          text-decoration: 2px line-through #00b4ff;
  margin-bottom: 6px;
}

.subscription__tariffs-price {
  font-size: 30px;
  font-weight: 600;
  color: #292929;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 15px;
  letter-spacing: -1.25px;
  text-transform: uppercase;
  -webkit-text-stroke: 1px rgba(192, 201, 218, 0.3);
}

@media (max-width: 1199px) {
  .subscription__action {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.subscription__policy {
  max-width: 240px;
  font-size: 8px;
  color: #a9b1c2;
  line-height: 120%;
  font-weight: 400;
}

@media (max-width: 1199px) {
  .subscription__policy {
    text-align: left;
  }
}

.subscription__tariffs-advantages {
  font-size: 14px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #4e4e4e;
}

.subscription__tariffs-advantage {
  list-style: none;
  display: flex;
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin-bottom: 20px;
}

.subscription__tariffs-advantage:first-child {
  align-items: center;
}

.subscription__tariffs-text {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.25px;
  text-align: left;
}

.subscription__tariffs-description {
  padding-top: 10px;
  color: #a9b1c2;
  font-size: 12px;
  letter-spacing: -0.25px;
  line-height: 120%;
  font-weight: 400;
}

.subscription__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  font-size: 14px;
  border: 1px solid #00b4ff;
  color: #fff;
  width: 178px;
  font-weight: 600;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  cursor: pointer;
  transition: 0.3s;
  margin-bottom: 10px;
}

.subscription__btn:hover {
  color: #fff;
  background: #00b4ff;
}

.subscription-form__price {
  padding: 2.2rem 3.2rem 2.2rem;
  background: #f5fcff;
  border: 1px solid #00b4ff;
  border-radius: 5px;
}

.subscription-form__info {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
}

.subscription-form__info--line {
  padding-bottom: 3rem;
  border-bottom: 1px solid #c0c9da;
}

.activate-promo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
  background: #fff;
  max-width: 562px;
  padding: 40px 40px 0;
  outline: 1px solid #C0C9DA4D;
  box-shadow: 0px 40px 40px 0px #BEBEBE29;
  border-radius: 10px;
}

.activate-promo__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.activate-promo__send {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.activate-promo__btn-send {
  display: flex;
  gap: 8px;
}

.activate-promo__title {
  text-align: center;
  font-size: 40px;
  line-height: 130%;
  color: #353d51;
  text-transform: uppercase;
  letter-spacing: -1.25px;
  font-weight: 600;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.activate-promo__text {
  text-align: center;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.25px;
  max-width: 475px;
}

.activate-promo__input {
  border: 1px solid #C0C9DA4D;
  height: 50px;
  min-width: 291px;
}

.activate-promo__btn {
  cursor: pointer;
  height: 50px;
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  padding: 0;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  border-radius: 5px;
}

.activate-promo__btn:hover {
  color: #fff;
}

.activate-promo__btn-old-price {
  color: #FFFFFF8A;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  text-decoration: line-through;
}

.activate-promo__success {
  display: block;
  padding: 14px 0;
  margin-bottom: 8px;
  width: 100%;
  color: #353d51;
  background-color: #00B4FF0D;
  border: 1px solid #00B4FF;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  line-height: 120%;
}

.activate-promo__error {
  display: block;
  padding: 14px;
  margin-bottom: 8px;
  width: 100%;
  color: #353d51;
  background-color: #FF90900F;
  border: 1px solid #FF9090;
  text-align: center;
  border-radius: 5px;
  font-size: 14px;
  line-height: 120%;
}

.activate-promo__clear-input {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-40%);
}

.activate-promo__alert-message {
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.25px;
  text-align: center;
  color: #F87878;
  margin-top: 24px;
}

@media (max-width: 600px) {
  .activate-promo {
    padding: 24px 24px 0;
    margin: 0 13px;
  }

  .activate-promo__wrapper {
    gap: 16px;
  }

  .activate-promo__input {
    min-width: auto;
  }

  .activate-promo__send {
    padding: 0;
  }

  .activate-promo__title {
    font-size: 28px;
  }

  .activate-promo__text {
    font-size: 16px;
    text-align: center;
    padding: 0 16px;
  }

  .activate-promo__img {
    width: 254px;
    height: 254px;
  }

  .activate-promo__btn-send {
    flex-direction: column;
  }

  .activate-promo__btn {
    font-size: 16px;
  }

  .activate-promo__alert-message {
    margin-top: 16px;
  }
}

.activate-promo__popup .el-dialog {
  margin: auto !important;
  min-height: 0 !important;
  margin-top: 15vh !important;
  border-radius: 10px;
}

.activate-promo__popup .el-dialog__body {
  border-radius: 10px;
}

.activate-promo__popup-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 991px) {
  .activate-promo__popup-content {
    padding: 24px;
  }
}

@media (min-width: 992px) {
  .activate-promo__popup-content {
    padding: 40px;
  }
}

.activate-promo__popup-btn {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 15px 0px;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
}

.activate-promo__popup-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 130%;
  color: #353d51;
  text-transform: uppercase;
  text-align: start;
}

.activate-promo__popup-description {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.25px;
  line-height: 130%;
  color: #4e4e4e;
}

.activate-promo__popup-advantages {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 16px;
}

.activate-promo__popup-advantage {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8px;
}

.activate-promo__popup-advantage:first-child {
  align-items: center;
}

.activate-promo__advantage-title {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.04em;
  color: #4e4e4e;
}

.activate-promo__advantage-accent {
  color: #00b4ff;
}

.activate-promo__advantage-details {
  font-family: "HelveticaNeue", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #a9b1c2;
}

.activate-promo__advantage-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.sub-container {
  border-radius: 10px;
  padding: 40px;
  background-color: #f8f9fc;
}

@media (max-width: 545px) {
  .sub-container {
    padding: 24px;
  }
}

.sub-container:not(:last-child) {
  margin-bottom: 20px;
}

.sub-container--inactive {
  background-color: rgba(255, 144, 144, 0.09);
}

.sub-container__banner {
  display: flex;
  padding: 0;
}

@media (max-width: 530px) {
  .sub-container__banner {
    flex-direction: column;
  }
}

.sub-title-h1 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 50px;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #353d51;
}

@media (max-width: 545px) {
  .sub-title-h1 {
    font-size: 28px;
  }
}

.sub-title-h2 {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  text-transform: uppercase;
  color: #4e4e4e;
}

.sub-buttons {
  margin-top: 10px;
  display: flex;
  gap: 8px;
}

.sub-button {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  padding: 14px 0;
  border-radius: 4px;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.sub-button--primary {
  color: #fff;
  background-color: #00b4ff;
  padding: 14px 30px;
  width: auto;
}

.sub-button--primary:hover {
  background-color: #009cdd;
}

.sub-button--secondary {
  color: #00b4ff;
  border: 1px solid #00b4ff;
  gap: 10px;
}

.sub-button--secondary:hover {
  color: #009cdd;
  border: 1px solid #009cdd;
}

.sub-button--secondary:hover .sub-info-icon {
  color: #009cdd;
}

.sub-button--tertiary {
  color: #a9b1c2;
  border: 1px solid #a9b1c2;
}

.sub-button--tertiary:hover {
  color: #353d51;
  border: 1px solid #353d51;
}

.sub-button-cancel {
  width: auto;
  padding: 14px 42px;
  margin: 0 auto;
}

@media (max-width: 530px) {
  .sub-button-cancel {
    width: 100%;
  }
}

.sub-info-container {
  display: flex;
  flex-direction: column;
  width: 480px;
  padding: 40px;
  box-sizing: content-box;
}

@media (max-width: 920px) {
  .sub-info-container {
    max-width: 480px;
  }
}

@media (max-width: 530px) {
  .sub-info-container {
    padding: 24px 24px 0;
    width: 100%;
    box-sizing: border-box;
  }
}

.sub-info-type {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 8px;
}

.sub-info-tree {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #353d51;
}

@media (max-width: 520px) {
  .sub-info-tree {
    font-size: 18px;
  }
}

.sub-info-dot {
  display: flex;
  align-items: center;
  color: #cbd2e8;
}

.sub-info-price {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 22px;
  line-height: 130%;
  text-transform: uppercase;
  color: #00b4ff;
}

.sub-info-price--strikethrough {
  text-decoration: line-through;
  -webkit-text-decoration-color: #00b4ff;
          text-decoration-color: #00b4ff;
  text-decoration-thickness: 1.5px;
}

@media (max-width: 545px) {
  .sub-info-price {
    font-size: 18px;
  }
}

.sub-info-payment {
  margin-top: 28px;
}

@media (max-width: 530px) {
  .sub-info-payment {
    margin-top: 24px;
  }
}

.sub-info-payment__before {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #4e4e4e;
}

.sub-info-icon {
  color: #00b4ff;
  transition: all 0.3s ease;
}

.sub-info-payment__next {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: -0.02em;
  color: #a9b1c2;
  margin-top: 8px;
}

.sub-info-progress {
  margin-top: 28px;
}

@media (max-width: 530px) {
  .sub-info-progress {
    margin-top: 24px;
  }
}

.sub-info-progress__bar {
  width: 100%;
  height: 5px;
  background-color: #E5E9F2;
  border-radius: 8px;
  overflow: hidden;
}

.sub-info-progress__fill {
  height: 100%;
  background-color: #00b4ff;
  border-radius: 8px;
}

.sub-info-image {
  display: flex;
  width: 367px;
  height: 367px;
  margin: auto 100px 0 auto;
}

.sub-info-image--secondary {
  width: 338px;
  height: 338px;
}

@media (max-width: 1030px) {
  .sub-info-image {
    margin-right: 0;
  }
}

@media (max-width: 920px) {
  .sub-info-image {
    display: none;
  }
}

@media (max-width: 530px) {
  .sub-info-image {
    display: flex;
    width: 254px;
    height: 254px;
    margin: 10px auto 0;
  }
}

.sub-info-buttons {
  margin-top: 32px;
}

@media (max-width: 920px) {
  .sub-info-buttons {
    margin-top: 28px;
  }
}

@media (max-width: 530px) {
  .sub-info-buttons {
    margin-top: 24px;
    flex-direction: column;
    box-sizing: content-box;
  }
}

.sub-info-button {
  box-sizing: border-box;
}

.sub-info-button--width {
  width: auto;
  padding: 14px 42px;
}

@media (max-width: 530px) {
  .sub-info-button {
    width: 100%;
  }
}

#tarifs {
  scroll-margin-top: 90px;
}

.sub-stat-items {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}

@media (max-width: 992px) {
  .sub-stat-items {
    flex-wrap: wrap;
    gap: 16px;
  }
}

@media (max-width: 768px) {
  .sub-stat-items {
    gap: 8px;
  }
}

.sub-stat-icon {
  color: #c0c9da;
  transition: color 0.3s ease;
}

.sub-stat-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 4px;
  padding: 16px;
  background-color: #fff;
  width: 100%;
  height: 128px;
}

@media (max-width: 992px) {
  .sub-stat-item {
    width: calc(33.333% - 11px);
  }
}

@media (max-width: 676px) {
  .sub-stat-item {
    width: calc(50% - 4px);
  }
}

@media (max-width: 470px) {
  .sub-stat-item {
    width: 100%;
    height: 95px;
  }
}

.sub-stat-item:hover .sub-stat-icon {
  color: #00b4ff;
}

.sub-stat-item--inactive {
  background-color: #FFF5F5;
  cursor: default;
}

.sub-stat-item__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #4e4e4e;
}

.sub-stat-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.sub-stat-count {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 30px;
  line-height: 0.8;
  text-transform: uppercase;
  color: #00b4ff;
}

.sub-stat-count--inactive {
  color: #FF9090;
}

.sub-stat-popover-tip {
  display: flex;
}

.sub-stat-info__window {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  padding: 10px;
}

.sub-included-items {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

.sub-included-items .swiper-wrapper {
  box-sizing: border-box;
}

.sub-included-item {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fff;
  height: auto;
  border-radius: 4px;
}

@media (max-width: 600px) {
  .sub-included-item {
    padding: 16px;
  }
}

.sub-included-item__img {
  display: flex;
}

.sub-included-item__img img {
  width: 100%;
  border-radius: 4px;
}

.sub-included-item__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.02em;
  margin: 12px 0;
}

.sub-included-item__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.02em;
  color: #a9b1c2;
}

.sub-included-item__link {
  font-size: 14px;
  margin-top: auto;
  padding-top: 12px;
}

@media (max-width: 991px) {
  .sub-window-dialog .el-dialog {
    margin: 15vh auto 50px;
    min-height: auto;
  }
}

@media (max-width: 600px) {
  .sub-window-dialog .el-dialog {
    height: 100%;
    margin: 0;
  }
}

.sub-window-container {
  padding: 40px;
}

.sub-window-info {
  margin-top: 10px;
}

.sub-window-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 28px;
  line-height: 130%;
  letter-spacing: -0.04em;
  text-transform: uppercase;
}

.sub-window-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  margin: 24px 0;
}

@media (max-width: 600px) {
  .sub-window-buttons {
    flex-wrap: wrap;
  }
}

.sub-window-button {
  width: calc(50% - 4px);
}

@media (max-width: 600px) {
  .sub-window-button {
    width: 100%;
  }
}

.sub-history-dialog {
  overflow: hidden;
}

.sub-history-container {
  margin-top: 24px;
  max-height: 513px;
  overflow-y: auto;
  padding-right: 31px;
  margin-right: -35px;
}

.sub-history-container::-webkit-scrollbar {
  width: 4px;
  background-color: #c0c9da;
  border-radius: 3px;
}

.sub-history-container::-webkit-scrollbar-thumb {
  background-color: #353d51;
  border-radius: 3px;
}

@media (max-width: 450px) {
  .sub-history-container {
    padding-bottom: 30px;
  }
}

.sub-history-ul:not(:last-child) {
  border-bottom: 1px solid #c0c9da;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.sub-history-title {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: #a9b1c2;
}

.sub-history-li {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-top: 16px;
}

.sub-history-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #4e4e4e;
}

.sub-history-text--payment {
  color: #a9b1c2;
}

.sub-history-price {
  text-align: end;
}

@media (max-width: 991px) {
  .sub-unsubscribe-dialog .el-dialog {
    margin: auto auto;
    min-height: auto;
  }
}

@media (max-width: 600px) {
  .sub-unsubscribe-dialog .el-dialog {
    height: 100%;
    margin: 0;
  }
}

.sub-unsubscribe__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  text-align: center;
}

.sub-unsubscribe__text {
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Roboto", "Ubuntu", "Droid Sans", "Helvetica Neue", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: #4e4e4e;
}

.sub-unsubscribe__button {
  border: 1px solid #a9b1c2;
  background-color: transparent;
  border-radius: 4px;
  padding: 15px 42px;
  height: 50px;
  cursor: pointer;
}

.sub-unsubscribe__button:hover {
  color: #000;
  border: 1px solid #000;
}

.sub-unsubscribe__button-text {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  color: #a9b1c2;
}

.sub-waiting-dialog .el-dialog {
  border-radius: 10px;
}

@media (max-width: 991px) {
  .sub-waiting-dialog .el-dialog {
    margin: 15vh auto 50px;
    min-height: auto;
  }
}

@media (max-width: 600px) {
  .sub-waiting-dialog .el-dialog {
    height: 100%;
    margin: 0;
  }
}

.sub-waiting-dialog .el-dialog .el-dialog__body {
  border-radius: 10px;
}

.subscription-waiting {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
}

.subscription-waiting__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
}

.subscription-waiting__content .title {
  font-size: 28px;
}

.subscription-waiting__subtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: -0.25px;
}

.subscription-waiting__desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.subscription-waiting__option:first-child {
  align-items: center;
}

.subscription-waiting__option-icon {
  margin-right: 8px;
}

.subscription-waiting__option-name span {
  color: #00b4ff;
}

.subscription-waiting__option-name + p {
  margin-top: 8px;
}

.subscription-waiting > img {
  border-radius: 10px 10px 0 0;
}

@media (max-width: 600px) {
  .subscription-waiting > img {
    border-radius: 0;
  }
}

.breadcrumbs-wrapper {
  background: #f8f9fc;
}

.breadcrumbs {
  padding-bottom: 3.7rem;
}

.breadcrumbs-page {
  padding-top: 3.7rem;
}

.breadcrumbs__item {
  display: flex;
  align-items: center;
}

.breadcrumbs__link {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 120%;
  color: #353d51;
}

a.breadcrumbs__link:hover {
  color: #000;
}

.breadcrumbs__line {
  border: 1px solid #a9b1c2;
  width: 1.8rem;
  height: 1px;
  margin: 0 1.2rem;
}

.breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}