

/* Start:/bitrix/templates/main/sweetalert.css?175430915633775*/
:root {
  --swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);
  --swal2-container-padding: 0.625em;
  --swal2-backdrop: rgba(0, 0, 0, 0.4);
  --swal2-backdrop-transition: background-color 0.1s;
  --swal2-width: 32em;
  --swal2-padding: 0 0 1.25em;
  --swal2-border: none;
  --swal2-border-radius: 0.3125rem;
  --swal2-background: white;
  --swal2-color: #545454;
  --swal2-show-animation: swal2-show 0.3s;
  --swal2-hide-animation: swal2-hide 0.15s forwards;
  --swal2-icon-zoom: 1;
  --swal2-icon-animations: true;
  --swal2-title-padding: 0.8em 1em 0;
  --swal2-html-container-padding: 1em 1.6em 0.3em;
  --swal2-input-border: 1px solid #d9d9d9;
  --swal2-input-border-radius: 0.1875em;
  --swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  --swal2-input-background: transparent;
  --swal2-input-transition: border-color 0.2s, box-shadow 0.2s;
  --swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  --swal2-input-focus-border: 1px solid #b4dbed;
  --swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px $swal2-outline-color;
  --swal2-progress-step-background: #add8e6;
  --swal2-validation-message-background: #f0f0f0;
  --swal2-validation-message-color: #666;
  --swal2-footer-border-color: #eee;
  --swal2-footer-background: transparent;
  --swal2-footer-color: inherit;
  --swal2-close-button-position: initial;
  --swal2-close-button-inset: auto;
  --swal2-close-button-font-size: 2.5em;
  --swal2-close-button-color: #ccc;
  --swal2-close-button-transition: color 0.2s, box-shadow 0.2s;
  --swal2-close-button-outline: initial;
  --swal2-close-button-box-shadow: inset 0 0 0 3px transparent;
  --swal2-close-button-focus-box-shadow: inset var(--swal2-outline);
  --swal2-close-button-hover-transform: none;
  --swal2-actions-justify-content: center;
  --swal2-actions-width: auto;
  --swal2-actions-margin: 1.25em auto 0;
  --swal2-actions-padding: 0;
  --swal2-actions-border-radius: 0;
  --swal2-actions-background: transparent;
  --swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;
  --swal2-action-button-hover: black 10%;
  --swal2-action-button-active: black 10%;
  --swal2-confirm-button-box-shadow: none;
  --swal2-confirm-button-border-radius: 0.25em;
  --swal2-confirm-button-background-color: #dd2935;
  --swal2-confirm-button-color: #fff;
  --swal2-deny-button-box-shadow: none;
  --swal2-deny-button-border-radius: 0.25em;
  --swal2-deny-button-background-color: #dc3741;
  --swal2-deny-button-color: #fff;
  --swal2-cancel-button-box-shadow: none;
  --swal2-cancel-button-border-radius: 0.25em;
  --swal2-cancel-button-background-color: #6e7881;
  --swal2-cancel-button-color: #fff;
  --swal2-toast-show-animation: swal2-toast-show 0.5s;
  --swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;
  --swal2-toast-border: none;
  --swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)
}
[data-swal2-theme=dark] {
  --swal2-dark-theme-black: #19191a;
  --swal2-dark-theme-white: #e1e1e1;
  --swal2-background: var(--swal2-dark-theme-black);
  --swal2-color: var(--swal2-dark-theme-white);
  --swal2-footer-border-color: #555;
  --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
  --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );
  --swal2-validation-message-color: var(--swal2-dark-theme-white)
}
@media(prefers-color-scheme: dark) {
  [data-swal2-theme=auto] {
    --swal2-dark-theme-black: #19191a;
    --swal2-dark-theme-white: #e1e1e1;
    --swal2-background: var(--swal2-dark-theme-black);
    --swal2-color: var(--swal2-dark-theme-white);
    --swal2-footer-border-color: #555;
    --swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);
    --swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );
    --swal2-validation-message-color: var(--swal2-dark-theme-white)
  }
}
body.swal2-shown:not(.swal2-no-backdrop,
.swal2-toast-shown) {
  overflow:hidden
}
body.swal2-height-auto {
  height:auto !important
}
body.swal2-no-backdrop .swal2-container {
  background-color:rgba(0,0,0,0) !important;
  pointer-events:none
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events:all
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow:0 0 10px var(--swal2-backdrop)
}
body.swal2-toast-shown .swal2-container {
  box-sizing:border-box;
  width:360px;
  max-width:100%;
  background-color:rgba(0,0,0,0);
  pointer-events:none
}
body.swal2-toast-shown .swal2-container.swal2-top {
  inset:0 auto auto 50%;
  transform:translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
  inset:0 0 auto auto
}
body.swal2-toast-shown .swal2-container.swal2-top-start,
body.swal2-toast-shown .swal2-container.swal2-top-left {
  inset:0 auto auto 0
}
body.swal2-toast-shown .swal2-container.swal2-center-start,
body.swal2-toast-shown .swal2-container.swal2-center-left {
  inset:50% auto auto 0;
  transform:translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-center {
  inset:50% auto auto 50%;
  transform:translate(-50%, -50%)
}
body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
  inset:50% 0 auto auto;
  transform:translateY(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start,
body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  inset:auto auto 0 0
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  inset:auto auto 0 50%;
  transform:translateX(-50%)
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  inset:auto 0 0 auto
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop,
  .swal2-toast-shown) {
    overflow-y:scroll !important
  }
  body.swal2-shown:not(.swal2-no-backdrop,
  .swal2-toast-shown)>[aria-hidden=true] {
    display:none
  }
  body.swal2-shown:not(.swal2-no-backdrop,
  .swal2-toast-shown) .swal2-container {
    position:static !important
  }
}
div:where(.swal2-container) {
  display:grid;
  position:fixed;
  z-index:1060;
  inset:0;
  box-sizing:border-box;
  grid-template-areas:"top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height:100%;
  padding:var(--swal2-container-padding);
  overflow-x:hidden;
  transition:var(--swal2-backdrop-transition);
  -webkit-overflow-scrolling:touch
}
div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {
  background:var(--swal2-backdrop)
}
div:where(.swal2-container).swal2-backdrop-hide {
  background:rgba(0,0,0,0) !important
}
div:where(.swal2-container).swal2-top-start,
div:where(.swal2-container).swal2-center-start,
div:where(.swal2-container).swal2-bottom-start {
  grid-template-columns:minmax(0, 1fr) auto auto
}
div:where(.swal2-container).swal2-top,
div:where(.swal2-container).swal2-center,
div:where(.swal2-container).swal2-bottom {
  grid-template-columns:auto minmax(0, 1fr) auto
}
div:where(.swal2-container).swal2-top-end,
div:where(.swal2-container).swal2-center-end,
div:where(.swal2-container).swal2-bottom-end {
  grid-template-columns:auto auto minmax(0, 1fr)
}
div:where(.swal2-container).swal2-top-start>.swal2-popup {
  align-self:start
}
div:where(.swal2-container).swal2-top>.swal2-popup {
  grid-column:2;
  place-self:start center
}
div:where(.swal2-container).swal2-top-end>.swal2-popup,
div:where(.swal2-container).swal2-top-right>.swal2-popup {
  grid-column:3;
  place-self:start end
}
div:where(.swal2-container).swal2-center-start>.swal2-popup,
div:where(.swal2-container).swal2-center-left>.swal2-popup {
  grid-row:2;
  align-self:center
}
div:where(.swal2-container).swal2-center>.swal2-popup {
  grid-column:2;
  grid-row:2;
  place-self:center center
}
div:where(.swal2-container).swal2-center-end>.swal2-popup,
div:where(.swal2-container).swal2-center-right>.swal2-popup {
  grid-column:3;
  grid-row:2;
  place-self:center end
}
div:where(.swal2-container).swal2-bottom-start>.swal2-popup,
div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
  grid-column:1;
  grid-row:3;
  align-self:end
}
div:where(.swal2-container).swal2-bottom>.swal2-popup {
  grid-column:2;
  grid-row:3;
  place-self:end center
}
div:where(.swal2-container).swal2-bottom-end>.swal2-popup,
div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
  grid-column:3;
  grid-row:3;
  place-self:end end
}
div:where(.swal2-container).swal2-grow-row>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
  grid-column:1/4;
  width:100%
}
div:where(.swal2-container).swal2-grow-column>.swal2-popup,
div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
  grid-row:1/4;
  align-self:stretch
}
div:where(.swal2-container).swal2-no-transition {
  transition:none !important
}
div:where(.swal2-container)[popover] {
  width:auto;
  border:0
}
div:where(.swal2-container) div:where(.swal2-popup) {
  display:none;
  position:relative;
  box-sizing:border-box;
  grid-template-columns:minmax(0, 100%);
  width:var(--swal2-width);
  max-width:100%;
  padding:var(--swal2-padding);
  border:var(--swal2-border);
  border-radius:var(--swal2-border-radius);
  background:var(--swal2-background);
  color:var(--swal2-color);
  font-family:inherit;
  font-size:1rem;
  container-name:swal2-popup
}
div:where(.swal2-container) div:where(.swal2-popup):focus {
  outline:none
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
  overflow-y:hidden
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable {
  cursor:grab
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon) {
  cursor:grab
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging {
  cursor:grabbing
}
div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon) {
  cursor:grabbing
}
div:where(.swal2-container) h2:where(.swal2-title) {
  position:relative;
  max-width:100%;
  margin:0;
  padding:var(--swal2-title-padding);
  color:inherit;
  font-size:1.875em;
  font-weight:600;
  text-align:center;
  text-transform:none;
  word-wrap:break-word;
  cursor:initial
}
div:where(.swal2-container) div:where(.swal2-actions) {
  display:flex;
  z-index:1;
  box-sizing:border-box;
  flex-wrap:wrap;
  align-items:center;
  justify-content:var(--swal2-actions-justify-content);
  width:var(--swal2-actions-width);
  margin:var(--swal2-actions-margin);
  padding:var(--swal2-actions-padding);
  border-radius:var(--swal2-actions-border-radius);
  background:var(--swal2-actions-background)
}
div:where(.swal2-container) div:where(.swal2-loader) {
  display:none;
  align-items:center;
  justify-content:center;
  width:2.2em;
  height:2.2em;
  margin:0 1.875em;
  animation:swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width:.25em;
  border-style:solid;
  border-radius:100%;
  border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)
}
div:where(.swal2-container) button:where(.swal2-styled) {
  margin:.3125em;
  padding:.625em 1.1em;
  transition:var(--swal2-action-button-transition);
  border:none;
  box-shadow:0 0 0 3px rgba(0,0,0,0);
  font-weight:500
}
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
  cursor:pointer
}
div.swal2-container button.swal2-styled.swal2-confirm {
  border-radius:var(--swal2-confirm-button-border-radius);
  background:initial;
  background-color:var(--swal2-confirm-button-background-color);
  box-shadow:var(--swal2-confirm-button-box-shadow);
  color:var(--swal2-confirm-button-color);
  font-size:1em
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
  background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
  background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) {
  border-radius:var(--swal2-deny-button-border-radius);
  background:initial;
  background-color:var(--swal2-deny-button-background-color);
  box-shadow:var(--swal2-deny-button-box-shadow);
  color:var(--swal2-deny-button-color);
  font-size:1em
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover {
  background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active {
  background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) {
  border-radius:var(--swal2-cancel-button-border-radius);
  background:initial;
  background-color:var(--swal2-cancel-button-background-color);
  box-shadow:var(--swal2-cancel-button-box-shadow);
  color:var(--swal2-cancel-button-color);
  font-size:1em
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
  background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))
}
div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
  background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))
}
div:where(.swal2-container) button:where(.swal2-styled):focus-visible {
  outline:none;
  box-shadow:var(--swal2-action-button-focus-box-shadow)
}
div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading) {
  opacity:.4
}
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
  border:0
}
div:where(.swal2-container) div:where(.swal2-footer) {
  margin:1em 0 0;
  padding:1em 1em 0;
  border-top:1px solid var(--swal2-footer-border-color);
  background:var(--swal2-footer-background);
  color:var(--swal2-footer-color);
  font-size:1em;
  text-align:center;
  cursor:initial
}
div:where(.swal2-container) .swal2-timer-progress-bar-container {
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  grid-column:auto !important;
  overflow:hidden;
  border-bottom-right-radius:var(--swal2-border-radius);
  border-bottom-left-radius:var(--swal2-border-radius)
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
  width:100%;
  height:.25em;
  background:rgba(0,0,0,.2)
}
div:where(.swal2-container) img:where(.swal2-image) {
  max-width:100%;
  margin:2em auto 1em;
  cursor:initial
}
div:where(.swal2-container) button:where(.swal2-close) {
  position:var(--swal2-close-button-position);
  inset:var(--swal2-close-button-inset);
  z-index:2;
  align-items:center;
  justify-content:center;
  width:1.2em;
  height:1.2em;
  margin-top:0;
  margin-right:0;
  margin-bottom:-1.2em;
  padding:0;
  overflow:hidden;
  transition:var(--swal2-close-button-transition);
  border:none;
  border-radius:var(--swal2-border-radius);
  outline:var(--swal2-close-button-outline);
  background:rgba(0,0,0,0);
  color:var(--swal2-close-button-color);
  font-family:monospace;
  font-size:var(--swal2-close-button-font-size);
  cursor:pointer;
  justify-self:end
}
div:where(.swal2-container) button:where(.swal2-close):hover {
  transform:var(--swal2-close-button-hover-transform);
  background:rgba(0,0,0,0);
  color:#f27474
}
div:where(.swal2-container) button:where(.swal2-close):focus-visible {
  outline:none;
  box-shadow:var(--swal2-close-button-focus-box-shadow)
}
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
  border:0
}
div:where(.swal2-container) div:where(.swal2-html-container) {
  z-index:1;
  justify-content:center;
  margin:0;
  padding:var(--swal2-html-container-padding);
  overflow:auto;
  color:inherit;
  font-size:1.125em;
  font-weight:normal;
  line-height:normal;
  text-align:center;
  word-wrap:break-word;
  word-break:break-word;
  cursor:initial
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
  margin:1em 2em 3px
}
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
  box-sizing:border-box;
  width:auto;
  transition:var(--swal2-input-transition);
  border:var(--swal2-input-border);
  border-radius:var(--swal2-input-border-radius);
  background:var(--swal2-input-background);
  box-shadow:var(--swal2-input-box-shadow);
  color:inherit;
  font-size:1.125em
}
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
  border-color:#f27474 !important;
  box-shadow:0 0 2px #f27474 !important
}
div:where(.swal2-container) input:where(.swal2-input):hover,
div:where(.swal2-container) input:where(.swal2-file):hover,
div:where(.swal2-container) textarea:where(.swal2-textarea):hover {
  box-shadow:var(--swal2-input-hover-box-shadow)
}
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
  border:var(--swal2-input-focus-border);
  outline:none;
  box-shadow:var(--swal2-input-focus-box-shadow)
}
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
  color:#ccc
}
div:where(.swal2-container) .swal2-range {
  margin:1em 2em 3px;
  background:var(--swal2-background)
}
div:where(.swal2-container) .swal2-range input {
  width:80%
}
div:where(.swal2-container) .swal2-range output {
  width:20%;
  color:inherit;
  font-weight:600;
  text-align:center
}
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
  height:2.625em;
  padding:0;
  font-size:1.125em;
  line-height:2.625em
}
div:where(.swal2-container) .swal2-input {
  height:2.625em;
  padding:0 .75em
}
div:where(.swal2-container) .swal2-file {
  width:75%;
  margin-right:auto;
  margin-left:auto;
  background:var(--swal2-input-background);
  font-size:1.125em
}
div:where(.swal2-container) .swal2-textarea {
  height:6.75em;
  padding:.75em
}
div:where(.swal2-container) .swal2-select {
  min-width:50%;
  max-width:100%;
  padding:.375em .625em;
  background:var(--swal2-input-background);
  color:inherit;
  font-size:1.125em
}
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
  align-items:center;
  justify-content:center;
  background:var(--swal2-background);
  color:inherit
}
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
  margin:0 .6em;
  font-size:1.125em
}
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
  flex-shrink:0;
  margin:0 .4em
}
div:where(.swal2-container) label:where(.swal2-input-label) {
  display:flex;
  justify-content:center;
  margin:1em auto 0
}
div:where(.swal2-container) div:where(.swal2-validation-message) {
  align-items:center;
  justify-content:center;
  margin:1em 0 0;
  padding:.625em;
  overflow:hidden;
  background:var(--swal2-validation-message-background);
  color:var(--swal2-validation-message-color);
  font-size:1em;
  font-weight:300
}
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
  content:"!";
  display:inline-block;
  width:1.5em;
  min-width:1.5em;
  height:1.5em;
  margin:0 .625em;
  border-radius:50%;
  background-color:#f27474;
  color:#fff;
  font-weight:600;
  line-height:1.5em;
  text-align:center
}
div:where(.swal2-container) .swal2-progress-steps {
  flex-wrap:wrap;
  align-items:center;
  max-width:100%;
  margin:1.25em auto;
  padding:0;
  background:rgba(0,0,0,0);
  font-weight:600
}
div:where(.swal2-container) .swal2-progress-steps li {
  display:inline-block;
  position:relative
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
  z-index:20;
  flex-shrink:0;
  width:2em;
  height:2em;
  border-radius:2em;
  background:#2778c4;
  color:#fff;
  line-height:2em;
  text-align:center
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background:#2778c4
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
  background:var(--swal2-progress-step-background);
  color:#fff
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
  background:var(--swal2-progress-step-background)
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
  z-index:10;
  flex-shrink:0;
  width:2.5em;
  height:.4em;
  margin:0 -1px;
  background:#2778c4
}
div:where(.swal2-icon) {
  position:relative;
  box-sizing:content-box;
  justify-content:center;
  width:5em;
  height:5em;
  margin:2.5em auto .6em;
  zoom:var(--swal2-icon-zoom);
  border:.25em solid rgba(0,0,0,0);
  border-radius:50%;
  border-color:#000;
  font-family:inherit;
  line-height:5em;
  cursor:default;
  user-select:none
}
div:where(.swal2-icon) .swal2-icon-content {
  display:flex;
  align-items:center;
  font-size:3.75em
}
div:where(.swal2-icon).swal2-error {
  border-color:#f27474;
  color:#f27474
}
div:where(.swal2-icon).swal2-error .swal2-x-mark {
  position:relative;
  flex-grow:1
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
  display:block;
  position:absolute;
  top:2.3125em;
  width:2.9375em;
  height:.3125em;
  border-radius:.125em;
  background-color:#f27474
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
  left:1.0625em;
  transform:rotate(45deg)
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
  right:1em;
  transform:rotate(-45deg)
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation:swal2-animate-error-icon .5s
  }
  div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation:swal2-animate-error-x-mark .5s
  }
}
div:where(.swal2-icon).swal2-warning {
  border-color:#f8bb86;
  color:#f8bb86
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation:swal2-animate-error-icon .5s
  }
  div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation:swal2-animate-i-mark .5s
  }
}
div:where(.swal2-icon).swal2-info {
  border-color:#3fc3ee;
  color:#3fc3ee
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation:swal2-animate-error-icon .5s
  }
  div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation:swal2-animate-i-mark .8s
  }
}
div:where(.swal2-icon).swal2-question {
  border-color:#87adbd;
  color:#87adbd
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation:swal2-animate-error-icon .5s
  }
  div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation:swal2-animate-question-mark .8s
  }
}
div:where(.swal2-icon).swal2-success {
  border-color:#a5dc86;
  color:#a5dc86
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
  position:absolute;
  width:3.75em;
  height:7.5em;
  border-radius:50%
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
  top:-0.4375em;
  left:-2.0635em;
  transform:rotate(-45deg);
  transform-origin:3.75em 3.75em;
  border-radius:7.5em 0 0 7.5em
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
  top:-0.6875em;
  left:1.875em;
  transform:rotate(-45deg);
  transform-origin:0 3.75em;
  border-radius:0 7.5em 7.5em 0
}
div:where(.swal2-icon).swal2-success .swal2-success-ring {
  position:absolute;
  z-index:2;
  top:-0.25em;
  left:-0.25em;
  box-sizing:content-box;
  width:100%;
  height:100%;
  border:.25em solid rgba(165,220,134,.3);
  border-radius:50%
}
div:where(.swal2-icon).swal2-success .swal2-success-fix {
  position:absolute;
  z-index:1;
  top:.5em;
  left:1.625em;
  width:.4375em;
  height:5.625em;
  transform:rotate(-45deg)
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
  display:block;
  position:absolute;
  z-index:2;
  height:.3125em;
  border-radius:.125em;
  background-color:#a5dc86
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
  top:2.875em;
  left:.8125em;
  width:1.5625em;
  transform:rotate(45deg)
}
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
  top:2.375em;
  right:.5em;
  width:2.9375em;
  transform:rotate(-45deg)
}
@container swal2-popup style(--swal2-icon-animations:true) {
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation:swal2-animate-success-line-tip .75s
  }
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation:swal2-animate-success-line-long .75s
  }
  div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation:swal2-rotate-success-circular-line 4.25s ease-in
  }
}
[class^=swal2] {
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.swal2-show {
  animation:var(--swal2-show-animation)
}
.swal2-hide {
  animation:var(--swal2-hide-animation)
}
.swal2-noanimation {
  transition:none
}
.swal2-scrollbar-measure {
  position:absolute;
  top:-9999px;
  width:50px;
  height:50px;
  overflow:scroll
}
.swal2-rtl .swal2-close {
  margin-right:initial;
  margin-left:0
}
.swal2-rtl .swal2-timer-progress-bar {
  right:0;
  left:auto
}
.swal2-toast {
  box-sizing:border-box;
  grid-column:1/4 !important;
  grid-row:1/4 !important;
  grid-template-columns:min-content auto min-content;
  padding:1em;
  overflow-y:hidden;
  border:var(--swal2-toast-border);
  background:var(--swal2-background);
  box-shadow:var(--swal2-toast-box-shadow);
  pointer-events:all
}
.swal2-toast>* {
  grid-column:2
}
.swal2-toast h2:where(.swal2-title) {
  margin:.5em 1em;
  padding:0;
  font-size:1em;
  text-align:initial
}
.swal2-toast .swal2-loading {
  justify-content:center
}
.swal2-toast input:where(.swal2-input) {
  height:2em;
  margin:.5em;
  font-size:1em
}
.swal2-toast .swal2-validation-message {
  font-size:1em
}
.swal2-toast div:where(.swal2-footer) {
  margin:.5em 0 0;
  padding:.5em 0 0;
  font-size:.8em
}
.swal2-toast button:where(.swal2-close) {
  grid-column:3/3;
  grid-row:1/99;
  align-self:center;
  width:.8em;
  height:.8em;
  margin:0;
  font-size:2em
}
.swal2-toast div:where(.swal2-html-container) {
  margin:.5em 1em;
  padding:0;
  overflow:initial;
  font-size:1em;
  text-align:initial
}
.swal2-toast div:where(.swal2-html-container):empty {
  padding:0
}
.swal2-toast .swal2-loader {
  grid-column:1;
  grid-row:1/99;
  align-self:center;
  width:2em;
  height:2em;
  margin:.25em
}
.swal2-toast .swal2-icon {
  grid-column:1;
  grid-row:1/99;
  align-self:center;
  width:2em;
  min-width:2em;
  height:2em;
  margin:0 .5em 0 0
}
.swal2-toast .swal2-icon .swal2-icon-content {
  display:flex;
  align-items:center;
  font-size:1.8em;
  font-weight:bold
}
.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width:2em;
  height:2em
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top:.875em;
  width:1.375em
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left:.3125em
}
.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right:.3125em
}
.swal2-toast div:where(.swal2-actions) {
  justify-content:flex-start;
  height:auto;
  margin:0;
  margin-top:.5em;
  padding:0 .5em
}
.swal2-toast button:where(.swal2-styled) {
  margin:.25em .5em;
  padding:.4em .6em;
  font-size:1em
}
.swal2-toast .swal2-success {
  border-color:#a5dc86
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position:absolute;
  width:1.6em;
  height:3em;
  border-radius:50%
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top:-0.8em;
  left:-0.5em;
  transform:rotate(-45deg);
  transform-origin:2em 2em;
  border-radius:4em 0 0 4em
}
.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top:-0.25em;
  left:.9375em;
  transform-origin:0 1.5em;
  border-radius:0 4em 4em 0
}
.swal2-toast .swal2-success .swal2-success-ring {
  width:2em;
  height:2em
}
.swal2-toast .swal2-success .swal2-success-fix {
  top:0;
  left:.4375em;
  width:.4375em;
  height:2.6875em
}
.swal2-toast .swal2-success [class^=swal2-success-line] {
  height:.3125em
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top:1.125em;
  left:.1875em;
  width:.75em
}
.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top:.9375em;
  right:.1875em;
  width:1.375em
}
@container swal2-popup style(--swal2-icon-animations:true) {
  .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation:swal2-toast-animate-success-line-tip .75s
  }
  .swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation:swal2-toast-animate-success-line-long .75s
  }
}
.swal2-toast.swal2-show {
  animation:var(--swal2-toast-show-animation)
}
.swal2-toast.swal2-hide {
  animation:var(--swal2-toast-hide-animation)
}
@keyframes swal2-show {
  0% {
    transform:scale(0.7)
  }
  45% {
    transform:scale(1.05)
  }
  80% {
    transform:scale(0.95)
  }
  100% {
    transform:scale(1)
  }
}
@keyframes swal2-hide {
  0% {
    transform:scale(1);
    opacity:1
  }
  100% {
    transform:scale(0.5);
    opacity:0
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top:1.1875em;
    left:.0625em;
    width:0
  }
  54% {
    top:1.0625em;
    left:.125em;
    width:0
  }
  70% {
    top:2.1875em;
    left:-0.375em;
    width:3.125em
  }
  84% {
    top:3em;
    left:1.3125em;
    width:1.0625em
  }
  100% {
    top:2.8125em;
    left:.8125em;
    width:1.5625em
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top:3.375em;
    right:2.875em;
    width:0
  }
  65% {
    top:3.375em;
    right:2.875em;
    width:0
  }
  84% {
    top:2.1875em;
    right:0;
    width:3.4375em
  }
  100% {
    top:2.375em;
    right:.5em;
    width:2.9375em
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform:rotate(-45deg)
  }
  5% {
    transform:rotate(-45deg)
  }
  12% {
    transform:rotate(-405deg)
  }
  100% {
    transform:rotate(-405deg)
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top:1.625em;
    transform:scale(0.4);
    opacity:0
  }
  50% {
    margin-top:1.625em;
    transform:scale(0.4);
    opacity:0
  }
  80% {
    margin-top:-0.375em;
    transform:scale(1.15)
  }
  100% {
    margin-top:0;
    transform:scale(1);
    opacity:1
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform:rotateX(100deg);
    opacity:0
  }
  100% {
    transform:rotateX(0deg);
    opacity:1
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform:rotateY(-360deg)
  }
  100% {
    transform:rotateY(0)
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform:rotateZ(45deg);
    opacity:0
  }
  25% {
    transform:rotateZ(-25deg);
    opacity:.4
  }
  50% {
    transform:rotateZ(15deg);
    opacity:.8
  }
  75% {
    transform:rotateZ(-5deg);
    opacity:1
  }
  100% {
    transform:rotateX(0);
    opacity:1
  }
}
@keyframes swal2-toast-show {
  0% {
    transform:translateY(-0.625em) rotateZ(2deg)
  }
  33% {
    transform:translateY(0) rotateZ(-2deg)
  }
  66% {
    transform:translateY(0.3125em) rotateZ(2deg)
  }
  100% {
    transform:translateY(0) rotateZ(0deg)
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform:rotateZ(1deg);
    opacity:0
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top:.5625em;
    left:.0625em;
    width:0
  }
  54% {
    top:.125em;
    left:.125em;
    width:0
  }
  70% {
    top:.625em;
    left:-0.25em;
    width:1.625em
  }
  84% {
    top:1.0625em;
    left:.75em;
    width:.5em
  }
  100% {
    top:1.125em;
    left:.1875em;
    width:.75em
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top:1.625em;
    right:1.375em;
    width:0
  }
  65% {
    top:1.25em;
    right:.9375em;
    width:0
  }
  84% {
    top:.9375em;
    right:0;
    width:1.125em
  }
  100% {
    top:.9375em;
    right:.1875em;
    width:1.375em
  }
}

/* End */


/* Start:/bitrix/templates/.default/ajax/ajax.min.css?1752741934420*/
iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/bitrix/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/bitrix/templates/.default/ajax/images/shadow.gif);border:1px solid #808080}
/* End */


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


/* Start:/bitrix/templates/main/styles.css?1756972510138336*/
* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

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

::-moz-placeholder {
  color: inherit;
}

:-ms-input-placeholder {
  color: inherit;
}

::-ms-input-placeholder {
  color: inherit;
}

::placeholder {
  color: inherit;
}

input,
button,
textarea,
select {
  font-family: "Inter";
  font-size: inherit;
  color: #131314;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.1333333333;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  font-family: "Inter";
  font-weight: 400;
  color: #131314;
  font-size: 1rem;
  background-color: #fff;
}

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

[class*=__container] {
  max-width: 89.625rem;
  margin: 0 auto;
  padding: 0 0.9375rem;
}

.wrapper {
  position: relative;
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper>main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper>* {
  min-width: 0;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
  left: 0;
  width: 100%;
  bottom: 3.75rem;
}

.swiper-pagination-bullet {
  background-color: #fff;
  width: 0.625rem;
  height: 0.625rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.625rem;
          flex: 0 0 0.625rem;
  border-radius: 0.625rem;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5.8125rem;
          flex: 0 0 5.8125rem;
  width: 5.8125rem;
  background-color: #dd2935;
}

.title {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 700;
}

.content__inside h1{
margin-bottom: 20px;
}


.content__inside h2{
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
margin: 20px 0 10px;
color:#56698f;
}

.content__inside p{
margin-bottom:20px;
}

.content__inside ul li {
    font-size: 17px;
    color: #333333;
    line-height: 30px;
    position: relative;
    padding-left: 22px;
margin-left: 20px;
}

.content__inside ul li::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(/bitrix/templates/main/img/check.png);
    width: 15px;
    height: 18px;
    top: 50%;
    top: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.content__inside .item_coll li::before {
    display: none;
}


.item-product {
  border-radius: 0.9375rem;
  border: 0.0625rem solid #d4d5d9;
  padding: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: border .5s;
  transition: border .5s;
}

.item-product__image {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.item-product__image:not(:last-child) {
  margin-bottom: 1.6875rem;
}

.item-product__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.item-product__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.item-product__text:not(:last-child) {
  margin-bottom: 1.6875rem;
}

.item-product__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.3125rem 0.9375rem;
}

.item-product__row:not(:last-child) {
  margin-bottom: 1.6875rem;
}

.item-product__label {
  font-weight: 700;
  font-size: 1.125rem;
  color: #2b2f33;
}

.item-product__price {
  font-weight: 900;
  font-size: 1.5rem;
}

.item-product__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.625rem;
}

.item-product__link {
  max-width: 7.5rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #86868f;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-color: #ededef;
  border: 0.0625rem solid #ededef;
}

.item-product__link_red {
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  color: #fff;
}

.swiper-button-prev {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 2.8125rem;
  height: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.swiper-button-prev path {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.swiper-button-next {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  width: 2.8125rem;
  height: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.swiper-button-next path {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 6;
}

.header_2 {
  position: relative;
  background: url("/bitrix/templates/main/img/header-background.webp") center/cover no-repeat;
  padding-bottom: 5rem;
}

.header__logotype {
  display: inline-block;
  width: 0;
  overflow: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.header__logotype img {
  max-width: 100%;
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
  padding: 1.875rem 0 0.875rem;
}

.header__fixed{
margin-top:1rem
}

.header__logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.1875rem;
          flex: 0 0 16.1875rem;
}

.header__logo img {
  max-width: 100%;
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.5rem;
}

.header__text {
  max-width: 12.1875rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #dddee0;
}

.header__button {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: #fff;
  padding: 0.6875rem 1.375rem;
  border-radius: 1.375rem;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(20%, rgb(86, 105, 143)), to(rgb(127, 179, 216)));
  background: linear-gradient(90deg, rgb(86, 105, 143) 20%, rgb(127, 179, 216) 100%);
  -webkit-transition: all .3s;
  transition: all .3s;
  background-size: 150% 150%;
  white-space: nowrap;
}

.header__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6875rem;
}

.header__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}

.header__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  will-change: transform;
}

.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0.25rem;
  margin-top: 1.375rem;
}

.header__link {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
  -webkit-transition: color .3s;
  transition: color .3s;
  white-space: nowrap;
}

.header__link_small {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.1;
  color: #dddee0;
}

.header__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(46,55,73,.63);
  border-radius: 2.3125rem;
  position: relative;
}

.header__bottom:hover  {
  background-color: rgba(46,55,73,.73);
}

.header__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
}

.header__input {
  height: 100%;
  position: absolute;
  right: 1.875rem;
  top: 0;
  width: 0;
  font-size: 1.375rem;
  background-color: #2e3749;
  border-radius: 4.75rem;
  color: #fff;
  border: 0.125rem solid rgba(0,0,0,0);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.open-form .header__input {
  width: 100%;
  right: 0;
  padding-right: 5rem;
  padding-left: 1.25rem;
}

.header__input:focus {
  border: 0.125rem solid #56698f;
}

.header__search {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.75rem;
          flex: 0 0 4.75rem;
  width: 4.75rem;
  height: 4.75rem;
  border-radius: 50%;
  background-color: #56698f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
  position: relative;
  z-index: 2;
}

.catalog {
  width: 100%;
  max-width: 15.3125rem;
}

.catalog__main {
  padding: 0.625rem 1.25rem;
  min-height: 4.8125rem;
  text-transform: uppercase;
  background: #dd2935;
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  border-radius: 2.3125rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  cursor: pointer;
}

.catalog__main:hover {
  background: #b51c26;
}

.catalog__burger {
  width: 1.25rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.25rem;
          flex: 0 0 1.25rem;
  height: 0.75rem;
  position: relative;
}

.catalog__burger::before,
.catalog__burger::after,
.catalog__burger span {
  display: block;
  position: absolute;
  height: 0.0625rem;
  width: 100%;
  background-color: #fff;
  left: 0;
}

.catalog__burger::before {
  content: "";
  top: 0;
}

.catalog__burger::after {
  content: "";
  bottom: 0;
}

.catalog__burger span {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.catalog__inner {
  display: none;
  position: absolute;
  width: 100%;
  border-radius: 2.3125rem;
  overflow: hidden;
  left: 0;
  top: 100%;
  z-index: 100;
  border-radius: 2.3125rem;
}

.catalog__list {
  background: #2e3749;
  max-width: 19.375rem;
  padding: 1.5625rem 0;
}

.catalog__arrow {
  display: none;
}

.catalog__link {
  display: block;
  font-size: 1rem;
  line-height: 1.375;
  text-transform: uppercase;
  padding: 0.4375rem 2.1875rem;
  -webkit-transition: .3s;
  transition: .3s;
  color: #fff;
}

.catalog__sub-list {
  background: #56698f;
  padding: 2.125rem 3.125rem;
  width: 21.25rem;
}

.catalog__sub-link {
  display: inline-block;
  padding: 0.25rem 0;
  font-size: 1.125rem;
  line-height: 1.3888888889;
  color: #d6d3d3;
}

.catalog__close {
  display: none;
}

.catalog__image {
  display: block;
  position: absolute;
/  width: calc(100% - 21.25rem);
/  left: 21.25rem;
  width: 100%;
  height: 100%;

  top: 0;
}

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

.menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.3125rem 2.5rem;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.125rem 0.625rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.menu__close {
  display: none;
}

.menu__link {
  color: #fff;
  -webkit-transition: color .3s;
  transition: color .3s;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

.burger-menu {
  display: none;
}

.hero__slide {
  padding-top: 20.4375rem;
  padding-bottom: 10.3125rem;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.hero__container {
  position: relative;
  z-index: 2;
}

.hero__title {
  font-weight: 900;
  font-size: 3rem;
  line-height: 1.25;
  color: #fff;
  max-width: 37.5rem;
}

.hero__title:not(:last-child) {
  margin-bottom: 2.1875rem;
}

.hero__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  color: #fff;
  max-width: 25.625rem;
}

.hero__text:not(:last-child) {
  margin-bottom: 2.375rem;
}

.hero__link {
  font-weight: 500;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  padding: 0.78125rem 1.875rem;
  border-radius: 0.9375rem;
  line-height: 1.5;
  font-size: 1rem;
  color: #fff;
  display: inline-block;
  -webkit-transition: all .3s;
  transition: all .3s;
}

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

.section-catalog {
  padding-top: 3.4375rem;
  padding-bottom: 3.625rem;
}

.section-catalog__title:not(:last-child) {
  margin-bottom: 2rem;
}

.section-catalog__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-catalog__item {
/  background-color: #e0e1e3;
background: #ededed;
background: linear-gradient(316deg,rgba(243, 243, 243, 1) 0%, rgba(224, 224, 224, 1) 100%);
  padding: 3.3125rem 2.6875rem;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.section-catalog__caption {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.0714285714;
  position: relative;
  z-index: 2;
}

.section-catalog__caption:not(:last-child) {
  margin-bottom: 1.75rem;
}

.section-catalog__text {
  position: relative;
  z-index: 2;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  max-width: 14.375rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.section-catalog__text:not(:last-child) {
  margin-bottom: 1.875rem;
}

.section-catalog__link {
  position: relative;
  z-index: 2;
  max-width: 9.75rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #fff;
  border: 0.0625rem solid #131314;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.section-catalog__image {
  position: absolute;
  bottom: 0;
  right: 0;
}

.advantages {
  padding: 3.625rem 0;
}

.advantages__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
}

.advantages__item {
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
  padding: 3.75rem 2.5rem;
}

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

.advantages__caption {
  position: relative;
  z-index: 2;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.2;
  color: #fff;
}

.advantages__caption:not(:last-child) {
  margin-bottom: 2.5rem;
}

.advantages__text {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  max-width: 18.75rem;
}

.options {
  background: #dddee0;
  padding-top: 4.375rem;
  padding-bottom: 5.625rem;
}

.options__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.options__text {
  display: -ms-grid;
  display: grid;
  gap: 1.25rem;
  color: #2b2f33;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  max-width: 84.375rem;
}

.options__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

.options__caption {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.6;
}

.options__caption:not(:last-child) {
  margin-bottom: 1.25rem;
}

.options__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.875rem 1.5625rem;
}

.options__image {
  width: 100%;
  position: relative;
  aspect-ratio: 338/333;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.options__image:not(:last-child) {
  margin-bottom: 2.1875rem;
}

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

.options__heading {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.5;
}

.options__heading:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.options__link {
  max-width: 9.75rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.gallery {
  background: radial-gradient(circle at center, #4a5a7a 0%, #1a1f2b 60%, #0f131d 100%);
  padding: 6.25rem 0;
}

.gallery__title {
  color: #fff;
}

.gallery__title:not(:last-child) {
  margin-bottom: 3.75rem;
}

.gallery__slider {
  width: calc(100vw - (100vw - 89.625rem)/2 - 0.9375rem);
  padding-right: 0.9375rem;
}

.gallery__wrapper:not(:last-child) {
  margin-bottom: 2.1875rem;
}

.gallery__slide {
  position: relative;
  aspect-ratio: 513/432;
  border-radius: 0.9375rem;
  overflow: hidden;
  cursor: pointer;
}

.gallery__slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  will-change: transform;
}

.colors {
  padding-top: 6.25rem;
  padding-bottom: 7.5rem;
}

.colors__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.colors__sub-title {
  font-size: 1rem;
  line-height: 1.5;
}

.colors__sub-title:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.colors__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.5rem 1.5625rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.colors__image {
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 0.9375rem;
  overflow: hidden;
}

.colors__image:not(:last-child) {
  margin-bottom: 0.9375rem;
}

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

.colors__text {
  font-size: 1.125rem;
  line-height: 1.3;
}

.colors__text span {
  font-weight: 900;
  font-size: 1.5rem;
}

.colors__block {
  background-color: #e0dfdd;
  border-radius: 0.9375rem;
  overflow: hidden;
  padding: 1.875rem 2.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-column-span: 3;
  grid-column: span 3;
  min-height: 20.765625rem;
  padding-top: 1.875rem;
}

.colors__content {
  max-width: 25rem;
  padding-bottom: 1.875rem;
}

.colors__caption {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
}

.colors__caption:not(:last-child) {
  margin-bottom: 1.25rem;
}

.colors__desc {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  max-width: 22.5rem;
}

.colors__desc:not(:last-child) {
  margin-bottom: 1.875rem;
}

.colors__link {
  max-width: 13.9375rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.colors__img {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-right: 1.875rem;
}

.colors__img img {
  max-width: 100%;
}

.benefit {
  background: url("/bitrix/templates/main/img/benefit-background.webp") center/cover no-repeat;
  padding-top: 9.375rem;
  padding-bottom: 8.75rem;
}

.benefit_2 {
  background: none;
  padding-top: 2.8125rem;
  padding-bottom: 5.9375rem;
}

.benefit__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.25rem;
}

.benefit__item {
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
  padding: 2.8125rem 2.6875rem;
  background-color: #171d29;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.benefit__title {
  position: relative;
  z-index: 2;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.2;
  color: #fff;
}

.benefit__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.benefit__text {
  position: relative;
  z-index: 2;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.benefit__text:not(:last-child) {
  margin-bottom: 4.6875rem;
}

.benefit__link {
  position: relative;
  z-index: 2;
  max-width: 9.75rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: rgba(0,0,0,0);
  border: 0.125rem solid #8ccbf0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #8ccbf0;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.benefit__image {
  position: absolute;
  bottom: 0.3125rem;
  right: 0.625rem;
}

.benefit__image img {
  position: relative;
  z-index: 1;
  max-width: 100%;
}

.benefit__image::before {
  content: "";
  width: 43.75rem;
  height: 43.75rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-45%, -45%);
      -ms-transform: translate(-45%, -45%);
          transform: translate(-45%, -45%);
  background: url("/bitrix/templates/main/img/1.svg") center/100% 100% no-repeat;
}

.sample {
  padding: 1.875rem 0;
  background: url("/bitrix/templates/main/img/sample-background.webp") center/cover no-repeat;
}

.sample__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.25rem;
}

.sample__content {
  max-width: 35.3125rem;
}

.sample__title {
  color: #fff;
}

.sample__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.sample__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  color: #a4a5a7;
}

.sample__text:not(:last-child) {
  margin-bottom: 1.25rem;
}

.sample__link {
  max-width: 9.75rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.sample__image {
  text-align: center;
}

.sample__image img {
  max-width: 100%;
}

.calculation {
  padding-top: 6.875rem;
  padding-bottom: 6.25rem;
  background: url("/bitrix/templates/main/img/calculation-background.webp") center/cover no-repeat;
}

.calculation__title {
  color: #fff;
  max-width: 37.5rem;
}

.calculation__title:not(:last-child) {
  margin-bottom: 2.5rem;
}

.calculation__text {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  color: #fff;
  max-width: 26.875rem;
}

.calculation__text:not(:last-child) {
  margin-bottom: 3.125rem;
}

.calculation__link {
  position: relative;
  z-index: 2;
  max-width: 9.75rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.products {
  padding-top: 4.375rem;
  padding-bottom: 3.75rem;
}

.products__title:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.products__sub-title {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.6;
  color: #86868f;
}

.products__sub-title:not(:last-child) {
  margin-bottom: 1.875rem;
}

.products__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.5625rem;
}

.products__body__inside{
margin-top:30px;
}

.product-info {
  background: url("/bitrix/templates/main/img/product-info-background.webp") center/cover no-repeat;
  padding: 4.25rem 0;
}

.product-info__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 4.8125rem;
}

.product-info__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.125rem;
}

.product-info__column:nth-child(2) .product-info__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 7.75rem;
          flex: 0 0 7.75rem;
  width: 7.75rem;
}

.product-info__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.75rem;
          flex: 0 0 8.75rem;
  width: 8.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.product-info__icon img {
  max-width: 100%;
}

.product-info__title {
  font-size: 1.875rem;
  font-weight: 900;
  line-height: 1.2666666667;
  color: #fff;
}

.product-info__title:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.product-info__sub-title {
  color: #8ccbf0;
  font-size: 1.5rem;
  line-height: 1.1666666667;
}

.product-info__sub-title:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.product-info__text {
  color: #fefeff;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  max-width: 21.5rem;
}

.product-info__desc {
  color: #fefeff;
  font-size: 1.5rem;
  line-height: 1.1666666667;
  max-width: 21.5rem;
}

.product-info__desc:not(:last-child) {
  margin-bottom: 2.8125rem;
}

.product-info__link {
  max-width: 9.75rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.contact-us {
  padding: 5rem 0;
  overflow: hidden;
  background-color: #e0e1e3;
}

.contact-us_2 {
  background: url("/bitrix/templates/main/img/contact-us-background.webp") center/cover no-repeat;
}

.contact-us__container {
  position: relative;
}

.contact-us__content {
  position: relative;
  z-index: 2;
}

.contact-us__title {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.25;
}

.contact-us__title_white {
  color: #fff;
}

.contact-us__title:not(:last-child) {
  margin-bottom: 1.875rem;
}

.contact-us__title span {
  color: #dd2935;
  display: block;
}

.contact-us__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.contact-us__text_white {
  color: #fff;
}

.contact-us__text:not(:last-child) {
  margin-bottom: 2.8125rem;
}

.contact-us__form {
  max-width: 52.5rem;
}

.contact-us__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.1875rem;
}

.contact-us__grid:not(:last-child) {
  margin-bottom: 2.5rem;
}

.contact-us__input {
  width: 100%;
  padding: 0 0.625rem;
  background-color: #fff;
  font-size: 1rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid #97999e;
  height: 3.0625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.contact-us__input:focus {
  border: 0.0625rem solid #d47a0b;
}

.contact-us__input::-webkit-input-placeholder {
  color: #97999e;
}

.contact-us__input::-moz-placeholder {
  color: #97999e;
}

.contact-us__input:-ms-input-placeholder {
  color: #97999e;
}

.contact-us__input::-ms-input-placeholder {
  color: #97999e;
}

.contact-us__input::placeholder {
  color: #97999e;
}

.contact-us__submit {
  min-height: 3.0625rem;
  width: 100%;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.contact-us__image {
  position: absolute;
  top: 50%;
  left: 41.25rem;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.contact-us__image-2 {
  position: absolute;
  right: -3.125rem;
  bottom: -23.75rem;
}

.product-feature {
  padding: 5rem 0;
}

.product-feature__title {
  max-width: 43.125rem;
}

.product-feature__title:not(:last-child) {
  margin-bottom: 1.875rem;
}

.product-feature__sub-title {
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.product-feature__sub-title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.product-feature__list {
  display: -ms-grid;
  display: grid;
  gap: 0.625rem;
}

.product-feature__list:not(:last-child) {
  margin-bottom: 1.875rem;
}

.product-feature__item {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.75rem;
  position: relative;
  padding-left: 1.875rem;
}

.product-feature__item::before {
  position: absolute;
  left: 0;
  top: 0.4375rem;
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 0.875rem;
          flex: 0 0 0.875rem;
  border-radius: 50%;
  background-color: #56698f;
}

.product-feature__item span {
  min-width: 6.25rem;
}

.product-feature__caption {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.1333333333;
}

.product-feature__caption:not(:last-child) {
  margin-bottom: 1.875rem;
}

.product-feature__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3.75rem 1.25rem;
}

.product-feature__image {
  position: relative;
  aspect-ratio: 458/418;
  width: 100%;
  border-radius: 1.25rem;
  overflow: hidden;
}

.product-feature__image:not(:last-child) {
  margin-bottom: 1.875rem;
}

.product-feature__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-feature__heading {
  font-weight: 700;
  line-height: 1.1333333333;
  font-size: 1.875rem;
}

.product-feature__heading:not(:last-child) {
  margin-bottom: 0.9375rem;
}

.product-feature__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.featurer {
  background: url("/bitrix/templates/main/img/featurer-background.webp") center/cover no-repeat;
  padding-top: 3.125rem;
  padding-bottom: 4.375rem;
}

.featurer__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 3.75rem;
}

.featurer__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
}

.featurer__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.4375rem;
          flex: 0 0 8.4375rem;
}

.featurer__image img {
  max-width: 100%;
}

.featurer__title {
  font-weight: 900;
  font-size: 1.875rem;
  line-height: 1.2;
  color: #fff;
}

.featurer__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.featurer__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  color: #fff;
  max-width: 22rem;
}

.stages {
  padding: 5.3125rem 0;
  background: url("/bitrix/templates/main/img/stages-background.webp") center/cover no-repeat;
}

.stages__title {
  color: #fff;
}

.stages__title:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.stages__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 2.5rem;
}

.stages__icon img {
  max-width: 100%;
}

.stages__icon:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.stages__caption {
  font-size: 1.875rem;
  line-height: .8;
  font-weight: 700;
  color: #fff;
}

.stages__caption:not(:last-child) {
  margin-bottom: 1.25rem;
}

.stages__text {
  font-size: 1rem;
  line-height: 1.75;
  color: #fff;
}

.reviews {
  padding-top: 6.25rem;
  padding-bottom: 7.1875rem;
  background-color: #efefef;
}

.reviews__title {
  font-size: 1.875rem;
}

.reviews__title:not(:last-child) {
  margin-bottom: 3.125rem;
}

.reviews__wrapper:not(:last-child) {
  margin-bottom: 3.125rem;
}

.reviews__caption {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
}

.reviews__caption:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.reviews__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  color: #5e5f61;
}

.reviews .swiper-pagination-bullet {
  background-color: #e0dfdd;
}

.reviews .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #dd2935;
}

.product {
  padding-top: 4.6875rem;
  padding-bottom: 2.8125rem;
}

.content{
  padding-top: 4.6875rem;
  padding-bottom: 2.8125rem;
}

.product__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.5rem;
}

.product__body:not(:last-child) {
  margin-bottom: 6.25rem;
}

.product__slider {
  position: relative;
  min-width: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55.9544159544%;
          flex: 0 0 55.9544159544%;
}

.product__slide {
  width: 100%;
  position: relative;
  aspect-ratio: 769/538;
}

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

.product__title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.1;
}

.product__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.product__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.25rem;
}

.product__row:not(:last-child) {
  margin-bottom: 1.875rem;
}

.product__price {
  font-weight: 500;
  font-size: 1.5rem;
  color: #2b2f33;
  white-space: nowrap;
}

.product__price span {
  font-weight: 900;
  font-size: 2.125rem;
}

.product__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}

.product__caption {
  font-size: 1rem;
}

.product__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}

.product__item-social {
  background-color: #e0dfdd;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.product__item-social path {
  fill: #8e9091;
  -webkit-transition: fill .3s;
  transition: fill .3s;
}

.product__text {
  font-size: 1rem;
  line-height: 1.5;
  color: #747474;
}

.product__text:not(:last-child) {
  margin-bottom: 1.25rem;
}

.product__heading {
  font-size: 0.9375rem;
  font-weight: 500;
}

.product__list:not(:last-child) {
  margin-bottom: 1.25rem;
}

.product__item {
  font-size: 0.9375rem;
  color: #747474;
}

.product__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.2rem;
}

.product__link {
  max-width: 11.875rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.product__warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.0625rem;
  font-size: 1.125rem;
  font-weight: 900;
  line-height: 1.6;
}

.contacts {
  padding-top: 4.6875rem;
  padding-bottom: 2.8125rem;
}

.contacts__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5625rem;
}

.contacts__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.875rem;
}

.contacts__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
  margin-top: 0.625rem;
}

.contacts__icon img {
  max-width: 100%;
}

.contacts__title {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.1333333333;
}

.contacts__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.contacts__block {
  display: -ms-grid;
  display: grid;
  gap: 3.75rem;
}

.contacts__block:not(:last-child) {
  margin-bottom: 2.5rem;
}

.contacts__text {
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.contacts__text b {
  display: block;
}

.contacts__tel {
  font-weight: 700;
}

.contacts__mail {
  font-weight: 700;
  color: #dd2935;
}

.contacts__link {
  max-width: 11.875rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.contacts__link:not(:last-child) {
  margin-bottom: 1.875rem;
}

.contacts__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
}

.contacts__caption {
  font-size: 1rem;
}

.contacts__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem;
}

.contacts__item-social {
  background-color: #e0dfdd;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3rem;
          flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: background-color .3s;
  transition: background-color .3s;
}

.contacts__item-social path {
  fill: #8e9091;
  -webkit-transition: fill .3s;
  transition: fill .3s;
}

.contacts__map {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 51.6381766382%;
          flex: 0 0 51.6381766382%;
  height: 25rem;
  width: 100%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.footer {
  background-color: #2e3749;
  padding-top: 2.8125rem;
  padding-bottom: 3.75rem;
}

.footer__block_mobile {
  display: none;
}

.footer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.875rem;
}

.footer__column {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.footer__logo:not(:last-child) {
  margin-bottom: 1.875rem;
}

.footer__copy {
  color: #d4d4d4;
  font-size: 0.75rem;
}

.footer__copy:not(:last-child) {
  margin-bottom: 1.25rem;
}

.footer__text {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #7d7e84;
  max-width: 15.625rem;
}

.footer__text a {
  color: #d4d5d9;
}

.footer__menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.footer__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.footer__link {
  font-size: 1rem;
  color: #d4d5d9;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  padding-top: 0.625rem;
}

.footer__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 2.5rem;
          flex: 0 0 2.5rem;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  will-change: transform;
}

.footer__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
}

.footer__numbers:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.footer__tel {
  font-weight: 700;
  font-size: 1.125rem;
  color: #fff;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.footer__mail {
  font-size: 1.125rem;
  font-weight: 700;
  color: #dd2935;
  display: inline-block;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.footer__mail:not(:last-child) {
  margin-bottom: 1.5625rem;
}

.footer__desc {
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: #d4d5d9;
}

.menu-footer__item:not(:last-child) {
  margin-bottom: 1.0625rem;
}

.menu-footer__link {
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: color .3s;
  transition: color .3s;
}

body::after {
  content: "";
  background-color: rgba(0,0,0,.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity .8s ease 0s;
  transition: opacity .8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1.875rem 0.9375rem;
  -webkit-transition: visibility .8s ease 0s;
  transition: visibility .8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.popup__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}

.popup__content {
  visibility: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform .3s ease 0s;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
/  background-color: #56698f;
  width: 100%;
  max-width: 60rem;
  border-radius: 0.625rem;
  overflow: hidden;
}

.lock .popup__content {
  visibility: visible;
}

.popup__close {
  position: absolute;
  cursor: pointer;
  top: 0.9375rem;
  right: 0.9375rem;
  width: 1.25rem;
  height: 1.25rem;
  background: rgba(0,0,0,0);
  -webkit-transition: -webkit-transform .3s ease 0s;
  transition: -webkit-transform .3s ease 0s;
  transition: transform .3s ease 0s;
  transition: transform .3s ease 0s, -webkit-transform .3s ease 0s;
  will-change: transform;
}

.popup__close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 0.125rem;
  width: 100%;
  background: #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-radius: 1.875rem;
}

.popup__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 0.125rem;
  width: 100%;
  background: #fff;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 1.875rem;
}

.popup__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.popup__block {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 2.5rem 1.875rem;
margin-top: 30px;
    background: #a15b60;
border-radius: 10px 0 0 10px;
    min-height: 543px;
}

.popup__block-2 {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  padding: 2.5rem 1.875rem;
margin-top: 30px;
    background: #a15b60;
border-radius: 0 10px 10px 0;
    min-height: 543px;
}

.popup__title {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.3;
}

.popup__title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.popup__sub-title {
  text-transform: uppercase;
  color: #fff;
}

.popup__sub-title:not(:last-child) {
  margin-bottom: 1.25rem;
}

.popup__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  width: 100%;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.popup__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.875rem;
          flex: 0 0 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
}

.popup__icon svg {
  width: 0.75rem;
}

.popup__icon svg path {
  fill: #fff;
}

.popup__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.3125rem 2.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border-radius: 0.625rem;
  padding: 0.3125rem 0.625rem;
  background-color: #2e3749;
}

.popup__link {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.25rem;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.popup__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.9375rem;
}

.popup__avatar {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden;
background: url(/bitrix/templates/main/img/manager-galina.webp) center / cover no-repeat;
}

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

.popup__desc {
  border: 0.0625rem solid #fff;
  padding: 0.625rem;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 0.625rem;
}

.popup__column {
  background-color: #2e3749;
  padding: 2.5rem 1.875rem;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25rem;
          flex: 0 0 25rem;
border-radius: 10px;
}

.popup__caption {
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  max-width: 21.25rem;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.2;
}

.popup__caption:not(:last-child) {
  margin-bottom: 1.875rem;
}

.popup__form {
  display: -ms-grid;
  display: grid;
  gap: 1.25rem;
}

.popup__label {
  cursor: pointer;
  color: #fff;
  display: inline-block;
}

.popup__label:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.popup__input {
  width: 100%;
  height: 3.4375rem;
  border-radius: 0.625rem;
  padding: 0 0.625rem;
  -webkit-transition: border .3s;
  transition: border .3s;
  border: 0.0625rem solid rgba(0,0,0,0);
}

.popup__input::-webkit-input-placeholder {
  opacity: .8;
}

.popup__input::-moz-placeholder {
  opacity: .8;
}

.popup__input:-ms-input-placeholder {
  opacity: .8;
}

.popup__input::-ms-input-placeholder {
  opacity: .8;
}

.popup__input::placeholder {
  opacity: .8;
}

.popup__input:focus {
  border: 0.0625rem solid #d47a0b;
}

.popup__submit {
  min-height: 3.4375rem;
  width: 100%;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.popup__text {
  color: #fff;
  font-size: 0.8125rem;
}

.tabs__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  overflow: auto;
}

.tabs__title {
  white-space: nowrap;
  background-color: #dddee0;
  padding: 0.625rem 2.5rem;
  border-radius: 0.9375rem;
  min-height: 4.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 1.125rem;
  text-transform: uppercase;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.tabs__title._tab-active {
  background-color: #dd2935;
  color: #fff;
}

.tabs__content {
  padding-top: 3.125rem;
}

.tabs__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1.875rem;
}

.tabs__icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.75rem;
          flex: 0 0 3.75rem;
}

.tabs__icon img {
  max-width: 100%;
}

.tabs__heading {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1.1333333333;
}

.tabs__heading:not(:last-child) {
  margin-bottom: 1.25rem;
}

.tabs__caption {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5555555556;
}

.tabs__caption:not(:last-child) {
  margin-bottom: 0.3125rem;
}

.tabs__list:not(:last-child) {
  margin-bottom: 1.875rem;
}

.tabs__item {
  font-size: 1.125rem;
}

.tabs__text:not(:last-child) {
  margin-bottom: 2.5rem;
}

.tabs__tel {
  font-size: 1.125rem;
  font-weight: 700;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.tabs__mail {
  font-size: 1.125rem;
  color: #dd2935;
  font-weight: 700;
  -webkit-transition: color .3s;
  transition: color .3s;
}

.tabs__link {
  max-width: 11.875rem;
  width: 100%;
  min-height: 3rem;
  border-radius: 0.625rem;
  background-color: #dd2935;
  border: 0.0625rem solid #dd2935;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 1rem;
  color: #fff;
  padding: 0.3125rem 0.625rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.breadcrumbs {
  background-color: #dddee0;
  padding: 1.625rem 0;
}

.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumbs__item {
  font-size: 0.875rem;
  line-height: 2;
  margin-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #dd2935;
}

.breadcrumbs__item:not(:last-child)::after {
  content: "/";
  margin-left: 1.25rem;
  color: #8e95ae;
}

.breadcrumbs__link {
  display: inline-block;
  -webkit-transition: color .3s ease 0s;
  transition: color .3s ease 0s;
  color: #8e95ae;
}

.checkbox {
  position: relative;
}

.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}

.checkbox__input:checked+.checkbox__label:before {
  background: url("/bitrix/templates/main/img/check.svg") center/85% no-repeat;
}

.checkbox__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 0.5rem;
}

.checkbox__label:before {
  content: "";
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 1.125rem;
          flex: 0 0 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 0.125rem;
  border: 0.125rem solid #97999e;
}

.checkbox__text {
  color: #97999e;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  max-width: 31.25rem;
}

.checkbox__text a {
  color: #d47a0b;
  text-decoration: underline;
}

.swiper {
  overflow: hidden;
}

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

.swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

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

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

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

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-shadow: none;
  --f-button-transition: all .15s ease;
  --f-button-transform: none;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(0, 0, 0, .7);
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-opacity: 1;
  --f-button-svg-disabled-opacity: .5;
  --f-button-svg-transition: opacity .15s ease;
  --f-button-svg-transform: none;
}

.f-button {
  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);
  -webkit-box-shadow: var(--f-button-shadow);
          box-shadow: var(--f-button-shadow);
  -webkit-transform: var(--f-button-transform);
      -ms-transform: var(--f-button-transform);
          transform: var(--f-button-transform);
  -webkit-transition: var(--f-button-transition);
  transition: var(--f-button-transition);
  backdrop-filter: var(--f-button-backdrop-filter);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden;
}

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

.f-button:focus {
  outline: none;
}

.f-button:focus-visible {
  outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
  outline-offset: var(--f-button-outline-offset);
  position: relative;
  z-index: 1;
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  -webkit-transform: var(--f-button-svg-transform);
      -ms-transform: var(--f-button-svg-transform);
          transform: var(--f-button-svg-transform);
  fill: var(--f-button-svg-fill);
  -webkit-filter: var(--f-button-svg-filter);
          filter: var(--f-button-svg-filter);
  opacity: var(--f-button-svg-opacity, 1);
  -webkit-transition: var(--f-button-svg-transition);
  transition: var(--f-button-svg-transition);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

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

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

:root {
  --f-spinner-color-1: rgba(0, 0, 0, .1);
  --f-spinner-color-2: rgba(17, 24, 28, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
}

.f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: calc(var(--f-spinner-width)*-0.5) 0 0 calc(var(--f-spinner-height)*-0.5);
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
  border-radius: var(--f-spinner-border-radius);
  border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
  border-top-color: var(--f-spinner-color-2);
  -webkit-animation: f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both;
          animation: f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both;
}

@-webkit-keyframes f-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes f-spinner {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.f-panzoom,
.f-zoomable {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
  display: block;
  content: "";
}

.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
  margin-bottom: auto;
}

.f-panzoom:after,
.f-zoomable:after {
  margin-top: auto;
}

.f-panzoom__wrapper {
  position: relative;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}

.f-panzoom__wrapper.will-zoom-out {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.f-panzoom__wrapper.can-drag {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.f-panzoom__wrapper.will-zoom-in {
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.f-panzoom__wrapper.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.f-panzoom__wrapper.has-error {
  display: none;
}

.f-panzoom__content {
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
}

.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
  visibility: hidden;
}

img.f-panzoom__content {
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.f-panzoom__wrapper>img.f-panzoom__content {
  visibility: hidden;
}

.f-panzoom__viewport {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.f-panzoom__viewport>.f-panzoom__content {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

picture.f-panzoom__content img {
  vertical-align: top;
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: none;
  transition: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.f-panzoom__protected {
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.f-fadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both 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 {
  -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both 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;
}

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

  to {
    opacity: 1;
  }
}

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

  to {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes f-fadeOut {
  to {
    opacity: 0;
  }
}

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

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, 0.2s)*.2) ease calc(var(--f-transition-duration, 0.2s)*.8) both f-crossfadeOut;
          animation: calc(var(--f-transition-duration, 0.2s)*.2) ease calc(var(--f-transition-duration, 0.2s)*.8) both f-crossfadeOut;
  z-index: 1;
}

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

  to {
    opacity: 1;
  }
}

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

  to {
    opacity: 1;
  }
}

@-webkit-keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}

@keyframes f-crossfadeOut {
  to {
    opacity: 0;
  }
}

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

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

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

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

@-webkit-keyframes f-slideInPrevX {
  0% {
    -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
            transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes f-slideInPrevX {
  0% {
    -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
            transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@-webkit-keyframes f-slideInNextX {
  0% {
    -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes f-slideInNextX {
  0% {
    -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@-webkit-keyframes f-slideOutNextX {
  to {
    -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
}

@keyframes f-slideOutNextX {
  to {
    -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
  }
}

@-webkit-keyframes f-slideOutPrevX {
  to {
    -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
            transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
}

@keyframes f-slideOutPrevX {
  to {
    -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
            transform: translate(calc(100% + var(--f-carousel-gap, 0)));
  }
}

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

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

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

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

@-webkit-keyframes f-slideInPrevY {
  0% {
    -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
            transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes f-slideInPrevY {
  0% {
    -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
            transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@-webkit-keyframes f-slideInNextY {
  0% {
    -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@keyframes f-slideInNextY {
  0% {
    -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }

  to {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
}

@-webkit-keyframes f-slideOutNextY {
  to {
    -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
}

@keyframes f-slideOutNextY {
  to {
    -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
            transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
  }
}

@-webkit-keyframes f-slideOutPrevY {
  to {
    -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
            transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
}

@keyframes f-slideOutPrevY {
  to {
    -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
            transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
  }
}

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

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

@-webkit-keyframes f-zoomInUp {
  0% {
    -webkit-transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
            transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0);
  }

  to {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    opacity: 1;
  }
}

@keyframes f-zoomInUp {
  0% {
    -webkit-transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
            transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
    opacity: var(--f-zoomInUp-opacity, 0);
  }

  to {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    opacity: 1;
  }
}

@-webkit-keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
            transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0;
  }
}

@keyframes f-zoomOutDown {
  to {
    -webkit-transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
            transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
    opacity: 0;
  }
}

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

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

@-webkit-keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
            transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0;
  }
}

@keyframes f-throwOutUp {
  to {
    -webkit-transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
            transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
    opacity: 0;
  }
}

@-webkit-keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
            transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0;
  }
}

@keyframes f-throwOutDown {
  to {
    -webkit-transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
            transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
    opacity: 0;
  }
}

.f-carousel__slide.has-html {
  overflow: auto;
}

.f-html {
  position: relative;
  margin: var(--f-html-margin, 0);
  padding: var(--f-html-padding, 2rem);
  color: var(--f-html-color, currentColor);
  background: var(--f-html-bg);
}

.f-html.is-error {
  text-align: center;
}

.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 1px;
  overflow: visible;
  width: 100%;
  height: 100%;
}

.has-pdf .f-html,
.has-gmap .f-html {
  padding: 0;
}

.f-iframe {
  display: block;
  margin: 0;
  border: 0;
  height: 100%;
  width: 100%;
}

.f-caption {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-width: 100%;
  max-height: calc(80vh - 100px);
  overflow: auto;
  margin: var(--f-caption-margin);
  padding: var(--f-caption-padding, 16px 8px);
  overflow-wrap: anywhere;
  line-height: var(--f-caption-line-height);
  color: var(--f-caption-color);
  background: var(--f-caption-bg);
  font: var(--f-caption-font);
}

.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
  padding: 0;
  width: 100%;
  height: 100%;
  max-width: var(--f-video-width, 960px);
  max-height: var(--f-video-height, 540px);
  aspect-ratio: var(--f-video-aspect-ratio);
  min-height: 1px;
  overflow: visible;
  background: var(--f-video-bg, rgba(0, 0, 0, 0.9));
}

.f-html5video {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: transparent;
}

.f-button.is-arrow {
  --f-button-width: var(--f-arrow-width, 46px);
  --f-button-height: var(--f-arrow-height, 46px);
  --f-button-svg-width: var(--f-arrow-svg-width, 24px);
  --f-button-svg-height: var(--f-arrow-svg-height, 24px);
  --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
  --f-button-border-radius: var(--f-arrow-border-radius, unset);
  --f-button-bg: var(--f-arrow-bg, transparent);
  --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
  --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
  --f-button-shadow: var(--f-arrow-shadow);
  --f-button-color: var(--f-arrow-color);
  --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
  --f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );
  overflow: visible;
}

.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
  position: absolute;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
  z-index: 20;
}

.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
  inset: 50% auto auto;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
  left: var(--f-arrow-pos, 0);
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
  right: var(--f-arrow-pos, 0);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
  right: var(--f-arrow-pos, 0);
  -webkit-transform: translateY(-50%) rotateY(180deg);
          transform: translateY(-50%) rotateY(180deg);
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
  left: var(--f-arrow-pos, 0);
  -webkit-transform: translateY(-50%) rotateY(180deg);
          transform: translateY(-50%) rotateY(180deg);
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
  top: var(--f-arrow-pos, 0);
  right: auto;
  bottom: auto;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
  top: auto;
  right: auto;
  bottom: var(--f-arrow-pos, 0);
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

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

.f-carousel__toolbar {
  --f-progressbar-height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  margin: var(--f-toolbar-margin, 0);
  padding: var(--f-toolbar-padding, 8px);
  line-height: var(--f-toolbar-line-height);
  background: var(--f-toolbar-bg, none);
  -webkit-box-shadow: var(--f-toolbar-shadow, none);
          box-shadow: var(--f-toolbar-shadow, none);
  backdrop-filter: var(--f-toolbar-backdrop-filter);
  position: relative;
  z-index: 20;
  color: var(--f-toolbar-color, currentColor);
  font-size: var(--f-toolbar-font-size, 17px);
  font-weight: var(--f-toolbar-font-weight, inherit);
  font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
  text-shadow: var(--f-toolbar-text-shadow);
  text-align: center;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  white-space: nowrap;
  pointer-events: none;
}

.f-carousel__toolbar.is-absolute {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.f-carousel__toolbar__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: var(--f-toolbar-gap, 0);
  pointer-events: none;
}

.f-carousel__toolbar__column.is-left {
  justify-self: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.f-carousel__toolbar__column.is-middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.f-carousel__toolbar__column.is-right {
  justify-self: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-flow: nowrap;
      flex-flow: nowrap;
}

.f-carousel__toolbar__column>* {
  pointer-events: all;
}

.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g {
  display: none;
}

[data-autoplay-action=toggle] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

[data-autoplay-action=toggle] svg g:last-child {
  display: none;
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
  display: none;
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

:-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
  display: none;
}

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

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

:-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
  display: -webkit-box;
  display: flex;
}

:-ms-fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
  display: -ms-flexbox;
  display: flex;
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-carousel__counter {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: var(--f-counter-margin, 0);
  padding: var(--f-counter-padding, 4px);
  line-height: var(--f-counter-line-height);
  background: var(--f-counter-bg);
  border-radius: var(--f-counter-border-radius);
}

.f-carousel__counter span {
  padding: 0 var(--f-counter-gap, 4px);
}

:root {
  --f-thumbs-gap: 8px;
  --f-thumbs-margin: 0;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-z-index: 1;
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-fit: cover;
  --f-thumb-opacity: 1;
  --f-thumb-transition: opacity .3s ease, transform .15s ease;
  --f-thumb-border: none;
  --f-thumb-border-radius: 4px;
  --f-thumb-transfors: none;
  --f-thumb-shadow: none;
  --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
  --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
  --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
}

.f-thumbs {
  --f-carousel-slide-width: calc(var(--f-thumb-width) + var(--f-thumbs-gap));
  --f-carousel-slide-height: calc(var(--f-thumb-height) + var(--f-thumbs-gap));
  --f-carousel-gap: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2);
  margin: var(--f-thumbs-margin);
  padding: 0;
  background: var(--f-thumbs-bg);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: max-height .3s ease;
  transition: max-height .3s ease;
  z-index: var(--f-thumbs-z-index);
  overflow: hidden;
}

.f-thumbs__viewport {
  margin: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
  overflow: visible;
  display: -ms-grid;
  display: grid;
}

.f-thumbs__slide {
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  margin: 0;
  padding: calc(var(--f-thumbs-gap)*.5);
  cursor: pointer;
  overflow: visible;
}

.f-thumbs__slide:hover button {
  opacity: var(--f-thumb-hover-opacity, 1);
  -webkit-transform: var(--f-thumb-hover-transform, none);
      -ms-transform: var(--f-thumb-hover-transform, none);
          transform: var(--f-thumb-hover-transform, none);
}

.f-thumbs__slide:hover button:after {
  border: var(--f-thumb-hover-border, none);
  -webkit-box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
          box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide button {
  all: unset;
  margin: auto;
  padding: 0;
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  outline: none;
  -webkit-transition: var(--f-thumb-transition);
  transition: var(--f-thumb-transition);
  border-radius: var(--f-thumb-border-radius);
  opacity: var(--f-thumb-opacity);
  -webkit-transform: var(--f-thumb-transform);
      -ms-transform: var(--f-thumb-transform);
          transform: var(--f-thumb-transform);
  background: var(--f-thumb-bg);
}

.f-thumbs__slide button:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-transition: none;
  transition: none;
  border-radius: inherit;
  border: var(--f-thumb-border);
  -webkit-box-shadow: var(--f-thumb-shadow);
          box-shadow: var(--f-thumb-shadow);
}

.f-thumbs__slide button:focus-within {
  opacity: var(--f-thumb-focus-opacity, 1);
  -webkit-transform: var(--f-thumb-focus-transform, none);
      -ms-transform: var(--f-thumb-focus-transform, none);
          transform: var(--f-thumb-focus-transform, none);
}

.f-thumbs__slide button:focus-within:after {
  border: var(--f-thumb-focus-border, none);
  -webkit-box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
          box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide:active {
  opacity: var(--f-thumb-active-opacity, 1);
  -webkit-transform: var(--f-thumb-active-transform, none);
      -ms-transform: var(--f-thumb-active-transform, none);
          transform: var(--f-thumb-active-transform, none);
}

.f-thumbs__slide:active:after {
  border: var(--f-thumb-active-border, none);
  -webkit-box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
          box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide.is-selected {
  z-index: 2;
}

.f-thumbs__slide.is-selected button {
  opacity: var(--f-thumb-selected-opacity, 1);
  -webkit-transform: var(--f-thumb-selected-transform, none);
      -ms-transform: var(--f-thumb-selected-transform, none);
          transform: var(--f-thumb-selected-transform, none);
}

.f-thumbs__slide.is-selected button:after {
  border: var(--f-thumb-selected-border, none);
  -webkit-box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
          box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow));
}

.f-thumbs__slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--f-thumb-fit);
     object-fit: var(--f-thumb-fit);
  border-radius: inherit;
  pointer-events: none;
}

.f-thumbs__slide img.has-lazyerror {
  display: none;
}

.f-thumbs.is-modern {
  --f-thumb-clip-width: 46px;
  --f-thumb-extra-gap: 16px;
  --f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );
  --f-carousel-slide-height: var(--f-thumb-height);
  --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)));
}

.f-thumbs.is-modern .f-thumbs__viewport {
  width: calc(100% + var(--width-diff)*2);
  margin-left: calc(var(--width-diff)*-1);
}

.f-thumbs.is-modern .f-thumbs__slide {
  --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
  --clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );
  padding: 0;
  overflow: visible;
  left: var(--shift, 0);
  will-change: left;
  -webkit-transition: left var(--f-transition-duration) var(--f-transition-easing);
  transition: left var(--f-transition-duration) var(--f-transition-easing);
}

.f-thumbs.is-modern .f-thumbs__slide button {
  display: block;
  margin-left: -50%;
  width: var(--f-thumb-width);
  clip-path: var(--clip-path);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
  transition: clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
  display: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--clip-shift);
  bottom: 0;
  right: var(--clip-shift);
  -webkit-transition: border var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing);
  transition: border var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing);
  transition: border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);
  transition: border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing),-webkit-box-shadow var(--f-transition-duration) var(--f-transition-easing);
  border-radius: inherit;
  border: var(--f-thumb-focus-border, none);
  -webkit-box-shadow: var(--f-thumb-focus-shadow, none);
          box-shadow: var(--f-thumb-focus-shadow, none);
}

.f-thumbs.is-modern {
  --f-transition-duration: .25s;
  --f-transition-easing: ease-out;
}

.f-thumbs.is-modern.is-syncing {
  --f-transition-duration: 0s;
}

.f-progressbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  height: var(--f-progressbar-height, 3px);
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
  background: var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  -webkit-animation-name: f-progressbar;
          animation-name: f-progressbar;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

@-webkit-keyframes f-progressbar {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }

  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes f-progressbar {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }

  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

[data-fullscreen-action=toggle] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

:-webkit-full-screen [data-fullscreen-action=toggle] svg g:first-child {
  display: none;
}

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

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

:-webkit-full-screen [data-fullscreen-action=toggle] svg g:last-child {
  display: -webkit-box;
  display: flex;
}

:-ms-fullscreen [data-fullscreen-action=toggle] svg g:last-child {
  display: -ms-flexbox;
  display: flex;
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.in-fullscreen-mode>.f-carousel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0 !important;
  min-height: 0 !important;
}

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

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

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

.fancybox__dialog {
  width: 100%;
  height: 100vh;
  max-height: unset;
  max-width: unset;
  padding: 0;
  margin: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
}

.fancybox__dialog:focus {
  outline: none;
}

.fancybox__dialog::-ms-backdrop {
  opacity: 0;
}

.fancybox__dialog::backdrop {
  opacity: 0;
}

@supports (height: 100dvh) {
  .fancybox__dialog {
    height: 100dvh;
  }
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
  --f-toolbar-margin: 0;
  --f-toolbar-padding: 8px;
  --f-toolbar-gap: 0;
  --f-toolbar-color: #ddd;
  --f-toolbar-font-size: 16px;
  --f-toolbar-font-weight: 500;
  --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  --f-toolbar-line-height: var(--f-button-height);
  --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
  --f-toolbar-shadow: none;
  --f-toolbar-bg: none;
  --f-counter-margin: 0;
  --f-counter-padding: 0px 10px;
  --f-counter-gap: 4px;
  --f-counter-line-height: var(--f-button-height);
  --f-carousel-gap: 17px;
  --f-carousel-slide-width: 100%;
  --f-carousel-slide-height: 100%;
  --f-carousel-slide-padding: 0;
  --f-carousel-slide-bg: unset;
  --f-html-color: #222;
  --f-html-bg: #fff;
  --f-error-color: #fff;
  --f-error-bg: #333;
  --f-caption-margin: 0;
  --f-caption-padding: 16px 8px;
  --f-caption-color: var(--fancybox-color, #dbdbdb);
  --f-caption-bg: transparent;
  --f-caption-font: inherit;
  --f-caption-line-height: 1.375;
  --f-spinner-color-1: rgba(255, 255, 255, .2);
  --f-spinner-color-2: rgba(255, 255, 255, .8);
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-border-radius: 50%;
  --f-spinner-border-width: 4px;
  --f-progressbar-color: rgba(255, 255, 255, .2);
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: #ddd;
  --f-button-hover-color: #fff;
  --f-button-outline-width: 1px;
  --f-button-outline-color: rgba(255, 255, 255, .75);
  --f-button-outline-offset: 0px;
  --f-button-bg: rgba(54, 54, 54, .75);
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-shadow: none;
  --f-button-transition: all .2s ease;
  --f-button-transform: none;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.75;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: .5;
  --f-arrow-pos: 32px;
  --f-arrow-width: 50px;
  --f-arrow-height: 50px;
  --f-arrow-svg-width: 24px;
  --f-arrow-svg-height: 24px;
  --f-arrow-svg-stroke-width: 2;
  --f-arrow-border-radius: 50%;
  --f-arrow-bg: rgba(54, 54, 54, .65);
  --f-arrow-color: #ddd;
  --f-arrow-hover-color: #fff;
  --f-thumbs-margin: 0px;
  --f-thumbs-padding-x: 8px;
  --f-thumbs-padding-y: 8px;
  --f-thumbs-bg: none;
  --f-thumb-transition: all .2s ease;
  --f-thumb-width: 94px;
  --f-thumb-height: 76px;
  --f-thumb-opacity: 1;
  --f-thumb-border: none;
  --f-thumb-shadow: none;
  --f-thumb-transform: none;
  --f-thumb-focus-opacity: 1;
  --f-thumb-focus-border: none;
  --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
  --f-thumb-focus-transform: none;
  --f-thumb-hover-opacity: 1;
  --f-thumb-hover-border: none;
  --f-thumb-hover-transform: none;
  --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
  --f-thumb-active-border: var(--f-thumb-hover-border);
  --f-thumb-active-transform: var(--f-thumb-hover-transform);
  --f-thumb-selected-opacity: 1;
  --f-thumb-selected-border: none;
  --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
  --f-thumb-selected-transform: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fancybox__container[theme=light] {
  --fancybox-color: #222;
  --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
  --f-toolbar-color: var(--fancybox-color, #222);
  --f-toolbar-text-shadow: none;
  --f-toolbar-font-weight: 400;
  --f-html-color: var(--fancybox-color, #222);
  --f-html-bg: #fff;
  --f-error-color: #555;
  --f-error-bg: #fff;
  --f-video-bg: #fff;
  --f-caption-color: #333;
  --f-spinner-color-1: rgba(0, 0, 0, .2);
  --f-spinner-color-2: rgba(0, 0, 0, .8);
  --f-spinner-border-width: 3.5px;
  --f-progressbar-color: rgba(111, 111, 116, .2);
  --f-button-color: #333;
  --f-button-hover-color: #000;
  --f-button-outline-color: rgba(0, 0, 0, .85);
  --f-button-bg: rgba(255, 255, 255, .85);
  --f-button-svg-stroke-width: 1.3;
  --f-button-svg-filter: none;
  --f-arrow-bg: rgba(255, 255, 255, .85);
  --f-arrow-color: #333;
  --f-arrow-hover-color: #000;
  --f-arrow-svg-stroke-width: 1.3;
  --f-close-button-color: #555;
  --f-close-button-hover-color: #000;
  --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
  --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
  --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
}

.fancybox__container::-ms-backdrop {
  background-color: transparent;
}

.fancybox__container::backdrop {
  background-color: transparent;
}

.fancybox__container>*:not(.fancybox__carousel),
.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner) {
  opacity: var(--f-drag-opacity, 1);
}

.fancybox__container:not(.is-ready,.is-hiding) {
  visibility: hidden;
}

.fancybox__container.is-revealing>*:not(.fancybox__carousel),
.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner) {
  -webkit-animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
          animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
}

.fancybox__container.is-hiding>*:not(.fancybox__carousel),
.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper) {
  -webkit-animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
          animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
}

.fancybox__container.is-idle .f-carousel__toolbar {
  pointer-events: none;
  opacity: 0;
}

.fancybox__container.is-idle .f-button.is-arrow {
  opacity: 0;
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
  pointer-events: none;
  -webkit-animation: .15s ease-out both f-fadeOut;
          animation: .15s ease-out both f-fadeOut;
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
  -webkit-animation: .15s ease-out both f-fadeOut;
          animation: .15s ease-out both f-fadeOut;
}

.fancybox__backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--fancybox-backdrop-bg);
}

.fancybox__carousel {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  min-width: 0;
  position: relative;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

.fancybox__carousel.is-vertical {
  --f-carousel-slide-height: 100%;
}

.fancybox__carousel.is-ltr {
  direction: ltr;
}

.fancybox__carousel.is-rtl {
  direction: rtl;
}

.fancybox__carousel>.f-button.is-arrow:before {
  position: absolute;
  content: "";
  inset: -30px;
  z-index: 1;
}

.fancybox__carousel>.f-progressbar {
  background-color: var(--fancybox-color);
}

.fancybox__viewport {
  display: -ms-grid;
  display: grid;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  overflow: visible;
  -webkit-transform: translate3d(0, var(--f-drag-offset, 0), 0);
          transform: translate3d(0, var(--f-drag-offset, 0), 0);
}

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

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

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

.fancybox__slide {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: var(--f-carousel-slide-width);
  height: var(--f-carousel-slide-height);
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  margin: 0;
  padding: var(--f-carousel-slide-padding);
  background: var(--f-carousel-slide-bg);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}

.fancybox__slide:before,
.fancybox__slide:after {
  display: block;
  content: "";
}

.fancybox__slide:before {
  margin-bottom: auto;
}

.fancybox__slide:after {
  margin-top: auto;
}

.fancybox__slide.is-selected {
  z-index: 1;
}

.fancybox__slide.f-zoomable {
  overflow: visible;
}

.fancybox__slide.has-error {
  --f-html-color: var(--f-error-color, --f-html-color);
  --f-html-bg: var(--f-error-bg, --f-html-bg);
}

.fancybox__slide.has-html {
  overflow: auto;
  padding: 8px;
}

.fancybox__slide.has-close-btn {
  padding-top: 34px;
}

.fancybox__slide .f-button[data-fancybox-close] {
  --f-button-width: var(--f-close-button-width, 34px);
  --f-button-height: var(--f-close-button-height, 34px);
  --f-button-border-radius: var(--f-close-border-radius, 4px);
  --f-button-color: var(--f-close-button-color, #fff);
  --f-button-hover-color: var(--f-close-button-hover-color, #fff);
  --f-button-bg: var(--f-close-button-bg, transparent);
  --f-button-hover-bg: var(--f-close-button-hover-bg, transparent);
  --f-button-active-bg: var(--f-close-button-active-bg, transparent);
  --f-button-svg-width: var(--f-close-button-svg-width, 22px);
  --f-button-svg-height: var(--f-close-button-svg-height, 22px);
  position: absolute;
  top: calc(var(--f-button-height)*-1);
  right: 0;
  z-index: 40;
}

.fancybox__slide .f-spinner {
  cursor: pointer;
}

.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
  visibility: hidden;
}

.select-city {
margin-top: 10px;
    display: block;
}
 
/* Кнопка для открытия */
.select-city summary {
background: #56698e;
    border-radius: 10px;
    padding: 10px 30px;
}
.select-city summary:hover,
.select-city summary:active,
.select-city summary:focus {
    color: #FFF;
}
.select-city summary:before {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-top: 50px solid #2D6B9F;
    transition: transform 0.5s;
    transform: translateX(-100%);
    z-index: -1;
}
.select-city summary:hover:before,
.select-city summary:active:before,
.select-city summary:focus:before {
    transform: translateX(0);
}
 
/* Кнопка при открытом окне переходит на весь экран */
.select-city details[open] summary {
    cursor: default;
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}
 
/* Контейнер, который затемняет страницу */
.select-city details .cmc {
    display:flex;
    align-items:center;
    justify-content:center;    
}
.select-city details[open] .cmc {
    pointer-events: none;
    z-index: 4;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    animation: bg 0.5s ease;
    background: rgba(0, 0, 0, 0.7);
}
 
/* Модальное окно */
.select-city details .cmt {
font-size: 16px;
    padding: 20px;
    width: 80%;
    max-width: 600px;
    max-height: 70%;
    transition: 0.5s;
    border: 6px solid #576b8d;
    border-radius: 12px;
    background: #FFF;
    overflow: auto;
    color: #333;
}
.select-city details[open] .cmt {
    animation: scale 0.5s ease;
    z-index: 4;
    pointer-events: auto;
}
 

 
/* Анимации */
@keyframes scale {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes move {
    0% {
        right: -80px;
    }
    100% {
        right: 20px;
    }
}
@keyframes bg {
    0% {
/        background: rgba(51, 122, 183, 0);
    }
    100% {
/        background: rgba(51, 122, 183, 0.7);
    }
}

@media (min-width: 61.99875rem)and (any-hover: hover) {
  .catalog:hover .catalog__inner {
    display: block;
  }

  .catalog__item:hover .catalog__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .catalog__item:hover .catalog__link {
    color: #8ccbf0;
  }
}

@media (min-width: 61.99875rem) {
  .catalog-open .catalog__inner {
    display: block;
  }

  .catalog__row {
    display: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
/    left: 19.375rem;
/    width: calc(100% - 19.375rem);
    left: 19.375rem;
    width: calc(100% - 19.375rem);
    top: 0;
    height: 100%;
background: #333;
  }
}

@media (min-width: 87.5rem) {
  .stuck .header__logotype {
    margin: 0 0.9375rem;
    width: 10rem;
  }
}










@media (max-width: 89.625rem) {
  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 13.125rem;
            flex: 0 0 13.125rem;
  }

  .header__content {
    gap: 1.25rem;
  }

  .advantages__body {
    gap: 0.625rem;
  }

  .advantages__item {
    padding: 2.5rem 1.25rem;
  }

  .gallery__slider {
    width: auto;
    margin-right: -0.9375rem;
  }

  .colors__body {
    gap: 2.1875rem 1.25rem;
  }

  .colors__img {
    margin-right: 0;
  }

  .benefit__body {
    gap: 0.9375rem;
  }

  .products__body {
    gap: 0.9375rem;
  }

  .product__body {
    gap: 1.25rem;
  }

  .product__bottom {
    gap: 3.75rem;
  }

  .product__warning {
    gap: 1.25rem;
  }

  .contacts__column {
    gap: 1.25rem;
  }

  .tabs__title {
    padding: 0.625rem 1.25rem;
  }
}

@media (max-width: 87.5rem) {
  .header__logotype {
    display: none;
  }
}

@media (max-width: 75rem) {
  .header__text {
    display: none;
  }

  .open-form .header__input {
    padding-right: 4.6875rem;
    padding-left: 0.9375rem;
  }

  .header__input {
    font-size: 1.25rem;
  }

  .header__search {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.75rem;
            flex: 0 0 3.75rem;
    width: 3.75rem;
    height: 3.75rem;
  }

  .catalog {
    max-width: 11.25rem;
  }

  .catalog__main {
    font-size: 1rem;
    gap: 0.625rem;
    min-height: 3.75rem;
  }

  .menu {
    padding: 0.3125rem 1.25rem;
  }

  .menu__link {
    font-size: 1rem;
  }

  .hero__slide {
    padding-top: 15.625rem;
    padding-bottom: 7.5rem;
  }

  .section-catalog__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .advantages__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .options__body {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .options__image:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .options__heading:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .gallery {
    padding: 5rem 0;
  }

  .colors {
    padding: 5rem 0;
  }

  .colors__body {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .colors__block {
    padding: 1.875rem 1.875rem 0;
    min-height: auto;
  }

  .benefit_2 {
    padding-top: 2.5rem;
    padding-bottom: 3.125rem;
  }

  .benefit {
    padding: 6.25rem 0;
  }

  .benefit__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .sample__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .sample__content {
    max-width: 100%;
  }

  .calculation {
    padding: 5rem 0;
  }

  .products__body {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .product-info__body {
    gap: 1.25rem;
  }

  .product-info__column {
    gap: 1.25rem;
  }

  .contact-us__form {
    max-width: 100%;
  }

  .contact-us__grid {
    gap: 1.25rem;
  }

  .contact-us__image {
    display: none;
  }

  .contact-us__image-2 {
    display: none;
  }

  .product-feature__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .featurer__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .featurer__text {
    max-width: 100%;
  }

  .stages__body {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .footer__social {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-top: 0;
  }

  .checkbox__text {
    max-width: 100%;
  }
}

@media (max-width: 61.99875rem) {
  .header_2 {
    padding-bottom: 2.5rem;
  }

  .header__top {
    padding-top: 0.625rem;
    padding-bottom: 0.9375rem;
  }

  .header__bottom {
    gap: 0.9375rem;
  }

  .header__body {
    gap: 0.9375rem;
    position: static;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .catalog__inner {
    display: block;
    overflow: auto;
    background-color: #181e2a;
    position: fixed;
    border-radius: 0rem;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5rem 0.9375rem 2.5rem 0.9375rem;
    -webkit-transition: left .5s ease;
    transition: left .5s ease;
  }

  .catalog-open .catalog__inner {
    left: 0;
  }

  .catalog__list {
    padding: 0;
    max-width: 100%;
    background-color: rgba(0,0,0,0);
  }

  .catalog__item:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .catalog__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1.25rem;
    grid-template-columns: auto 1.25rem;
    gap: 0 1.25rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .catalog__arrow {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1.25rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 1.25rem;
            flex: 0 0 1.25rem;
    height: 1.25rem;
    background: url("/bitrix/templates/main/img/arrow.svg") center no-repeat;
    -webkit-transition: all .5s;
    transition: all .5s;
  }

  .open-list .catalog__arrow {
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
  }

  .catalog__link {
    font-size: 1.25rem;
    padding: 0;
  }

  .catalog__row {
    width: 100%;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    position: static;
  }

  .catalog__sub-list {
    width: 100%;
    padding: 0.9375rem;
  }

  .catalog__sub-link {
    padding: 0;
  }

  .catalog__close {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(0,0,0,0);
  }

  .catalog__close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 0.125rem;
    width: 100%;
    background: #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-radius: 1.875rem;
  }

  .catalog__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 0.125rem;
    width: 100%;
    background: #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-radius: 1.875rem;
  }

  .catalog__image {
    display: none;
  }

  .menu {
    overflow: auto;
    background-color: #181e2a;
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 5rem 0.9375rem 2.5rem 0.9375rem;
    text-align: center;
    -webkit-transition: right .5s ease;
    transition: right .5s ease;
    z-index: 5;
  }

  .menu-open .menu {
    right: 0;
  }

  .menu__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.5rem 1.25rem;
  }

  .menu__close {
    display: block;
    position: absolute;
    cursor: pointer;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    background: rgba(0,0,0,0);
  }

  .menu__close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 0.125rem;
    width: 100%;
    background: #fff;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-radius: 1.875rem;
  }

  .menu__close::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 0.125rem;
    width: 100%;
    background: #fff;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    border-radius: 1.875rem;
  }

  .menu__link {
    font-size: 1.375rem;
  }

  .burger-menu {
    display: block;
    position: relative;
    font-size: 1rem;
    background: #dd2935;
    line-height: 1.3333333333;
    border-radius: 2.3125rem;
    font-weight: 900;
    text-transform: uppercase;
    min-height: 3.75rem;
    color: #fff;
    max-width: 7.5rem;
    width: 100%;
    width: 3.75rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.75rem;
            flex: 0 0 3.75rem;
  }

  .burger-menu::before,
  .burger-menu::after,
  .burger-menu span {
    display: block;
    position: absolute;
    height: 0.125rem;
    width: 60%;
    background-color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    border-radius: 1.25rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }

  .burger-menu::before {
    content: "";
    top: 1.0625rem;
  }

  .burger-menu::after {
    content: "";
    bottom: 1.0625rem;
  }

  .burger-menu span {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }

  .options__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .colors__body {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .colors__block {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .benefit__item {
    padding: 2.5rem 1.875rem;
  }

  .products__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .product-info__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3.125rem;
  }

  .product-info__icon {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 7.75rem;
            flex: 0 0 7.75rem;
    width: 7.75rem;
  }

  .product-info__title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .product-info__sub-title:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .product-info__text {
    max-width: 100%;
  }

  .product-info__desc {
    max-width: 100%;
  }

  .product-info__desc:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .contact-us__text br {
    display: none;
  }

  .product {
    padding-top: 2.5rem;
    padding-bottom: 0.625rem;
  }

  .content{
    padding-top: 2.5rem;
    padding-bottom: 0.625rem;
  }

  .product__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product__slider {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .contacts {
    padding-top: 2.5rem;
    padding-bottom: 0.625rem;
  }

  .contacts__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .contacts__map {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .popup__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .tabs__navigation {
    margin: 0 -0.9375rem;
    padding: 0 0.9375rem;
  }

  .tabs__title {
    font-size: 1rem;
  }
.popup__block-2 {
    display: none;
}
}

@media (max-width: 47.99875rem) {
  .swiper-pagination {
    bottom: 2.5rem;
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 5rem;
            flex: 0 0 5rem;
    width: 5rem;
  }

  .title {
    font-size: 2rem;
  }

  .item-product__price {
    font-size: 1.25rem;
  }

  .header__top {
    gap: 0.625rem;
  }

  .header__logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 7.5rem;
            flex: 0 0 7.5rem;
  }

  .header__button {
    font-size: 1rem;
    padding: 0.875rem 0.9375rem;
    display: none;
  }

  .header__social {
    gap: 0.3125rem;
  }

  .header__link {
    font-size: 1.125rem;
  }

  .header__link_small {
    font-size: 0.75rem;
  }

  .header__input {
    right: 1.5625rem;
  }

  .open-form .header__input {
    padding-left: 0.625rem;
    padding-right: 3.4375rem;
  }

  .header__input {
    font-size: 1.125rem;
  }

  .header__search {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
            flex: 0 0 3.125rem;
    width: 3.125rem;
    height: 3.125rem;
  }

  .catalog {
    max-width: 7.5rem;
  }

  .catalog__main {
    min-height: 3.125rem;
    font-size: 0.9375rem;
  }

  .catalog__burger {
    display: none;
  }

  .burger-menu {
    min-height: 3.125rem;
    width: 3.125rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
            flex: 0 0 3.125rem;
    font-size: 0.9375rem;
  }

  .hero__slide {
    padding-top: 12.5rem;
    padding-bottom: 6.25rem;
  }

  .hero__title {
    font-size: 2.5rem;
  }

  .hero__text {
    max-width: 100%;
  }

  .hero__link {
    width: 100%;
    text-align: center;
  }

  .section-catalog {
    padding-top: 3.125rem;
    padding-bottom: 2.5rem;
  }

  .section-catalog__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .section-catalog__item {
    padding: 1.5625rem 1.25rem 3.125rem 1.25rem;
  }

  .section-catalog__caption:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .section-catalog__text {
    max-width: 80%;
  }

  .section-catalog__text br {
    display: none;
  }

  .section-catalog__image {
    width: 8.125rem;
  }

  .section-catalog__image img {
    max-width: 100%;
  }

  .advantages {
    padding-top: 2.5rem;
    padding-bottom: 3.125rem;
  }

  .advantages__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .advantages__caption {
    font-size: 2rem;
  }

  .advantages__caption:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .options {
    padding: 3.125rem 0;
  }

  .options__text {
    gap: 0.625rem;
  }

  .options__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .gallery {
    padding: 3.125rem 0;
  }

  .gallery__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .gallery__wrapper:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .colors {
    padding: 3.125rem 0;
  }

  .colors__text span {
    font-size: 1.25rem;
  }

  .colors__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 1.25rem 1.25rem 0;
  }

  .colors__content {
    max-width: 100%;
    padding-bottom: 0.9375rem;
  }

  .colors__desc {
    max-width: 100%;
  }

  .colors__link {
    max-width: 100%;
  }

  .colors__img {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: 18.75rem;
  }

  .benefit_2 {
    padding-top: 2.5rem;
    padding-bottom: 3.125rem;
  }

  .benefit {
    padding: 3.125rem 0;
  }

  .benefit__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .benefit__text br {
    display: none;
  }

  .benefit__image {
    max-width: 8.125rem;
    right: 0.3125rem;
    bottom: 0;
  }

  .calculation {
    padding: 3.125rem 0;
  }

  .calculation__title {
    max-width: 28.75rem;
  }

  .calculation__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .calculation__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .calculation__link {
    max-width: 100%;
  }

  .products {
    padding: 3.125rem 0;
  }

  .products__sub-title {
    font-size: 1.375rem;
  }

  .products__sub-title:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .products__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .product-info {
    padding: 3.125rem 0;
  }

  .product-info__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.625rem;
  }

  .product-info__column:nth-child(2) .product-info__icon {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 6.25rem;
  }

  .product-info__icon {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 6.25rem;
  }

  .product-info__title {
    font-size: 1.75rem;
  }

  .product-info__sub-title {
    font-size: 1.375rem;
  }

  .product-info__text {
    font-size: 1rem;
  }

  .product-info__desc {
    font-size: 1.375rem;
  }

  .contact-us {
    padding: 3.125rem 0;
  }

  .contact-us__title {
    font-size: 2.125rem;
  }

  .contact-us__title:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .contact-us__text {
    font-size: 1rem;
  }

  .contact-us__text:not(:last-child) {
    margin-bottom: 1.875rem;
  }

  .contact-us__grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  .contact-us__grid:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .product-feature {
    padding: 3.125rem 0;
  }

  .product-feature__title {
    max-width: 100%;
  }

  .product-feature__item {
    display: inline-block;
    padding-left: 1.375rem;
  }

  .product-feature__item span {
    min-width: auto;
  }

  .product-feature__caption {
    font-size: 1.625rem;
  }

  .product-feature__caption:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .product-feature__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }

  .product-feature__image:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .product-feature__heading {
    font-size: 1.625rem;
  }

  .product-feature__heading:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .product-feature__text {
    font-size: 1rem;
  }

  .featurer {
    padding: 3.125rem 0;
  }

  .featurer__body {
    gap: 2.5rem;
  }

  .featurer__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }

  .featurer__image {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    max-width: 7.5rem;
  }

  .featurer__title {
    font-size: 1.625rem;
  }

  .featurer__title:not(:last-child) {
    margin-bottom: 0.625rem;
  }

  .featurer__text {
    font-size: 1rem;
  }

  .stages {
    padding: 3.125rem 0;
  }

  .stages__body {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .stages__icon {
    max-width: 10rem;
  }

  .reviews {
    padding: 3.125rem 0;
  }

  .reviews__wrapper:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .reviews__caption:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .reviews__text {
    font-size: 1rem;
  }

  .product__body:not(:last-child) {
    margin-bottom: 3.75rem;
  }

  .product__title {
    font-size: 1.625rem;
  }

  .product__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .product__price span {
    font-size: 1.125rem;
  }

  .product__price span {
    font-size: 1.625rem;
  }

  .product__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 1.25rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .product__warning {
    font-size: 1rem;
  }

  .contacts__column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.9375rem;
  }

  .contacts__title {
    font-size: 1.625rem;
  }

  .contacts__block {
    gap: 1.875rem;
  }

  .contacts__block:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .contacts__text {
    font-size: 1rem;
  }

  .contacts__link:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .contacts__map {
    height: 18.75rem;
  }

  .footer {
    padding: 2.5rem 0;
  }

  .footer__block_pc {
    display: none;
  }

  .footer__block_mobile {
    display: block;
    margin-top: 2.5rem;
  }

  .footer__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .footer__logo {
    max-width: 13.75rem;
  }

  .footer__logo img {
    max-width: 100%;
  }

  .footer__logo:not(:last-child) {
    margin-bottom: 0.9375rem;
  }

  .footer__text {
    max-width: 100%;
  }

  .popup__block {
    padding: 2.5rem 1.25rem;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .popup__title {
    font-size: 1.25rem;
  }

  .popup__sub-title {
    font-size: 0.9375rem;
  }

  .popup__box {
    gap: 0.625rem;
  }

  .popup__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.3125rem;
    padding: 0.625rem;
  }

  .popup__link {
    font-size: 1.125rem;
  }

  .popup__caption:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .popup__input {
    height: 3.125rem;
  }

  .popup__submit {
    min-height: 3.125rem;
  }

  .tabs__title {
    padding: 0.625rem;
    min-height: 3.125rem;
  }

  .tabs__content {
    padding-top: 1.875rem;
  }

  .tabs__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.9375rem;
  }

  .tabs__heading {
    font-size: 1.625rem;
  }

  .tabs__caption {
    font-size: 1rem;
  }

  .tabs__list:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .tabs__item {
    font-size: 1rem;
  }

  .tabs__text:not(:last-child) {
    margin-bottom: 1.25rem;
  }

  .breadcrumbs {
    padding: 0.625rem 0;
  }
}

@media (max-width: 37.5rem) {
  .colors__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }

  .colors__block {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
}

@media (max-width: 34.375rem) {
  .item-product__link {
    max-width: 100%;
  }

  .options__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .options__link {
    max-width: 100%;
  }

  .sample__link {
    max-width: 100%;
  }

  .product-info__link {
    max-width: 100%;
  }

  .contact-us__submit {
    max-width: 100%;
  }

  .product__link {
    max-width: 100%;
  }

  .contacts__link {
    max-width: 100%;
  }

  .tabs__link {
    max-width: 100%;
  }
}

@media (max-width: 29.99875rem) {
  .stages__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 26.25rem) {
  .header__social {
    display: none;
  }
}

@media (any-hover: hover) {
  .swiper-pagination-bullet:hover {
    background-color: #dd2935;
  }

  .item-product:hover {
    border: 0.0625rem solid #dd2935;
  }

  .item-product__link:hover {
    background-color: #fff;
    color: #dd2935;
    border: 0.0625rem solid #dd2935;
  }

  .item-product__link_red:hover {
    background-color: #b51c26;
    color: #fff;
  }

  .swiper-button-prev:hover {
    background-color: rgba(19,19,20,.4);
  }

  .swiper-button-prev:hover path {
    fill: #fff;
    stroke: #fff;
  }

  .swiper-button-next:hover {
    background-color: rgba(19,19,20,.4);
  }

  .swiper-button-next:hover path {
    fill: #fff;
    stroke: #fff;
  }

  .header__button:hover {
    background-position: 80% 80%;
  }

  .header__item:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .header__link:hover {
    color: #dd2935;
  }

  .header__search:hover {
    background-color: #dd2935;
  }

  .catalog__sub-link:hover {
    color: #fff;
  }

  .menu__link:hover {
    color: #dd2935;
  }

  .hero__link:hover {
    background-color: #b51c26;
  }

  .section-catalog__item:hover {
    background: linear-gradient(135deg, #0f131d 0%, #4a5d84 100%);
  }

  .section-catalog__item:hover .section-catalog__caption {
    color: #d4d5d9;
  }

  .section-catalog__item:hover .section-catalog__text {
    color: #d4d5d9;
  }

  .section-catalog__link:hover {
    background-color: #dd2935;
    color: #fff;
  }

  .options__link:hover {
    background-color: #b51c26;
  }

  .gallery__slide:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .colors__link:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .benefit__link:hover {
    background-color: #8ccbf0;
    color: #fff;
  }

  .sample__link:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .calculation__link:hover {
    background-color: #dd2935;
    color: #fff;
  }

  .product-info__link:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .contact-us__submit:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .reviews .swiper-pagination-bullet:hover {
    background-color: #dd2935;
  }

  .product__item-social:hover {
    background-color: #dd2935;
  }

  .product__item-social:hover path {
    fill: #fff;
  }

  .product__link:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .contacts__link:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .contacts__item-social:hover {
    background-color: #dd2935;
  }

  .contacts__item-social:hover path {
    fill: #fff;
  }

  .footer__text a:hover {
    text-decoration: underline;
  }

  .footer__link:hover {
    color: #dd2935;
  }

  .footer__item:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .footer__tel:hover {
    color: #dd2935;
  }

  .footer__mail:hover {
    color: #cc0a17;
  }

  .menu-footer__link:hover {
    color: #dd2935;
  }

  .popup__close:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }

  .popup__link:hover {
    color: #dd2935;
  }

  .popup__submit:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .tabs__title:hover {
    background-color: #dd2935;
    color: #fff;
  }

  .tabs__tel:hover {
    color: #dd2935;
  }

  .tabs__mail:hover {
    color: #ee0616;
  }

  .tabs__link:hover {
    background-color: #fff;
    color: #dd2935;
  }

  .breadcrumbs__link:hover {
    color: #dd0a18;
  }

  .checkbox__text a:hover {
    text-decoration: none;
  }
}

@media (hover: hover) {
  .f-button:hover:not([aria-disabled]) {
    color: var(--f-button-hover-color, var(--f-button-color));
    background-color: var(--f-button-hover-bg, var(--f-button-bg));
  }
}
/* End */
/* /bitrix/templates/main/sweetalert.css?175430915633775 */
/* /bitrix/templates/.default/ajax/ajax.min.css?1752741934420 */
/* /bitrix/templates/.default/components/bitrix/breadcrumb/template_out_div/style.min.css?1752741934467 */
/* /bitrix/templates/main/styles.css?1756972510138336 */
