/* Start:/local/templates/skb_main/assets/css/vendor.css?178599619386928*/
@charset "UTF-8";
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding: 0;
  margin: 0;
}

:where(:root) {
  line-height: 1.15;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

:where(main) {
  display: block;
}

:where(h1) {
  font-size: 2em;
  margin: 0.67em 0;
}

:where(p + p) {
  margin-top: 1rem;
}

:where(a) {
  background-color: transparent;
}

:where(abbr[title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

:where(code, kbd, samp, pre) {
  font-family: monospace, monospace;
  font-size: 1em;
}

:where(sub, sup) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

:where(sub) {
  bottom: -0.25em;
}

:where(sup) {
  top: -0.5em;
}

:where(button, input, optgroup, select, textarea) {
  line-height: inherit;
  border: 1px solid currentColor;
}

:where(button) {
  overflow: visible;
  text-transform: none;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  -webkit-appearance: button;
  padding: 1px 6px;
}

:where(input) {
  overflow: visible;
}

:where(input, textarea) {
  padding: 1px;
}

:where(fieldset) {
  border: 1px solid currentColor;
  margin: 0 2px;
}

:where(legend) {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

:where(progress) {
  display: inline-block;
  vertical-align: baseline;
}

:where(select) {
  text-transform: none;
}

:where(textarea) {
  overflow: auto;
  vertical-align: top;
}

:where([type=search]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

:where([type=color]) {
  background: inherit;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

::-webkit-search-decoration,
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

:where(hr) {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  color: inherit;
  overflow: visible;
}

:where(dl, ol, ul) {
  margin: 1em 0;
}

:where(ol ol, ol ul, ol dl, ul ol, ul ul, ul dl, dl ol, dl ul, dl dl) {
  margin: 0;
}

:where(b, strong) {
  font-weight: bolder;
}

:where(audio, video) {
  display: inline-block;
}

:where(audio):not([controls]) {
  display: none;
  height: 0;
}

:where(img) {
  border: 0;
}

:where(svg):not(:root) {
  overflow: hidden;
}

:where(table) {
  text-indent: 0;
  border-color: inherit;
}

:where(details) {
  display: block;
}

:where(dialog) {
  background-color: inherit;
  border: solid;
  color: inherit;
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

:where(dialog):not([open]) {
  display: none;
}

:where(summary) {
  display: list-item;
}

:where(canvas) {
  display: inline-block;
}

:where(template) {
  display: none;
}

:where([hidden]) {
  display: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  padding: 0;
  margin: 0;
}

:where(html) {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-weight: normal;
}

:where(ul) {
  list-style: none;
}

:where(img, video) {
  height: auto;
  max-width: 100%;
}

:where(iframe) {
  border: 0;
}

:where(table) {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Swiper 11.2.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 23, 2025
 */
/* FONT_START */
@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");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
          transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade.swiper-free-mode ::slotted(swiper-slide) {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade ::slotted(swiper-slide) {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade ::slotted(swiper-slide) ::slotted(swiper-slide) {
  pointer-events: none;
}

.swiper-fade ::slotted(.swiper-slide-active) {
  pointer-events: auto;
}

.swiper-fade ::slotted(.swiper-slide-active) ::slotted(.swiper-slide-active) {
  pointer-events: auto;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

@font-face {
  font-family: "lg";
  src: url("/local/templates/skb_main/assets/css/../fonts/lg.woff2?io9a6k") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/lg.ttf?io9a6k") format("truetype"), url("/local/templates/skb_main/assets/css/../fonts/lg.woff?io9a6k") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -webkit-transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer,.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image,.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  right: 0;
}

.lg-outer .lg-content,.lg-outer .lg-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("/local/templates/skb_main/assets/css/../img/loading.gif") no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out 0.15s;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop,.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  transition: -webkit-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s, -webkit-transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}


.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb,.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}

.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}

.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}

.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}

.lg-outer.lg-animate-thumb .lg-thumb {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}


.lg-outer .lg-video-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.lg-outer .lg-video-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-has-iframe .lg-video-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-outer .lg-video-object {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
}

.lg-outer .lg-video-poster {
  z-index: 1;
}

.lg-outer .lg-has-video .lg-video-object {
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
  opacity: 0 !important;
}

.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
  opacity: 1;
}

@-webkit-keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes lg-play-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lg-play-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.lg-video-play-button {
  width: 18%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  will-change: opacity, transform;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  -webkit-transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
  transition: opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s, -webkit-transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28);
}

.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
  opacity: 1;
}

.lg-video-play-icon-bg {
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  opacity: 0.6;
  will-change: opacity;
  -webkit-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  fill: none;
  stroke-width: 3%;
  stroke: rgba(30, 30, 30, 0.9);
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}

.lg-video-play-icon {
  position: absolute;
  width: 25%;
  max-width: 120px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  opacity: 0.6;
  will-change: opacity;
  -webkit-transition: opacity 0.12s ease-in;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon .lg-video-play-icon-inner {
  fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
  -webkit-animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
          animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.7);
      -ms-transform: translate(-50%, -50%) scale(0.7);
          transform: translate(-50%, -50%) scale(0.7);
}


@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}


@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio, .plyr iframe, .plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions,.plyr__captions span:empty {
  display: none;
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
      -ms-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
          transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
          animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
          box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after, .plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper, .plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
      -ms-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  white-space: nowrap;
}

.plyr__tooltip,.plyr__tooltip:before {
  left: 50%;
  position: absolute;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
}

.plyr .plyr__control:focus-visible .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%) scale(1);
      -ms-transform: translate(-50%) scale(1);
          transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translateY(10px) scale(0.8);
      -ms-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translateY(10px) scale(0.8);
      -ms-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0) scale(1);
      -ms-transform: translate(0) scale(1);
          transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
      -ms-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3;
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div, .plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(10px) scale(0.8);
      -ms-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
      -ms-transform: translate(0) scale(1);
          transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

@media (min-width: 480px){
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

@media (min-width: 768px){
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}

@media (min-width: 1024px){
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

@media (max-width: 767px){
  .plyr__time + .plyr__time {
    display: none;
  }
}
/* End */


/* Start:/local/templates/skb_main/assets/css/style.css?1785996193159414*/
@charset "UTF-8";
:root {
  --font-main: Roboto, sans-serif;
  --font-header: Unbounded, sans-serif;
  --font-size-main: 16px;
  --time-transition-100: 100ms;
  --time-transition-300: 300ms;
  --time-transition-1000: 1000ms;
  --color-black: #000;
  --color-white: #fff;
  --color-white-transparent: rgba(255, 255, 255, 0.41);
  --color-dark: #101112;
  --color-blue: #083963;
  --color-blue-light: #E3F5FF;
  --color-blue-gradient: linear-gradient(180.00deg, #f9fdff,#e3f5ff 100%);
  --color-green: #40AD60;
  --color-green-button-active: #36A843;
  --color-green-button-second-hover: #61AD40;
  --color-green-hover: #D0E16F;
  --color-green-active: #B3DD41;
  --color-green-dark: #19381F;
  --color-green-light:#CEEAD6;
  --color-button-text: #7ca5b8;
  --color-button-room: rgba(124, 165, 184, .1);
  --color-submenu: rgba(8, 57, 99, 0.85);
  --color-shadow: rgba(133, 146, 160, 0.47);
  --color-shadow-habitation: rgba(0, 0, 0, 0.16);
  --color-yelow: #FAFFE0;
  --color-grey: #C0C0C0;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-color: #40AD60;
  --swiper-pagination-bullet-inactive-color: #40AD60;
  --swiper-pagination-bullet-inactive-opacity: .26;
  --plyr-color-main: #40AD60;
  --plyr-control-spacing: 18px;
  --plyr-control-icon-size: 25px;
}

@font-face {
  font-display: auto;
  font-family: "skb";
  font-style: normal;
  font-weight: 400;
  src: url("/local/templates/skb_main/assets/css/../fonts/iconly.eot?1748083611168");
  src: url("/local/templates/skb_main/assets/css/../fonts/iconly.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/iconly.woff2?1748083611168") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/iconly.woff?1748083611168") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/iconly.ttf?1748083611168") format("truetype"), url("/local/templates/skb_main/assets/css/../fonts/iconly.svg?1748083611168#skb") format("svg");
  font-display: swap;
}
[class=icon], [class^=icon-], [class*=" icon-"] {
  display: inline-block;
  font-family: "skb" !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.icon-wave:before {
  content: "\e000";
}

.icon-water:before {
  content: "\e001";
}

.icon-wardrobe:before {
  content: "\e002";
}

.icon-wa:before {
  content: "\e003";
}

.icon-vk:before {
  content: "\e004";
}

.icon-two:before {
  content: "\e005";
}

.icon-tv:before {
  content: "\e006";
}

.icon-tree:before {
  content: "\e007";
}

.icon-towel:before {
  content: "\e008";
}

.icon-thyroid:before {
  content: "\e009";
}

.icon-three:before {
  content: "\e00a";
}

.icon-star:before {
  content: "\e00b";
}

.icon-star-fill:before {
  content: "\e00c";
}

.icon-shower:before {
  content: "\e00d";
}

.icon-security:before {
  content: "\e00e";
}

.icon-plus:before {
  content: "\e00f";
}

.icon-phone:before {
  content: "\e010";
}

.icon-person:before {
  content: "\e011";
}

.icon-parking:before {
  content: "\e012";
}

.icon-one:before {
  content: "\e013";
}

.icon-moon:before {
  content: "\e014";
}

.icon-minus:before {
  content: "\e015";
}

.icon-mail:before {
  content: "\e016";
}

.icon-light:before {
  content: "\e017";
}

.icon-key:before {
  content: "\e018";
}

.icon-heart:before {
  content: "\e019";
}

.icon-heart-fill:before {
  content: "\e01a";
}

.icon-healtcare:before {
  content: "\e01b";
}

.icon-fridge:before {
  content: "\e01c";
}

.icon-four:before {
  content: "\e01d";
}

.icon-doc:before {
  content: "\e01e";
}

.icon-colling:before {
  content: "\e01f";
}

.icon-coffe:before {
  content: "\e020";
}

.icon-clock:before {
  content: "\e021";
}

.icon-cleaning:before {
  content: "\e022";
}

.icon-calendar:before {
  content: "\e023";
}

.icon-calendar-num:before {
  content: "\e024";
}

.icon-calendar-fill:before {
  content: "\e025";
}

.icon-calculator:before {
  content: "\e026";
}

.icon-vault:before {
  content: "\e027";
}

.icon-burger:before {
  content: "\e028";
}

.icon-brain:before {
  content: "\e029";
}

.icon-bones:before {
  content: "\e02a";
}

.icon-bed:before {
  content: "\e02b";
}

.icon-bed-2:before {
  content: "\e02c";
}

.icon-balcony:before {
  content: "\e02d";
}

.icon-baby:before {
  content: "\e02e";
}

.icon-arrows:before {
  content: "\e02f";
}

.icon-arrow:before {
  content: "\e030";
}

.icon-arrow-up:before {
  content: "\e031";
}

.icon-arrow-right:before {
  content: "\e032";
}

.icon-arrow-left:before {
  content: "\e033";
}

.icon-arrow-down:before {
  content: "\e034";
}

.icon-play:before {
  content: "\e035";
}

.icon-share:before {
  content: "\e036";
}

.icon-plus-thin:before {
  content: "\e037";
}

.icon-bracket:before {
  content: "\e038";
}

@font-face {
  font-family: "Roboto";
  src: url("/local/templates/skb_main/assets/css/../fonts/Roboto-Italic.eot");
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Italic.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Italic.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Unbounded";
  src: url("/local/templates/skb_main/assets/css/../fonts/Unbounded-SemiBold.eot");
  src: local("Unbounded SemiBold"), local("Unbounded-SemiBold"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-SemiBold.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-SemiBold.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Unbounded";
  src: url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Regular.eot");
  src: local("Unbounded Regular"), local("Unbounded-Regular"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Regular.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Regular.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Unbounded";
  src: url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Medium.eot");
  src: local("Unbounded Medium"), local("Unbounded-Medium"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Medium.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Medium.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/skb_main/assets/css/../fonts/Roboto-Bold.eot");
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Bold.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Bold.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/skb_main/assets/css/../fonts/Roboto-Regular.eot");
  src: local("Roboto Regular"), local("Roboto-Regular"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Regular.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Regular.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Unbounded";
  src: url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Bold.eot");
  src: local("Unbounded Bold"), local("Unbounded-Bold"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Bold.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Bold.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Unbounded-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/local/templates/skb_main/assets/css/../fonts/Roboto-BoldItalic.eot");
  src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-BoldItalic.woff2") format("woff2"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-BoldItalic.woff") format("woff"), url("/local/templates/skb_main/assets/css/../fonts/Roboto-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
/* Common */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
}

html {
  height: 100%;
  scroll-behavior: smooth;
}
html * {
  font-family: var(--font-main);
  font-size: var(--font-size-main);
  color: var(--color-dark);
  text-decoration: none;
  line-height: initial;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  grid-template-areas: "header" "main" "footer";
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
body.modal {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}

h1,
.h1 {
  color: var(--color-dark);
  font-family: var(--font-header);
  font-size: 74px;
  font-weight: 400;
  line-height: 96px;
}

h2,
.h2 {
  color: var(--color-dark);
  font-family: var(--font-header);
  font-size: 48px;
  font-weight: 400;
}

h3,
.h3 {
  color: var(--color-black);
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

h4,
.h4 {
  color: var(--color-black);
  font-family: Unbounded, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

h5,
.h5 {
  color: var(--color-black);
  font-family: var(--font-header);
  font-size: 24px;
  font-weight: 400;
  text-transform: uppercase;
}

h6,
.h6 {
  color: var(--color-black);
  font-family: var(--font-header);
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}

a,
.link {
  color: var(--color-green-hover);
  text-decoration: none;
  -webkit-transition: color 200ms;
  transition: color 200ms;
  cursor: pointer;
}
a:hover,
.link:hover,a:active,
.link:active {
  color: var(--color-green-active);
}

.link--icon * {
  color: var(--color-white);
  -webkit-transition: color var(--time-transition-300);
  transition: color var(--time-transition-300);
}
.link--icon i {
  color: var(--color-green-hover);
}
.link--icon:hover * {
  color: var(--color-green-active);
}
.link--icon:hover i {
  color: var(--color-green-hover);
}
.link--icon:active * {
  color: var(--color-green-active);
}
.link--icon:active i {
  color: var(--color-green-hover);
}

a:active i,
.link:active i {
  color: var(--color-green-active);
}

picture {
  display: block;
  width: 100%;
  height: 100%;
}

header,
footer,
section,
.section__inner,
article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  max-width: 100%;
}

header {
  grid-area: header;
}

main {
  grid-area: main;
}

section {
  position: relative;
}

section + section {
  margin-top: 112px;
}

.section__background {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: -1;
}
.section-top-page {
  padding-top: 40px;
  margin-top: 0;
}
.section-top-page + section {
  margin-top: 40px;
}
.section-top-page__background {
  position: absolute;
  margin: 0 18px;
}
.section-top-page__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.section-top-page .section-top-page__button {
  max-width: 361px;
}
.section-top-page.room .section-top-page__background {
  background-color: var(--color-button-room);
}
.section__head {
  display: grid;
  /*grid-template-columns: 385px 1fr auto;
  grid-template-areas: "type title nav" "type description description";*/
  grid-template-columns: 1fr auto;
  grid-template-areas:
        "title nav"
        "description description";
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.section__head.more {
  grid-template-columns: 385px 2fr 362px;
  grid-template-areas: "type title button" "type description description";
}
.section__head--wide {
  grid-template-columns: 385px 1fr;
  grid-template-areas: "title nav" "description description";
}
.section__head-button {
  grid-area: button;
  max-width: 362px;
  width: 100%;
  align-self: end;
}
.section__type {
  grid-area: type;
  margin-top: 15px;
  color: var(--color-blue);
}
.section__type * {
  color: var(--color-blue);
}
.section__type--white {
  color: var(--color-white);
}
.section__type--blue-light {
  color: var(--color-button-text);
}
.section__title {
  grid-area: title;
}
.section__nav {
  grid-area: nav;
  align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
}
.section__description {
  grid-area: description;
  margin-top: 40px;
}
.section__description p + p {
  margin-top: 12px;
}
.section__content {
  margin-top: 40px;
  width: 100%;
}
.section__tabs-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 12px;
  margin-top: 40px;
}
.section__tabs-buttons .swiper-slide {
  opacity: 1;
  visibility: visible;
}
.section__tabs-button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.section__tabs-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
}
.section__tabs-tab {
  display: none;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility var(--time-transition-300), opacity var(--time-transition-300);
  transition: visibility var(--time-transition-300), opacity var(--time-transition-300);
}
.section__tabs-tab--active {
  display: initial;
  opacity: 1;
  visibility: visible;
}
.section__tabs-tab--active.section__tabs-tab--transparent {
  opacity: 0;
  visibility: hidden;
}
.section__tabs-tab--transparent {
  display: initial;
}
.section__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  padding: 0 16px;
  width: 100%;
}
.section__bottom--pagination {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.section__bottom--pagination > *:first-child {
  grid-column: 2;
}
.section__bottom--pagination > *:last-child {
  grid-column: 3;
  justify-self: end;
}
.section__bottom-more {
  max-width: 490px;
  width: 100%;
}
.section__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section__pagination-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  border: 1px solid var(--color-green);
  border-radius: 16px;
  -webkit-transition: background var(--time-transition-100);
  transition: background var(--time-transition-100);
}
.section__pagination-button:hover {
  background-color: var(--color-green);
}
.section__pagination-button:hover i {
  color: var(--color-white);
}
.section__pagination-button:active {
  background-color: var(--color-green-button-active);
  -webkit-transition: background var(--time-transition-100);
  transition: background var(--time-transition-100);
}
.section__pagination-button i {
  font-size: 16px;
  color: var(--color-green);
  -webkit-transition: color var(--time-transition-100);
  transition: color var(--time-transition-100);
}
.section__pagination-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 46px;
  height: 46px;
  padding: 16px;
  border-radius: 16px;
  color: var(--colo-dark);
  -webkit-transition: color var(--time-transition-300), background var(--time-transition-300);
  transition: color var(--time-transition-300), background var(--time-transition-300);
}
.section__pagination-item:hover {
  background-color: var(--color-green-button-second-hover);
  color: var(--color-white);
}
.section__pagination-item:active,.section__pagination-item.active {
  background-color: var(--color-green);
}
.section__pagination-item.active {
  color: var(--color-white);
  -webkit-transition: background var(--time-transition-100);
  transition: background var(--time-transition-100);
  pointer-events: none;
}
.section__pagination-separator {
  color: var(--colo-dark);
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  padding: 0 20px;
  max-width: 1560px;
  width: 100%;
}
.txt,.txt * {
  font-size: 14px;
}
.txt--big, .txt--big * {
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}
.txt--big strong, .txt--big * strong {
  font-weight: initial;
}
.txt--subtitle, .txt--subtitle * {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  display: none;
}
.txt--subtitle strong, .txt--subtitle * strong {
  font-weight: initial;
}
.txt--large, .txt--large * {
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}
.txt--large strong, .txt--large * strong {
  font-weight: initial;
}
.txt--medium, .txt--medium * {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}
.txt--medium strong, .txt--medium * strong {
  font-weight: initial;
}
.txt--tiny, .txt--tiny * {
  font-size: 14px;
  font-weight: 400;
}
.txt--button, .txt--button * {
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
.txt--button-text, .txt--button-text * {
  color: var(--color-button-text);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
.txt--button-link {
  color: var(--color-blue);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}
.txt--button-link.link {
  color: var(--color-blue);
}
.txt--button-link.link:hover {
  color: var(--color-green);
}
.txt--button-link.link:active {
  color: var(--color-green-button-active);
}
.txt--white {
  color: var(--color-white);
}
.txt--blue-light {
  color: var(--color-button-text);
}
.txt strong,
.txt b {
  font-weight: revert;
}

.marker li {
  margin-left: 1em;
}
.marker--arrow li::marker {
  content: "→";
}
.marker--check li {
  padding-left: 0.3em;
}
.marker--check li::marker {
  content: "✔";
}
.marker--check-green li {
  position: relative;
  padding-left: 0.3em;
}
.marker--check-green li::marker {
  content: "✅";
}
.marker--rhomb li {
  position: relative;
  padding-left: 0.3em;
}
.marker--rhomb li::marker {
  content: "🔹";
}
.marker--dot li {
  margin-left: 1.2em;
  padding-left: 0.3em;
  list-style: disc;
}
.marker--dot li::marker {
  font-size: 0.7em;
}

ol li {
  margin-left: 1em;
}

.section-booking {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 4px;
  padding: 0 18px;
  width: 100%;
  height: 100px;
}
.section-booking__background {
  margin: 0 18px;
  background-color: var(--color-blue);
  backdrop-filter: blur(5px);
  border-radius: 16px;
}
.section-booking__background--yellow {
  background-color: var(--color-yelow);
}
.section-booking .container {
  position: relative;
  width: 100%;
  height: 100%;
}
.section-booking .bnovo-widget {
  width: calc(100% - 36px) !important;
  position: absolute !important;
  top: 0;
}

.section-breadcrumbs {
  position: relative;
  padding-top: 18px;
}
.section-breadcrumbs__wrapper,.section-breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.section-breadcrumbs__list {
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.section-breadcrumbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--color-blue);
}
.section-breadcrumbs__item:hover {
  color: var(--color-button-text);
}
.section-breadcrumbs__item::after {
  content: "/";
  color: var(--color-blue);
}
.section-breadcrumbs__item:last-child {
  color: var(--color-button-text);
}
.section-breadcrumbs__item:last-child::after {
  content: unset;
}
.section-breadcrumbs__background {
  position: absolute;
  margin: 0 18px;
  border-radius: 16px 16px 0 0;
}
.section-breadcrumbs.room .section-breadcrumbs__background {
  background-color: var(--color-button-room);
}

.section-background {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.section-background--banner .section-background__image {
  position: absolute;
  top: 779px;
  left: -266px;
}
.section-background--right .section-background__image {
  position: absolute;
  top: -1310px;
  right: -266px;
  -webkit-transform: scale(-1, -1);
      -ms-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding: 16px;
  width: 100%;
  height: 80px;
  background: none;
  border: 1px solid var(--color-green);
  border-radius: 16px;
  color: var(--color-green);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 0;
  -webkit-transition: background var(--time-transition-300), color var(--time-transition-300);
  transition: background var(--time-transition-300), color var(--time-transition-300);
}
.btn * {
  color: var(--color-green);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transition: color var(--time-transition-300);
  transition: color var(--time-transition-300);
}
.btn:hover {
  background-color: var(--color-green);
}
.btn:hover,.btn:hover *,.btn:active {
  color: var(--color-white);
}
.btn:active {
  background-color: var(--color-green-button-active);
}
.btn:active *,.btn--active, .btn--fill {
  color: var(--color-white);
}
.btn--active, .btn--fill {
  background-color: var(--color-green);
}
.btn--active *, .btn--fill * {
  color: var(--color-white);
}
.btn--active:hover, .btn--fill:hover {
  background-color: var(--color-green-button-second-hover);
}
.btn--white {
  border: none;
  background-color: var(--color-white-transparent);
}
.btn--white:hover * {
  color: var(--color-white);
}

.swiper {
  width: 100%;
  overflow: visible;
}
.swiper-slide {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity var(--time-transition-300), visibility var(--time-transition-300);
  transition: opacity var(--time-transition-300), visibility var(--time-transition-300);
}
.swiper-slide.swiper-slide-visible {
  opacity: 1;
  visibility: visible;
}
.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 7px;
     -moz-column-gap: 7px;
          column-gap: 7px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8px;
  z-index: 1;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-pagination-bullet {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-green);
  opacity: 0.26;
  -webkit-transition: background var(--time-transition-300);
  transition: background var(--time-transition-300);
}
.swiper-pagination-bullet-active {
  opacity: 1;
}
.swiper-navigation .swiper-button-prev,
.swiper-navigation .swiper-button-next {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 0;
  font-size: 16px;
}
.swiper-navigation .swiper-button-prev::after,
.swiper-navigation .swiper-button-next::after {
  content: unset;
}
.swiper-navigation .swiper-button-prev.swiper-button-disabled,
.swiper-navigation .swiper-button-next.swiper-button-disabled {
  background: none;
  pointer-events: none;
  border-color: var(--color-grey);
}
.swiper-navigation .swiper-button-prev.swiper-button-disabled i,
.swiper-navigation .swiper-button-next.swiper-button-disabled i {
  color: var(--color-grey);
}
.swiper-navigation .swiper-button-prev.swiper-button-lock,
.swiper-navigation .swiper-button-next.swiper-button-lock {
  opacity: 0;
  visibility: hidden;
}
.background {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.background--green {
  background-color: var(--color-green);
  opacity: 0.26;
}

.chessboard {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 362px;
  grid-template-areas: "item-1 item-2 item-3 item-3" "item-4 item-5 item-6 item-7";
  gap: 24px;
}
.chessboard__card {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 16px;
}
.chessboard__card:nth-child(1) {
  grid-area: item-1;
}
.chessboard__card:nth-child(2) {
  grid-area: item-2;
}
.chessboard__card:nth-child(3) {
  grid-area: item-3;
}
.chessboard__card:nth-child(4) {
  grid-area: item-4;
}
.chessboard__card:nth-child(5) {
  grid-area: item-5;
}
.chessboard__card:nth-child(6) {
  grid-area: item-6;
}
.chessboard__card:nth-child(7) {
  grid-area: item-7;
}
.chessboard__card-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  padding: 32px;
  width: 100%;
}
.chessboard__card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.chessboard__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
}
.lg-outer .lg-counter-current,.lg-outer .lg-counter-all {
  color: #999;
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item.active:hover {
  border-color: var(--color-green);
}
.lg-outer .lg-thumb-item:hover {
  border-color: var(--color-green-active);
}

.ripple {
  position: relative;
  overflow: hidden;
}
.ripple-animation {
  pointer-events: none;
}
.ripple.btn--active .ripple-effect-dark,.ripple-effect {
  background: rgba(255, 255, 255, 0.4);
}
.ripple.btn--active .ripple-effect-dark,.ripple-effect,.ripple-effect-dark {
  width: 0;
  height: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 1;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.ripple-effect-dark {
  background: rgba(0, 0, 0, 0.4);
}
.ripple-animation {
  -webkit-animation: ripple-drop 0.4s cubic-bezier(0, 0, 0.3, 1);
          animation: ripple-drop 0.4s cubic-bezier(0, 0, 0.3, 1);
}
@-webkit-keyframes ripple-drop {
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@keyframes ripple-drop {
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

.b24forms {
  display: none;
}

/* END Common */
.header {
  position: relative;
  padding: 18px 18px 0;
  z-index: 1300;
}
.header__background {
  position: absolute;
  inset: 18px 18px 0;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  border-radius: 16px;
  z-index: 2;
}
.header__background-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 26, 131, 0.1)), color-stop(84.891%, rgba(140, 221, 255, 0)));
  background-image: linear-gradient(180deg, rgba(0, 26, 131, 0.1), rgba(140, 221, 255, 0) 84.891%);
}
.header__background-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.header.banner .header__background-image {
  display: none;
}
.header__wrapper {
  position: relative;
  margin-top: 36px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  grid-template-areas: "logo contacts schedule book" "menu menu menu calc";
  row-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 3;
}
.header__logo {
  grid-area: logo;
  width: 255px;
}
.header__logo-link {
  display: block;
  height: 100%;
}
.header__contacts {
  grid-area: contacts;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 43px;
}
.header__phone {
  font-family: var(--font-header);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.header__calback {
  color: var(--color-white);
  cursor: pointer;
}
.header__schedule {
  grid-area: schedule;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5px;
  margin-right: 42px;
}
.header__schedule-item {
  color: var(--color-white);
}
.header__book {
  grid-area: book;
  width: 360px;
  height: 60px;
}
.header__menu {
  grid-area: menu;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 20px;
  height: 50px;
}
.header__menu-item {
  position: relative;
}
.header__menu-link {
  color: var(--color-white);
  font-family: Unbounded, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-transform: uppercase;
}
.header__menu-submenu {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: -24px;
  bottom: 1px;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity var(--time-transition-300), visibility var(--time-transition-300);
  transition: opacity var(--time-transition-300), visibility var(--time-transition-300);
  pointer-events: none;
}
.header__menu-submenu-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
  margin-top: 17px;
  width: 250px;
  padding: 15px 15px 30px 25px;
  border-radius: 0px 0px 16px 16px;
  backdrop-filter: blur(5px);
  background: var(--color-submenu);
}
.header__menu-item:hover .header__menu-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.header__calc {
  grid-area: calc;
  justify-self: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  margin-right: 16px;
  height: 50px;
}
.header__calc-icon {
  font-size: 20px;
}
.header__calc-text {
  font-family: var(--font-header);
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
  text-transform: uppercase;
}
.header__burger {
  grid-area: burger;
  position: relative;
  width: 27px;
  height: 18px;
  cursor: pointer;
  z-index: 3;
  -webkit-transition: -webkit-transform 1s ease-in;
  transition: -webkit-transform 1s ease-in;
  transition: transform 1s ease-in;
  transition: transform 1s ease-in, -webkit-transform 1s ease-in;
}
.header__burger.active .header__burger-line:nth-child(1) {
  width: 100%;
  top: 8px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.header__burger.active .header__burger-line:nth-child(2) {
  opacity: 0;
}
.header__burger.active .header__burger-line:nth-child(3) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.header__burger-wrapper {
  grid-area: burger;
  align-self: center;
}
.header__burger-line {
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  width: 100%;
  background: var(--color-green-hover);
  border-radius: 9px;
  opacity: 1;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.header__burger-line:nth-child(1) {
  top: 0px;
}
.header__burger-line:nth-child(2) {
  top: 8px;
}
.header__burger-line:nth-child(3) {
  top: 15px;
}
.header__mobile {
  position: absolute;
  inset: 0;
  width: 100%;
  padding: 0 18px;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}
.header__mobile-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  margin-top: 5px;
  border-radius: 16px;
  backdrop-filter: blur(7px);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 26, 131, 0.1)), color-stop(84.891%, rgba(140, 221, 255, 0)));
  background: linear-gradient(180deg, rgba(0, 26, 131, 0.1), rgba(140, 221, 255, 0) 84.891%);
  background-color: rgba(0, 6, 65, 0.2);
  -webkit-transition: grid-template-rows var(--time-transition-300);
  transition: grid-template-rows var(--time-transition-300);
  transition: grid-template-rows var(--time-transition-300), -ms-grid-rows var(--time-transition-300);
}
.header__mobile.open .header__mobile-wrapper {
  grid-template-rows: 1fr;
}
.header__mobile-inner {
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
}
.header__mobile-inner,.header__mobile-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header__mobile-menu {
  row-gap: 26px;
  margin-top: 16px;
}
.header__mobile-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header__mobile-menu-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header__mobile-menu-link,.header__mobile-menu-link span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  color: var(--color-white);
  font-family: Unbounded;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.header__mobile-menu-link-icon {
  color: var(--color-white);
  font-size: 7px;
  -webkit-transition: -webkit-transform var(--time-transition-300);
  transition: -webkit-transform var(--time-transition-300);
  transition: transform var(--time-transition-300);
  transition: transform var(--time-transition-300), -webkit-transform var(--time-transition-300);
}
.header__mobile-menu-submenu {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows var(--time-transition-300);
  transition: grid-template-rows var(--time-transition-300);
  transition: grid-template-rows var(--time-transition-300), -ms-grid-rows var(--time-transition-300);
}
.header__mobile-menu-submenu-wrapper {
  margin-top: 16px;
  background: rgba(0, 6, 65, 0.09);
  border-radius: 16px;
  overflow: hidden;
}
.header__mobile-menu-submenu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 16px;
  padding: 12px 18px;
}
.header__mobile-menu-item.open .header__mobile-menu-link-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header__mobile-menu-item.open .header__mobile-menu-submenu {
  grid-template-rows: 1fr;
}
.header__mobile-calc {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  padding: 16px 38px;
  min-height: 50px;
  max-width: 328px;
  width: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.header__mobile-calc i.header__mobile-calc-icon {
  color: var(--color-green);
}
.header__mobile-calc-text {
  font-family: Unbounded;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.header__mobile-book {
  margin-top: 10px;
  max-width: 328px;
  width: 100%;
  height: 50px;
}
.header__mobile-schedule {
  margin-top: 20px;
  margin-bottom: 25px;
}
.header__mobile-schedule-item {
  color: var(--color-white);
}

.footer {
  grid-area: footer;
}
.footer__background {
  position: absolute;
  inset: 18px 18px 0;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  border-radius: 16px;
  z-index: -1;
}
.footer__background-image {
  width: 100%;
  height: 140%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer__top, .footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.footer__top {
  position: relative;
  padding: 79px 18px 0;
  height: 697px;
}
.footer__top-wrapper {
  display: grid;
  grid-template-columns: 362px 1fr auto 362px;
  grid-template-areas: "logo phone buttons buttons" "info info info calc";
  row-gap: 25px;
  -webkit-column-gap: 67px;
     -moz-column-gap: 67px;
          column-gap: 67px;
}
.footer__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  row-gap: 15px;
}
.footer__logo {
  grid-area: logo;
  align-self: center;
  width: 255px;
}
.footer__logo-link {
  display: block;
  height: 100%;
  width: 100%;
}
.footer__phone {
  grid-area: phone;
  align-self: center;
  justify-self: end;
  color: var(--color-green);
  font-family: Unbounded, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  text-transform: uppercase;
}
.footer__buttons {
  grid-area: buttons;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  row-gap: 24px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.footer__button {
  width: 362px;
}
.footer__info {
  grid-area: info;
  display: grid;
  grid-template-columns: 362px 1fr 317px;
  grid-template-areas: "menu-left menu-right address" "menu-left menu-right email" "menu-left menu-right schedule";
  -webkit-column-gap: 117px;
     -moz-column-gap: 117px;
          column-gap: 117px;
}
.footer__menu-left {
  grid-area: menu-left;
  row-gap: 26px;
}
.footer__menu-right {
  grid-area: menu-right;
  row-gap: 26px;
}
.footer__address {
  grid-area: address;
}
.footer__email {
  grid-area: email;
}
.footer__schedule {
  grid-area: schedule;
}
.footer__calc {
  grid-area: calc;
  align-self: start;
}
.footer__bottom {
  padding: 22px 0;
}
.footer__bottom-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "policy developer" "rights .";
  row-gap: 6px;
}
.footer__policy {
  grid-area: policy;
  color: var(--color-dark);
}
.footer__policy:hover {
  color: var(--color-green);
}
.footer__rights {
  grid-area: rights;
  color: var(--color-dark);
}
.footer__developer {
  grid-area: developer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer__developer-text {
  color: var(--color-dark);
}
.section-banner {
  position: relative;
  padding: 0 18px;
  margin-top: -156px;
  height: 780px;
}
.section-banner .swiper-slide {
  -webkit-transition: opacity var(--time-transition-1000), visibility var(--time-transition-1000) !important;
  transition: opacity var(--time-transition-1000), visibility var(--time-transition-1000) !important;
}
.section-banner .swiper-pagination {
  position: absolute;
  right: 184px;
  bottom: 25px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.section-banner__background {
  overflow: hidden;
  inset: 0 18px;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  border-radius: 16px;
  background-color: var(--color-button-text);
}
.section-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.section-banner .container {
  height: 100%;
}
.section-banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 266px;
  height: 100%;
}
.section-banner__title, .section-banner__text {
  color: var(--color-white);
}
.section-banner__text {
  margin-top: 20px;
}
.section-banner__button {
  margin-top: 40px;
  max-width: 361px;
  color: rgb(255, 255, 255);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.section-advantages {
  margin-top: 80px;
}
.section-advantages__content--index {
  margin-top: 44px;
  padding: 0 18px;
  display: grid;
  grid-template-columns: 25fr 25fr 25fr 25fr;
  grid-template-rows: auto 1fr;
  grid-auto-rows: auto 1fr;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  row-gap: 24px;
}
.section-advantages__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.section-advantages__content--index .section-advantages__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 1fr;
  grid-row: 2 span;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section-advantages__content--index .section-advantages__item:nth-child(1) .section-advantages__wrapper--end {
  justify-self: end;
}
.section-advantages__content--index .section-advantages__item picture {
  width: 100%;
  height: 324px;
  border-radius: 16px;
  overflow: hidden;
}
.section-advantages__content--index .section-advantages__item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-advantages__icon {
  color: var(--color-button-text);
  font-size: 18px;
}
.section-advantages__title {
  margin-top: 11px;
}
.section-advantages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
  margin-top: 8px;
}
.section-advantages__list-item {
  color: var(--color-dark);
  opacity: 0.67;
}
.section-advantages__content--index > .section-advantages__image {
  width: 100%;
  height: 324px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-advantages__text {
  margin-top: 8px;
}

.section-special__content {
  margin-top: 40px;
}
.section-special .swiper {
  overflow: visible;
}
.section-special .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 450px;
  width: 362px;
}
.section-special .swiper-pagination {
  margin-top: 8px;
}
.section-special__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 10px;
  padding: 24px;
  height: 100%;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.section-special__card:hover {
  -webkit-box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
          box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
}
.section-special__card picture {
  height: auto;
}
.section-special__card-image {
  width: 100%;
  height: 153px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-special__card-title {
  margin-top: 14px;
}
.section-special__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
}
.section-special__card-icon, .section-special__card:active .section-special__card-icon {
  font-size: 19px;
  color: var(--color-button-text);
}
.section-special__card-date {
  color: var(--color-dark);
  text-transform: uppercase;
}
.section-special__card-date,.section-special__card-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.section-special__card-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: var(--color-black);
}
.section-special__card-text-wrapper {
  height: 100%;
  overflow: hidden;
}
.section-special__card-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-top: auto;
  color: var(--color-green);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.section-special__all {
  max-width: 490px;
}

.section-package {
  padding: 80px 0 0;
}
.section-package > .section__background {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fdff), to(#e3f5ff));
  background: linear-gradient(180deg, #f9fdff, #e3f5ff 100%);
}
.section-package__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-package__row {
  margin-top: 58px;
}
.section-package__parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 40px;
}
.section-package__parameter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.section-package__parameter-icon {
  font-size: 24px;
  color: var(--color-button-text);
}
.section-package__index-wrapper {
  margin-top: 24px;
  padding: 0 18px;
  width: 100%;
}
.section-package__index-wrapper .swiper-wrapper {
  min-width: 100%;
}
.section-package__index-wrapper .swiper-slide {
  height: 456px;
  border-radius: 16px;
  overflow: hidden;
}
.section-package__index-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.section-package__index-wrapper .swiper-slide picture,
.section-package__index-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-package__index-wrapper .swiper-pagination {
  margin-top: 8px;
}
.section-package .section-booking {
  margin-top: 18px;
}
.section-package .section-package__sanatorium {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  max-width: 100%;
  width: 100vw;
}
.section-package .section-package__sanatorium + .section-package__sanatorium {
  margin-top: 112px;
}
.section-leisure .swiper {
  overflow: visible;
}
.section-leisure .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 362px;
}
.section-leisure .swiper-pagination {
  margin-top: 16px;
}
.section-leisure__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 10px;
  height: 100%;
  padding: 24px;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.section-leisure__card:hover {
  -webkit-box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
          box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
}
.section-leisure__card picture {
  height: auto;
}
.section-leisure__card-image {
  width: 100%;
  height: 213px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-leisure__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.3em;
}
.section-leisure__card-list-item {
  color: var(--color-black);
}
.section-leisure__card-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-top: auto;
  color: var(--color-green);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.section-food {
  padding: 99px 0 106px;
}
.section-food .section__background {
  position: absolute;
  margin: 0 18px;
  border-radius: 16px;
  background: var(--color-yelow);
}
.section-food__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 362px;
  grid-template-areas: "item-1 item-2 item-3 item-3" "item-4 item-5 item-6 item-7";
  gap: 24px;
}
.section-food__card {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 16px;
}
.section-food__card--1 {
  grid-area: item-1;
}
.section-food__card--2 {
  grid-area: item-2;
}
.section-food__card--3 {
  grid-area: item-3;
}
.section-food__card--4 {
  grid-area: item-4;
}
.section-food__card--5 {
  grid-area: item-5;
}
.section-food__card--6 {
  grid-area: item-6;
}
.section-food__card--7 {
  grid-area: item-7;
}
.section-food__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-food__text {
  margin: 0 33px;
}

.section-rooms .swiper {
  padding: 0 18px;
  height: 543px;
}
.section-rooms .swiper-slide {
  width: 256px;
  height: 340px;
}
.section-rooms .swiper-slide picture,
.section-rooms .swiper-slide img {
  height: 340px;
}
.section-rooms .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-rooms .swiper-pagination {
  margin-top: 16px;
}

.section-reviews {
  margin-top: 112px;
  margin-bottom: 112px;
}
.section-reviews__content {
  padding: 0 16px;
}
.section-reviews .swiper-slide {
  width: 362px;
}
.section-reviews__card {
  padding: 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "author raiting" "source source" "text text";
  row-gap: 14px;
  border-radius: 16px;
  background-color: var(--color-blue-light);
}
.section-reviews__author {
  grid-area: author;
}
.section-reviews__raiting {
  grid-area: raiting;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.section-reviews__raiting i {
  font-size: 21px;
  color: var(--color-green);
}
.section-reviews__source {
  grid-area: source;
}
.section-reviews__text {
  grid-area: text;
}
.section-reviews .section__bottom {
  display: none;
}

.section-banner {
  position: relative;
  padding: 0 18px;
  margin-top: -156px;
  height: 780px;
}
.section-banner .swiper-slide {
  -webkit-transition: opacity var(--time-transition-1000), visibility var(--time-transition-1000) !important;
  transition: opacity var(--time-transition-1000), visibility var(--time-transition-1000) !important;
}
.section-banner .swiper-pagination {
  position: absolute;
  right: 184px;
  bottom: 25px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.section-banner__background {
  overflow: hidden;
  inset: 0 18px;
  max-width: 100%;
  width: auto;
  max-height: 100%;
  border-radius: 16px;
  background-color: var(--color-button-text);
}
.section-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.section-banner .container {
  height: 100%;
}
.section-banner__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 266px;
  height: 100%;
}
.section-banner__title, .section-banner__text {
  color: var(--color-white);
}
.section-banner__text {
  margin-top: 20px;
}
.section-banner__button {
  margin-top: 40px;
  max-width: 361px;
  color: rgb(255, 255, 255);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}

.section-advantages {
  margin-top: 80px;
}
.section-advantages__content--sanatorium {
  margin-top: 44px;
  display: grid;
  grid-template-columns: 3fr 5fr 4fr;
  grid-template-rows: auto 1fr;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  row-gap: 24px;
}
.section-advantages__content--sanatorium .section-advantages__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 1fr;
  grid-row: 2 span;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section-advantages__content--sanatorium .section-advantages__item picture {
  margin-top: auto;
  height: 324px;
  border-radius: 16px;
  overflow: hidden;
}
.section-advantages__content--sanatorium .section-advantages__item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.section-advantages__icon {
  color: var(--color-button-text);
  font-size: 18px;
}
.section-advantages__title {
  margin-top: 11px;
}
.section-advantages__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
  margin-top: 8px;
}
.section-advantages__list-item {
  color: var(--color-dark);
  opacity: 0.67;
}
.section-advantages__content--sanatorium > .section-advantages__image {
  margin-top: auto;
  width: 100%;
  height: 324px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.section-special__content {
  margin-top: 40px;
}
.section-special .swiper {
  overflow: visible;
}
.section-special .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 450px;
  width: 362px;
}
.section-special .swiper-pagination {
  margin-top: 8px;
}
.section-special__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 10px;
  padding: 24px;
  height: 100%;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.section-special__card:hover {
  -webkit-box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
          box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
}
.section-special__card picture {
  height: auto;
}
.section-special__card-image {
  width: 100%;
  height: 153px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-special__card-title {
  margin-top: 14px;
}
.section-special__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 11px;
     -moz-column-gap: 11px;
          column-gap: 11px;
}
.section-special__card-icon, .section-special__card:active .section-special__card-icon {
  font-size: 19px;
  color: var(--color-button-text);
}
.section-special__card-date {
  color: var(--color-dark);
  line-height: 16px;
  text-transform: uppercase;
}
.section-special__card-date,.section-special__card-text {
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
}
.section-special__card-text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: var(--color-black);
}
.section-special__card-text-wrapper {
  height: 100%;
  overflow: hidden;
}
.section-special__card-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-top: auto;
  color: var(--color-green);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.section-special__all {
  margin-top: 40px;
  max-width: 490px;
}

.section-package-sanatorium {
  padding: 114px 0 80px;
}
.section-package-sanatorium > .section__background {
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fdff), to(#e3f5ff));
  background: linear-gradient(180deg, #f9fdff, #e3f5ff 100%);
}
.section-package-sanatorium__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.section-package-sanatorium__row {
  margin-top: 58px;
}
.section-package-sanatorium__how-card-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 24px;
}
.section-package-sanatorium__how-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.section-package-sanatorium__how-card-number {
  font-size: 24px;
  color: var(--color-button-text);
}
.section-package-sanatorium__how-card-subtitle {
  opacity: 0.67;
  color: var(--color-blue);
}
.section-package-sanatorium__how-card-text {
  opacity: 0.67;
  word-break: keep-all;
}
.section-package-sanatorium__what-wrapper {
  display: grid;
  grid-template-columns: 362px 1fr;
  grid-template-rows: 227px 1fr;
  grid-template-areas: "title cards" "button cards";
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.section-package-sanatorium__what-title {
  grid-area: title;
  margin-top: 25px;
}
.section-package-sanatorium__what-button {
  grid-area: button;
}
.section-package-sanatorium__what-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 24px;
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.section-package-sanatorium__what-card:hover {
  -webkit-box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
          box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
}
.section-package-sanatorium__what-card-wrapper {
  grid-area: cards;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.section-package-sanatorium__what-card picture {
  height: auto;
}
.section-package-sanatorium__what-card-image {
  border-radius: 16px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 280px;
}
.section-package-sanatorium__what-card-title {
  margin-top: 20px;
}
.section-package-sanatorium__what-card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2px;
  margin-top: 10px;
}
.section-package-sanatorium__what-card-more {
  margin-top: auto;
  color: var(--color-green);
}

.section-programs {
  margin-top: 18px;
  padding: 80px 0;
}
.section-programs .section__background {
  position: absolute;
  margin: 0 16px;
  border-radius: 16px;
  background: var(--color-blue);
}
.section-programs__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
}
.section-programs__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 55px;
}
.section-programs__card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 67px 37px;
  height: 280px;
  border-radius: 16px;
  overflow: hidden;
}
.section-programs__card picture, .section-programs__card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-programs__card-text {
  position: relative;
}
.section-programs__card-text br {
  display: none;
}

.section-leisure .swiper {
  overflow: visible;
}
.section-leisure .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 362px;
}
.section-leisure .swiper-pagination {
  margin-top: 16px;
}
.section-leisure__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 10px;
  height: 100%;
  padding: 24px;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.section-leisure__card:hover {
  -webkit-box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
          box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
}
.section-leisure__card picture {
  height: auto;
}
.section-leisure__card-image {
  width: 100%;
  height: 213px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-leisure__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.3em;
}
.section-leisure__card-list-item {
  color: var(--color-black);
}
.section-leisure__card-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-top: auto;
  color: var(--color-green);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

.section-quiz {
  padding: 80px 16px;
}
.section-quiz .section__background {
  padding: 0 16px;
}
.section-quiz__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}

.section-habitation .swiper {
  overflow: visible;
  margin-top: 40px;
}
.section-habitation .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  width: 362px;
}
.section-habitation__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 7.2px 0px var(--color-shadow-habitation);
          box-shadow: 0px 4px 7.2px 0px var(--color-shadow-habitation);
}
.section-habitation__card,.section-habitation__card-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.section-habitation__card-slider {
  width: 100%;
  height: 256px;
  border-radius: 16px 16px 0 0;
}
.section-habitation__card picture,
.section-habitation__card img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  visibility: 0;
  -webkit-transition: opacity var(--time-transition-100), visibility var(--time-transition-100);
  transition: opacity var(--time-transition-100), visibility var(--time-transition-100);
}
.section-habitation__card picture.active,
.section-habitation__card img.active,.section-habitation__card picture.active img,
.section-habitation__card img.active img {
  opacity: 1;
  visibility: 1;
}
.section-habitation__card .hvr,.section-habitation__card .hvr__images {
  position: relative;
}
.section-habitation__card .hvr__sectors {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-habitation__card .hvr__sectors,.section-habitation__card .hvr__dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-habitation__card .hvr__dots {
  bottom: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 5px;
}
.section-habitation__card .hvr__dot {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 3px;
  background: var(--color-white);
  opacity: 0.5;
  border-radius: 2px;
}
.section-habitation__card .hvr__dot--active {
  opacity: 1;
}
.section-habitation__card .hvr__sector {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.section-habitation__card-title {
  margin-top: 12px;
  padding: 0 16px;
}
.section-habitation__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 6px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 8px;
  padding: 0 16px;
}
.section-habitation__card-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.section-habitation__card-icon, .section-habitation__card:active .section-habitation__card-icon {
  font-size: 19px;
  color: var(--color-button-text);
}
.section-habitation__card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 22px;
     -moz-column-gap: 22px;
          column-gap: 22px;
  margin-top: auto;
  padding: 8px 16px 16px;
}
.section-habitation__card-price {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 7px;
     -moz-column-gap: 7px;
          column-gap: 7px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.section-habitation__card-price-from {
  margin-bottom: 0.1em;
  color: var(--color-black);
  font-family: Unbounded, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.section-habitation__card-button {
  padding: 15px 12px;
  height: 46px;
  max-width: 160px;
  border-radius: 10px;
  font-family: Unbounded, sans-serif;
  font-size: 12px;
  line-height: 15px;
}
.section-habitation__all {
  font-family: Unbounded, sans-serif;
  max-width: 490px;
}

.section-food {
  padding: 99px 0 106px;
}
.section-food .section__background {
  position: absolute;
  margin: 0 16px;
  border-radius: 16px;
  background: var(--color-yelow);
}

.section-documents .swiper-slide {
  width: 362px;
  height: 422px;
}
.section-documents__card {
  display: block;
}

.section-video {
  padding: 80px 0;
}
.section-video__background {
  position: absolute;
  bottom: 230px;
  margin: 0 16px;
  border-radius: 16px;
  background: var(--color-blue);
}
.section-video__wrapper {
  height: 658px;
  border-radius: 16px;
  overflow: hidden;
}
.section-video__video {
  -o-object-fit: cover;
     object-fit: cover;
}
.section-video .plyr {
  height: 100%;
}
.section-video .plyr__control svg {
  stroke: var(--color-white);
  fill: var(--color-white);
}
.section-video .plyr__controls {
  visibility: hidden;
}
.section-video .plyr--playing .plyr__controls {
  visibility: visible;
}
.section-video .plyr:-webkit-full-screen .section-video__video {
  object-fit: contain;
}
.section-video .plyr:-ms-fullscreen .section-video__video {
  object-fit: contain;
}
.section-video .plyr:fullscreen .section-video__video {
  -o-object-fit: contain;
     object-fit: contain;
}

.section-reviews-sanatorium {
  margin-top: 36px;
}
.section-reviews-sanatorium__content {
  padding: 0 16px;
}
.section-reviews-sanatorium .swiper-slide {
  width: 362px;
}
.section-reviews-sanatorium__card {
  padding: 22px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "author raiting" "source source" "text text";
  row-gap: 14px;
  border-radius: 16px;
  background-color: var(--color-blue-light);
}
.section-reviews-sanatorium__author {
  grid-area: author;
}
.section-reviews-sanatorium__raiting {
  grid-area: raiting;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.section-reviews-sanatorium__raiting i {
  font-size: 21px;
  color: var(--color-green);
}
.section-reviews-sanatorium__source {
  grid-area: source;
}
.section-reviews-sanatorium__text {
  grid-area: text;
}
.section-reviews-sanatorium .section__bottom {
  display: none;
}

.section-news .swiper {
  overflow: visible;
}
.section-news .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 450px;
  width: 362px;
}
.section-news .swiper-pagination {
  margin-top: 24px;
}
.section-news__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 24px;
  height: 100%;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.section-news__card:hover {
  -webkit-box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
          box-shadow: 0px 9px 22.2px 0px var(--color-shadow);
}
.section-news__card picture {
  height: auto;
}
.section-news__card-image {
  width: 100%;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-news__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 5px;
  min-height: 52px;
}
.section-news__card-text {
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: var(--color-black);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.section-news__card-text-wrapper {
  height: 100%;
  overflow: hidden;
}
.section-news__card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.section-news__card-date {
  color: var(--color-button-text);
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.section-news__card-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
  margin-top: auto;
  color: var(--color-green);
}
.section-news__all {
  font-family: Unbounded, sans-serif;
  max-width: 490px;
}

.section-leisure-detail {
  margin-top: 40px;
}
.section-leisure-detail__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 24px;
}
.section-leisure-detail__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
}
.section-leisure-detail__card picture,.section-leisure-detail__card-image {
  max-height: 217px;
  width: 100%;
  height: 100%;
}
.section-leisure-detail__card-image {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 13px;
}
.section-leisure-detail__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  margin: auto 0;
}
.section-leisure-detail__card-title {
  margin-top: 10px;
}
.section-leisure-detail__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
}
.section-leisure-detail__card-list-item {
  color: var(--color-black);
  font-size: 14px;
  line-height: 16px;
}
.section-leisure-detail__card-text {
  grid-column: span 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 24px;
}
.section-leisure-detail__card-text-descrioption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
}

.section-package-sanatorium--leisure .section-package-sanatorium__how-card-wrapper {
  margin-top: 40px;
}
.section-package-sanatorium.section-package--leisure {
  padding: 80px 0;
}

.section-rooms-filter__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.section-rooms-filter__item {
  height: 40px;
  padding: 16px 10px;
  font-size: 11px;
  font-weight: 600;
}

.section-habitation--rooms {
  margin-top: 64px;
}

.section-top-page + .section-room-detail-top {
  margin-top: 0;
}

.section-room-detail-top {
  padding: 24px 0 40px;
}
.section-room-detail-top__background {
  position: absolute;
  margin: 0 18px;
  background-color: var(--color-button-room);
  border-radius: 0 0 16px 16px;
}
.section-room-detail-top__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-room-detail-top__info-button {
  max-width: 362px;
}
.section-room-detail-top__slider {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.section-room-detail-top__slider-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: 624px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 24px;
}
.section-room-detail-top__slider-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-room-detail-top__slider-thumbs {
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
}
.section-room-detail-top__slider-thumbs-image {
  display: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  cursor: pointer;
}
.section-room-detail-top__slider-thumbs-image:nth-child(-n+4) {
  display: block;
}
.section-room-detail-top__slider-thumbs-more {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.section-room-detail-top__slider-thumbs-more-wrapper {
  position: absolute;
  inset: 0;
  background-color: rgba(8, 57, 99, 0.49);
}
.section-room-detail-top__slider-thumbs-more-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.section-room-detail-top__slider-thumbs-more-text {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}
.section-room-detail-top__slider-thumbs-more-text * {
  color: var(--color-green-hover);
}

.section-room-detail-description {
  margin-top: 40px;
}
.section-room-detail-description__description {
  margin-top: 0;
}
.section-room-detail-description__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 10px;
  padding: 34px 13px;
  border: 1px solid var(--color-button-text);
  border-radius: 8px;
  background: var(--color-white);
}
.section-room-detail-description__card-wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.section-room-detail-description__card-icon {
  font-size: 37px;
  color: var(--color-blue);
}
.section-room-detail-description__card-text {
  text-align: center;
}

.section-room-detail-details {
  margin-top: 50px;
}
.section__head + .section-room-detail-details__row {
  margin-top: 40px;
}
.section-room-detail-details__row + .section-room-detail-details__row {
  margin-top: 24px;
}
.section-room-detail-details__row {
  display: grid;
  grid-template-columns: 409px 1fr;
}
.section-room-detail-details__list {
  row-gap: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}
.section-room-detail-details__list--main-list {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-auto-flow: row;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.section-room-detail-details__list--second-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-room-detail-details__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 13px;
     -moz-column-gap: 13px;
          column-gap: 13px;
  min-height: 45px;
}
.section-room-detail-details__list-item-icon {
  font-size: 32px;
  color: var(--color-button-text);
}
.section-room-detail-details__list-wrapper {
  grid-column: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}
.section-room-detail-details__list-header {
  margin-bottom: 18px;
}

.section-booking--room {
  margin-top: 56px;
}
.section-video--room {
  margin-top: 8px;
  padding: 67px 0 24px;
}
.section-video--room .section-video__background {
  bottom: 157px;
}

.section-reviews-top {
  margin-top: 40px;
}
.section-reviews-top-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.section-reviews-top__source {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  border: 1px solid var(--color-green);
  border-radius: 16px;
}
.section-reviews-top__source picture {
  width: auto;
  height: 39px;
}
.section-reviews-top__source-image {
  height: 39px;
}

.section-reviews-list {
  margin-top: 80px;
}
.section-reviews-list__container {
  margin-top: 40px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 24px;
}
.section-reviews-list__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 524px;
  padding: 22px 23px;
  row-gap: 30px;
  border-radius: 16px;
  background: var(--color-blue-light);
  overflow: hidden;
}
.section-reviews-list__item--video {
  padding: 0;
}
.section-reviews-list__item--video:hover .section-reviews-list__item-icon-wrapper {
  background-color: var(--color-white);
}
.section-reviews-list__item--video:hover .section-reviews-list__item-icon-play {
  color: var(--color-green);
}
.section-reviews-list__item--video .section-reviews-list__item-wrapper {
  display: block;
  width: 100%;
  height: 100%;
}
.section-reviews-list__item--video .section-reviews-list__item-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-reviews-list__item--video .section-reviews-list__item-icon-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 50%;
  left: 50%;
  width: 81px;
  height: 81px;
  background-color: var(--color-green);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: background var(--time-transition-300);
  transition: background var(--time-transition-300);
}
.section-reviews-list__item--video .section-reviews-list__item-icon-play {
  font-size: 32px;
  color: var(--color-white);
  -webkit-transition: color var(--time-transition-300);
  transition: color var(--time-transition-300);
}
.section-reviews-list__item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.section-reviews-list__item-raiting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.section-reviews-list__item-raiting i {
  font-size: 21px;
  color: var(--color-green);
}

.section-top-page--scheme .section__description {
  margin-top: 22px;
}

.section-scheme {
  margin: 40px 0 6px;
  padding: 0 18px;
}
.section-scheme__image {
  max-height: 100%;
  max-width: unset;
}
.section-scheme__image-outer {
  overflow: hidden;
  width: 100%;
  height: 1040px;
  border-radius: 16px;
}
.section-scheme__image-wrapper {
  overflow: auto;
  height: 100%;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section-scheme__image-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.section-scheme__image-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.news-list {
  margin-top: 56px;
}
.news-list__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: 24px;
}
.news-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news-list__item:hover .news-list__item-image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.news-list__item-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform var(--time-transition-300);
  transition: -webkit-transform var(--time-transition-300);
  transition: transform var(--time-transition-300);
  transition: transform var(--time-transition-300), -webkit-transform var(--time-transition-300);
}
.news-list__item-image-wrapper {
  overflow: hidden;
  height: 260px;
  border-radius: 16px;
}
.news-list__item-title {
  margin-top: 24px;
}
.news-list__item-date {
  margin-top: 12px;
  color: var(--color-button-text);
}

.section-news-detail {
  margin-top: 24px;
}
.section-news-detail .container {
  border-top: 1px solid var(--color-button-text);
}
.section-news-detail__icon {
  font-size: 20px;
  color: var(--color-green);
}
.section-news-detail__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 32px;
  max-width: 1006px;
  margin: 40px auto 0;
}
.section-news-detail__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-news-detail__date-wrapper,.section-news-detail__share-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
}
.section-news-detail__image {
  width: 100%;
  height: 100%;
  min-height: 200px;
  max-height: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-news-detail__image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
}
.section-news-detail__image-author {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: var(--color-button-text);
}
.section-news-detail__text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}
.section-news-detail__text,.section-news-detail__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-news-detail__bottom {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section-news-detail__return {
  max-width: 304px;
}
.section-news-detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
}

.section-faq {
  margin-top: 40px;
}
.section-faq .swiper-slide {
  width: auto;
  opacity: 1;
  visibility: visible;
}
.section-faq .swiper-slide .btn {
  min-width: 230px;
  width: auto;
}
.section-faq .section__tabs-buttons {
  margin: 0;
}
.section-faq .section__tabs-wrapper {
  margin: 56px auto 0;
  max-width: 1006px;
}
.section-faq__tabs-outer .section__tabs-button {
  height: 60px;
}
.section-faq__container {
  margin: 0 auto;
  padding: 0;
  max-width: 1006px;
  width: 100%;
}

.faq__wrapper {
  row-gap: 18px;
  margin: 0 auto;
  width: 100%;
}
.faq__wrapper,.faq__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.faq__item {
  row-gap: 0;
  padding: 32px 50px;
  border: 1px solid rgba(64, 173, 96, 0.26);
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
}
.faq__item:hover,.faq__item.open {
  -webkit-box-shadow: 0px 5px 26.7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 26.7px 0px rgba(0, 0, 0, 0.2);
}
.faq__item.open {
  border-color: var(--color-white);
}
.faq__item.open .faq__question,.faq__item.open .faq__icon {
  color: var(--color-green);
}
.faq__item.open .faq__icon {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.faq__item.open .faq__answer {
  visibility: visible;
  opacity: 1;
}
.faq__item.open .faq__answer-wrapper {
  grid-template-rows: 1fr;
}
.faq__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  cursor: pointer;
}
.faq__question {
  color: var(--color-dark);
  font-family: Unbounded;
  font-size: 20px;
  font-weight: 400;
  -webkit-transition: color var(--time-transition-300);
  transition: color var(--time-transition-300);
}
.faq__icon {
  font-size: 28px;
  font-weight: 400;
  -webkit-transition: color 400ms, -webkit-transform 400ms;
  transition: color 400ms, -webkit-transform 400ms;
  transition: color 400ms, transform 400ms;
  transition: color 400ms, transform 400ms, -webkit-transform 400ms;
}
.faq__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
  margin-top: 24px;
  color: var(--color-black);
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: visibility 400ms, opacity 400ms, margin 400ms;
  transition: visibility 400ms, opacity 400ms, margin 400ms;
}
.faq__answer-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 400ms;
  transition: grid-template-rows 400ms;
  transition: grid-template-rows 400ms, -ms-grid-rows 400ms;
}

.section-contacts-top {
  margin-top: 40px;
}
.section-contacts-top__wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
}
.section-contacts-top__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 32px;
  padding: 56px 40px;
  border-radius: 16px;
  background-color: var(--color-blue-light);
}
.section-contacts-top__contacts-phone-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.section-contacts-top__contacts-phone-icon {
  font-size: 19px;
  color: var(--color-green);
}
.section-contacts-top__contacts-email-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.section-contacts-top__contacts-email-icon {
  font-size: 19px;
  color: var(--color-green);
}
.section-contacts-top__contacts-social-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.section-contacts-top__contacts-social-icon {
  font-size: 33px;
  color: var(--color-white);
}
.section-contacts-top__contacts-social-icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background-color: var(--color-green);
}
.section-contacts-top__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}
.section-contacts-top__info-button {
  max-width: 361px;
}

.section-contacts-map .section__description {
  margin-top: 23px;
}
.section-contacts-map .section__content {
  margin-top: 23px;
}
.section-contacts-map #contacts__map {
  width: 100%;
  height: 620px;
  border-radius: 16px;
  -webkit-box-shadow: 0px 17px 60.8px 0px rgba(0, 46, 72, 0.25);
          box-shadow: 0px 17px 60.8px 0px rgba(0, 46, 72, 0.25);
  overflow: hidden;
}

.section-contacts-bottom .section__description {
  margin-top: 26px;
}
.section-contacts-bottom__info {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  row-gap: 6px;
}
.section-contacts-bottom__info-item {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
.section-contacts-bottom__info-item-value {
  justify-self: end;
}

.section-profiles {
  margin-top: 40px;
}
.section-profiles__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  gap: 24px;
}
.section-profiles__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 14px 18px;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
}
.section-profiles__card-icon {
  font-size: 48px;
  color: var(--color-button-text);
}
.section-profiles__card-title {
  margin-top: 10px;
}
.section-profiles__card-info {
  row-gap: 15px;
}
.section-profiles__card-info,.section-profiles__card-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.section-profiles__card-description {
  grid-column: span 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 32px;
}
.section-profiles__card-description-button {
  max-width: 361px;
}

.section-equipment {
  margin-top: 112px;
}
.section-equipment__content {
  display: grid;
  grid-template-rows: 250px auto;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.section-equipment__card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 7.2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 4px 7.2px 0px rgba(0, 0, 0, 0.16);
  background: var(--color-white);
  overflow: hidden;
  cursor: pointer;
}
.section-equipment__card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform var(--time-transition-300);
  transition: -webkit-transform var(--time-transition-300);
  transition: transform var(--time-transition-300);
  transition: transform var(--time-transition-300), -webkit-transform var(--time-transition-300);
}
.section-equipment__card-image-wrapper {
  height: 250px;
  overflow: hidden;
}
.section-equipment__card:hover .section-equipment__card-image {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.section-equipment__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
  margin: 10px 18px 20px;
}
.section-food-top {
  margin-top: 0px;
}
.section-food-top .section__description {
  margin-top: 24px;
}
.section-food-top .section__background {
  top: -308px;
  height: 680px;
  margin: 0 18px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9fdff), to(#e3f5ff));
  background: linear-gradient(180deg, #f9fdff, #e3f5ff 100%);
  border-radius: 16px;
  overflow: hidden;
}
.section-food-top .section__background-image {
  top: 0px;
  right: 0;
  position: absolute;
}
.section-food-top__content--food {
  margin-top: 44px;
  padding: 0 18px;
  display: grid;
  grid-template-columns: 30fr 20fr 27fr 23fr;
  grid-template-rows: auto 1fr;
  grid-auto-rows: auto 1fr;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
  row-gap: 24px;
}
.section-food-top__content--food .section-food-top__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-template-columns: 1fr;
  grid-row: 2 span;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.section-food-top__content--food .section-food-top__item:nth-child(1) .section-food-top__wrapper--end {
  justify-self: end;
}
.section-food-top__content--food .section-food-top__item picture {
  width: 100%;
  height: 324px;
  border-radius: 16px;
  overflow: hidden;
}
.section-food-top__content--food .section-food-top__item picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-food-top__icon {
  color: var(--color-button-text);
  font-size: 18px;
}
.section-food-top__title {
  margin-top: 11px;
}
.section-food-top__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0.5em;
  margin-top: 8px;
}
.section-food-top__list-item {
  color: var(--color-dark);
  opacity: 0.67;
}
.section-food-top__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.section-food-top__content--food > .section-advantages__image {
  width: 100%;
  height: 324px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-food-main .container {
  position: relative;
}
.section-food-main .section__background-image {
  position: absolute;
  bottom: 0;
  left: 0;
}
.section-food-main__time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}
.section-food-main__time-icon {
  font-size: 32px;
  color: var(--color-button-text);
}
.section-food-main__time-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-food-main__time-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
}
.section-food-main__menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: row;
  gap: 40px;
  margin-top: 40px;
}
.section-food-main__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
  width: 492px;
}
.section-food-main__menu-item:nth-child(even) {
  justify-self: end;
}
.section-food-main__menu-item--trick {
  row-gap: 16px;
  margin-top: -30px;
  padding: 30px;
  background-color: var(--color-green-hover);
  border-radius: 16px;
}
.section-food-main__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-food-main__image-wrapper {
  margin-top: 40px;
  height: 430px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.section-food-main--individual .section__description {
  margin-top: 24px;
}
.section-food-main--individual .section__background-image {
  top: 174px;
  right: 0;
  left: unset;
  bottom: unset;
}
.section-food-main--individual .section-food-main__menu {
  grid-template-columns: 1fr 1.2fr;
  gap: 24px;
  max-width: 772px;
}
.section-food-main--individual .section-food-main__menu-item {
  width: 100%;
}
.section-food-main--individual .section-food-main__image-wrapper {
  height: 340px;
}
.section-food-main--holiday .section__background {
  overflow: visible;
}
.section-food-main--holiday .section__background-image {
  bottom: 0;
  left: 0;
  position: absolute;
}
.section-food-main--holiday .section-food-main__menu {
  grid-template-columns: 1fr 1.2fr;
  grid-auto-flow: dense;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 0;
}
.section-food-main--holiday .section-food-main__menu-item--trick {
  grid-row: 1/span 2;
  grid-column: 2;
  margin-top: auto;
  width: 100%;
}

.section-doctors .section__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 262px auto;
  gap: 24px;
  margin-top: 0;
}
.section-doctors__card {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 32px;
  padding: 24px;
  border: 1px solid var(--color-button-text);
  border-radius: 16px;
  background: var(--color-white);
}
.section-doctors__card picture, .section-doctors__card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.section-doctors__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 13px;
}

.section-procedures {
  padding: 80px 0;
}
.section-procedures__background {
  margin: 0 18px;
  background-color: var(--color-button-text);
  opacity: 0.13;
  border-radius: 16px;
}
.section-procedures__content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  gap: 24px;
}
.section-procedures__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  border-radius: 16px;
  background: var(--color-white);
  -webkit-transition: -webkit-box-shadow var(--time-transition-300);
  transition: -webkit-box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300);
  transition: box-shadow var(--time-transition-300), -webkit-box-shadow var(--time-transition-300);
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 7.2px 0px var(--color-shadow-habitation);
          box-shadow: 0px 4px 7.2px 0px var(--color-shadow-habitation);
}
.section-procedures__card,.section-procedures__card-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.section-procedures__card-slider {
  width: 100%;
  height: 256px;
  border-radius: 16px 16px 0 0;
}
.section-procedures__card picture,
.section-procedures__card img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  visibility: 0;
  -webkit-transition: opacity var(--time-transition-100), visibility var(--time-transition-100);
  transition: opacity var(--time-transition-100), visibility var(--time-transition-100);
}
.section-procedures__card picture.active,
.section-procedures__card img.active,.section-procedures__card picture.active img,
.section-procedures__card img.active img {
  opacity: 1;
  visibility: 1;
}
.section-procedures__card .hvr,.section-procedures__card .hvr__images {
  position: relative;
}
.section-procedures__card .hvr__sectors {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.section-procedures__card .hvr__sectors,.section-procedures__card .hvr__dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section-procedures__card .hvr__dots {
  bottom: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 5px;
}
.section-procedures__card .hvr__dot {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  height: 3px;
  background: var(--color-white);
  opacity: 0.5;
  border-radius: 2px;
}
.section-procedures__card .hvr__dot--active {
  opacity: 1;
}
.section-procedures__card .hvr__sector {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.section-procedures__card-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 20px 18px;
  row-gap: 21px;
}
.section-procedures__card-button {
  margin-top: auto;
  padding: 15px 12px;
  height: 46px;
  border-radius: 10px;
  font-size: 12px;
}

.section-doctors-programs {
  margin-top: 18px;
  padding: 80px 0;
}
.section-doctors-programs .section__background {
  position: absolute;
  margin: 0 16px;
  border-radius: 16px;
  background: #408ead;
  opacity: 0.26;
}
.section-doctors-programs__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
}
.section-doctors-programs__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  margin-top: 55px;
}
.section-doctors-programs__card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 67px 37px;
  height: 280px;
  border-radius: 16px;
  overflow: hidden;
}
.section-doctors-programs__card picture, .section-doctors-programs__card-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section-doctors-programs__card-text {
  position: relative;
}
.section-doctors-programs__card-text br {
  display: none;
}

.section-price-top {
  margin-top: 40px;
}
.section-price-top__wrapper {
  display: grid;
  grid-template-columns: 25fr 34fr 41fr;
  gap: 24px;
}
.section-price-top__address {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 32px;
}
.section-price-top__address,.section-price-top__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 24px 32px;
  border-radius: 16px;
  background-color: var(--color-blue-light);
}
.section-price-top__contacts {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 15px;
}
.section-price-top__contacts-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 7px;
}
.section-price-top__contacts-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.section-price-top__contacts-item {
  color: var(--color-black);
}
.section-price-top__contacts-item:hover {
  color: var(--color-green);
}
.section-price-top__contacts-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.section-price-top__contacts-item-icon {
  font-size: 19px;
  color: var(--color-green);
}
.section-price-top__contacts-email-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.section-price-top__contacts-email-icon {
  font-size: 19px;
  color: var(--color-green);
}
.section-price-top__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}
.section-price-top__info-button {
  max-width: 362px;
  margin-top: auto;
}

.section-price {
  margin-top: 80px;
}
.section-price__tabs-button {
  -webkit-column-gap: 1em;
     -moz-column-gap: 1em;
          column-gap: 1em;
  border-radius: 8px;
}
.section-price .section__tabs-wrapper {
  margin-top: 80px;
}
.section-price__tabs-outer .swiper-slide {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(33% - 3px);
          flex: 1 0 calc(33% - 3px);
  min-width: 250px;
}
.section-price__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.section-price__table-wrapper {
  overflow-x: scroll;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.section-price__table-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.section-price__table .fixed {
  max-width: 50vw;
  position: sticky;
  left: 0;
  text-align: left;
  z-index: 1;
}
.section-price__table td,
.section-price__table th {
  font-family: Roboto;
  text-align: center;
}
.section-price__table td.left,
.section-price__table th.left {
  text-align: left;
}
.section-price__table td.right,
.section-price__table th.right {
  text-align: right;
}
.section-price__table-head {
  padding: 18px;
  height: 77px;
}
.section-price__table-head-row:first-child th {
  padding-top: 18px;
}
.section-price__table-head-row:first-child th[rowspan],.section-price__table-head-row:only-child th {
  padding-bottom: 18px;
}
.section-price__table-head-cell {
  padding: 0 24px;
  color: var(--color-white);
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--color-button-text);
  white-space: nowrap;
}
.section-price__table-head-cell.small {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  text-transform: lowercase;
}
.section-price__table-subhead-cell {
  padding: 14px 24px;
  background-color: var(--color-blue-light);
  color: var(--color-blue);
  text-transform: uppercase;
}
.section-price__table-subhead-cell * {
  background-color: var(--color-blue-light);
  color: var(--color-blue);
  text-transform: uppercase;
}
.section-price__table-subhead-cell-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1px;
}
.section-price__table-subhead-cell .small {
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}
.section-price__table-section-cell {
  padding: 14px 24px;
  color: var(--color-blue);
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}
.section-price__table-data-row:nth-child(odd) .section-price__table-data-cell {
  background-color: #f8f9fb;
}
.section-price__table-data-cell {
  padding: 14px 24px;
  background-color: var(--color-white);
}
.section-price__table-data-cell.right {
  padding-right: 30px;
}
.section-price__table-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 14px 24px;
  background-color: var(--color-yelow);
}
.section-price__table-footer-item {
  margin: 0 auto;
  color: var(--color-dark);
}
@media (min-width: 577px) and (max-width: 992px){
  .section-price-top__info {
    grid-column: span 2;
  }
}
@media (min-width: 993px){
  .mobile,
  button.mobile {
    display: none !important;
  }
  .section-advantages__content--index .section-advantages__item:nth-child(1) picture, .section-advantages__content--index .section-advantages__item:nth-child(4) picture {
    height: 370px;
  }
  .section-advantages__content--index .section-advantages__item:nth-child(2) picture, .section-advantages__content--index .section-advantages__item:nth-child(3) picture {
    height: 540px;
  }
  .section-advantages__content--index__item:nth-child(1) > .section-advantages__image {
    height: 370px;
  }
  .section-advantages__content--index__item:nth-child(2) > .section-advantages__image {
    height: 540px;
  }
  .section-advantages__content--index__item:nth-child(3) > .section-advantages__image {
    height: 480px;
  }
  .section-advantages__content--index__item:nth-child(4) > .section-advantages__image {
    height: 370px;
  }
  .section-rooms .swiper-slide:nth-child(4n+1) {
    max-width: 544px;
    width: 544px;
  }
  .section-rooms .swiper-slide:nth-child(4n+1) picture,
  .section-rooms .swiper-slide:nth-child(4n+1) img {
    height: 372px;
  }
  .section-rooms .swiper-slide:nth-child(4n+2) {
    max-width: 362px;
    width: 362px;
  }
  .section-rooms .swiper-slide:nth-child(4n+2) picture,
  .section-rooms .swiper-slide:nth-child(4n+2) img {
    height: 543px;
  }
  .section-rooms .swiper-slide:nth-child(4n+3) {
    max-width: 491px;
    width: 491px;
  }
  .section-rooms .swiper-slide:nth-child(4n+3) picture,
  .section-rooms .swiper-slide:nth-child(4n+3) img {
    height: 479px;
  }
  .section-rooms .swiper-slide:nth-child(4n) {
    max-width: 415px;
    width: 415px;
  }
  .section-rooms .swiper-slide:nth-child(4n) picture,
  .section-rooms .swiper-slide:nth-child(4n) img {
    height: 372px;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(1) picture, .section-food-top__content--food .section-food-top__item:nth-child(4) picture {
    height: 370px;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(2) picture, .section-food-top__content--food .section-food-top__item:nth-child(3) picture {
    height: 540px;
  }
  .section-food-top__content--food__item:nth-child(1) > .section-advantages__image {
    height: 370px;
  }
  .section-food-top__content--food__item:nth-child(2) > .section-advantages__image {
    height: 540px;
  }
  .section-food-top__content--food__item:nth-child(3) > .section-advantages__image {
    height: 480px;
  }
  .section-food-top__content--food__item:nth-child(4) > .section-advantages__image {
    height: 370px;
  }
}
@media (min-width: 993px) and (max-width: 1200px){
  .header__menu {
    padding-right: 20px;
  }
  .header__menu-link {
    font-size: 12px;
  }
  .header__calc-text {
    max-width: 140px;
    font-size: 12px;
  }
}
@media (min-width: 993px) and (max-width: 1400px){
  .section-package__index-wrapper--one .swiper-slide:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 415px;
            flex: 0 0 415px;
  }
  .section-package__index-wrapper--one .swiper-slide:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 491px;
            flex: 0 0 491px;
  }
  .section-package__index-wrapper--one .swiper-slide:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 930px;
            flex: 0 0 930px;
  }
  .section-package__index-wrapper--one .swiper-slide:last-child {
    margin-right: unset;
  }
  .section-package__index-wrapper--two .swiper-slide:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 415px;
            flex: 0 0 415px;
  }
  .section-package__index-wrapper--two .swiper-slide:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 937px;
            flex: 0 0 937px;
  }
  .section-package__index-wrapper--two .swiper-slide:nth-child(3) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 484px;
            flex: 0 0 484px;
  }
  .section-package__index-wrapper--two .swiper-slide:last-child {
    margin-right: unset;
  }
  .section-package__index-wrapper--three .swiper-slide:nth-child(1) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 415px;
            flex: 0 0 415px;
  }
  .section-package__index-wrapper--three .swiper-slide:nth-child(2) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 min(100vw - 36px, 1445px);
            flex: 0 0 min(100vw - 36px, 1445px);
  }
  .section-food-main .section__head {
    grid-template-areas: "type title nav" "description description description";
  }
}
@media (min-width: 993px) and (max-width: 1600px){
  .header__menu-submenu {
    left: -14px;
  }
}
@media (min-width: 1400px){
  .section-advantages__content--index .section-advantages__item:nth-child(1) picture {
    height: 370px;
  }
  .section-advantages__content--index .section-advantages__item:nth-child(2) picture {
    height: 540px;
  }
  .section-advantages__content--index .section-advantages__item:nth-child(3) picture {
    height: 480px;
  }
  .section-advantages__content--index .section-advantages__item:nth-child(4) picture {
    height: 370px;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(1) picture {
    height: 370px;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(2) picture {
    height: 540px;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(3) picture {
    height: 480px;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(4) picture {
    height: 370px;
  }
}
@media (min-width: 1401px){
  .section-package__index-wrapper--one .swiper-slide:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 23%;
            flex: 1 1 23%;
  }
  .section-package__index-wrapper--one .swiper-slide:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 27%;
            flex: 1 1 27%;
  }
  .section-package__index-wrapper--one .swiper-slide:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
  }
  .section-package__index-wrapper--one .swiper-slide:last-child {
    margin-right: 0 !important;
  }
  .section-package__index-wrapper--two .swiper-slide:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 23%;
            flex: 1 1 23%;
  }
  .section-package__index-wrapper--two .swiper-slide:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 51%;
            flex: 1 1 51%;
  }
  .section-package__index-wrapper--two .swiper-slide:nth-child(3) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 26%;
            flex: 1 1 26%;
  }
  .section-package__index-wrapper--three .swiper-slide:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 23%;
            flex: 1 1 23%;
  }
  .section-package__index-wrapper--three .swiper-slide:nth-child(2) {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 67%;
            flex: 1 1 67%;
  }
}
@media (min-width: 1500px){
  .section-scheme__image {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
@media (min-width: 1601px){
  .section-rooms .swiper-slide:nth-child(4n+1) {
    max-width: calc(30% - 24px);
    width: 100%;
  }
  .section-rooms .swiper-slide:nth-child(4n+1) picture,
  .section-rooms .swiper-slide:nth-child(4n+1) img {
    height: 372px;
  }
  .section-rooms .swiper-slide:nth-child(4n+2) {
    max-width: calc(20% - 24px);
    width: 100%;
  }
  .section-rooms .swiper-slide:nth-child(4n+2) picture,
  .section-rooms .swiper-slide:nth-child(4n+2) img {
    height: 543px;
  }
  .section-rooms .swiper-slide:nth-child(4n+3) {
    max-width: calc(27% - 24px);
    width: 100%;
  }
  .section-rooms .swiper-slide:nth-child(4n+3) picture,
  .section-rooms .swiper-slide:nth-child(4n+3) img {
    height: 479px;
  }
  .section-rooms .swiper-slide:nth-child(4n) {
    max-width: 23%;
    width: 100%;
  }
  .section-rooms .swiper-slide:nth-child(4n) picture,
  .section-rooms .swiper-slide:nth-child(4n) img {
    height: 372px;
  }
}
@media (max-width: 1600px){
  .header__book {
    width: 260px;
  }
  .footer__top-wrapper {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo calc phone" "buttons buttons buttons" "info info info ";
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
  .footer__button {
    width: 100%;
  }
  .footer__info {
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
  .footer__calc {
    justify-self: center;
    max-width: 360px;
  }
  .section-programs .section__background {
    margin: 0;
  }
  .section-video__background {
    margin: 0;
  }
  .section-leisure-detail__wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
  }
  .section-leisure-detail__card-text {
    grid-column: span 3;
  }
  .section-leisure-detail__card-text-title br {
    display: none;
  }
  .section-leisure-detail__card-text-descrioption br {
    display: none;
  }
  .section-reviews-list__container {
    grid-template-columns: repeat(3, 1fr);
  }
  .section-profiles__wrapper {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
  }
  .section-profiles__card-description {
    grid-column: span 3;
  }
  .section-profiles__card-description-title br {
    display: none;
  }
  .section-procedures__background {
    margin: 0;
  }
  .section-doctors-programs .section__background {
    margin: 0;
  }
  .section-price__table-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 1500px){
  .section-package__parameter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 24px;
  }
  .section-package__parameter-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
            flex: 1 0 45%;
  }
}
@media (max-width: 1400px){
  .section__bottom--pagination {
    grid-template-columns: repeat(2, 1fr);
  }
  .section__bottom--pagination > *:first-child {
    grid-column: initial;
  }
  .section__bottom--pagination > *:last-child {
    grid-column: initial;
  }
  .container {
    max-width: 1360px;
  }
  .header__wrapper {
    grid-template-columns: auto 1fr auto auto;
    grid-template-areas: "logo contacts schedule book" "menu menu menu menu";
  }
  .header__calc {
    display: none;
  }
  .section-advantages__content--index {
    grid-template-columns: 30fr 20fr;
  }
  .section-advantages__content--index .section-advantages__item:nth-child(1) .section-advantages__wrapper--end {
    justify-self: auto;
  }
  .section-room-detail-details__list {
    min-width: auto;
  }
  .section-equipment__content {
    grid-template-columns: repeat(3, 1fr);
  }
  .section-food-top .section__background {
    height: 1415px;
    margin: 0;
  }
  .section-food-top__content--food {
    grid-template-columns: 30fr 20fr;
  }
  .section-food-top__content--food .section-food-top__item:nth-child(1) .section-food-top__wrapper--end {
    justify-self: auto;
  }
  .section-food-main__menu-item {
    width: auto;
  }
  .section-food-main__menu-item:nth-child(even) {
    justify-self: auto;
  }
  .section-food-main--holiday .section__background-image {
    right: 0;
    bottom: 195px;
    left: revert;
  }
  .section-doctors .section__content {
    grid-template-columns: repeat(3, 1fr);
  }
  .section-procedures__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1200px){
  section + section {
    margin-top: 56px;
  }
  .section__head {
    grid-template-columns: 250px 1fr auto;
  }
  .section__head.more {
    grid-template-columns: 250px 1fr;
    grid-template-areas: "type title" "type button" "type description";
  }
  .section__head--wide {
    grid-template-columns: 250px 1fr;
  }
  .section__head-button {
    margin: 24px auto 0;
    max-width: 490px;
  }
  .section__bottom--pagination {
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
  .container {
    max-width: 1160px;
  }
  .btn {
    height: 60px;
    font-size: 14px;
  }
  .chessboard {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 250px;
    grid-template-areas: "item-1 item-1" "item-2 item-3" "item-4 item-7" "item-5 item-6";
  }
  .header__logo {
    width: 224px;
  }
  .header__phone {
    font-size: 16px;
  }
  .footer__logo {
    width: 223px;
  }
  .section-advantages__content--index {
    grid-template-columns: 1fr 1fr;
  }
  .section-food__content {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 250px;
    grid-template-areas: "item-1 item-1" "item-2 item-3" "item-4 item-7" "item-5 item-6";
  }
  .section-package-sanatorium__how-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
  }
  .section-package-sanatorium__what-wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    grid-template-areas: "title" "cards" "button";
  }
  .section-package-sanatorium__what-button {
    margin: 24px auto 0;
    max-width: 490px;
  }
  .section-package-sanatorium__what-card-wrapper {
    margin-top: 24px;
  }
  .section-video__background {
    bottom: 0;
  }
  .section-leisure-detail__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-leisure-detail__card-text {
    grid-column: span 2;
  }
  .section-reviews-top-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-reviews-list__container {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .section-reviews-list__item {
    min-height: 450px;
  }
  .news-list__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-profiles__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-profiles__card-description {
    grid-column: span 2;
  }
  .section-doctors .section__content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px){
  :root {
    --swiper-pagination-bullet-size: 6px;
  }
  h1,
  .h1 {
    font-size: 34px;
    line-height: 120%;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 20px;
  }
  h6,
  .h6 {
    font-size: 16px;
  }
  .section-top-page {
    padding-top: 16px;
  }
  .section-top-page__background {
    margin: 0;
  }
  .section-top-page__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 40px;
  }
  .section-top-page .section-top-page__button {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .section__head {
    grid-template-columns: 1fr;
    grid-template-areas: "type" "title" "description";
  }
  .section__head.more {
    grid-template-columns: 1fr;
    grid-template-areas: "type" "title" "description" "button";
  }
  .section__type {
    margin-top: 0;
  }
  .section__title {
    margin-top: 16px;
  }
  .section__description {
    padding-left: unset;
    margin-top: 24px;
  }
  .section__content {
    margin-top: 24px;
  }
  .section__tabs-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
    margin-top: 24px;
  }
  .section__bottom {
    margin-top: 24px;
  }
  .section__bottom--pagination {
    grid-template-columns: 1fr;
    justify-items: center;
    row-gap: 40px;
    margin-top: 40px;
  }
  .section__bottom--pagination > *:last-child {
    justify-self: initial;
  }
  .container {
    max-width: 100vw;
    padding: 0 16px;
  }
  .txt--big, .txt--big * {
    font-size: 18px;
    line-height: 21px;
  }
  .txt--subtitle, .txt--subtitle * {
    font-size: 12px;
    line-height: 130%;
  }
  .txt--large, .txt--large * {
    font-size: 14px;
  }
  .txt--medium, .txt--medium * {
    font-size: 18px;
    line-height: 120%;
  }
  .txt--tiny, .txt--tiny * {
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
  }
  .txt--button, .txt--button * {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
  .txt--button-text, .txt--button-text * {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
  .txt--button-link {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
  }
  .section-breadcrumbs {
    padding-top: 24px;
  }
  .section-breadcrumbs__item {
    font-size: 12px;
    line-height: 17px;
  }
  .section-breadcrumbs__link {
    font-size: 12px;
    line-height: 17px;
  }
  .section-breadcrumbs__background {
    margin: 0;
  }
  .desktop {
    display: none !important;
  }
  .swiper-pagination {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .chessboard {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-template-areas: "item-1 item-1" "item-2 item-2" "item-3 item-3" "item-4 item-5" "item-6 item-6" "item-7 item-7";
  }
  .chessboard--one-row {
    grid-template-columns: 1fr;
    grid-template-areas: "item-1" "item-2" "item-3" "item-4" "item-5" "item-6" "item-7";
  }
  .chessboard__card-wrapper {
    padding: 32px 26px;
  }
  .chessboard__card picture {
    max-height: 180px;
  }
  .chessboard__card-image {
    max-height: 180px;
  }
  .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 138px;
  }
  .header .container {
    padding: 24px 16px;
  }
  .header__wrapper {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "logo contacts burger";
    margin-top: 0;
  }
  .header__logo {
    width: 160px;
  }
  .footer {
    margin-top: 40px;
  }
  .footer__background {
    inset: 18px 0 0;
  }
  .footer__background-image {
    height: 175%;
  }
  .footer__top {
    height: auto;
    padding: 56px 0 62px;
  }
  .footer__top-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "logo phone" "buttons buttons" "calc calc" "info info";
  }
  .footer__phone {
    font-weight: 400;
  }
  .footer__menu-left {
    row-gap: 16px;
  }
  .footer__menu-right {
    row-gap: 16px;
  }
  .footer__bottom-wrapper {
    grid-template-columns: 1fr;
    grid-template-areas: "developer" "policy" "rights";
  }
  .section-banner {
    margin-top: -120px;
    height: 512px;
  }
  .section-banner .swiper-pagination {
    right: 16px;
    bottom: 20px;
  }
  .section-banner__wrapper {
    margin-top: 152px;
  }
  .section-banner__text {
    margin-top: 13px;
  }
  .section-banner__button {
    margin-top: 30px;
  }
  .section-advantages {
    margin-top: 56px;
  }
  .section-advantages__content--index {
    margin-top: 24px;
  }
  .section-advantages__content--index .section-advantages__item {
    row-gap: 16px;
  }
  .section-advantages__content--index .section-advantages__item picture {
    -o-object-position: top;
       object-position: top;
    height: 280px;
  }
  .section-advantages__title {
    margin-top: 8px;
  }
  .section-advantages__content--index > .section-advantages__image {
    -o-object-position: top;
       object-position: top;
    height: 280px;
  }
  .section-special__content {
    margin-top: 32px;
  }
  .section-special .swiper-slide {
    height: 343px;
    width: 243px;
  }
  .section-special__card {
    row-gap: 8px;
    padding: 16px;
  }
  .section-special__card-image {
    height: 104px;
  }
  .section-special__card-title {
    margin-top: 0;
  }
  .section-package {
    padding: 24px 0 0;
  }
  .section-package__row {
    margin-top: 32px;
  }
  .section-package__parameter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 24px;
  }
  .section-package__parameter-item {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .section-package__index-wrapper .swiper-slide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
  }
  .section-package .section-package__sanatorium + .section-package__sanatorium {
    margin-top: 56px;
  }
  .section-leisure .section__tabs-buttons {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-leisure .section__tabs-button {
    max-width: 490px;
  }
  .section-leisure .swiper-slide {
    width: 240px;
  }
  .section-leisure__card {
    padding: 16px;
  }
  .section-leisure__card-image {
    height: 104px;
  }
  .section-leisure__card-list-item {
    font-size: 12px;
  }
  .section-food {
    padding: 56px 0;
  }
  .section-food .section__background {
    margin: 0;
  }
  .section-food__content {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: revert;
    grid-template-areas: "item-1 item-1" "item-2 item-2" "item-3 item-3" "item-4 item-5" "item-6 item-6" "item-7 item-7";
  }
  .section-food__card {
    max-height: 180px;
  }
  .section-food__card--4 {
    max-height: 128px;
  }
  .section-food__card--5 {
    max-height: 128px;
  }
  .section-food__text {
    font-size: 14px;
  }
  .section-rooms .swiper {
    padding: 0 16px;
    height: auto;
  }
  .section-reviews {
    margin-top: 56px;
    margin-bottom: 32px;
  }
  .section-banner {
    margin-top: -120px;
    height: 512px;
  }
  .section-banner .swiper-pagination {
    right: 16px;
    bottom: 20px;
  }
  .section-banner__wrapper {
    margin-top: 152px;
  }
  .section-banner__text {
    margin-top: 13px;
  }
  .section-banner__button {
    margin-top: 30px;
  }
  .section-advantages {
    margin-top: 56px;
  }
  .section-advantages__content--sanatorium {
    margin-top: 24px;
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .section-advantages__content--sanatorium .section-advantages__item picture {
    -o-object-position: top;
       object-position: top;
    height: 280px;
  }
  .section-advantages__title {
    margin-top: 8px;
  }
  .section-advantages__content--sanatorium > .section-advantages__image {
    -o-object-position: top;
       object-position: top;
    height: 280px;
  }
  .section-special__content {
    margin-top: 32px;
  }
  .section-special .swiper-slide {
    height: 343px;
    width: 243px;
  }
  .section-special__card {
    row-gap: 8px;
    padding: 16px;
  }
  .section-special__card-image {
    height: 104px;
  }
  .section-special__card-title {
    margin-top: 0;
  }
  .section-special__card-text {
    font-size: 12px;
    line-height: 130%;
  }
  .section-special__all {
    margin-top: 24px;
  }
  .section-package-sanatorium {
    padding: 56px 0;
  }
  .section-package-sanatorium__row {
    margin-top: 32px;
  }
  .section-package-sanatorium__what-title {
    margin-top: unset;
  }
  .section-package-sanatorium__what-card {
    padding: 16px;
  }
  .section-package-sanatorium__what-card-wrapper {
    grid-template-columns: 1fr;
    row-gap: 24px;
    margin-top: 24px;
  }
  .section-package-sanatorium__what-card-image {
    height: 230px;
  }
  .section-package-sanatorium__what-card-title {
    margin-top: 14px;
  }
  .section-package-sanatorium__what-card-list-item {
    font-size: 14px;
  }
  .section-package-sanatorium__what-card-more {
    margin-top: 4px;
    font-size: 14px;
  }
  .section-programs {
    padding: 56px 0;
  }
  .section-programs__wrapper {
    grid-template-columns: 1fr;
    row-gap: 12px;
    margin-top: 24px;
  }
  .section-leisure .swiper-slide {
    width: 240px;
  }
  .section-leisure__card {
    padding: 16px;
  }
  .section-leisure__card-image {
    height: 104px;
  }
  .section-leisure__card-list-item {
    font-size: 12px;
  }
  .section-quiz {
    padding: 56px 0;
  }
  .section-quiz .section__background {
    padding: 0;
  }
  .section-habitation .swiper {
    margin-top: 24px;
  }
  .section-habitation__card-bottom {
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
  }
  .section-food {
    padding: 56px 0;
  }
  .section-food .section__background {
    margin: 0;
  }
  .section-documents .swiper-slide {
    width: 242px;
    height: 300px;
  }
  .section-video {
    padding: 56px 0 24px;
  }
  .section-video .section__content {
    margin-top: 24px;
  }
  .section-reviews-sanatorium {
    margin-top: 56px;
  }
  .section-news .swiper-slide {
    width: 242px;
    height: 277px;
  }
  .section-news__card {
    padding: 16px;
  }
  .section-news__card-image {
    height: 104px;
  }
  .section-news__card-title {
    margin-top: 0;
    min-height: 34px;
    font-size: 14px;
    line-height: initial;
  }
  .section-news__card-text {
    margin-top: 5px;
    font-size: 12px;
    line-height: 130%;
  }
  .section-news__card-date {
    font-size: 14px;
  }
  .section-habitation--rooms {
    margin-top: 56px;
  }
  .section-room-detail-top {
    padding: 24px 0 56px;
  }
  .section-room-detail-top__background {
    margin: 0;
  }
  .section-room-detail-top__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 16px;
  }
  .section-room-detail-top__info-button {
    max-width: 100%;
  }
  .section-room-detail-top__slider-wrapper {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 420px auto;
    row-gap: 16px;
  }
  .section-room-detail-top__slider-thumbs {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    gap: 16px;
  }
  .section-room-detail-top__slider-thumbs-image {
    aspect-ratio: 1/1;
  }
  .section-room-detail-description__card {
    padding: 10px;
  }
  .section-room-detail-description__card-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .section-room-detail-description__card-icon {
    font-size: 28px;
  }
  .section-room-detail-details__row {
    grid-template-columns: 1fr;
  }
  .section-room-detail-details__list--main-list {
    grid-template-columns: minmax(0, 1fr);
  }
  .section-room-detail-details__list-wrapper {
    grid-column: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }
  .section-video--room {
    bottom: 0;
  }
  .section-video--room .section-video__background {
    bottom: 0;
  }
  .section-scheme {
    margin-bottom: -40px;
  }
  .section-scheme__image-outer {
    height: 628px;
  }
  .news-list__item-image-wrapper {
    height: 180px;
  }
  .news-list__item-title {
    margin-top: 8px;
  }
  .news-list__item-date {
    margin-top: 4px;
  }
  .section-news-detail__wrapper {
    row-gap: 24px;
    margin-top: 24px;
  }
  .section-top-page + .section-faq {
    margin-top: 24px;
  }
  .section-faq .section__tabs-wrapper {
    margin: 56px -16px 0;
  }
  .section-faq__container {
    margin: 0 -16px;
  }
  .faq__item {
    padding: 24px 16px;
  }
  .faq__question {
    font-size: 16px;
  }
  .section-contacts-map .section__description {
    margin-top: 0;
  }
  .section-contacts-map .section__content {
    margin-top: 24px;
  }
  .section-contacts-map #contacts__map {
    height: 348px;
  }
  .section-equipment {
    margin-top: 56px;
  }
  .section-equipment__content {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-equipment__card-image-wrapper {
    height: 200px;
  }
  .section-food-top .section__background {
    height: 1030px;
  }
  .section-food-top__content--food {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-food-top__content--food .section-food-top__item {
    row-gap: 16px;
  }
  .section-food-top__content--food .section-food-top__item picture {
    -o-object-position: top;
       object-position: top;
    height: 280px;
  }
  .section-food-top__title {
    margin-top: 8px;
  }
  .section-food-top__content--food > .section-advantages__image {
    -o-object-position: top;
       object-position: top;
    height: 280px;
  }
  .section-food-main__time-outer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }
  .section-food-main__image-wrapper {
    height: 300px;
  }
  .section-food-main--lunch .section__background-image {
    top: 70px;
    right: -260px;
    left: revert;
    bottom: revert;
  }
  .section-food-main--individual .section-food-main__image-wrapper {
    height: 300px;
  }
  .section-food-main--holiday .section__background-image {
    right: 0;
    bottom: 155px;
    left: revert;
  }
  .section-doctors .section__content {
    grid-template-rows: 188px auto;
    gap: 13px;
  }
  .section-doctors__card {
    padding: 16px;
  }
  .section-procedures__card-slider {
    height: 200px;
  }
  .section-procedures__card-info {
    padding: 16px;
    row-gap: 10px;
  }
  .section-doctors-programs {
    padding: 56px 0;
  }
  .section-doctors-programs__wrapper {
    grid-template-columns: 1fr;
    row-gap: 12px;
    margin-top: 24px;
  }
  .section-price-top__wrapper {
    grid-template-columns: 1fr 1.5fr;
    grid-template-rows: repeat(2, auto);
    justify-items: start;
  }
  .section-price {
    margin-top: 24px;
  }
  .section-price .container {
    padding: 0;
  }
  .section-price .section__head,.section-price__tabs-buttons {
    padding-left: 16px;
    padding-right: 16px;
  }
  .section-price__tabs-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
    margin-top: 0;
  }
  .section-price__tabs-button {
    max-height: 40px;
    font-size: 11px;
  }
  .section-price .section__tabs-wrapper {
    margin-top: 40px;
  }
  .section-price__table-head-cell {
    font-size: 14px;
  }
  .section-price__table-head-cell.small {
    font-size: 18px;
  }
  .section-price__table-subhead-cell {
    padding: 16px 14px;
    font-size: 14px;
  }
  .section-price__table-subhead-cell * {
    font-size: 14px;
  }
  .section-price__table-subhead-cell .small {
    font-size: 12px;
  }
  .section-price__table-section-cell {
    padding: 16px 14px;
    font-size: 14px;
  }
  .section-price__table-data-cell {
    padding: 14px 16px;
    font-size: 14px;
  }
  .section-price__table-footer-item {
    margin: 0;
    font-size: 14px;
  }
}
@media (max-width: 922px){
  .section-video__wrapper {
    height: 434px;
  }
}
@media (max-width: 768px){
  .footer__info {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "menu-left menu-right" "menu-left address" "email schedule";
    row-gap: 16px;
  }
  .footer__calc {
    max-width: 100%;
  }
  .section-advantages__content--index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-reviews .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
  }
  .section-reviews .swiper-slide {
    display: none;
    width: 100%;
  }
  .section-reviews .swiper-slide:nth-child(-n+3) {
    display: grid;
  }
  .section-reviews .section__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-package-sanatorium__how-card-wrapper {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
  .section-package-sanatorium__what-card-image {
    height: 166px;
  }
  .section-reviews-sanatorium .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
  }
  .section-reviews-sanatorium .swiper-slide {
    display: none;
    width: 100%;
  }
  .section-reviews-sanatorium .swiper-slide:nth-child(-n+3) {
    display: grid;
  }
  .section-reviews-sanatorium .section__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-leisure-detail__wrapper {
    grid-template-columns: 1fr;
  }
  .section-leisure-detail__card-text {
    grid-column: auto;
  }
  .section-reviews-top-wrapper {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .section-reviews-list__container {
    grid-template-columns: 1fr;
    grid-auto-rows: initial;
  }
  .section-reviews-list__item {
    min-height: auto;
    padding: 23px 26px;
    display: none;
  }
  .section-reviews-list__item:nth-child(-n+9) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-reviews-list__item--video {
    min-height: 450px;
  }
  .section-faq .swiper-slide .btn {
    height: 40px;
    font-size: 11px;
  }
  .section-contacts-top__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, auto);
    justify-items: start;
  }
  .section-profiles__wrapper {
    grid-template-columns: 1fr;
  }
  .section-profiles__card-description {
    grid-column: auto;
  }
  .section-equipment__content {
    grid-template-columns: 1fr;
    grid-auto-rows: initial;
  }
  .section-food-top .section__background {
    height: 1010px;
  }
  .section-food-top__content--food {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .section-food-main__menu {
    grid-template-columns: 1fr;
  }
  .section-food-main__menu-item--trick {
    margin-top: revert;
  }
  .section-food-main--individual .section__background-image {
    top: 105px;
    right: -35px;
    bottom: revert;
    left: revert;
  }
  .section-food-main--individual .section-food-main__menu {
    grid-template-columns: 1fr;
  }
  .section-food-main--holiday .section__background-image {
    top: 95px;
    right: revert;
    bottom: revert;
    left: 0;
  }
  .section-food-main--holiday .section__description {
    margin-top: 200px;
  }
  .section-food-main--holiday .section-food-main__menu {
    grid-template-columns: 1fr;
  }
  .section-food-main--holiday .section-food-main__menu-item--trick {
    grid-row: revert;
    grid-column: revert;
  }
  .section-procedures__content {
    grid-template-columns: 1fr;
  }
  .section-price-top__contacts-items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 5px;
  }
}
@media (max-width: 576px){
  .section__pagination {
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
  }
  .header .container {
    padding: 40px 42px 24px 16px;
  }
  .header__background-image {
    -o-object-position: 74% top;
       object-position: 74% top;
  }
  .header__wrapper {
    grid-template-columns: auto 1fr;
    grid-template-areas: "logo burger" "contacts .";
    row-gap: 16px;
  }
  .header__phone {
    font-size: 15px;
  }
  .header__burger {
    width: 18px;
    height: 12px;
    margin-bottom: 4px;
    -ms-flex-item-align: center;
        align-self: center;
    justify-self: end;
  }
  .header__burger.active .header__burger-line:nth-child(1) {
    top: 5px;
  }
  .header__burger.active .header__burger-line:nth-child(2) {
    opacity: 0;
  }
  .header__burger.active .header__burger-line:nth-child(3) {
    top: 5px;
  }
  .header__burger-line:nth-child(1) {
    top: 0px;
  }
  .header__burger-line:nth-child(2) {
    top: 6px;
  }
  .header__burger-line:nth-child(3) {
    top: 12px;
  }
  .footer__top-wrapper {
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "phone" "buttons" "calc" "info";
  }
  .footer__logo {
    justify-self: center;
    width: 255px;
  }
  .footer__phone {
    justify-self: center;
    width: 255px;
    text-align: center;
  }
  .footer__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .footer__info {
    grid-template-areas: "menu-left menu-left" "menu-right address" "email email" "schedule schedule";
    row-gap: 16px;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
  .section-advantages__content--index .section-advantages__item picture {
    height: 160px;
  }
  .section-advantages__content--index > .section-advantages__image {
    height: 160px;
  }
  .section-package__index-wrapper .swiper-slide {
    height: 340px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 256px;
            flex: 0 0 256px;
  }
  .section-advantages__content--sanatorium .section-advantages__item picture {
    height: 160px;
  }
  .section-advantages__content--sanatorium > .section-advantages__image {
    height: 160px;
  }
  .section-programs__card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 13px 20px;
    height: 125px;
  }
  .section-programs__card-text br {
    display: initial;
  }
  .section-quiz .section__title {
    font-size: 29px;
  }
  .section-habitation .swiper-slide {
    width: 100%;
    display: none;
  }
  .section-habitation .swiper-slide:nth-child(-n+4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .section-habitation .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }
  .news-list__list {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .section-news-detail__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 40px;
  }
  .section-news-detail__bottom-share {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .section-news-detail__return {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    max-width: 100%;
  }
  .section-contacts-bottom__info {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
  .section-contacts-bottom__info-item {
    grid-template-columns: 1fr;
  }
  .section-contacts-bottom__info-item-value {
    justify-self: initial;
  }
  .section-food-top__content--food .section-food-top__item picture {
    height: 160px;
  }
  .section-food-top__content--food > .section-advantages__image {
    height: 160px;
  }
  .section-food-main__image-wrapper {
    height: 224px;
  }
  .section-food-main--individual .section-food-main__image-wrapper {
    height: 224px;
  }
  .section-doctors .section__content {
    grid-template-columns: 1fr;
  }
  .section-doctors-programs__card {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 13px 20px;
    height: 125px;
  }
  .section-doctors-programs__card-text br {
    display: initial;
  }
  .section-price-top__wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    justify-items: start;
  }
}
@media (max-width: 480px){
  .section-booking__background {
    margin: 0;
  }
  .header {
    padding: 0;
    height: 120px;
  }
  .header__background {
    inset: 0;
    border-radius: 0 0 16px 16px;
  }
  .header__mobile {
    padding: 0;
  }
  .section-banner {
    margin-top: -138px;
    padding: 0;
  }
  .section-banner__background {
    inset: 0;
  }
  .section-banner {
    margin-top: -138px;
    padding: 0;
  }
  .section-banner__background {
    inset: 0;
  }
}
/* End */


/* Start:/local/templates/skb_main/assets/css/custom.css?17898021684595*/
.icon-tg:before {
    content: "\e003";
}

.cookieBanner{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    padding: 5px;
    z-index: 9999;
    align-items: center;
    text-align: center;
}
.cookieButton{
    margin-left: 10px;
    font-size: 12px !important;
    padding: 0 !important;
    height: 45px;
    width: 150px;
}

@media(max-width: 700px) {
    .cookieButton{
        margin-left: 0;
        margin-top: 15px;
    }
    .cookieBanner {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

.marquiz__bg_open{
    max-width: 100vw;
}

main{
    overflow-x: clip;
}
.social_header a svg{
    scale: 1;
    transition: ease 0.3s;
}

.social_header svg:hover{
    scale: 1.1;
    transition: ease 0.3s;
}

/* Блок бронирования на первом экране главной: переключатель баз + виджет Bnovo выбранной базы.
   Неактивные виджеты не прячем через display:none — iframe Bnovo считает свою высоту при загрузке,
   поэтому все панели лежат друг на друге, видна только активная. */
.section-booking--tabs {
    height: auto;
    margin-top: 24px;
    padding: 24px 18px;
}
.section-booking--tabs .container {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
}
.section-booking__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 24px;
    margin: 0 24px 4px;
}
.section-booking__title {
    color: #fff;
    font-family: var(--font-header);
    font-size: 18px;
    line-height: 24px;
}
.section-booking__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.section-booking__tab {
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 8px;
    background: transparent;
    color: #fff;
    font-family: var(--font-main);
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}
.section-booking__tab:hover,
.section-booking__tab:focus-visible {
    border-color: #fff;
}
.section-booking__tab.is-active {
    background: #fff;
    border-color: #fff;
    color: var(--color-blue);
}
.section-booking__panes {
    position: relative;
}
.section-booking--tabs .bnovo-widget {
    position: relative !important;
    width: 100% !important;
}
.section-booking__pane {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    pointer-events: none;
}
.section-booking__pane.is-active {
    position: relative;
    visibility: visible;
    pointer-events: auto;
}
@media (max-width: 767px) {
    .section-booking--tabs {
        padding: 20px 18px;
    }
    .section-booking__head {
        margin: 0 8px 8px;
    }
    .section-booking__title {
        font-size: 16px;
    }
    .section-booking__tab {
        padding: 7px 10px;
        font-size: 13px;
    }
}

/* Виджет Bnovo на телефоне перестраивается в вертикальную форму (switch_mobiles),
   поэтому контейнер не может быть фиксированной высоты — иначе форма налезает на блоки ниже */
@media (max-width: 767px) {
    .section-booking {
        height: auto;
        min-height: 100px;
    }
    .section-booking .container {
        height: auto;
    }
    .section-booking .bnovo-widget {
        position: relative !important;
    }
}

/* Календарь/дропдауны формы "Забронировать" (Bitrix24 CRM-форма) уезжали
   за пределы окна: их внутренний .vdpComponent (display:table-cell) не
   наследует ширину блочного родителя и растягивается на всю страницу.
   Жёстко привязываем дропдаун к его полю и убираем растягивание. */
.b24-form-dropdown-container {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
}
.b24-form-dropdown-container .vdpComponent {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* End */


/* Start:/local/templates/skb_main/components/bitrix/menu/head_desktop_menu/style.min.css?1762765286490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/skb_main/components/bitrix/menu/head_desktop_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/skb_main/components/bitrix/menu/head_mobile_menu/style.min.css?1762765286490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/skb_main/components/bitrix/menu/head_mobile_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/skb_main/components/bitrix/breadcrumb/skb_breadcrumb/style.min.css?1762765286467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/skb_main/components/bitrix/menu/footer_menu/style.min.css?1762765286490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/skb_main/components/bitrix/menu/footer_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/skb_main/assets/css/vendor.css?178599619386928 */
/* /local/templates/skb_main/assets/css/style.css?1785996193159414 */
/* /local/templates/skb_main/assets/css/custom.css?17898021684595 */
/* /local/templates/skb_main/components/bitrix/menu/head_desktop_menu/style.min.css?1762765286490 */
/* /local/templates/skb_main/components/bitrix/menu/head_mobile_menu/style.min.css?1762765286490 */
/* /local/templates/skb_main/components/bitrix/breadcrumb/skb_breadcrumb/style.min.css?1762765286467 */
/* /local/templates/skb_main/components/bitrix/menu/footer_menu/style.min.css?1762765286490 */