/* Start:/local/templates/new/layout/public/css/main.css?1723471336129511*/
/**
 * normalize
 */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
       ========================================================================== */
/**
     * 1. Correct the line height in all browsers.
     * 2. Prevent adjustments of font size after orientation changes in
     *    IE on Windows Phone and in iOS.
     */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
       ========================================================================== */
/**
     * Remove the margin in all browsers (opinionated).
     */
body {
  margin: 0; }

/**
     * Add the correct display in IE 9-.
     */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
     * Correct the font size and margin on `h1` elements within `section` and
     * `article` contexts in Chrome, Firefox, and Safari.
     */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
figcaption,
figure {
  display: block; }

/**
     * Add the correct margin in IE 8.
     */
figure {
  margin: 1em 4rem; }

/**
     * 1. Add the correct box sizing in Firefox.
     * 2. Show the overflow in Edge and IE.
     */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
     * Add the correct display in IE.
     */
main {
  display: block; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Links
       ========================================================================== */
/**
     * 1. Remove the gray background on active links in IE 10.
     * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
     */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/* Text-level semantics
       ========================================================================== */
/**
     * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
     * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
     */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
     * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
     */
b,
strong {
  font-weight: inherit; }

/**
     * Add the correct font weight in Chrome, Edge, and Safari.
     */
b,
strong {
  font-weight: bolder; }

/**
     * 1. Correct the inheritance and scaling of font size in all browsers.
     * 2. Correct the odd `em` font sizing in all browsers.
     */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
     * Add the correct font style in Android 4.3-.
     */
dfn {
  font-style: italic; }

/**
     * Add the correct background and color in IE 9-.
     */
mark {
  background-color: #ff0;
  color: #000; }

/**
     * Add the correct font size in all browsers.
     */
small {
  font-size: 80%; }

/**
     * Prevent `sub` and `sup` elements from affecting the line height in
     * all browsers.
     */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
audio,
video {
  display: inline-block; }

/**
     * Add the correct display in iOS 4-7.
     */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
     * Remove the border on images inside links in IE 10-.
     */
img {
  border-style: none; }

/**
     * Hide the overflow in IE.
     */
svg:not(:root) {
  overflow: hidden; }

/* Forms
       ========================================================================== */
/**
     * 1. Change the font styles in all browsers (opinionated).
     * 2. Remove the margin in Firefox and Safari.
     */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
     * Show the overflow in IE.
     */
button {
  overflow: visible; }

/**
     * Remove the inheritance of text transform in Edge, Firefox, and IE.
     * 1. Remove the inheritance of text transform in Firefox.
     */
button,
select {
  /* 1 */
  text-transform: none; }

/**
     * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
     *    controls in Android 4.
     * 2. Correct the inability to style clickable types in iOS and Safari.
     */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  /**
       * Remove the inner border and padding in Firefox.
       */
  /**
       * Restore the focus styles unset by the previous rule.
       */ }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 0.1rem dotted ButtonText; }

/**
     * Show the overflow in Edge.
     */
input {
  overflow: visible; }

/**
     * 1. Add the correct box sizing in IE 10-.
     * 2. Remove the padding in IE 10-.
     */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
     * Correct the cursor style of increment and decrement buttons in Chrome.
     */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
     * 1. Correct the odd appearance in Chrome and Safari.
     * 2. Correct the outline style in Safari.
     */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -0.2rem;
  /* 2 */
  /**
       * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
       */ }
  [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

/**
     * 1. Correct the inability to style clickable types in iOS and Safari.
     * 2. Change font properties to `inherit` in Safari.
     */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
     * Correct the padding in Firefox.
     */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
     * 1. Correct the text wrapping in Edge and IE.
     * 2. Correct the color inheritance from `fieldset` elements in IE.
     * 3. Remove the padding so developers are not caught out when they zero out
     *    `fieldset` elements in all browsers.
     */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */ }

/**
     * 1. Add the correct display in IE 9-.
     * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
     */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
     * Remove the default vertical scrollbar in IE.
     */
textarea {
  overflow: auto; }

/* Interactive
       ========================================================================== */
/*
     * Add the correct display in Edge, IE, and Firefox.
     */
details {
  display: block; }

/*
     * Add the correct display in all browsers.
     */
summary {
  display: list-item; }

/*
     * Add the correct display in IE 9-.
     */
menu {
  display: block; }

/* Scripting
       ========================================================================== */
/**
     * Add the correct display in IE 9-.
     */
canvas {
  display: inline-block; }

/**
     * Add the correct display in IE.
     */
template {
  display: none; }

/* Hidden
       ========================================================================== */
/**
     * Add the correct display in IE 10-.
     */
[hidden] {
  display: none; }

/**
 * Swiper 9.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 13, 2023
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff;
  /*
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    */ }

.swiper,
swiper-container {
  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 {
  flex-direction: column; }

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

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

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

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

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

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

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

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

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

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 120rem; }

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

.swiper-3d {
  perspective: 120rem; }
  .swiper-3d .swiper-slide,
  .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-cube-shadow {
    transform-style: preserve-3d; }
  .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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-3d .swiper-slide-shadow-right {
    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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-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-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

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

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

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

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

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

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

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 0.1rem;
  width: var(--swiper-centered-offset-after); }

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

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 0.1rem;
  height: var(--swiper-centered-offset-after); }

.swiper-lazy-preloader {
  width: 4.2rem;
  height: 4.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.1rem;
  margin-top: -2.1rem;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 0.4rem 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-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

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

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

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

:root {
  --f-spinner-width: 3.6rem;
  --f-spinner-height: 3.6rem;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75; }

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height); }

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite; }

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none; }

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1); }

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite; }

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg); } }

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -35; }
  100% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -124; } }

.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp; }

.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown; }

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 15rem) * -1), 0);
    opacity: 0; } }

@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 15rem), 0);
    opacity: 0; } }

.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp; }

.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown; }

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 1.6rem, 0);
    opacity: 0; }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 1.6rem, 0);
    opacity: 0; } }

.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2; }

.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1; }

@keyframes f-fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes f-fadeOut {
  100% {
    opacity: 0; } }

.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2; }

.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2; }

@keyframes f-fadeFastIn {
  0% {
    opacity: .75; }
  100% {
    opacity: 1; } }

@keyframes f-fadeFastOut {
  100% {
    opacity: 0; } }

.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2; }

.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1; }

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0; } }

.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2; }

.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s)*.5) linear 0.1s both f-crossfadeOut;
  z-index: 1; }

@keyframes f-crossfadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes f-crossfadeOut {
  100% {
    opacity: 0; } }

.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext; }

.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev; }

.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext; }

.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev; }

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translate3d(0, 0, 0); } }

@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%); } }

@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%); } }

.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2; }

.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2; }

.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1; }

.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1; }

@keyframes f-classicInNext {
  0% {
    transform: translateX(-7.5rem);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes f-classicInPrev {
  0% {
    transform: translateX(7.5rem);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes f-classicOutNext {
  100% {
    transform: translateX(-7.5rem);
    opacity: 0; } }

@keyframes f-classicOutPrev {
  100% {
    transform: translateX(7.5rem);
    opacity: 0; } }

:root {
  --f-button-width: 4rem;
  --f-button-height: 4rem;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 2rem;
  --f-button-svg-height: 2rem;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65; }

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition); }

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg); } }

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg); }

.f-button:focus:not(:focus-visible) {
  outline: none; }

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 0.2rem) var(--f-button-outline-color, var(--f-button-color)); }

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity .15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none; }

.f-button[disabled] {
  cursor: default; }

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity); }

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1; }

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%); }

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos); }

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos); }

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos); }

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos); }

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%); }

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos); }

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos); }

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg); }

.f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled {
  pointer-events: none; }

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto; }

html.with-fancybox body {
  touch-action: none; }

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0) + var(--fancybox-scrollbar-compensate, 0));
  overflow: hidden !important;
  overscroll-behavior-y: none; }

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 1rem;
  --f-spinner-width: 5rem;
  --f-spinner-height: 5rem;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain; }

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
  box-sizing: inherit; }

.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0); }

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity; }

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip; }

.fancybox__viewport {
  width: 100%;
  height: 100%; }

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab; }

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing; }

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%; }

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 0.4rem;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden; }

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 4rem; }

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
  overflow: hidden; }

.fancybox__slide.has-image {
  overflow: hidden; }

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
  overflow: visible; }

.fancybox__slide::before, .fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto; }

.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20; }

.is-loading .fancybox__content {
  opacity: 0; }

.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab; }

.can-zoom_in .fancybox__content {
  cursor: zoom-in; }

.can-zoom_out .fancybox__content {
  cursor: zoom-out; }

.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing; }

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
  cursor: auto; }

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 0.1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden; }

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%; }

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden; }

.is-animating .fancybox__content, .is-dragging .fancybox__content {
  filter: blur(0);
  will-change: transform,width,height; }

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none; }

.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 1.4rem 0 0.4rem 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible; }

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden; }

.is-compact .fancybox__caption {
  padding-bottom: 0; }

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 0.8rem;
  z-index: 40; }

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 3.4rem;
  --f-button-height: 3.4rem;
  --f-button-border-radius: 0.4rem;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 2.2rem;
  --f-button-svg-height: 2.2rem;
  position: absolute;
  top: -3.8rem;
  right: 0;
  opacity: .75; }

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden; }

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden; }

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1; }

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative; }

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 2.4rem;
  opacity: var(--fancybox-opacity, 1);
  transition: all .25s ease; }

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5); }

.is-compact .fancybox__footer .fancybox__caption {
  padding: 1.2rem; }

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 1.8rem;
  --f-button-svg-height: 1.8rem;
  --f-button-svg-filter: none;
  top: 0.5rem;
  right: 0.5rem; }

.fancybox__nav {
  --f-button-width: 5rem;
  --f-button-height: 5rem;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 2.6rem;
  --f-button-svg-height: 2.6rem;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(0.1rem 0.1rem 0.1rem rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1); }

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -3rem;
  right: -2rem;
  left: -2rem;
  bottom: -3rem;
  z-index: 1; }

.is-idle .fancybox__nav {
  animation: .15s ease-out both f-fadeOut; }

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut; }

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer; }

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  user-select: none; }

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  z-index: 40;
  user-select: none;
  pointer-events: none; }

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none; }

.fancybox__container:not([aria-hidden]) {
  opacity: 0; }

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop):not(.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards f-fadeIn; }

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn; }

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop):not(.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut; }

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut; }

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 0.1rem;
  overflow: visible; }

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
  width: calc(100% - 12rem);
  height: 90%; }

.fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%; }

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  width: 96rem;
  height: 54rem;
  max-width: 100%;
  max-height: 100%; }

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff; }

.has-map .fancybox__content {
  background: #e5e3df; }

.fancybox__html5video, .fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0); }

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 0.1rem !important;
  margin: -0.1rem !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 0.1rem !important;
  white-space: nowrap !important; }

.f-carousel__thumbs {
  --f-thumb-width: 9.6rem;
  --f-thumb-height: 7.2rem;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 0.2rem;
  --f-thumb-offset: 0;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0; }

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 0.8rem;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1; }

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 0.4rem;
  --f-thumb-extra-gap: 1.6rem;
  --f-thumb-clip-width: 4.6rem; }

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  perspective: 100rem;
  transform: translateZ(0); }

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1; }

.f-thumbs .f-spinner svg {
  display: none; }

.f-thumbs.is-vertical {
  height: 100%; }

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }

.f-thumbs__track {
  display: flex; }

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer; }

.f-thumbs__slide.is-loading img {
  opacity: 0; }

.is-classic .f-thumbs__viewport {
  height: 100%; }

.is-modern .f-thumbs__track {
  width: max-content; }

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0))*-0.5);
  width: calc(var(--width, 0)*0.1rem + var(--f-thumb-clip-width, 0));
  cursor: pointer; }

.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  transform: translate3d(calc(var(--shift, 0) * -0.1rem), 0, 0);
  transition: none;
  pointer-events: none; }

.is-modern.is-resting .f-thumbs__slide {
  transition: transform .33s ease; }

.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path .33s ease; }

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-0.1rem 0 0 var(--f-thumb-outline-color)) drop-shadow(0.2rem 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -0.1rem 0 var(--f-thumb-outline-color)) drop-shadow(0 0.2rem 0 var(--f-thumb-outline-color)); }

.f-thumbs__slide__button {
  appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity .2s ease; }

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity); }

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none; }

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity); }

.is-modern .f-thumbs__slide__button {
  --clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );
  clip-path: var(--clip-path); }

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity); }

.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn .2s ease-out;
  z-index: 10; }

.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
  border-radius: var(--f-thumb-border-radius); }

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 0.8rem 0 1.2rem 0; }

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0; }

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 0.8rem; }

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0; }

.fancybox__thumbs {
  --f-thumb-width: 9.6rem;
  --f-thumb-height: 7.2rem;
  --f-thumb-border-radius: 0.2rem;
  --f-thumb-outline: 0.2rem;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1); }

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 0.8rem;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1; }

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); }

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 0.4rem;
  --f-thumb-extra-gap: 1.6rem;
  --f-thumb-clip-width: 4.6rem;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1; }

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); }

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap); }

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0; }

.is-compact .fancybox__thumbs {
  --f-thumb-width: 6.4rem;
  --f-thumb-clip-width: 3.2rem;
  --f-thumb-height: 4.8rem;
  --f-thumb-extra-gap: 1rem; }

.fancybox__thumbs.is-masked {
  max-height: 0 !important; }

.is-closing .fancybox__thumbs {
  transition: none !important; }

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 4.6rem;
  --f-button-height: 4.6rem;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 2.4rem;
  --f-button-svg-height: 2.4rem;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(0.1rem 0.1rem 0.1rem rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20; }

.fancybox__toolbar :focus-visible {
  z-index: 1; }

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: .15s ease-out both f-fadeOut; }

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start; }

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0; }

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap; }

.fancybox__infobar {
  padding: 0 0.5rem;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 1.7rem;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none; }

.fancybox__infobar span {
  padding: 0 0.5rem; }

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg); }

[data-fancybox-toggle-slideshow] {
  position: relative; }

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3; }

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex; }

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none; }

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none; }

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex; }

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex; }

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none; }

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none; }

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex; }

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.3rem;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  user-select: none;
  pointer-events: none; }

/**
 * normalize
 */
/**
 * Grid system
 * -----------------------------------------
 */
/**
 * Mixins
 */
@use "sass:math";
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor; }

.icon-angle-down {
  width: 0.64286em; }

.icon-angle-right {
  width: 0.58333em; }

.icon-arrow-left-circle {
  width: 1em; }

.icon-arrow-right {
  width: 1em; }

.icon-arrow-right-circle {
  width: 1em; }

.icon-arrow-right-square {
  width: 1em; }

.icon-burger {
  width: 1.83333em; }

.icon-call {
  width: 1em; }

.icon-check {
  width: 0.64286em; }

.icon-clip {
  width: 1em; }

.icon-clock {
  width: 1em; }

.icon-close {
  width: 1em; }

.icon-mail {
  width: 1.26316em; }

.icon-mail-outline {
  width: 1.26316em; }

.icon-phone {
  width: 1em; }

.icon-phone-arrow {
  width: 1em; }

.icon-phone-outline {
  width: 1em; }

.icon-place {
  width: 0.8em; }

.icon-place2 {
  width: 0.77273em; }

.icon-question {
  width: 1em; }

.icon-reload {
  width: 1em; }

.icon-search {
  width: 1em; }

.icon-star {
  width: 1em; }

.icon-user {
  width: 1em; }

.icon-user-phone {
  width: 0.94118em; }

/**
 * Base
 */
@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-BoldItalic.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-Bold.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-Italic.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-Light.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-LightItalic.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-Regular.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-MediumItalic.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-Medium.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-SemiBold.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Raleway';
  src: url("/local/templates/new/layout/public/css/../fonts/Raleway-SemiBoldItalic.woff2") format("woff2"), url("/local/templates/new/layout/public/css/../fonts/Raleway-SemiBoldItalic.woff") format("woff");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }

h1 {
  font-weight: 700;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    h1 {
      font-size: 3.6rem; } }

h2 {
  font-weight: 700;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    h2 {
      font-size: 3.2rem; } }

h3 {
  font-weight: 700;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    h3 {
      font-size: 3rem; } }

h4 {
  font-weight: 600;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 1.3; }
  @media (min-width: 992px) {
    h4 {
      font-size: 2.4rem; } }

h5 {
  font-weight: 600;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 2.7rem 0 1rem; }

h6 {
  font-weight: 500;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.25; }

.input {
  margin-top: 2.4rem;
  position: relative; }
  .input__label {
    display: block;
    margin-bottom: 0.4rem;
    font-weight: normal; }
  .input__icon {
    position: absolute;
    left: 1.7rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5rem;
    color: #A16AE8;
    pointer-events: none; }
  .input__field {
    resize: none;
    color: #A16AE8;
    width: 100%;
    display: block;
    padding: 1.45rem 2.4rem;
    border-radius: 1.2rem;
    border: 0.1rem solid #A16AE8;
    font-weight: 500;
    outline: none;
    box-shadow: none;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    transition: color 0.3s, border-color 0.3s;
    -moz-appearance: textfield; }
    .input__field::-webkit-outer-spin-button, .input__field::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .input__field::placeholder {
      color: #A16AE8;
      opacity: 0.5; }
    .input__field_has-icon {
      padding-left: 5rem; }
    .input__field.is-invalid {
      border-color: #FF3C30 !important; }
  .input__field.is-invalid ~ .input__error {
    display: block; }
  .input__error {
    display: none;
    color: #FF3C30; }

.checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden; }

.checkbox__input:checked ~ .checkbox__label .checkbox__field {
  border-color: #A16AE8;
  background-color: #A16AE8; }

.checkbox__input.is-invalid ~ .checkbox__label .checkbox__field {
  border-color: #FF3C30;
  color: #FF3C30; }

.checkbox__field {
  position: relative;
  border: 0.1rem solid #0B0711;
  border-radius: 0.3rem;
  max-width: 2.2rem;
  min-width: 2.2rem;
  height: 2.2rem;
  margin-right: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  transition: background-color 0.3s, background-color 0.3s; }

.checkbox__input:checked ~ .checkbox__label .checkbox__field .checkbox__icon {
  opacity: 1;
  color: #FFF; }

.checkbox__icon {
  transition: opacity 0.3s;
  font-size: 2rem; }

.checkbox__input.is-invalid ~ .checkbox__label {
  color: #FF3C30; }

.checkbox__label {
  transition: color 0.3s;
  cursor: pointer;
  display: inline-flex;
  align-items: center; }

.radio {
  display: flex;
  margin-top: 2rem; }
  .radio_inline {
    display: inline-flex;
    margin-top: 0;
    margin-right: 0.5rem; }
  .radio__input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden; }
  .radio__input:checked ~ .radio__label .radio__field:after {
    color: #A16AE8; }
  .radio__input:checked ~ .radio__label .radio__field {
    border-color: #A16AE8;
    background-color: #A16AE8; }
  .radio__input.is-invalid ~ .radio__label .radio__field {
    border-color: #FF3C30;
    color: #FF3C30; }
  .radio__field {
    position: relative;
    border: 0.15rem solid #0B0711;
    border-radius: 100%;
    top: 0.1em;
    max-width: 2.2rem;
    min-width: 2.2rem;
    height: 2.2rem;
    margin-right: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s, background-color 0.3s;
    color: #C4C4C4; }
    .radio__field:after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      border: 0.2rem solid #FFF;
      top: 0;
      left: 0;
      border-radius: 100%;
      background-color: currentColor;
      transition: opacity 0.3s, color 0.3s;
      opacity: 0; }
  .radio__input.is-invalid ~ .radio__label .radio__field:after,
  .radio__input:checked ~ .radio__label .radio__field:after {
    opacity: 1; }
  .radio__input.is-invalid ~ .radio__label {
    color: #FF3C30; }
  .radio__label {
    transition: color 0.3s;
    cursor: pointer;
    display: inline-flex;
    align-items: center; }
  .radio__label:hover .radio__field:after {
    opacity: 1; }

.file {
  display: flex;
  margin-top: 1.6rem;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3; }
  .file__input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    align-items: center; }
  .file__icon {
    font-size: 2.4rem;
    min-width: 2.4rem;
    max-width: 2.4rem;
    margin-right: 0.8rem;
    color: #B6B5B8; }
  .file:hover .file__txt {
    border-bottom-color: transparent; }
  .file__txt {
    color: #A16AE8;
    border-bottom: 0.1rem solid;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: border-bottom-color 0.3s;
    align-self: center; }

.btn {
  border: 0.1rem solid #FFF;
  background-color: #FFF;
  column-gap: 0.5rem;
  text-decoration: none;
  color: #A16AE8;
  border-radius: 1rem;
  outline: none !important;
  box-shadow: none !important;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.1rem;
  display: inline-flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  min-height: 4.3rem;
  padding: 1rem;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s; }
  .btn:hover {
    background-color: #A16AE8;
    border-color: #A16AE8;
    color: #FFF; }
  .btn_warning-txt {
    color: #FFA800; }
  .btn_outline {
    background-color: transparent;
    color: #FFF; }
    .btn_outline:hover {
      background-color: #FFF;
      color: #A16AE8; }
    .btn_outline.btn_white {
      background-color: #FFF;
      color: #A16AE8; }
      .btn_outline.btn_white:hover {
        border-color: #FFF;
        background-color: #A16AE8;
        color: #FFF; }
  .btn_fluid {
    width: 100%;
    display: flex; }
  .btn_round {
    border-radius: 3rem; }
    .btn_round.btn_outline:not(:hover) {
      color: #FFF;
      background-color: transparent; }
  .btn_reviews {
    padding: 1rem 2.3rem; }
  .btn_primary {
    border: 0.1rem solid #A16AE8;
    background-color: #A16AE8;
    color: #FFF; }
    .btn_primary:hover {
      background-color: #FFF;
      color: #A16AE8; }
    .btn_primary.btn_outline {
      background-color: transparent;
      color: #A16AE8; }
      .btn_primary.btn_outline:hover {
        border: 0.1rem solid #A16AE8;
        background-color: #A16AE8;
        color: #FFF; }
  .btn_lg {
    min-height: 3.5rem;
    font-weight: bold;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem; }
    @media (min-width: 768px) {
      .btn_lg {
        min-height: 5rem;
        font-size: 2.4rem; } }
  .btn:disabled:hover, .btn.is-disabled:hover, .btn[disabled]:hover, .btn:disabled, .btn.is-disabled, .btn[disabled] {
    cursor: default; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #0B0711;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  overflow-y: scroll; }
  @media (min-width: 768px) {
    body {
      font-size: 1.4rem; } }

.bx-core {
  overflow-y: scroll; }
  .bx-core body {
    overflow: hidden;
    height: auto; }

* {
  box-sizing: border-box; }

.lnk,
a {
  text-decoration: underline;
  color: #0B0711; }
  .lnk:hover, .lnk:focus, .lnk:active,
  a:hover,
  a:focus,
  a:active {
    text-decoration: none; }
  .lnk_reverse, .footer-menu a,
  a_reverse {
    text-decoration: none; }
    .lnk_reverse:hover, .footer-menu a:hover,
    a_reverse:hover {
      text-decoration: underline; }

ol,
ul {
  padding-left: 2rem; }

.l-main {
  flex: 1 0 auto;
  padding-bottom: 6.8rem; }
  @media (min-width: 992px) {
    .l-main {
      padding-bottom: 15.5rem; } }

.l-container {
  width: 100%;
  max-width: 121rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem; }

.icon-clock, .icon-phone-outline, .icon-mail-outline, .icon-angle-right, .icon-arrow-right {
  fill: none;
  stroke: currentColor;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round; }

.icon-phone-outline, .icon-angle-right, .icon-clock {
  stroke-width: 2; }

.icon-mail-outline {
  stroke-width: 1.5; }

.swiper-button-prev, .swiper-button-next, .swiper-button-prev, .swiper-button-next {
  z-index: 10;
  cursor: pointer;
  position: absolute;
  top: 50%;
  font-size: 1.8rem;
  transform: translateY(-50%);
  color: #FFF;
  transition: color 0.3s; }
  .swiper-button-prev:hover, .swiper-button-next:hover, .swiper-button-prev:hover, .swiper-button-next:hover {
    color: #A16AE8; }
  @media (min-width: 768px) {
    .swiper-button-prev, .swiper-button-next, .swiper-button-prev, .swiper-button-next {
      font-size: 3rem; } }
  .swiper-button-prev .icon, .swiper-button-next .icon, .swiper-button-prev .icon, .swiper-button-next .icon {
    display: block; }

.swiper-button-prev, .swiper-button-prev {
  left: 1rem; }

.swiper-button-next, .swiper-button-next {
  right: 1rem; }

.swiper-button-lock, .swiper-button-lock {
  display: none !important; }

.swiper-button-disabled, .swiper-button-disabled {
  opacity: 0.57;
  cursor: default !important; }
  .swiper-button-disabled:hover, .swiper-button-disabled:hover {
    color: #FFF; }

.swiper-pagination {
  position: static;
  margin: 1.4rem 0 0;
  display: flex;
  column-gap: 0.5rem;
  justify-content: center; }
  .swiper-pagination-bullet {
    width: 0.6rem;
    flex: 0 0 0.6rem;
    height: 0.6rem;
    border-radius: 100%;
    border: 0.1rem solid #303030;
    transition: background-color; }
    .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {
      background-color: #303030; }
  .swiper-pagination-lock {
    display: none !important; }

.signup-measurement {
  position: relative;
  display: inline-block;
  padding: 2rem 1rem 2rem 10rem;
  text-align: center;
  background-color: #A16AE8;
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
  border-radius: 1rem; }
  @media (min-width: 400px) {
    .signup-measurement {
      padding: 2rem 2rem 2rem 12rem; } }
  .signup-measurement:hover {
    color: #FFF; }
  .signup-measurement_single {
    width: 33rem;
    margin: 7rem auto 0;
    display: block;
    max-width: 100%; }
  .signup-measurement__ttl {
    font-size: 1.8rem; }
    @media (min-width: 400px) {
      .signup-measurement__ttl {
        font-size: 2rem; } }
  .signup-measurement img {
    position: absolute;
    bottom: 0;
    width: 8.3rem;
    left: 1rem; }
    @media (min-width: 400px) {
      .signup-measurement img {
        left: 2.3rem; } }

.breadcrumbs {
  padding: 2.5rem 0 2rem; }
  @media (min-width: 768px) {
    .breadcrumbs {
      font-size: 1.4rem; } }
  .breadcrumbs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: row wrap; }
  .breadcrumbs__itm {
    gap: 0.5rem;
    margin-right: 0.5rem;
    display: flex; }
    .breadcrumbs__itm:not(:first-child):before {
      content: '/'; }
  .breadcrumbs__lnk {
    text-decoration: none; }
  .breadcrumbs__back {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    margin-top: 1rem;
    color: #A16AE8;
    text-decoration: none; }
    @media (min-width: 768px) {
      .breadcrumbs__back {
        font-size: 1.4rem; } }
    .breadcrumbs__back .icon {
      font-size: 0.8rem;
      transform: rotate(180deg); }

a[href^='tel:'] {
  text-decoration: none; }

.content {
  font-size: 1.2rem; }
  @media (min-width: 768px) {
    .content {
      font-size: 1.4rem; } }
  .content img {
    display: block;
    max-width: 100%; }

.show-more.is-show-txt .show-more__text {
  max-height: none !important; }

.show-more.is-hide-txt:not(.is-show-txt) .show-more__text:after {
  content: '';
  width: 100%;
  height: 4.3rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  position: absolute;
  bottom: 0;
  left: 0; }

.show-more__text {
  max-height: 5.2rem;
  overflow: hidden;
  position: relative; }

.show-more_hide-mobile .show-more__text {
  max-height: 40.7rem; }
  @media (min-width: 768px) {
    .show-more_hide-mobile .show-more__text {
      max-height: none; } }

.show-more__btn {
  display: none;
  color: #A16AE8;
  margin-top: 0.5rem;
  gap: 0.5rem;
  align-items: center; }
  .show-more__btn:before {
    content: attr(data-txt); }
  .show-more__btn .icon {
    transform: rotate(180deg);
    transition: transform; }

.show-more.is-hide-txt .show-more__btn {
  display: inline-flex; }

.show-more:not(.is-show-txt) .show-more__btn .icon {
  transform: rotate(0); }

.price {
  font-weight: 400;
  font-size: 1.6rem;
  color: #A16AE8; }
  .price__now {
    font-size: 2rem; }
  .price__old {
    font-weight: 300;
    font-size: 1.6rem;
    position: relative;
    color: #989898; }
    .price__old:after {
      content: '';
      width: 110%;
      height: 0.1rem;
      background-color: currentColor;
      top: 50%;
      left: 50%;
      position: absolute;
      margin: -0.05rem 0 0 -55%; }

.address-box {
  display: flex; }
  .address-box .icon {
    color: #A16AE8;
    font-size: 2.5rem;
    max-width: 2.5rem;
    min-width: 2.5rem;
    margin-right: 1rem;
    align-self: center; }

.props {
  display: flex;
  flex-flow: row wrap;
  column-gap: 3rem;
  row-gap: 1rem;
  margin: 1.5rem 0 0;
  border-top: 0.1rem solid rgba(11, 7, 17, 0.5);
  border-bottom: 0.1rem solid rgba(11, 7, 17, 0.5);
  padding: 1.5rem 0; }
  @media (min-width: 768px) {
    .props {
      margin-top: 2.6rem;
      padding: 0;
      border: 0; } }
  .props__itm {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between; }
  .props__val {
    gap: 1rem;
    display: flex;
    white-space: nowrap;
    margin-top: 0.5rem;
    flex-flow: row wrap; }
  .props__ttl {
    font-weight: 500; }

.page-ttl {
  margin-top: 0; }

.pagination {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem; }
  @media (min-width: 992px) {
    .pagination {
      margin-top: 5rem; } }
  .pagination a,
  .pagination b, .pagination__lnk {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 500;
    border: 0.1rem solid #B6B5B8;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background-color 0.3s, background-color 0.3s, color 0.3s; }
    .pagination a:hover, .pagination a.is-active,
    .pagination b:hover,
    .pagination b.is-active, .pagination__lnk:hover, .pagination__lnk.is-active {
      background-color: #A16AE8;
      border-color: #A16AE8;
      color: #FFF; }
  .pagination .icon {
    display: block;
    font-size: 3rem; }
  .pagination b {
    cursor: default;
    background-color: #A16AE8;
    color: #FFF; }
  .pagination__prev, .pagination__next {
    transition: color 0.3s;
    color: #A16AE8;
    border: none !important;
    background-color: transparent !important; }
    .pagination__prev .icon, .pagination__next .icon {
      display: block; }
    .pagination__prev:hover, .pagination__next:hover {
      color: #FFA800 !important; }
  .pagination__prev .icon {
    transform: rotate(180deg); }
  .pagination__disabled, .pagination__disable {
    color: #A16AE8 !important;
    cursor: not-allowed !important;
    opacity: 0.3 !important; }

.lnk-abs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.tabs {
  position: relative;
  overflow: hidden; }
  .tabs__tab {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.3s; }
    .tabs__tab.is-visible {
      opacity: 1;
      visibility: visible;
      position: static; }

.seo-table {
  text-align: left;
  border-radius: 1rem;
  overflow: hidden;
  margin: 2.5rem auto;
  width: 50rem;
  max-width: 100%; }
  .seo-table a {
    text-decoration: none; }
  .seo-table__icon {
    min-width: 7.8rem; }
  .seo-table td {
    padding: 0.5rem;
    background: #EBE7E5;
    font-weight: bold;
    color: #000; }

.table-images img {
  width: 100%;
  object-fit: cover; }

.images-list {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem; }
  @media (min-width: 768px) {
    .images-list {
      gap: 1.5rem; } }
  .images-list__itm {
    flex: 0 0 calc(100%/2 - 0.25rem);
    max-width: calc(100%/2 - 0.25rem); }
    @media (min-width: 768px) {
      .images-list__itm {
        flex: 0 0 calc(100%/3 - 2*1.5rem/3);
        max-width: calc(100%/3 - 2*1.5rem/3); } }
  .images-list img {
    display: block;
    width: 100%;
    object-fit: cover; }
    @media (min-width: 768px) {
      .images-list img {
        height: 25rem; } }

/**
 * Components
 */
.footer-menu a {
  color: inherit; }

.footer-menu__ttl {
  font-size: 1.6rem;
  font-weight: bold; }
  @media (min-width: 992px) {
    .footer-menu__ttl {
      font-size: 2rem; } }

.footer-menu__list {
  margin: 1rem 0 0;
  font-weight: 500;
  padding: 0;
  list-style: none; }
  @media (min-width: 992px) {
    .footer-menu__list {
      margin: 3rem 0 0;
      font-size: 1.4rem; } }

.footer-menu__itm {
  margin: 0.5rem 0 0; }
  @media (min-width: 992px) {
    .footer-menu__itm {
      margin: 1rem 0 0;
      font-size: 1.4rem; } }

.materials-list__material {
  font-weight: bold;
  padding-bottom: 0.5rem;
  display: block; }

.materials-list__pict {
  display: block;
  position: relative;
  padding-top: 100%;
  margin-top: auto; }

.materials-list .swiper {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }
  .materials-list .swiper-slide {
    display: flex;
    height: auto; }
  .materials-list .swiper a {
    flex-direction: column;
    text-decoration: none;
    display: flex;
    width: 100%; }
    .materials-list .swiper a img {
      width: 100%;
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      object-fit: cover; }

.capcha {
  margin-top: 2.4rem;
  max-width: 60rem; }
  .capcha__ttl {
    margin-bottom: 1rem; }
  .capcha__row {
    gap: 1rem;
    align-items: center;
    display: flex; }
  .capcha__input {
    flex: 1 0  0;
    margin-top: 0; }
  .capcha__pict {
    position: relative; }
  .capcha__img {
    display: block;
    margin: 0 !important; }
  .capcha__reload {
    width: 3rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    font-size: 2.5rem;
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.3s; }
    .capcha__reload svg {
      width: 80%;
      height: 80%;
      fill: currentColor; }
    .capcha__reload:hover {
      color: #000; }
  .capcha__error {
    padding-top: 1rem;
    font-size: 1.2rem;
    color: red;
    display: none; }
  .capcha_error .capcha__error {
    display: block; }

.b-main-menu {
  width: 100%; }
  @media (max-width: 991px) {
    .b-main-menu {
      transform: translateX(-100%);
      overflow: hidden;
      position: fixed;
      top: 8.4rem;
      left: 0;
      width: 100%;
      height: calc(100% - 8.4rem);
      background-color: #FFF;
      z-index: 101;
      padding: 0;
      transition: transform 0.3s; }
      .b-main-menu.is-open {
        transform: translateX(0); } }
  @media (min-width: 992px) {
    .b-main-menu {
      display: flex; } }
  .b-main-menu__list {
    padding: 0;
    margin: 0;
    list-style: none;
    border-bottom: 0.1rem solid rgba(11, 7, 17, 0.3);
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    height: calc(100% - 12.1rem);
    width: 100%; }
    @media (min-width: 576px) {
      .b-main-menu__list {
        height: calc(100% - 6.3rem); } }
    .b-main-menu__list.is-submenu-open {
      overflow: hidden; }
    @media (min-width: 992px) {
      .b-main-menu__list {
        height: auto;
        background-color: transparent;
        overflow-x: initial;
        overflow-y: initial;
        border: none;
        display: flex;
        margin: 0 0 0 -0.75rem; } }
    .b-main-menu__list a {
      color: inherit;
      text-decoration: none; }
  .b-main-menu__itm {
    border-top: 0.1rem solid rgba(11, 7, 17, 0.3); }
    @media (min-width: 992px) {
      .b-main-menu__itm {
        position: relative;
        border: none;
        display: flex; } }
  .b-main-menu__itm.is-active .b-main-menu__lnk {
    color: #A16AE8; }
  .b-main-menu__lnk {
    color: inherit;
    text-decoration: none;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .b-main-menu__lnk {
        display: flex;
        padding: 0 0.75rem;
        align-items: center;
        transition: color 0.3s, background-color 0.3s; }
        .b-main-menu__lnk:hover {
          color: #A16AE8; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .b-main-menu__lnk {
    font-size: 1.3rem; } }
    .b-main-menu__lnk.is-active {
      color: #A16AE8; }
  @media (min-width: 992px) {
    .b-main-menu__itm:hover .b-main-menu__lnk .b-main-menu__icon {
      transform: rotate(-90deg); } }
  @media (min-width: 992px) {
    .b-main-menu__itm:hover > .b-main-menu__submenu {
      background-color: #0B0711;
      opacity: 1;
      visibility: visible;
      padding: 0 0 1rem; } }
  .b-main-menu__subitm.is-open > .b-main-menu__submenu,
  .b-main-menu__itm.is-open > .b-main-menu__submenu {
    transform: translateX(0); }
  .b-main-menu__submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-height: 100%;
    z-index: 101;
    transition: transform 0.3s; }
    @media (max-width: 991px) {
      .b-main-menu__submenu {
        transform: translateX(100%); } }
    .b-main-menu__submenu.is-submenu-open {
      overflow: hidden; }
    @media (min-width: 992px) {
      .b-main-menu__submenu {
        white-space: nowrap;
        height: auto;
        margin: -1.5rem 0 0;
        overflow: visible;
        opacity: 0;
        visibility: hidden;
        top: 100%;
        left: 0;
        min-width: 100%;
        max-height: none;
        width: auto;
        background-color: #0B0711;
        transition: visibility 0.3s, padding 0.3s; } }
  @media (min-width: 992px) {
    .b-main-menu__submenu .b-main-menu__submenu {
      max-height: none !important;
      overflow: visible;
      left: 100%;
      top: 0;
      margin-top: 0; } }
  .b-main-menu__subitm {
    border-top: 0.1rem solid rgba(11, 7, 17, 0.3); }
    @media (min-width: 992px) {
      .b-main-menu__subitm {
        border: none; } }
  @media (min-width: 992px) {
    .b-main-menu__icon {
      transform: rotate(90deg);
      margin-left: 1rem; } }
  .b-main-menu__sublnk {
    text-decoration: none;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .b-main-menu__sublnk {
        padding: 0.3rem 0.75rem;
        width: 100%; }
        .b-main-menu__sublnk .icon {
          transform: none; } }
    @media (min-width: 992px) {
      .b-main-menu__sublnk:hover {
        color: #A16AE8; } }
    .b-main-menu__sublnk.is-back {
      justify-content: flex-start;
      column-gap: 1rem; }
      .b-main-menu__sublnk.is-back .icon {
        transform: rotate(180deg); }
  .b-main-menu__buttons {
    width: 100%;
    bottom: 0;
    padding: 1rem 2rem;
    left: 0;
    position: absolute;
    background-color: #FFF;
    display: flex;
    gap: 1.5rem;
    flex-direction: column; }
    @media (min-width: 576px) {
      .b-main-menu__buttons {
        flex-flow: row nowrap; } }
    .b-main-menu__buttons .btn {
      flex: 1 0 0; }
  @media (min-width: 992px) {
    .b-main-menu__itm:not(:hover) .b-main-menu__submenu_catalog {
      z-index: -100;
      pointer-events: none; } }
  @media (min-width: 992px) {
    .b-main-menu__submenu_catalog {
      position: absolute;
      top: 100%;
      left: 0;
      width: 90rem;
      border-radius: 1rem;
      box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.25);
      background-color: #FFF !important;
      display: flex;
      flex-flow: row wrap;
      gap: 2rem;
      padding: 2rem !important; }
      .b-main-menu__submenu_catalog .is-active > a {
        font-weight: bold;
        color: #A16AE8; }
      .b-main-menu__submenu_catalog a {
        color: #0B0711; }
      .b-main-menu__submenu_catalog .icon {
        display: none; }
      .b-main-menu__submenu_catalog > li {
        flex: 0 0 calc(100%/3 - 2rem*3/2);
        max-width: calc(100%/3 - 2rem*3/2);
        display: block; }
        .b-main-menu__submenu_catalog > li > a {
          font-size: 1.8rem;
          font-weight: bold;
          line-height: 1.3; }
        .b-main-menu__submenu_catalog > li .item-active a {
          color: #A16AE8;
          font-weight: bold; }
        .b-main-menu__submenu_catalog > li ul {
          display: block;
          position: static;
          visibility: visible;
          padding: 0 !important;
          opacity: 1;
          background-color: inherit !important; } }

html {
  overflow: hidden; }
  html.is-main-menu-open body {
    height: 100%;
    overflow: hidden; }

.b-search__field {
  position: relative; }

.b-search__input {
  width: 100%;
  display: block;
  outline: none;
  box-shadow: none;
  background-color: rgba(11, 7, 17, 0.05);
  border: none;
  height: 4.6rem;
  padding: 1rem 4.6rem 1rem 2.2rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  line-height: 1.3; }
  .b-search__input::placeholder {
    color: rgba(11, 7, 17, 0.5);
    opacity: 1; }

.b-search__btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 4.6rem;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
  box-shadow: none;
  color: #A16AE8;
  font-size: 2rem; }

.fancybox__backdrop {
  opacity: 0.5; }

.b-popup {
  display: none;
  width: 48rem;
  max-width: 100%;
  padding: 3.5rem 1rem 1rem;
  color: #A16AE8;
  font-weight: 600;
  font-size: 1.6rem;
  border-radius: 2rem; }
  @media (min-width: 400px) {
    .b-popup {
      padding: 3.5rem  5rem; } }
  .b-popup__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.4rem; }
  .b-popup__txt {
    margin-top: 1rem;
    text-align: center; }
  .b-popup__btn {
    margin: 3.5rem auto 0;
    min-height: 4rem;
    border-radius: 2.5rem;
    width: 18.5rem;
    display: flex; }

html.with-fancybox {
  overflow: hidden; }

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: var(--scrollbar-width);
  overflow: hidden !important;
  overscroll-behavior-y: none; }

.b-callback {
  display: flex;
  position: fixed;
  z-index: 100;
  bottom: 2rem;
  right: 2.3rem;
  min-width: 4.5rem; }
  @media (min-width: 768px) {
    .b-callback {
      min-width: 7.5rem;
      right: 4rem; } }
  .b-callback.is-open .b-callback__btn {
    box-shadow: 0 0 0.9rem 0 rgba(0, 0, 0, 0.2);
    background: #FFF;
    color: #A16AE8; }
  .b-callback__btn {
    position: relative;
    cursor: pointer;
    z-index: 1;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 100%;
    border: none;
    box-shadow: none;
    outline: none;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(193.47% 193.47% at 50% 16.25%, #a16ae8 0%, black 100%);
    font-size: 1.5rem;
    transition: box-shadow 0.3s, background-color 0.3s, color 0.3s; }
    @media (min-width: 768px) {
      .b-callback__btn {
        width: 7.5rem;
        height: 7.5rem;
        font-size: 2.5rem; } }
  .b-callback.is-open .b-callback__form {
    padding-left: 3rem;
    padding-right: 0.3rem;
    max-width: 30rem; }
    @media (min-width: 768px) {
      .b-callback.is-open .b-callback__form {
        padding-left: 5.5rem;
        padding-right: 2rem;
        max-width: 69rem; } }
  .b-callback__form {
    border-radius: 0 2rem 2rem 0;
    max-width: 0;
    overflow: hidden;
    background-color: #FFF;
    margin-left: -2.25rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    gap: 0.5rem;
    transition: max-width 0.3s, padding-left 0.3s; }
    @media (min-width: 768px) {
      .b-callback__form {
        gap: 1.4rem;
        margin-left: -3.75rem;
        border-radius: 0  3.5rem 3.5rem 0; } }
  .b-callback__ttl {
    font-weight: 500;
    font-size: 1.2rem;
    color: #A16AE8;
    display: none; }
    @media (min-width: 768px) {
      .b-callback__ttl {
        display: flex;
        font-size: 2rem; } }
    @media (min-width: 992px) {
      .b-callback__ttl {
        font-size: 2rem; } }
  .b-callback__input {
    width: 15rem;
    border: 0.1rem solid #A16AE8;
    color: #A16AE8;
    padding: 0.4rem 1.5rem;
    font-size: 1.4rem;
    line-height: 2rem;
    border-radius: 0.6rem; }
    .b-callback__input.is-invalid {
      border-color: #FF3C30; }
    @media (min-width: 768px) {
      .b-callback__input {
        width: 23.5rem;
        font-size: 1.6rem; } }
  .b-callback__form-btn {
    width: 10rem;
    border-radius: 2rem;
    height: 4rem;
    min-height: 4rem;
    padding: 0;
    font-size: 1.2rem; }
    @media (min-width: 768px) {
      .b-callback__form-btn {
        width: 23.9rem;
        font-size: 1.6rem; } }

.b-page-banner {
  position: relative;
  background-color: #0B0711;
  color: #FFF; }
  .b-page-banner__bg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.7; }
  .b-page-banner__l-container {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 3.7rem;
    display: flex;
    flex-direction: column;
    height: 55.9rem; }
    @media (min-width: 992px) {
      .b-page-banner__l-container {
        padding-bottom: 3.7rem; } }
  .b-page-banner__head {
    display: flex;
    flex-direction: column;
    gap: 1.5rem; }
    @media (min-width: 768px) {
      .b-page-banner__head {
        justify-content: space-between;
        flex-flow: row nowrap;
        align-items: center; } }
  .b-page-banner__title {
    text-transform: uppercase;
    margin: 0; }
  .b-page-banner__buttons {
    gap: 1.6rem;
    display: flex;
    flex-direction: column;
    width: 17rem; }
    @media (min-width: 768px) {
      .b-page-banner__buttons {
        width: auto;
        flex-flow: row nowrap; } }
  .b-page-banner__btn {
    font-size: 1.4rem;
    min-height: 3.6rem;
    padding: 0; }
    @media (min-width: 768px) {
      .b-page-banner__btn {
        min-height: 4.6rem;
        width: 17.3rem; } }
  .b-page-banner__bottom {
    margin-top: auto; }
    @media (min-width: 992px) {
      .b-page-banner__bottom {
        display: flex;
        justify-content: space-between; } }
  .b-page-banner__contacts {
    font-size: 2rem; }
    .b-page-banner__contacts .icon {
      font-size: 2rem;
      color: #A16AE8; }
  .b-page-banner__contacts .b-page-banner__lnk ~ .b-page-banner__lnk {
    margin-top: 1.2rem; }
  .b-page-banner__contacts .b-page-banner__lnk {
    display: inline-flex;
    align-items: center;
    gap: 1.7rem; }
  .b-page-banner__lnk {
    color: inherit;
    text-decoration: none; }
  .b-page-banner__left {
    display: flex;
    column-gap: 1.6rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1.5rem; }
    @media (min-width: 992px) {
      .b-page-banner__left {
        flex-flow: row nowrap;
        column-gap: 2rem; } }
    .b-page-banner__left .btn {
      width: 23.7rem;
      min-height: 4.5rem;
      font-size: 1.6rem; }
      @media (min-width: 992px) {
        .b-page-banner__left .btn {
          font-size: 2.4rem;
          min-height: 6rem;
          width: 33rem; } }
  .b-page-banner__sep {
    font-size: 2.4rem; }
  .b-page-banner__signup {
    order: -1;
    font-size: 1.2rem;
    padding: 1rem 1rem 1rem 8.7rem; }
    @media (min-width: 992px) {
      .b-page-banner__signup {
        order: initial; }
        .b-page-banner__signup .signup-measurement__ttl {
          font-size: 2.4rem; } }
    .b-page-banner__signup img {
      width: 6rem; }

.b-feature {
  margin-top: 3rem; }
  @media (min-width: 768px) {
    .b-feature {
      margin-top: 5rem; } }
  .b-feature__swiper {
    padding: 1.2rem 0 3rem;
    background-color: #A16AE8;
    border-radius: 2.5rem;
    color: #FFF; }
    .b-feature__swiper-slide {
      padding: 0 1.2rem; }
      @media (min-width: 768px) {
        .b-feature__swiper-slide {
          display: flex;
          height: auto;
          align-items: center; } }
  .b-feature__box {
    max-width: 25.2rem;
    margin: 0 auto;
    font-size: 1.4rem;
    text-align: center; }
    @media (min-width: 992px) {
      .b-feature__box {
        font-size: 1.6rem;
        max-width: max-content; } }
    @media (min-width: 768px) {
      .b-feature__box {
        text-align: left;
        display: flex;
        align-items: center;
        gap: 1rem; } }
  .b-feature__ttl {
    font-size: 1.6rem;
    margin: 1.5rem 0 0.5rem;
    font-weight: bold; }
    @media (min-width: 768px) {
      .b-feature__ttl {
        font-size: 2rem;
        margin: 0; } }
  .b-feature__pict {
    flex: 0 0 8.7rem;
    max-width: 8.7rem; }
    .b-feature__pict img {
      display: block;
      max-width: 100%;
      margin: 0 auto; }

.b-card {
  border: 0.1rem solid #B6B5B8;
  border-radius: 1rem;
  display: flex;
  width: 100%;
  flex-direction: column; }
  .b-card__pict {
    margin: -0.1rem -0.1rem 0;
    position: relative;
    padding-bottom: 63.15789%;
    display: block; }
    .b-card__pict img {
      border-radius: 1rem 1rem 0 0;
      display: block;
      width: 100%;
      position: absolute;
      to: 0;
      left: 0;
      height: 100%;
      object-fit: cover; }
  .b-card__desc {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.7rem 2.5rem; }
    @media (min-width: 768px) {
      .b-card__desc {
        padding: 2.7rem 2rem; } }
  .b-card__ttl {
    font-weight: 500;
    font-size: 1.6rem; }
    @media (min-width: 992px) {
      .b-card__ttl {
        font-weight: 500;
        font-size: 2.4rem; } }
    .b-card__ttl a {
      color: inherit;
      text-decoration: none; }
  .b-card__price {
    margin-top: auto;
    padding-top: 1.5rem;
    padding-bottom: 1rem; }
  .b-card__buttons {
    display: flex;
    gap: 1.5rem; }
  .b-card__btn {
    flex: 1 0 0;
    padding: 0;
    font-size: 1.4rem; }

.b-banner {
  margin-top: 5rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  height: auto;
  padding: 2.2rem 1.5rem 2.2rem 2.2rem;
  display: flex;
  align-items: center; }
  @media (min-width: 992px) {
    .b-banner {
      margin-top: 6.5rem;
      padding: 0.2rem 3.1rem 0.7rem 4.2rem; } }
  .b-banner_sm .b-banner__desc {
    order: 0; }
  .b-banner_sm .b-banner__btn {
    order: 1;
    margin-left: auto; }
    @media (min-width: 768px) {
      .b-banner_sm .b-banner__btn {
        margin-right: -4rem; } }
  .b-banner_sm .b-banner__pict {
    margin: 0;
    order: 2; }
  .b-banner__bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1; }
    .b-banner__bg img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .b-banner__desc {
    flex: 0 0 37.97468%;
    max-width: 37.97468%;
    font-size: 0.8rem;
    font-weight: 600; }
    @media (min-width: 992px) {
      .b-banner__desc {
        flex: 0 0 53.72727%;
        max-width: 53.72727%; } }
    @media (min-width: 576px) {
      .b-banner__desc {
        font-size: 1.6rem; } }
  .b-banner__ttl {
    font-weight: bold; }
    @media (min-width: 400px) {
      .b-banner__ttl {
        font-size: 1.4rem; } }
    @media (min-width: 768px) {
      .b-banner__ttl {
        font-size: 2.4rem; } }
    @media (min-width: 1200px) {
      .b-banner__ttl {
        font-size: 3.6rem; } }
    @media (min-width: 992px) {
      .b-banner__ttl_center {
        text-align: center; } }
    .b-banner__ttl_warning {
      color: #FFA800; }
  .b-banner__pict {
    flex: 0 0 25.31646%;
    max-width: 25.31646%;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .b-banner__pict {
        flex: 0 0 21.27273%;
        max-width: 21.27273%; } }
    .b-banner__pict img {
      display: block;
      width: 100%; }
  .b-banner__btn {
    font-size: 1.2rem;
    width: 10rem;
    margin-left: 1rem;
    padding: 0;
    min-height: 2.5rem;
    border-radius: 0.5rem; }
    @media (min-width: 400px) {
      .b-banner__btn {
        font-size: 1.6rem; } }
    @media (min-width: 768px) {
      .b-banner__btn {
        width: 21rem;
        flex: 0 0 21rem;
        font-weight: 700;
        font-size: 2.4rem;
        min-height: 5rem;
        border-radius: 1rem; } }

.b-map {
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 2rem; }
  @media (min-width: 992px) {
    .b-map {
      margin-top: 5rem;
      font-size: 2rem; } }
  .b-map__title {
    margin: 0 0 2rem; }
  .b-map__map {
    position: relative;
    height: 16rem;
    overflow: hidden;
    margin-top: 1.5rem; }
    @media (min-width: 768px) {
      .b-map__map {
        height: 52.6rem; } }
    .b-map__map img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top; }
    .b-map__map [id^="bx_incl"],
    .b-map__map .bx-yandex-map {
      width: 100%;
      height: 100%; }

.b-product {
  font-size: 1.4rem; }
  .b-product img {
    display: block;
    width: 100%; }
  .b-product__swiper img {
    display: block;
    width: 100%; }
  .b-product__swiper_thumb {
    margin-top: 1rem; }
    .b-product__swiper_thumb .swiper-slide {
      position: relative; }
      .b-product__swiper_thumb .swiper-slide:after {
        content: '';
        width: 100%;
        height: 100%;
        border: 0.2rem solid #A16AE8;
        opacity: 0;
        transition: opacity 0.3s;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box; }
      .b-product__swiper_thumb .swiper-slide.swiper-slide-thumb-active:after {
        opacity: 1; }
  @media (min-width: 992px) {
    .b-product__columns {
      display: flex; } }
  .b-product__title {
    margin-top: 0; }
  @media (min-width: 992px) {
    .b-product__col:first-child {
      flex: 0 0 59.82906%;
      max-width: 59.82906%; } }
  @media (min-width: 1200px) {
    .b-product__col:first-child {
      flex: 0 0 68.2906%;
      max-width: 68.2906%; } }
  .b-product__col_desc {
    padding-top: 2rem; }
    @media (min-width: 992px) {
      .b-product__col_desc {
        padding-top: 0;
        padding-left: 2.6rem;
        flex: 1 0 0; } }
  .b-product__prev-desc {
    font-weight: 500; }
    .b-product__prev-desc > *:first-child {
      margin-top: 0;
      padding-top: 0; }
    .b-product__prev-desc > *:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
  .b-product__count {
    font-weight: 500; }
  .b-product__btn {
    width: 100%;
    margin-top: 3.5rem; }
    @media (min-width: 992px) {
      .b-product__btn {
        margin-top: 2rem; } }
  .b-product__price {
    font-weight: normal;
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.6rem; }
    @media (min-width: 400px) {
      .b-product__price {
        font-size: 2rem; } }
    @media (min-width: 992px) {
      .b-product__price {
        margin-top: 2.5rem; } }
    @media (min-width: 400px) {
      .b-product__price {
        font-size: 2.6rem; } }
    .b-product__price .price__now {
      font-size: 1.6rem; }
      @media (min-width: 400px) {
        .b-product__price .price__now {
          font-size: 2.6rem; } }
    .b-product__price .price__old {
      font-size: 0.8em; }

.b-card-news {
  border: 0.1rem solid #B6B5B8;
  border-radius: 1rem;
  display: flex;
  width: 100%;
  flex-direction: column; }
  .b-card-news__pict {
    margin: -0.1rem -0.1rem 0;
    display: block;
    position: relative;
    padding-bottom: 63.06069%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 1rem 1rem 0 0; }
    .b-card-news__pict img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 1rem 1rem 0 0;
      display: block; }
  .b-card-news__desc {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    padding: 1rem 1.7rem 2.5rem; }
    @media (min-width: 768px) {
      .b-card-news__desc {
        padding: 2.7rem 2rem; } }
  .b-card-news__ttl {
    font-weight: 500;
    font-size: 1.6rem; }
    @media (min-width: 992px) {
      .b-card-news__ttl {
        font-weight: 500;
        font-size: 2.4rem; } }
    .b-card-news__ttl a {
      color: inherit;
      text-decoration: none; }
  .b-card-news__buttons {
    margin-top: auto;
    padding-top: 1.5rem;
    display: flex;
    gap: 1.5rem; }
  .b-card-news__txt {
    margin-top: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .b-card-news__btn {
    flex: 1 0 0;
    padding: 0;
    font-size: 1.4rem; }

.b-card-review {
  border: 0.1rem solid #B6B5B8;
  border-radius: 1rem; }
  .b-card-review__head {
    padding: 1rem;
    border-bottom: 0.1rem solid #B6B5B8; }
  .b-card-review__desc {
    padding: 1rem; }
  .b-card-review__date {
    color: #989898;
    font-weight: 500; }
  .b-card-review__username {
    font-weight: 500;
    font-style: normal;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 1.6rem;
    line-height: 1.25;
    margin: 0; }
    @media (min-width: 992px) {
      .b-card-review__username {
        font-weight: 600;
        font-style: normal;
        font-family: "Raleway", Arial, Helvetica, sans-serif;
        font-size: 1.8rem;
        line-height: 1.3;
        margin: 2.7rem 0 1rem;
        margin: 0; } }

.b-card-faq {
  border: 0.1rem solid #B6B5B8;
  border-radius: 1rem; }
  .b-card-faq__head {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    gap: 1rem;
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
    cursor: pointer; }
  .b-card-faq__icon {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    position: relative;
    cursor: pointer; }
    .b-card-faq__icon:after, .b-card-faq__icon:before {
      content: '';
      width: 1.8rem;
      height: 0.2rem;
      top: 50%;
      left: 50%;
      border-radius: 0.2rem;
      background-color: #A16AE8;
      position: absolute;
      transform: translate(-50%, -50%);
      transition: transform 0.3s; }
  .b-card-faq:not(.is-open) .b-card-faq__icon:after {
    transform: translate(-50%, -50%) rotate(90deg); }
  .b-card-faq__body {
    display: none; }
  .b-card-faq__txt {
    border-top: 0.1rem solid #B6B5B8;
    padding: 1rem; }

.b-card-search {
  padding: 1.5rem 0;
  border-top: 0.1rem solid #B6B5B8;
  position: relative; }
  .b-card-search__ttl {
    margin-top: 0;
    transition: color 0.3s; }
  .b-card-search__desc {
    margin-top: 1.5rem; }
  .b-card-search:hover .b-card-search__ttl {
    color: #A16AE8; }

.b-404 {
  margin: 2.5rem 0 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500; }
  @media (min-width: 992px) {
    .b-404 {
      margin-top: 5rem; } }
  .b-404__num {
    line-height: 1;
    font-size: 24vw;
    font-weight: bold;
    text-align: center; }

.s-header {
  flex: 0 0 auto;
  position: relative;
  height: 8.4rem;
  background-color: #FFF; }
  @media (min-width: 992px) {
    .s-header {
      height: auto; } }
  .s-header__top {
    display: flex; }
    @media (min-width: 992px) {
      .s-header__top {
        background-color: #0B0711;
        color: #FFF;
        height: 8.6rem; } }
    .s-header__top-btn {
      white-space: nowrap;
      color: inherit;
      display: flex;
      align-items: center;
      padding: 0 0.75rem;
      font-weight: normal;
      font-size: 0;
      line-height: 0;
      text-decoration: none;
      background-color: transparent;
      border: none;
      outline: none;
      box-shadow: none; }
      @media (max-width: 991px) {
        .s-header__top-btn {
          position: fixed;
          top: 0;
          height: 8.4rem;
          z-index: 101; } }
      @media (min-width: 992px) {
        .s-header__top-btn {
          font-size: 1.2rem;
          line-height: 1.3;
          column-gap: 0.5rem; } }
      .s-header__top-btn_phone {
        margin-left: auto; }
        @media (max-width: 991px) {
          .s-header__top-btn_phone {
            right: 7.3rem; } }
        @media (max-width: 575px) {
          .s-header__top-btn_phone {
            right: 6.3rem; } }
      @media (max-width: 991px) {
        .s-header__top-btn_mail {
          right: 1.25rem; } }
      .s-header__top-btn_search {
        width: 1.6rem; }
        @media (max-width: 991px) {
          .s-header__top-btn_search {
            left: 7.3rem; } }
        @media (max-width: 575px) {
          .s-header__top-btn_search {
            left: 6.3rem; } }
      .s-header__top-btn_burger {
        width: 3rem;
        left: 1.25rem; }
        @media (min-width: 400px) {
          .s-header__top-btn_burger {
            width: 4rem; } }
        @media (max-width: 991px) {
          .s-header__top-btn_burger {
            left: 1.25rem; } }
      .s-header__top-btn_burger .icon, .s-header__top-btn_search .icon {
        position: absolute;
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      .s-header__top-btn_burger .icon-burger,
      .s-header__top-btn_burger .icon-search, .s-header__top-btn_search .icon-burger,
      .s-header__top-btn_search .icon-search {
        opacity: 1; }
      .s-header__top-btn_burger.is-active .icon-burger,
      .s-header__top-btn_burger.is-active .icon-search, .s-header__top-btn_search.is-active .icon-burger,
      .s-header__top-btn_search.is-active .icon-search {
        opacity: 0; }
      .s-header__top-btn_burger.is-active .icon-close, .s-header__top-btn_search.is-active .icon-close {
        opacity: 1;
        color: #A16AE8; }
      .s-header__top-btn_phone, .s-header__top-btn_mail {
        transition: color 0.3s; }
        @media (min-width: 992px) {
          .s-header__top-btn_phone:hover, .s-header__top-btn_mail:hover {
            color: #A16AE8; } }
        @media (min-width: 992px) {
          .s-header__top-btn_phone:hover .icon, .s-header__top-btn_mail:hover .icon {
            color: #FFF; } }
      .s-header__top-btn_worktime {
        display: none; }
        @media (min-width: 1200px) {
          .s-header__top-btn_worktime {
            display: flex; } }
      .s-header__top-btn .icon {
        font-size: 1.6rem;
        color: #A16AE8;
        transition: color 0.3s; }
        @media (max-width: 991px) {
          .s-header__top-btn .icon {
            font-size: 2.2rem;
            color: #B6B5B8; } }
        @media (max-width: 575px) {
          .s-header__top-btn .icon {
            font-size: 1.6rem;
            color: #B6B5B8; } }
  @media (min-width: 768px) {
    .s-header__l-container {
      display: flex; } }
  .s-header__l-container_top [id^="bx_incl"] {
    display: flex;
    flex: 1 0 0; }
  .s-header__l-container_bottom [id^="bx_incl"] {
    width: 100%; }
  .s-header__l-container_middle {
    display: flex;
    justify-content: center; }
    @media (min-width: 992px) {
      .s-header__l-container_middle {
        justify-content: flex-start; } }
  .s-header__middle {
    box-shadow: 0 0.1rem 1rem 0 rgba(136, 148, 162, 0.2);
    background: #FFF;
    display: flex;
    padding: 2rem 0;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    position: fixed;
    height: 8.4rem; }
    @media (min-width: 992px) {
      .s-header__middle {
        position: relative;
        height: auto;
        box-shadow: none;
        padding: 2rem 0 2.5rem; } }
    .s-header__middle-btn + .s-header__middle-btn {
      margin-left: 1rem; }
    .s-header__middle-btn {
      height: 100%;
      font-weight: 500; }

@media (min-width: 768px) and (max-width: 991px) {
  .s-header__middle-btn {
    font-size: 0;
    line-height: 0;
    width: 4.6rem;
    column-gap: 0; }
    .s-header__middle-btn .icon {
      width: 1.6rem;
      height: 1.6rem; } }
  .s-header__logo {
    display: block; }
    .s-header__logo-img {
      display: block;
      width: 11rem;
      height: 4.4rem; }
  .s-header__search {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 2rem 1rem;
    background-color: #FFF;
    width: 100%;
    box-shadow: 0 1rem 1rem 0 rgba(136, 148, 162, 0.2);
    display: none; }
    @media (min-width: 992px) {
      .s-header__search {
        display: block !important;
        box-shadow: none;
        position: static;
        padding: 0;
        flex: 1 0 0;
        margin: 0 4.5rem 0 1rem; } }
  .s-header__bottom {
    border-top: 0.1rem solid rgba(11, 7, 17, 0.3);
    border-bottom: 0.1rem solid rgba(11, 7, 17, 0.3); }
  .s-header__menu {
    display: flex;
    width: 100%; }
    .s-header__menu-list {
      display: flex;
      margin: 0 0 0 -1rem;
      padding: 0;
      width: 100%; }
    .s-header__menu-itm {
      display: flex;
      position: relative; }
      .s-header__menu-itm:last-child {
        margin-left: auto;
        margin-right: -1rem; }
        .s-header__menu-itm:last-child a {
          color: #A16AE8; }
      .s-header__menu-itm.is-active a {
        color: #A16AE8; }
    .s-header__menu-lnk {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #0B0711;
      padding: 1rem;
      height: 6.6rem; }
      .s-header__menu-lnk.is-active {
        color: #A16AE8; }
    @media (min-width: 768px) {
      .s-header__menu-itm:hover .s-header__menu-submenu {
        max-height: 10rem;
        padding: 0 0 1rem; } }
    .s-header__menu-submenu {
      margin: 0;
      padding: 0;
      list-style: none;
      white-space: nowrap; }
      @media (min-width: 768px) {
        .s-header__menu-submenu {
          margin: -1.5rem 0 0;
          max-height: 0;
          overflow: hidden;
          position: absolute;
          top: 100%;
          left: 0;
          min-width: 100%;
          background-color: #FFF;
          transition: max-height 0.3s, padding 0.3s; } }
    .s-header__menu-sublnk {
      padding: 0.3rem 0.75rem;
      display: block; }

.s-footer {
  flex: 0 0 auto;
  padding: 3rem 0 5rem;
  background-color: #0B0711;
  color: #FFF; }
  @media (min-width: 992px) {
    .s-footer {
      padding: 3.5rem 0 21rem; } }
  .s-footer__copy .s-footer__l-container {
    display: block; }
  .s-footer__copy .lnk-full-version {
    margin-bottom: 1rem; }
  .s-footer__copy {
    text-align: center;
    margin-top: 2rem; }
  .s-footer__l-container {
    display: flex;
    flex-flow: row wrap;
    column-gap: 1.5rem;
    row-gap: 2.5rem; }
  .s-footer__col {
    flex: 0 0 100%; }
    @media (min-width: 992px) {
      .s-footer__col {
        flex: 0 0 calc(25% - 1.5rem * 4 / 3);
        max-width: calc(25% - 1.5rem * 4 / 3); } }
    .s-footer__col_menu {
      position: relative;
      flex: 0 0 calc(50% - 0.75rem);
      max-width: calc(50% - 0.75rem); }
      @media (min-width: 992px) {
        .s-footer__col_menu {
          flex: 0 0 calc(25% - 1.5rem * 4 / 3);
          max-width: calc(25% - 1.5rem * 4 / 3); } }
  .s-footer__row {
    display: flex;
    justify-content: space-between; }
    @media (min-width: 992px) {
      .s-footer__row {
        flex-direction: column;
        justify-content: flex-start;
        row-gap: 2.7rem; } }
  .s-footer__logo {
    text-decoration: none;
    color: inherit; }
    .s-footer__logo img {
      display: block; }
  .s-footer__slogan {
    margin-top: 1.6rem;
    display: block;
    font-size: 1.4rem; }
    @media (min-width: 400px) {
      .s-footer__slogan {
        font-size: 2rem; } }
  .s-footer__buttons {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    width: 16rem; }
    @media (min-width: 400px) {
      .s-footer__buttons {
        font-size: 1.3rem;
        width: 16.5rem;
        row-gap: 1.3rem; } }
    @media (min-width: 992px) {
      .s-footer__buttons {
        width: 17.3rem; } }
    .s-footer__buttons .btn {
      min-height: 4rem;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 1.1rem; }
      @media (min-width: 400px) {
        .s-footer__buttons .btn {
          font-size: 1.4rem; } }
      @media (min-width: 992px) {
        .s-footer__buttons .btn {
          min-height: 4.5rem; } }
  .s-footer .btn_reviews {
    position: absolute;
    left: calc(200% + 1.5rem);
    transform: translateX(-100%);
    top: 100%;
    margin-top: 1.5rem;
    padding: 1rem 1.5rem; }
    @media (min-width: 992px) {
      .s-footer .btn_reviews {
        padding: 1rem 2.3rem;
        margin-top: 1.3rem;
        position: static;
        transform: none; } }
  .s-footer__contacts-itm {
    font-weight: 500;
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: inherit;
    text-decoration: none;
    display: flex;
    column-gap: 1.7rem; }
    @media (min-width: 992px) {
      .s-footer__contacts-itm {
        font-size: 2rem;
        margin-top: 2rem; } }
    .s-footer__contacts-itm_phone {
      margin-top: 0; }
    .s-footer__contacts-itm .icon {
      min-width: 1.8rem;
      font-size: 1.8rem;
      color: #A16AE8; }
      @media (min-width: 992px) {
        .s-footer__contacts-itm .icon {
          min-width: 2.5rem;
          font-size: 2.5rem; } }

.s-main-banner {
  margin-top: 2rem; }
  @media (min-width: 992px) {
    .s-main-banner {
      margin-top: 4.9rem; } }
  @media (min-width: 992px) {
    .s-main-banner__l-container {
      display: flex; } }
  @media (min-width: 992px) {
    .s-main-banner_desc-left .s-main-banner__desc {
      order: -1;
      padding: 0 1.8rem 0 0; } }
  @media (min-width: 992px) {
    .s-main-banner_desc-left .s-main-banner__content {
      padding-left: 3.8rem;
      padding-right: 3.8rem;
      padding-top: 3.5rem; } }
  .s-main-banner__slider {
    width: 100%; }
    @media (min-width: 992px) {
      .s-main-banner__slider {
        display: flex;
        flex: 0 0 66.66667%;
        max-width: 66.66667%; } }
    .s-main-banner__slider > [id^="bx_incl"] {
      width: 100%;
      display: flex; }
    .s-main-banner__slider img {
      display: block;
      border-radius: 1rem;
      width: 100%;
      object-fit: cover;
      height: auto; }
      @media (min-width: 768px) {
        .s-main-banner__slider img {
          border-radius: 3rem;
          height: 100%; } }
  .s-main-banner__swiper-button-prev, .s-main-banner__swiper-button-next {
    z-index: 10;
    cursor: pointer;
    position: absolute;
    top: 50%;
    font-size: 1.8rem;
    transform: translateY(-50%);
    color: #FFF;
    transition: opacity 0.3s; }
    .s-main-banner__swiper-button-prev:hover, .s-main-banner__swiper-button-next:hover {
      opacity: 0.57; }
    @media (min-width: 992px) {
      .s-main-banner__swiper-button-prev, .s-main-banner__swiper-button-next {
        font-size: 3rem; } }
    .s-main-banner__swiper-button-prev .icon, .s-main-banner__swiper-button-next .icon {
      display: block; }
  .s-main-banner__swiper-button-prev {
    left: 1rem; }
  .s-main-banner__swiper-button-next {
    right: 1rem; }
  .s-main-banner__bottom {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    color: #FFF;
    justify-content: space-between; }
  .s-main-banner__section {
    align-self: center;
    padding: 0 0.9rem 0;
    font-weight: bold;
    font-size: 1.2rem; }
    @media (min-width: 400px) {
      .s-main-banner__section {
        font-size: 1.4rem; } }
    @media (min-width: 768px) {
      .s-main-banner__section {
        font-size: 2.4rem;
        padding: 0 5rem 0 0; } }
  .s-main-banner__info {
    background-color: #0B0711;
    border-radius: 0 1rem 0 1rem;
    color: #FFF;
    min-width: 10rem;
    padding: 0.5rem 1.1rem; }
    @media (min-width: 400px) {
      .s-main-banner__info {
        min-width: 17.5rem; } }
    @media (min-width: 768px) {
      .s-main-banner__info {
        border-radius: 0 3rem 0 3rem;
        padding: 1.7rem 4.6rem;
        min-width: 37rem; } }
  .s-main-banner__model {
    font-size: 0.9rem; }
    @media (min-width: 992px) {
      .s-main-banner__model {
        font-size: 1.4rem; } }
  .s-main-banner__ttl {
    color: #A16AE8; }
    @media (min-width: 992px) {
      .s-main-banner__ttl {
        font-size: 2rem; } }
  .s-main-banner__desc {
    padding: 1.8rem 0 0; }
    @media (min-width: 992px) {
      .s-main-banner__desc {
        flex: 0 0 34.01709%;
        max-width: 34.01709%;
        padding: 0 0 0 1.8rem; } }
    .s-main-banner__desc ul {
      padding-left: 2em; }
  .s-main-banner__content {
    background-color: #A16AE8;
    color: #FFF;
    padding: 1.5rem 2rem 2.2rem;
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    border-radius: 1rem; }
    @media (min-width: 768px) {
      .s-main-banner__content {
        border-radius: 3rem; } }
    @media (min-width: 992px) {
      .s-main-banner__content {
        font-size: 1.6rem;
        padding: 2.5rem 2.5rem; } }
    @media (min-width: 1200px) {
      .s-main-banner__content {
        padding: 5.3rem 4.8rem; } }
  .s-main-banner__title {
    margin: 0;
    text-transform: uppercase; }
  .s-main-banner__txt {
    margin-top: 1.5rem;
    margin-bottom: auto;
    padding-bottom: 3.2rem; }
  .s-main-banner__btn {
    width: 21rem;
    max-width: 100%;
    margin: 0 auto; }
    @media (min-width: 992px) {
      .s-main-banner__btn {
        width: 100%; } }

.s-sections {
  margin-top: 5rem;
  overflow: visible; }
  @media (min-width: 992px) {
    .s-sections {
      margin-top: 10.5rem; } }
  .s-sections__title {
    font-size: 2.4rem;
    font-weight: bold; }
  .s-sections__swiper {
    margin: 3.8rem -2rem 0;
    padding: 0 1.5rem; }
    @media (min-width: 992px) {
      .s-sections__swiper {
        overflow: visible; } }
    @media (min-width: 992px) {
      .s-sections__swiper-pagination {
        display: none; } }
    .s-sections__swiper.not-carousel .s-sections__swiper-wrapper {
      flex-direction: column; }
      @media (min-width: 992px) {
        .s-sections__swiper.not-carousel .s-sections__swiper-wrapper {
          flex-flow: row wrap;
          gap: 1rem; } }
    @media (min-width: 992px) {
      .s-sections__swiper-wrapper {
        flex-flow: row wrap;
        gap: 1rem; } }
    .s-sections__swiper-slide {
      padding: 1rem 0.5rem; }
      @media (min-width: 992px) {
        .s-sections__swiper-slide {
          padding: 0;
          flex: 0 0 calc(50% - 0.5rem);
          max-width: calc(50% - 0.5rem);
          height: auto;
          display: flex; } }
      @media (min-width: 992px) {
        .s-sections__swiper-slide:nth-child(3), .s-sections__swiper-slide:nth-child(4), .s-sections__swiper-slide:nth-child(5) {
          flex: 0 0 calc(33.3333% - 0.75rem);
          max-width: calc(33.3333% - 0.75rem); } }
  .s-sections__box {
    width: 100%;
    position: relative;
    padding: 2.6rem 1.5rem 2.6rem 1.2rem;
    display: flex;
    align-items: center;
    border-radius: 1rem;
    background-color: #FFF;
    box-shadow: 0 0 0.9rem 0 rgba(0, 0, 0, 0.2);
    overflow: hidden; }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(3) .s-sections__box {
      padding: 1.3rem 3.3rem 9.7rem; }
      .s-sections__swiper-slide:nth-child(3) .s-sections__box .s-sections__img {
        padding-top: 59.93691%; }
      .s-sections__swiper-slide:nth-child(3) .s-sections__box .s-sections__pict {
        flex: 0 0 100%;
        max-width: 100%; }
      .s-sections__swiper-slide:nth-child(3) .s-sections__box .s-sections__circle {
        top: 2.6rem;
        left: 50%;
        transform: translateX(-53.23326%);
        width: 113.05483%; }
      .s-sections__swiper-slide:nth-child(3) .s-sections__box .s-sections__desc {
        width: 26.5rem;
        max-width: 26.5rem;
        top: auto;
        transform: translateX(-50%);
        left: 50%;
        bottom: 4rem; } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(4) .s-sections__box {
      padding: 9.7rem 3.3rem 1.3rem; }
      .s-sections__swiper-slide:nth-child(4) .s-sections__box .s-sections__pict {
        flex: 0 0 100%;
        max-width: 100%; }
      .s-sections__swiper-slide:nth-child(4) .s-sections__box .s-sections__img {
        padding-top: 59.93691%; }
      .s-sections__swiper-slide:nth-child(4) .s-sections__box .s-sections__circle {
        top: auto;
        bottom: 2.6rem;
        right: 50%;
        left: auto;
        transform: translateX(53.23326%);
        width: 113.05483%; }
      .s-sections__swiper-slide:nth-child(4) .s-sections__box .s-sections__desc {
        width: 26.5rem;
        max-width: 26.5rem;
        left: 50%;
        transform: translateX(-50%);
        top: 2rem; } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(5) .s-sections__box {
      padding: 1.8rem 0.9rem 5.2rem; }
      .s-sections__swiper-slide:nth-child(5) .s-sections__box .s-sections__pict {
        flex: 0 0 44.59459%;
        max-width: 44.59459%;
        margin: 0; }
      .s-sections__swiper-slide:nth-child(5) .s-sections__box .s-sections__img {
        padding-top: 139.39394%; }
      .s-sections__swiper-slide:nth-child(5) .s-sections__box .s-sections__circle {
        top: 2.6rem;
        left: 50%;
        transform: translateX(-53.23326%);
        width: 113.05483%; }
      .s-sections__swiper-slide:nth-child(5) .s-sections__box .s-sections__desc {
        left: auto;
        right: 0.9rem;
        top: 8.7rem;
        transform: none; } }
  .s-sections__circle {
    width: 93.76771%;
    top: 50%;
    left: 0;
    position: absolute;
    transform: translate(-29.46176%, -50%); }
    .s-sections__circle:after {
      content: '';
      display: block;
      border-radius: 100%;
      padding-top: 100%;
      background-color: #A16AE8; }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(1) .s-sections__circle,
    .s-sections__swiper-slide:nth-child(2) .s-sections__circle {
      width: 87.06897%; } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(1) .s-sections__circle {
      transform: translate(-31.72805%, -50%); } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(2) .s-sections__circle {
      right: 0;
      left: auto;
      transform: translate(31.72805%, -50%); } }
  .s-sections__pict {
    flex: 0 0 57.97546%;
    max-width: 57.97546%;
    margin-left: auto; }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(1) .s-sections__pict,
    .s-sections__swiper-slide:nth-child(2) .s-sections__pict {
      flex: 0 0 64.55696%;
      max-width: 64.55696%; } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(2) .s-sections__pict {
      margin-right: auto;
      margin-left: 0; } }
  .s-sections__img {
    position: relative;
    padding-top: 75.13228%;
    border-radius: 1rem;
    overflow: hidden; }
    .s-sections__img img {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover; }
  .s-sections__desc {
    position: absolute;
    top: 50%;
    left: 1.2rem;
    transform: translateY(-50%);
    color: #FFF;
    display: flex;
    column-gap: 0.7rem;
    max-width: 20.7rem; }
    @media (min-width: 992px) {
      .s-sections__desc {
        max-width: 25.1rem;
        width: 25.1rem;
        column-gap: 1.5rem; } }
    .s-sections__desc .icon {
      flex: 0 0 1rem;
      font-size: 1rem;
      margin: 0.7rem 0 0; }
      @media (min-width: 992px) {
        .s-sections__desc .icon {
          flex: 0 0 2rem;
          font-size: 2rem; } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(1) .s-sections__desc {
      left: 3.1rem; } }
  @media (min-width: 992px) {
    .s-sections__swiper-slide:nth-child(2) .s-sections__desc {
      left: auto;
      right: 3.1rem; } }
  .s-sections__ttl {
    font-weight: 700;
    font-size: 2rem; }
    @media (min-width: 992px) {
      .s-sections__ttl {
        font-size: 3.2rem; } }
  .s-sections__txt {
    font-weight: 700;
    font-size: 1.4rem; }
    @media (min-width: 992px) {
      .s-sections__txt {
        font-size: 2rem; } }

.s-banner-slider {
  margin-top: 5rem; }
  @media (min-width: 992px) {
    .s-banner-slider {
      margin-top: 6.5rem; } }
  .s-banner-slider__swiper-slide {
    height: auto;
    display: flex; }
  .s-banner-slider__swiper-pagination {
    display: none; }
    @media (min-width: 992px) {
      .s-banner-slider__swiper-pagination {
        display: flex;
        position: absolute;
        width: 100%;
        bottom: 0.7rem;
        z-index: 19; }
        .s-banner-slider__swiper-pagination .swiper-pagination-bullet {
          width: 1rem;
          flex: 0 0 1rem;
          height: 1rem;
          border-radius: 100%;
          border: none;
          background-color: #D4D3E1;
          transition: background-color; }
          .s-banner-slider__swiper-pagination .swiper-pagination-bullet:hover, .s-banner-slider__swiper-pagination .swiper-pagination-bullet-active {
            background-color: #FFF; } }
  .s-banner-slider__banner {
    margin: 0;
    width: 100%; }

.s-advantages {
  margin-top: 6rem; }
  @media (min-width: 992px) {
    .s-advantages {
      margin-top: 10rem; } }
  .s-advantages__title {
    margin: 0;
    text-align: center; }
  @media (min-width: 768px) {
    .s-advantages__swiper {
      margin-top: 5rem; } }
  @media (min-width: 992px) {
    .s-advantages__swiper {
      margin-top: 8.2rem; } }
  .s-advantages__icon {
    margin: 0 auto;
    width: 9rem; }
    @media (min-width: 768px) {
      .s-advantages__icon {
        width: 15rem; } }
  .s-advantages__desc {
    max-width: 26rem;
    margin: 0 auto;
    text-align: center; }
    @media (min-width: 768px) {
      .s-advantages__desc {
        margin-top: 3.2rem; } }

.s-question {
  margin: 3.5rem 0 0; }
  @media (min-width: 992px) {
    .s-question {
      margin-top: 5rem; } }
  .s-question__row {
    padding: 1rem;
    background-color: rgba(161, 106, 232, 0.25);
    border-radius: 2.5rem; }
    @media (min-width: 992px) {
      .s-question__row {
        display: flex;
        padding: 8rem 5rem 8rem 4rem; } }
  .s-question__pict {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #FFF;
    height: 24.7rem;
    padding: 2rem;
    text-align: center;
    flex-direction: column;
    font-weight: 500;
    font-size: 1.4rem;
    border-radius: 1rem;
    overflow: hidden; }
    @media (min-width: 992px) {
      .s-question__pict {
        font-size: 2.4rem;
        height: auto;
        flex: 0 0 50.90909%;
        max-width: 50.90909%; } }
    .s-question__pict img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1; }
  .s-question__txt {
    margin-top: 1.5rem; }
  .s-question__form {
    margin-top: 2rem; }
    @media (min-width: 992px) {
      .s-question__form {
        margin-top: 0;
        flex: 1 0 0;
        order: -1;
        padding-right: 10.7rem; } }
  .s-question__input {
    margin-top: 1rem; }
  .s-question__btn {
    margin: 2rem auto 0;
    width: 20rem;
    display: flex; }
  .s-question .input__field {
    border-color: #FFF;
    color: #0B0711; }
    .s-question .input__field::placeholder {
      opacity: 0.3; }
  .s-question textarea {
    height: 21.2rem; }
  .s-question__ttl {
    font-weight: 700;
    font-size: 2rem; }
    @media (min-width: 992px) {
      .s-question__ttl {
        font-size: 3.6rem; } }
  .s-question__title {
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    margin: 0 0 2.4rem; }
    @media (min-width: 992px) {
      .s-question__title {
        font-weight: 700;
        font-size: 3.6rem;
        text-align: left;
        margin-bottom: 3.4rem; } }

.s-catalog {
  margin-top: 3rem; }
  .s-catalog__top {
    display: flex;
    margin-bottom: 1.5rem;
    gap: 0.9rem; }
    @media (min-width: 992px) {
      .s-catalog__top {
        margin-bottom: 3rem; } }
    .s-catalog__top-btn {
      border-radius: 0.5rem;
      font-weight: 500;
      font-size: 1.4rem;
      padding: 0.2rem 1.5rem;
      min-height: 3rem; }
      .s-catalog__top-btn.is-active {
        background-color: #A16AE8;
        color: #FFF; }
      .s-catalog__top-btn_ml-auto {
        margin-left: auto; }
  .s-catalog__list {
    display: flex;
    flex-flow: row wrap;
    column-gap: 1.5rem;
    row-gap: 1rem; }
  .s-catalog__itm {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex; }
    @media (min-width: 768px) {
      .s-catalog__itm {
        flex: 0 0 calc(100%/2 - 1.5rem/2);
        max-width: calc(100%/2 - 1.5rem/2); } }
    @media (min-width: 992px) {
      .s-catalog__itm {
        flex: 0 0 calc(100%/3 - 1.5rem*2/3);
        max-width: calc(100%/3 - 1.5rem*2/3); } }

.s-partners {
  margin-top: 2rem;
  margin-left: -2rem;
  margin-right: -2rem; }
  @media (min-width: 768px) {
    .s-partners {
      margin: 5rem 0 0; } }
  .s-partners img {
    display: block;
    margin: 0 auto;
    max-width: 100%; }
  .s-partners__swiper-slide {
    width: auto;
    height: auto;
    display: flex;
    text-align-all: center;
    justify-content: center; }

.s-news {
  margin-top: 3rem; }
  .s-news__list {
    display: flex;
    flex-flow: row wrap;
    column-gap: 1.5rem;
    row-gap: 1rem; }
  .s-news__itm {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex; }
    @media (min-width: 768px) {
      .s-news__itm {
        flex: 0 0 calc(100%/2 - 1.5rem/2);
        max-width: calc(100%/2 - 1.5rem/2); } }
    @media (min-width: 992px) {
      .s-news__itm {
        flex: 0 0 calc(100%/3 - 1.5rem*2/3);
        max-width: calc(100%/3 - 1.5rem*2/3); } }

.s-reviews__itm:not(:first-child) {
  margin-top: 1.5rem; }

.s-form {
  margin-top: 2.5rem;
  padding: 1rem;
  background-color: rgba(161, 106, 232, 0.25);
  border-radius: 2.5rem; }
  @media (min-width: 992px) {
    .s-form {
      padding: 8rem 5rem 8rem 4rem;
      margin-top: 5rem; } }
  .s-form__input {
    margin-top: 1rem; }
  .s-form__btn {
    margin: 2rem auto 0;
    width: 20rem;
    display: flex; }
  .s-form .input__field {
    border-color: #FFF;
    color: #0B0711; }
    .s-form .input__field::placeholder {
      opacity: 0.3; }
  .s-form textarea {
    height: 21.2rem; }
  .s-form__ttl {
    font-weight: 700;
    font-size: 2rem; }
    @media (min-width: 992px) {
      .s-form__ttl {
        font-size: 3.6rem; } }
  @media (min-width: 768px) {
    .s-form__row {
      display: flex;
      gap: 1.5rem; } }
  @media (min-width: 768px) {
    .s-form__col {
      flex: 0 0 calc(50% - 0.75rem);
      max-width: calc(50% - 0.75rem); } }
  .s-form__title {
    font-weight: 700;
    font-size: 2rem;
    text-align: center;
    margin: 0 0 2.4rem; }
    @media (min-width: 992px) {
      .s-form__title {
        font-weight: 700;
        font-size: 3.6rem;
        text-align: left;
        margin-bottom: 3.4rem; } }

.s-faq__itm:not(:first-child) {
  margin-top: 1.5rem; }

.s-contacts__row {
  display: flex;
  flex-direction: column;
  gap: 2.5rem; }
  @media (min-width: 768px) {
    .s-contacts__row {
      flex-flow: row nowrap;
      gap: 1.5rem; } }

.s-contacts__col {
  flex: 1 0 0;
  display: flex;
  flex-direction: column; }

.s-contacts__itm {
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 1.5rem;
  color: inherit;
  text-decoration: none;
  display: flex;
  column-gap: 1.7rem; }
  @media (min-width: 992px) {
    .s-contacts__itm {
      font-size: 1.8rem; } }
  .s-contacts__itm .icon {
    min-width: 1.8rem;
    font-size: 1.8rem;
    color: #A16AE8; }
    @media (min-width: 992px) {
      .s-contacts__itm .icon {
        min-width: 2.5rem;
        font-size: 2.5rem; } }

.s-contacts__map {
  position: relative;
  height: 16rem;
  margin-top: auto;
  overflow: hidden;
  padding-top: 1.5rem; }
  @media (min-width: 768px) {
    .s-contacts__map {
      height: 52.6rem; } }
  .s-contacts__map iframe,
  .s-contacts__map img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top; }

.s-calc__step {
  margin-top: 2.5rem; }
  @media (min-width: 768px) {
    .s-calc__step_step-4 .s-calc__col:first-child {
      order: 2; }
      .s-calc__step_step-4 .s-calc__col:first-child img {
        margin-left: auto;
        margin-top: 0; } }

.s-calc__row {
  display: flex;
  flex-flow: row wrap;
  gap: 1.5rem; }

.s-calc__col {
  align-self: flex-end; }
  @media (min-width: 768px) {
    .s-calc__col {
      flex: 1 0 0; } }

.s-calc img {
  display: block;
  max-width: 100%;
  margin-top: 2.5rem; }

.s-calc__checkbox-list {
  margin-top: 2.5rem;
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
  align-items: flex-start; }
  @media (min-width: 768px) {
    .s-calc__checkbox-list {
      flex-flow: row wrap;
      align-items: center; } }

.s-calc textarea {
  height: 20rem; }

.s-calc__buttons {
  margin-top: 2.5rem;
  text-align: center; }

.palette {
  position: relative;
  width: 100%;
  max-width: 30rem; }
  .palette_fw {
    max-width: 1000%; }
  .palette__head {
    cursor: pointer;
    gap: 1.5rem;
    color: #A16AE8;
    padding: 0.5rem 2.4rem 0.5rem 0.5rem;
    border-radius: 1.2rem;
    border: 0.1rem solid #A16AE8;
    font-weight: 500;
    outline: none;
    box-shadow: none;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    align-items: center;
    font-size: 1.6rem;
    line-height: 1;
    width: 100%;
    display: flex; }
  .palette__curent-color {
    flex: 0 0 2.2rem;
    height: 2.2rem;
    max-width: 2.2rem; }
    .palette__curent-color img {
      display: block;
      width: 100%; }
  .palette__arrow {
    margin-left: auto;
    width: 2rem;
    flex: 0 0 2rem;
    font-size: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center; }
    .palette__arrow .icon {
      transition: transform 0.3s; }
  .palette.is-open .palette__head {
    border-radius: 1.2rem 1.2rem 0 0; }
  .palette.is-open .palette__arrow .icon {
    transform: rotate(180deg); }
  .palette__dropdown {
    display: none; }
  .palette__inp {
    position: absolute;
    visibility: hidden;
    opacity: 0; }
  .palette__list {
    background-color: #FFF;
    border: 0.1rem solid #A16AE8;
    border-top: none;
    border-radius: 0 0 1.2rem 1.2rem;
    position: absolute;
    margin-top: -0.1rem;
    z-index: 100;
    top: 100%;
    left: 0;
    width: 100%;
    display: flex;
    gap: 0.5rem;
    flex-flow: row wrap;
    padding: 0 2.4rem 1.45rem 0.5rem; }
  .palette.is-open .palette__dropdown {
    display: block; }
  .palette__itm {
    flex: 0 0 2.4rem;
    max-width: 2.4rem; }
  .palette__inp:checked + .palette__label {
    border-color: #A16AE8; }
  .palette__label {
    display: block;
    border: 0.2rem solid transparent;
    transition: border-color 0.3s;
    border-radius: 0.4rem;
    overflow: hidden; }
    .palette__label:after {
      content: '';
      position: absolute; }
  .palette img {
    display: block;
    margin: 0; }

.s-certificates {
  margin-top: 6rem; }
  @media (min-width: 992px) {
    .s-certificates {
      margin-top: 10rem; } }
  .s-certificates__title {
    margin: 0;
    text-align: center; }
  .s-certificates__swiper {
    margin-top: 2.5rem; }
    @media (min-width: 768px) {
      .s-certificates__swiper {
        margin-top: 5rem; } }
    @media (min-width: 992px) {
      .s-certificates__swiper {
        margin-top: 8.2rem; } }
  .s-certificates img {
    width: 100%;
    display: block; }
  .s-certificates__lnk {
    display: block;
    padding: 0.5rem; }
    @media (min-width: 768px) {
      .s-certificates__lnk {
        padding: 1.5rem; } }

/**
 * Vendor styles
 */
[class$="_fw-normal"],
[class*="_fw-normal "] {
  font-weight: 400; }

[class$="_fw-medium"],
[class*="_fw-medium "] {
  font-weight: 500; }

[class$="_fw-semibold"],
[class*="_fw-semibold "] {
  font-weight: 600; }

[class$="_fw-bold"],
[class*="_fw-bold "] {
  font-weight: 700; }

[class$="_italic"],
[class*="_italic "] {
  font-style: italic; }

@media (max-width: 767px) {
  [class$="_hidden-phone"],
  [class*="_hidden-phone "] {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  [class$="_hidden-tablet"],
  [class*="_hidden-tablet "] {
    display: none !important; } }

@media (min-width: 992px) {
  [class$="_hidden-desktop"],
  [class*="_hidden-desktop "] {
    display: none !important; } }

[class$="_hide"],
[class*="_hide "] {
  display: none; }

[class$="_h1"],
[class*="_h1 "] {
  font-weight: 700;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  line-height: 1.1; }
  @media (min-width: 768px) {
    [class$="_h1"],
    [class*="_h1 "] {
      font-size: 3.6rem; } }

[class$="_h2"],
[class*="_h2 "] {
  font-weight: 700;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    [class$="_h2"],
    [class*="_h2 "] {
      font-size: 3.2rem; } }

[class$="_h3"],
[class*="_h3 "] {
  font-weight: 700;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  line-height: 1.3; }
  @media (min-width: 768px) {
    [class$="_h3"],
    [class*="_h3 "] {
      font-size: 3rem; } }

[class$="_h4"],
[class*="_h4 "] {
  font-weight: 600;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 1.3; }
  @media (min-width: 992px) {
    [class$="_h4"],
    [class*="_h4 "] {
      font-size: 2.4rem; } }

[class$="_h5"],
[class*="_h5 "] {
  font-weight: 600;
  font-style: normal;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  font-size: 1.8rem;
  line-height: 1.3;
  margin: 2.7rem 0 1rem; }

[class$="_fs-xl"],
[class*="_fs-xl "] {
  font-size: 2rem;
  line-height: 1.3; }

[class$="_fs-lg"],
[class*="_fs-lg "] {
  font-size: 1.8rem;
  line-height: 1.3; }

[class$="_fs-sm"],
[class*="_fs-sm "] {
  font-size: 1.6rem;
  line-height: 1.3; }

[class$="_fs-xs"],
[class*="_fs-xs "] {
  font-size: 1.4rem;
  line-height: 1.3; }

[class$="_fs-xxs"],
[class*="_fs-xxs "] {
  font-size: 1.2rem;
  line-height: 1.3; }

[class$="_lnk-abs"],
[class*="_lnk-abs "] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

[class$="_mt-0"],
[class*="_mt-0 "] {
  margin-top: 0; }

[class$="_pt-0"],
[class*="_pt-0 "] {
  padding-top: 0; }

[class$="_pb-0"],
[class*="_pb-0 "] {
  padding-bottom: 0; }

/*# sourceMappingURL=main.css.map */

/* End */


/* Start:/local/templates/new/components/bitrix/menu/top.btm/style.min.css?1709711441490*/
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/new/components/bitrix/menu/top.btm/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/new/components/bitrix/menu/footer.menu/style.min.css?1709711441490*/
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/new/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 */


/* Start:/local/templates/new/styles.css?17259764153*/

/* End */


/* Start:/local/templates/new/template_styles.css?1725976415474*/
.b-callback__btn {}
.b-callback.is-open .b-callback__btn:after {
	animation: none;
}
.b-callback__btn:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100%;
	z-index: -1;
	background: radial-gradient(193.47% 193.47% at 50% 16.25%, #a16ae8 0%, black 100%);
	animation: btnZoom 2s 3s  infinite;
}
@keyframes btnZoom {
	from {
		opacity: 0;
		transform: scale(0);
	}
	to {
		opacity: 0.5;
		transform: scale(1.5);
	}
}

/* End */
/* /local/templates/new/layout/public/css/main.css?1723471336129511 */
/* /local/templates/new/components/bitrix/menu/top.btm/style.min.css?1709711441490 */
/* /local/templates/new/components/bitrix/menu/footer.menu/style.min.css?1709711441490 */
/* /local/templates/new/styles.css?17259764153 */
/* /local/templates/new/template_styles.css?1725976415474 */