@charset "UTF-8";
@font-face {
  font-family: "insales-icons";
  src: url("/sites/all/landings/fonts/e1187337cfe3cd1611736575.woff2") format("woff2"), url("/sites/all/landings/fonts/74190e7b6e9d5b917d929d36.ttf") format("truetype"), url("https://cdn.insales-shop.ru/assets/static-versioned/6.99/static/icons/icons-insales-default/insales-icons.eot#iefix") format("eot"), url("/sites/all/landings/fonts/87fe5fa2777124a113548b75.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon,
[class^=icon-],
[class*=" icon-"] {
  font-family: "insales-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^=icon-]:before,
[class*=" icon-"]:before {
  content: var(--content);
}

@supports (content: "a"/"b") {
  [class^=icon-]:before,
  [class*=" icon-"]:before {
    content: var(--content)/"";
  }
}
:root {
  --icon-code-max: "\f001";
  --icon-code-user: "\ea5a";
  --icon-code-trash: "\ea59";
  --icon-code-toggle-on: "\ea58";
  --icon-code-toggle-off: "\ea57";
  --icon-code-star: "\ea56";
  --icon-code-tasks: "\ea55";
  --icon-code-times: "\ea54";
  --icon-code-star-o: "\ea53";
  --icon-code-square: "\ea52";
  --icon-code-square-0: "\ea51";
  --icon-code-sort: "\ea50";
  --icon-code-sort-down: "\ea4f";
  --icon-code-sort-desc: "\ea4f";
  --icon-code-sort-asc: "\ea4d";
  --icon-code-sort-amount-desc: "\ea4c";
  --icon-code-sort-amount-asc: "\ea4b";
  --icon-code-sliders: "\ea4a";
  --icon-code-shopping-cart: "\ea49";
  --icon-code-share-alt: "\ea48";
  --icon-code-search: "\ea47";
  --icon-code-search-plus: "\ea46";
  --icon-code-search-minus: "\ea45";
  --icon-code-question: "\ea44";
  --icon-code-question-circle: "\ea43";
  --icon-code-preorder: "\ea42";
  --icon-code-plus: "\ea41";
  --icon-code-plus-circle: "\ea40";
  --icon-code-photo: "\ea3f";
  --icon-code-phone: "\ea3e";
  --icon-code-pencil: "\ea3d";
  --icon-code-paper-plane: "\ea3c";
  --icon-code-order: "\ea3b";
  --icon-code-mobile: "\ea3a";
  --icon-code-minus: "\ea39";
  --icon-code-minus-circle: "\ea38";
  --icon-code-map-marker: "\ea37";
  --icon-code-long-arrow-up: "\ea36";
  --icon-code-long-arrow-right: "\ea35";
  --icon-code-long-arrow-left: "\ea34";
  --icon-code-long-arrow-down: "\ea33";
  --icon-code-location-arrow: "\ea32";
  --icon-code-life-bouy: "\ea31";
  --icon-code-laptop: "\ea30";
  --icon-code-info: "\ea2f";
  --icon-code-home: "\ea2e";
  --icon-code-folder-open: "\ea2d";
  --icon-code-filter: "\ea2c";
  --icon-code-file-code-o: "\ea2b";
  --icon-code-favorites: "\ea2a";
  --icon-code-favorites-f: "\ea28";
  --icon-code-eye: "\ea27";
  --icon-code-eye-slash: "\ea26";
  --icon-code-exclamation: "\ea25";
  --icon-code-exclamation-triangle: "\ea24";
  --icon-code-exchange: "\ea23";
  --icon-code-envelope: "\ea22";
  --icon-code-ellipsis-v: "\ea21";
  --icon-code-ellipsis-h: "\ea20";
  --icon-code-dot-circle: "\ea1f";
  --icon-code-desktop: "\ea1e";
  --icon-code-credit-card: "\ea1d";
  --icon-code-content: "\ea1c";
  --icon-code-compare: "\ea1b";
  --icon-code-comments: "\ea1a";
  --icon-code-clock: "\ea19";
  --icon-code-circle: "\ea18";
  --icon-code-check: "\ea17";
  --icon-code-check-square: "\ea16";
  --icon-code-cart: "\ea15";
  --icon-code-camera: "\ea14";
  --icon-code-calendar: "\ea13";
  --icon-code-bell: "\ea12";
  --icon-code-bell-slash: "\ea11";
  --icon-code-bars: "\ea10";
  --icon-code-arrow-up: "\ea0f";
  --icon-code-arrow-right: "\ea0e";
  --icon-code-arrow-left: "\ea0d";
  --icon-code-arrow-down: "\ea0c";
  --icon-code-angle-up: "\ea0b";
  --icon-code-angle-right: "\ea0a";
  --icon-code-angle-left: "\ea09";
  --icon-code-angle-down: "\ea08";
  --icon-code-youtube: "\ea07";
  --icon-code-viber: "\ea06";
  --icon-code-whatsapp: "\ea05";
  --icon-code-vk: "\ea04";
  --icon-code-tiktok: "\ea03";
  --icon-code-telegram: "\ea02";
  --icon-code-odnoklassniki: "\ea01";
  --icon-code-favorites-o: "\ea2a";
  --icon-code-in-cart: "\ea15";
  --icon-code-insales-icons: "\f000";
}

.icon-max:before {
  --content: var(--icon-code-max);
}

.icon-user:before {
  --content: var(--icon-code-user);
}

.icon-trash:before {
  --content: var(--icon-code-trash);
}

.icon-toggle-on:before {
  --content: var(--icon-code-toggle-on);
}

.icon-toggle-off:before {
  --content: var(--icon-code-toggle-off);
}

.icon-star:before {
  --content: var(--icon-code-star);
}

.icon-tasks:before {
  --content: var(--icon-code-tasks);
}

.icon-times:before {
  --content: var(--icon-code-times);
}

.icon-star-o:before {
  --content: var(--icon-code-star-o);
}

.icon-square:before {
  --content: var(--icon-code-square);
}

.icon-square-o:before {
  --content: var(--icon-code-square-0);
}

.icon-sort:before {
  --content: var(--icon-code-sort);
}

.icon-sort-desc:before {
  --content: var(--icon-code-sort-desc);
}

.icon-sort-down:before {
  --content: var(--icon-code-sort-desc);
}

.icon-sort-asc:before {
  --content: var(--icon-code-sort-asc);
}

.icon-sort-amount-desc:before {
  --content: var(--icon-code-sort-amount-desc);
}

.icon-sort-amount-asc:before {
  --content: var(--icon-code-sort-amount-asc);
}

.icon-sliders:before {
  --content: var(--icon-code-sliders);
}

.icon-shopping-cart:before {
  --content: var(--icon-code-shopping-cart);
}

.icon-share-alt:before {
  --content: var(--icon-code-share-alt);
}

.icon-search:before {
  --content: var(--icon-code-search);
}

.icon-search-plus:before {
  --content: var(--icon-code-search-plus);
}

.icon-search-minus:before {
  --content: var(--icon-code-search-minus);
}

.icon-question:before {
  --content: var(--icon-code-question);
}

.icon-question-circle:before {
  --content: var(--icon-code-question-circle);
}

.icon-preorder:before {
  --content: var(--icon-code-preorder);
}

.icon-plus:before {
  --content: var(--icon-code-plus);
}

.icon-plus-circle:before {
  --content: var(--icon-code-plus-circle);
}

.icon-photo:before {
  --content: var(--icon-code-photo);
}

.icon-phone:before {
  --content: var(--icon-code-phone);
}

.icon-pencil:before {
  --content: var(--icon-code-pencil);
}

.icon-paper-plane:before {
  --content: var(--icon-code-paper-plane);
}

.icon-order:before {
  --content: var(--icon-code-order);
}

.icon-mobile:before {
  --content: var(--icon-code-mobile);
}

.icon-minus:before {
  --content: var(--icon-code-minus);
}

.icon-minus-circle:before {
  --content: var(--icon-code-minus-circle);
}

.icon-map-marker:before {
  --content: var(--icon-code-map-marker);
}

.icon-long-arrow-up:before {
  --content: var(--icon-code-long-arrow-up);
}

.icon-long-arrow-right:before {
  --content: var(--icon-code-long-arrow-right);
}

.icon-long-arrow-left:before {
  --content: var(--icon-code-long-arrow-left);
}

.icon-long-arrow-down:before {
  --content: var(--icon-code-long-arrow-down);
}

.icon-location-arrow:before {
  --content: var(--icon-code-location-arrow);
}

.icon-life-bouy:before {
  --content: var(--icon-code-life-bouy);
}

.icon-laptop:before {
  --content: var(--icon-code-laptop);
}

.icon-info:before {
  --content: var(--icon-code-info);
}

.icon-home:before {
  --content: var(--icon-code-home);
}

.icon-folder-open:before {
  --content: var(--icon-code-folder-open);
}

.icon-filter:before {
  --content: var(--icon-code-filter);
}

.icon-file-code-o:before {
  --content: var(--icon-code-file-code-o);
}

.icon-favorites:before {
  --content: var(--icon-code-favorites);
}

.icon-favorites-f:before {
  --content: var(--icon-code-favorites-f);
}

.icon-eye:before {
  --content: var(--icon-code-eye);
}

.icon-eye-slash:before {
  --content: var(--icon-code-eye-slash);
}

.icon-exclamation:before {
  --content: var(--icon-code-exclamation);
}

.icon-exclamation-triangle:before {
  --content: var(--icon-code-exclamation-triangle);
}

.icon-exchange:before {
  --content: var(--icon-code-exchange);
}

.icon-envelope:before {
  --content: var(--icon-code-envelope);
}

.icon-ellipsis-v:before {
  --content: var(--icon-code-ellipsis-v);
}

.icon-ellipsis-h:before {
  --content: var(--icon-code-ellipsis-h);
}

.icon-dot-circle:before {
  --content: var(--icon-code-dot-circle);
}

.icon-desktop:before {
  --content: var(--icon-code-desktop);
}

.icon-credit-card:before {
  --content: var(--icon-code-credit-card);
}

.icon-content:before {
  --content: var(--icon-code-content);
}

.icon-compare:before {
  --content: var(--icon-code-compare);
}

.icon-comments:before {
  --content: var(--icon-code-comments);
}

.icon-clock:before {
  --content: var(--icon-code-clock);
}

.icon-circle:before {
  --content: var(--icon-code-circle);
}

.icon-check:before {
  --content: var(--icon-code-check);
}

.icon-check-square:before {
  --content: var(--icon-code-check-square);
}

.icon-cart:before {
  --content: var(--icon-code-cart);
}

.icon-camera:before {
  --content: var(--icon-code-camera);
}

.icon-calendar:before {
  --content: var(--icon-code-calendar);
}

.icon-bell:before {
  --content: var(--icon-code-bell);
}

.icon-bell-slash:before {
  --content: var(--icon-code-bell-slash);
}

.icon-bars:before {
  --content: var(--icon-code-bars);
}

.icon-arrow-up:before {
  --content: var(--icon-code-arrow-up);
}

.icon-arrow-right:before {
  --content: var(--icon-code-arrow-right);
}

.icon-arrow-left:before {
  --content: var(--icon-code-arrow-left);
}

.icon-arrow-down:before {
  --content: var(--icon-code-arrow-down);
}

.icon-angle-up:before {
  --content: var(--icon-code-angle-up);
}

.icon-angle-right:before {
  --content: var(--icon-code-angle-right);
}

.icon-angle-left:before {
  --content: var(--icon-code-angle-left);
}

.icon-angle-down:before {
  --content: var(--icon-code-angle-down);
}

.icon-youtube:before {
  --content: var(--icon-code-youtube);
}

.icon-viber:before {
  --content: var(--icon-code-viber);
}

.icon-whatsapp:before {
  --content: var(--icon-code-whatsapp);
}

.icon-vk:before {
  --content: var(--icon-code-vk);
}

.icon-tiktok:before {
  --content: var(--icon-code-tiktok);
}

.icon-telegram:before {
  --content: var(--icon-code-telegram);
}

.icon-odnoklassniki:before {
  --content: var(--icon-code-odnoklassniki);
}

.icon-favorites-o:before {
  --content: var(--icon-code-favorites-o);
}

.icon-in-cart:before {
  --content: var(--icon-code-in-cart);
}

.icon-insales-icons:before {
  --content: var(--icon-code-insales-icons);
}

.icon-sm {
  font-size: 0.8em;
}

.icon-lg {
  font-size: 1.2em;
}

.icon-16 {
  font-size: 16px;
}

.icon-32 {
  font-size: 32px;
}

.icon-rotate-90 {
  transform: rotate(90deg);
}

.icon-rotate-180 {
  transform: rotate(180deg);
}

.icon-rotate-270 {
  transform: rotate(270deg);
}

.icon-flip-x {
  transform: scaleX(-1);
}

.icon-flip-y {
  transform: scaleY(-1);
}

.icon-is-spinning {
  display: inline-block;
  animation: icon-is-spinning 1s infinite linear;
}

@keyframes icon-is-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.is-success-notice {
  color: #ffffff !important;
}

.is-warning-notice {
  color: #fff !important;
}

:root {
  --bg: var(--draft-bg, #ffffff);
  --bg-is-light: var(--draft-bg-is-light, true);
  --bg-minor-shade: var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light: var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade: var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light: var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade: var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark: var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg: var(--draft-color-btn-bg, #eb212e);
  --color-btn-bg-is-dark: var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade: var(--draft-color-btn-bg-minor-shade, #ed3c48);
  --color-btn-bg-minor-shade-is-dark: var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade: var(--draft-color-btn-bg-major-shade, #ef555f);
  --color-btn-bg-major-shade-is-dark: var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade: var(--draft-color-btn-bg-half-shade, #f69fa5);
  --color-btn-bg-half-shade-is-light: var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text: var(--draft-color-accent-text, #eb212e);
  --color-accent-text-is-dark: var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade: var(--draft-color-accent-text-minor-shade, #ed3c48);
  --color-accent-text-minor-shade-is-dark: var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade: var(--draft-color-accent-text-major-shade, #ef555f);
  --color-accent-text-major-shade-is-dark: var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade: var(--draft-color-accent-text-half-shade, #f69fa5);
  --color-accent-text-half-shade-is-light: var(--draft-color-accent-text-half-shade-is-light, true);
  --color-text-dark: var(--draft-color-text-dark, #212529);
  --color-text-dark-is-dark: var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade: var(--draft-color-text-dark-minor-shade, #353c43);
  --color-text-dark-minor-shade-is-dark: var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade: var(--draft-color-text-dark-major-shade, #49525b);
  --color-text-dark-major-shade-is-dark: var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade: var(--draft-color-text-dark-half-shade, #87939f);
  --color-text-dark-half-shade-is-dark: var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light: var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light: var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade: var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light: var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade: var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light: var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade: var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark: var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack: var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius: var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning: var(--draft-color-notice-warning, #eb212e);
  --color-notice-warning-is-dark: var(--draft-color-notice-warning-is-dark, true);
  --color-notice-warning-minor-shade: var(--draft-color-notice-warning-minor-shade, #ed3c48);
  --color-notice-warning-minor-shade-is-dark: var(--draft-color-notice-warning-minor-shade-is-dark, true);
  --color-notice-warning-major-shade: var(--draft-color-notice-warning-major-shade, #ef555f);
  --color-notice-warning-major-shade-is-dark: var(--draft-color-notice-warning-major-shade-is-dark, true);
  --color-notice-warning-half-shade: var(--draft-color-notice-warning-half-shade, #f69fa5);
  --color-notice-warning-half-shade-is-light: var(--draft-color-notice-warning-half-shade-is-light, true);
  --color-notice-success: var(--draft-color-notice-success, #eb212e);
  --color-notice-success-is-dark: var(--draft-color-notice-success-is-dark, true);
  --color-notice-success-minor-shade: var(--draft-color-notice-success-minor-shade, #ed3c48);
  --color-notice-success-minor-shade-is-dark: var(--draft-color-notice-success-minor-shade-is-dark, true);
  --color-notice-success-major-shade: var(--draft-color-notice-success-major-shade, #ef555f);
  --color-notice-success-major-shade-is-dark: var(--draft-color-notice-success-major-shade-is-dark, true);
  --color-notice-success-half-shade: var(--draft-color-notice-success-half-shade, #f69fa5);
  --color-notice-success-half-shade-is-light: var(--draft-color-notice-success-half-shade-is-light, true);
  --color-notice-error: var(--draft-color-notice-error, #eb212e);
  --color-notice-error-is-dark: var(--draft-color-notice-error-is-dark, true);
  --color-notice-error-minor-shade: var(--draft-color-notice-error-minor-shade, #ed3c48);
  --color-notice-error-minor-shade-is-dark: var(--draft-color-notice-error-minor-shade-is-dark, true);
  --color-notice-error-major-shade: var(--draft-color-notice-error-major-shade, #ef555f);
  --color-notice-error-major-shade-is-dark: var(--draft-color-notice-error-major-shade-is-dark, true);
  --color-notice-error-half-shade: var(--draft-color-notice-error-half-shade, #f69fa5);
  --color-notice-error-half-shade-is-light: var(--draft-color-notice-error-half-shade-is-light, true);
  --color-notice-info: var(--draft-color-notice-info, #eb212e);
  --color-notice-info-is-dark: var(--draft-color-notice-info-is-dark, true);
  --color-notice-info-minor-shade: var(--draft-color-notice-info-minor-shade, #ed3c48);
  --color-notice-info-minor-shade-is-dark: var(--draft-color-notice-info-minor-shade-is-dark, true);
  --color-notice-info-major-shade: var(--draft-color-notice-info-major-shade, #ef555f);
  --color-notice-info-major-shade-is-dark: var(--draft-color-notice-info-major-shade-is-dark, true);
  --color-notice-info-half-shade: var(--draft-color-notice-info-half-shade, #f69fa5);
  --color-notice-info-half-shade-is-light: var(--draft-color-notice-info-half-shade-is-light, true);
  --font-family: var(--draft-font-family, "Noto Sans");
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, "Noto Sans");
  --heading-ratio: var(--draft-heading-ratio, 1.5);
  --heading-weight: var(--draft-heading-weight, 500);
  --collection_count: var(--draft-collection_count, 32);
  --search_count: var(--draft-search_count, 12);
  --blog_size: var(--draft-blog_size, 8);
  --product_not_available: var(--draft-product_not_available, preorder);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar: var(--draft-delta_sidebar, 1);
  --type_sidebar: var(--draft-type_sidebar, sticky);
  --sidebar_index_show: var(--draft-sidebar_index_show, false);
  --sidebar_index_position: var(--draft-sidebar_index_position, left);
  --sidebar_collection_show: var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position: var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show: var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position: var(--draft-sidebar_cart_position, left);
  --sidebar_product_show: var(--draft-sidebar_product_show, false);
  --sidebar_product_position: var(--draft-sidebar_product_position, left);
  --sidebar_blog_show: var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position: var(--draft-sidebar_blog_position, left);
  --sidebar_article_show: var(--draft-sidebar_article_show, false);
  --sidebar_article_position: var(--draft-sidebar_article_position, left);
  --sidebar_page_show: var(--draft-sidebar_page_show, false);
  --sidebar_page_position: var(--draft-sidebar_page_position, left);
  --sidebar_compare_show: var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position: var(--draft-sidebar_compare_position, left);
  --sidebar_search_show: var(--draft-sidebar_search_show, false);
  --sidebar_search_position: var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled: var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled: var(--draft-favorite_enabled, true);
  --compare_enabled: var(--draft-compare_enabled, true);
}

@font-face {
  font-family: "Din Pro";
  src: url("https://cdn.insales-shop.ru/assets/1/3839/6688511/1789983784/din-pro.eot");
  src: url("https://cdn.insales-shop.ru/assets/1/3839/6688511/1789983784/din-pro.eot#iefix") format("embedded-opentype"), url("/sites/all/landings/fonts/eefe596126457b0641899fe3.woff") format("woff"), url("/sites/all/landings/fonts/47f809ffa3e62c440a488f56.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Din Pro";
  src: url("/sites/all/landings/fonts/ff506382446960192e070741.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Din Pro";
  src: url("/sites/all/landings/fonts/47f809ffa3e62c440a488f56.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Din Pro Con";
  src: url("/sites/all/landings/fonts/f769a82bb694d433fb5e2714.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Din Pro Con";
  src: url("/sites/all/landings/fonts/bad1ff03122a5fd482adffb5.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
:root body {
  --font-family: "Din Pro", Jost, sans-serif !important;
  --font-family-heading: "Din Pro", Jost, sans-serif !important;
}

.outside-widgets .delete-widget-link {
  display: none;
}

.outside-widgets .add-widget-link {
  display: none;
}

[data-fixed-panels] .delete-widget-link {
  display: none;
}

@media (max-width: 768px) {
  [style*="--is-editor:true"] .outside-widgets {
    display: none;
  }
  .edit-widget-buttons .widget-name {
    display: none !important;
  }
  [data-fixed-panels] [data-widget-add] {
    display: none;
  }
}
.sticker-preorder {
  display: none !important;
}

@media (min-width: 768px) {
  header {
    position: sticky;
    top: -40px;
    z-index: 10000;
  }
}
.swiper-button-disabled {
  display: none;
}

.product__gallery .splide__slide.product__slide-tumbs {
  width: 100px !important;
}

.fancybox__content {
  background-color: #03042c;
  text-align: center;
  color: #fff;
}

.fancybox-content .fancybox-button,
.express-land .exspress-shadow__top,
.express-land .exspress-shadow__bot {
  display: none;
}

.mode-overlay p {
  font-size: 18px;
  line-height: 1.6em;
  letter-spacing: -0.02em;
  text-align: center;
}

.mode-overlay h2 {
  margin-bottom: 16px;
  text-align: center;
  font-weight: 500;
  font-size: 1.5em;
}

.fancybox-content .fancybox-button,
.express-land .exspress-shadow__top,
.express-land .exspress-shadow__bot,
.is-compact .fancybox__content > .f-button.is-close-btn {
  display: none !important;
  opacity: 0;
  visibility: hidden;
}

.mode-overlay .btn {
  color: #fff;
  max-width: 260px;
  border-radius: 100px;
  margin: 16px auto 0;
}

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

.mode-list div {
  max-width: 160px;
}

.mode-list h3 {
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.6em;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

.modal-body .fancybox-close-small {
  position: static;
  outline: none;
  background: transparent;
  border: 1px solid #eb322f;
  border-radius: 100px;
  width: 100%;
  max-width: 197px;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.02em;
  text-decoration: none;
  text-align: center;
  padding: 7px 0;
  margin: 32px auto 0;
  opacity: 1;
}

.product-preview__area-photo {
  position: relative;
}

.photo-dots {
  position: absolute;
  bottom: 8px;
  display: flex;
  left: 0;
  right: 0;
  width: 100%;
  justify-content: center;
  font-size: 18px;
  line-height: 15px;
  color: #aaa;
}

.photo-dots .photo-dot {
  margin: 0 1px;
}

.photo-dots .photo-dot.active {
  color: #ce1e25;
}

.photo-areas {
  display: flex;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  height: 100%;
}

.photo-areas .photo-area {
  display: block;
  flex-grow: 1;
}

.product-preview__photo {
  margin-bottom: 2rem !important;
}

@keyframes tblink {
  0%, 100% {
    opacity: 1;
    transform: scale(1) translate(-50%, -50%);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1) translate(-50%, -50%);
  }
}
.header__search-form.in-progress .icon.icon-search {
  animation: tblink 1s infinite;
}

.bonus-transaction-wrapper {
  width: 100%;
  margin: 40px 0;
}

.bonus-info-wrapper {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 70px;
  align-items: center;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 767px) {
  .bonus-info-wrapper {
    gap: 30px;
  }
}
.bonus-info-wrapper .bonus-info-left .circle {
  border: 2px solid #eb212e;
  border-radius: 100%;
  padding: 30px;
  text-align: center;
  aspect-ratio: 1/1;
  display: inline-flex;
  align-items: center;
}

.bonus-info-wrapper .bonus-info-left .circle span {
  font-family: DIN Pro;
  font-weight: 400;
  font-size: 20.62px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: #eb212e;
}

@media screen and (max-width: 767px) {
  .bonus-info-wrapper .bonus-info-left .circle span {
    font-size: 14px;
  }
}
.bonus-info-wrapper .bonus-info-left .circle span strong {
  font-size: 40px;
}

@media screen and (max-width: 767px) {
  .bonus-info-wrapper .bonus-info-left .circle span strong {
    font-size: 26px;
  }
}
.bonus-info-wrapper .bonus-info-right {
  text-align: center;
}

.bonus-info-wrapper .bonus-info-right * {
  font-family: DIN Pro;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .bonus-info-wrapper .bonus-info-right * {
    font-size: 12px;
  }
}
.bonus-info-wrapper .bonus-info-right strong {
  font-weight: bold;
}

.bonus-info-wrapper .bonus-info-right .red {
  font-weight: bold;
  color: #eb212e;
}

.bonus-title {
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .bonus-title {
    font-weight: 700;
    font-size: 15px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
  }
}
.bonus-table {
  margin: 30px 0;
  text-align: left;
}

.bonus-table .table-header {
  background: #e5e5e5;
  display: grid;
  grid-template-areas: "date points bonus-description date-expiration";
  grid-template-columns: repeat(4, 25%);
}

@media screen and (max-width: 767px) {
  .bonus-table .table-header {
    display: none;
  }
}
.bonus-table .table-header * {
  color: #000000;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0%;
  text-transform: uppercase;
  padding: 0 20px;
}

.bonus-table .table-header .date {
  grid-area: date;
}

.bonus-table .table-header .points {
  grid-area: points;
}

.bonus-table .table-header .bonus-description {
  grid-area: bonus-description;
}

.bonus-table .table-header .date-expiration {
  grid-area: date-expiration;
}

.bonus-table .table-content .table-row {
  margin: 10px 0;
  display: grid;
  grid-template-areas: "item-date item-points item-bonus-description item-date-expiration";
  grid-template-columns: repeat(4, 25%);
}

@media screen and (max-width: 767px) {
  .bonus-table .table-content .table-row {
    grid-template-areas: "item-points item-bonus-description" "item-date item-date-expiration";
    grid-template-columns: 30% 70%;
    gap: 5px 0;
    border-bottom: 1px solid #cbcbcb;
    padding: 15px 0;
  }
}
.bonus-table .table-content .table-row.hidden {
  display: none;
}

.bonus-table .table-content .table-row * {
  color: #000000;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0%;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  .bonus-table .table-content .table-row * {
    padding: 0;
  }
}
.bonus-table .table-content .table-row .item-date {
  grid-area: item-date;
}

.bonus-table .table-content .table-row .item-points {
  grid-area: item-points;
}

@media screen and (max-width: 767px) {
  .bonus-table .table-content .table-row .item-points {
    color: #eb212e;
    font-weight: 700;
  }
}
.bonus-table .table-content .table-row .item-bonus-description {
  grid-area: item-bonus-description;
  word-wrap: break-word;
  white-space: normal;
  min-width: 0;
  overflow: hidden;
}

.bonus-table .table-content .table-row .item-date-expiration {
  grid-area: item-date-expiration;
}

.bonus-table .table-content .bonus-toggle {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
  color: #eb212e;
  margin: 0 auto;
  margin-top: 20px;
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
  display: block;
  text-align: center;
}

.bonus-table .table-content .bonus-toggle.hidden {
  display: none;
}

.favorites_btn.favorites-added {
  color: #ff3b3b !important;
}

.product__compare-btn.compare-added {
  color: #ff3b3b !important;
}

.order-image img[src] {
  display: none;
}

picture {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
  line-height: 0;
}

:root {
  --color-text-light: #fff;
  --color-text-dark: #111;
  --color-text-light-minor-shade: #f7f7f7;
  --color-text-light-major-shade: #ededed;
  --color-text-light-half-shade: #808080;
  --color-text-dark-minor-shade: #474747;
  --color-text-dark-major-shade: #5c5c5c;
  --color-text-dark-half-shade: #999999;
  --color-border-block: #ccc;
  --color-hr: #ccc;
  --color-btn-bg: #6360e0;
  --color-btn-bg-minor-shade: #7270e3;
  --color-btn-bg-major-shade: #8180e6;
  --color-btn-bg-half-shade: #b0afef;
  --color-btn-color: #fff;
  --color-btn-border-color: var(--color-btn-bg);
  --color-btn-shadow: none;
  --color-btn-bg-hover: var(--color-btn-bg-minor-shade);
  --color-btn-color-hover: #fff;
  --color-btn-border-color-hover: var(--color-btn-bg-hover);
  --color-btn-shadow-hover: var(--color-btn-shadow, none);
  --color-btn-bg-disabled: #999;
  --color-btn-color-disabled: #fff;
  --color-accent-text: var(--color-btn-bg);
  --color-accent-text-minor-shade: var(--color-btn-bg-minor-shade);
  --color-accent-text-major-shade: var(--color-btn-bg-major-shade);
  --color-accent-text-half-shade: var(--color-btn-bg-half-shade);
  --color-btn-second-bg: #fff;
  --color-btn-second-color: #6360e0;
  --color-btn-second-border-color: #6360e0;
  --color-btn-second-shadow: none;
  --color-btn-second-bg-hover: #fff;
  --color-btn-second-color-hover: hsl(241, 67%, 53%);
  --color-btn-second-border-color-hover: hsl(241, 67%, 53%);
  --color-btn-second-shadow-hover: var(--color-btn-second-shadow, none);
  --color-btn-second-bg-disabled: #fff;
  --color-btn-second-color-disabled: #999;
  --color-form-controls-bg: #fff;
  --color-form-controls-color: var(--color-text);
  --color-form-controls-border-color: var(--color-text-half-shade);
  --color-form-controls-shadow: none;
  --color-form-controls-placeholder: #ddd;
  --color-form-controls-border-color-focus: #ccc;
  --color-form-controls-shadow-focus: 0 0 0 0.2rem rgba(0, 0, 0, 0.05);
  --color-form-controls-bg-disabled: #f4f4f4;
  --color-error: #ff0000;
  --color-success: #00b200;
  --layout-content-max-width: 1200px;
  --layout-side-padding: 40px;
  --layout-side-padding-mobile: 15px;
  --layout-adaptive-vertical-indents-factor-decrease: 4;
  --layout-cell-count: 36;
  --layout-cell-main: 38;
  --layout-cell-width: calc(var(--layout-content-max-width) / var(--layout-cell-count));
  --layout-delta: var(--delta_sidebar, 2);
  --initial-sidebar-start: 2;
  --initial-sidebar-end: calc(var(--theme-sidebar-end, 9) + var(--layout-delta));
  --initial-main-start: var(--initial-sidebar-end, 7);
  --initial-main-end: var(--theme-main-end, var(--layout-cell-main));
  --fixed-sidebar-color: var(--theme-fixed-sidebar-color, "#fff");
  --sticky-sidebar-offset: 10px;
  --initial-fixed-sidebar-end: calc(var(--theme-sidebar-fixed-end, 3) + var(--layout-delta));
  --initial-fixed-main-end: calc(var(--theme-sidebar-fixed-end, 3) + var(--layout-delta));
  --controls-height-s: 30px;
  --controls-height-m: 40px;
  --controls-height-l: 50px;
  --controls-height-xl: 60px;
  --controls-btn-padding-x: 1em;
  --controls-btn-padding-y: 0;
  --controls-btn-border-radius: 0;
  --controls-form-padding-x: 10px;
  --controls-form-padding-y: calc(1em * 0.4);
  --controls-form-border-radius: var(--controls-btn-border-radius, 0);
  --controls-font-size-s: calc(var(--font-size) * 0.75);
  --controls-font-size-m: var(--font-size);
  --controls-font-size-l: calc(var(--font-size) * 1.25);
  --controls-font-size-xl: calc(var(--font-size) * 1.5);
  --controls-border-width: 1px;
  --font-family-default:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family: var(--font-family-default);
  --font-family-heading: var(--font-family);
  --font-size: 16px;
  --font-weight: 400;
  --line-height: 1.5;
  --cursor-disabled: not-allowed;
  --zindex-dropdown: 1000;
  --zindex-sticky: 1010;
  --zindex-fixed: 1020;
  --zindex-overlay: 1030;
  --zindex-modal: 1040;
  --zindex-tooltip: 1050;
  --btn-transition:
    color 0.15s ease-in-out, background 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  --fixed-panels-top-offset: 0px;
  --fixed-panels-bottom-offset: 0px;
  --grid-list-min-width: 300px;
  --grid-list-row-gap: 3rem;
  --grid-list-column-gap: 3rem;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a,
.co-input-description a:not([class]),
.co-menu-link,
.co-link,
.link {
  background-color: rgba(0, 0, 0, 0);
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

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

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

html {
  font-family: sans-serif;
  font-size: var(--font-size);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0;
  font-family: var(--font-family), var(--font-family-default);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  text-align: left;
  overflow-x: hidden;
}

[style*="--bg:"] {
  background: var(--bg);
}

[style*="--bg-is-dark:true"],
[style*="--bg-is-light:false"],
[style*="--bg-is-dark: true"],
[style*="--bg-is-light: false"] {
  color: var(--color-text-light);
  --color-text: var(--color-text-light);
  --color-text-minor-shade: var(--color-text-light-minor-shade);
  --color-text-major-shade: var(--color-text-light-major-shade);
  --color-text-half-shade: var(--color-text-light-half-shade);
}

[style*="--bg-is-light:true"],
[style*="--bg-is-dark:false"],
[style*="--bg-is-light: true"],
[style*="--bg-is-dark: false"] {
  color: var(--color-text-dark);
  --color-text: var(--color-text-dark);
  --color-text-minor-shade: var(--color-text-dark-minor-shade);
  --color-text-major-shade: var(--color-text-dark-major-shade);
  --color-text-half-shade: var(--color-text-dark-half-shade);
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: inherit;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem 1rem;
  border-left: 2px solid var(--color-border-block);
  padding-left: 1rem;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.heading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: var(--font-family-heading);
  line-height: 1.2;
  font-weight: 700;
}

h1,
.h1 {
  font-size: calc(var(--font-size) * 2.5);
}

@media screen and (max-width: 767px) {
  h1,
  .h1 {
    font-size: calc(var(--font-size) * 2);
  }
}
h2,
.h2 {
  font-size: calc(var(--font-size) * 2);
}

@media screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: calc(var(--font-size) * 1.5);
  }
}
h3,
.h3 {
  font-size: calc(var(--font-size) * 1.75);
}

@media screen and (max-width: 767px) {
  h3,
  .h3 {
    font-size: calc(var(--font-size) * 1.25);
  }
}
h4,
.h4 {
  font-size: calc(var(--font-size) * 1.5);
}

@media screen and (max-width: 767px) {
  h4,
  .h4 {
    font-size: calc(var(--font-size) * 1.125);
  }
}
h5,
.h5 {
  font-size: calc(var(--font-size) * 1.25);
}

@media screen and (max-width: 767px) {
  h5,
  .h5 {
    font-size: var(--font-size);
  }
}
h6,
.h6 {
  font-size: var(--font-size);
}

.heading {
  font-size: calc(var(--font-size) * var(--heading-ratio, 2));
  font-weight: var(--heading-weight, 700);
}

@media screen and (max-width: 767px) {
  .heading {
    font-size: calc(var(--font-size) * var(--heading-ratio, 2) * 0.75);
  }
}
a,
.co-input-description a:not([class]),
.co-menu-link,
.co-link,
.link {
  color: var(--color-accent-text);
  text-decoration: underline;
}

a:hover,
.co-input-description a:hover:not([class]),
.co-menu-link:hover,
.co-link:hover,
.link:hover {
  color: var(--color-accent-text-minor-shade);
  text-decoration: none;
}

a:not([href]):not([class]),
.co-menu-link:not([href]):not([class]),
.co-link:not([href]):not([class]),
.link:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]) :hover,
.co-menu-link:not([href]):not([class]) :hover,
.co-link:not([href]):not([class]) :hover,
.link:not([href]):not([class]) :hover {
  color: inherit;
  text-decoration: none;
}

[style*="--color-btn-bg-is-dark:true"],
[style*="--color-btn-bg-is-light:false"],
[style*="--color-btn-bg-is-dark: true"],
[style*="--color-btn-bg-is-light: false"] {
  --color-btn-color: var(--color-text-light);
  --color-btn-color-minor-shade: var(--color-text-light-minor-shade);
  --color-btn-color-major-shade: var(--color-text-light-major-shade);
  --color-btn-color-half-shade: var(--color-text-light-half-shade);
}

[style*="--color-btn-bg-is-light:true"],
[style*="--color-btn-bg-is-dark:false"],
[style*="--color-btn-bg-is-light: true"],
[style*="--color-btn-bg-is-dark: false"] {
  --color-btn-color: var(--color-text-dark);
  --color-btn-color-minor-shade: var(--color-text-dark-minor-shade);
  --color-btn-color-major-shade: var(--color-text-dark-major-shade);
  --color-btn-color-half-shade: var(--color-text-dark-half-shade);
}

.button,
.co-tabs-controls--customer .co-tabs-node,
.co-button:not(.co-button--link),
.picker-button,
.m-modal-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--controls-height-m);
  max-width: 100%;
  font-family: var(--font-family);
  font-weight: var(--font-weight);
  font-size: var(--controls-font-size-m);
  line-height: 1;
  color: var(--color-btn-color);
  border-radius: var(--controls-btn-border-radius);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  background: var(--color-btn-bg);
  border: var(--controls-border-width) solid rgba(0, 0, 0, 0);
  box-shadow: var(--color-btn-shadow);
  padding: var(--controls-btn-padding-y) var(--controls-btn-padding-x);
  outline: none;
  transition: var(--btn-transition);
}

.button:hover,
.co-tabs-controls--customer .co-tabs-node:hover,
.co-button:hover:not(.co-button--link),
.picker-button:hover,
.m-modal-button:hover {
  background: var(--color-btn-bg-minor-shade);
  color: var(--color-btn-color);
  border-color: var(--color-btn-bg-minor-shade);
  box-shadow: var(--color-btn-shadow-hover);
  text-decoration: none;
}

.button:focus,
.co-tabs-controls--customer .co-tabs-node:focus,
.co-button:focus:not(.co-button--link),
.picker-button:focus,
.m-modal-button:focus {
  outline: 0;
  box-shadow: var(--color-btn-shadow, none);
  color: var(--color-btn-color);
}

.button:disabled,
.co-tabs-controls--customer .co-tabs-node:disabled,
.co-button:disabled:not(.co-button--link),
.picker-button:disabled,
.m-modal-button:disabled {
  background: var(--color-btn-bg-disabled) !important;
  color: var(--color-btn-color-disabled) !important;
  border-color: var(--color-btn-bg-disabled) !important;
  box-shadow: none !important;
  cursor: var(--cursor-disabled);
}

.button:not(:disabled):not(.disabled),
.co-tabs-controls--customer .co-tabs-node:not(:disabled):not(.disabled),
.co-button:not(:disabled):not(.disabled):not(.co-button--link),
.picker-button:not(:disabled):not(.disabled),
.m-modal-button:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.button:not(:disabled):not(.disabled):active,
.co-tabs-controls--customer .co-tabs-node:not(:disabled):not(.disabled):active,
.co-button:not(:disabled):not(.disabled):active:not(.co-button--link),
.picker-button:not(:disabled):not(.disabled):active,
.m-modal-button:not(:disabled):not(.disabled):active,
.button:not(:disabled):not(.disabled).active,
.co-tabs-controls--customer .co-tabs-node:not(:disabled):not(.disabled).active,
.co-button:not(:disabled):not(.disabled).active:not(.co-button--link),
.picker-button:not(:disabled):not(.disabled).active,
.m-modal-button:not(:disabled):not(.disabled).active {
  box-shadow: var(--color-btn-shadow, none);
}

.button:not(:disabled):not(.disabled):active:focus,
.co-tabs-controls--customer .co-tabs-node:not(:disabled):not(.disabled):active:focus,
.co-button:not(:disabled):not(.disabled):active:focus:not(.co-button--link),
.picker-button:not(:disabled):not(.disabled):active:focus,
.m-modal-button:not(:disabled):not(.disabled):active:focus,
.button:not(:disabled):not(.disabled).active:focus,
.co-tabs-controls--customer .co-tabs-node:not(:disabled):not(.disabled).active:focus,
.co-button:not(:disabled):not(.disabled).active:focus:not(.co-button--link),
.picker-button:not(:disabled):not(.disabled).active:focus,
.m-modal-button:not(:disabled):not(.disabled).active:focus {
  box-shadow: var(--color-btn-shadow, none);
}

.button.button_size-s,
.co-tabs-controls--customer .co-tabs-node,
.button_size-s.co-button:not(.co-button--link),
.button_size-s.picker-button,
.button_size-s.m-modal-button {
  height: var(--controls-height-s);
  font-size: var(--controls-font-size-s);
}

.button.button_size-s.button_border-round,
.co-tabs-controls--customer .button_border-round.co-tabs-node,
.button_size-s.button_border-round.co-button:not(.co-button--link),
.button_size-s.button_border-round.picker-button,
.button_size-s.button_border-round.m-modal-button {
  border-radius: calc(var(--controls-height-s) / 2);
}

.button.button_size-m,
.co-tabs-controls--customer .button_size-m.co-tabs-node,
.button_size-m.co-button:not(.co-button--link),
.button_size-m.picker-button,
.button_size-m.m-modal-button {
  height: var(--controls-height-m);
  font-size: var(--controls-font-size-m);
}

.button.button_size-m.button_border-round,
.co-tabs-controls--customer .button_size-m.button_border-round.co-tabs-node,
.button_size-m.button_border-round.co-button:not(.co-button--link),
.button_size-m.button_border-round.picker-button,
.button_size-m.button_border-round.m-modal-button {
  border-radius: calc(var(--controls-height-m) / 2);
}

.button.button_size-l,
.co-tabs-controls--customer .button_size-l.co-tabs-node,
.button_size-l.co-button:not(.co-button--link),
.button_size-l.picker-button,
.button_size-l.m-modal-button {
  height: var(--controls-height-l);
  font-size: var(--controls-font-size-l);
}

.button.button_size-l.button_border-round,
.co-tabs-controls--customer .button_size-l.button_border-round.co-tabs-node,
.button_size-l.button_border-round.co-button:not(.co-button--link),
.button_size-l.button_border-round.picker-button,
.button_size-l.button_border-round.m-modal-button {
  border-radius: calc(var(--controls-height-l) / 2);
}

.button.button_size-xl,
.co-tabs-controls--customer .button_size-xl.co-tabs-node,
.button_size-xl.co-button:not(.co-button--link),
.button_size-xl.picker-button,
.button_size-xl.m-modal-button {
  height: var(--controls-height-xl);
  font-size: var(--controls-font-size-xl);
}

.button.button_size-xl.button_border-round,
.co-tabs-controls--customer .button_size-xl.button_border-round.co-tabs-node,
.button_size-xl.button_border-round.co-button:not(.co-button--link),
.button_size-xl.button_border-round.picker-button,
.button_size-xl.button_border-round.m-modal-button {
  border-radius: calc(var(--controls-height-xl) / 2);
}

.button.button_second,
.co-tabs-controls--customer .button_second.co-tabs-node,
.button_second.co-button:not(.co-button--link),
.button_second.picker-button,
.button_second.m-modal-button {
  border-color: var(--color-btn-second-border-color);
  background: var(--color-btn-second-bg);
  color: var(--color-btn-second-color);
  box-shadow: var(--color-btn-second-shadow);
}

.button.button_second:hover,
.co-tabs-controls--customer .button_second.co-tabs-node:hover,
.button_second.co-button:hover:not(.co-button--link),
.button_second.picker-button:hover,
.button_second.m-modal-button:hover {
  background: var(--color-btn-second-bg-hover);
  color: var(--color-btn-second-color-hover);
  border-color: var(--color-btn-second-border-color-hover);
  box-shadow: var(--color-btn-second-shadow-hover);
}

.button.button_second:focus,
.co-tabs-controls--customer .button_second.co-tabs-node:focus,
.button_second.co-button:focus:not(.co-button--link),
.button_second.picker-button:focus,
.button_second.m-modal-button:focus {
  box-shadow: var(--color-btn-second-shadow, none);
}

.button.button_second:disabled,
.co-tabs-controls--customer .button_second.co-tabs-node:disabled,
.button_second.co-button:disabled:not(.co-button--link),
.button_second.picker-button:disabled,
.button_second.m-modal-button:disabled {
  background: var(--color-btn-second-bg-disabled) !important;
  color: var(--color-btn-second-color-disabled) !important;
  border-color: var(--color-btn-second-bg-disabled) !important;
}

.button.button_wide,
.co-tabs-controls--customer .button_wide.co-tabs-node,
.button_wide.co-button:not(.co-button--link),
.button_wide.picker-button,
.button_wide.m-modal-button {
  width: 100%;
}

.button.button_border-round,
.co-tabs-controls--customer .button_border-round.co-tabs-node,
.button_border-round.co-button:not(.co-button--link),
.button_border-round.picker-button,
.button_border-round.m-modal-button {
  border-radius: calc(var(--controls-height-m) / 2);
}

.button.button_only-icon,
.co-tabs-controls--customer .button_only-icon.co-tabs-node,
.button_only-icon.co-button:not(.co-button--link),
.button_only-icon.picker-button,
.button_only-icon.m-modal-button {
  width: var(--controls-height-m);
  color: var(--color-text);
  border-radius: 0;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
}

.button.button_only-icon:hover,
.co-tabs-controls--customer .button_only-icon.co-tabs-node:hover,
.button_only-icon.co-button:hover:not(.co-button--link),
.button_only-icon.picker-button:hover,
.button_only-icon.m-modal-button:hover {
  background: none;
  color: var(--color-accent-text);
  box-shadow: none;
}

.button.button_only-icon:focus,
.co-tabs-controls--customer .button_only-icon.co-tabs-node:focus,
.button_only-icon.co-button:focus:not(.co-button--link),
.button_only-icon.picker-button:focus,
.button_only-icon.m-modal-button:focus {
  outline: 0;
  box-shadow: none;
  color: var(--color-text);
}

.button.button_only-icon:disabled,
.co-tabs-controls--customer .button_only-icon.co-tabs-node:disabled,
.button_only-icon.co-button:disabled:not(.co-button--link),
.button_only-icon.picker-button:disabled,
.button_only-icon.m-modal-button:disabled {
  background: none !important;
  color: var(--color-text-major-shade) !important;
}

.button.button_only-icon.button_size-s,
.co-tabs-controls--customer .button_only-icon.co-tabs-node,
.button_only-icon.button_size-s.co-button:not(.co-button--link),
.button_only-icon.button_size-s.picker-button,
.button_only-icon.button_size-s.m-modal-button {
  width: var(--controls-height-s);
}

.button.button_only-icon.button_size-m,
.co-tabs-controls--customer .button_only-icon.button_size-m.co-tabs-node,
.button_only-icon.button_size-m.co-button:not(.co-button--link),
.button_only-icon.button_size-m.picker-button,
.button_only-icon.button_size-m.m-modal-button {
  width: var(--controls-height-m);
}

.button.button_only-icon.button_size-l,
.co-tabs-controls--customer .button_only-icon.button_size-l.co-tabs-node,
.button_only-icon.button_size-l.co-button:not(.co-button--link),
.button_only-icon.button_size-l.picker-button,
.button_only-icon.button_size-l.m-modal-button {
  width: var(--controls-height-l);
}

.button.button_only-icon.button_size-xl,
.co-tabs-controls--customer .button_only-icon.button_size-xl.co-tabs-node,
.button_only-icon.button_size-xl.co-button:not(.co-button--link),
.button_only-icon.button_size-xl.picker-button,
.button_only-icon.button_size-xl.m-modal-button {
  width: var(--controls-height-xl);
}

.button.button_only-icon .button__img-icon,
.co-tabs-controls--customer .button_only-icon.co-tabs-node .button__img-icon,
.button_only-icon.co-button:not(.co-button--link) .button__img-icon,
.button_only-icon.picker-button .button__img-icon,
.button_only-icon.m-modal-button .button__img-icon {
  margin-right: 0;
}

.button__icon {
  margin-right: 5px;
}

.button__img-icon {
  max-height: 100%;
  margin-right: 5px;
  width: 1.5em;
  height: 1.5em;
}

a.button.disabled,
.co-tabs-controls--customer a.disabled.co-tabs-node,
.button.disabled.co-menu-link,
.co-tabs-controls--customer .disabled.co-menu-link.co-tabs-node,
.button.disabled.co-link,
.co-tabs-controls--customer .disabled.co-link.co-tabs-node,
.button.disabled.link,
.co-tabs-controls--customer .disabled.link.co-tabs-node,
a.disabled.co-button:not(.co-button--link),
.disabled.co-button.co-menu-link:not(.co-button--link),
.disabled.co-button.co-link:not(.co-button--link),
.disabled.co-button.link:not(.co-button--link),
a.disabled.picker-button,
.disabled.picker-button.co-menu-link,
.disabled.picker-button.co-link,
.disabled.picker-button.link,
a.disabled.m-modal-button,
.disabled.m-modal-button.co-menu-link,
.disabled.m-modal-button.co-link,
.disabled.m-modal-button.link,
fieldset:disabled a.button,
fieldset:disabled .co-tabs-controls--customer a.co-tabs-node,
.co-tabs-controls--customer fieldset:disabled a.co-tabs-node,
fieldset:disabled .button.co-menu-link,
fieldset:disabled .co-tabs-controls--customer .co-menu-link.co-tabs-node,
.co-tabs-controls--customer fieldset:disabled .co-menu-link.co-tabs-node,
fieldset:disabled .button.co-link,
fieldset:disabled .co-tabs-controls--customer .co-link.co-tabs-node,
.co-tabs-controls--customer fieldset:disabled .co-link.co-tabs-node,
fieldset:disabled .button.link,
fieldset:disabled .co-tabs-controls--customer .link.co-tabs-node,
.co-tabs-controls--customer fieldset:disabled .link.co-tabs-node,
fieldset:disabled a.co-button:not(.co-button--link),
fieldset:disabled .co-button.co-menu-link:not(.co-button--link),
fieldset:disabled .co-button.co-link:not(.co-button--link),
fieldset:disabled .co-button.link:not(.co-button--link),
fieldset:disabled a.picker-button,
fieldset:disabled .picker-button.co-menu-link,
fieldset:disabled .picker-button.co-link,
fieldset:disabled .picker-button.link,
fieldset:disabled a.m-modal-button,
fieldset:disabled .m-modal-button.co-menu-link,
fieldset:disabled .m-modal-button.co-link,
fieldset:disabled .m-modal-button.link {
  pointer-events: none;
}

.button-link,
.co-form-controls a,
.co-form-controls .co-input-description a:not([class]),
.co-input-description .co-form-controls a:not([class]),
.co-form-controls .co-menu-link,
.co-form-controls .co-link,
.co-form-controls .link,
.co-button--password_recover {
  font-weight: var(--font-weight);
  color: var(--color-btn-bg);
  text-decoration: underline;
  cursor: pointer;
}

.button-link:hover,
.co-form-controls a:hover,
.co-form-controls .co-menu-link:hover,
.co-form-controls .co-link:hover,
.co-form-controls .link:hover,
.co-button--password_recover:hover {
  color: var(--color-btn-bg);
  text-decoration: none;
}

.button-link:focus,
.co-form-controls a:focus,
.co-form-controls .co-menu-link:focus,
.co-form-controls .co-link:focus,
.co-form-controls .link:focus,
.co-button--password_recover:focus,
.button-link.focus,
.co-form-controls a.focus,
.co-form-controls .focus.co-menu-link,
.co-form-controls .focus.co-link,
.co-form-controls .focus.link,
.focus.co-button--password_recover {
  text-decoration: none;
}

.button-link:disabled,
.co-form-controls a:disabled,
.co-form-controls .co-menu-link:disabled,
.co-form-controls .co-link:disabled,
.co-form-controls .link:disabled,
.co-button--password_recover:disabled,
.button-link.disabled,
.co-form-controls a.disabled,
.co-form-controls .disabled.co-menu-link,
.co-form-controls .disabled.co-link,
.co-form-controls .disabled.link,
.disabled.co-button--password_recover {
  color: var(--color-btn-bg);
  pointer-events: none;
  cursor: var(--cursor-disabled);
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

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

.form-field {
  margin-bottom: 1rem;
  position: relative;
}

.form-control,
.co-input-field,
.m-input-field {
  display: inline-block;
  height: var(--controls-height-m);
  padding: var(--controls-form-padding-y) var(--controls-form-padding-x);
  font-family: var(--font-family);
  font-size: var(--controls-font-size-m);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  color: var(--color-form-controls-color);
  background: var(--color-form-controls-bg);
  border: var(--controls-border-width) solid var(--color-form-controls-border-color);
  border-radius: var(--controls-form-border-radius);
  box-shadow: var(--color-form-controls-shadow);
  outline: 0;
  vertical-align: middle;
  transition: var(--input-transition);
}

.form-control:focus,
.co-input-field:focus,
.m-input-field:focus {
  border-color: var(--color-form-controls-border-color-focus);
  outline: 0;
  box-shadow: var(--color-form-controls-shadow-focus);
  color: var(--color-form-controls-color);
}

.form-control:disabled,
.co-input-field:disabled,
.m-input-field:disabled,
.form-control[readonly],
[readonly].co-input-field,
[readonly].m-input-field {
  background: var(--color-form-controls-bg-disabled);
  opacity: 1;
}

.form-control:disabled,
.co-input-field:disabled,
.m-input-field:disabled {
  cursor: var(--cursor-disabled);
}

.form-control::-ms-expand,
.co-input-field::-ms-expand,
.m-input-field::-ms-expand {
  background: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border: 0;
}

.form-control:-moz-focusring,
.co-input-field:-moz-focusring,
.m-input-field:-moz-focusring {
  text-shadow: 0 0 0 var(--color-dark-text);
}

.form-control::placeholder,
.co-input-field::placeholder,
.m-input-field::placeholder {
  color: var(--color-form-controls-placeholder);
  opacity: 1;
}

.form-control.form-control_size-s,
.form-control_size-s.co-input-field,
.form-control_size-s.m-input-field {
  height: var(--controls-height-s);
  font-size: var(--controls-font-size-s);
}

.form-control.form-control_size-s.form-control_border-round,
.form-control_size-s.form-control_border-round.co-input-field,
.form-control_size-s.form-control_border-round.m-input-field {
  border-radius: calc(var(--controls-height-s) / 2);
}

.form-control.form-control_size-m,
.form-control_size-m.co-input-field,
.form-control_size-m.m-input-field {
  height: var(--controls-height-m);
  font-size: var(--controls-font-size-m);
}

.form-control.form-control_size-m.form-control_border-round,
.form-control_size-m.form-control_border-round.co-input-field,
.form-control_size-m.form-control_border-round.m-input-field {
  border-radius: calc(var(--controls-height-m) / 2);
}

.form-control.form-control_size-l,
.form-control_size-l.co-input-field,
.form-control_size-l.m-input-field {
  height: var(--controls-height-l);
  font-size: var(--controls-font-size-l);
}

.form-control.form-control_size-l.form-control_border-round,
.form-control_size-l.form-control_border-round.co-input-field,
.form-control_size-l.form-control_border-round.m-input-field {
  border-radius: calc(var(--controls-height-l) / 2);
}

.form-control.form-control_size-xl,
.form-control_size-xl.co-input-field,
.form-control_size-xl.m-input-field {
  height: var(--controls-height-xl);
  font-size: var(--controls-font-size-xl);
}

.form-control.form-control_size-xl.form-control_border-round,
.form-control_size-xl.form-control_border-round.co-input-field,
.form-control_size-xl.form-control_border-round.m-input-field {
  border-radius: calc(var(--controls-height-xl) / 2);
}

.form-control.form-control_border-round,
.form-control_border-round.co-input-field,
.form-control_border-round.m-input-field {
  border-radius: calc(var(--controls-height-m) / 2);
}

.form-control.form-control_wide,
.form-control_wide.co-input-field,
.form-control_wide.m-input-field {
  width: 100%;
}

input[type=date].form-control,
input[type=date].co-input-field,
input[type=date].m-input-field,
input[type=time].form-control,
input[type=time].co-input-field,
input[type=time].m-input-field,
input[type=datetime-local].form-control,
input[type=datetime-local].co-input-field,
input[type=datetime-local].m-input-field,
input[type=month].form-control,
input[type=month].co-input-field,
input[type=month].m-input-field {
  appearance: none;
}

select.form-control:focus::-ms-value,
select.co-input-field:focus::-ms-value,
select.m-input-field:focus::-ms-value {
  color: var(--color-dark-text);
  background-color: var(--color-form-controls-bg);
}

textarea.form-control,
textarea.co-input-field,
textarea.m-input-field {
  height: 100px;
}

.form-message {
  font-size: calc(var(--font-size) * 0.75);
}

.form-message.form-message_error {
  color: var(--color-error);
}

.form-message.form-message_success {
  color: var(--color-success);
}

html.is-overflow {
  overflow: hidden;
}

html.is-overflow body {
  overflow: hidden;
}

.page_layout {
  min-height: calc(var(--vh, 100vh) - var(--fixed-panels-top-offset) - var(--fixed-panels-bottom-offset) - var(--shop-insales-panel-height, 0px));
  display: grid;
  grid-gap: 0;
  grid-template-columns: minmax(var(--layout-side-padding), 1fr) repeat(var(--layout-cell-count), minmax(0, var(--layout-cell-width))) minmax(var(--layout-side-padding), 1fr);
  grid-template-areas: "header header" "sidebar main" "footer footer";
  grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content);
}

@media (max-width: 767px) {
  .page_layout {
    grid-template-areas: "header" "sidebar" "main" "footer";
    grid-template-columns: 100%;
    grid-template-rows: max-content;
  }
}
.page_layout .editable-widget.show-notification-empty .layout__content {
  padding-top: 0;
  padding-bottom: 0;
}

.page_layout > header {
  grid-area: header;
  grid-column: 1/-1;
}

.page_layout > main {
  grid-area: main;
  grid-column-start: var(--initial-main-start);
  grid-column-end: var(--initial-main-end);
}

@media (max-width: 767px) {
  .page_layout > main {
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.page_layout > aside {
  grid-area: sidebar;
  grid-column-start: var(--initial-sidebar-start);
  grid-column-end: var(--initial-sidebar-end);
}

@media (max-width: 767px) {
  .page_layout > aside {
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.page_layout > footer {
  grid-area: footer;
  grid-column: 1/-1;
}

.page_layout > .page_section_top {
  grid-area: section-top;
  grid-column: 1/-1;
}

.page_layout > .page_section_bottom {
  grid-area: section-bottom;
  grid-column: 1/-1;
}

.page_layout_section_top {
  grid-template-areas: "header header header header" "section-top section-top section-top section-top" ". sidebar main ." "footer footer footer footer";
  grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content);
}

@media (max-width: 767px) {
  .page_layout_section_top {
    grid-template-areas: "header" "section-top" "sidebar" "main" "footer";
    grid-template-columns: 100%;
    grid-template-rows: max-content;
  }
}
.page_layout_section_top.page_layout_section_bottom {
  grid-template-areas: "header header header header" "section-top section-top section-top section-top" ". sidebar main ." "section-bottom section-bottom section-bottom section-bottom" "footer footer footer footer";
  grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content) minmax(auto, max-content);
}

@media (max-width: 767px) {
  .page_layout_section_top.page_layout_section_bottom {
    grid-template-areas: "header" "section-top" "sidebar" "main" "section-bottom" "footer";
    grid-template-columns: 100%;
    grid-template-rows: max-content;
  }
}
.page_layout_section_bottom {
  grid-template-areas: "header header" "sidebar main" "section-bottom section-bottom" "footer footer";
  grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content) minmax(auto, max-content);
}

@media (max-width: 767px) {
  .page_layout_section_bottom {
    grid-template-areas: "header" "sidebar" "main" "section-bottom" "footer";
    grid-template-columns: 100%;
    grid-template-rows: max-content;
  }
}
@media (min-width: 768px) {
  .page_layout_normal_left > aside > .layout,
  .page_layout_normal_left > aside > .editable-widget > .layout,
  .page_layout_normal_left > aside > .editable-widget > .editable-widget-inner > .layout,
  .page_layout_normal_left > aside > [data-sidebar] > .layout,
  .page_layout_normal_left > aside > [data-sidebar] .editable-widget > .layout,
  .page_layout_normal_left > aside > [data-sidebar] .editable-widget > .editable-widget-inner > .layout,
  .page_layout_normal_left > main > .layout,
  .page_layout_normal_left > main .editable-widget > .layout,
  .page_layout_normal_left > main .editable-widget > .editable-widget-inner > .layout,
  .page_layout_normal_right > aside > .layout,
  .page_layout_normal_right > aside > .editable-widget > .layout,
  .page_layout_normal_right > aside > .editable-widget > .editable-widget-inner > .layout,
  .page_layout_normal_right > aside > [data-sidebar] > .layout,
  .page_layout_normal_right > aside > [data-sidebar] .editable-widget > .layout,
  .page_layout_normal_right > aside > [data-sidebar] .editable-widget > .editable-widget-inner > .layout,
  .page_layout_normal_right > main > .layout,
  .page_layout_normal_right > main .editable-widget > .layout,
  .page_layout_normal_right > main .editable-widget > .editable-widget-inner > .layout,
  .page_layout_sticky_left > aside > .layout,
  .page_layout_sticky_left > aside > .editable-widget > .layout,
  .page_layout_sticky_left > aside > .editable-widget > .editable-widget-inner > .layout,
  .page_layout_sticky_left > aside > [data-sidebar] > .layout,
  .page_layout_sticky_left > aside > [data-sidebar] .editable-widget > .layout,
  .page_layout_sticky_left > aside > [data-sidebar] .editable-widget > .editable-widget-inner > .layout,
  .page_layout_sticky_left > main > .layout,
  .page_layout_sticky_left > main .editable-widget > .layout,
  .page_layout_sticky_left > main .editable-widget > .editable-widget-inner > .layout,
  .page_layout_sticky_right > aside > .layout,
  .page_layout_sticky_right > aside > .editable-widget > .layout,
  .page_layout_sticky_right > aside > .editable-widget > .editable-widget-inner > .layout,
  .page_layout_sticky_right > aside > [data-sidebar] > .layout,
  .page_layout_sticky_right > aside > [data-sidebar] .editable-widget > .layout,
  .page_layout_sticky_right > aside > [data-sidebar] .editable-widget > .editable-widget-inner > .layout,
  .page_layout_sticky_right > main > .layout,
  .page_layout_sticky_right > main .editable-widget > .layout,
  .page_layout_sticky_right > main .editable-widget > .editable-widget-inner > .layout {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .page_layout_normal_left > main,
  .page_layout_sticky_left > main {
    grid-column-start: calc(var(--initial-main-start) + 1);
  }
}
.page_layout_normal_right > main,
.page_layout_sticky_right > main {
  grid-column-end: calc((var(--initial-sidebar-end) - var(--layout-cell-main)) * -1 + 1);
  grid-column-start: 2;
}

@media (max-width: 767px) {
  .page_layout_normal_right > main,
  .page_layout_sticky_right > main {
    grid-column: 1/-1;
  }
}
.page_layout_normal_right > aside,
.page_layout_sticky_right > aside {
  grid-column-end: var(--layout-cell-main);
  grid-column-start: calc((var(--initial-sidebar-end) - var(--layout-cell-main) - 2) * -1);
}

@media (max-width: 767px) {
  .page_layout_normal_right > aside,
  .page_layout_sticky_right > aside {
    grid-column: 1/-1;
  }
}
@supports (display: -ms-grid) {
  .page_layout_normal_right main,
  .page_layout_sticky_right main {
    grid-column-end: 19;
    grid-column-start: 2;
  }
  .page_layout_normal_right aside,
  .page_layout_sticky_right aside {
    grid-column-start: 19;
    grid-column-end: 26;
  }
}
.page_layout_sticky_left > aside > [data-sidebar],
.page_layout_sticky_right > aside > [data-sidebar] {
  top: calc(var(--sticky-sidebar-offset, 10px) + var(--fixed-panels-top-offset));
  z-index: var(--zindex-sticky);
}

@media (min-width: 768px) {
  .page_layout_sticky_left > aside > [data-sidebar],
  .page_layout_sticky_right > aside > [data-sidebar] {
    position: sticky;
  }
}
.page_layout_sticky_left > aside.is-large,
.page_layout_sticky_right > aside.is-large {
  display: flex;
  flex-direction: column;
}

.page_layout_sticky_left > aside.is-large:before,
.page_layout_sticky_right > aside.is-large:before {
  content: "";
  height: auto;
  display: block;
  flex: 1;
}

.page_layout_sticky_left > aside.is-large > *,
.page_layout_sticky_right > aside.is-large > * {
  width: 100%;
  flex: 0 1 auto;
}

.page_layout_sticky_left > aside.is-large > [data-sidebar],
.page_layout_sticky_right > aside.is-large > [data-sidebar] {
  top: auto;
  bottom: calc(var(--sticky-sidebar-offset, 10px) + var(--fixed-panels-bottom-offset, 0));
}

.page_layout-clear {
  display: grid;
  grid-column-gap: 1.5rem;
  grid-row-gap: 0;
  grid-template-columns: 100%;
  grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content);
  grid-template-areas: "header" "main" "footer";
}

.page_layout-clear header,
.page_layout-clear main,
.page_layout-clear aside,
.page_layout-clear footer {
  grid-column: auto;
  max-width: 100%;
}

.page_layout-clear aside {
  display: none;
}

.page_layout-clear.page_layout_section_top {
  grid-template-areas: "header" "section-top" "main" "footer";
  grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content);
}

.page_layout-clear.page_layout_section_bottom {
  grid-template-areas: "header" "main" "section-bottom" "footer";
  grid-template-rows: minmax(auto, max-content) auto minmax(auto, max-content) minmax(auto, max-content);
}

.page_layout-clear.page_layout_section_top.page_layout_section_bottom {
  grid-template-areas: "header" "section-top" "main" "section-bottom" "footer";
  grid-template-rows: minmax(auto, max-content) minmax(auto, max-content) auto minmax(auto, max-content) minmax(auto, max-content);
}

body {
  padding-top: var(--fixed-panels-top-offset);
  padding-bottom: var(--fixed-panels-bottom-offset);
}

[data-fixed-panels] {
  position: fixed;
  left: 0;
  right: 0;
  z-index: var(--zindex-fixed);
}

[data-fixed-panels=top] {
  top: var(--shop-insales-panel-height, 0);
}

[data-fixed-panels=bottom] {
  bottom: var(--shop-insales-panel-height, 0);
}

[data-fixed-panels].is-no-layouts {
  position: relative;
}

.layout {
  padding-left: var(--layout-side-padding);
  padding-right: var(--layout-side-padding);
  margin-top: var(--layout-mt);
  margin-bottom: var(--layout-mb);
}

@media screen and (max-width: 767px) {
  .layout {
    --layout-side-padding: var(--layout-side-padding-mobile);
  }
}
.layout[style*="--bg:"] {
  background: rgba(0, 0, 0, 0);
}

.layout[style*="--bg:"] .layout__content {
  padding-left: var(--layout-side-padding);
  padding-right: var(--layout-side-padding);
}

.layout[style*="--bg:"][style*="--layout-wide-bg:true"],
.layout[style*="--bg:"][style*="--layout-wide-bg: true"] {
  background: var(--bg);
  padding-left: var(--layout-side-padding);
  padding-right: var(--layout-side-padding);
}

.layout[style*="--bg:"][style*="--layout-wide-bg:true"] .layout__content,
.layout[style*="--bg:"][style*="--layout-wide-bg: true"] .layout__content {
  background: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.layout[style*="--bg:"][style*="--layout-edge:true"],
.layout[style*="--bg:"][style*="--layout-edge: true"] {
  padding-left: 0;
  padding-right: 0;
}

.layout[style*="--layout-edge:true"],
.layout[style*="--layout-edge: true"] {
  padding-left: 0;
  padding-right: 0;
}

.layout[style*="--layout-edge:true"] .layout__content,
.layout[style*="--layout-edge: true"] .layout__content {
  padding-left: 0;
  padding-right: 0;
}

.layout[style*="--layout-wide-content:true"] .layout__content,
.layout[style*="--layout-wide-content: true"] .layout__content {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .layout {
    margin-top: calc(var(--layout-mt) * var(--layout-adaptive-vertical-indents-factor-decrease));
    margin-bottom: calc(var(--layout-mb) * var(--layout-adaptive-vertical-indents-factor-decrease));
  }
}
@media screen and (max-width: 767px) {
  .layout .layout__content {
    padding-top: calc(var(--layout-pt) * var(--layout-adaptive-vertical-indents-factor-decrease));
    padding-bottom: calc(var(--layout-pb) * var(--layout-adaptive-vertical-indents-factor-decrease));
  }
}
@media screen and (max-width: 767px) {
  .layout[style*="--hide-mobile:true"],
  .layout[style*="--hide-mobile: true"] {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .layout[style*="--hide-desktop:true"],
  .layout[style*="--hide-desktop: true"] {
    display: none !important;
  }
}
.layout__content {
  max-width: var(--layout-content-max-width);
  margin: 0 auto;
  padding-top: var(--layout-pt);
  padding-bottom: var(--layout-pb);
  background: var(--bg);
}

.grid-column {
  display: grid;
  grid-template-columns: repeat(var(--column-count), 1fr);
  grid-template-rows: auto;
  grid-row-gap: var(--grid-column-row-gap);
  grid-column-gap: var(--grid-column-column-gap);
  align-items: self-start;
}

.grid-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(var(--grid-list-min-width), 100%), 1fr));
  grid-template-rows: auto;
  grid-row-gap: var(--grid-list-row-gap);
  grid-column-gap: var(--grid-list-column-gap);
  align-items: self-start;
}

.grid-list.grid-list_items-stretch {
  align-items: stretch;
}

.grid-list.grid-list_wide {
  grid-template-columns: repeat(auto-fit, minmax(min(var(--grid-list-min-width), 100%), 1fr));
}

.img-ratio {
  height: 0;
  position: relative;
  padding-top: calc(100% / (var(--img-ratio, 1)));
}

.img-ratio.img-ratio_cover,
.img-ratio.img-ratio_contain,
.img-ratio.img-fit {
  overflow: hidden;
}

.img-ratio.img-ratio_cover img,
.img-ratio.img-ratio_contain img,
.img-ratio.img-fit img {
  height: 100%;
  width: 100%;
  max-width: none;
  max-height: none;
  object-position: 50% 50%;
}

.img-ratio.img-fit img {
  object-fit: var(--img-fit, contain);
}

.img-ratio.img-ratio_cover img {
  object-fit: cover;
}

.img-ratio.img-ratio_contain img {
  object-fit: contain;
}

.img-ratio__inner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.img-ratio__picture {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
}

.img-ratio img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
}

[style*="--font-size"] {
  font-size: var(--font-size);
}

@media screen and (max-width: 767px) {
  [style*="--font-size"][style*="--adaptive-font-size-factor-increase"] {
    font-size: calc(var(--font-size) / var(--adaptive-font-size-factor-increase));
  }
}
.static-text iframe,
.static-text img {
  max-width: 100%;
}

.static-text img {
  height: auto !important;
}

.static-text .table-wrapper {
  overflow-y: auto;
}

.co-input-description a:not([class]):focus,
.co-input-description .co-menu-link:not([class]):focus,
.co-input-description .co-link:not([class]):focus,
.co-input-description .link:not([class]):focus,
.co-menu-link:focus,
.co-link:focus,
.link:focus,
a:focus {
  color: var(--color-btn-bg);
}

.co-table a,
.co-table .co-input-description a:not([class]),
.co-input-description .co-table a:not([class]),
.co-table .co-menu-link,
.co-table .co-link,
.co-table .link {
  color: var(--color-accent-text) !important;
}

.co-tabs-content .radio > span,
.co-input--radio > span,
.co-toggable_field-input--checkbox > span,
.co-toggable_field-input--radio > span {
  color: var(--color-btn-bg);
}

.co-toggable_field-input--checkbox input + span:after {
  line-height: 18px;
  font-size: 9px;
}

.co-form-controls a,
.co-form-controls .co-input-description a:not([class]),
.co-input-description .co-form-controls a:not([class]),
.co-form-controls .co-menu-link,
.co-form-controls .co-link,
.co-form-controls .link,
.co-button--password_recover {
  text-decoration: none;
}

.co-form-controls a:focus,
.co-form-controls .co-menu-link:focus,
.co-form-controls .co-link:focus,
.co-form-controls .link:focus,
.co-button--password_recover:focus {
  color: var(--color-btn-bg);
}

.co-tabs-controls--customer .co-tabs-node {
  border-radius: 0;
}

.co-tabs-controls--customer .co-tabs-node:first-child {
  border-top-left-radius: var(--controls-form-border-radius);
  border-bottom-left-radius: var(--controls-form-border-radius);
}

.co-tabs-controls--customer .co-tabs-node:last-child {
  border-top-right-radius: var(--controls-form-border-radius);
  border-bottom-right-radius: var(--controls-form-border-radius);
}

.co-tabs-controls--customer .co-tabs-node:not(.co-tabs-node--active) {
  background: var(--color-btn-bg-minor-shade);
}

.co-tabs-controls--customer .co-tabs-node--active:hover {
  background: var(--color-btn-bg);
  color: var(--color-btn-color);
  border-color: var(--color-btn-bg);
}

.co-order-state {
  border-radius: var(--controls-form-border-radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--controls-height-m);
  padding: 4px var(--controls-btn-padding-x);
  white-space: break-spaces;
}

.co-order-state + .co-button.co-button--small {
  white-space: break-spaces;
}

.co-input-field,
.m-input-field {
  border: var(--controls-border-width) solid var(--color-form-controls-color);
}

.tt-dropdown-menu {
  color: var(--color-form-controls-color);
  background: var(--color-form-controls-bg);
}

.co-input--house {
  margin-right: 1rem;
}

div.co-input-select {
  background: rgba(0, 0, 0, 0);
}

div.co-input-select:after {
  content: "▼";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 10px;
  top: 9px;
  opacity: 0.8;
  pointer-events: none;
  color: var(--color-text-half-shade);
}

.m-modal,
.co-modal:not(.co-modal--pick_up_modal) {
  background: var(--bg);
}

.co-pick_up-desktop-list_filter {
  height: auto;
  line-height: normal;
}

.mobile .co-modal--pick_up_modal .pick-up-modal-tool-button,
.mobile .co-modal--pick_up_modal .co-modal-switch,
.mobile .co-modal--pick_up_modal .co-modal-select-point,
.mobile .co-modal--pick_up_modal .co-modal-close {
  align-items: center;
}

.co-pick_up-item,
.co-modal--pick_up_modal {
  color: #000;
}

.m-input--checkbox {
  position: relative;
  opacity: 1;
}

.m-input--checkbox input[type=checkbox] {
  -webkit-appearance: checkbox;
  position: absolute;
  opacity: 0;
  z-index: 0;
  height: 1.5rem;
  width: 1.5rem;
  top: 5px;
}

.m-input--checkbox [type=checkbox] + span {
  color: var(--color-btn-bg);
  flex-basis: 1rem;
  z-index: 1;
  pointer-events: none;
  line-height: 1.7rem;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  border: var(--controls-border-width) solid var(--color-form-controls-border-color);
  border-radius: calc(var(--controls-form-border-radius) / 2);
  top: 5px;
}

.m-input--checkbox [type=checkbox]:checked + span:after {
  content: var(--icon-code-check, var(--icon-check, "✓"));
  left: 50%;
  top: 50%;
  font-size: 0.8rem;
  position: absolute;
  transform: translate(-50%, -50%);
  font-family: "insales-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.co-input--file_selected .co-input-file_name_wrapper {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.m-modal-close {
  background: none;
  outline: none;
}

.m-modal-close:after {
  content: "×";
  font-size: 3rem;
  line-height: 2rem;
  color: var(--color-text);
}

.co-button--checkout#create_order {
  width: 100%;
  margin: 1rem 0;
  height: var(--controls-height-l);
}

.co-bonus_points-maximum_points {
  color: var(--color-text);
}

@media screen and (max-width: 767px) {
  .co-login {
    flex: 0 1 auto;
  }
}
.m-modal#insales-quick-checkout-dialog {
  max-height: 100vh;
}

@media (min-width: 601px) {
  .m-modal#insales-quick-checkout-dialog {
    max-height: calc(100vh - 60px);
  }
}
.co-basket_item-description {
  min-width: 0;
}

.co-section--content_wrapper {
  max-width: 100%;
}

@media (max-width: 767px) {
  .co-section--content_wrapper {
    margin-left: calc(var(--layout-side-padding) * -1);
    margin-right: calc(var(--layout-side-padding) * -1);
  }
}
@media (max-width: 767px) {
  .co-section--checkout_content {
    margin: 0;
  }
}
.checkout-v2-wrapper.co-section--content_wrapper {
  max-width: none;
}

.co-modal-login_form .co-button--password_recover {
  margin: 0;
}

#quick_checkout_form .m-modal-errors {
  color: #a94442;
}

.co-checkout-title,
.co-title--h1 {
  font-size: calc(var(--font-size) * var(--heading-ratio, 2));
  font-weight: var(--heading-weight, 700);
}

.co-title--h2 {
  font-size: calc(var(--font-size) * var(--heading-ratio) / 1.4);
  font-weight: var(--heading-weight, 700);
}

.static-text .insales-rich-editable {
  max-width: 100%;
}

.grecaptcha-badge {
  transform-origin: 0 0;
  transition: all 300ms !important;
  z-index: 1;
}

.grecaptcha-badge[data-style=bottomleft] {
  transform: scale(0.8) translateX(18%) !important;
}

.grecaptcha-badge[data-style=bottomleft][style*="left: 0px"],
.grecaptcha-badge[data-style=bottomleft][style*="left:0px"] {
  transform: scale(0.8) translateX(0%) !important;
}

.grecaptcha-badge[data-style=bottomright] {
  transform: scale(0.8) translateX(8%) !important;
}

.grecaptcha-badge[data-style=bottomright][style*="right: 0px"],
.grecaptcha-badge[data-style=bottomright][style*="right:0px"] {
  transform: scale(0.8) translateX(25%) !important;
}

.SmartCaptcha-Shield {
  z-index: 1;
}

.SmartCaptcha-Shield_position_right.SmartCaptcha-Shield_visible {
  transform: translateX(-100px) !important;
}

.SmartCaptcha-Shield_position_bottom {
  bottom: 135px !important;
}

[style*="--is-editor:false"] .outside-widgets,
[style*="--is-editor: false"] .outside-widgets {
  display: block !important;
}

body .is-info-notice {
  background-color: var(--color-notice-info, "#cce5ff");
  border: none;
}

body .is-success-notice {
  background-color: var(--color-notice-success, "#d4edda");
  border: none;
}

body .is-warning-notice {
  background-color: var(--color-notice-warning, "#fff3cd");
  border: none;
}

body .is-error-notice {
  background-color: var(--color-notice-error, "#f8d7da");
  border: none;
}

[style*="--color-notice-warning-is-dark:true"] .is-warning-notice,
[style*="--color-notice-success-is-dark:true"] .is-success-notice,
[style*="--color-notice-error-is-dark:true"] .is-error-notice,
[style*="--color-notice-info-is-dark:true"] .is-info-notice,
[style*="--color-notice-warning-is-light:false"] .is-warning-notice,
[style*="--color-notice-success-is-light:false"] .is-success-notice,
[style*="--color-notice-error-is-light:false"] .is-error-notice,
[style*="--color-notice-info-is-light:false"] .is-info-notice {
  color: var(--color-text-light);
  --color-text: var(--color-text-light);
  --color-text-minor-shade: var(--color-text-light-minor-shade);
  --color-text-major-shade: var(--color-text-light-major-shade);
  --color-text-half-shade: var(--color-text-light-half-shade);
}

[style*="--color-notice-warning-is-dark:false"] .is-warning-notice,
[style*="--color-notice-success-is-dark:false"] .is-success-notice,
[style*="--color-notice-error-is-dark:false"] .is-error-notice,
[style*="--color-notice-info-is-dark:false"] .is-info-notice,
[style*="--color-notice-warning-is-light:true"] .is-warning-notice,
[style*="--color-notice-success-is-light:true"] .is-success-notice,
[style*="--color-notice-error-is-light:true"] .is-error-notice,
[style*="--color-notice-info-is-light:true"] .is-info-notice {
  color: var(--color-text-dark);
  --color-text: var(--color-text-dark);
  --color-text-minor-shade: var(--color-text-dark-minor-shade);
  --color-text-major-shade: var(--color-text-dark-major-shade);
  --color-text-half-shade: var(--color-text-dark-half-shade);
}

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

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

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

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

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

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

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

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

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

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

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

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

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

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

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

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

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

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

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

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

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

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

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

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

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

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

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

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

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

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

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

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

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

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

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

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

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

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

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

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

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

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

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

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

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

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

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

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

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

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

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

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

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

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
: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-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 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-disabled-opacity: 0.65;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
  display: block;
}

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

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

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

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

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

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

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

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

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

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change: transform, width, height;
}

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

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

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

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

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

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

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

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

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

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

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

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

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

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

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

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

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

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

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

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

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

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

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

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

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

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

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

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

.f-thumbs__track {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

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

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px;
}

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

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

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

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

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

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

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

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

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

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

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

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

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

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

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

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

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

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

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

.fancybox__infobar span {
  padding: 0 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "DIN Pro", Arial, sans-serif;
  color: #222;
  background: #fff;
}

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

img {
  max-width: 100%;
}

.layout__content {
  width: 100%;
  margin: 0 auto;
}

.layout {
  max-width: 100%;
}

.standalone-product-link {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

[data-standalone-hidden] {
  display: none !important;
}

.stickers:has(> .installment-004-sticker),
.stickers_d:has(> .installment-004-sticker) {
  overflow: visible !important;
  z-index: 30 !important;
}

.stickers:has(> .installment-004-sticker) > .sticker-0-0-4:not(.installment-004-sticker),
.stickers_d:has(> .installment-004-sticker) > .sticker-0-0-4:not(.installment-004-sticker) {
  display: none !important;
}

.product-preview .stickers:has(> .installment-004-sticker) {
  top: 3px !important;
  right: 3px !important;
  width: auto !important;
}

.installment-004-sticker {
  position: relative !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 54px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  margin: 0 0 5px auto !important;
  padding: 5px !important;
  border: 0 !important;
  border-radius: 50% !important;
  outline: none;
  background: linear-gradient(135deg, #d96fe9 0%, #8b78e8 48%, #35c9d3 100%) !important;
  box-shadow: 0 5px 16px rgba(49, 62, 100, 0.2) !important;
  color: #111 !important;
  font: inherit;
  line-height: 1 !important;
  text-align: center;
  cursor: help;
  pointer-events: auto !important;
  isolation: isolate;
  z-index: 40;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  -webkit-appearance: none;
  appearance: none;
}

.product-preview .stickers > .installment-004-sticker {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

.product__area-title > .stickers:has(> .installment-004-sticker) {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-height: 54px;
}

.installment-004-sticker:hover,
.installment-004-sticker:focus,
.installment-004-sticker:focus-visible,
.installment-004-sticker.is-tooltip-open {
  transform: scale(1.06);
  box-shadow: 0 7px 20px rgba(49, 62, 100, 0.28) !important;
}

.installment-004-sticker:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
}

.installment-004-sticker__label {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #f3f8f8;
  color: #111;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.installment-004-sticker__tooltip {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  box-sizing: border-box;
  width: 280px;
  max-width: calc(100vw - 32px);
  padding: 12px 14px;
  border: 1px solid rgba(17, 17, 17, 0.08);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(17, 17, 17, 0.16);
  color: #111;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
  z-index: 50;
}

.installment-004-sticker.pp-tooltip-trigger > .installment-004-sticker__tooltip {
  display: none;
}

.installment-004-sticker__tooltip::before {
  content: "";
  position: absolute;
  right: 19px;
  bottom: 100%;
  border: 6px solid transparent;
  border-bottom-color: #fff;
}

.installment-004-sticker:hover .installment-004-sticker__tooltip,
.installment-004-sticker:focus .installment-004-sticker__tooltip,
.installment-004-sticker:focus-visible .installment-004-sticker__tooltip,
.installment-004-sticker.is-tooltip-open .installment-004-sticker__tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

@media (max-width: 767px) {
  .installment-004-sticker {
    flex-basis: 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 4px !important;
  }
  .installment-004-sticker:hover,
  .installment-004-sticker:focus,
  .installment-004-sticker:focus-visible,
  .installment-004-sticker.is-tooltip-open {
    transform: none;
  }
  .installment-004-sticker__label {
    width: 40px;
    height: 40px;
    font-size: 11px;
  }
  .installment-004-sticker__tooltip {
    position: fixed;
    top: auto;
    right: 16px;
    bottom: 76px;
    left: 16px;
    width: auto;
    max-width: none;
    font-size: 13px;
    z-index: 10050;
  }
  .installment-004-sticker__tooltip::before {
    display: none;
  }
}
:root body {
  --bg: var(--draft-bg, #ffffff);
  --bg-is-light: var(--draft-bg-is-light, true);
  --bg-minor-shade: var(--draft-bg-minor-shade, #f7f7f7);
  --bg-minor-shade-is-light: var(--draft-bg-minor-shade-is-light, true);
  --bg-major-shade: var(--draft-bg-major-shade, #ededed);
  --bg-major-shade-is-light: var(--draft-bg-major-shade-is-light, true);
  --bg-half-shade: var(--draft-bg-half-shade, #808080);
  --bg-half-shade-is-dark: var(--draft-bg-half-shade-is-dark, true);
  --color-btn-bg: var(--draft-color-btn-bg, #eb212e);
  --color-btn-bg-is-dark: var(--draft-color-btn-bg-is-dark, true);
  --color-btn-bg-minor-shade: var(--draft-color-btn-bg-minor-shade, #ed3c48);
  --color-btn-bg-minor-shade-is-dark: var(--draft-color-btn-bg-minor-shade-is-dark, true);
  --color-btn-bg-major-shade: var(--draft-color-btn-bg-major-shade, #ef555f);
  --color-btn-bg-major-shade-is-dark: var(--draft-color-btn-bg-major-shade-is-dark, true);
  --color-btn-bg-half-shade: var(--draft-color-btn-bg-half-shade, #f69fa5);
  --color-btn-bg-half-shade-is-light: var(--draft-color-btn-bg-half-shade-is-light, true);
  --color-accent-text: var(--draft-color-accent-text, #eb212e);
  --color-accent-text-is-dark: var(--draft-color-accent-text-is-dark, true);
  --color-accent-text-minor-shade: var(--draft-color-accent-text-minor-shade, #ed3c48);
  --color-accent-text-minor-shade-is-dark: var(--draft-color-accent-text-minor-shade-is-dark, true);
  --color-accent-text-major-shade: var(--draft-color-accent-text-major-shade, #ef555f);
  --color-accent-text-major-shade-is-dark: var(--draft-color-accent-text-major-shade-is-dark, true);
  --color-accent-text-half-shade: var(--draft-color-accent-text-half-shade, #f69fa5);
  --color-accent-text-half-shade-is-light: var(--draft-color-accent-text-half-shade-is-light, true);
  --color-text-dark: var(--draft-color-text-dark, #212529);
  --color-text-dark-is-dark: var(--draft-color-text-dark-is-dark, true);
  --color-text-dark-minor-shade: var(--draft-color-text-dark-minor-shade, #353c43);
  --color-text-dark-minor-shade-is-dark: var(--draft-color-text-dark-minor-shade-is-dark, true);
  --color-text-dark-major-shade: var(--draft-color-text-dark-major-shade, #49525b);
  --color-text-dark-major-shade-is-dark: var(--draft-color-text-dark-major-shade-is-dark, true);
  --color-text-dark-half-shade: var(--draft-color-text-dark-half-shade, #87939f);
  --color-text-dark-half-shade-is-dark: var(--draft-color-text-dark-half-shade-is-dark, true);
  --color-text-light: var(--draft-color-text-light, #ffffff);
  --color-text-light-is-light: var(--draft-color-text-light-is-light, true);
  --color-text-light-minor-shade: var(--draft-color-text-light-minor-shade, #f7f7f7);
  --color-text-light-minor-shade-is-light: var(--draft-color-text-light-minor-shade-is-light, true);
  --color-text-light-major-shade: var(--draft-color-text-light-major-shade, #ededed);
  --color-text-light-major-shade-is-light: var(--draft-color-text-light-major-shade-is-light, true);
  --color-text-light-half-shade: var(--draft-color-text-light-half-shade, #808080);
  --color-text-light-half-shade-is-dark: var(--draft-color-text-light-half-shade-is-dark, true);
  --icons_pack: var(--draft-icons_pack, insales-default);
  --controls-btn-border-radius: var(--draft-controls-btn-border-radius, 6px);
  --color-notice-warning: var(--draft-color-notice-warning, #eb212e);
  --color-notice-warning-is-dark: var(--draft-color-notice-warning-is-dark, true);
  --color-notice-warning-minor-shade: var(--draft-color-notice-warning-minor-shade, #ed3c48);
  --color-notice-warning-minor-shade-is-dark: var(--draft-color-notice-warning-minor-shade-is-dark, true);
  --color-notice-warning-major-shade: var(--draft-color-notice-warning-major-shade, #ef555f);
  --color-notice-warning-major-shade-is-dark: var(--draft-color-notice-warning-major-shade-is-dark, true);
  --color-notice-warning-half-shade: var(--draft-color-notice-warning-half-shade, #f69fa5);
  --color-notice-warning-half-shade-is-light: var(--draft-color-notice-warning-half-shade-is-light, true);
  --color-notice-success: var(--draft-color-notice-success, #eb212e);
  --color-notice-success-is-dark: var(--draft-color-notice-success-is-dark, true);
  --color-notice-success-minor-shade: var(--draft-color-notice-success-minor-shade, #ed3c48);
  --color-notice-success-minor-shade-is-dark: var(--draft-color-notice-success-minor-shade-is-dark, true);
  --color-notice-success-major-shade: var(--draft-color-notice-success-major-shade, #ef555f);
  --color-notice-success-major-shade-is-dark: var(--draft-color-notice-success-major-shade-is-dark, true);
  --color-notice-success-half-shade: var(--draft-color-notice-success-half-shade, #f69fa5);
  --color-notice-success-half-shade-is-light: var(--draft-color-notice-success-half-shade-is-light, true);
  --color-notice-error: var(--draft-color-notice-error, #eb212e);
  --color-notice-error-is-dark: var(--draft-color-notice-error-is-dark, true);
  --color-notice-error-minor-shade: var(--draft-color-notice-error-minor-shade, #ed3c48);
  --color-notice-error-minor-shade-is-dark: var(--draft-color-notice-error-minor-shade-is-dark, true);
  --color-notice-error-major-shade: var(--draft-color-notice-error-major-shade, #ef555f);
  --color-notice-error-major-shade-is-dark: var(--draft-color-notice-error-major-shade-is-dark, true);
  --color-notice-error-half-shade: var(--draft-color-notice-error-half-shade, #f69fa5);
  --color-notice-error-half-shade-is-light: var(--draft-color-notice-error-half-shade-is-light, true);
  --color-notice-info: var(--draft-color-notice-info, #eb212e);
  --color-notice-info-is-dark: var(--draft-color-notice-info-is-dark, true);
  --color-notice-info-minor-shade: var(--draft-color-notice-info-minor-shade, #ed3c48);
  --color-notice-info-minor-shade-is-dark: var(--draft-color-notice-info-minor-shade-is-dark, true);
  --color-notice-info-major-shade: var(--draft-color-notice-info-major-shade, #ef555f);
  --color-notice-info-major-shade-is-dark: var(--draft-color-notice-info-major-shade-is-dark, true);
  --color-notice-info-half-shade: var(--draft-color-notice-info-half-shade, #f69fa5);
  --color-notice-info-half-shade-is-light: var(--draft-color-notice-info-half-shade-is-light, true);
  --font-family: var(--draft-font-family, "Noto Sans");
  --font-size: var(--draft-font-size, 16px);
  --font-family-heading: var(--draft-font-family-heading, "Noto Sans");
  --heading-ratio: var(--draft-heading-ratio, 1.5);
  --heading-weight: var(--draft-heading-weight, 500);
  --collection_count: var(--draft-collection_count, 32);
  --search_count: var(--draft-search_count, 12);
  --blog_size: var(--draft-blog_size, 8);
  --product_not_available: var(--draft-product_not_available, preorder);
  --layout-content-max-width: var(--draft-layout-content-max-width, 1408px);
  --delta_sidebar: var(--draft-delta_sidebar, 1);
  --type_sidebar: var(--draft-type_sidebar, sticky);
  --sidebar_index_show: var(--draft-sidebar_index_show, false);
  --sidebar_index_position: var(--draft-sidebar_index_position, left);
  --sidebar_collection_show: var(--draft-sidebar_collection_show, true);
  --sidebar_collection_position: var(--draft-sidebar_collection_position, left);
  --sidebar_cart_show: var(--draft-sidebar_cart_show, false);
  --sidebar_cart_position: var(--draft-sidebar_cart_position, left);
  --sidebar_product_show: var(--draft-sidebar_product_show, false);
  --sidebar_product_position: var(--draft-sidebar_product_position, left);
  --sidebar_blog_show: var(--draft-sidebar_blog_show, false);
  --sidebar_blog_position: var(--draft-sidebar_blog_position, left);
  --sidebar_article_show: var(--draft-sidebar_article_show, false);
  --sidebar_article_position: var(--draft-sidebar_article_position, left);
  --sidebar_page_show: var(--draft-sidebar_page_show, false);
  --sidebar_page_position: var(--draft-sidebar_page_position, left);
  --sidebar_compare_show: var(--draft-sidebar_compare_show, false);
  --sidebar_compare_position: var(--draft-sidebar_compare_position, left);
  --sidebar_search_show: var(--draft-sidebar_search_show, false);
  --sidebar_search_position: var(--draft-sidebar_search_position, left);
  --feedback_captcha_enabled: var(--draft-feedback_captcha_enabled, true);
  --favorite_enabled: var(--draft-favorite_enabled, true);
  --compare_enabled: var(--draft-compare_enabled, true);
}

.landing-block-01 {
  padding: 0;
  margin: 0;
  background-color: #182029;
  color: #fff;
  font-family: "DIN Pro";
}

.landing-block-01 .layout__content {
  background-color: transparent;
}

.landing-block-01 .swiper {
  overflow: hidden;
}

.landing-block-01 h2 {
  font-size: 48px;
  line-height: 1.4em;
  letter-spacing: -0.01em;
}

.landing-block-01 h1,
.landing-block-01 h2,
.landing-block-01 h3,
.landing-block-01 h4,
.landing-block-01 h5,
.landing-block-01 p {
  margin: 0;
}

.landing-block-01 a,
.landing-block-01 button,
.landing-block-01 input,
.landing-block-01 svg,
.landing-block-01 svg path,
.landing-block-01 img {
  transition: all 0.5s ease;
}

.landing-block-01 input,
.landing-block-01 input:hover,
.landing-block-01 input:focus,
.landing-block-01 input:active,
.landing-block-01 button,
.landing-block-01 button:hover,
.landing-block-01 button:focus,
.landing-block-01 button:active {
  outline: none;
}

.landing-block-01 ul,
.landing-block-01 li {
  display: block;
  margin: 0;
  padding: 0;
}

.landing-block-01 img {
  max-width: 100%;
}

.landing-block-01 div,
.landing-block-01 a,
.landing-block-01 li {
  box-sizing: border-box;
}

.landing-block-01 .container {
  max-width: 1436px;
  margin: auto;
}

.landing-block-01 .no-wrapp {
  white-space: nowrap;
}

.landing-block-01 .btn {
  display: inline-block;
  max-width: 215px;
  width: 100%;
  padding: 11px 0;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background-color: #e02e2b;
  border-radius: 100px;
  text-decoration: none;
}

.landing-block-01 .pure-header__fixed,
.landing-block-01 .complect .complect-button-prev,
.landing-block-01 .complect .complect-button-next,
.landing-block-01 .page-mob {
  display: none;
}

.landing-block-01 .color-blue {
  color: #2988cf;
}

.landing-block-01 .header {
  background: #fff;
  display: flex;
  align-items: center;
  padding: 8px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.landing-block-01 .header .pure-container {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1390px;
  margin: auto;
  justify-content: space-between;
}

.landing-block-01 .header__logos {
  display: flex;
  align-items: center;
}

.landing-block-01 .header__logos a {
  display: flex;
  align-items: center;
  max-width: 144px;
}

.landing-block-01 .header__logos a:first-child:after {
  content: "";
  display: block;
  height: 38px;
  width: 1px;
  background-color: #e3e3e8;
  margin: 0 20px;
}

.landing-block-01 .header__logos a:last-child {
  max-width: 67px;
}

.landing-block-01 .header__nav {
  display: flex;
}

.landing-block-01 .header__nav a {
  font-size: 18px;
  line-height: 1.1em;
  color: #4d4d4d;
  margin: 0 16px;
  transition: 0.3s;
  text-decoration: none;
  font-weight: 500;
}

.landing-block-01 .header__nav .active a,
.landing-block-01 .header__item:hover {
  color: #e02e2b;
}

.landing-block-01 .header .btn {
  max-width: 114px;
  border-radius: 4px;
  padding: 11px 0;
  line-height: 1.3em;
}

.landing-block-01 .banner-main {
  position: relative;
  text-align: center;
  background: url(/sites/all/themes/fim_theme/images/landings/care-for-you/images/85539d0ce062e1__main-banner-bg.jpg) no-repeat 50%/cover;
  padding: 200px 0;
  border-radius: 0 0 34px 34px;
}

.landing-block-01 .banner-main .container {
  position: relative;
}

.landing-block-01 .banner-main__images {
  position: absolute;
  left: -12vw;
  top: -126px;
  max-height: 43vw;
}

.landing-block-01 .banner-main__content {
  max-width: 45vw;
  margin-left: auto;
  position: relative;
}

.landing-block-01 .banner-main__logo,
.landing-block-01 .price__logo {
  display: block;
  max-width: 148px;
  margin: auto;
}

.landing-block-01 .banner-main p,
.landing-block-01 .price p {
  font-size: 2.1vw;
  line-height: 1em;
  letter-spacing: -0.01em;
  margin-top: 20px;
}

.landing-block-01 .banner-main__title,
.landing-block-01 .price__title {
  position: relative;
  margin: 50px 0 30px;
  font-size: 2.4vw;
  line-height: 1.2em;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  font-weight: 700;
}

.landing-block-01 .banner-main__title p {
  margin: 3px 0 4px;
  font-size: 2.4vw;
  line-height: 1.2em;
  letter-spacing: -0.01em;
}

.landing-block-01 .banner-main__title img {
  display: block;
  max-width: 104px;
}

.landing-block-01 .banner-main__title img:first-child {
  margin-right: auto;
}

.landing-block-01 .banner-main__title img:last-child {
  margin-left: auto;
}

.landing-block-01 .banner-main__links,
.landing-block-01 .price__links {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 505px;
  margin: auto;
}

.landing-block-01 .banner-main__links_mob,
.landing-block-01 .advantages-list__link,
.landing-block-01 .header__burger {
  display: none;
}

.landing-block-01 .banner-main__links .btn {
  background-color: #fff;
  max-width: 260px;
  color: #0e2437;
  border-radius: 4px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.landing-block-01 .banner-main__links .btn svg {
  margin-right: 10px;
}

.landing-block-01 .text-left {
  font-size: 46px;
  text-transform: uppercase;
  font-weight: 700;
}

.landing-block-01 .text-left .color-blue {
  color: #2570a7;
}

.landing-block-01 .advantages {
  position: relative;
  padding-top: 28px;
  margin-top: 100px;
}

.landing-block-01 .advantages-bg {
  position: absolute;
  left: 50%;
  top: 110%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.landing-block-01 .advantages-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.landing-block-01 .advantages-list .swiper-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.landing-block-01 .advantages-list__card {
  max-width: 32%;
  width: 100%;
  min-height: 544px;
  padding: 32px 16px 15px;
  color: #000;
  border-radius: 18px;
  background-color: #fff;
  text-align: center;
  transition: all 0.3s;
}

.landing-block-01 .advantages-list__card h4 {
  font-size: 26px;
  line-height: 1.2em;
  letter-spacing: -0.01em;
  min-height: 62px;
  max-width: 420px;
  color: #182029;
  margin: 0 auto 11px;
}

.landing-block-01 .advantages-list__card p {
  font-size: 18px;
  line-height: 1.4em;
  text-align: center;
  letter-spacing: -0.01em;
  color: #444;
  margin: 5px auto 0;
  max-width: none;
  height: 130px;
}

.landing-block-01 .advantages-list__card:first-child p {
  height: auto;
}

.landing-block-01 .advantages-list__card p.advantages-list__disclaimer {
  margin: 4px auto 8px;
  font-size: 16px;
  color: #888;
}

.landing-block-01 .advantages-list__presentation {
  position: relative;
  max-width: 422px;
  margin: auto;
}

.landing-block-01 .advantages-list__presentation img:first-child {
  max-height: 422px;
}

.landing-block-01 .advantages-list__icon {
  position: absolute;
  bottom: 10px;
  left: 7px;
  max-width: 136px;
}

.landing-block-01 .advantages-button-next,
.landing-block-01 .advantages-button-prev {
  display: none;
}

.landing-block-01 .cloth {
  padding: 80px 0 155px;
}

.landing-block-01 .cloth-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1430px;
  margin-left: auto;
  margin-right: auto;
}

.landing-block-01 .cloth-wrapper__info {
  max-width: 682px;
  position: relative;
}

.landing-block-01 .cloth-wrapper__info h3 {
  font-size: 48px;
  text-transform: uppercase;
  line-height: 1.4em;
  letter-spacing: -0.01em;
  margin-bottom: 20px;
}

.landing-block-01 .cloth-wrapper__info p {
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
}

.landing-block-01 .cloth-slider {
  max-width: 49%;
  margin-left: auto;
  margin-top: -7px;
  position: absolute;
  right: 0;
}

.landing-block-01 .cloth-slider .swiper-slide {
  background: linear-gradient(165.45deg, rgba(24, 32, 41, 0.6) 2.23%, #101922 92.62%);
  border-radius: 16px;
  padding: 19px 20px;
  opacity: 0.5;
}

.landing-block-01 .cloth-slider .swiper-slide-active {
  opacity: 1;
}

.landing-block-01 .cloth-slider .swiper-slide img {
  border-radius: 16px;
}

.landing-block-01 .cloth-slider__shadow-right {
  position: absolute;
  right: 0;
  z-index: 1;
}

.landing-block-01 .cloth-slider p {
  margin-top: 12px;
  font-size: 24px;
  letter-spacing: -0.02em;
  line-height: 1em;
  height: 50px;
}

.landing-block-01 .cloth .swiper-button-next,
.landing-block-01 .cloth .swiper-button-prev {
  width: 57px;
  height: 57px;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: auto;
  margin: 0;
  bottom: -70px;
}

.landing-block-01 .cloth .swiper-button-next {
  left: 85px;
}

.landing-block-01 .swiper-button-next:after,
.landing-block-01 .swiper-button-prev:after {
  display: none;
}

.landing-block-01 .cloth .swiper-button-prev {
  left: 0;
}

.landing-block-01 .video-banner {
  position: relative;
  padding: 60px 0;
}

.landing-block-01 .video-banner h2 {
  text-align: center;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.landing-block-01 .video-banner a {
  display: block;
  position: relative;
  margin-top: 47px;
  z-index: 1;
}

.landing-block-01 .video-banner a img {
  border-radius: 16px;
}

.landing-block-01 .video-banner svg {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  transform: translate(-50%, -50%);
}

.landing-block-01 .comfort {
  padding: 8px 0 38px;
  position: relative;
}

.landing-block-01 .comfort-slider,
.landing-block-01 .comfort-bg {
  display: none;
}

.landing-block-01 .comfort-disclaimer {
  text-align: center;
  font-size: 16px;
  line-height: 1.4em;
  margin: 0;
  color: #fff;
  opacity: 0.5;
}

.landing-block-01 .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 1;
  position: relative;
}

.landing-block-01 .comfort-sticky {
  position: sticky;
  top: 100px;
  max-width: 650px;
  width: 100%;
}

.landing-block-01 .comfort h2 {
  text-transform: uppercase;
  position: relative;
  z-index: 2;
}

.landing-block-01 .video-bg {
  position: absolute;
  left: -117px;
  top: -248px;
  z-index: 1;
}

.landing-block-01 .wrapper__list {
  display: flex;
  justify-content: space-between;
  max-width: 855px;
  width: 100%;
}

.landing-block-01 .wrapper__item {
  max-width: 362px;
  width: 100%;
  opacity: 0.5;
  transition: all 0.3s;
  margin-bottom: 125px;
}

.landing-block-01 .wrapper__item:last-child {
  margin-bottom: 0;
}

.landing-block-01 .wrapper__item img {
  box-shadow: 0 20px 100px rgba(10, 26, 44, 0.4);
  border-radius: 16px;
  max-width: 335px;
}

.landing-block-01 .wrapper__item h4 {
  font-size: 36px;
  line-height: 1.2em;
  letter-spacing: -0.01em;
  margin: 16px 0 10px;
  font-weight: 500;
}

.landing-block-01 .wrapper__item p {
  font-size: 24px;
  line-height: 1.5em;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.8);
}

.landing-block-01 .wrapper__item.active {
  opacity: 1;
}

.landing-block-01 .wrapper__column:last-child {
  margin-top: 235px;
}

.landing-block-01 .interior {
  padding: 67px 0 0;
  position: relative;
  z-index: 0;
}

.landing-block-01 .interior-bg {
  position: absolute;
  right: 0;
  top: 200px;
  z-index: -1;
}

.landing-block-01 .interior h2 {
  text-transform: uppercase;
  text-align: center;
  transition: all 0.3s;
}

.landing-block-01 .interior-content {
  max-width: 1194px;
  margin: 32px auto 0;
}

.landing-block-01 .interior-content__images {
  border-radius: 16px;
  width: 100%;
  max-height: 900px;
  object-fit: cover;
}

.landing-block-01 .pure-table__content * {
  color: #fff;
}

.landing-block-01 .btn {
  padding: 8px 0;
  max-width: 141px;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 500;
}

.landing-block-01 .pharecter {
  padding-bottom: 62px;
}

.landing-block-01 .pure-table__slider {
  padding-bottom: 39px;
}

.landing-block-01 .pure-table__content {
  display: flex;
  margin: 34px auto 0;
  position: relative;
  max-width: 950px;
}

.landing-block-01 .choise__main-item .btn {
  margin-top: 16px;
  max-width: 121px;
  line-height: 1.3em;
  padding: 13px 0;
}

.landing-block-01 .choise-price {
  font-size: 24px;
  font-weight: 700;
  margin: 16px 0 22px;
}

.landing-block-01 .choise__main-item-image {
  display: block;
  margin: auto;
  max-width: 250px;
}

.landing-block-01 .choise__main-item-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4em;
  margin: 0 0 17px;
}

.landing-block-01 .pure-table__characteristics {
  width: 40%;
}

.landing-block-01 .pure-table__main {
  width: 56%;
  position: relative;
  margin-left: auto;
}

.landing-block-01 .choise__box {
  background: rgba(255, 255, 255, 0.04);
  border-radius: 8px;
}

.landing-block-01 .swiper-slide ul {
  padding: 0;
  margin: auto;
}

.landing-block-01 .swiper-slide ul li,
.landing-block-01 .pure-table__content .pure-table__characteristics ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px 0 8px;
  text-align: center;
  font-size: 24px;
  position: relative;
  font-weight: 500;
  margin: auto;
  border-bottom: 3px solid #0d2032;
}

.landing-block-01 .swiper-slide ul li {
  font-weight: 400;
}

.landing-block-01 .pure-table__content .pure-table__characteristics ul li:last-child {
  letter-spacing: -0.01em;
}

.landing-block-01 .swiper-slide ul li.table-price {
  font-size: 24px;
  font-weight: 700;
}

.landing-block-01 .pure-table__content .pure-table__characteristics ul li:first-child {
  align-items: flex-start;
  height: 294px;
}

.landing-block-01 .pure-table__direction {
  flex-direction: column;
}

.landing-block-01 .pure-table__image h2 {
  color: #222;
  font-weight: 500;
  margin-top: 156px;
}

.landing-block-01 .swiper-slide ul li span,
.landing-block-01 .pure-table__content h2.pure-mob,
.landing-block-01 .swiper-slide ul li.table-mob-title {
  display: none;
}

.landing-block-01 .pure-table__characteristics ul {
  margin-left: 0;
}

.landing-block-01 .pure-table__image {
  min-height: 494px;
  padding-top: 138px;
  line-height: 1.4em;
}

.landing-block-01 .pure-table__image img {
  max-width: 132px;
  width: 100%;
}

.landing-block-01 .pure-table__slider .swiper-wrapper {
  justify-content: space-between;
}

.landing-block-01 .pure-table__slider .swiper-slide {
  padding-top: 16px;
  max-width: 47%;
}

.landing-block-01 .pure-table__content .pure-table__characteristics ul li {
  text-align: left;
  justify-content: flex-start;
  margin-left: 0;
}

.landing-block-01 .swiper-slide ul li:first-child,
.landing-block-01 .pure-table__content .pure-table__characteristics ul li:first-child {
  padding-bottom: 22px;
  flex-direction: column;
  height: auto;
  border-color: transparent;
}

.landing-block-01 .swiper-slide ul li:first-child {
  padding-bottom: 3px;
}

.landing-block-01 .choise-mob,
.landing-block-01 .pure-table__slider .table-button-prev,
.landing-block-01 .pure-table__slider .table-button-next,
.landing-block-01 .interior-mob {
  display: none;
}

.landing-block-01 .table-disclaimer {
  text-align: center;
  font-size: 16px;
  opacity: 0.5;
  margin: 40px auto 0;
  max-width: 950px;
  font-weight: 400;
  line-height: 1.4em;
}

.landing-block-01 .complect {
  padding: 0 0 80px;
  position: relative;
}

.landing-block-01 .complect h2 {
  text-transform: uppercase;
  text-align: center;
}

.landing-block-01 .complect-slider {
  margin-top: 32px;
}

.landing-block-01 .complect-slider .swiper-wrapper {
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.landing-block-01 .complect-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background-color: #fff;
  max-width: 49%;
  width: 100%;
  border-radius: 16px;
  min-height: 200px;
  margin-bottom: 32px;
}

.landing-block-01 .complect-slider__content {
  max-width: 421px;
}

.landing-block-01 .complect-slider .swiper-slide h4 {
  color: #182029;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: -0.02em;
}

.landing-block-01 .complect-slider__content p {
  color: #444;
  margin-top: 5px;
  font-size: 18px;
  letter-spacing: -0.02em;
  line-height: 1.4em;
}

.landing-block-01 .complect-slider__info {
  max-width: 192px;
  text-align: center;
}

.landing-block-01 .complect-slider__text {
  font-size: 16px;
  line-height: 1em;
  letter-spacing: -0.01em;
  color: #000;
  margin-top: 16px;
  font-weight: 500;
  position: absolute;
  right: 62px;
  bottom: 16px;
}

.landing-block-01 .complect-slider__text span {
  color: #eb322f;
  margin-right: 4px;
  font-weight: 700;
}

.landing-block-01 .price {
  position: relative;
  padding: 240px 0;
}

.landing-block-01 .price .container {
  position: relative;
}

.landing-block-01 .price__content {
  text-align: center;
  position: relative;
  max-width: 730px;
  margin-right: auto;
  margin-left: 100px;
}

.landing-block-01 .price__links p {
  font-size: 36px;
  line-height: 1em;
  letter-spacing: -0.01em;
  color: #e02e2b;
}

.landing-block-01 .price__links {
  max-width: 460px;
}

.landing-block-01 .price__images {
  right: 70px;
  left: auto;
  max-width: 680px;
  max-height: 680px;
  position: absolute;
  top: -150px;
  z-index: -1;
}

.landing-block-01 .price__content {
  max-width: 580px;
}

.landing-block-01 .price-images__pc {
  position: absolute;
  right: 0;
  z-index: -2;
  top: -290px;
}

.landing-block-01 .price-images__mob,
.landing-block-01 .complect-mob,
.landing-block-01 .complect-slider__content svg {
  display: none;
}

.landing-block-01 .price__logo {
  max-width: 228px;
}

.landing-block-01 .price__links_mob {
  display: none;
}

.landing-block-01 .advice {
  position: relative;
  padding: 0 0 70px;
}

.landing-block-01 .advice-bg {
  position: absolute;
  right: 0;
  top: -260px;
}

.landing-block-01 .advice h2 {
  text-align: center;
  text-transform: uppercase;
}

.landing-block-01 .advice .container {
  max-width: 1621px;
  position: relative;
}

.landing-block-01 .advice-slider {
  max-width: 1436px;
  margin: 68px auto 0;
}

.landing-block-01 .advice-slider .swiper-slide {
  display: block;
  text-decoration: none;
}

.landing-block-01 .advice-slider .swiper-slide div {
  position: relative;
}

.landing-block-01 .advice-slider .swiper-slide div img {
  border-radius: 16px;
}

.landing-block-01 .advice-slider .swiper-slide div svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.landing-block-01 .advice-slider .swiper-slide p {
  margin-top: 20px;
  color: #fff;
  font-size: 28px;
  line-height: 1.2em;
  letter-spacing: -0.01em;
}

.landing-block-01 .advice-button-next,
.landing-block-01 .advice-button-prev {
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  top: 40%;
}

.landing-block-01 .advice-slider .swiper-wrapper {
  padding-bottom: 90px;
}

.landing-block-01 .advice-button-next {
  right: 0;
}

.landing-block-01 .advice-button-prev {
  left: 0;
}

.landing-block-01 .swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.landing-block-01 .complect .table-disclaimer {
  margin-top: 0;
}

@media (max-width: 1650px) {
  .landing-block-01 .banner-main__content {
    margin-right: 5vw;
  }
  .landing-block-01 .banner-main__images {
    left: -6vw;
  }
}
@media (max-width: 1450px) {
  .landing-block-01 .container,
  .landing-block-01 .advice .container,
  .landing-block-01 .cloth-wrapper {
    max-width: 1180px;
  }
  .landing-block-01 .advantages-list__card p {
    height: 152px;
  }
  .landing-block-01 .advantages-list__card p.advantages-list__disclaimer {
    margin-bottom: 6px;
  }
  .landing-block-01 .cloth-slider {
    max-width: 46%;
  }
  .landing-block-01 .cloth-wrapper__info p,
  .landing-block-01 .cloth-slider p {
    font-size: 20px;
  }
  .landing-block-01 .cloth-slider .swiper-slide {
    padding: 16px 12px;
  }
  .landing-block-01 .menu__nav li::after {
    bottom: -94%;
  }
  .landing-block-01 .banner-main {
    padding: 140px 0;
    margin-top: 60px;
  }
  .landing-block-01 .advantages-list__card {
    min-height: 485px;
    padding: 16px;
  }
  .landing-block-01 .wrapper__list {
    max-width: 725px;
  }
  .landing-block-01 .wrapper__item {
    max-width: 320px;
  }
  .landing-block-01 .banner-main__content {
    margin-right: 4vw;
  }
  .landing-block-01 .banner-main__images {
    top: -40px;
  }
  .landing-block-01 .advantages-list__card h4 {
    font-size: 22px;
    min-height: 53px;
  }
  .landing-block-01 .cloth-wrapper__info {
    max-width: 54%;
  }
  .landing-block-01 .cloth-slider {
    max-width: 46%;
  }
  .landing-block-01 .price__images {
    max-height: 500px;
    top: -30px;
  }
  .landing-block-01 .video-banner {
    padding-top: 30px;
  }
  .landing-block-01 .price {
    padding: 120px 0;
  }
  .landing-block-01 .price__logo {
    max-width: 128px;
  }
  .landing-block-01 .video-banner a {
    display: block;
    position: relative;
    z-index: 1;
    max-width: 870px;
    margin: 34px auto 0;
  }
  .landing-block-01 .comfort h2 {
    max-width: 475px;
  }
  .landing-block-01 .complect-slider__content h4 {
    font-size: 16px;
  }
  .landing-block-01 .complect {
    padding-bottom: 30px;
  }
  .landing-block-01 .wrapper__item img {
    width: 100%;
  }
  .landing-block-01 .wrapper__item h4 {
    font-size: 30px;
  }
  .landing-block-01 .wrapper__item p {
    font-size: 22px;
  }
  .landing-block-01 .advice-slider {
    margin-top: 32px;
  }
  .landing-block-01 .wrapper__column:last-child {
    margin-top: 265px;
  }
  .landing-block-01 .wrapper__column:last-child .wrapper__item:not(:last-child) {
    margin-bottom: 150px;
  }
  .landing-block-01 .advice-slider .swiper-slide p {
    font-size: 20px;
    margin-top: 10px;
  }
  .landing-block-01 .advice .container {
    max-width: 95vw;
  }
  .landing-block-01 .advice-slider {
    max-width: 86vw;
  }
}
@media (max-width: 1200px) {
  .landing-block-01 .container,
  .landing-block-01 .cloth-wrapper,
  .landing-block-01 .advice .container {
    max-width: 940px;
  }
  .landing-block-01 .menu {
    padding-right: 0;
  }
  .landing-block-01 .menu__nav {
    max-width: 730px;
  }
  .landing-block-01 .menu__nav a {
    font-size: 16px;
  }
  .landing-block-01 .banner-main__content,
  .landing-block-01 .price__content {
    max-width: 590px;
  }
  .landing-block-01 .banner-main__images,
  .landing-block-01 .price__images {
    max-width: 420px;
    top: 50%;
    transform: translateY(-50%);
  }
  .landing-block-01 .banner-main__title,
  .landing-block-01 .price__title {
    font-size: 32px;
  }
  .landing-block-01 .banner-main p,
  .landing-block-01 .price p {
    font-size: 30px;
  }
  .landing-block-01 .advantages {
    padding-top: 0;
    margin-top: 100px;
  }
  .landing-block-01 h2 {
    font-size: 36px;
  }
  .landing-block-01 .cloth-wrapper__info p {
    font-size: 26px;
  }
  .landing-block-01 .comfort h2 {
    max-width: 380px;
  }
  .landing-block-01 .interior-content {
    align-items: center;
  }
  .landing-block-01 .advice-slider {
    max-width: 790px;
  }
  .landing-block-01 .price {
    padding: 100px 0;
  }
  .landing-block-01 .advice-bg {
    max-width: 1000px;
  }
  .landing-block-01 .cloth-slider {
    max-width: 40%;
  }
  .landing-block-01 .header__nav a {
    font-size: 12px;
  }
  .landing-block-01 .header__logos a {
    max-width: 110px;
  }
  .landing-block-01 .header__logos a:last-child {
    max-width: 60px;
  }
  .landing-block-01 .header__logos a:first-child:after {
    height: 15px;
    margin: 0 10px;
  }
  .landing-block-01 .advantages-list__card p.advantages-list__disclaimer {
    height: auto;
    margin: 0;
  }
  .landing-block-01 .advantages-list__card p {
    height: 70px;
  }
}
@media (max-width: 992px) {
  .landing-block-01 .container,
  .landing-block-01 .cloth-wrapper,
  .landing-block-01 .advice .container {
    max-width: 760px;
  }
  .landing-block-01 .cloth .swiper-button-prev {
    left: 36%;
  }
  .landing-block-01 .header {
    padding: 12px 0;
  }
  .landing-block-01 .banner-main {
    flex-direction: column;
    padding: 30px 0;
  }
  .landing-block-01 .banner-main__content,
  .landing-block-01 .price__content {
    margin: auto;
  }
  .landing-block-01 .banner-main__images,
  .landing-block-01 .price__images {
    position: static;
    margin: 20px auto;
    transform: translate(0, 0);
  }
  .landing-block-01 .banner-main__links {
    display: none;
  }
  .landing-block-01 .banner-main__links_mob {
    display: flex;
    padding: 0 16px;
  }
  .landing-block-01 .banner-main__title,
  .landing-block-01 .price__title {
    margin-bottom: 0;
  }
  .landing-block-01 .button_container:hover {
    opacity: 0.7;
  }
  .landing-block-01 .navigation-mobile {
    position: fixed;
    display: block;
    background: #fff;
    transform: translateY(-100%);
    width: 100%;
    left: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s;
    overflow: hidden;
    padding: 26px 15px;
  }
  .landing-block-01 .navigation-mobile.open {
    opacity: 1;
    visibility: visible;
    top: 0;
    transform: translateY(0);
    z-index: 10;
    max-width: none;
    overflow: scroll;
    height: 75%;
  }
  .landing-block-01 html.active {
    overflow: hidden;
  }
  .landing-block-01 .menu__nav {
    display: none;
  }
  .landing-block-01 .navigation-mobile ul {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 70px;
    text-align: center;
  }
  .landing-block-01 .navigation-mobile ul li {
    margin-bottom: 20px;
  }
  .landing-block-01 .navigation-mobile ul li.active a {
    color: #e31235;
  }
  .landing-block-01 .navigation-mobile ul li a {
    display: block;
    text-decoration: none;
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 500;
  }
  .landing-block-01 .navigation-mobile .btn {
    max-width: none;
    display: block;
    margin: auto;
  }
  .landing-block-01 .navigation-mobile__title {
    font-size: 18px;
    line-height: 1.5em;
    letter-spacing: -0.02em;
    color: rgba(0, 0, 0, 0.49);
    text-decoration: none;
    display: block;
    padding: 0 30px;
    margin-bottom: 24px;
  }
  .landing-block-01 .navigation-mobile .btn {
    max-width: 330px;
  }
  .landing-block-01 .navigation-mobile__head {
    display: flex;
    justify-content: space-between;
    padding: 0 16px;
  }
  .landing-block-01 .menu-gumb {
    display: block;
  }
  .landing-block-01 html.active .menu-gumb {
    display: none;
  }
  .landing-block-01 .advantages-list-mob {
    display: block;
    padding: 0 16px 60px;
  }
  .landing-block-01 .advantages-list-mob .swiper-slide {
    width: 100%;
    padding: 47px 19px 30px;
    color: #000;
    box-shadow: 0 20px 100px rgba(10, 26, 44, 0.4);
    border-radius: 18px;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    display: block;
  }
  .landing-block-01 .advantages-list-mob .swiper-slide h4 {
    font-size: 36px;
    line-height: 1em;
    letter-spacing: -0.01em;
    font-weight: 500;
    min-height: 72px;
    max-width: 420px;
    margin: 0 auto;
  }
  .landing-block-01 .advantages-list-mob .swiper-slide p {
    font-size: 24px;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: -0.02em;
    color: #222;
    transition: all 0.3s;
    display: none;
    margin: 10px auto 60px;
    width: 503px;
  }
  .landing-block-01 .advantages-list__presentation {
    position: relative;
    max-width: 419px;
    margin: auto;
  }
  .landing-block-01 .advantages-list__icon {
    position: absolute;
    bottom: 0;
    left: 34px;
  }
  .landing-block-01 .advantages-list-mob .swiper-slide svg {
    display: block;
    margin-left: auto;
  }
  .landing-block-01 .advantages-list__card {
    position: relative;
    max-width: 100%;
    padding-bottom: 70px;
    padding-top: 25px;
  }
  .landing-block-01 .fancybox3-content {
    background: 0 0;
  }
  .landing-block-01 .modal .advantages-list__card svg {
    transform: rotate(135deg);
  }
  .landing-block-01 .modal .fancybox3-close-small {
    border-radius: 100px;
    border: none;
    outline: none;
    display: block;
    margin-left: auto;
    bottom: 25px;
    top: auto;
    right: 25px;
    opacity: 1;
    background: #e31235;
    padding: 7px;
  }
  .landing-block-01 .advantages-list__card p {
    margin: 8px 0;
  }
  .landing-block-01 .swiper-pagination-bullet {
    background: #121920;
    width: 11px;
    height: 11px;
    opacity: 1;
  }
  .landing-block-01 .swiper-pagination-bullet-active {
    background: #e31235;
  }
  .landing-block-01 .advantages-bg {
    top: auto;
    transform: translateX(-50%);
    bottom: -33%;
  }
  .landing-block-01 .advantages .container {
    max-width: none;
  }
  .landing-block-01 .cloth {
    padding: 40px 0;
  }
  .landing-block-01 .cloth-wrapper {
    flex-direction: column;
    margin: auto;
    position: relative;
    max-width: none;
  }
  .landing-block-01 .cloth-slider {
    position: static;
  }
  .landing-block-01 .cloth-wrapper__info {
    max-width: none;
    text-align: center;
    position: static;
    margin: 0 auto 24px;
    padding: 0 16px;
  }
  .landing-block-01 .cloth-slider {
    max-width: none;
    margin: auto;
    width: 100%;
    padding: 0 16px;
  }
  .landing-block-01 .cloth-slider__shadow-right {
    display: none;
  }
  .landing-block-01 .cloth-slider .swiper-slide {
    text-align: center;
  }
  .landing-block-01 .cloth .swiper-button-next,
  .landing-block-01 .cloth .swiper-button-prev {
    bottom: -80px;
  }
  .landing-block-01 .swiper-button-prev,
  .landing-block-01 .advice-button-prev {
    left: 39%;
    transform: translateX(-50%);
  }
  .landing-block-01 .cloth .swiper-button-next,
  .landing-block-01 .advice-button-next {
    left: auto;
    right: 39%;
    transform: translateX(50%);
  }
  .landing-block-01 .video-banner {
    padding-top: 74px;
  }
  .landing-block-01 .video-bg,
  .landing-block-01 .wrapper__list {
    display: none;
  }
  .landing-block-01 .comfort-slider {
    display: block;
    width: 100%;
    padding: 0 16px 50px;
    text-align: center;
    margin-top: 15px;
  }
  .landing-block-01 .comfort-slider img {
    border-radius: 16px;
  }
  .landing-block-01 .comfort-slider h4 {
    font-size: 20px;
    line-height: 1.2em;
    text-align: left;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 6px;
  }
  .landing-block-01 .comfort-slider p {
    font-size: 16px;
    line-height: 1.5em;
    text-align: left;
    letter-spacing: -0.02em;
    color: rgba(255, 255, 255, 0.8);
  }
  .landing-block-01 .wrapper {
    flex-direction: column;
  }
  .landing-block-01 .comfort h2 {
    max-width: calc(100% - 32px);
    text-align: center;
    margin-top: 0;
    position: static;
  }
  .landing-block-01 .comfort .container {
    max-width: none;
  }
  .landing-block-01 .comfort-bg {
    position: absolute;
    bottom: -100%;
    display: block;
    width: 100%;
    z-index: -1;
  }
  .landing-block-01 .comfort {
    background: 0 0;
  }
  .landing-block-01 .interior-bg {
    position: absolute;
    right: 0;
    top: auto;
    z-index: -1;
    bottom: 0;
    width: 100%;
  }
  .landing-block-01 .complect-slider .swiper-wrapper {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-bottom: 40px;
  }
  .landing-block-01 .complect-slider .swiper-slide {
    max-width: none;
  }
  .landing-block-01 .price {
    padding-top: 50px;
  }
  .landing-block-01 .price-images {
    text-align: center;
  }
  .landing-block-01 .price__links {
    display: none;
  }
  .landing-block-01 .price__links_mob {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .landing-block-01 .price__links_mob p {
    margin-bottom: 20px;
  }
  .landing-block-01 .advice-button-next,
  .landing-block-01 .advice-button-prev {
    top: auto;
    z-index: 2;
    bottom: 0;
  }
  .landing-block-01 .advantages-list__card p.advantages-list__disclaimer {
    font-size: 12px;
  }
  .landing-block-01 .advantages-button-next,
  .landing-block-01 .advantages-button-prev {
    display: block;
    position: absolute;
    bottom: 10px;
    width: 57px;
    height: 57px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto;
    margin: 0;
    padding: 6px;
  }
  .landing-block-01 .advantages .container {
    padding: 0 15px;
  }
  .landing-block-01 .advantages-list__card {
    min-height: 640px;
  }
  .landing-block-01 .advantages-button-next {
    right: 34%;
  }
  .landing-block-01 .advantages-button-prev {
    left: 34%;
  }
  .landing-block-01 .advantages-list {
    padding-bottom: 100px;
  }
  .landing-block-01 .swiper-slide ul li,
  .landing-block-01 .pure-table__content .pure-table__characteristics ul li {
    font-size: 20px;
  }
  .landing-block-01 .advice-slider .swiper-slide p {
    text-align: center;
  }
  .landing-block-01 .comfort-sticky {
    position: static;
  }
}
@media (max-width: 768px) {
  .landing-block-01 .container,
  .landing-block-01 .cloth-wrapper,
  .landing-block-01 .advice .container {
    max-width: 540px;
  }
  .landing-block-01 .cloth-slider .swiper-slide img {
    border-radius: 32px;
  }
  .landing-block-01 .banner-main__links_mob {
    flex-direction: column;
    justify-content: center;
    max-width: 330px;
  }
  .landing-block-01 .banner-main__links_mob .btn,
  .landing-block-01 .banner-main__links .btn:last-child {
    max-width: none;
    margin: 10px 0;
  }
  .landing-block-01 .price-images__pc {
    display: none;
  }
  .landing-block-01 .price-images__mob {
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
  }
  .landing-block-01 .advantages-list__card h4 {
    min-height: auto;
  }
  .landing-block-01 .complect {
    padding: 50px 0;
  }
  .landing-block-01 .complect-slider__info {
    width: 100%;
  }
  .landing-block-01 .complect-slider__content {
    max-width: 260px;
  }
  .landing-block-01 .header__nav {
    background: #fff;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    width: 100%;
    z-index: 1;
    flex-direction: column;
    align-items: center;
    position: absolute;
    transition: all 0.5s;
    opacity: 0;
    padding: 12px 0;
  }
  .landing-block-01 .pure-container.open .header__nav {
    transform: translateY(48px);
    opacity: 1;
  }
  .landing-block-01 .header__burger {
    display: block;
    position: relative;
    z-index: 10;
  }
  .landing-block-01 .header__nav a {
    font-weight: 500;
    display: block;
    font-size: 24px;
  }
  .landing-block-01 .header__nav li {
    margin-bottom: 12px;
  }
  .landing-block-01 .button_container {
    position: relative;
    height: 24px;
    width: 35px;
    cursor: pointer;
    z-index: 100;
    transition: opacity 0.25s ease;
  }
  .landing-block-01 .pure-container.open .top {
    -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
    transform: translateY(9px) translateX(0) rotate(35deg);
    background: #000;
  }
  .landing-block-01 .pure-container.open .middle {
    opacity: 0;
    background: #000;
  }
  .landing-block-01 .pure-container.open .bottom {
    -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
    transform: translateY(-9px) translateX(0) rotate(-35deg);
    background: #000;
  }
  .landing-block-01 .button_container span {
    background: #000;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease;
    cursor: pointer;
  }
  .landing-block-01 .button_container span:nth-of-type(2) {
    top: 9px;
  }
  .landing-block-01 .button_container span:nth-of-type(3) {
    top: 18px;
  }
  .landing-block-01 .pure-header__fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #fff;
    padding: 10px 0;
    text-align: center;
    z-index: 1111;
  }
  .landing-block-01 .header {
    padding: 9px 0;
  }
  .landing-block-01 .pure-pc {
    display: none;
  }
  .landing-block-01 .header__logos a:first-child svg {
    max-width: 91px;
  }
  .landing-block-01 .header__logos a:last-child svg {
    max-width: 133px;
  }
  .landing-block-01 .header__logos a:first-child:after {
    margin: 0 12px;
  }
  .landing-block-01 header .pure-container {
    max-width: 540px;
    padding: 0 17px;
  }
  .landing-block-01 .pharecter h2.pure-mob {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.2em;
  }
  .landing-block-01 .pure-table__content .color-blue {
    color: #2988cf;
  }
  .landing-block-01 .pure-table {
    padding: 48px 0;
  }
  .landing-block-01 .pure-table__characteristics {
    display: none;
  }
  .landing-block-01 .pure-table__slider .swiper-slide {
    max-width: none;
  }
  .landing-block-01 .pure-table__slider .swiper-wrapper {
    justify-content: flex-start;
  }
  .landing-block-01 .pure-table__main,
  .landing-block-01 h2,
  .landing-block-01 p {
    width: 100%;
    max-width: calc(100% - 30px);
    margin: auto;
  }
  .landing-block-01 .pure-table__main {
    max-width: none;
  }
  .landing-block-01 h2 {
    margin-bottom: 16px;
  }
  .landing-block-01 .pure-other h2 {
    margin-bottom: 24px;
  }
  .landing-block-01 .swiper-slide ul li div {
    display: block;
    width: 49%;
  }
  .landing-block-01 .swiper-slide ul li div.choise-price {
    padding: 0;
    margin: 16px 0 23px;
  }
  .landing-block-01 .swiper-slide ul li,
  .landing-block-01 .pure-table__content .pure-table__characteristics ul li {
    padding: 0;
    max-width: none;
    justify-content: space-between;
    border-bottom: 1px solid #0d2032;
  }
  .landing-block-01 .swiper-slide ul li div,
  .landing-block-01 .pure-table__content .pure-table__characteristics ul li div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    position: relative;
    font-weight: 500;
    margin: auto;
    width: 100%;
  }
  .landing-block-01 .swiper-slide ul li div:first-child {
    max-width: 80%;
    margin-left: 0;
    text-align: left;
    justify-content: flex-start;
    padding-left: 5px;
    border-radius: 8px 0 0 8px;
  }
  .landing-block-01 .swiper-slide ul li div:last-child {
    justify-content: flex-end;
    max-width: 31%;
    margin-right: 0;
  }
  .landing-block-01 .swiper-slide ul li div.choise__main-item-title {
    font-size: 20px;
    font-weight: 500;
    padding: 0;
    justify-content: center;
    margin-bottom: 0;
  }
  .landing-block-01 .swiper-slide ul li div.choise__box {
    max-width: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0;
  }
  .landing-block-01 .swiper-slide ul .choise__main-item .swiper-pagination {
    display: flex;
    margin: 30px auto 0;
    justify-content: center;
  }
  .landing-block-01 .choise__main-item .swiper-pagination span {
    display: block;
  }
  .landing-block-01 .pure-table__slider .table-button-prev,
  .landing-block-01 .pure-table__slider .table-button-next {
    display: block;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    display: block;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
  }
  .landing-block-01 .pure-table__slider .table-button-prev {
    left: 25px;
  }
  .landing-block-01 .pure-table__slider .table-button-next {
    right: 25px;
  }
  .landing-block-01 .swiper-slide ul li.table-mob-title {
    display: block;
  }
  .landing-block-01 .swiper-slide ul li.table-mob-title div {
    justify-content: flex-start;
    font-size: 30px;
  }
  .landing-block-01 .complect-slider .swiper-slide .complect-slider__content p {
    display: none;
  }
  .landing-block-01 .complect-slider__content svg {
    position: absolute;
    right: 16px;
    bottom: 24px;
    transition: all 0.5s;
    display: block;
  }
  .landing-block-01 .complect-slider .swiper-slide.active .complect-slider__content p,
  .landing-block-01 .complect-mob {
    display: block;
  }
  .landing-block-01 .complect-slider .swiper-slide.active .complect-slider__info,
  .landing-block-01 .complect-pc {
    display: none;
  }
  .landing-block-01 .complect-slider .swiper-slide.active svg {
    transform: rotate(45deg);
  }
  .landing-block-01 .complect-slider__content h4 {
    text-align: center;
  }
  .landing-block-01 .complect-slider .swiper-slide {
    flex-direction: column;
    justify-content: space-between;
    min-height: 340px;
    padding-bottom: 32px;
  }
  .landing-block-01 .complect-slider__text {
    position: static;
    margin: 0;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
    max-width: none;
  }
  .landing-block-01 .complect .complect-button-prev,
  .landing-block-01 .complect .complect-button-next {
    top: auto;
    bottom: 70px;
    width: 48px;
    height: 48px;
    transform: none;
    position: absolute;
    display: block;
    z-index: 1;
  }
  .landing-block-01 .complect .complect-button-prev {
    left: 30vw;
  }
  .landing-block-01 .complect .complect-button-next {
    right: 30vw;
  }
  .landing-block-01 .complect-slider {
    padding-bottom: 50px;
  }
  .landing-block-01 .interior-mob {
    display: block;
  }
  .landing-block-01 .interior-pc {
    display: none;
  }
  .landing-block-01 .interior-bg {
    top: 17%;
  }
  .landing-block-01 .table-disclaimer {
    max-width: calc(100% - 36px);
    margin-top: 32px;
  }
  .landing-block-01 .comfort-disclaimer {
    margin: 20px auto 0;
  }
  .landing-block-01 .pure-table__slider {
    padding-bottom: 0;
  }
  .landing-block-01 .header .btn {
    max-width: 275px;
    padding: 11px 0;
    line-height: 1em;
  }
  .landing-block-01 .advantages-list__link {
    display: block;
    position: absolute;
    bottom: 17px;
    right: 17px;
  }
  .landing-block-01 .advantages-list__card {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 60px;
  }
  .landing-block-01 .advantages-list__card p {
    font-size: 16px;
    max-width: 430px;
    margin: 5px auto;
    display: none;
  }
  .landing-block-01 .advantages-list__card p.advantages-list__text {
    order: -1;
    height: auto;
    margin-bottom: 10px;
  }
  .landing-block-01 .advantages-list__card.active p {
    display: block;
  }
  .landing-block-01 .advantages-list__card h4 {
    order: -1;
  }
  .landing-block-01 .advantages-list__card p.advantages-list__disclaimer {
    margin: 10px 0 25px;
  }
  .landing-block-01 .comfort-slider p {
    margin: 0 auto;
    text-align: center;
  }
  .landing-block-01 .comfort-slider h4 {
    text-align: center;
  }
  .landing-block-01 .advantages-list__card.active .advantages-list__link {
    transform: rotate(45deg);
  }
}
@media (max-width: 576px) {
  .landing-block-01 .container,
  .landing-block-01 .advice .container {
    max-width: none;
    padding: 0 16px;
  }
  .landing-block-01 .banner-main .container {
    padding: 0;
  }
  .landing-block-01 .advantages-list__presentation img {
    margin-top: 20px;
  }
  .landing-block-01 .advantages-list__presentation img:first-child {
    max-height: none;
  }
  .landing-block-01 .advantages {
    margin-top: 60px;
  }
  .landing-block-01 .advantages-list {
    min-height: auto;
    padding-bottom: 50px;
  }
  .landing-block-01 .advantages-list__card {
    border-radius: 8px;
    height: auto;
    min-height: auto;
  }
  .landing-block-01 .advantages-list__card h4 {
    font-size: 20px;
    min-height: 35px;
    height: 48px;
    margin-bottom: 0;
  }
  .landing-block-01 .advantages-list__icon {
    left: 20%;
    width: 110px;
  }
  .landing-block-01 .advantages-bg {
    display: none;
  }
  .landing-block-01 .advantages-button-next,
  .landing-block-01 .advantages-button-prev {
    padding: 6px;
    bottom: 0;
  }
  .landing-block-01 .advantages-list .swiper-wrapper {
    padding-bottom: 0;
  }
  .landing-block-01 .advantages-button-next {
    right: 29%;
  }
  .landing-block-01 .advantages-button-prev {
    left: 29%;
  }
  .landing-block-01 .advantages-list__icon {
    width: 60px;
  }
  .landing-block-01 .advantages-list__presentation {
    max-width: 400px;
  }
  .landing-block-01 .banner-main__logo {
    max-width: 126px;
  }
  .landing-block-01 .banner-main p {
    font-size: 18px;
    margin: 3px auto;
  }
  .landing-block-01 .banner-main__title p {
    font-size: 24px;
  }
  .landing-block-01 .banner-main__images {
    width: 100%;
    object-fit: contain;
    margin-top: 40px;
    max-height: none;
  }
  .landing-block-01 .banner-main__content {
    max-width: 328px;
    padding: 0 16px;
  }
  .landing-block-01 .banner-main__title {
    font-size: 24px;
    max-width: 328px;
    margin: 30px auto 0;
  }
  .landing-block-01 .menu__logo {
    max-width: 109px;
  }
  .landing-block-01 .banner-main__title img:first-child,
  .landing-block-01 .banner-main__title img:last-child {
    width: 60px;
    height: 15px;
    object-fit: contain;
  }
  .landing-block-01 .banner-main__title img:first-child {
    left: 0;
  }
  .landing-block-01 .banner-main__title img:last-child {
    right: 0;
  }
  .landing-block-01 .btn {
    font-size: 18px;
    padding: 13px 0;
  }
  .landing-block-01 .interioi-content__link svg {
    width: 42px;
    height: 42px;
  }
  .landing-block-01 .cloth-wrapper__info h3 {
    font-size: 28px;
  }
  .landing-block-01 .cloth-wrapper__info p {
    font-size: 16px;
  }
  .landing-block-01 h2 {
    font-size: 28px;
  }
  .landing-block-01 .video-banner svg {
    width: 60px;
    height: 60px;
  }
  .landing-block-01 .video-banner a {
    margin-top: 15px;
  }
  .landing-block-01 .video-banner {
    padding-bottom: 40px;
  }
  .landing-block-01 .comfort {
    padding-top: 0;
    padding-bottom: 40px;
  }
  .landing-block-01 .comfort .container {
    padding: 0;
  }
  .landing-block-01 .interior-content {
    margin-top: 12px;
  }
  .landing-block-01 .interior-content__images {
    margin-bottom: 40px;
  }
  .landing-block-01 .interior {
    padding: 0;
  }
  .landing-block-01 .pure-table__content {
    margin-top: 20px;
    display: block;
  }
  .landing-block-01 .advice {
    padding-top: 30px;
  }
  .landing-block-01 .complect-slider {
    margin-top: 16px;
  }
  .landing-block-01 .complect {
    padding: 48px 0;
    position: relative;
  }
  .landing-block-01 .complect-slider__content h4 {
    font-size: 16px;
  }
  .landing-block-01 .pharecter {
    padding-bottom: 0;
  }
  .landing-block-01 .complect-slider__info {
    margin: auto;
    text-align: center;
    max-width: 211px;
  }
  .landing-block-01 .complect-slider .swiper-slide h4 {
    text-align: center;
  }
  .landing-block-01 .complect-slider__content p {
    font-size: 16px;
    max-width: none;
  }
  .landing-block-01 .complect-slider__mob {
    display: block;
  }
  .landing-block-01 .complect-slider__pc {
    display: none;
  }
  .landing-block-01 .complect-slider__content {
    max-width: none;
  }
  .landing-block-01 .complect-slider__text {
    right: auto;
    left: 16px;
  }
  .landing-block-01 .price__links_mob p {
    font-size: 36px;
  }
  .landing-block-01 .price {
    padding-bottom: 34px;
  }
  .landing-block-01 .advice-slider {
    margin-top: 15px;
  }
  .landing-block-01 .cloth .swiper-button-next,
  .landing-block-01 .advice-button-next {
    right: 30vw;
    transform: none;
    margin: 0;
    width: 48px;
    height: 48px;
    border: none;
    display: block;
  }
  .landing-block-01 .cloth .swiper-button-prev,
  .landing-block-01 .advice-button-prev {
    left: 30vw;
    transform: none;
    margin: 0;
    width: 48px;
    height: 48px;
    border: none;
    display: block;
  }
  .landing-block-01 .fancybox3-content {
    padding: 6px;
  }
  .landing-block-01 .advice-bg {
    max-width: 331px;
    top: 0;
  }
  .landing-block-01 .complect .table-disclaimer {
    transform: translateY(32px);
  }
  .landing-block-01 .page-mob {
    display: block;
  }
}
@media (max-width: 380px) {
  .landing-block-01 .advantages-list__card h4 {
    font-size: 16px;
    width: 100%;
  }
  .landing-block-01 .advantages-list__card p {
    font-size: 14px;
  }
  .landing-block-01 .advantages-list__presentation img:first-child {
    max-height: 260px;
  }
  .landing-block-01 .advantages-list__card {
    height: 510px;
    padding: 20px;
  }
}
@media (max-width: 330px) {
  .landing-block-01 .advantages-list-mob .swiper-slide h4 {
    font-size: 18px;
  }
  .landing-block-01 .complect-slider .swiper-slide h4 {
    font-size: 22px;
  }
  .landing-block-01 .complect-slider .swiper-slide img {
    height: 140px;
  }
  .landing-block-01 .advantages-button-next {
    right: 24%;
  }
  .landing-block-01 .advantages-button-prev {
    left: 24%;
  }
  .landing-block-01 .advantages-list__card p {
    font-size: 14px;
  }
  .landing-block-01 .advantages-list__card h4 {
    font-size: 20px;
  }
}
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

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

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

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

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

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

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}

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

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}

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

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}

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

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

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

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

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

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

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

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

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

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

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

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

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

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

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

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
: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-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 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-disabled-opacity: 0.65;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
  display: block;
}

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

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

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

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

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

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

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

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

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

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change: transform, width, height;
}

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

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

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

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

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

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

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

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

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

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

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

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

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

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

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

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

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

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

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

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

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

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

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}

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

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

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

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

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

.f-thumbs__track {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}

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

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px;
}

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

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

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

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

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

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

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

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

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

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

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

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

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

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

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

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

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

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

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

.fancybox__infobar span {
  padding: 0 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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