/* Start:/local/templates/luxalto/dist/vendor/swiper/swiper-bundle.min.css?170048631118452*/
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */

 @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display: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;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-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;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-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-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/luxalto/assets/css/style.css?1744727330110523*/
@charset "UTF-8";

.page_title_backtext {
  margin-top: var(--section-between-gap);
  margin-bottom: var(--section-between-gap);
}

.page_title_backtext div.title {
  text-align: center;
  margin-bottom: calc(var(--section-side-gap) * 3);
}

.page_title_backtext div.title h2 {
  font-size: 38px;
}

.fw300 {
  font-weight: 300 !important;
}

* {
  margin: 0;
  padding: 0;
  outline: unset;
  border: unset;
  list-style-type: none;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  font-variant-numeric: lining-nums;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

html,
body {
  font-family: Arial, Helvetica, sans-serif;
  scroll-behavior: smooth;
}

main {
  overflow: hidden;
}

input,
textarea,
select,
button {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background-color: transparent;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder,
button::-webkit-input-placeholder {
  color: inherit;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder,
button::-moz-placeholder {
  color: inherit;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder,
button:-ms-input-placeholder {
  color: inherit;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder,
button::-ms-input-placeholder {
  color: inherit;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, button::-webkit-input-placeholder {
  color: inherit;
}

input::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, button::-moz-placeholder {
  color: inherit;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, button:-ms-input-placeholder {
  color: inherit;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, button::-ms-input-placeholder {
  color: inherit;
}

input::placeholder,
textarea::placeholder,
select::placeholder,
button::placeholder {
  color: inherit;
}

input option,
textarea option,
select option,
button option {
  background-color: inherit;
}

a {
  cursor: pointer;
  color: inherit;
}

img {
  display: block;
  max-width: 100%;
}

:root {
  --section-side-gap: 1.5rem;
  --section-between-gap: 6.5rem;
  --header-height: 80px;
}

@font-face {
  font-display: swap;
  font-family: "Venryn Sans";
  font-weight: 300;
  src: url(/local/templates/luxalto/assets/css/./../fonts/VenrynSans-Light.ttf);
}

@font-face {
  font-display: swap;
  font-family: "Venryn Sans";
  font-weight: 400;
  src: url(/local/templates/luxalto/assets/css/./../fonts/VenrynSans-Regular.ttf);
}

@font-face {
  font-display: swap;
  font-family: "Venryn Sans";
  font-weight: 500;
  src: url(/local/templates/luxalto/assets/css/./../fonts/VenrynSans-Medium.ttf);
}

@font-face {
  font-display: swap;
  font-family: "Venryn Sans";
  font-weight: 600;
  src: url(/local/templates/luxalto/assets/css/./../fonts/VenrynSans-SemiBold.ttf);
}

@font-face {
  font-display: swap;
  font-family: "Evolventa";
  font-weight: 400;
  src: url(/local/templates/luxalto/assets/css/./../fonts/Evolventa-Regular.ttf);
}

@font-face {
  font-display: swap;
  font-family: "Evolventa";
  font-weight: 700;
  src: url(/local/templates/luxalto/assets/css/./../fonts/Evolventa-Bold.ttf);
}

h1,
h2,
h3,
h4 {
  font-weight: 300;
  text-transform: uppercase;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

button,
a.button,
.buttons .gray,
.sale_order_full_table .btn-success,
.DPD_openTerminalSelect {
  cursor: pointer;
  background-color: #1A2930;
  color: white;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 10px;
  padding: 0.75rem 1.5rem;
  line-height: 1em;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  border-radius: 5px;
}

.sale_order_full_table .btn-success {
  margin: 15px 0;
}

button span,
a.button span {
  line-height: 1em;
}

button.yellow,
a.button.yellow,
.sale_order_full_table .btn-success,
.DPD_openTerminalSelect {
  background-color: #FFCE22;
  padding: 0.75rem 3rem;
  color: #1A2930;
}

button.yellow:hover,
.sale_order_full_table .btn-success:hover,
a.button.yellow:hover {
  background-color: #E5AC00;
}

button.white,
a.button.white {
  background-color: white;
  padding: 0.75rem 3rem;
  color: #1A2930;
}

button.white:hover,
a.button.white:hover {
  background-color: #dddddd;
}

button.gray,
a.button.gray,
.buttons div.gray {
  background-color: #F2F2F2;
  color: #1A2930;
}

button.gray:hover,
a.button.gray:hover,
.buttons div.gray:hover {
  background-color: #DEDEDE;
}

input[type=search] {
  padding-right: 40px;
}

input[type=search]::-webkit-search-cancel-button {
  display: none;
}

fieldset.checkbox input {
  display: none;
}

fieldset.checkbox input:checked + label:before {
  background-color: #1A2930;
}

fieldset.checkbox label {
  cursor: pointer;
  position: relative;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 10px;
  font-size: 18px;
  line-height: 1.1em;
  font-weight: 300;
}

fieldset.checkbox label:before {
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #1A2930;
}

fieldset.checkbox label::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 11px;
  height: 11px;
  background-image: url(/local/templates/luxalto/assets/css/../images/checkbox_tick.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

fieldset.select {
  position: relative;
  font-weight: 300;
  line-height: 1.2em;
  z-index: 1;
}

fieldset.select div.select_current {
  position: relative;
  cursor: pointer;
  outline: none;
}

fieldset.select div.select_current input {
  display: none;
}

fieldset.select div.select_current input:checked + span {
  display: block;
}

fieldset.select div.select_current span {
  display: none;
  border-radius: 5px;
  padding: 10px;
  padding-right: 25px;
  width: 100%;
}

fieldset.select div.select_current img {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

fieldset.select div.select_current.focus span {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

fieldset.select div.select_current.focus img {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

fieldset.select div.select_current.focus + div.select_list {
  opacity: 1;
  -webkit-animation-name: none;
  animation-name: none;
}

fieldset.select div.select_list {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  opacity: 0;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(26, 41, 48, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(26, 41, 48, 0.1);
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: unset;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-radius: 5px;
  -webkit-animation-name: hideList;
  animation-name: hideList;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  min-width: 270px;
  background-color: white;
}

fieldset.select div.select_list label {
  cursor: pointer;
  display: block;
  padding: 10px 20px;
  padding-right: 60px;
  background-color: white;
  white-space: nowrap;
}

fieldset.select div.select_list label:hover,
fieldset.select div.select_list label:focus {
  background-color: #F2F2F2;
}

@-webkit-keyframes hideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

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

@keyframes hideList {
  from {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

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

fieldset.text,
fieldset.textarea {
  position: relative;
}

fieldset.text input,
fieldset.text textarea,
fieldset.textarea input,
fieldset.textarea textarea {
  font-size: 14px;
  line-height: 1em;
  border-bottom: 1px solid #D6D6D6;
  padding: 10px;
  width: 100%;
  height: auto;
}

fieldset.text input::-webkit-input-placeholder,
fieldset.text textarea::-webkit-input-placeholder,
fieldset.textarea input::-webkit-input-placeholder,
fieldset.textarea textarea::-webkit-input-placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: #AFAFAF;
  font-size: inherit;
}

fieldset.text input:-moz-placeholder,
fieldset.text textarea:-moz-placeholder,
fieldset.textarea input:-moz-placeholder,
fieldset.textarea textarea:-moz-placeholder {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #AFAFAF;
}

fieldset.text input + label,
fieldset.text textarea + label,
fieldset.textarea input + label,
fieldset.textarea textarea + label {
  font-size: 14px;
  color: #AFAFAF;
  position: absolute;
  top: 1em;
  left: 1rem;
  pointer-events: none;
}

fieldset.text input:required + label::after,
fieldset.text textarea:required + label::after,
fieldset.textarea input:required + label::after,
fieldset.textarea textarea:required + label::after {
  content: " *";
  color: red;
}

/*fieldset.text input:focus + label,
fieldset.text input:valid + label,
fieldset.text input:disabled + label,
fieldset.text textarea:focus + label,
fieldset.text textarea:valid + label,
fieldset.text textarea:disabled + label,
fieldset.textarea input:focus + label,
fieldset.textarea input:valid + label,
fieldset.textarea input:disabled + label,
fieldset.textarea textarea:focus + label,
fieldset.textarea textarea:valid + label,
fieldset.textarea textarea:disabled + label {
  display: none;
}*/

fieldset.text input:focus + label,
fieldset.text input:not([placeholder]):valid + label,
fieldset.text input[placeholder]:not(:placeholder-shown) + label,

fieldset.text textarea:focus + label,
fieldset.text input:not([placeholder]):valid + label,
fieldset.text textarea[placeholder]:not(:placeholder-shown) + label,

fieldset.textarea input:focus + label,
fieldset.textarea input:not([placeholder]):valid + label,
fieldset.textarea input[placeholder]:not(:placeholder-shown) + label,

fieldset.textarea textarea:focus + label,
fieldset.textarea textarea:not([placeholder]):valid + label,
fieldset.textarea textarea[placeholder]:not(:placeholder-shown) + label {
  display: none;
}

fieldset.text input:focus + label option,
fieldset.text input:valid + label option,
fieldset.text input:disabled + label option,
fieldset.text textarea:focus + label option,
fieldset.text textarea:valid + label option,
fieldset.text textarea:disabled + label option,
fieldset.textarea input:focus + label option,
fieldset.textarea input:valid + label option,
fieldset.textarea input:disabled + label option,
fieldset.textarea textarea:focus + label option,
fieldset.textarea textarea:valid + label option,
fieldset.textarea textarea:disabled + label option {
  color: black;
}

fieldset.text small,
fieldset.textarea small {
  display: block;
  font-size: 12px;
  font-weight: 300;
  line-height: 1em;
  color: #707070;
  padding-left: 1rem;
  padding-top: 10px;
  padding-bottom: 10px;
}

fieldset.text small:first-child,
fieldset.textarea small:first-child {
  padding-left: unset;
}

fieldset.images div.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

fieldset.images div.list img {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 5px;
}

fieldset.images div.upload,
fieldset.images span.upload {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  background-color: #F2F2F2;
  padding: 25px;
  border-radius: 5px;
}

fieldset.images div.upload img,
fieldset.images span.upload img {
  width: 21px;
  height: 21px;
}

fieldset.images div.images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

fieldset.images div.images svg {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  border-radius: 5px;
}

fieldset.images input {
  display: none;
}

textarea {
  resize: none;
  display: block;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
  min-height: 100px;
}

div.swiper-navigation {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
  padding-left: var(--section-side-gap);
  padding-right: var(--section-side-gap);
}

div.swiper-navigation > * {
  cursor: pointer;
  pointer-events: visible;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  background-color: #1A2930;
  -webkit-transition: border 0.2s;
  transition: border 0.2s;
}

div.swiper-navigation > *:first-child {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  margin-right: auto;
}

div.swiper-navigation > *.swiper-button-disabled {
  opacity: 0.2;
  /*pointer-events: none;*/
  cursor: default;
}

div.swiper-navigation > *:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

div.swiper-navigation > *:hover svg path {
  stroke: #FFCE22;
}

div.swiper-pagination {
  margin-top: 1rem;
  position: static;
}

div.swiper-pagination span {
  line-height: 0em;
  height: 4px;
  width: 12px;
  margin: 0 3px !important;
  background-color: #1A2930;
  border-radius: 999px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.15;
}

div.swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #1A2930;
  width: 40px;
}

div.more {
  display: block;
  text-align: right;
  margin-top: calc(var(--section-side-gap) * 1.5);
}

div.more a {
  font-size: 18px;
  text-decoration: underline;
}

div.more a:hover {
  text-decoration: none;
}

div.more::after {
  content: " →";
}

div.title {
  position: relative;
}

div.backtext {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

div.backtext div {
  font-size: 80px;
  background: -webkit-gradient(linear, left bottom, left top, from(black), color-stop(50%, white), to(black));
  background: linear-gradient(0deg, black 0%, white 50%, black 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-weight: 300;
  opacity: 0.1;
}

div.swiper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  overflow: visible;
}

div.swiper::after {
  content: "";
  display: none;
  position: absolute;
  top: -50px;
  right: 0;
  width: 30px;
  height: 30px;
  background-image: url(/local/templates/luxalto/assets/css/./../images/hand.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

div.tooltip {
  cursor: pointer;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
  background-color: white;
  padding: 6px 30px;
  -webkit-filter: drop-shadow(0px 5px 12px rgba(26, 41, 48, 0.05));
  filter: drop-shadow(0px 5px 12px rgba(26, 41, 48, 0.05));
  border-radius: 3px;
  z-index: 9;
}

div.tooltip div.text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
  display: grid;
}

div.tooltip div.success {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
  display: none;
}

div.tooltip img {
  width: 12px;
  height: 12px;
  -o-object-fit: contain;
  object-fit: contain;
}

div.tooltip::after {
  content: "";
  width: 0%;
  height: 0;
  border: 7px solid transparent;
  border-bottom: 7px solid white;
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

div.tooltip.copied div.text {
  display: none;
}

div.tooltip.copied div.success {
  display: grid;
}

div.quantity {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 5px;
  color: #6B6B6B;
  font-weight: 500;
}

div.quantity div {
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

div.quantity input {
  width: 24px;
  border-bottom: 1px solid #6B6B6B;
  text-align: center;
  font-size: 18px;
  -moz-appearance: textfield;
}

div.quantity input::-webkit-inner-spin-button {
  display: none;
}

div.quantity input::-webkit-outer-spin-button {
  display: none;
}

button.reload,
.button.reload {
  padding: 15px 60px !important;
  font-size: 18px;
  font-weight: 300;
}

button.reload img,
.button.reload img {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

button.reload:hover img,
.button.reload:hover img {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

[data-rouble] {
  white-space: nowrap;
}

[data-rouble]:after {
  content: " ₽";
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #AFAFAF;
}

* {
  line-height: 1em;
}

body {
  background-color: #FBFBFB;
}

html,
body {
  font-family: "Venryn Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-appearance: none;
  scroll-behavior: smooth;
  color: #1A2930;
}

section {
  position: relative;
}

section[id] {
  scroll-margin-top: calc(var(--section-between-gap) + var(--header-height));
}

div.container {
  position: relative;
  max-width: 1548px;
  margin: 0 auto;
  padding: 0 var(--section-side-gap);
}

header div.top {
  background-color: #F4F4F5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

header div.top div.container {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  grid-gap: var(--section-side-gap);
}

header div.top div.city {
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 0.5rem;
  font-size: 18px;
}

header div.top div.city span {
  font-size: inherit;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
}

header div.top div.city:hover span {
  text-decoration: underline;
}

header div.top menu {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 50px;
}

header div.top menu a:hover {
  text-decoration: underline;
}

header div.top div.phone {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-template-areas: "A B" "A C";
  grid-gap: 4px 8px;
  text-align: right;
}

header div.top div.phone div.email {
  position: relative;
  grid-area: A;
  padding: 10px;
}

header div.top div.phone div.email:hover div.tooltip {
  display: grid;
}

header div.top div.phone a {
  grid-area: B;
  font-size: 18px;
  line-height: 1em;
}

header div.top div.phone small {
  grid-area: C;
  font-size: 12px;
  line-height: 1em;
  color: #838383;
}

header div.middle {
  position: sticky;
  background-color: transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: -100px;
}

header div.middle div.container {
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

header div.middle a.symbol {
  display: none;
  width: 30px;
  height: 30px;
}

header div.middle button.catalog {
  border-radius: unset;
}

header div.middle button.catalog svg path {
  fill: white;
}

header div.middle button.catalog:hover {
  background-color: #FFCE22;
  color: #1A2930;
}

header div.middle button.catalog:hover svg path {
  fill: #1A2930;
}

header div.middle a.logotype {
  width: 100px;
  margin-right: 100px;
}

header div.middle a.logotype img {
  width: 100%;
}

header div.middle form {
  position: relative;
}

header div.middle form input {
  width: 100%;
  padding: 10px;
  padding-right: 38px;
  border-bottom: 1px solid #797979;
}

header div.middle form input::-webkit-input-placeholder {
  font-size: 14px;
}

header div.middle form input::-moz-placeholder {
  font-size: 14px;
}

header div.middle form input:-ms-input-placeholder {
  font-size: 14px;
}

header div.middle form input::-ms-input-placeholder {
  font-size: 14px;
}

header div.middle form input::placeholder {
  font-size: 14px;
}

header div.middle form input::-webkit-input-placeholder {
  color: #797979;
}

header div.middle form input:-moz-placeholder {
  color: #797979;
}

header div.middle form button {
  padding: unset;
  position: absolute;
  top: 50%;
  right: 10px;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

header div.middle form button svg path {
  fill: #AFAFAF;
}

header div.middle button.catalog,
header div.middle a.phone,
header div.middle span.phone,
header div.middle button.search {
  display: none;
}

header div.middle a.favourite,
header div.middle a.comparison,
header div.middle a.cart,
header div.middle a.login {
  display: grid;
  justify-items: center;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

header div.middle a.favourite div.icon,
header div.middle a.comparison div.icon,
header div.middle a.cart div.icon,
header div.middle a.login div.icon {
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

header div.middle a.favourite svg,
header div.middle a.comparison svg,
header div.middle a.cart svg,
header div.middle a.login svg {
  max-height: 20px;
  max-width: 20px;
}

header div.middle a.favourite svg path,
header div.middle a.comparison svg path,
header div.middle a.cart svg path,
header div.middle a.login svg path {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

header div.middle a.favourite span,
header div.middle a.comparison span,
header div.middle a.cart span,
header div.middle a.login span {
  font-size: 14px;
  font-weight: 300;
  line-height: 1em;
}

header div.middle a.favourite span.count,
header div.middle a.comparison span.count,
header div.middle a.cart span.count,
header div.middle a.login span.count,
.scrollbar span.count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1A2930;
  color: white;
  padding: 2px 5px;
  font-size: 8px;
  line-height: 1em;
  font-weight: 600;
  border-radius: 999px;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.scrollbar span.count {
    right: 20px;
}

header div.middle a.favourite span.count:not(.show),
header div.middle a.comparison span.count:not(.show),
header div.middle a.cart span.count:not(.show),
.scrollbar span.count:not(.show) {
    display: none;
}

header div.middle a.comparison:hover svg path,
header div.middle a.cart:hover svg path {
  stroke-dasharray: 100;
  -webkit-animation: 1.5s icon linear;
  animation: 1.5s icon linear;
}

header div.middle a.favourite:hover svg path,
header div.middle a.login:hover svg path {
  stroke-dasharray: 100;
  -webkit-animation: 0.5s icon linear;
  animation: 0.5s icon linear;
}

header div.bottom div.container {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: var(--section-side-gap);
}

header div.bottom div.container button {
  border-radius: unset;
  font-size: 18px;
}

header div.bottom div.container button svg path {
  fill: white;
}

header div.bottom div.container button:hover {
  background-color: #FFCE22;
  color: #1A2930;
}

header div.bottom div.container button:hover svg path {
  fill: #1A2930;
}

header div.bottom menu {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 40px;
}

header div.bottom menu a {
  display: block;
  position: relative;
  font-size: 18px;
  padding: 10px 30px;
}

header div.bottom menu a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #1A2930;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

header div.bottom menu a:hover::after {
  width: 100%;
}

header.sticky {
  display: contents;
}

header.sticky div.middle {
  top: 0;
  background-color: white;
  -webkit-box-shadow: 0px 6px 12px 0px rgba(26, 41, 48, 0.05);
  box-shadow: 0px 6px 12px 0px rgba(26, 41, 48, 0.05);
  z-index: 99;
}

header.sticky div.middle div.container {
  grid-template-columns: -webkit-max-content -webkit-max-content 1fr;
  grid-template-columns: max-content max-content 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
}

header.sticky div.middle a.symbol {
  display: block;
}

header.sticky div.middle a.logotype {
  display: none;
}

header.sticky div.middle button.catalog {
  display: grid;
  font-size: 18px;
}

header.sticky div.middle form {
  margin: 0 20px;
}

header.sticky div.bottom button.catalog {
  opacity: 0;
}

@-webkit-keyframes icon {
  0% {
    stroke-dashoffset: 100;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes icon {
  0% {
    stroke-dashoffset: 100;
  }

  100% {
    stroke-dashoffset: 0;
  }
}


section.products {
  margin-top: var(--section-between-gap);
  margin-bottom: var(--section-between-gap);
}

section.products div.title {
  text-align: center;
  margin-bottom: calc(var(--section-side-gap) * 3);
}

section.products div.title span {
  font-weight: 300;
  font-size: 16px;
}

section.products div.swiper {
  overflow: visible;
}

section.products div.swiper-slide {
  height: auto;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

section.products div.swiper-slide.swiper-slide-visible {
  opacity: 1;
}

section.products div.swiper-slide > .product {
  min-height: 100%;
}

section.products div.swiper-navigation {
  padding-left: unset;
  padding-right: unset;
  width: calc(100% + 2.5rem);
  left: -1.25rem;
  right: -1.25rem;
}

section.products div.swiper-pagination {
  display: none;
}

section.products div.container > div.swiper > div.swiper-wrapper > div.swiper-slide {
  pointer-events: none;
}

section.products div.container > div.swiper > div.swiper-wrapper > div.swiper-slide.swiper-slide-visible {
  opacity: 1;
  pointer-events: auto;
}


section.about {
  margin-top: var(--section-between-gap);
  margin-bottom: var(--section-between-gap);
  padding: 0 var(--section-side-gap);
}

section.about div.container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-shadow: -2px 2px 2px 0px rgba(26, 41, 48, 0.0705882353), -4px 8px 4px 0px rgba(26, 41, 48, 0.0509803922), -8px 18px 10px 0px rgba(26, 41, 48, 0.0392156863), -16px 34px 20px 0px rgba(26, 41, 48, 0.031372549), -24px 60px 40px 0px rgba(26, 41, 48, 0.0196078431);
  box-shadow: -2px 2px 2px 0px rgba(26, 41, 48, 0.0705882353), -4px 8px 4px 0px rgba(26, 41, 48, 0.0509803922), -8px 18px 10px 0px rgba(26, 41, 48, 0.0392156863), -16px 34px 20px 0px rgba(26, 41, 48, 0.031372549), -24px 60px 40px 0px rgba(26, 41, 48, 0.0196078431);
  padding: unset;
  background-color: white;
}

section.about div.text {
  display: grid;
  grid-gap: 1rem;
  padding: 88px 64px;
  font-family: "Evolventa";
}

section.about div.text > h2 {
  font-family: "Venryn Sans", sans-serif;
}

section.about div.text > span {
  font-size: 18px;
  line-height: 120%;
}

section.about div.text > span a {
  text-decoration: underline;
}

section.about div.text > span a:hover {
  text-decoration: unset;
}

section.about div.text strong {
  font-size: 24px;
}

section.about div.text div.requisite {
  display: grid;
  grid-gap: 0.3em;
  line-height: 120%;
}

section.about div.text div.requisite br {
  display: none;
}

section.about div.text div.requisite div {
  display: grid;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 20px;
}

section.about div.text div.requisite div span:last-child {
  font-weight: 700;
}

section.about div.text div.more {
  justify-self: start;
  font-size: 24px;
}

section.about div.text div.more a {
  text-decoration: none;
  font-size: inherit;
}

section.about div.text div.more a:hover {
  text-decoration: underline;
}

section.about div.image {
  position: relative;
  width: 100%;
  height: 100%;
}

section.about div.image img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center right;
  object-position: center right;
}

section.scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  z-index: 9;
  display: none;
  background-color: white;
  -webkit-box-shadow: 0px -3px 12px 0px rgba(26, 41, 48, 0.05);
  box-shadow: 0px -3px 12px 0px rgba(26, 41, 48, 0.05);
}

section.scrollbar div.container.cart {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content 1fr;
  grid-template-columns: max-content max-content 1fr;
  grid-gap: 10px;
  background-color: #FBFBFB;
  padding: 10px 20px;
}

section.scrollbar div.container.cart div.comparison,
section.scrollbar div.container.cart div.favourite {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #F2F2F2;
  border-radius: 5px;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

section.scrollbar div.container.cart div.comparison:hover,
section.scrollbar div.container.cart div.favourite:hover {
  background-color: #FFCE22;
}

section.scrollbar div.container.cart button {
  width: 100%;
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 20px;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  text-align: left;
}

section.scrollbar div.container.incart {
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-gap: 10px;
  background-color: #FBFBFB;
  padding: 10px 20px;
  display: none;
}

section.scrollbar div.container.incart div.quantity {
  background-color: #F2F2F2;
  padding: 6px;
  border-radius: 5px;
}

section.scrollbar div.container.incart div.quantity div {
  width: 31px;
  height: 28px;
  background-color: white;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: center;
}

section.scrollbar div.container.incart div.quantity div.minus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

section.scrollbar div.container.incart div.quantity div.plus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

section.scrollbar div.container.incart div.quantity input {
  border: unset;
}

section.scrollbar div.container.incart a.button {
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}

section.scrollbar div.container.main {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding: 17px;
  -webkit-box-shadow: 0px -3px 12px 0px rgba(26, 41, 48, 0.05);
  box-shadow: 0px -3px 12px 0px rgba(26, 41, 48, 0.05);
}

section.scrollbar div.container.main a {
  display: grid;
  justify-items: center;
  grid-gap: 5px;
  font-size: 10px;
}

section.scrollbar div.container.show {
  display: grid;
}

section.scrollbar div.container.hide {
  display: none;
}

footer {
  padding-top: var(--section-between-gap);
  padding-bottom: var(--section-between-gap);
  background-color: #1A2930;
  color: white;
}

footer div.container {
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: var(--section-side-gap);
}

footer div.contacts {
  display: grid;
  grid-gap: 50px;
  line-height: normal;
}

footer div.contacts div.phone {
  display: grid;
  grid-gap: 10px;
}

footer div.contacts div.phone > * {
  line-height: 1em;
}

footer div.contacts div.phone a.phone {
  font-size: 24px;
  line-height: 1em;
  font-weight: 500;
  white-space: nowrap;
  display: block;
}

footer div.contacts div.buttons {
  display: grid;
  grid-gap: 15px;
}

footer div.contacts div.buttons button {
  font-weight: 300;
}

footer div.contacts a.email {
  font-size: 24px;
  font-weight: 300;
  white-space: nowrap;
  display: block;
}

footer div.contacts small {
  display: block;
  font-size: 18px;
  font-weight: 300;
}

footer div.contacts a.logotype {
  display: block;
  width: 160px;
}

footer div.contacts a.logotype img {
  width: 100%;
}

footer div.contacts div.socials {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 0.5rem;
}

footer div.contacts div.socials a:hover {
  opacity: 0.7;
}

footer menu {
  font-weight: 300;
}

footer menu li {
  cursor: pointer;
}

footer menu > li {
  position: relative;
  padding-bottom: 2rem;
  pointer-events: none;
}

footer menu > li a {
  pointer-events: visible;
}

footer menu img {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}

footer menu div,
footer menu li.accordion_content,
footer menu li.accordion_content ul {
  display: grid;
  grid-gap: 1rem;
  max-height: auto !important;
  font-size: 14px;
}

footer menu strong {
  display: inline-block;
  font-weight: 500;
  text-decoration: underline;
  font-size: 18px;
}

footer menu strong:hover {
  text-decoration: none;
}

footer menu a:hover {
  text-decoration: underline;
}

footer span.copyright {
  grid-column: 5 span;
  text-align: center;
  font-size: 18px;
}

section.breadcrumbs {
  margin-top: 50px;
  margin-bottom: 50px;
}

section.breadcrumbs div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

section.breadcrumbs div.container a {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
}

section.breadcrumbs div.container a::after {
  content: "";
  display: block;
  width: 5px;
  height: 10px;
  background-image: url(/local/templates/luxalto/assets/css/../images/breadcrumb_arrow.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

section.breadcrumbs div.container span {
  color: #AFAFAF;
  text-decoration: underline;
}


html:has(dialog[open]) {
  overflow-y: hidden;
  margin-right: var(--scrollbar-width);
}

dialog {
  margin: auto;
}

dialog svg.cross,
dialog div.cross {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  justify-self: end;
}

dialog div.container {
  padding: var(--section-side-gap);
  max-width: 640px;
}

dialog::-ms-backdrop {
  position: fixed;
  inset: 0px;
  background: rgba(0, 0, 0, 0.75);
}

dialog::backdrop {
  position: fixed;
  inset: 0px;
  background: rgba(0, 0, 0, 0.75);
}

dialog::-webkit-scrollbar {
  width: 0;
  height: 0;
}

div.product div.order button span.cart_icon {
    display: block;
}

[data-modal-name=signup],
[data-modal-name=callback],
[data-modal-name=click] {
  max-width: 360px;
}

[data-modal-name=signup] svg.cross,
[data-modal-name=callback] svg.cross,
[data-modal-name=click] svg.cross {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 4px;
}

[data-modal-name=signup] svg.cross path,
[data-modal-name=callback] svg.cross path,
[data-modal-name=click] svg.cross path {
  stroke: #1A2930;
}

[data-modal-name=signup] div.container,
[data-modal-name=callback] div.container,
[data-modal-name=click] div.container {
  display: grid;
  grid-gap: 20px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 40px;
}

[data-modal-name=signup] div.container div.text,
[data-modal-name=callback] div.container div.text,
[data-modal-name=click] div.container div.text {
  display: grid;
  grid-gap: 10px;
}

[data-modal-name=signup] div.container div.text strong,
[data-modal-name=callback] div.container div.text strong,
[data-modal-name=click] div.container div.text strong {
  font-family: "Manrope", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2em;
  color: #1A2930;
}

[data-modal-name=signup] div.container div.text span,
[data-modal-name=callback] div.container div.text span,
[data-modal-name=click] div.container div.text span {
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
  color: #707070;
}

[data-modal-name=signup] div.container div.tabs,
[data-modal-name=callback] div.container div.tabs,
[data-modal-name=click] div.container div.tabs {
  display: grid;
  grid-gap: 20px;
}

[data-modal-name=signup] div.container div.tabs_captions,
[data-modal-name=callback] div.container div.tabs_captions,
[data-modal-name=click] div.container div.tabs_captions {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  background-color: white;
  font-size: 12px;
  padding: 2px;
  border-radius: 5px;
}

[data-modal-name=signup] div.container div.tabs_captions span.tab_caption,
[data-modal-name=callback] div.container div.tabs_captions span.tab_caption,
[data-modal-name=click] div.container div.tabs_captions span.tab_caption {
  cursor: pointer;
  position: relative;
  text-align: center;
  padding: 8px;
  font-weight: 300;
}

[data-modal-name=signup] div.container div.tabs_captions::before,
[data-modal-name=callback] div.container div.tabs_captions::before,
[data-modal-name=click] div.container div.tabs_captions::before {
  content: "";
  position: absolute;
  display: block;
  top: 2px;
  left: 2px;
  width: calc(50% - 2px);
  height: calc(100% - 4px);
  background-color: #f1f1f1;
  border-radius: 5px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

[data-modal-name=signup] div.container div.tabs_captions:has(:nth-child(1).opened)::before,
[data-modal-name=callback] div.container div.tabs_captions:has(:nth-child(1).opened)::before,
[data-modal-name=click] div.container div.tabs_captions:has(:nth-child(1).opened)::before {
  left: 0%;
}

[data-modal-name=signup] div.container div.tabs_captions:has(:nth-child(2).opened)::before,
[data-modal-name=callback] div.container div.tabs_captions:has(:nth-child(2).opened)::before,
[data-modal-name=click] div.container div.tabs_captions:has(:nth-child(2).opened)::before {
  left: 50%;
}

[data-modal-name=signup] div.container div.tabs_contents div.tab_content,
[data-modal-name=callback] div.container div.tabs_contents div.tab_content,
[data-modal-name=click] div.container div.tabs_contents div.tab_content {
  display: none;
}

[data-modal-name=signup] div.container div.tabs_contents div.tab_content.opened,
[data-modal-name=callback] div.container div.tabs_contents div.tab_content.opened,
[data-modal-name=click] div.container div.tabs_contents div.tab_content.opened {
  display: block;
}

[data-modal-name=signup] div.container form,
[data-modal-name=callback] div.container form,
[data-modal-name=click] div.container form {
  display: grid;
  grid-gap: 30px;
  width: 100%;
}

[data-modal-name=signup] div.container form button,
[data-modal-name=callback] div.container form button,
[data-modal-name=click] div.container form button {
  width: 100%;
  font-size: 18px;
  padding: 1rem;
  font-weight: 300;
}

[data-modal-name=signup] div.container small.policy,
[data-modal-name=callback] div.container small.policy,
[data-modal-name=click] div.container small.policy {
  display: block;
  color: #707070;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.2em;
  text-align: center;
  margin-top: 10px;
}

[data-modal-name=signup] div.container small.policy a,
[data-modal-name=callback] div.container small.policy a,
[data-modal-name=click] div.container small.policy a {
  text-decoration: underline;
}

[data-modal-name=signup] div.container small.policy a:hover,
[data-modal-name=callback] div.container small.policy a:hover,
[data-modal-name=click] div.container small.policy a:hover {
  text-decoration: none;
}

[data-modal-name=click] div.container div.text strong {
  font-size: 18px;
}

[data-modal-name=menu] {
  height: 100%;
  max-height: unset;
  max-width: unset;
  background-color: transparent;
  margin: unset;
  color: #1A2930;
  /***********  MENU ***********/
  /***********  MENU ***********/
  /***********  SUBMENU ***********/
  /***********  SUBMENU ***********/
}

[data-modal-name=menu] a:hover {
  text-decoration: underline;
}

[data-modal-name=menu] svg,
[data-modal-name=menu] img {
  pointer-events: none;
}

[data-modal-name=menu] div.container {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  margin: unset;
  background-color: white;
  padding: unset;
  width: 290px;
  max-width: unset;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #F5F5F5;
  padding: 20px;
  padding-top: unset;
}

[data-modal-name=menu] div.container::-webkit-scrollbar {
  display: none;
}

[data-modal-name=menu] div.head {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  background-color: white;
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px 20px 20px;
  margin-bottom: 10px;
}

[data-modal-name=menu] div.head a.logotype {
  display: block;
  width: 100px;
  margin-bottom: 40px;
}

[data-modal-name=menu] div.head a.logotype img {
  width: 100%;
}

[data-modal-name=menu] div.head div.search {
  display: none;
}

[data-modal-name=menu] div.search {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}

[data-modal-name=menu] div.search form.search {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

[data-modal-name=menu] div.search form.search input {
  width: 100%;
}

[data-modal-name=menu] div.search form.search button {
  padding: unset;
  position: absolute;
  top: 50%;
  right: 0;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

[data-modal-name=menu] div.search form.search button svg path {
  fill: #AFAFAF;
}

[data-modal-name=menu] div.search div.cross {
  position: static;
}

[data-modal-name=menu] div.link,
[data-modal-name=menu] div.sublink {
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-gap: 10px;
}

[data-modal-name=menu] div.link div.arrow,
[data-modal-name=menu] div.sublink div.arrow {
  cursor: pointer;
  width: 100%;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-items: end;
  justify-self: end;
  padding-right: 16px;
}

[data-modal-name=menu] div.link {
  font-size: 18px;
}

[data-modal-name=menu] div.link > a {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  padding-top: 16px;
  padding-bottom: 16px;
}

[data-modal-name=menu] div.sublink strong {
  font-size: 18px;
  font-weight: 500;
}

[data-modal-name=menu] div.sublink div.arrow {
  display: none;
}

[data-modal-name=menu] div.sublink div.arrow img {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

[data-modal-name=menu] div.sublink.opened div.arrow img {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

[data-modal-name=menu] div.title {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}

[data-modal-name=menu] div.title strong {
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
}

[data-modal-name=menu] div.title div.city {
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  justify-self: end;
  grid-gap: 5px;
  font-size: 18px;
}

[data-modal-name=menu] div.title div.city span {
  font-size: inherit;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 112px;
}

[data-modal-name=menu] form.search {
  padding: 10px;
  border-bottom: 1px solid #AFAFAF;
}

[data-modal-name=menu] menu {
  display: grid;
  grid-gap: 10px;
}

[data-modal-name=menu] menu > li {
  background-color: white;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  margin-left: -20px;
  margin-right: -10px;
  padding-left: 20px;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}

[data-modal-name=menu] menu > li:hover {
  background-color: #1A2930;
}

[data-modal-name=menu] menu > li:hover > div.link {
  color: white;
}

[data-modal-name=menu] menu > li:hover > div.link svg path {
  fill: white;
}
[data-modal-name=menu] menu > li.menu_title {
  box-shadow: none;
  background-color: unset;
  color: #1A2930;
}

[data-modal-name=menu] menu.catalog {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin-bottom: 10px;
}

[data-modal-name=menu] menu.main {
  display: none;
  margin-bottom: 50px;
}

[data-modal-name=menu] menu.main strong {
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
}

[data-modal-name=menu] div.back_button {
  cursor: pointer;
  display: none;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  font-size: 14px;
}

[data-modal-name=menu] div.back_button > * {
  pointer-events: none;
}

[data-modal-name=menu] div.horizontal.submenu {
  display: grid;
  -ms-flex-line-pack: start;
  align-content: start;
  grid-gap: 30px;
  position: fixed;
  top: 0;
  left: 290px;
  width: calc(100% - 290px);
  height: 100%;
  max-width: 780px;
  background-color: white;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  overflow: auto;
  z-index: -2;
  padding: 40px;
  padding-top: 20px;
}

[data-modal-name=menu].child-opened div.horizontal.submenu {
  -webkit-transition: -webkit-transform 0.0s;
  transition: -webkit-transform 0.0s;
  transition: transform 0.0s;
  transition: transform 0.0s, -webkit-transform 0.0s;
}

[data-modal-name=menu] div.horizontal.submenu::-webkit-scrollbar {
  display: none;
}

[data-modal-name=menu] div.horizontal.submenu.opened {
  -webkit-transform: translate(0%);
  -ms-transform: translate(0%);
  transform: translate(0%);
  z-index: -1;
}

[data-modal-name=menu] div.subtitle {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
}

[data-modal-name=menu] div.subtitle strong {
  font-size: 24px;
  font-weight: 400;
  line-height: 1em;
}

[data-modal-name=menu] ul.subcategories {
  display: grid;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px 20px;
}

[data-modal-name=menu] ul.subcategories > li {
  display: grid;
  grid-gap: 10px;
}

[data-modal-name=menu] ul.subcategories ul {
  display: grid;
  grid-gap: 5px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1em;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
}

[data-modal-name=menu] ul.subcategories ul.opened {
  max-height: max-content;
  overflow: auto;
}

[data-modal-name=menu] a.banner {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}

[data-modal-name=menu] a.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: containt;
  object-fit: containt;
  -o-object-position: center center;
  object-position: center center;
}

[data-modal-name=menu] div.phone {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-template-areas: "A B" "A C";
  grid-gap: 4px 8px;
  margin-bottom: 30px;
}

[data-modal-name=menu] div.phone div.email {
  position: relative;
  grid-area: A;
  padding: 10px;
}

[data-modal-name=menu] div.phone div.email div.tooltip {
  left: 0%;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

[data-modal-name=menu] div.phone div.email div.tooltip:after {
  left: 20px;
}

[data-modal-name=menu] div.phone div.email:hover div.tooltip {
  display: grid;
}

[data-modal-name=menu] div.phone a {
  grid-area: B;
  font-size: 18px;
  line-height: 1em;
}

[data-modal-name=menu] div.phone small {
  grid-area: C;
  font-size: 12px;
  color: #838383;
}

[data-modal-name=menu] div.socials {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  background-color: white;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  margin-left: -20px;
  margin-right: -10px;
  padding-left: 20px;
  margin-bottom: 30px;
}

[data-modal-name=menu] div.socials a {
  padding: 10px;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

[data-modal-name=menu] div.socials a:hover {
  background-color: #F5F5F5;
}


[data-modal-name=favourite],
[data-modal-name=cart] {
  max-height: unset;
  max-width: unset;
  width: 100%;
  height: 100%;
  background-color: transparent;
  margin: unset;
}

[data-modal-name=favourite] div.cross,
[data-modal-name=cart] div.cross {
  position: absolute;
  top: 50px;
  right: 50px;
  z-index: 1;
}

[data-modal-name=favourite] div.container,
[data-modal-name=cart] div.container {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  padding: 50px;
  max-width: 680px;
  width: 100%;
  min-height: 100%;
}

[data-modal-name=favourite] div.title,
[data-modal-name=cart] div.title {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 10px;
}

[data-modal-name=favourite] div.title strong,
[data-modal-name=cart] div.title strong {
  font-size: 30px;
  font-weight: 400;
}

[data-modal-name=favourite] div.note,
[data-modal-name=cart] div.note {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 10px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 17px 24px;
  background-color: white;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(26, 41, 48, 0.0509803922);
  box-shadow: 0px 5px 12px 0px rgba(26, 41, 48, 0.0509803922);
  border-radius: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #32B72F;
  font-size: 18px;
}

[data-modal-name=favourite] div.products,
[data-modal-name=cart] div.products {
  display: grid;
  grid-gap: 20px;
}

[data-modal-name=favourite] div.popup_product,
[data-modal-name=cart] div.popup_product {
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 110px 1fr -webkit-max-content;
  grid-template-columns: 110px 1fr max-content;
  grid-template-areas: "I T D" "I P D";
  grid-gap: 20px;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(26, 41, 48, 0.0509803922);
  box-shadow: 0px 5px 12px 0px rgba(26, 41, 48, 0.0509803922);
}

[data-modal-name=favourite] div.popup_product img.preview,
[data-modal-name=cart] div.popup_product img.preview {
  grid-area: I;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

[data-modal-name=favourite] div.popup_product a.title,
[data-modal-name=cart] div.popup_product a.title {
  grid-area: T;
  font-size: 18px;
  align-self: end;
}

[data-modal-name=favourite] div.popup_product div.price,
[data-modal-name=cart] div.popup_product div.price {
  grid-area: P;
  display: grid;
  align-self: start;
}

[data-modal-name=favourite] div.popup_product div.price span.old,
[data-modal-name=cart] div.popup_product div.price span.old {
  font-size: 10px;
  text-decoration: line-through;
  color: #6B6B6B;
}

[data-modal-name=favourite] div.popup_product div.price span.current,
[data-modal-name=cart] div.popup_product div.price span.current {
  font-family: "Inter", sans-serif;
  font-size: 24px;
  font-weight: 700;
}

[data-modal-name=favourite] div.popup_product div.delete,
[data-modal-name=cart] div.popup_product div.delete {
  cursor: pointer;
  grid-area: D;
}

[data-modal-name=favourite] div.total,
[data-modal-name=cart] div.total {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid #C1C1C1;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-gap: 20px;
}

[data-modal-name=favourite] div.total span,
[data-modal-name=cart] div.total span {
  color: #6B6B6B;
}

[data-modal-name=favourite] div.total strong,
[data-modal-name=cart] div.total strong {
  font-family: "Inter", sans-serif;
  font-size: 38px;
  font-weight: 400;
}

[data-modal-name=favourite] div.buttons,
[data-modal-name=cart] div.buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

[data-modal-name=favourite] div.buttons button,
[data-modal-name=favourite] div.buttons a,
[data-modal-name=cart] div.buttons button,
[data-modal-name=cart] div.buttons a {
  width: 100%;
  padding: 15px 30px;
  font-size: 18px;
  line-height: normal;
  font-weight: 300;
}


[data-modal-name=question],
[data-modal-name=get_consult] {
  width: 100%;
  background-color: transparent;
}

[data-modal-name=question] svg.cross,
[data-modal-name=get_consult] svg.cross {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
  height: 21px;
  padding: 4px;
}

[data-modal-name=question] svg.cross path,
[data-modal-name=get_consult] svg.cross path {
  stroke: #1A2930;
}

[data-modal-name=question] div.container,
[data-modal-name=get_consult] div.container,
[data-modal-name=return_product] div.container {
  display: grid;
  grid-gap: 30px;
  padding: 40px 20px;
  background: white;
  max-width: 768px;
  width: 100%;
  background-image: url(/local/templates/luxalto/assets/css/./../images/cities_background.svg);
  background-position: top right;
  background-repeat: no-repeat;
}

[data-modal-name=question] div.text,
[data-modal-name=get_consult] div.text {
  display: grid;
  grid-gap: 20px;
  max-width: 400px;
}

[data-modal-name=question] div.text strong,
[data-modal-name=get_consult] div.text strong {
  font-family: "Manrope", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2em;
  color: #1A2930;
}

[data-modal-name=question] div.text span,
[data-modal-name=get_consult] div.text span {
  font-size: 16px;
  font-weight: 300;
  color: #707070;
}

[data-modal-name=question] form,
[data-modal-name=get_consult] form {
  display: grid;
  grid-gap: 20px;
}

[data-modal-name=question] form > *:not(.buttons),
[data-modal-name=get_consult] form > *:not(.buttons) {
  max-width: 400px;
}

[data-modal-name=question] form strong,
[data-modal-name=get_consult] form strong {
  font-size: 18px;
  font-weight: 400;
}

[data-modal-name=question] small,
[data-modal-name=get_consult] small {
  font-size: 12px;
  font-weight: 300;
  line-height: normal;
  color: #707070;
}

[data-modal-name=question] small a,
[data-modal-name=get_consult] small a {
  text-decoration: underline;
}

[data-modal-name=question] small a:hover,
[data-modal-name=get_consult] small a:hover {
  text-decoration: none;
}

[data-modal-name=question] div.buttons,
[data-modal-name=get_consult] div.buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
  margin-top: 10px;
  max-width: 480px;
}

[data-modal-name=question] div.buttons button,
[data-modal-name=question] div.buttons a.button,
[data-modal-name=get_consult] div.buttons button,
[data-modal-name=get_consult] div.buttons a.button {
  width: 100%;
  padding: 15px 30px;
  font-size: 18px;
  line-height: normal;
  font-weight: 300;
}

[data-modal-name=lightbox] {
  position: fixed;
  overflow: visible;
  height: 100%;
  width: 100%;
  max-width: unset;
  max-height: unset;
}

[data-modal-name=lightbox] svg.cross {
  cursor: pointer;
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  z-index: 999;
}

[data-modal-name=lightbox] svg.cross path {
  stroke: black;
}

[data-modal-name=lightbox] div.container {
  position: static;
  max-width: unset;
  max-height: unset;
  overflow: visible;
  padding: unset;
  display: grid;
  grid-template-columns: 1fr;
}

[data-modal-name=lightbox] div.thumbs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 0;
  padding: 30px;
  height: 160px;
}

[data-modal-name=lightbox] div.thumbs div.swiper {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: calc(100vh - 60px);
}

[data-modal-name=lightbox] div.thumbs div.swiper-slide {
  width: 100px;
  height: 100px;
  aspect-ratio: 1/1;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  background-color: white;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
}

[data-modal-name=lightbox] div.thumbs div.swiper-slide img {
  position: relative;
  top: 10px;
  left: 10px;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

[data-modal-name=lightbox] div.thumbs div.swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #FFCE22;
}

[data-modal-name=lightbox] div.images {
  position: relative;
  height: 100vh;
  width: 100%;
  min-width: 0;
}

[data-modal-name=lightbox] div.images div.swiper {
  height: 100vh;
}

[data-modal-name=lightbox] div.images div.swiper-slide {
  padding-top: 30px;
  height: 100%;
}

[data-modal-name=lightbox] div.images div.swiper-slide img {
  width: 100%;
  height: 100%;
  max-height: calc(100% - 160px);
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}

[data-modal-name=lightbox] img {
  max-width: 100%;
  max-height: 100%;
}

[data-modal-name=lightbox] div.swiper-navigation {
  width: 100%;
}

[data-modal-name=lightbox] div.swiper-navigation svg:first-child {
  padding-left: 15px;
  padding-top: 11px;
  left: 30px;
}

[data-modal-name=lightbox] div.swiper-navigation svg:last-child {
  padding-left: 15px;
  padding-top: 11px;
  right: 30px;
}


.privacy_policy p {
  color: #1A2930;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.privacy_policy p.list_title {
  color: #1A2930;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}


.checker_wrapper {
  display: grid;
  gap: 50px;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
}

.checker_wrapper .checker_row {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2, 1fr);
}

.checker_wrapper .checker_row:nth-child(even) .checker_col:last-child {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: right;
}

.checker_wrapper .checker_row .checker_col {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.checker_wrapper .checker_row .checker_col img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  background: #1A2930;
  max-height: 585px;
  aspect-ratio: 1.2444;
}

.checker_wrapper .checker_row .checker_col h3 {
  font-size: 38px;
  font-weight: 400;
  line-height: 105%;
  text-transform: none;
  margin-bottom: 10px;
}

.checker_wrapper .checker_row .checker_col p {
  color: #868686;
  font-size: 18px;
  font-weight: 300;
  line-height: 105%;
  margin-bottom: 30px;
}

.checker_wrapper .checker_row .checker_col p:last-child {
  margin-bottom: 0;
}

.checker_wrapper .checker_row .checker_col h3,
.checker_wrapper .checker_row .checker_col p {
  max-width: 540px;
}


.comand {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
  margin: 100px 0 136px;
}

.comand .comand_img {
  position: relative;
}

.comand .comand_img img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.comand .comand_content {
  padding-bottom: 76px;
}

.comand .comand_content h2 {
  margin-bottom: 50px;
  font-weight: 300;
  line-height: normal;
  text-transform: uppercase;
  font-size: 38px;
}

.comand .comand_content p {
  font-family: "Evolventa";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.vacancy .vacancy_all {
  margin-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 13px 0px;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  line-height: 95.5%;
  margin-left: auto;
}

.vacancy .vacancy_all .vacancy_all_text {
  margin-right: 0.5em;
}

.vacancy .vacancy_all span {
  text-decoration: none;
}

.vacancy_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 40px;
}

.vacancy_list .vacancy_item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-box-shadow: 0px 5px 12px 0px rgba(26, 41, 48, 0.05);
          box-shadow: 0px 5px 12px 0px rgba(26, 41, 48, 0.05);
}

.vacancy_list .vacancy_item .vacancy_img {
  position: relative;
}

.vacancy_list .vacancy_item .vacancy_img img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.vacancy_list .vacancy_item .vacancy_content {
  background-color: #fff;
  padding: 63px 10px 10px 40px;
}

.vacancy_list .vacancy_item .vacancy_content .vacancy_name {
  font-size: 24px;
  font-weight: 400;
  line-height: 95.5%;
  margin-bottom: 20px;
  text-transform: none;
}

.vacancy_list .vacancy_item .vacancy_content p {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
}

.vacancy_list .vacancy_item .vacancy_content .wage {
  font-family: "Evolventa";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 30px;
}

.vacancy_list .vacancy_item .vacancy_content .more {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.vacancy_list .vacancy_item .vacancy_content .more a {
  text-decoration: none;
  font-size: 16px;
  font-family: "Evolventa";
}

.vacancy_list .vacancy_item .vacancy_content .more::after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.2431 14.1888L21.5961 9.12017C21.403 8.94673 21.1067 8.96313 20.9342 9.15579C20.7612 9.34845 20.7772 9.6447 20.9698 9.81767L25.7056 14.0688H2.46875C2.21 14.0688 2 14.2788 2 14.5375C2 14.7963 2.21 15.0063 2.46875 15.0063H25.7056L20.9694 19.2569C20.7767 19.4299 20.7608 19.7261 20.9338 19.9188C21.0261 20.0219 21.1541 20.0744 21.283 20.0744C21.3945 20.0744 21.5066 20.035 21.5956 19.9544L27.2431 14.8863C27.342 14.7977 27.3987 14.6706 27.3987 14.5375C27.3987 14.4044 27.342 14.2774 27.2431 14.1888Z' fill='%231A2930'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.auth_msg {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.auth_msg svg {
  min-width: 21px;
  margin-right: 10px;
  margin-top: -2.5px;
}

[data-modal-name=remove_cart_list],
[data-modal-name=remove_favourite_list] {
  max-width: 360px;
  position: fixed;
}

[data-modal-name=remove_cart_list] .cross,
[data-modal-name=remove_favourite_list] .cross {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
  height: 21px;
  padding: 0;
}

[data-modal-name=remove_cart_list] .cross svg,
[data-modal-name=remove_favourite_list] .cross svg {
  width: 21px;
  height: 21px;
}

[data-modal-name=remove_cart_list] .cross path,
[data-modal-name=remove_favourite_list] .cross path {
  stroke: #1A2930;
}

[data-modal-name=remove_cart_list] div.container,
[data-modal-name=remove_favourite_list] div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #fff;
  padding: 40px 20px 30px;
}

[data-modal-name=remove_cart_list] div.container .title,
[data-modal-name=remove_favourite_list] div.container .title {
  color: #1A2930;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  padding-right: 30px;
}

[data-modal-name=remove_cart_list] div.container .title span,
[data-modal-name=remove_favourite_list] div.container .title span {
  color: #FFCE22;
}

[data-modal-name=remove_cart_list] div.container .subtitle,
[data-modal-name=remove_favourite_list] div.container .subtitle {
  color: #707070;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 30px;
  padding-right: 30px;
}

[data-modal-name=remove_cart_list] div.container .buttons,
[data-modal-name=remove_favourite_list] div.container .buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

[data-modal-name=remove_cart_list] div.container .buttons button,
[data-modal-name=remove_favourite_list] div.container .buttons button {
  color: #1A2930;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
}

.cart_page {
  margin-bottom: 200px;
}

.viewed {
  display: grid;
  grid-template-columns: 366px 1fr;
  gap: 33px;
}

.viewed h2 {
  background-color: #FBFBFB;
  z-index: 2;
  padding-right: 90px;
}


[data-modal-name=order_success] {
  max-width: 360px;
  position: relative;
}

[data-modal-name=order_success] .cross {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 21px;
  height: 21px;
  padding: 0;
}

[data-modal-name=order_success] .cross svg {
  width: 21px;
  height: 21px;
}

[data-modal-name=order_success] .cross path {
  stroke: #1A2930;
}

[data-modal-name=order_success] div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  background-color: #fff;
  padding: 40px 20px 30px;
}

[data-modal-name=order_success] div.container .title {
  color: #1A2930;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  padding-right: 80px;
}

[data-modal-name=order_success] div.container .subtitle {
  color: #707070;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin-bottom: 30px;
  padding-right: 30px;
}

[data-modal-name=order_success] div.container .buttons {
  display: grid;
  grid-template-columns: 1fr;
}

[data-modal-name=order_success] div.container .buttons button {
  color: #1A2930;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  width: 100%;
  padding: 15px;
  border-radius: 5px;
}

div.backtext div {
  opacity: 1;
  -webkit-filter: opacity(0.1);
          filter: opacity(0.1);
}

.page_detail {
  margin: 30px 0 50px;
}

.page_detail h1 {
  margin-top: 10px;
  color: #1A2930;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.955;
  text-transform: none;
}

.page_detail .page_detail_links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.page_detail .page_detail_links a {
  color: #929292;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

.page_detail .page_detail_links .link_back {
  color: #1A2930;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page_detail .page_detail_links .link_back svg {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}

.page_subtitle {
  font-family: "Evolventa";
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  margin: 0 auto 50px;
}

.link_main {
  font-size: inherit;
  color: #E3B71B;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  cursor: pointer;
}

.link_main:hover {
  text-decoration: none;
}

.link_mute {
  font-size: inherit;
  color: #AFAFAF;
  font-weight: 400;
  line-height: normal;
  text-decoration: underline;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}

.link_mute:hover {
  text-decoration: none;
}

.link_dashed {
  font-size: inherit;
  color: #1A2930;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-underline-position: under;
  text-decoration-color: inherit;
  text-decoration-style: dashed;
  text-underline-offset: 5px;
  cursor: pointer;
}

.link_dashed:hover {
  text-decoration: none;
}

.number_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-radius: 5px;
  background: rgba(242, 242, 242, 0.93);
  border: 1px solid rgba(242, 242, 242, 0.93);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  height: 30px;
}

.number_input span {
  width: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background: #FFF;
  cursor: pointer;
  color: #1A2930;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.number_input span:hover {
  color: #E3B71B;
}

.number_input span svg {
  width: 10px;
  height: 10px;
}

.number_input .minus {
  border-radius: 5px 0px 0px 5px;
}

.number_input input {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  pointer-events: none;
  min-width: 56px;
  width: 56px;
}

.number_input .plus {
  border-radius: 0px 5px 5px 0px;
}

.theme_select .select_current {
  color: #C1C1C1;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.theme_select .select_current span {
  padding-left: 26px;
  border-bottom: 1px solid #D6D6D6;
  border-radius: 0;
}

.theme_select .select_list {
  padding-top: 0;
  top: 37px;
}

@media (min-width: 480px) {
  div.title span {
    font-size: 18px;
  }

  div.title h2 {
    font-size: 38px;
    margin-top: 5px;
  }
}

@media (min-width: 576px) {
  h2 {
    font-size: calc(1.2345679vw + 18.8888888889px);
  }

  h3 {
    font-size: calc(1.02880658vw + 16.0740740741px);
  }

  div.backtext div {
    font-size: calc(3.08641975vw + 62.2222222222px);
  }

  section.products div.title span {
    font-size: calc(0.20576132vw + 14.8148148148px);
  }

}

@media (min-width: 1548px) {
  h2 {
    font-size: 38px;
  }

  h3 {
    font-size: 32px;
  }

  div.backtext div {
    font-size: 110px;
  }

  section.products div.title span {
    font-size: 18px;
  }

}


@media screen and (max-width: 1400px) {
  .viewed {
    grid-template-columns: 312px 1fr;
  }

  .viewed h2 {
    padding-right: 36px;
  }
}


@media screen and (max-width: 1200px) {
  .comand {
    grid-template-columns: 1fr;
  }

  .comand .comand_img img {
    position: static;
    height: auto;
    aspect-ratio: 1.333;
    max-height: 450px;
  }

  .comand .comand_content {
    text-align: center;
    padding-bottom: 0;
  }

  .vacancy .vacancy_all {
    margin-top: 25px;
  }

  .vacancy_list {
    grid-template-columns: 1fr;
  }

  .vacancy_list .vacancy_item {
    grid-template-columns: 355px 1fr;
  }

  .vacancy_list .vacancy_item .vacancy_content {
    padding: 31px 10px 10px 40px;
  }

  .viewed {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .viewed h2 {
    padding-right: 0;
  }

  .page_detail {
    margin: 30px 0 30px;
  }

  header div.bottom menu {
    grid-gap: 20px;
  }
}

@media (max-width: 1180px) {
  header div.top menu {
    grid-gap: 1rem;
  }
}

@media (max-width: 1120px) {
  header div.bottom menu a {
    padding: 10px 18px;
  }
}

@media (max-width: 1080px) {
  header div.top div.container {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }

  header div.top div.phone {
    justify-self: end;
  }

  header div.top menu {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  div.pagination span {
    font-size: 18px;
  }

  .checker_wrapper .checker_row {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .checker_wrapper .checker_row:nth-child(even) .checker_col:last-child {
    -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
            order: unset;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .checker_wrapper .checker_row .checker_col h3,
  .checker_wrapper .checker_row .checker_col p {
    max-width: 100%;
  }
  .cart_page {
    margin-bottom: 100px;
  }

  .placing h1 {
    font-size: 24px;
  }

}

@media (max-width: 960px) {
  :root {
    --section-side-gap: 1.25rem;
    --section-between-gap: 4.5rem;
    --header-height: 60px;
  }

  h1 {
    font-size: 28px;
  }

  div.swiper::after {
    display: block;
  }

  button.yellow,
  button.white {
    padding: 0.75rem 2rem;
  }

  header {
    background-color: white;
    -webkit-box-shadow: 0px 6px 12px 0px rgba(26, 41, 48, 0.05);
    box-shadow: 0px 6px 12px 0px rgba(26, 41, 48, 0.05);
  }

  header div.top {
    display: none;
  }

  header div.middle div.container {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  header div.middle button.catalog,
  header div.middle a.phone,
  header div.middle button.search {
    display: block;
    background-color: transparent;
    padding: unset;
  }

  header div.middle button.catalog span,
  header div.middle a.phone span,
  header div.middle button.search span {
    display: none;
  }

  header div.middle button.catalog svg path,
  header div.middle a.phone svg path,
  header div.middle button.search svg path {
    fill: #1A2930;
  }

  header div.middle a.favourite,
  header div.middle a.comparison,
  header div.middle a.cart,
  header div.middle a.login,
  header div.middle form {
    display: none;
  }

  header div.middle a.logotype {
    justify-self: center;
    margin-right: unset;
  }

  header div.bottom {
    display: none;
  }

  header.sticky div.middle div.container {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  header.sticky div.middle a.symbol {
    display: none;
  }

  header.sticky div.middle a.logotype {
    display: block;
  }

  section.products div.swiper-navigation {
    display: none;
  }

  section.products div.swiper-pagination {
    display: block;
  }

  section.about div.container {
    grid-template-columns: 1fr;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  section.about div.text {
    padding: 88px 48px;
  }

  section.about div.image img {
    position: static;
  }

  section.scrollbar {
    display: block;
  }

  footer {
    padding-top: 40px;
    padding-bottom: 90px;
  }

  footer strong {
    text-decoration: unset !important;
  }

  footer div.container {
    grid-template-columns: 1fr;
    grid-gap: unset;
  }

  footer div.contacts {
    margin-bottom: 30px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    justify-items: end;
    grid-template-columns: 1fr -webkit-max-content -webkit-max-content;
    grid-template-columns: 1fr max-content max-content;
    grid-gap: var(--section-side-gap);
  }

  footer div.contacts a.logotype {
    justify-self: start;
  }

  footer div.contacts div.buttons {
    justify-items: end;
  }

  footer div.contacts div.buttons button {
    width: 100%;
  }

  footer div.contacts div.phone {
    text-align: right;
    grid-gap: 8px;
  }

  footer div.contacts div.phone a,
  footer div.contacts div.phone a.phone {
    font-size: 18px;
  }

  footer div.contacts div.phone small {
    font-size: 12px;
  }

  footer menu {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  footer menu > li {
    padding: 18px 10px 19px 10px;
    pointer-events: visible;
  }

  footer menu div,
  footer menu li.accordion_content,
  footer menu li.accordion_content ul {
    /*max-height: 0;*/
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding: 0 10px;
  }

  footer menu li.accordion_content ul {
    gap: 0;
  }

  footer menu li.accordion_content ul {
    gap: 0;
  }

  footer menu li.accordion_caption img {
    transition: all 0.3s ease-in-out;
  }

  footer menu.opened li.accordion_caption img {
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
  }

  footer menu li.accordion_content {
    padding: 0;
  }

  footer menu li.accordion_content,
  footer menu li.accordion_content ul {
    transition: all 0.3s ease-in-out;
  }
  footer menu.opened li.accordion_content,
  footer menu.opened li.accordion_content ul {
    max-height: unset!important;
  }

  footer menu div li:first-child {
    padding-top: 1rem;
  }
  footer menu li.accordion_content ul li {
    padding-top: 12px;
    padding-bottom: 13px;
  }

  footer menu div li:last-child,
  footer menu li.accordion_content li:last-child,
  footer menu li.accordion_content ul li:last-child  {
    padding-bottom: 1.6875rem;
  }

  footer menu img {
    display: block;
    top: 1rem;
    right: 10px;
  }

  footer span.copyright {
    padding-top: var(--section-side-gap);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    grid-column: 1 span;
  }

  section.breadcrumbs {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  [data-modal-name=lightbox] div.container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr -webkit-max-content;
    grid-template-rows: 1fr max-content;
  }

  [data-modal-name=lightbox] div.thumbs div.swiper {
    width: 100%;
    height: auto;
  }

  [data-modal-name=lightbox] div.images {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: calc(100vh - 160px);
  }

  [data-modal-name=lightbox] div.images div.swiper {
    height: 100%;
  }

  [data-modal-name=lightbox] div.thumbs {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  [data-modal-name=menu] div.search {
    grid-template-columns: 1fr -webkit-max-content;
    grid-template-columns: 1fr max-content;
  }

  [data-modal-name=menu] div.search form.search {
    -webkit-box-ordinal-group: unset;
    -ms-flex-order: unset;
    order: unset;
  }

  [data-modal-name=menu] div.head {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  [data-modal-name=menu] menu.catalog {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 50px;
  }

  [data-modal-name=menu] menu.main {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    display: grid;
  }

  [data-modal-name=menu] div.phone {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  [data-modal-name=menu] div.socials {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  [data-modal-name=menu] a.banner {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  [data-modal-name=menu] ul.subcategories {
    grid-template-columns: repeat(2, 1fr);
  }

  [data-modal-name=favourite] div.cross,
  [data-modal-name=cart] div.cross {
    top: 50px;
    right: 20px;
  }

  [data-modal-name=favourite] div.container,
  [data-modal-name=cart] div.container {
    padding: 50px 20px;
  }

  [data-modal-name=favourite] div.popup_product,
  [data-modal-name=cart] div.popup_product {
    grid-template-columns: 110px 1fr -webkit-max-content -webkit-max-content;
    grid-template-columns: 110px 1fr max-content max-content;
    grid-template-areas: "I T P D";
  }

  [data-modal-name=favourite] div.popup_product a.title,
  [data-modal-name=cart] div.popup_product a.title {
    -ms-flex-item-align: center;
    align-self: center;
  }

  [data-modal-name=favourite] div.popup_product div.price,
  [data-modal-name=cart] div.popup_product div.price {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: right;
  }

  [data-modal-name=favourite] div.popup_product div.price span.old,
  [data-modal-name=cart] div.popup_product div.price span.old {
    font-size: 16px;
  }

  [data-modal-name=favourite] div.popup_product div.price span.current,
  [data-modal-name=cart] div.popup_product div.price span.current {
    font-size: 28px;
  }
}

@media screen and (max-width: 767px) {
  section.about div.text strong {
    font-size: 18px;
  }

  .comand {
    margin-bottom: 86px;
  }

  .vacancy_list .vacancy_item {
    grid-template-columns: 209px 1fr;
  }

  .vacancy_list .vacancy_item .vacancy_content {
    padding: 20px 10px 10px 20px;
  }

  .vacancy_list .vacancy_item .vacancy_content .vacancy_name {
    font-size: 16px;
  }

  .vacancy_list .vacancy_item .vacancy_content p {
    font-size: 12px;
  }

  .vacancy_list .vacancy_item .vacancy_content .wage {
    margin-top: 20px;
    font-size: 12px;
  }

  .vacancy_list .vacancy_item .vacancy_content .more {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 30px;
  }

  .vacancy_list .vacancy_item .vacancy_content .more a {
    font-size: 14px;
  }

  .number_input {
    height: 20px;
  }

  .number_input span {
    width: 20px;
  }

  .number_input span svg {
    width: 7px;
    height: 7px;
  }

  .number_input input {
    min-width: 37px;
    width: 37px;
    font-size: 9px;
  }

  .d-none-m {
    display: none;
  }
}

@media (max-width: 640px) {
  :root {
    --section-side-gap: 1rem;
    --section-between-gap: 3.5rem;
    --header-height: 40px;
  }

  button.yellow,
  button.white {
    padding: 0.75rem 1.5rem;
  }

  div.pagination span:nth-child(5),
  div.pagination span:nth-child(6) {
    display: none;
  }

  section.about div.text {
    padding: 36px 24px;
  }

  section.about div.text div.more {
    font-size: 20px;
  }

  section.about div.text > span {
    font-size: 16px;
  }

  section.about div.text div.requisite {
    font-size: 14px;
  }

  section.about div.text div.requisite br {
    display: block;
  }

  main.product + footer {
    margin-bottom: 130px;
  }

  footer {
    margin-bottom: 70px;
    padding-bottom: 20px;
  }

  footer div.contacts {
    grid-template-columns: 1fr;
    justify-items: start;
    grid-gap: 30px;
  }

  footer div.contacts div.phone {
    text-align: left;
  }

  section.breadcrumbs {
    margin-top: 40px;
    margin-bottom: 20px;
  }

  [data-modal-name=menu] {
    width: 100%;
    /***********  SUBMENU ***********/
    /***********  SUBMENU ***********/
  }

  [data-modal-name=menu] div.head {
    padding: 20px;
    padding-top: unset;
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin-bottom: unset;
  }

  [data-modal-name=menu] div.head div.search {
    display: grid;
    position: relative;
    z-index: 2;
  }

  [data-modal-name=menu] div.head a.logotype {
    display: none;
  }

  [data-modal-name=menu] div.search {
    display: grid;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
    box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    margin-bottom: 30px;
  }
  [data-modal-name=menu] div.search-popup,
  div.title-search-result {
    position: absolute;
    top: 80px;
    bottom: 0;
    max-height: none;
    border: 0;
    padding: 10px 0;
    z-index: 1;
  }
  div.title-search-result {
    z-index: 1100 !important;
    background: #fff;
    padding-right: 30px;
    border: none !important;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
  }

  [data-modal-name=menu] div.search-popup div.search-popup-row,
  [data-modal-name=menu] div.search-popup div.search-popup-row-active {
    position: relative;
    padding: 12px 20px;
    font-size: 18px;
  }

  [data-modal-name=menu] div.container {
    width: 100%;
  }

  [data-modal-name=menu] menu {
    grid-gap: 0;
  }

  [data-modal-name=menu] menu > li {
    border-bottom: 1px solid rgba(175, 175, 175, 0.5);
    background-color: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: unset;
    margin: unset;
  }

  [data-modal-name=menu] menu > li:hover {
    background-color: transparent;
  }

  [data-modal-name=menu] menu > li:hover > div.link {
    color: #1A2930;
  }

  [data-modal-name=menu] menu > li:hover > div.link svg path {
    fill: #1A2930;
  }

  [data-modal-name=menu] menu.main strong {
    margin-bottom: 20px;
  }

  [data-modal-name=menu] div.sublink div.arrow {
    display: grid;
  }

  [data-modal-name=menu] div.back_button {
    display: grid;
  }

  [data-modal-name=menu] div.horizontal.submenu {
    z-index: 1;
    left: 0;
    width: 100%;
    padding: 20px;
    padding-top: unset;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }

  [data-modal-name=menu] div.horizontal.submenu div.search {
    margin-bottom: unset;
  }

  [data-modal-name=menu] div.horizontal.submenu.opened {
    z-index: 3;
  }

  [data-modal-name=menu] div.subtitle {
    margin-bottom: -10px;
  }

  [data-modal-name=menu] ul.subcategories {
    grid-template-columns: 1fr;
    grid-gap: unset;
  }

  [data-modal-name=menu] ul.subcategories > li {
    grid-gap: unset;
    border-bottom: 1px solid rgba(175, 175, 175, 0.5);
  }

  [data-modal-name=menu] ul.subcategories > li div.sublink a {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  [data-modal-name=menu] ul.subcategories > li div.sublink.opened {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
    box-shadow: 0px 0px 0px 0px rgba(46, 46, 46, 0.02), 0px 3px 6px 0px rgba(46, 46, 46, 0.02), 0px 10px 10px 0px rgba(46, 46, 46, 0.02), 0px 23px 14px 0px rgba(46, 46, 46, 0.01), 0px 42px 17px 0px rgba(46, 46, 46, 0), 0px 65px 18px 0px rgba(46, 46, 46, 0);
  }

  [data-modal-name=menu] ul.subcategories ul {
    grid-gap: 0;
    overflow: hidden;
    max-height: 0;
  }

  [data-modal-name=menu] ul.subcategories ul a {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  [data-modal-name=menu] div.phone {
    margin-left: auto;
    margin-right: auto;
  }

  [data-modal-name=menu] div.socials {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-bottom: 1px solid rgba(175, 175, 175, 0.5);
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-left: unset;
    margin-right: unset;
  }

  [data-modal-name=favourite] div.popup_product,
  [data-modal-name=cart] div.popup_product {
    grid-template-columns: 100px 1fr -webkit-max-content;
    grid-template-columns: 100px 1fr max-content;
    grid-template-areas: "I T D" "I P D";
  }

  [data-modal-name=favourite] div.popup_product a.title,
  [data-modal-name=cart] div.popup_product a.title {
    -ms-flex-item-align: end;
    align-self: end;
    font-size: 14px;
  }

  [data-modal-name=favourite] div.popup_product a.title br,
  [data-modal-name=cart] div.popup_product a.title br {
    display: none;
  }

  [data-modal-name=favourite] div.popup_product div.price,
  [data-modal-name=cart] div.popup_product div.price {
    -ms-flex-item-align: start;
    align-self: start;
    text-align: left;
  }

  [data-modal-name=favourite] div.popup_product div.price span.old,
  [data-modal-name=cart] div.popup_product div.price span.old {
    font-size: 10px;
  }

  [data-modal-name=favourite] div.popup_product div.price span.current,
  [data-modal-name=cart] div.popup_product div.price span.current {
    font-size: 24px;
  }

  [data-modal-name=favourite] div.total,
  [data-modal-name=cart] div.total {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 50px;
    margin-bottom: 10px;
  }

  [data-modal-name=favourite] div.buttons,
  [data-modal-name=cart] div.buttons {
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }

  [data-modal-name=favourite] div.buttons a,
  [data-modal-name=cart] div.buttons a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

@media screen and (max-width: 575px) {
  .page_title_backtext div.title h2 {
    font-size: 28px;
  }

  .about_page.page_title_backtext div.title h2 {
    font-size: 38px;
  }

  .cart_page {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 480px) {
  div.pagination span {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  section.about div.text div.more {
    font-size: 16px;
  }

  section.about div.text > span {
    font-size: 12px;
  }

  section.breadcrumbs {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  [data-modal-name=question] div.buttons button,
  [data-modal-name=question] div.buttons a.button,
  [data-modal-name=get_consult] div.buttons button,
  [data-modal-name=get_consult] div.buttons a.button {
    padding: 15px 20px;
  }

  [data-modal-name=favourite] div.cross,
  [data-modal-name=cart] div.cross {
    top: 30px;
    right: 20px;
  }

  [data-modal-name=favourite] div.container,
  [data-modal-name=cart] div.container {
    padding: 30px 20px;
  }

  [data-modal-name=favourite] div.title strong,
  [data-modal-name=cart] div.title strong {
    font-size: 24px;
  }

  [data-modal-name=favourite] div.note,
  [data-modal-name=cart] div.note {
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
  }

  [data-modal-name=favourite] div.popup_product,
  [data-modal-name=cart] div.popup_product {
    grid-gap: 10px 20px;
    grid-template-columns: 60px 1fr -webkit-max-content;
    grid-template-columns: 60px 1fr max-content;
  }

  [data-modal-name=favourite] div.popup_product div.price span.current,
  [data-modal-name=cart] div.popup_product div.price span.current {
    font-size: 20px;
  }

  [data-modal-name=favourite] div.buttons,
  [data-modal-name=cart] div.buttons {
    grid-gap: 10px;
  }

  [data-modal-name=favourite] div.buttons button,
  [data-modal-name=favourite] div.buttons a,
  [data-modal-name=cart] div.buttons button,
  [data-modal-name=cart] div.buttons a {
    font-size: 14px;
  }
}

@media (max-width: 479px) {
  h1 {
    font-size: 20px;
  }

  div.pagination {
    grid-gap: 10px;
  }

}

@media screen and (max-width: 479px) {
  section.about div.text > h2 {
    font-size: 18px;
  }

  section.about div.text strong {
    font-size: 16px;
  }

  section.about div.text div.requisite {
    font-size: 12px;
  }

  section.about div.text div.more a {
    font-size: 16px;
  }

  [data-modal-name=favourite] div.total strong,
  [data-modal-name=cart] div.total strong {
    font-size: 24px;
  }

  .about_page.page_title_backtext div.title h2 {
    font-size: 28px;
  }

  .comand .comand_content h2 {
    font-size: 28px;
  }

  .vacancy_list .vacancy_item {
    grid-template-columns: 1fr;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .vacancy_list .vacancy_item .vacancy_img {
    display: none;
  }

  .vacancy_list .vacancy_item .vacancy_content {
    background: #1A2930;
    color: #fff;
    padding: 50px 12px;
    min-height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .vacancy_list .vacancy_item .vacancy_content .vacancy_name {
    font-size: 24px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0;
    text-align: center;
    font-family: "Evolventa";
  }

  .vacancy_list .vacancy_item .vacancy_content p {
    display: none;
  }

  .vacancy_list .vacancy_item .vacancy_content .wage {
    display: none;
  }

  .vacancy_list .vacancy_item .vacancy_content .more {
    margin-top: 30px;
  }

  .vacancy_list .vacancy_item .vacancy_content .more a {
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: 120%;
    border-radius: 5px;
    background: #F7CE40;
    min-width: 200px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .vacancy_list .vacancy_item .vacancy_content .more::after {
    display: none;
  }

  .about_page .page_subtitle {
    font-size: 14px;
  }
}

@media screen and (max-width: 415px) {
  .page_title_backtext div.title h2 {
    font-size: 28px;
  }

  .privacy_policy.page_title_backtext div.title h2 {
    font-size: 24px;
  }

  .checker_wrapper .checker_row .checker_col h3 {
    font-size: 24px;
  }

  .checker_wrapper .checker_row .checker_col p {
    font-size: 14px;
  }

  .comand {
    gap: 30px;
    margin-bottom: 50px;
  }

  .comand .comand_content p {
    font-size: 14px;
  }

  .page_detail {
    margin: 30px 0 50px;
  }
}

.review_form .row {
    margin-bottom: 15px;
}

form.form_control span.error,
form.profile_form span.error {
    display: none;
    font-weight: 400 !important;
    font-size: 10px !important;
    color: #ff3636 !important;
    position: absolute;
    top: 50%;
    right: 26px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-modal-name="signup"] form.form_control span.error{
    top: 130%;
}
[data-modal-name="signup"] form.form_control span.error.error_submit{
    top: 100%;
}
form.form_control .error.error_submit {
    position: relative;
    display: inline;
    right: 0;
    top: 0;
    font-size: 14px;
}
.container form.form_control label .error.error_checkbox {
    position: relative;
    right: 0;
    top: 0;
    font-size: 14px;
}

.container form.form_control error.error_rating {
  position: relative;
}

dialog .buttons {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

dialog .text,
dialog fieldset {
    margin-bottom: 15px;
}

dialog button.yellow {
    margin: 0 auto;
}

dialog[data-modal-name="dialog_add_address"] button.yellow {
  margin: 0;
}

.form-check {
    display: block;
    position: relative;
}

.form-check-label {
    display: block;
    margin: 0;
    padding: 0 !important;
    cursor: pointer;
}

.form-check-input {
    position: absolute;
    overflow: hidden;
    top: 20px;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: 0 0 0 10px !important;
    clip: rect(0,0,0,0);
    border: 0;
}

.form-check-content {
    padding-left: 30px;
}

.form-check-content::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #CED0D2;
    background: #fff;
    border-radius: 2px;
}

.form-check-content::after {
    opacity: 0;
    background: #fff;
    left: 6px;
    top: 6px;
    width: 8px;
    height: 8px;
}

.form-check-input:checked + .form-check-content::after {
    opacity: 1;
}

.form-check-input:checked + .form-check-content::before {
    background: #fdbf2d !important;
    border-color: #fdbf2d !important;
}

.disabled {
    pointer-events: none;
    opacity: 0.4;
    cursor: default;
}

[data-modal-name=change_phone] button.yellow {
    margin: 15px auto 0;
}

@media screen and (max-width: 1400px) {
  .main_settings .fields {
    padding-right: 252px;
  }
}
@media screen and (max-width: 767px) {
  .main_settings .fields {
    padding-right: 0;
    padding-top: 180px;
  }
}
.main_settings label {
  margin-bottom: 25px;
  display: block;
  width: 100%;
  position: relative;
}
.main_settings input::-webkit-input-placeholder {
    color: #a9a9a9;
}
.main_settings input::-moz-placeholder {
    color: #a9a9a9;
}
.main_settings input:-ms-input-placeholder {
    color: #a9a9a9;
}
.main_settings input::-ms-input-placeholder {
    color: #a9a9a9;
}
.main_settings input::placeholder {
    color: #a9a9a9;
}

.main_settings input:not([type=radio]) {
  border: 1px solid #ececec;
  border-radius: 5px;
  padding: 16px 26px;
  min-height: 55px;
  font-weight: 400;
  font-size: 16px;
  color: #1a2930;
  width: 100%;
  margin-top: 10px;
}

[data-modal-name=reg_partner] {
    max-width: 500px;
    width: 100%;
    position: relative;
  }
  [data-modal-name=reg_partner] .cross {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    padding: 4px;
  }
  [data-modal-name=reg_partner] .cross path {
    stroke: #1A2930;
  }
  [data-modal-name=reg_partner] .container {
    display: grid;
    grid-gap: 30px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-color: #f7f7f7;
    padding: 50px 30px 30px 30px;
  }
  [data-modal-name=reg_partner] .container .text {
    display: grid;
    grid-gap: 6px;
  }
  [data-modal-name=reg_partner] .container .text strong {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #1a2930;
  }
  [data-modal-name=reg_partner] .container .text span {
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
    color: #707070;
  }
  [data-modal-name=reg_partner] .container form {
    display: grid;
    grid-gap: 12px;
    width: 100%;
  }
  [data-modal-name=reg_partner] .container form button {
    width: 100%;
    font-size: 18px;
    padding: 1rem;
    font-weight: 300;
  }
  [data-modal-name=reg_partner] .container form > label {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
  [data-modal-name=reg_partner] .container form > label .input_title {
    font-weight: 400;
    font-size: 16px;
    color: #000;
  }
  [data-modal-name=reg_partner] .container form > label input {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 16px 26px;
    max-width: 440px;
    width: 100%;
    height: 55px;
    font-weight: 400;
    font-size: 16px;
  }
  [data-modal-name=reg_partner] .container form > label input::placeholder {
    color: #c1c1c1;
  }
  [data-modal-name=reg_partner] .container .capcha_block {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 14px 0;
  }
  [data-modal-name=reg_partner] .container .capcha_block .capcha_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
  }
  [data-modal-name=reg_partner] .container .capcha_block .capcha_inner img {
    border-radius: 5px;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
  }
  [data-modal-name=reg_partner] .container .capcha_block .capcha_inner span {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.05;
    color: #707070;
    cursor: pointer;
  }
  [data-modal-name=reg_partner] .container .back_to_login {
    font-weight: 300;
    font-size: 16px;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-align: center;
    color: #1a2930;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
  }
  [data-modal-name=reg_partner] .container .back_to_login:hover {
    text-decoration: none;
  }
  [data-modal-name=reg_partner] .container small.policy {
    display: block;
    color: #707070;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    margin-top: 10px;
  }
  [data-modal-name=reg_partner] .container small.policy a {
    text-decoration: underline;
  }
  [data-modal-name=reg_partner] .container small.policy a:hover {
    text-decoration: none;
  }

.reg_partner_title strong {
    font-family: 'Manrope', sans-serif;
}
[data-modal-name=reg_partner] label {
    margin-bottom: 8px;
}

.modal-form svg.cross {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 21px;
    height: 21px;
    padding: 4px;
}

form.io_form.popup_form {
    border: none;
}

.text__size_medium {
    font-size: 38px;
}
@media screen and (max-width: 767px) {
    .text__size_medium {
      font-size: 28px;
    }
}
@media screen and (max-width: 479px) {
    .text__size_medium {
      font-size: 24px;
    }
}

.mob_menu_basket {
    position: relative;
}

/* End */


/* Start:/local/templates/luxalto/dist/vendor/slimselect/slimselect.css?17115400699830*/
:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)}/*# sourceMappingURL=slimselect.css.map */

/* End */


/* Start:/local/templates/luxalto/components/twofingers/location/header/style.css?171344628711778*/
.tfl__link-container:hover,
.tfl__link-container {
    text-decoration: none;
    display: flex;
}

.tfl__link:hover,
.tfl__link {
    /*border-bottom:1px dashed;*/
    cursor: pointer;
}

.tfl__link-label {
    margin-right: 5px;
}

.tfl__link.tfl__link_order {
    font-weight: bold;
    line-height: 2;
}

.tfl-define-popup {
    background-color: #fff;
    text-align: center;
}

.tfl-define-popup__desktop {
    border-radius: 0.3em;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);
    transform: translateX(-50%);
    z-index: 1001;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    position: absolute;
    padding: 10px;
    width: auto !important;
}

.tfl-define-popup__text {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0 !important;
}

.tfl-define-popup__mobile {
    width: 100%;
    position: relative;
    z-index: 9999999;
    border-radius: 0 !important;
}

.tfl-define-popup__mobile .tfl-define-popup__buttons {
    border-radius: 0 !important;
}

.tfl-define-popup__desktop:before {
    position: absolute;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
    content: '';
    background-color: #fff;
    left: calc(50% - 5px);
    top: -5px;
}

.tfl-define-popup__buttons {
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 8px;
    gap: 8px;
}

.tfl-define-popup__button {
    /*width: 50%;*/
    display: block;
    padding: 8px 16px;
    /* float: left;*/
    box-sizing: border-box;
    border-radius: 4px;
}

.tfl-define-popup__main {
    background: #ffce22 !important;
    color: #000 !important;
}

.tfl-define-popup__second {
    background-color: #1a2930 !important;
    color: #fff !important;
}

.tfl-popup {
    position: fixed;
    background-color: #fff;
    z-index: 2001;
    max-height: unset !important;
    max-width: unset;
    width: 100% !important;
    height: 100%;
    overflow: auto !important;
    top: 0 !important;
    left: 0 !important;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity .2s ease-in, top .2s ease-out;
    background-image: url(/local/templates/luxalto/components/twofingers/location/header/img/cities_background.svg);
    background-position: top right;
    background-repeat: no-repeat;
    transform: none !important;
}

.tfl-popup.tfl-popup_loaded {
    opacity: 1;
}

.tfl-popup.tfl-popup_loading {
    background: url(/local/templates/luxalto/components/twofingers/location/header/img/preloader.svg) center center no-repeat #ffffff;
}

.tfl-popup div.container {
    height: 100%;
    width: 100%;
    max-width: 1548px;
    padding: 40px;
}

.tfl-popup div.cross {
    z-index: 10;
    top: 28px;
    right: 28px;
}

.tfl-popup a.logotype {
    display: block;
    width: 100px;
    margin-bottom: 50px;
}

.tfl-popup a.backbutton {
    display: none;
}

.tfl-popup a.logotype img {
    width: 100%;
}

@media (max-width: 960px) {
    .tfl-popup {
        background-image: url(/local/templates/luxalto/components/twofingers/location/header/img/cities_background_h.svg);
        background-position: bottom left;
    }

    .tfl-popup div.container {
        padding: 20px;
    }
}

@media screen and (max-width: 575px) {
    .tfl-popup a.logotype {
        display: none;
    }

    .tfl-popup a.backbutton {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 37px;
        gap: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}


.tfl-popup__title-container {
    position: relative;
    width: 100%;
}

.tfl-popup__title {
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    width: calc(100% - 40px);
}


.tfl-popup__search {
    position: relative;
    max-width: 1080px;
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #AFAFAF;
}

.tfl-popup__search input {
    width: 100%;
    color: #AFAFAF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tfl-popup__search input::-webkit-search-cancel-button {
    display: none;
}

.tfl-popup__search button {
    position: absolute;
    top: 50%;
    right: 0;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tfl-popup__search button svg path {
    fill: #AFAFAF;
}


.tfl-popup__clear-field {
    /*background: url("/local/templates/luxalto/components/twofingers/location/header/img/clear_field.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    height: 14px;
    position: absolute;
    right: 35px;
    top: calc(50%);
    transform: translateY(-50%);
    width: 14px;
    display: none;
}

.tfl-popup__search-icon {
    height: 40%;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    text-align: right;
}

.tfl-popup__search-icon svg {
    fill: #d5d5d5;
    background-color: transparent;
    width: auto;
    height: 100%;
}

.tfl-popup__search-icon svg path {
    fill: #d5d5d5;
}

.tfl-popup__container {
    position: relative;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
}

.favorites-right-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container {
    grid-template-columns: 2fr 1fr;
}

.favorites-left-locations.tfl-popup__with-locations.tfl-popup__with-defaults .tfl-popup__container {
    grid-template-columns: 1fr 2fr;
}


/* Список избранных городов */
.tfl-popup .tfl-popup__defaults ul.tfl-popup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px 10px;
    max-width: 1080px;
    margin-bottom: 20px;
    font-size: 14px;
}

.tfl-popup .tfl-popup__defaults ul.tfl-popup__list li {
    position: relative;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: auto -webkit-max-content;
    grid-template-columns: auto max-content;
    grid-gap: 10px;
}

.tfl-popup .tfl-popup__defaults ul.tfl-popup__list li::after {
    content: "";
    background-color: #1A2930;
    width: 4px;
    height: 4px;
    border-radius: 2px;
}

.tfl-popup .tfl-popup__defaults ul.tfl-popup__list li:last-child:after {
    display: none;
}

.tfl-popup .tfl-popup__defaults ul.tfl-popup__list li a:hover {
    text-decoration: underline;
}


/* Список всех городов */
.tfl-popup .tfl-popup__locations ul.tfl-popup__list {
    -webkit-column-count: 8;
    -moz-column-count: 8;
    column-count: 8;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    padding-bottom: 40px;
    font-size: 14px;
}

.tfl-popup .tfl-popup__locations ul.tfl-popup__list div.group {
    overflow: hidden;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    break-inside: avoid-column;
    margin-top: 10px;
}

.tfl-popup .tfl-popup__locations ul.tfl-popup__list div.group strong {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.6em;
}

.tfl-popup .tfl-popup__locations ul.tfl-popup__list a {
    line-height: 1.6em;
    font-weight: 300;
}

.tfl-popup .tfl-popup__locations ul.tfl-popup__list a:hover {
    text-decoration: underline;
}

@media (max-width: 1600px) {
    .tfl-popup .tfl-popup__locations ul.tfl-popup__list {
        -webkit-column-count: 6;
        -moz-column-count: 6;
        column-count: 6;
    }
}

@media (max-width: 1280px) {
    .tfl-popup .tfl-popup__locations ul.tfl-popup__list {
        -webkit-column-count: 5;
        -moz-column-count: 5;
        column-count: 5;
    }
}

@media (max-width: 960px) {
    .tfl-popup .tfl-popup__locations ul.tfl-popup__list {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}


@media (max-width: 640px) {
    .tfl-popup .tfl-popup__locations ul.tfl-popup__list {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (max-width: 480px) {
    .tfl-popup .tfl-popup__locations ul.tfl-popup__list {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}













.tf-location__region {
    display: block;
    font-size: 0.7em;
    color: #999;
    line-height: 1;
    margin-top: 0.3em;
}

.tfl-popup-overlay {
    display: none;
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url('/local/templates/luxalto/components/twofingers/location/header/img/custom-popup-overlay.png') repeat;
    z-index: 10000;
}

@-webkit-keyframes animate-circle {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes animate-circle {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(1);
        opacity: 0;
    }
}

.tfl-popup-overlay__loader {
    --size: 10rem;

    position: fixed;
    top: 50%;
    left: 50%;
    height: var(--size);
    width: var(--size);
    transform: translateX(-50%) translateY(-50%);
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle {
    --duration: 2s;

    position: absolute;
    height: inherit;
    width: inherit;
    /*background: #FFA5AB;*/
    background: #FFFFFF;
    border-radius: 50%;
    -webkit-animation: animate-circle var(--duration) cubic-bezier(.9, .24, .62, .79) infinite;
    animation: animate-circle var(--duration) cubic-bezier(.9, .24, .62, .79) infinite;
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle:nth-of-type(2) {
    -webkit-animation-delay: calc(var(--duration) / -3);
    animation-delay: calc(var(--duration) / -3);
}

.tfl-popup-overlay__loader > .tfl-popup-overlay__circle:nth-of-type(3) {
    -webkit-animation-delay: calc(var(--duration) / -6);
    animation-delay: calc(var(--duration) / -6);
}

.tfl-popup__close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    justify-self: end;
    z-index: 10;
    top: 28px;
    right: 28px;
}

.tfl-popup__close:hover {
    opacity: 0.8;
}


.tfl-popup__clear-field .tfl-popup__close {
    display: flex;
    position: absolute;
    cursor: pointer;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
}

.tfl-popup__clear-field .tfl-popup__close:hover {
    opacity: 0.5;
}

.tfl-popup__clear-field .tfl-popup__close:before,
.tfl-popup__clear-field .tfl-popup__close:after {
    position: absolute;
    content: '';
    background-color: #333;
    width: 2px;
    height: 15px;
    top: 0;
    left: 6px;
}

.tfl-popup__clear-field .tfl-popup__close:before {
    transform: rotate(45deg);
}

.tfl-popup__clear-field .tfl-popup__close:after {
    transform: rotate(-45deg);
}

.tfl-body-freeze {
    overflow-y: hidden;
    margin-right: calc(-1 * (100vw - 100%));
    height: auto;
}

.tfl-body-blur {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

.tfl-popup__nofound-mess {
    display: none;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    color: #d5d5d5;
    transform: translateY(-50%);
}

.tfl-popup__nofound-mess-show {
    display: block;
}

.tfl-popup .tfl-popup__search-input {
    background-image: none !important;
}


/* End */


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


/* Start:/local/templates/luxalto/components/bitrix/search.title/main/style.css?17055777882115*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border: none;
	width: 100%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space: normal;
}

table.title-search-result td.title-search-item {
	padding: 10px 8px;
    font-size: 16px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color: #FFCE22;
	font-weight: normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/luxalto/components/bitrix/search.title/main/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/luxalto/components/bitrix/system.auth.form/auth/style.css?17138781194425*/
[data-modal-name=sms_code_modal] .container {
    width: 370px;
}

@media screen and (max-width: 375px) {
    [data-modal-name=sms_code_modal] .container {
        width: 100%;
    }
}

.auth_code_again {
    display: none;
}

[data-modal-name=signup] {
    max-width: 360px;
    position: relative;
  }
  [data-modal-name=signup] .cross {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    padding: 4px;
  }
  [data-modal-name=signup] .cross path {
    stroke: #1A2930;
  }
  [data-modal-name=signup] .container {
    display: grid;
    grid-gap: 20px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fbfbfb !important;
    padding: 40px 22px;
  }
  [data-modal-name=signup] .container .text {
    display: grid;
    grid-gap: 10px;
  }
  [data-modal-name=signup] .container .text strong {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
    color: #1A2930;
  }
  [data-modal-name=signup] .container .text span {
    font-size: 12px;
    font-weight: 300;
    line-height: normal;
    color: #707070;
  }
  [data-modal-name=signup] .container .tabs {
    display: grid;
    grid-gap: 20px;
  }
  [data-modal-name=signup] .container .tabs_captions {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: white;
    font-size: 12px;
    padding: 2px;
    border-radius: 5px;
  }
  [data-modal-name=signup] .container .tabs_captions span.tab_caption {
    cursor: pointer;
    position: relative;
    text-align: center;
    padding: 8px;
    font-weight: 300;
  }
  [data-modal-name=signup] .container .tabs_captions::before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 50%;
    height: 100%;
    background-color: #F2F2F2;
    border-radius: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  [data-modal-name=signup] .container .tabs_captions:has(:nth-child(1).opened)::before {
    left: 0%;
  }
  [data-modal-name=signup] .container .tabs_captions:has(:nth-child(2).opened)::before {
    left: 50%;
  }
  [data-modal-name=signup] .container .tabs_contents .tab_content {
    display: none;
  }
  [data-modal-name=signup] .container .tabs_contents .tab_content.opened {
    display: block;
  }
  [data-modal-name=signup] .container form {
    display: grid;
    grid-gap: 30px;
    width: 100%;
  }
  [data-modal-name=signup] .container form button {
    width: 100%;
    font-size: 18px;
    padding: 1rem;
    font-weight: 300;
  }
  [data-modal-name=signup] .container .capcha_block {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  [data-modal-name=signup] .container .capcha_block .capcha_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
  }
  [data-modal-name=signup] .container .capcha_block .capcha_inner img {
    border-radius: 5px;
    overflow: hidden;
    display: block;
    width: 100%;
    height: auto;
  }
  [data-modal-name=signup] .container .capcha_block .capcha_inner span {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.05;
    color: #707070;
    cursor: pointer;
  }
  [data-modal-name=signup] .container .partner_reg {
    font-weight: 300;
    font-size: 16px;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-align: center;
    color: #1a2930;
    margin-top: -14px;
    cursor: pointer;
  }
  [data-modal-name=signup] .container .partner_reg:hover {
    text-decoration: none;
  }
  [data-modal-name=signup] .container small.policy {
    display: block;
    color: #707070;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.2em;
    text-align: center;
    margin-top: 10px;
  }
  [data-modal-name=signup] .container small.policy a {
    text-decoration: underline;
  }
  [data-modal-name=signup] .container small.policy a:hover {
    text-decoration: none;
  }

.main_settings label.with_support input[type="text"] {
    color: #A9A9A9;
}

/* End */


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


/* Start:/local/templates/luxalto/template_styles.css?174528944322230*/
[data-rouble] {
  white-space: nowrap;
}

[data-rouble]:after {
  content: " ₽";
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: #AFAFAF;
}

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

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

.ios-old dialog[open] {
    /*display: block;*/
    display: flex;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    height: 100%;
    overflow: auto;
    background-color: transparent;
}

.ios-old dialog[open] > .container {
    margin: auto;
    background-color: #fff;
}

.ios-old dialog[open]::before {
    content: '';
    display: block;
    position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.75);
    z-index: -1;
}

.form .error {
    color: #FF6E60;
    border-color: #FF6E60;
}

.form label.error {
    display: block;
    font-size: 90%;
}

.form .error_text {
    color: #FF6E60;
    font-size: 12px;
    line-height: normal;

    margin-top: 6px;
}

.alert {
    border: none;
    border-radius: 1px;
    font-size: 14px;
    line-height: 1.2;
    padding: 15px;
    margin-bottom: 20px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert a,
.alert .alert-link {
    color: inherit;
    font-weight: bold;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}

.alert > p + p {
    margin-top: 5px;
}

.bxe-aleft-title {
    font-weight: bold;
    padding-bottom: 5px;
}

.alert-success {
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #D6E9C6;
}

.alert-secondary {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #FAEBCC;
}

.alert-danger {
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    float: right;
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
    cursor: pointer;
}

.alert font {
    color: inherit;
}

.alert font.errortext {
    color: inherit !important;
}

.bx-soa-tooltip .tooltip-inner {
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 3px;
    margin: 4px 0;
    display: inline-block;
}


.btn.loading {
    position: relative;
}

.btn.loading::after {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 3px solid rgb(255 255 255 / 20%);
    border-top-color: rgb(15 94 255);
    border-radius: 50%;
    animation: btnLoading 1s linear infinite;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    z-index: 10;
}

.btn.loading.btn-blue {
    background: #5990ff;
    color: rgb(255 255 255 / 50%);
}

@keyframes btnLoading {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.form {
    position: relative;
}

.form.loading:before,
.form form[target^="formTarget"]:before,
form.form[target^="formTarget"]:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    z-index: 5;
    opacity: 0.8;
}

.form.loading:after,
.form form[target^="formTarget"]:after,
form.form[target^="formTarget"]:after {
    content: '';
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    border: 6px solid rgb(0 0 0 / 25%);
    border-top-color: #F8DE22;
    border-radius: 50%;
    animation: formLoading 1s linear infinite;
    top: 50%;
    left: 50%;
    margin-top: -18px;
    margin-left: -18px;
    z-index: 10;
}


@keyframes formLoading {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}


.form_result.error {
    font-size: 16px;
    border: 1px solid #f00;
    background-color: #db5b5b;
    color: #fff;
    padding: 12px 10px;
    margin: 10px 0;
    text-align: center;
    border-radius: 3px;
}

.form_result.success {
    font-size: 16px;
    border: 1px solid #1b7400;
    background-color: #218d00;
    color: #fff;
    padding: 12px 10px;
    margin: 10px 0;
    text-align: center;
    border-radius: 3px;
}

.form_result font.errortext {
    color: inherit !important;
}

.form_head + .form_result {
    margin-top: 0;
}

.form_result:not([style*="none"]) + form {
    margin-top: 20px;
}


.editor_dialog .content {
    width: 100%;
}

.bx-core-window input,
.bx-core-window textarea,
.bx-core-window button {
    -webkit-appearance: auto;
    appearance: auto;
}

.popup-window-overlay {
    max-width: 100%;
}

.popup-window,
.popup-window.popup-window-with-titlebar {
    width: 772px;
    max-width: 100%;
    border-radius: 8px;
    padding: 60px 40px;
    background: #FFF;
    font-family: inherit;

    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    position: fixed !important;
}

@media (max-width: 767px) {
    .popup-window,
    .popup-window.popup-window-with-titlebar {
        padding: 40px 30px;
    }
}

@media (max-width: 479px) {
    .popup-window,
    .popup-window.popup-window-with-titlebar {
        padding: 60px 15px 30px;
        border-radius: 0;
        min-height: 100%;
    }
}

.popup-window-titlebar-text,
.popup-window-titlebar-text-version {
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5;
    font-family: var(--font_family2);
    color: #3B3D42;
    margin-bottom: 30px;
    padding: 0;
}

@media (min-width: 1690px) {
    .popup-window-titlebar-text,
    .popup-window-titlebar-text-version {
        font-size: 32px;
    }
}

@media (max-width: 1024px) {
    .popup-window-titlebar-text,
    .popup-window-titlebar-text-version {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .popup-window-titlebar-text,
    .popup-window-titlebar-text-version {
        font-size: 24px;
        line-height: 1.3;
    }
}

@media (max-width: 479px) {
    .popup-window-titlebar-text,
    .popup-window-titlebar-text-version {
        font-size: 20px;
    }
}

.popup-window .popup-window-titlebar {
    height: auto;
}

.popup-window .popup-window-content {
    padding: 0;
    font-size: 16px;
}

.popup-window-titlebar-close-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #223264;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 30px;
    height: 30px;
    border: none;
    padding: 2px;
    border-radius: 0;
    transition: .2s linear;
}

.popup-window-close-icon:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 24 24'%3E%3Cpath d='M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z'%3E%3C/path%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
}

.popup-window-close-icon:hover {
    transition: .2s linear;
}

.popup-window-close-icon:hover {
    /*transform: rotate(180deg);*/
}

@media (max-width: 767px) {
    .popup-window-titlebar-close-icon {
        top: 10px;
        right: 10px;
    }
}

.popup-window .product-info {

}

.popup-window .product-info img {
    max-width: 100%;
    object-fit: contain;
}

.popup-window .product-info p {
    font-size: 16px;
    margin-top: 12px;
}

.popup-window div[id*="CatalogSubscribe"] .bx-catalog-popup-content {
    width: 100%;
    max-width: 100%;
    text-align: center;
}

.popup-window div[id*="CatalogSubscribe"] .bx-catalog-popup-message {
    font-weight: 400;
    min-width: 0;
    margin: 10px 0;
    font-size: 16px;
}

.popup-window-buttons > * {
    margin: 5px;
}


.bx-404-container {
}

.bx-404-block {
    text-align: center;
    margin: 40px 0;
}

.bx-404-block img {
    max-width: 100%;
    height: auto;
}

.bx-404-text-block {
    text-align: center;
    font-size: 18px;
    margin: 20px 0 0 0;
}


.main-user-consent-request-popup-button-acc,
.main-user-consent-request-popup-button-rej {
    color: #fff;
    font: 600 18px var(--font_family);
    position: relative;
    display: inline-flex;
    height: auto;
    padding: 14px 15px;
    cursor: pointer;
    transition: .2s linear;
    border: none;
    background: #0f5eff;
    border-radius: 7px;
    text-align: center;
    text-decoration: none;
    align-items: center;
    border: 1px solid #0f5eff;
    box-shadow: none;
}

.main-user-consent-request-popup-button-rej {
    color: #0f5eff;
    background-color: transparent;
}

.main-user-consent-request-popup-button-acc:hover,
.main-user-consent-request-popup-button-rej:hover {
    color: #fff;
    background: #80BFC9;
    border-color: #80BFC9;
}


@media (max-width: 767px) {
    .main-user-consent-request-popup-button-acc,
    .main-user-consent-request-popup-button-rej {
        font-size: 14px;
        padding: 10px 15px;
    }
}


/* Убираем нативный прелоадер битрикса */
div[id^="wait_"] {
    display: none !important;
    background: none !important;
    border: 0 !important;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal;
    letter-spacing: normal !important;
    line-height: normal;
    padding: 0 !important;
    position: absolute;
    text-align: center !important;
    text-indent: 0 !important;
    width: 0px !important;
    height: 0px !important;
    word-spacing: normal !important;
    z-index: 0;
    content: "";
}

/* Подправить форму параметров компонента */
#bx-comp-params-wrap textarea {
    min-width: 87%;
    height: 100px;
    resize: auto;
}


/* modal */
.modal {
    display: none;
    visibility: visible !important;
    width: 750px;
    max-width: 100%;
    background: #FFF;
    border-radius: 5px;
    padding: 40px;
}

.modal.success_modal {
    text-align: center;
    padding-top: 108px;
    padding-bottom: 108px;
    position: relative;
    overflow: hidden;
}

.modal .form {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .modal {
        padding: 40px 30px;
    }

    .fancybox-slide--html .fancybox-close-small {
        top: 10px;
        right: 10px;
    }
}

@media (max-width: 479px) {
    .modal {
        padding: 60px 15px 30px;
        border-radius: 0;
        min-height: 100%;
    }

    .modal .form {
        margin-top: 20px;
    }

    .fancybox-slide--html.fancybox-slide {
        padding: 0;
    }

    .fancybox-slide--html .fancybox-content {
        height: 100%;
        background: #fff;
    }

    .modal.success_modal {
        padding-top: 170px;
    }
}


/* 404 */
section.error {
    margin-top: 100px;
    margin-bottom: 100px;
}

@media (max-width: 640px) {
    section.error {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}

section.error div.container {
    display: grid;
    grid-gap: 30px;
}

section.error h2 {
    font-size: 40px;
    line-height: 1em;
    text-align: left;
}

@media (max-width: 640px) {
    section.error h2 {
        font-size: 26px;
    }
}

section.error div.text {
    display: grid;
}

section.error div.text p {
    font-size: 20px;
    font-weight: 300;
    line-height: 1.3em;
}

@media (max-width: 640px) {
    section.error div.text p {
        font-size: 16px;
    }
}

/* Спрятать лишние сообщения об ошибке модуля */
header div.top div.container > p {
    display:none;
}

section.video-articles div.title {
    text-align: center;
    margin-bottom: calc(var(--section-side-gap)* 3);
}

.swiper:not(.swiper-initialized) .video-articles-item {
    max-width: 485px;
}

.video-articles__list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 20px;
    column-gap: 30px;
}

.video-articles__wrapper-slider {
    position: relative;
}

.video-articles-item {
    display: flex;
    flex-direction: column;
    gap: 18px;
    grid-column: 4 span;
    height: auto;
    background-color: #ffffff;
}

.video-articles-item__img {
    width: 100%;
    height: 265px;
    object-fit: cover;
}

.video-articles-item__description {
    display: flex;
    flex-direction: column;
    gap: 13px;
    justify-content: space-between;
    padding: 0 25px 25px;
    height: 100%;
}

.video-articles-item__time {
    color: #868686;
    font-size: 14px;
    font-weight: 300;
}

.video-articles-item__time_big-item {
    display: none;
}

.video-articles-item__link {
    display: flex;
    flex-direction: row;
    gap: 15px;
    justify-content: space-between;
}

.video-articles-item__wrapper-text {
    display: flex;
    flex-direction: column-reverse;
    gap: 15px;
}

.video-articles-item__title {
    max-width: 80%;
    color: #1A2930;
    font-size: 18px;
    font-weight: 400;
}

.video-articles-item__button {
    display: flex;
    min-width: 23px;
    min-height: 23px;
    max-width: 23px;
    max-height: 23px;
    padding: 0;
    margin: auto 0;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #000;
}

.video-articles-item__button svg {
    margin: auto;
}

.video-articles div.swiper {
    overflow: hidden;
}

.video-articles .swiper-navigation {
    position: absolute;
    top: auto;
    bottom: 185px;
    left: -11px;
    right: 0;
    margin: auto;
    padding: 0;
    height: fit-content;
    width: calc(100% + 25px);
}

.video-articles div.swiper-navigation div {
    background: rgba(26, 41, 48, 0.80);
}

.video-articles div.swiper-navigation .swiper-button-disabled {
    background: rgba(204, 204, 204, 0.80);
    opacity: 1;
}

.video-articles div.swiper-navigation .swiper-button-disabled:hover path {
    stroke: #ffffff;
}

.video-articles div.more {
    margin-top: calc(var(--section-side-gap) * 2.3);
}

.video-articles-item_big {
    position: relative;
    grid-column: 6 span;
    margin-bottom: 20px;
}

.video-articles-item_big::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 85.62%);
    content: '';
}

.video-articles-item_big .video-articles-item__description  {
    position: absolute;
    bottom: 0;
    left: 0;
    flex-direction: column-reverse;
    height: fit-content;
}

.video-articles-item_big .video-articles-item__img {
    height: 400px;
}

.video-articles-item_big .video-articles-item__title {
    max-width: 100%;
    color: #ffffff;
    font-size: 38px;
}

.video-articles-item_big .video-articles-item__time {
    color: #ffffff;
}

.video-articles-item_big .video-articles-item__time_big-item {
    display: block;
}

.video-articles-item_big .video-articles-item__time_small-item {
    display: none;
}

.video-articles-item_big .video-articles-item__link {
    flex-direction: row-reverse;
}

.video-articles-item_big .video-articles-item__button {
    min-width: 55px;
    min-height: 55px;
    max-width: 55px;
    max-height: 55px;
    border: none;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='55' viewBox='0 0 58 55' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 0C2.23858 0 0 2.23857 0 5V50C0 52.7614 2.23858 55 5 55H53C55.7614 55 58 52.7614 58 50V5C58 2.23858 55.7614 0 53 0H5ZM23.75 35.7272L38 27.5L23.75 19.2728V35.7272Z' fill='white'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.video-articles-item_big .video-articles-item__button svg {
    display: none;
}



.video-articles-detail {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.video-articles-detail__main {
    display: flex;
    flex-direction: row;
    gap: 60px;
    justify-content: space-between;
}

.video-articles-detail__left-block {
    width: 100%;
    max-width: 930px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.video-articles-detail__wrapper-video {
    position: relative;
    width: 100%;
    height: 487px;
}

.video-articles-detail__wrapper-video:not(.play)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 85.62%), url("/local/templates/luxalto/./assets/images/1.png") lightgray 50% / cover no-repeat;*/
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 85.62%) / cover no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
}

.video-articles-detail__wrapper-video video {
    width: 100%;
    height: 100%;
}

.video-articles-detail__description {
    color: #1A2930;
    font-size: 16px;
    font-weight: 300;
    line-height: normal;
}

.video-articles-detail__right-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.video-articles-item_mini {
    flex-direction: row;
    gap: 0;
    width: fit-content;
}

.video-articles-item_mini .video-articles-item__img {
    min-width: 145px;
    max-width: 145px;
    height: 145px;
}

.video-articles-item_mini .video-articles-item__description {
    padding: 0;
}

.video-articles-item_mini .video-articles-item__link {
    padding: 20px 25px;
    height: 100%;
}

.video-articles-item_mini .video-articles-item__wrapper-text {
    flex-direction: column;
    justify-content: space-between;
}

.video-articles-item_mini .video-articles-item__title {
    max-width: 100%;
}

.video-articles-item_mini .video-articles-item__time_big-item {
    display: block;
}

.video-articles-item_mini .video-articles-item__time_small-item {
    display: none;
}

.video-articles-item_mini .video-articles-item__button {
    margin-top: auto;
    margin-bottom: 0;
}

.video-articles-detail__footer {
    margin-bottom: 100px;
}

.video-articles-detail__footer .title {
    text-align: center;
    margin-bottom: calc(var(--section-side-gap)* 2.5);
}

.button-play {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
}
.video-iframe-wrapper{
    position:relative;
    padding-top: 56.6%;
}
.video-iframe-wrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
@media (max-width: 1280px) {
    .video-articles-detail__main {
        flex-direction: column;
        gap: 30px;
    }
}

@media (max-width: 992px) {
    .video-articles-item {
        grid-column: 6 span;
    }

    .video-articles-item_big {
        grid-column: 12 span;
    }
}

@media (max-width: 768px) {
    .video-articles-detail__right-block {
        width: 100%;
    }

    .video-articles-item_mini .video-articles-item__link {
        padding: 10px;
    }

    .video-articles-detail__wrapper-video {
        height: 320px;
    }
}

@media (max-width: 640px) {
    .video-articles-item {
        grid-column: 12 span;
    }
}

.attention_basket_order {
    font-weight: 600;
    text-align: center;
    border-top: 1px solid #C1C1C1;
    padding: 10px 0;
    line-height: 130%;
}

.cookie-data-warning__wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

dialog[open].modal-coockie::before {
    display:none
}

dialog[open].modal-coockie > .container {
    background: rgb(26 41 48 / 90%);
    margin-bottom: 20px;
    border-radius: 15px;
    color: #fff;
    padding: 20px 60px;
}

dialog[open].modal-coockie{
	top:auto;
	bottom:0;
	height:max-content;
	width:max-content;
}

html:has(dialog[open].modal-coockie) {
    overflow-y: auto !important;
}

button.js-cookie-data-warning__close {
    background: rgb(255 255 255 / 90%);
    color: #1A2930;
}

button.js-cookie-data-warning__close:hover {
    background: rgb(26 41 48 / 90%);
	color:#fff
}

@media (max-width: 767px) {
	dialog[open].modal-coockie > .container {
		margin: 10px 20px;
		border-radius: 10px;
		width: auto;
		padding: 20px 20px;
	}

	dialog[open].modal-coockie {
		width: auto;
        bottom: 70px;
	}

	.video-articles-item__img {
		height: 100%;
		object-fit: contain;
	}
	/* lk menu */
	.lk_aside nav {
		display: none;
		display: block;
		margin: 20px 0 10px;
        border-top: 0.5px solid;
        padding-top: 10px;
	}

	.lk_aside li {
		padding: 8px 0;
	}

	.lk_aside li:not(.menu_left_mobile){
		display:none;
	}


	.lk_aside a {
		font-size: 16px;
	}

}
dialog.modal-coockie div.container{
    max-width: 790px;
}
@media screen and (min-width: 500px){
    .cookie-data-warning__wrap {
        flex-wrap: nowrap;
    }
}

.phone-links {
    display: flex;
    align-items: center;
}

.phone-links {
    grid-area: A;
}

header div.top div.phone div.social {
    padding: 10px 5px;
}

[data-modal-name=menu] div.phone div.social {
    padding: 10px 3px;
}

header div.middle a.social {
    display: none;
}

@media (max-width: 960px) {
    header div.middle a.social {
        display: block;
        background-color: transparent;
        padding: unset;
    }
    header div.middle a.social {
        width: 26px;
        height: 26px;
    }
    header div.middle a.social img {
        width: 100%;
        height: 100%;
    }

    header div.middle a.social-whatsapp img {
        transform: translateX(4px);
    }

    header div.middle div.container {
        grid-gap: 15px;
    }

    header div.middle span.phone {
        position: relative;
    }

    header div.middle {
        z-index: 2;
    }

    header div.middle span.phone .tooltip {
        position: absolute;
        top: calc(100% + 10px);
        left: -77px;
        z-index: 1;
        background: #fff;
        padding: 5px;
        white-space: nowrap;
        transition: all .3s;
        opacity: 0;
        visibility: hidden;
    }

    header div.middle span.phone .tooltip .text {
        display: block;
    }

    header div.middle span.phone .tooltip .text:not(:last-child) {
        margin-bottom: 10px;
    }

    header div.middle span.phone:hover > .tooltip {
        opacity: 1;
        visibility: visible;
    }
}

.socials__news img {
    height: 33px;
}
/* End */
/* /local/templates/luxalto/dist/vendor/swiper/swiper-bundle.min.css?170048631118452 */
/* /local/templates/luxalto/assets/css/style.css?1744727330110523 */
/* /local/templates/luxalto/dist/vendor/slimselect/slimselect.css?17115400699830 */
/* /local/templates/luxalto/components/twofingers/location/header/style.css?171344628711778 */
/* /local/templates/luxalto/components/bitrix/menu/top/style.min.css?1700486311490 */
/* /local/templates/luxalto/components/bitrix/search.title/main/style.css?17055777882115 */
/* /local/templates/luxalto/components/bitrix/system.auth.form/auth/style.css?17138781194425 */
/* /local/templates/luxalto/components/bitrix/menu/top_mob/style.min.css?1700486311490 */
/* /local/templates/luxalto/template_styles.css?174528944322230 */