/* Start:/local/templates/lopal_v1/assets/style/swiper-bundle.min.css?168288120017907*/
/**
 * Swiper 9.2.4
 * 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: April 21, 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}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.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,.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{transform-style:preserve-3d}.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-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-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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,swiper-container: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: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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-button-lock{display:none}.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,:host(.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;-ms-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,swiper-container .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,.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.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-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-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-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/lopal_v1/assets/style/style.css?1756564245199931*/
@charset "UTF-8";
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details,
figcaption, figure, footer,
header, hgroup, menu,
nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

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

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

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

button,
input {
  overflow: visible;
  padding: 0;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

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

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

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

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

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

button, a {
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  border: 0 none;
  outline: 0;
  color: inherit;
}
button:focus, a:focus {
  outline: none;
}
button:hover, a:hover {
  color: inherit;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto Flex", serif;
  font-weight: 400;
  color: #091c13;
  font-size: 20px;
  background-color: #fff;
}
@media (max-width: 1200px) {
  body.section-0 .header-logo svg path {
    fill: #21925E;
  }
}
body.page-not-main a:hover {
  text-decoration: none;
}
body.page-not-main .header {
  border-bottom: 2px solid #eafaf2;
  background-color: #fff;
}
body.section-1 .header-logo svg path, body.section-3 .header-logo svg path, body.section-5 .header-logo svg path, body.page-not-main .header-logo svg path {
  fill: #21925E;
}
body.section-1 .header-nav-link, body.section-3 .header-nav-link, body.section-5 .header-nav-link, body.page-not-main .header-nav-link {
  color: #091c13;
}
body.section-1 .header-nav-link:hover, body.section-1 .header-nav-link:active, body.section-3 .header-nav-link:hover, body.section-3 .header-nav-link:active, body.section-5 .header-nav-link:hover, body.section-5 .header-nav-link:active, body.page-not-main .header-nav-link:hover, body.page-not-main .header-nav-link:active {
  color: #2bb776;
}
body.section-1 .header-btn, body.section-3 .header-btn, body.section-5 .header-btn, body.page-not-main .header-btn {
  color: #091c13;
}
body.section-1 .header-btn:hover, body.section-3 .header-btn:hover, body.section-5 .header-btn:hover, body.page-not-main .header-btn:hover {
  color: #fff;
}
body.section-1 .header-btn--icon, body.section-3 .header-btn--icon, body.section-5 .header-btn--icon, body.page-not-main .header-btn--icon {
  color: #fff;
}
body.section-1 #fp-nav ul li a span:not(.fp-sr-only), body.section-3 #fp-nav ul li a span:not(.fp-sr-only), body.section-5 #fp-nav ul li a span:not(.fp-sr-only), body.page-not-main #fp-nav ul li a span:not(.fp-sr-only) {
  background-color: #21925e;
}
body.section-1 #fp-nav ul li a.active span:not(.fp-sr-only), body.section-3 #fp-nav ul li a.active span:not(.fp-sr-only), body.section-5 #fp-nav ul li a.active span:not(.fp-sr-only), body.page-not-main #fp-nav ul li a.active span:not(.fp-sr-only) {
  background-color: #21925e;
}
body.section-1 #fp-nav ul li .fp-tooltip, body.section-3 #fp-nav ul li .fp-tooltip, body.section-5 #fp-nav ul li .fp-tooltip, body.page-not-main #fp-nav ul li .fp-tooltip {
  color: #091c13;
}
body.section-6 .header {
  opacity: 0;
}

.container {
  width: 100%;
  height: 100%;
  max-width: 1630px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (max-width: 1550px) {
  .container {
    max-width: 1220px;
  }
}

.slider-container {
  padding-left: 15px;
}
@media (max-width: 768px) {
  .slider-container {
    padding-left: 0;
  }
}

@media (max-width: 1200px) {
  #fp-nav {
    display: none;
  }
}
#fp-nav ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  width: auto;
  height: auto;
}
#fp-nav ul li a {
  width: 20px;
}
#fp-nav ul li a span:not(.fp-sr-only) {
  border-radius: 50px;
  width: 10px;
  height: 2px;
  background: #fff;
  margin: 0;
  left: 0;
}
#fp-nav ul li a.active span:not(.fp-sr-only) {
  border-radius: 50px;
  width: 20px;
  height: 2px;
  background: #fff;
  margin: 0;
}
#fp-nav ul li .fp-tooltip {
  position: static;
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #fff;
}
#fp-nav ul li + li {
  margin-top: 40px;
}

.fp-watermark {
  display: none !important;
}

.more-btn {
  border: 1px solid #21925e;
  border-radius: 80px;
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 17px 86px;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .more-btn {
    font-size: 18px;
    gap: 10px;
    padding: 13px 63px;
  }
}
.more-btn:hover {
  transition: all 0.2s linear;
  color: #fff;
  background-color: #21925e;
}
.more-btn:hover svg path {
  transition: all 0.2s linear;
  fill: #fff;
}
.more-btn--white {
  color: #091c13;
}
.more-btn--white:hover {
  transition: all 0.2s linear;
  color: #fff;
  background-color: #21925e;
}
.more-btn--white:hover svg path {
  transition: all 0.2s linear;
  fill: #fff;
}
.more-btn svg {
  margin-top: 3px;
}

.fp-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: transform 0.7s ease-in-out, z-index 0s ease;
  transform: translateY(100%);
}
.fp-section.active {
  transform: translateY(0);
  z-index: 10;
}
.fp-section.prev {
  transform: translateY(0);
  z-index: 5;
}
.fp-section.next {
  transform: translateY(100%);
  z-index: 1;
}
.fp-section.animating {
  border-radius: 0 0 35px 35px;
}
@media (max-width: 1550px) {
  .fp-section.animating {
    border-radius: 0 0 20px 20px;
  }
}

a:hover {
  text-decoration: none;
}

.btn-1 {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  border-radius: 80px;
  background: #21925e;
  padding: 16px 55px;
  transition: all 0.2s linear;
  border: 1px solid #21925e;
}
@media (max-width: 1200px) {
  .btn-1 {
    gap: 10px;
    padding: 12px 23px;
  }
}
.btn-1 span {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #fff;
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .btn-1 span {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .btn-1 svg {
    width: 17px;
  }
}
.btn-1:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
}
.btn-2 {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  border-radius: 80px;
  background: #ffffff;
  color: #091C13;
  padding: 16px 55px;
  transition: all 0.2s linear;
  border: 1px solid #21925e;
}
@media (max-width: 1200px) {
  .btn-2 {
    gap: 10px;
    padding: 12px 23px;
  }
}
.btn-2 span {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #091C13;
  transition: all 0.2s linear;
  flex-grow: 1;
  text-align: center;
}
@media (max-width: 1200px) {
  .btn-2 span {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .btn-2 svg {
    width: 17px;
  }
}
.btn-2:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: white;
}
.btn-2:hover span {
  color: white;
}

.menu {
  background: #2f5a46;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100vh;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
  transition: left 0.4s ease-in-out;
  z-index: 1000;
  padding-top: 20px;
}

.menu.active {
  left: 0;
}

.menu-wrapper {
  padding: 75px 80px 0 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}

.menu-btn {
  display: inline-block !important;
  margin-bottom: 5px;
  color: #fff !important;
}

.menu-item {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  transition: all 0.2s linear;
}
.menu-item:hover, .menu-item:active {
  transition: all 0.2s linear;
  color: #2bb776;
}

.menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}

.menu-overlay.active {
  opacity: 1;
  visibility: visible;
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
}
@media (max-width: 1200px) {
  .header {
    background-color: #fff;
  }
}

.header-wrapper {
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}
@media (max-width: 1550px) {
  .header-wrapper {
    padding: 20px 0;
  }
}
@media (max-width: 1200px) {
  .header-wrapper {
    padding: 10px 0;
  }
}

.header-right {
  display: flex;
  gap: 1em;
}
.js-search-row-open .header-right {
  flex-grow: 1;
}

.header-burger {
  display: none;
  position: relative;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
@media (max-width: 1200px) {
  .header-burger {
    display: block;
  }
}

.header-burger img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
}

.burger-icon {
  opacity: 1;
}

.close-icon {
  opacity: 0;
}

.header-logo {
  transition: all 0.2s linear;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .header-logo {
    max-width: 90px;
  }
}
@media (max-width: 1200px) {
  .header-logo svg path {
    fill: #21925E !important;
  }
}

.header-nav {
  display: flex;
  gap: 50px;
}
@media (max-width: 1550px) {
  .header-nav {
    gap: 30px;
  }
}
@media (max-width: 1200px) {
  .header-nav {
    display: none;
  }
}

.header-nav-link {
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  transition: all 0.2s linear;
  white-space: nowrap;
}
@media (max-width: 1550px) {
  .header-nav-link {
    font-size: 18px;
  }
}
.header-nav-link:hover, .header-nav-link:active {
  transition: all 0.2s linear;
  color: #2bb776;
}

.header-btns-group {
  display: flex;
  align-items: center;
  gap: 20px;
}

.header-btn {
  font-weight: 400;
  font-size: 20px;
  color: #fff;
  border: 1px solid #21925e;
  border-radius: 80px;
  padding: 17px 40px;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .header-btn {
    font-size: 18px;
    padding: 14px 27px;
  }
}
@media (max-width: 1200px) {
  .header-btn {
    display: none;
  }
}
.header-btn:hover {
  transition: all 0.2s linear;
  background-color: #21925e;
  color: #fff;
}
.header-btn:active {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: #fff;
}
.header-btn--icon {
  padding: 14.5px 40px;
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: #21925e;
}
@media (max-width: 1550px) {
  .header-btn--icon {
    padding: 10.5px 27px;
  }
}
@media (max-width: 1200px) {
  .header-btn--icon {
    display: flex;
    padding: 4px 15px 4px 13px;
  }
}
.header-btn--icon:hover, .header-btn--icon:active {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: #fff;
}
@media (max-width: 1550px) {
  .header-btn--icon span {
    display: none;
  }
}
@media (max-width: 1200px) {
  .header-btn--icon img {
    max-width: 17px;
  }
}

.header-cart-btn::before {
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  background: url(/local/templates/lopal_v1/assets/style/../img/cart-alt.svg) center no-repeat;
}
.header-cart-btn-active:before {
  background: url(/local/templates/lopal_v1/assets/style/../img/cart.svg) center no-repeat;
}

#fullpage {
  position: relative;
}

.intro {
  background-color: #2f5a46;
  overflow: hidden;
}
.intro .fp-overflow {
  padding-top: 65px;
}
@media (max-width: 1200px) {
  .intro .fp-overflow {
    height: 100%;
    width: 100%;
    padding-top: 0;
  }
}
@media (max-width: 1200px) {
  .intro .container {
    max-width: 100%;
    padding: 0;
  }
}

.intro-wrapper {
  padding: 100px 85px 100px 60px;
  display: flex;
  align-items: center;
  gap: 50px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1550px) {
  .intro-wrapper {
    padding: 90px 85px 90px 60px;
  }
}
@media (max-width: 1200px) {
  .intro-wrapper {
    padding: 25px 15px;
    padding-top: 150px;
    height: 100%;
    width: 100%;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .intro-wrapper {
    padding-top: 70px;
  }
}
.intro-wrapper::before {
  content: "";
  background: rgba(0, 68, 37, 0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  transform: translate(-50%, -50%);
}

.intro-wrapper-content {
  width: 100%;
  max-width: 700px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1550px) {
  .intro-wrapper-content {
    max-width: 534px;
  }
}
@media (max-width: 1200px) {
  .intro-wrapper-content {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .intro-wrapper-content {
    gap: 0;
  }
}

.intro-wrapper-content-title {
  font-weight: 600;
  font-size: 64px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 110px;
}
@media (max-width: 1550px) {
  .intro-wrapper-content-title {
    font-size: 48px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .intro-wrapper-content-title {
    font-size: 30px;
    text-align: center;
    width: 50%;
    max-width: 300px;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .intro-wrapper-content-title {
    width: 100%;
    max-width: 335px;
    margin-bottom: 13px;
  }
}

.intro-wrapper-btns-group {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1550px) {
  .intro-wrapper-btns-group {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .intro-wrapper-btns-group {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .intro-wrapper-btns-group {
    flex-direction: column;
    gap: 13px;
  }
}

.intro-wrapper-btn {
  border-radius: 80px;
  background-color: #fff;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #091c13;
  padding: 5px 5px 5px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 380px;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .intro-wrapper-btn {
    font-size: 16px;
    max-width: 330px;
    padding: 5px 5px 5px 20px;
  }
}
@media (max-width: 1200px) {
  .intro-wrapper-btn {
    min-width: 330px;
  }
}
.intro-wrapper-btn:hover {
  transition: all 0.2s linear;
  background: #21925e;
  color: #fff;
}
.intro-wrapper-btn:hover svg circle {
  fill: #fff;
  transition: all 0.2s linear;
}
.intro-wrapper-btn:hover svg path {
  fill: #21925e;
  transition: all 0.2s linear;
}

.intro-wrapper-img {
  position: relative;
  z-index: 1;
}
@media (max-width: 1200px) {
  .intro-wrapper-img {
    display: none;
  }
}
.intro-wrapper-img--m {
  display: none;
  width: 50%;
  max-width: 338px;
}
@media (max-width: 1200px) {
  .intro-wrapper-img--m {
    display: flex;
  }
}
@media (max-width: 768px) {
  .intro-wrapper-img--m {
    width: 100%;
    max-width: 315px;
    margin-bottom: 30px;
  }
}

.intro-wrapper-video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  z-index: 0;
  transform: translate(-50%, -50%);
}
@media (max-width: 1200px) {
  .intro-wrapper-video {
    height: 100%;
    object-fit: cover;
  }
}

.auth-check {
  background-color: #fff;
}
@media (max-width: 1200px) {
  .auth-check {
    padding: 80px 0;
  }
}
@media (max-width: 768px) {
  .auth-check {
    padding: 0;
    padding-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .auth-check .fp-overflow {
    padding: 160px 0 0;
  }
}

.auth-check-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .auth-check-title {
    font-size: 40px;
    margin-bottom: 24px;
  }
}
@media (max-width: 1200px) {
  .auth-check-title {
    font-size: 24px;
    margin-bottom: 17px;
  }
}
@media (max-width: 768px) {
  .auth-check-title {
    max-width: 220px;
    text-align: center;
    margin: 0 auto 15px;
  }
}

.auth-check-wrapper {
  display: flex;
  gap: 40px;
}
@media (max-width: 768px) {
  .auth-check-wrapper {
    flex-direction: column;
    gap: 50px;
  }
}

.auth-check-wrapper-item {
  width: 100%;
  max-width: calc((100% - 40px) / 2);
}
@media (max-width: 768px) {
  .auth-check-wrapper-item {
    max-width: 100%;
  }
}
.auth-check-wrapper-item:nth-child(1) .auth-check-wrapper-item-card {
  padding: 36px 36px 26px 40px;
}
@media (max-width: 1550px) {
  .auth-check-wrapper-item:nth-child(1) .auth-check-wrapper-item-card {
    padding: 20px 35px 25px 30px;
  }
}
@media (max-width: 1550px) {
  .auth-check-wrapper-item:nth-child(1) .auth-check-wrapper-item-card .auth-check-wrapper-item-img {
    max-width: 270px;
  }
}
.auth-check-wrapper-item:nth-child(2) .auth-check-wrapper-item-card {
  padding: 36px 36px 0 40px;
}
@media (max-width: 1550px) {
  .auth-check-wrapper-item:nth-child(2) .auth-check-wrapper-item-card {
    padding: 20px 20px 0 30px;
  }
}
.auth-check-wrapper-item:nth-child(2) .auth-check-wrapper-item-card .auth-check-wrapper-item-img {
  align-self: end;
}
@media (max-width: 1550px) {
  .auth-check-wrapper-item:nth-child(2) .auth-check-wrapper-item-card .auth-check-wrapper-item-img {
    max-width: 250px;
  }
}

.auth-check-wrapper-item-card {
  border-radius: 20px;
  background: #eafaf2;
  display: flex;
  align-items: flex-start;
  height: 100%;
}
@media (max-width: 1200px) {
  .auth-check-wrapper-item-card {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 !important;
    height: 240px;
    margin-bottom: 20px;
  }
}

.auth-check-wrapper-item-img {
  flex-shrink: 0;
}

.auth-check-wrapper-item-num {
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .auth-check-wrapper-item-num {
    margin-bottom: 10px;
    max-width: 40px;
  }
}
@media (max-width: 1200px) {
  .auth-check-wrapper-item-num {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.auth-check-wrapper-item-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1550px) {
  .auth-check-wrapper-item-text {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .auth-check-wrapper-item-text {
    display: none;
  }
}
.auth-check-wrapper-item-text a {
  color: #21925e;
}
.auth-check-wrapper-item-text--m {
  display: none;
}
@media (max-width: 1200px) {
  .auth-check-wrapper-item-text--m {
    display: block;
    text-align: center;
    font-size: 16px;
  }
}

.auth-check-wrapper-item-img {
  display: flex;
}

.auth-check-footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1550px) {
  .auth-check-footer {
    margin-top: 25px;
  }
}
@media (max-width: 1200px) {
  .auth-check-footer {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .auth-check-footer {
    margin-top: 30px;
  }
}

.auth-check-footer-text {
  width: 100%;
  max-width: 1150px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1550px) {
  .auth-check-footer-text {
    max-width: 858px;
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 1200px) {
  .auth-check-footer-text {
    display: none;
  }
}
.auth-check-footer-text--m {
  display: none;
  font-size: 16px;
  margin-bottom: 40px;
  max-width: 100%;
}
@media (max-width: 1200px) {
  .auth-check-footer-text--m {
    display: block;
  }
}

@media (max-width: 768px) {
  .auth-check-footer-btn {
    width: 100%;
    justify-content: center;
  }
}

.delivery {
  position: relative;
  overflow: hidden;
}
.delivery:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 62, 33, 0.7);
  z-index: 1;
}
.delivery .container {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .delivery .fp-overflow {
    padding-top: 140px;
  }
}

.delivery-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 65px;
}
@media (max-width: 1550px) {
  .delivery-wrapper {
    gap: 0;
  }
}
@media (max-width: 1200px) {
  .delivery-wrapper {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .delivery-wrapper {
    flex-direction: column;
    gap: 0;
    padding-bottom: 25px;
  }
}

.delivery-wrapper-content {
  width: 100%;
  max-width: 417px;
}
@media (max-width: 1550px) {
  .delivery-wrapper-content {
    max-width: 505px;
  }
}
@media (max-width: 1200px) {
  .delivery-wrapper-content {
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .delivery-wrapper-content {
    width: 100%;
  }
}

.delivery-wrapper-content-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 1550px) {
  .delivery-wrapper-content-title {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .delivery-wrapper-content-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .delivery-wrapper-content-title {
    text-align: center;
    max-width: 310px;
    margin: 0 auto 20px;
  }
}

.delivery-wrapper-content-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 50px;
}
@media (max-width: 1550px) {
  .delivery-wrapper-content-text {
    font-size: 18px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .delivery-wrapper-content-text {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
  }
}

@media (max-width: 1200px) {
  .delivery-wrapper-img {
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .delivery-wrapper-img {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .delivery-wrapper-img img {
    margin-bottom: 40px;
  }
}

.delivery-video {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
@media (max-width: 1200px) {
  .delivery-video {
    object-fit: cover;
    height: 100%;
  }
}

@media (max-width: 1200px) {
  .delivery-wrapper-content-btn {
    display: none;
  }
}
.delivery-wrapper-content-btn--m {
  display: none;
}
@media (max-width: 1200px) {
  .delivery-wrapper-content-btn--m {
    display: flex;
    justify-content: center;
  }
}
.delivery-wrapper-content-btn--m img {
  margin-bottom: 0;
}

.products {
  background-color: #fff;
}
@media (max-width: 1200px) {
  .products {
    padding: 80px 0;
  }
}
@media (max-width: 768px) {
  .products {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .products .fp-overflow {
    padding: 160px 0 25px;
  }
}

.products-wrapper {
  display: flex;
  gap: 120px;
}
@media (max-width: 1550px) {
  .products-wrapper {
    gap: 75px;
  }
}
@media (max-width: 1200px) {
  .products-wrapper {
    flex-direction: column;
    gap: 20px;
  }
}

.products-content {
  width: 100%;
  max-width: 290px;
  display: flex;
  flex-direction: column;
  padding-bottom: 34px;
}
@media (max-width: 1550px) {
  .products-content {
    max-width: 250px;
    padding-bottom: 24px;
  }
}
@media (max-width: 1200px) {
  .products-content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    padding-bottom: 0;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .products-content {
    height: 40px;
    position: relative;
    justify-content: center;
    padding-left: 15px;
  }
}

.products-content-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 80px;
}
@media (max-width: 1550px) {
  .products-content-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .products-content-title {
    font-size: 24px;
    margin-bottom: 0;
    order: 1;
  }
}
@media (max-width: 768px) {
  .products-content-title {
    text-align: center;
  }
}

.products-content-nav {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
@media (max-width: 1550px) {
  .products-content-nav {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .products-content-nav {
    order: 2;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .products-content-nav {
    width: calc(100% - 30px);
    position: absolute;
    justify-content: space-between;
  }
}

.swiper-button-prev,
.swiper-button-next {
  position: static;
  margin: 0;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  border: 1px solid #21925E;
  background-color: #fff;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .swiper-button-prev,
  .swiper-button-next {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 1550px) {
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 12px;
    height: 12px;
  }
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  transition: all 0.2s linear;
  background-color: #21925e;
}
.swiper-button-prev:hover path,
.swiper-button-next:hover path {
  transition: all 0.2s linear;
  fill: #fff;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
}

.products-content-promo {
  display: flex;
  margin-top: auto;
}
@media (max-width: 1550px) {
  .products-content-promo {
    width: 115px;
  }
}
@media (max-width: 1200px) {
  .products-content-promo {
    order: 0;
    margin-top: 0;
    width: auto;
  }
}
@media (max-width: 768px) {
  .products-content-promo {
    display: none;
  }
}
.products-content-promo--m {
  display: none;
}
@media (max-width: 768px) {
  .products-content-promo--m {
    display: block;
    margin: 0 auto;
  }
}

@media (max-width: 1200px) {
  .products-content-promo-img {
    display: none;
  }
}
.products-content-promo-img--m {
  display: none;
}
@media (max-width: 1200px) {
  .products-content-promo-img--m {
    display: block;
  }
}
@media (max-width: 768px) {
  .products-content-promo-img--m {
    width: 188px;
  }
}

.products-slider {
  padding-bottom: 34px;
}
@media (max-width: 1550px) {
  .products-slider {
    padding-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .products-slider {
    width: 100%;
  }
}

.products-slider-slide {
  width: 100%;
  max-width: 385px;
  border-radius: 10px;
  background: #eafaf2;
  padding: 40px 70px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  user-select: none;
}
@media (max-width: 1550px) {
  .products-slider-slide {
    max-width: 270px;
    padding: 24px 13px 44px;
  }
}

.products-slider-img {
  display: flex;
  margin-bottom: 30px;
}
.products-slider-img img {
  mix-blend-mode: darken;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 1550px) {
  .products-slider-img {
    height: 224px;
    margin-bottom: 15px;
  }
}

.products-slider-name {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  color: #3a4942;
  margin-bottom: 25px;
  flex-grow: 1;
}
@media (max-width: 1550px) {
  .products-slider-name {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 20px;
  }
}

.products-slider-article {
  font-size: 0.7em;
  margin: 1em 0;
}

.products-slider-price {
  font-weight: 700;
  font-size: 36px;
  letter-spacing: 0.05em;
  text-align: center;
  color: #21925e;
  margin-top: auto;
}
@media (max-width: 1550px) {
  .products-slider-price {
    font-size: 32px;
  }
}

.products-slider-cart-btn {
  display: block;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  background-color: #21925e;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 4px 0 0;
}
@media (max-width: 1550px) {
  .products-slider-cart-btn {
    width: 48px;
    height: 48px;
  }
}
.products-slider-cart-btn:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
}
.products-slider-cart-btn:after {
  content: url('data:image/svg+xml,<svg width="30" height="29" viewBox="0 0 30 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_120)"><path d="M29.6629 6.47142C29.3511 6.07065 28.8508 5.84726 28.2596 5.84726H8.5104L7.43847 1.02492C7.31504 0.473019 6.73684 0 6.17165 0H0.980974C0.441754 0 0 0.440175 0 0.985497C0 1.53078 0.441754 1.97099 0.980974 1.97099H5.67144L9.17951 19.3749C9.43288 20.6429 10.6867 21.6809 11.973 21.6809H24.3683C25.6546 21.6809 26.9474 20.6494 27.2527 19.3749L29.9357 8.00223C30.0786 7.41749 29.9812 6.87218 29.6629 6.47142ZM25.3557 18.915C25.2648 19.296 24.7516 19.7099 24.3683 19.7099H11.973C11.6222 19.7099 11.1544 19.3289 11.0895 18.9806L8.83522 7.81825H27.9803L25.3557 18.915Z" fill="white" /><path d="M13.6881 28.9999C14.7897 28.9999 15.6826 28.0968 15.6826 26.9829C15.6826 25.8689 14.7897 24.9658 13.6881 24.9658C12.5866 24.9658 11.6937 25.8689 11.6937 26.9829C11.6937 28.0968 12.5866 28.9999 13.6881 28.9999Z" fill="white" /><path d="M22.8661 28.9999C23.9676 28.9999 24.8606 28.0968 24.8606 26.9829C24.8606 25.8689 23.9676 24.9658 22.8661 24.9658C21.7646 24.9658 20.8716 25.8689 20.8716 26.9829C20.8716 28.0968 21.7646 28.9999 22.8661 28.9999Z" fill="white" /></g><defs><clipPath id="clip0_1_120"><rect width="30" height="29" fill="white" /></clipPath></defs></svg>');
}
@media (max-width: 1550px) {
  .products-slider-cart-btn:after {
    content: url('data:image/svg+xml,<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_719)"><path d="M21.7528 4.6862C21.5241 4.39599 21.1573 4.23422 20.7237 4.23422H6.24096L5.45488 0.742181C5.36436 0.342531 4.94035 0 4.52588 0H0.719381C0.323953 0 0 0.318748 0 0.713636C0 1.10849 0.323953 1.42727 0.719381 1.42727H4.15906L6.73164 14.0301C6.91745 14.9483 7.83692 15.7 8.78019 15.7H17.8701C18.8133 15.7 19.7614 14.953 19.9853 14.0301L21.9529 5.79472C22.0577 5.37129 21.9862 4.9764 21.7528 4.6862ZM18.5942 13.697C18.5275 13.973 18.1512 14.2727 17.8701 14.2727H8.78019C8.52294 14.2727 8.17991 13.9968 8.13228 13.7446L6.47916 5.66149H20.5189L18.5942 13.697Z" fill="white" /><path d="M10.0381 21.0001C10.8458 21.0001 11.5007 20.3462 11.5007 19.5395C11.5007 18.7328 10.8458 18.0789 10.0381 18.0789C9.23027 18.0789 8.57544 18.7328 8.57544 19.5395C8.57544 20.3462 9.23027 21.0001 10.0381 21.0001Z" fill="white" /><path d="M16.7685 21.0001C17.5763 21.0001 18.2311 20.3462 18.2311 19.5395C18.2311 18.7328 17.5763 18.0789 16.7685 18.0789C15.9607 18.0789 15.3059 18.7328 15.3059 19.5395C15.3059 20.3462 15.9607 21.0001 16.7685 21.0001Z" fill="white" /></g><defs><clipPath id="clip0_1_719"><rect width="22" height="21" fill="white" /></clipPath></defs></svg>');
  }
}
.products-slider-cart-btn.active {
  border-radius: 100%;
  background-color: #fff;
  border: 1.2px solid #21925e;
  padding: 0;
}
.products-slider-cart-btn.active:after {
  content: url('data:image/svg+xml,<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_132)"><path d="M19.6305 0.392055C20.1203 0.908219 20.1236 1.74791 19.6378 2.26835C17.4378 4.60793 15.5044 6.77057 13.6377 8.85806C11.7501 10.9677 9.80007 13.148 7.55834 15.5362L7.425 15.6756C7.03327 16.0851 6.41199 16.11 5.99231 15.7329L0.442397 10.7472C-0.0832801 10.275 -0.149961 9.44035 0.293297 8.88091C0.73838 8.31915 1.52866 8.24781 2.05673 8.72171L6.57498 12.7765L6.84583 12.4846C8.55421 10.636 10.1417 8.87131 11.6793 7.15976C13.6043 5.01922 15.5919 2.80349 17.8545 0.393156L17.8649 0.382228C18.3531 -0.128682 19.1378 -0.127222 19.6243 0.385501L19.6305 0.392055Z" fill="%2321925E" /></g><defs><clipPath id="clip0_1_132"><rect width="20" height="16" fill="white" /></clipPath></defs></svg>');
}
@media (max-width: 1550px) {
  .products-slider-cart-btn.active:after {
    content: url('data:image/svg+xml,<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_750)"><path d="M14.798 0.629772C15.1437 0.994123 15.146 1.58684 14.8032 1.95421C13.2502 3.60568 11.8854 5.13225 10.5678 6.60578C9.23537 8.09491 7.85886 9.63397 6.27646 11.3198L6.18234 11.4182C5.90582 11.7072 5.46727 11.7248 5.17103 11.4586L1.25344 7.93929C0.882376 7.60595 0.835307 7.01681 1.1482 6.6219C1.46237 6.22537 2.02021 6.17501 2.39297 6.50953L5.58233 9.37173L5.77352 9.16569C6.97943 7.86076 8.10004 6.61513 9.18537 5.40697C10.5442 3.89601 11.9472 2.33196 13.5443 0.630549L13.5517 0.622835C13.8963 0.262193 14.4502 0.263223 14.7936 0.625146L14.798 0.629772Z" fill="%2321925E" /></g><defs><clipPath id="clip0_1_750"><rect width="14.1176" height="11.2941" fill="white" transform="translate(0.941162 0.353027)" /></clipPath></defs></svg>');
  }
}

.about {
  background: #2f5a46;
}
@media (max-width: 1200px) {
  .about {
    padding: 30px 0;
  }
}
@media (max-width: 768px) {
  .about {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .about .fp-overflow {
    padding: 160px 0 0;
  }
}

.about-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
@media (max-width: 1200px) {
  .about-wrapper {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .about-wrapper {
    flex-direction: column-reverse;
    padding-bottom: 25px;
  }
}

.about-content {
  width: 100%;
  max-width: 666px;
  flex-shrink: 0;
}
@media (max-width: 1550px) {
  .about-content {
    max-width: 655px;
  }
}
@media (max-width: 1200px) {
  .about-content {
    max-width: 427px;
  }
}
@media (max-width: 768px) {
  .about-content {
    max-width: 100%;
  }
}

.about-content-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .about-content-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .about-content-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .about-content-title {
    text-align: center;
  }
}

.about-content-text {
  font-family: "Roboto Flex", sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 50px;
}
@media (max-width: 1550px) {
  .about-content-text {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media (max-width: 1200px) {
  .about-content-text {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .about-content-text {
    text-align: center;
    margin-bottom: 30px;
  }
}
.about-content-text p + p {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .about-content-text p + p {
    margin-top: 15px;
  }
}

.about-img {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .about-img {
    max-height: 168px;
  }
}
.about-img img {
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .about-content-btn {
    width: 100%;
    justify-content: center;
  }
}

.car-select {
  background-color: #fff;
}
@media (max-width: 768px) {
  .car-select .fp-overflow {
    padding: 160px 0 0;
  }
}

.car-select-wrapper {
  display: flex;
  gap: 20px;
  transition: all 0.2s linear;
  height: 640px;
}
@media (max-width: 1550px) {
  .car-select-wrapper {
    height: 440px;
  }
}
@media (max-width: 1200px) {
  .car-select-wrapper {
    height: auto;
  }
}
@media (max-width: 768px) {
  .car-select-wrapper {
    flex-direction: column;
    gap: 30px;
    padding-bottom: 25px;
  }
}

.car-select-left {
  width: calc((100% - 20px) / 2);
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .car-select-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .car-select-left {
    width: 100%;
  }
}
.car-select-left:hover {
  transition: all 0.2s linear;
  width: calc(70% - 10px);
}
@media (max-width: 1200px) {
  .car-select-left:hover {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .car-select-left:hover {
    width: 100%;
  }
}
.car-select-left:hover + .car-select-right {
  width: calc(30% - 10px);
}
@media (max-width: 1200px) {
  .car-select-left:hover + .car-select-right {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .car-select-left:hover + .car-select-right {
    width: 100%;
  }
}
.car-select-left:hover .car-select-btn-wrapper {
  transition: all 0.2s linear;
  opacity: 1;
}

.car-select-card {
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  .car-select-card {
    height: 250px;
  }
}

.car-select-left-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left;
  transition: all 0.2s linear;
}

.car-select-btn-wrapper {
  overflow: hidden;
  width: 296px;
  height: 296px;
  padding: 32px;
  position: absolute;
  right: 160px;
  top: 90px;
  opacity: 0;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .car-select-btn-wrapper {
    display: none;
  }
}
.car-select-btn-wrapper svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.car-select-btn {
  width: 220px;
  height: 220px;
  border-radius: 100%;
  background-color: #dffcef;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.car-select-btn span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-align: center;
  color: #091c13;
  margin: 28px 0;
}
@media (max-width: 1550px) {
  .car-select-btn span {
    font-size: 18px;
    margin: 20px 0;
  }
}
.car-select-btn:hover + svg {
  animation: rotate-svg 4s linear infinite;
}

@keyframes rotate-svg {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.car-select-right {
  width: calc((100% - 20px) / 2);
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .car-select-right {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
@media (max-width: 768px) {
  .car-select-right {
    width: 100%;
  }
}
.car-select-right .car-select-btn-wrapper {
  top: 50%;
  right: 175px;
  transform: translateY(-50%);
}
.car-select-right:hover {
  transition: all 0.2s linear;
  width: calc(117% - 10px);
}
@media (max-width: 1200px) {
  .car-select-right:hover {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .car-select-right:hover {
    width: 100%;
  }
}
.car-select-right:hover .car-select-btn-wrapper {
  transition: all 0.2s linear;
  opacity: 1;
}

.car-select-right-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.2s linear;
}

.car-select-btn-mob {
  display: none;
  border-radius: 80px;
  background: #21925e;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  padding: 4px 4px 4px 20px;
  border: 1px solid #21925e;
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .car-select-btn-mob {
    display: flex;
  }
}
.car-select-btn-mob:hover {
  transition: all 0.2s linear;
  background: #fff;
  color: #091c13;
}
.car-select-btn-mob:hover svg circle {
  fill: #21925e;
  transition: all 0.2s linear;
}
.car-select-btn-mob:hover svg path {
  fill: #fff;
  transition: all 0.2s linear;
}

.podbor-auto-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.5em;
}
.podbor-auto-info-model {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.podbor-auto-info-model-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 160%;
  letter-spacing: 0%;
}
.podbor-auto-info-model-text {
  font-weight: 600;
  font-size: 20px;
  line-height: 180%;
  letter-spacing: 0%;
}
.podbor-auto-info > a {
  width: 100%;
}
.podbor-auto-info > a span {
  white-space: nowrap;
}
@media (max-width: 1550px) {
  .podbor-auto-info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 1em;
  }
  .podbor-auto-info-model {
    flex-direction: row;
    gap: 1em;
    align-items: center;
  }
  .podbor-auto-info > a {
    width: auto;
  }
}
@media (max-width: 767px) {
  .podbor-auto-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5em;
  }
  .podbor-auto-info-model {
    flex-direction: column;
    gap: 0;
    align-items: center;
    text-align: center;
  }
  .podbor-auto-info-model-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0%;
  }
  .podbor-auto-info-model-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 180%;
    letter-spacing: 0%;
  }
}

.breadcrumbs {
  margin-top: 118px;
}
@media (max-width: 1550px) {
  .breadcrumbs {
    margin-top: 89px;
  }
}
@media (max-width: 1200px) {
  .breadcrumbs {
    display: none;
  }
}

.breadcrumbs-wrapper {
  padding: 30px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1550px) {
  .breadcrumbs-wrapper {
    padding: 24px 0;
  }
}

.breadcrumbs-link {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #21925e;
}

.breadcrumbs-divider {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #21925e;
}

.breadcrumbs-current {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #395447;
}

.custom-lopal-select {
  position: relative;
  user-select: none;
  width: 100%;
}
.custom-lopal-select.open .options {
  display: block;
  max-height: 200px;
  overflow-y: auto;
}
.custom-lopal-select.open .custom-caret {
  transform: rotate(180deg);
}

.select-trigger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  padding: 16px 15px;
  border: 1px solid #21925e;
  border-radius: 10px;
  cursor: pointer;
}

.select-trigger-left {
  display: flex;
  align-items: center;
  gap: 15px;
}

.selected-option {
  font-weight: 400;
  font-size: 20px;
  color: #091c13;
}
@media (max-width: 768px) {
  .selected-option {
    font-size: 16px;
  }
}

.custom-caret {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s;
}
.custom-caret::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 6px;
  background: url(/local/templates/lopal_v1/assets/style/../img/caret.svg) center no-repeat;
}

.options {
  display: none;
  position: absolute;
  width: 100%;
  background: white;
  border: 1px solid #ccc;
  border-radius: 10px;
  top: 100%;
  left: 0;
  z-index: 10;
  overflow: hidden;
}

.option {
  padding: 16px 15px;
  cursor: pointer;
  font-weight: 400;
  font-size: 20px;
  color: #091c13;
}
@media (max-width: 768px) {
  .option {
    font-size: 16px;
  }
}

.option:hover {
  transition: all 0.2s linear;
  color: #2bb776;
}

.option-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.hidden-select {
  display: none;
}

.catalog {
  padding-bottom: 150px;
}
@media (max-width: 1550px) {
  .catalog {
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .catalog {
    padding-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .catalog {
    padding-bottom: 60px;
  }
}

.catalog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  margin-bottom: 30px;
  gap: 1em;
}
@media (max-width: 1550px) {
  .catalog-head {
    margin-bottom: 34px;
    padding: 6px;
  }
}
@media (max-width: 1200px) {
  .catalog-head {
    padding: 30px 0;
    margin-top: 48px;
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .catalog-head {
    padding: 20px 0;
    margin-top: 50px;
    flex-direction: column;
  }
}

.catalog-head-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  min-width: 300px;
  display: block;
  flex-shrink: 0;
}
@media (max-width: 1550px) {
  .catalog-head-title {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .catalog-head-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .catalog-head-title {
    text-align: center;
    margin: 0 auto;
  }
}

.catalog-sort-select {
  max-width: 620px;
}
@media (max-width: 1550px) {
  .catalog-sort-select {
    display: none;
  }
}
.catalog-sort-select--m {
  display: none;
  max-width: 585px;
}
@media (max-width: 1550px) {
  .catalog-sort-select--m {
    display: block;
  }
}

.catalog-wrapper {
  display: flex;
  gap: 40px;
}
@media (max-width: 1550px) {
  .catalog-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .catalog-wrapper {
    gap: 30px;
  }
}

.catalog-filter {
  width: 100%;
  max-width: 300px;
  flex-shrink: 0;
}
@media (max-width: 1550px) {
  .catalog-filter {
    max-width: 100%;
  }
}

.catalog-filter-tab-nav {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  margin-bottom: 60px;
  border: none;
}
@media (max-width: 1550px) {
  .catalog-filter-tab-nav {
    flex-direction: row;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav {
    gap: 5px;
    align-items: stretch;
  }
}
@media (max-width: 768px) {
  .catalog-filter-tab-nav {
    flex-wrap: nowrap;
  }
}
.catalog-filter-tab-nav .nav-item {
  width: 100%;
}
@media (max-width: 1550px) {
  .catalog-filter-tab-nav .nav-item {
    width: auto;
  }
}
.catalog-filter-tab-nav .nav-item img {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav .nav-item img {
    width: 20px;
  }
}
.catalog-filter-tab-nav .nav-link {
  width: 100%;
  border-radius: 10px;
  background: #eafaf2;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  position: relative;
}
@media (max-width: 1550px) {
  .catalog-filter-tab-nav .nav-link {
    width: auto;
    gap: 10px;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav .nav-link {
    height: 100%;
    padding: 12px 10px;
  }
}
@media (max-width: 768px) {
  .catalog-filter-tab-nav .nav-link {
    gap: 5px;
    padding: 10px;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav .nav-link svg {
    width: 20px;
  }
}
.catalog-filter-tab-nav .nav-link img {
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav .nav-link img {
    width: 20px;
  }
}
.catalog-filter-tab-nav .nav-link span {
  font-weight: 400;
  font-size: 20px;
  color: #21925e;
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav .nav-link span {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .catalog-filter-tab-nav .nav-link span {
    font-size: 14px;
  }
}
.catalog-filter-tab-nav .nav-link.active {
  background: #2f5a46;
}
.catalog-filter-tab-nav .nav-link.active span {
  color: #fff;
}
.catalog-filter-tab-nav .nav-link.active:after {
  content: "";
  width: 12px;
  height: 12px;
  background: #2f5a46;
  transform: rotate(45deg);
  position: absolute;
  right: -6px;
  top: 50%;
  margin-top: -6px;
}
@media (max-width: 1550px) {
  .catalog-filter-tab-nav .nav-link.active:after {
    right: 50%;
    top: auto;
    bottom: -6px;
    margin-top: 0;
    margin-right: -6px;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-tab-nav .nav-link.active:after {
    width: 7px;
    height: 7px;
    bottom: -3.5px;
    margin-right: -3.5px;
  }
}
.catalog-filter-tab-nav .nav-link.active svg path {
  fill: white;
}
.catalog-filter-tab-nav .nav-link.active img {
  filter: brightness(10);
}

.catalog-filter-panel {
  position: relative;
  padding-bottom: 100px;
}
@media (max-width: 1550px) {
  .catalog-filter-panel {
    padding: 60px 0;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    gap: 50px;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel {
    padding: 65px 0 110px;
    gap: 0;
    border-top: 1px solid #21925e;
    border-bottom: 1px solid #21925e;
    max-height: auto;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel.collapsed {
    height: 49px;
    padding: 14px 0;
  }
}
.catalog-filter-panel.collapsed .catalog-filter-panel-right {
  display: none;
}
.catalog-filter-panel.collapsed .catalog-filter-panel-reset-btn {
  display: none;
}

@media (max-width: 1550px) {
  .catalog-filter-panel-left {
    width: 100%;
    max-width: 200px;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel-left {
    max-width: 0;
  }
}

.catalog-filter-panel-title {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .catalog-filter-panel-title {
    width: 100%;
    max-width: 200px;
    margin-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel-title {
    max-width: 100%;
    position: absolute;
    top: 14px;
    left: 0;
    cursor: pointer;
  }
}
.catalog-filter-panel-title.active .catalog-filter-panel-title-caret {
  transform: rotate(180deg);
}

.catalog-filter-panel-title-icon {
  margin-right: 15px;
}
@media (max-width: 1200px) {
  .catalog-filter-panel-title-icon {
    width: 17.5px;
    margin-right: 10px;
  }
}

.catalog-filter-panel-title-text,
.catalog-filter-panel-title-qty {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #000;
}
@media (max-width: 1200px) {
  .catalog-filter-panel-title-text,
  .catalog-filter-panel-title-qty {
    font-size: 16px;
  }
}

.catalog-filter-panel-title-caret {
  display: none;
}
@media (max-width: 1200px) {
  .catalog-filter-panel-title-caret {
    display: block;
    margin-left: auto;
    transition: transform 0.3s ease;
  }
}

.catalog-filter-panel-reset-btn {
  width: 100%;
  border: 1px solid #21925e;
  border-radius: 80px;
  padding: 17px;
  text-align: center;
  position: absolute;
  bottom: 0;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .catalog-filter-panel-reset-btn {
    position: static;
    margin-top: auto;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel-reset-btn {
    position: absolute;
    bottom: 30px;
    max-width: calc((100% - 20px) / 2);
    padding: 14px;
  }
}
@media (max-width: 768px) {
  .catalog-filter-panel-reset-btn {
    max-width: 100%;
  }
}
.catalog-filter-panel-reset-btn:hover {
  transition: all 0.2s linear;
  background-color: #21925e;
}
.catalog-filter-panel-reset-btn:hover .catalog-filter-panel-reset-btn-text,
.catalog-filter-panel-reset-btn:hover .catalog-filter-panel-reset-btn-qty {
  color: #fff;
}

.catalog-filter-panel-reset-btn-text,
.catalog-filter-panel-reset-btn-qty {
  font-weight: 400;
  font-size: 20px;
  color: #091c13;
}
@media (max-width: 1200px) {
  .catalog-filter-panel-reset-btn-text,
  .catalog-filter-panel-reset-btn-qty {
    font-size: 16px;
  }
}

@media (max-width: 1550px) {
  .catalog-filter-panel-right {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel-right {
    width: 100%;
    gap: 20px;
  }
}

@media (max-width: 1550px) {
  .catalog-filter-panel-form-group {
    width: 100%;
    max-width: calc((100% - 40px) / 3);
  }
}
@media (max-width: 1200px) {
  .catalog-filter-panel-form-group {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .catalog-filter-panel-form-group {
    max-width: 100%;
  }
}
.catalog-filter-panel-form-group + .catalog-filter-panel-form-group {
  margin-top: 30px;
}
@media (max-width: 1550px) {
  .catalog-filter-panel-form-group + .catalog-filter-panel-form-group {
    margin-top: 0;
  }
}

.custom-lopal-select-label {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 0.5em;
}
@media (max-width: 1200px) {
  .custom-lopal-select-label {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
.custom-lopal-select-label-collapsible::before {
  content: "";
  width: 6px;
  height: 4px;
  background: url(/local/templates/lopal_v1/assets/style/../img/caret.svg) center no-repeat;
  transform: rotate(0deg);
}
.custom-lopal-select-label-collapsible.active::before {
  transform: rotate(180deg);
}
.custom-lopal-select-label-collapsible:not(.active) {
  color: #21925E;
}
.custom-lopal-select-label-collapsible:not(.active) + * {
  display: none;
}

.catalog-filter-select.default-selected .select-trigger {
  background: #eafaf2;
  border: 1px solid #eafaf2;
}

.catalog-filter-checkbox-list {
  border: 1px solid #21925E;
  border-radius: 10px;
  padding: 10px;
  width: 300px;
  position: relative;
}
.catalog-filter-checkbox-list::after {
  content: "";
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1em;
  border-radius: 10px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.catalog-filter-checkbox-list-inner {
  max-height: 500px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #21925E #EAFAF2;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  padding: 2px 0;
}
.catalog-filter-checkbox-list-item-label {
  display: flex;
  gap: 0.5em;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0%;
}
.catalog-filter-checkbox-list-item-label::before {
  content: "";
  width: 1em;
  height: 1em;
  background: transparent;
  border: 1px solid #21925E;
  border-radius: 4px;
  flex-shrink: 0;
}
.catalog-filter-checkbox-list-item-label-count {
  display: none;
}
.catalog-filter-checkbox-list-item input {
  display: none;
}
.catalog-filter-checkbox-list-item input:checked + label {
  color: #21925E;
}
.catalog-filter-checkbox-list-item input:checked + label::before {
  background-color: #21925E;
  background-image: url(/local/templates/lopal_v1/assets/style/../img/check-2w.svg?1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}
.catalog-filter-checkbox-list-item input:disabled + label {
  filter: grayscale(1);
  opacity: 0.5;
}

.catalog-list {
  width: 100%;
}

.catalog-list-wrapper.active {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.catalog-list-item {
  width: calc((100% - 20px) / 2);
  border: 1px solid #61987f;
  border-radius: 10px;
  background: #fff;
  display: flex;
  gap: 24px;
  padding: 20px 30px;
}
@media (max-width: 1550px) {
  .catalog-list-item {
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .catalog-list-item {
    gap: 15px;
    padding: 40px 15px 15px;
    position: relative;
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .catalog-list-item {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .catalog-list-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.catalog-list-item-img {
  width: 100%;
  max-width: 244px;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .catalog-list-item-img {
    max-width: 135px;
  }
}

.catalog-list-item-content {
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  gap: 0.5em;
}
@media (max-width: 1200px) {
  .catalog-list-item-content {
    padding: 0;
  }
}

.catalog-list-item-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .catalog-list-item-title {
    font-size: 16px;
  }
}

.catalog-list-item-sticker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 10px;
  background: #eafaf2;
  padding: 9px 7px;
}
@media (max-width: 1200px) {
  .catalog-list-item-sticker {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    justify-content: center;
    gap: 8px;
    padding: 2px 0;
    border-radius: 0;
  }
}
@media (max-width: 1200px) {
  .catalog-list-item-sticker img {
    width: 13px;
  }
}
.catalog-list-item-sticker span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  text-transform: uppercase;
  text-align: center;
  color: #21925e;
}
@media (max-width: 1200px) {
  .catalog-list-item-sticker span {
    font-size: 12px;
  }
}

.catalog-list-item-content-bot {
  margin-top: auto;
}

.catalog-list-item-price {
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .catalog-list-item-price {
    margin-bottom: 5px;
  }
}

.catalog-list-item-price-label {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
}
@media (max-width: 1200px) {
  .catalog-list-item-price-label {
    font-size: 14px;
  }
}

.catalog-list-item-price-num {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #091c13;
}
@media (max-width: 1200px) {
  .catalog-list-item-price-num {
    font-size: 20px;
  }
}

.catalog-list-item-price-btn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  border-radius: 80px;
  background: #21925e;
  padding: 16px 55px;
  transition: all 0.2s linear;
  border: 1px solid #21925e;
}
.catalog-list-item-price-btn::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background: url(/local/templates/lopal_v1/assets/style/../img/cart.svg) center no-repeat;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .catalog-list-item-price-btn {
    gap: 10px;
    padding: 12px 23px;
  }
}
.catalog-list-item-price-btn span {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #fff;
  transition: all 0.2s linear;
  white-space: nowrap;
}
.catalog-list-item-price-btn span::before {
  content: "В корзину";
}
@media (max-width: 1200px) {
  .catalog-list-item-price-btn span {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .catalog-list-item-price-btn svg {
    width: 17px;
  }
}
.catalog-list-item-price-btn:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
}
.catalog-list-item-price-btn.active {
  background: white;
  border: 1px solid #21925E;
}
.catalog-list-item-price-btn.active::before {
  background: url(/local/templates/lopal_v1/assets/style/../img/check-2.svg) center no-repeat;
  background-size: 1.1em;
}
.catalog-list-item-price-btn.active span {
  color: #091C13;
}
.catalog-list-item-price-btn.active span::before {
  content: "В корзине";
}

.catalog-list-item-article {
  font-size: 0.8em;
}

.catalog-list-bot {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .catalog-list-bot {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .catalog-list-bot {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .catalog-list-bot {
    margin-top: 40px;
    gap: 30px;
  }
}

.catalog-list-more-btn {
  width: 100%;
  max-width: 620px;
  border: 1px solid #21925e;
  border-radius: 800px;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #091c13;
  text-align: center;
  padding: 26px;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .catalog-list-more-btn {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 1200px) {
  .catalog-list-more-btn {
    font-size: 14px;
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .catalog-list-more-btn {
    width: 100%;
  }
}
.catalog-list-more-btn:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: #fff;
}

.catalog-list-pagination {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .catalog-list-pagination {
    justify-content: center;
  }
}

.catalog-list-pagination-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  background-color: #fff;
  border: 1.2px solid #21925e;
  font-weight: 400;
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #091c13;
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .catalog-list-pagination-item {
    width: 48px;
    height: 48px;
    font-size: 20px;
  }
}
.catalog-list-pagination-item--current {
  border: 1.2px solid #eafaf2;
  background-color: #eafaf2;
  pointer-events: none;
}
.catalog-list-pagination-item:hover {
  transition: all 0.2s linear;
  border: 1.2px solid #21925e;
  background-color: #21925e;
  color: #fff;
}

.catalog-list-pagination-divider {
  display: flex;
  align-items: center;
  gap: 6px;
}
.catalog-list-pagination-divider span {
  border-radius: 100%;
  background: #aed4c3;
  width: 4px;
  height: 4px;
}

.product {
  padding-bottom: 150px;
}
@media (max-width: 1550px) {
  .product {
    padding-bottom: 120px;
  }
}
@media (max-width: 1200px) {
  .product {
    padding-bottom: 80px;
  }
}
@media (max-width: 768px) {
  .product {
    padding-bottom: 60px;
  }
}

.product-panel {
  display: flex;
  gap: 60px;
  width: 100%;
  margin-bottom: 80px;
}
@media (max-width: 1550px) {
  .product-panel {
    margin-bottom: 75px;
  }
}
@media (max-width: 1200px) {
  .product-panel {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .product-panel {
    gap: 40px;
    flex-direction: column;
  }
}

.product-panel-gal {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  width: 100%;
  max-width: 760px;
  max-height: 580px;
}
@media (max-width: 1200px) {
  .product-panel-gal {
    width: calc((100% - 20px) / 2);
    position: relative;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .product-panel-gal {
    width: 100%;
    max-width: 100%;
  }
}

#myCarousel {
  width: 100%;
  max-width: 580px;
  border: 1px solid #61987f;
  border-radius: 35px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  #myCarousel {
    max-width: 100%;
    height: 100%;
    flex-shrink: 0;
    padding: 30px;
  }
}
#myCarousel .f-carousel__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#myCarousel .f-carousel__slide img {
  aspect-ratio: 1;
  object-fit: contain;
}
#myCarousel .f-carousel__slide video {
  width: 100%;
  object-fit: cover;
  object-position: center;
}
#myCarousel .f-carousel__nav .f-button:hover svg {
  color: #21925E;
}
#myCarousel .f-carousel__nav .f-button svg {
  color: #AED4C3;
}

.product-panel-gal .f-thumbs {
  width: 100%;
  max-width: 180px;
  border: 1px solid #61987f;
  border-radius: 35px;
  margin-left: -1px;
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs {
    max-width: 100%;
    border: none;
    border-radius: 0;
    margin-left: 0;
    --f-thumb-gap: 15px;
    height: 38px;
    padding-top: 8px;
  }
}
.product-panel-gal .f-thumbs .f-thumbs__viewport:before {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs .f-thumbs__viewport:before {
    display: none;
  }
}
.product-panel-gal .f-thumbs .f-thumbs__viewport:after {
  content: "";
  display: block;
  width: 100%;
  height: 60px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs .f-thumbs__viewport:after {
    display: none;
  }
}
.product-panel-gal .f-thumbs .f-thumbs__track {
  justify-content: center;
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs .f-thumbs__track {
    transform: none !important;
  }
}
.product-panel-gal .f-thumbs .f-thumbs__slide {
  --f-thumb-width: 120px;
  --f-thumb-height: 146px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs .f-thumbs__slide {
    display: block;
    --f-thumb-width: 8px;
    --f-thumb-height: 8px;
    border-radius: 100%;
    background-color: #eafaf2;
    margin-bottom: 0;
  }
}
.product-panel-gal .f-thumbs .f-thumbs__slide.is-nav-selected {
  filter: grayscale(100%);
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs .f-thumbs__slide.is-nav-selected {
    background-color: #21925e;
    filter: none;
  }
}
.product-panel-gal .f-thumbs .f-thumbs__slide__button {
  opacity: 1;
}
.product-panel-gal .f-thumbs .f-thumbs__slide__img {
  width: auto;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .product-panel-gal .f-thumbs .f-thumbs__slide__img {
    display: none;
  }
}
.product-panel-gal .f-thumbs .f-carousel__nav .f-button {
  background-color: transparent;
}
.product-panel-gal .f-thumbs .f-carousel__nav .f-button:hover svg {
  color: #21925E;
}
.product-panel-gal .f-thumbs .f-carousel__nav .f-button svg {
  color: #AED4C3;
}
.product-panel-gal .f-thumbs .f-carousel__nav .f-button.is-prev {
  top: 15px;
}
.product-panel-gal .f-thumbs .f-carousel__nav .f-button.is-next {
  bottom: 15px;
}

.product-panel-control {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1200px) {
  .product-panel-control {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .product-panel-control {
    width: 100%;
  }
}

.product-panel-control-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 25px;
}
@media (max-width: 1550px) {
  .product-panel-control-title {
    display: none;
  }
}
@media (max-width: 1550px) {
  .product-panel-control-title--m {
    display: block;
    max-width: 880px;
    font-size: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .product-panel-control-title--m {
    margin: 80px 0 30px;
    font-size: 24px;
    max-width: 500px;
  }
}
@media (max-width: 768px) {
  .product-panel-control-title--m {
    text-align: center;
    max-width: 100%;
    margin: 70px 0 20px;
  }
}

.product-panel-control-article {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #395447;
  margin-bottom: 40px;
}
@media (max-width: 1550px) {
  .product-panel-control-article {
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .product-panel-control-article {
    font-size: 14px;
    margin-bottom: 14px;
  }
}
@media (max-width: 768px) {
  .product-panel-control-article {
    text-align: center;
  }
}

.product-panel-control-article-value {
  text-transform: uppercase;
}

.product-panel-control-size {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1200px) {
  .product-panel-control-size {
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .product-panel-control-size {
    margin-bottom: 40px;
  }
}

.product-panel-control-size-item {
  width: 100%;
  max-width: 90px;
  border-radius: 10px;
  background: #eafaf2;
  padding: 14px 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  color: #21925e;
  transition: all 0.2s linear;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .product-panel-control-size-item {
    max-width: calc((100% - 10px) / 3);
    font-size: 16px;
  }
}
.product-panel-control-size-item:hover {
  transition: all 0.2s linear;
  color: #fff;
  background: #21925e;
}

.product-panel-control-size-item--current {
  background: #2f5a46;
  color: #fff;
  pointer-events: none;
}

.product-panel-control-price-delivery {
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  margin-bottom: 25px;
}
@media (max-width: 1550px) {
  .product-panel-control-price-delivery {
    flex-direction: column;
    align-items: flex-start;
    gap: 120px;
  }
}
@media (max-width: 1200px) {
  .product-panel-control-price-delivery {
    gap: 60px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .product-panel-control-price-delivery {
    gap: 40px;
    align-items: center;
    justify-content: center;
  }
}

@media (max-width: 1550px) {
  .product-panel-control-price {
    order: 2;
  }
}

.product-panel-control-price-label {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
  margin-right: 10px;
}

.product-panel-control-price-num {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #091c13;
}

.product-panel-control-delivery {
  flex-shrink: 0;
}

.product-panel-control-qty-cart {
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1550px) {
  .product-panel-control-qty-cart {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
@media (max-width: 1200px) {
  .product-panel-control-qty-cart {
    flex-direction: row;
    gap: 20px;
  }
}

.product-panel-control-qty {
  width: 100%;
  max-width: 240px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  border: 1px solid #21925e;
  border-radius: 80px;
}
@media (max-width: 1200px) {
  .product-panel-control-qty {
    max-width: calc((100% - 20px) / 2);
  }
}

.product-panel-control-qty-input {
  width: inherit;
  -moz-appearance: textfield;
  appearance: textfield;
  border: none;
  background: transparent;
  text-align: center;
  outline: none;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1200px) {
  .product-panel-control-qty-input {
    font-size: 20px;
  }
}

.product-panel-control-qty-input::-webkit-inner-spin-button,
.product-panel-control-qty-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product-panel-control-cart-btn {
  border-radius: 80px;
  background: #21925e;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 16px 54px;
  border: 1px solid #21925e;
}
.product-panel-control-cart-btn::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  background: url(/local/templates/lopal_v1/assets/style/../img/cart.svg) center no-repeat;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .product-panel-control-cart-btn {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
    padding: 15px;
  }
}
@media (max-width: 1200px) {
  .product-panel-control-cart-btn img {
    width: 21px;
  }
}
.product-panel-control-cart-btn span {
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}
.product-panel-control-cart-btn span::before {
  content: "В корзину";
}
@media (max-width: 1200px) {
  .product-panel-control-cart-btn span {
    font-size: 16px;
  }
}
.product-panel-control-cart-btn:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
}
.product-panel-control-cart-btn.active {
  background: white;
  border: 1px solid #21925E;
}
.product-panel-control-cart-btn.active::before {
  background: url(/local/templates/lopal_v1/assets/style/../img/check-2.svg) center no-repeat;
  background-size: 1.1em;
}
.product-panel-control-cart-btn.active span {
  color: #091C13;
}
.product-panel-control-cart-btn.active span::before {
  content: "В корзине";
}

.product-info {
  display: flex;
  gap: 60px;
}
@media (max-width: 1550px) {
  .product-info {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .product-info {
    gap: 30px;
  }
}
.product-info .nav-tabs {
  display: none;
  border: 0;
  gap: 40px;
}
@media (max-width: 768px) {
  .product-info .nav-tabs {
    display: flex;
  }
}
.product-info .nav-link {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #000;
  border: 0;
  padding: 0;
  margin: 0;
}
.product-info .nav-link.active {
  color: #000;
  border: none;
  text-decoration: underline;
  text-decoration-color: #21925e;
  text-decoration-thickness: 2px;
  text-decoration-skip-ink: none;
  text-underline-offset: 10px;
}
.product-info .nav-link:hover {
  border: none;
}
.product-info .tab-content {
  display: none;
}
@media (max-width: 768px) {
  .product-info .tab-content {
    display: block;
  }
}

.product-desc {
  width: 100%;
  max-width: calc((100% - 60px) / 2);
}
@media (max-width: 1550px) {
  .product-desc {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .product-desc {
    display: none;
  }
}
@media (max-width: 768px) {
  .product-desc--m {
    display: block;
  }
}

.product-desc-title,
.product-chars-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .product-desc-title,
  .product-chars-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.product-desc-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1200px) {
  .product-desc-text {
    font-size: 14px;
  }
}
.product-desc-text + .product-desc-text {
  margin-top: 25px;
}
@media (max-width: 1200px) {
  .product-desc-text + .product-desc-text {
    margin-top: 15px;
  }
}
.product-desc-text p + p {
  margin-top: 25px;
}

.product-desc-list {
  margin: 45px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 35px 60px;
}
@media (max-width: 1200px) {
  .product-desc-list {
    gap: 15px 25px;
    margin: 20px 0;
  }
}

.product-desc-list-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1200px) {
  .product-desc-list-item {
    gap: 5px;
  }
}
@media (max-width: 1200px) {
  .product-desc-list-item img {
    width: 13px;
  }
}
.product-desc-list-item span {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1200px) {
  .product-desc-list-item span {
    font-size: 15px;
  }
}

.product-chars {
  width: 100%;
  max-width: calc((100% - 60px) / 2);
}
@media (max-width: 1550px) {
  .product-chars {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .product-chars {
    display: none;
  }
}
@media (max-width: 768px) {
  .product-chars--m {
    display: block;
  }
}

.product-chars-table tr:nth-child(odd) {
  background: #eafaf2;
}
.product-chars-table tr td {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
  vertical-align: middle;
}
@media (max-width: 1200px) {
  .product-chars-table tr td {
    font-size: 16px;
  }
}
.product-chars-table tr td:nth-child(1) {
  width: 235px;
  padding: 14px 0 14px 20px;
}
@media (max-width: 1550px) {
  .product-chars-table tr td:nth-child(1) {
    width: 40%;
  }
}
@media (max-width: 1200px) {
  .product-chars-table tr td:nth-child(1) {
    padding: 11px 0 11px 18px;
    width: 200px;
  }
}
@media (max-width: 768px) {
  .product-chars-table tr td:nth-child(1) {
    width: 50%;
  }
}
.product-chars-table tr td:nth-child(2) {
  padding: 14px 20px 14px 0;
  text-align: right;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .product-chars-table tr td:nth-child(2) {
    padding: 11px 18px 11px 0;
  }
}

.cart {
  padding-bottom: 90px;
}
@media (max-width: 1200px) {
  .cart {
    padding-bottom: 20px;
  }
}

.cart-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin: 10px 0 40px;
}
@media (max-width: 1550px) {
  .cart-title {
    font-size: 40px;
    margin: 0 0 35px;
  }
}
@media (max-width: 1200px) {
  .cart-title {
    font-size: 24px;
    margin: 80px 0 20px;
  }
}
@media (max-width: 768px) {
  .cart-title {
    margin: 65px 0 20px;
    text-align: center;
  }
}

.cart-inner {
  display: flex;
  gap: 60px;
}
@media (max-width: 1550px) {
  .cart-inner {
    gap: 40px;
  }
}
@media (max-width: 1200px) {
  .cart-inner {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .cart-inner {
    gap: 15px;
  }
}

.cart-main {
  width: 100%;
}

@media (max-width: 1200px) {
  .cart-sidebar {
    display: none;
  }
}

.cart-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  margin-bottom: 40px;
}
@media (max-width: 1550px) {
  .cart-wrapper {
    gap: 40px;
    margin-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .cart-wrapper {
    flex-direction: column;
    gap: 24px;
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .cart-wrapper {
    gap: 15px;
  }
}

.cart-product-list {
  width: 100%;
  max-width: 1020px;
}
@media (max-width: 1550px) {
  .cart-product-list {
    max-width: 815px;
    flex-shrink: 0;
  }
}
@media (max-width: 1200px) {
  .cart-product-list {
    max-width: 100%;
  }
}

.cart-product-list-item {
  border: 1px solid #61987f;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 8px 40px 8px 20px;
}
@media (max-width: 1200px) {
  .cart-product-list-item {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    position: relative;
  }
}
.cart-product-list-item + .cart-product-list-item {
  margin-top: -1px;
}

.cart-product-list-item-img {
  width: 150px;
  height: 185px;
  border-radius: 10px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .cart-product-list-item-img {
    width: 100px;
    height: 125px;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item-img {
    width: 30%;
  }
}

.cart-product-list-item-info {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 1200px) {
  .cart-product-list-item-info {
    max-width: auto;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item-info {
    width: 70%;
  }
}

.cart-product-list-item-info-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
  margin-bottom: 27px;
}
@media (max-width: 1200px) {
  .cart-product-list-item-info-title {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item-info-title {
    text-align: center;
  }
}

.cart-product-list-item-info-article {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1200px) {
  .cart-product-list-item-info-article {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item-info-article {
    text-align: center;
  }
}

.cart-product-list-item-control {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1550px) {
  .cart-product-list-item-control {
    flex-wrap: wrap;
    max-width: 180px;
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item-control {
    width: 70%;
    justify-content: center;
  }
}

.cart-product-list-item-control-qty {
  max-width: 200px;
}
@media (max-width: 1550px) {
  .cart-product-list-item-control-qty {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .cart-product-list-item-control-qty {
    margin-bottom: 20px;
  }
}

.cart-product-list-item-control-price {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  color: #091c13;
}

@media (max-width: 768px) {
  .cart-product-list-item-control-del {
    width: 16px;
    position: absolute;
    left: 17%;
    bottom: 27px;
  }
}

.cart-product-resume {
  border-radius: 10px;
  background: #eafaf2;
  padding: 35px 24px 24px;
  position: sticky;
  top: 120px;
}
@media (max-width: 1550px) {
  .cart-product-resume {
    padding: 24px 15px 20px;
    top: 95px;
  }
}
@media (max-width: 1200px) {
  .cart-product-resume {
    width: 100%;
    padding: 24px 20px;
    position: static;
    display: none;
  }
}
.cart-product-resume--m {
  display: none;
}
@media (max-width: 1200px) {
  .cart-product-resume--m {
    display: block;
  }
}

.cart-product-resume-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .cart-product-resume-title {
    font-size: 20px;
    margin-bottom: 25px;
  }
}

@media (max-width: 1200px) {
  .cart-product-resume-wrapper {
    display: flex;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .cart-product-resume-wrapper {
    flex-direction: column;
    gap: 24px;
  }
}

.cart-product-resume-list {
  margin-bottom: 40px;
}
@media (max-width: 1550px) {
  .cart-product-resume-list {
    margin-bottom: 24px;
  }
}
@media (max-width: 1200px) {
  .cart-product-resume-list {
    width: calc((100% - 40px) / 2);
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .cart-product-resume-list {
    width: 100%;
  }
}

.cart-product-resume-list-item {
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 1550px) {
  .cart-product-resume-list-item {
    font-size: 16px;
    gap: 10px;
  }
}
.cart-product-resume-list-item + .cart-product-resume-list-item {
  margin-top: 30px;
}
@media (max-width: 1550px) {
  .cart-product-resume-list-item + .cart-product-resume-list-item {
    margin-top: 20px;
  }
}
@media (max-width: 1200px) {
  .cart-product-resume-list-item + .cart-product-resume-list-item {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .cart-product-resume-list-item + .cart-product-resume-list-item {
    margin-top: 20px;
  }
}

.cart-product-resume-list-item-divider {
  flex-grow: 1;
  height: 1px;
  background: #61987f;
}

@media (max-width: 1550px) {
  .cart-product-resume-info {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .cart-product-resume-info {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 768px) {
  .cart-product-resume-info {
    width: 100%;
  }
}

.cart-product-resume-info-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 1550px) {
  .cart-product-resume-info-total {
    order: 2;
    margin-bottom: 20px;
    font-size: 28px;
  }
}

.cart-product-resume-info-nds {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #395447;
  margin-bottom: 20px;
}
@media (max-width: 1550px) {
  .cart-product-resume-info-nds {
    order: 1;
    margin-bottom: 8px;
    font-size: 12px;
  }
}

.cart-product-resume-info-delivery {
  display: flex;
}
@media (max-width: 1550px) {
  .cart-product-resume-info-delivery {
    order: 3;
  }
}

.placing {
  width: 100%;
  max-width: 1020px;
}
@media (max-width: 1550px) {
  .placing {
    max-width: 815px;
  }
}

.placing-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
}
@media (max-width: 1550px) {
  .placing-title {
    font-size: 40px;
  }
}
@media (max-width: 1200px) {
  .placing-title {
    font-size: 24px;
  }
}
@media (max-width: 768px) {
  .placing-title {
    text-align: center;
  }
}

.placing-item {
  padding: 60px 0;
}
@media (max-width: 1550px) {
  .placing-item {
    padding: 50px 0;
  }
}
@media (max-width: 768px) {
  .placing-item {
    padding: 40px 0;
  }
}
.placing-item + .placing-item {
  border-top: 1px solid #d2d2d2;
}

.placing-entity-tab-nav {
  border-bottom: none;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .placing-entity-tab-nav {
    gap: 30px;
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .placing-entity-tab-nav {
    flex-wrap: nowrap;
    gap: 10px;
  }
}
.placing-entity-tab-nav .nav-link {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
  margin: 0;
  padding: 0 0 0.2em;
  border: none;
  border-bottom: 2px solid transparent !important;
}
@media (max-width: 1200px) {
  .placing-entity-tab-nav .nav-link {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .placing-entity-tab-nav .nav-link {
    font-size: 14px;
  }
}
.placing-entity-tab-nav .nav-link.active {
  border: none;
  border-bottom: 2px solid #21925E !important;
  text-decoration: none;
  color: #091c13;
}
.placing-entity-tab-nav .nav-link:hover {
  border: none;
}

.placing-entity-tab-content-wrapper.active {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}
@media (max-width: 768px) {
  .placing-entity-tab-content-wrapper.active {
    gap: 20px;
  }
}

.placing-entity-row {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 20px;
}
@media (max-width: 768px) {
  .placing-entity-row {
    gap: 20px;
  }
}

.placing-entity-form-group {
  width: 100%;
  max-width: calc((100% - 40px) / 3);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1550px) {
  .placing-entity-form-group {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .placing-entity-form-group {
    max-width: 100%;
  }
}
.placing-entity-form-group.w-100 {
  width: 100% !important;
  max-width: 100% !important;
}
.placing-entity-form-group.w-50 {
  max-width: calc((100% - 40px) / 2);
}
@media (max-width: 767px) {
  .placing-entity-form-group.w-50 {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.placing-entity-form-group input, .placing-entity-form-group select, .placing-entity-form-group textarea {
  border-radius: 10px;
  background: #eafaf2;
  padding: 14px;
  border: 1px solid #eafaf2;
  outline: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 1200px) {
  .placing-entity-form-group input, .placing-entity-form-group select, .placing-entity-form-group textarea {
    font-size: 16px;
  }
}
.placing-entity-form-group input:focus, .placing-entity-form-group input:not(:placeholder-shown), .placing-entity-form-group select:focus, .placing-entity-form-group select:not(:placeholder-shown), .placing-entity-form-group textarea:focus, .placing-entity-form-group textarea:not(:placeholder-shown) {
  background: #fff;
  border: 1px solid #21925e;
}
.placing-entity-form-group input::placeholder, .placing-entity-form-group select::placeholder, .placing-entity-form-group textarea::placeholder {
  color: #61987F;
}
.placing-entity-form-group .pos-custom-select .select-trigger {
  padding: 15px;
}
.placing-entity-form-group select {
  background-image: url(/local/templates/lopal_v1/assets/style/../img/caret.svg) !important;
  background-position: calc(100% - 0.5em) center !important;
  background-repeat: no-repeat !important;
  appearance: none;
}
.placing-entity-form-group .bx-ui-sls-input-block {
  border-radius: 10px;
  background: #fff !important;
  padding: 14px;
  outline: none;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  border: 1px solid #21925e;
  padding: 8px 30px;
  height: 51px;
}
@media (max-width: 1200px) {
  .placing-entity-form-group .bx-ui-sls-input-block {
    font-size: 16px;
  }
}
.placing-entity-form-group .bx-ui-sls-input-block .dropdown-fade2white {
  top: 3px;
  right: 3px;
}
.placing-entity-form-group .bx-ui-sls-input-block .bx-ui-sls-clear {
  top: 9px !important;
}
.placing-entity-form-group .bx-ui-sls-input-block .dropdown-icon {
  top: 18px !important;
}
.placing-entity-form-group table td,
.placing-entity-form-group table th {
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: 0%;
  padding: 1em 0.5em;
}
@media (max-width: 767px) {
  .placing-entity-form-group table td,
  .placing-entity-form-group table th {
    width: 100%;
    padding: 0.5em;
  }
}
.placing-entity-form-group table th {
  color: #436A58;
}
.placing-entity-form-group table input {
  border: none !important;
  padding: 0;
  background: transparent !important;
  width: 100% !important;
  font: inherit;
  overflow: hidden !important;
  text-overflow: ellipsis;
}
.placing-entity-form-group table tr:nth-child(2n-1) {
  background: #EAFAF2;
}
@media (max-width: 767px) {
  .placing-entity-form-group table tr {
    display: flex;
    flex-direction: column;
  }
}

.placing-entity-label {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
}
@media (max-width: 1200px) {
  .placing-entity-label {
    font-size: 16px;
  }
}

.placing-entity-label-validation {
  color: #d02222;
}

.placing-delivery-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .placing-delivery-title {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .placing-delivery-title {
    text-align: center;
  }
}

.placing-delivery-tab-nav {
  border-bottom: none;
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .placing-delivery-tab-nav {
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .placing-delivery-tab-nav {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .placing-delivery-tab-nav .nav-item {
    width: 100%;
  }
}
.placing-delivery-tab-nav .nav-link {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #21925e;
  margin: 0;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1200px) {
  .placing-delivery-tab-nav .nav-link {
    font-size: 16px;
  }
}
.placing-delivery-tab-nav .nav-link .tab-check-full {
  display: none;
}
.placing-delivery-tab-nav .nav-link.active {
  border: none;
  color: #21925e;
}
.placing-delivery-tab-nav .nav-link.active .tab-check-full {
  display: inline-block;
}
.placing-delivery-tab-nav .nav-link.active .tab-check-empty {
  display: none;
}
.placing-delivery-tab-nav .nav-link:hover {
  border: none;
}
.placing-delivery-tab-nav .nav-link span {
  display: inline-flex;
  align-items: center;
}

.placing-delivery-tab-content-wrapper.active {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 40px;
  align-items: start;
}
@media (max-width: 1200px) {
  .placing-delivery-tab-content-wrapper.active {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .placing-delivery-tab-content-wrapper.active {
    flex-wrap: wrap;
  }
}
.placing-delivery-tab-content-wrapper .placing-entity-form-group {
  width: 100%;
  max-width: calc((100% - 40px) / 2);
}
@media (max-width: 1200px) {
  .placing-delivery-tab-content-wrapper .placing-entity-form-group {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .placing-delivery-tab-content-wrapper .placing-entity-form-group {
    max-width: 100%;
  }
}
.placing-delivery-tab-content-wrapper .placing-delivery-select .select-trigger {
  padding: 17.5px 15px;
}
@media (max-width: 1200px) {
  .placing-delivery-tab-content-wrapper .placing-delivery-select .select-trigger {
    padding: 16.5px 15px;
  }
}

.placing-delivery-map {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 20px;
  height: 400px;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .placing-delivery-map {
    height: 400px;
  }
}
.placing-delivery-map img {
  object-fit: cover;
  width: 100%;
}

.pvz-map-marker {
  position: relative;
}
.pvz-map-marker::before {
  content: "";
  display: block;
  position: absolute;
  width: 47px;
  height: 60px;
  background: url(/local/templates/lopal_v1/assets/style/../img/map_location.svg) center no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.placing-payment {
  margin-bottom: 30px;
}
.placing-payment-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  color: #091c13;
  margin-bottom: 10px;
}
.placing-payment-description {
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0%;
  margin-bottom: 30px;
}
.placing-payment-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.5em;
}
@media (max-width: 768px) {
  .placing-payment-wrapper {
    flex-wrap: wrap;
    gap: 1.5em;
  }
}
.placing-payment-img {
  flex-shrink: 0;
}
.placing-payment-img img {
  width: 250px;
  height: 164px;
  object-fit: contain;
  object-position: left;
}
.placing-payment-items {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  flex-grow: 1;
}

.placing-payment-img {
  display: block;
}
.placing-payment-radio {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.placing-payment-radio .placing-payment-radio-input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.placing-payment-radio .placing-payment-radio-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
.placing-payment-radio .placing-payment-radio-custom {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="7.5" stroke="%2321925E"/></svg>') no-repeat center/contain;
  transition: all 0.2s ease-in-out;
  flex-shrink: 0;
}
.placing-payment-radio .placing-payment-radio-input:checked + .placing-payment-radio-custom {
  background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C3.582 0 0 3.582 0 8C0 12.418 3.582 16 8 16C12.418 16 16 12.418 16 8C16 3.582 12.418 0 8 0ZM11 4.594L12.406 6L7 11.406L3.594 8L5 6.594L7 8.594L11 4.594Z" fill="%2321925E"/></svg>') no-repeat center/contain;
}
.placing-payment-radio .placing-payment-redio-label {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #21925e;
  text-align: start;
}
@media (max-width: 1200px) {
  .placing-payment-radio .placing-payment-redio-label {
    font-size: 16px;
  }
}

.placing-description {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.placing-description-wrapper {
  max-width: 100%;
}
.placing-description-label {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  display: flex;
  gap: 0.5em;
  vertical-align: center;
}
.placing-description-label::before {
  content: "";
  width: 1em;
  height: 1em;
  background: url(/local/templates/lopal_v1/assets/style/../img/description-icon.svg) center no-repeat;
}

.placing-submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 768px) {
  .placing-submit {
    flex-direction: column;
    gap: 30px;
  }
}

.placing-submit-agree {
  position: absolute;
  width: 1;
  height: 1;
  opacity: 0;
}
.placing-submit-agree:checked + .placing-submit-agree-label .custom-checkbox {
  background: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28" height="28" rx="6" fill="%2321925E"/><path d="M20.5 9.5L12 18L8 14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
}

.placing-submit-agree-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #091c13;
}
@media (max-width: 1200px) {
  .placing-submit-agree-label {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .placing-submit-agree-label {
    width: 100%;
  }
}
.placing-submit-agree-label .custom-checkbox {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 1px solid #21925e;
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  background: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28" height="28" rx="6" stroke="%2321925E"/></svg>') no-repeat center/contain;
}

.placing-submit-btn {
  border-radius: 80px;
  background: #21925e;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  padding: 26px;
  width: 100%;
  max-width: 500;
  text-align: center;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .placing-submit-btn {
    max-width: 360px;
  }
}
@media (max-width: 1200px) {
  .placing-submit-btn {
    max-width: 300px;
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  .placing-submit-btn {
    max-width: 100%;
  }
}
.placing-submit-btn:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: #fff;
}

.placing-radios {
  display: flex;
  gap: 1em;
  min-height: 56px;
  align-items: center;
}
@media (max-width: 767px) {
  .placing-radios {
    flex-direction: column;
    gap: 0.5em;
    align-items: start;
  }
}
.placing-radios label {
  display: flex;
  position: relative;
  display: flex;
  gap: 0.5em;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0%;
}
.placing-radios label-count {
  display: none;
}
.placing-radios label input {
  width: 0;
  height: 0;
  opacity: 0.001;
  position: absolute;
}
.placing-radios label input + span {
  display: flex;
  gap: 0.5em;
}
.placing-radios label input + span::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: transparent;
  border: 1px solid #21925E;
  border-radius: 4px;
  flex-shrink: 0;
}
.placing-radios label input:checked + span {
  color: #21925E;
}
.placing-radios label input:checked + span::before {
  background-color: #21925E;
  background-image: url(/local/templates/lopal_v1/assets/style/../img/check-2w.svg?1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80%;
}
.placing-radios label input:disabled + span {
  filter: grayscale(1);
  opacity: 0.5;
}

.pos {
  padding: 10px 0 150px;
}
@media (max-width: 1200px) {
  .pos {
    padding: 70px 0 60px;
  }
}

.pos-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  .pos-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .pos-title {
    text-align: center;
  }
}

.pos-head {
  display: flex;
  gap: 40px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .pos-head {
    margin-bottom: 30px;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .pos-head {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 30px;
  }
}

.pos-sponsor {
  border-radius: 10px;
  width: 100%;
  max-width: 480px;
  box-shadow: 0 0 10px 0 #e7ecf4;
  background: #fff;
  padding: 14px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: url(/local/templates/lopal_v1/assets/style/../img/ozon.svg) center no-repeat;
  min-height: 57px;
}
@media (max-width: 1200px) {
  .pos-sponsor {
    max-width: calc((100% - 20px) / 2);
    padding: 10px 15px;
  }
}
@media (max-width: 768px) {
  .pos-sponsor {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .pos-sponsor img {
    max-width: 237px;
  }
}

.pos-select {
  width: 100%;
  max-width: 1080px;
}
@media (max-width: 1200px) {
  .pos-select {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .pos-select {
    max-width: 100%;
  }
}

.pos-custom-select {
  background: url(/local/templates/lopal_v1/assets/style/../img/pin.svg) 11px center no-repeat;
  padding-left: 40px !important;
}
.pos-custom-select .select-trigger {
  padding: 18.5px 15px;
}
@media (max-width: 1200px) {
  .pos-custom-select .select-trigger {
    padding: 11.3px 15px;
  }
}

.pos-wrapper {
  display: flex;
  gap: 40px;
}
@media (max-width: 1200px) {
  .pos-wrapper {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .pos-wrapper {
    gap: 30px;
    flex-direction: column;
  }
}

.pos-list {
  flex-shrink: 0;
  width: 100%;
  max-width: 480px;
  height: 800px;
  border: 1px solid #21925e;
  border-radius: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  scroll-behavior: smooth;
}
@media (max-width: 1200px) {
  .pos-list {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .pos-list {
    max-width: 100%;
    height: 640px;
  }
}
.pos-list::-webkit-scrollbar {
  width: 24px;
  height: 4px;
}
.pos-list::-webkit-scrollbar-thumb {
  background: #21925e;
  border-radius: 80px;
  border: 10px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
.pos-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 80px;
}
.pos-list:after {
  content: "";
  display: block;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  pointer-events: none;
}

.pos-list-tarck {
  padding: 0 6px 0 30px;
}
@media (max-width: 1200px) {
  .pos-list-tarck {
    padding: 0 0 0 10px;
  }
}

.pos-list-item {
  display: flex;
  position: relative;
  align-items: flex-start;
  gap: 20px;
  padding: 30px 0;
  cursor: pointer;
}
.pos-list-item-content {
  position: relative;
  z-index: 1;
}
.pos-list-item-current::before {
  content: "";
  position: absolute;
  left: -1.5em;
  right: -1.5em;
  top: 0;
  bottom: 0;
  z-index: 0;
  background-color: #eafaf2;
}
@media (max-width: 1200px) {
  .pos-list-item {
    gap: 8px;
    padding: 20px 0;
  }
}
.pos-list-item + .pos-list-item {
  border-top: 1px solid #d2d2d2;
}
.pos-list-item-icon {
  flex-shrink: 0;
}
.pos-list-item-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.pos-list-item-current {
  color: #21925d;
}

@media (max-width: 1200px) {
  .pos-list-item-icon {
    max-width: 24px;
  }
}

.pos-list-item-info-name {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
  margin-bottom: 15px;
  display: flex;
  gap: 0.5em;
  align-items: start;
}
@media (max-width: 1200px) {
  .pos-list-item-info-name {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.pos-list-item-info-addres,
.pos-list-item-info-schedule,
.pos-list-item-info-tel {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #395447;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .pos-list-item-info-addres,
  .pos-list-item-info-schedule,
  .pos-list-item-info-tel {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.pos-list-item-info-tel {
  margin-bottom: 0;
}

.pos-map {
  width: 100%;
  max-width: 1080px;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
}
@media (max-width: 1200px) {
  .pos-map {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .pos-map {
    max-width: 100%;
    height: 560px;
  }
}
.pos-map img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.pos-map .pvz-map-marker {
  cursor: pointer;
}

.contacts {
  padding: 10px 0 150px;
}
@media (max-width: 1200px) {
  .contacts {
    padding: 70px 0 60px;
  }
}

.contacts-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 50px;
}
@media (max-width: 1550px) {
  .contacts-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .contacts-title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .contacts-title {
    text-align: center;
  }
}

.contacts-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 768px) {
  .contacts-wrapper {
    gap: 60px;
  }
}

.contacts-main,
.contacts-form,
.contacts-dealers {
  border: 1px solid #21925e;
  border-radius: 20px;
  width: 100%;
}
@media (max-width: 1550px) {
  .contacts-main,
  .contacts-form,
  .contacts-dealers {
    max-width: 100% !important;
  }
}
@media (max-width: 768px) {
  .contacts-main,
  .contacts-form,
  .contacts-dealers {
    border: none;
    border-radius: 0;
  }
}

.contacts-main {
  max-width: calc((100% - 40px) / 2);
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 20px 20px 20px 30px;
}
@media (max-width: 1550px) {
  .contacts-main {
    padding: 20px 20px 20px 50px;
  }
}
@media (max-width: 1200px) {
  .contacts-main {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .contacts-main {
    flex-direction: column;
    padding: 0;
    gap: 20px;
  }
}

.contacts-main-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1em;
  width: 400px;
  max-width: 80vw;
}
@media (max-width: 767px) {
  .contacts-main-info {
    width: 100%;
    max-width: 100%;
  }
}
.contacts-main-info-icon-download {
  display: inline-block;
  flex-shrink: 0;
  aspect-ratio: 0.7;
  height: 2.5em;
  background: url(/local/templates/lopal_v1/assets/style/../img/delivery/icon-download.svg) center no-repeat;
  background-size: contain;
}
.contacts-main-info-requisites {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #091C13;
}
.contacts-main-info-requisites-download {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #21925E;
  display: flex;
  gap: 0.5em;
  align-items: center;
}

@media (max-width: 768px) {
  .contacts-main-info-top {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.contacts-main-info-mid {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.contacts-main-info-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #61987f;
}
@media (max-width: 768px) {
  .contacts-main-info-label {
    text-align: center;
  }
}

.contacts-main-info-tel {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
  margin-bottom: 15px;
  transition: all 0.2s linear;
}
@media (max-width: 1620px) and (min-width: 1200px) {
  .contacts-main-info-tel {
    font-size: 24px;
  }
}
@media (max-width: 1200px) {
  .contacts-main-info-tel {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .contacts-main-info-tel {
    text-align: center;
  }
}
.contacts-main-info-tel:hover {
  transition: all 0.2s linear;
  color: #2bb776;
}

.contacts-main-info-email {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.3;
  color: #21925e;
  transition: all 0.2s linear;
}
@media (max-width: 768px) {
  .contacts-main-info-email {
    text-align: center;
    margin-bottom: 60px;
  }
}
.contacts-main-info-email:hover {
  transition: all 0.2s linear;
  color: #2bb776;
}

.contacts-main-info-addres {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #091c13;
}
@media (max-width: 768px) {
  .contacts-main-info-addres {
    text-align: center;
  }
}

.contacts-main-map {
  width: 100%;
  height: 100%;
  min-height: 540px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  z-index: 0;
}
.contacts-main-map > * {
  flex-grow: 1;
}
@media (max-width: 1550px) {
  .contacts-main-map {
    max-width: 730px;
    min-height: 390px;
  }
}
@media (max-width: 1200px) {
  .contacts-main-map {
    max-width: 730px;
    min-height: 390px;
  }
}
@media (max-width: 768px) {
  .contacts-main-map {
    max-width: 100%;
    min-height: 390px;
  }
}
.contacts-main-map img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}

.contacts-form {
  max-width: calc((100% - 40px) / 2);
  padding: 40px 30px 30px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1550px) {
  .contacts-form {
    padding: 40px 50px;
  }
}
@media (max-width: 1200px) {
  .contacts-form {
    padding: 30px 20px;
  }
}
@media (max-width: 768px) {
  .contacts-form {
    padding: 0;
  }
}

.contacts-form-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5em;
}
.contacts-form-row .contacts-form-group {
  width: calc((100% - 0.5em) / 2);
}
@media (max-width: 767px) {
  .contacts-form-row .contacts-form-group {
    width: 100%;
  }
}
.contacts-form-row .contacts-form-group.w-100 {
  width: 100% !important;
  max-width: 100% !important;
}

.contacts-form-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .contacts-form-title {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .contacts-form-title {
    text-align: center;
  }
}

.contacts-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 1550px) {
  .contacts-form-wrapper {
    flex-direction: row;
    gap: 40px;
  }
}
@media (max-width: 1200px) {
  .contacts-form-wrapper {
    flex-direction: column;
    gap: 30px;
  }
}

.contacts-form-wrapper-left {
  width: 100%;
  display: flex;
  gap: 20px;
}
@media (max-width: 1550px) {
  .contacts-form-wrapper-left {
    max-width: 350px;
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 1200px) {
  .contacts-form-wrapper-left {
    max-width: 100%;
    flex-direction: row;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .contacts-form-wrapper-left {
    flex-direction: column;
  }
}

.contacts-form-wrapper-right {
  width: 100%;
  min-height: 250px;
}
.contacts-form-wrapper-right .contacts-form-group {
  max-width: 100%;
  height: 100%;
}

.contacts-form-group {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 1550px) {
  .contacts-form-group {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .contacts-form-group {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .contacts-form-group {
    max-width: 100%;
  }
}

.contacts-form-label {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 8px;
}
@media (max-width: 1200px) {
  .contacts-form-label {
    font-size: 16px;
  }
}

.contacts-form-label-validation {
  color: #d02222;
}

.contacts-form-input {
  border: 1px solid #21925e;
  border-radius: 10px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #000;
  padding: 15px;
  background-color: #eafaf2;
}
@media (max-width: 1200px) {
  .contacts-form-input {
    font-size: 16px;
    padding: 13.5px 15px;
  }
}
.contacts-form-input:focus {
  background-color: #fff;
  outline: none;
}

.contacts-form-textarea {
  border: none;
  resize: vertical;
  overflow: auto;
  position: relative;
}
@media (min-width: 1200px) {
  .contacts-form-textarea {
    height: 250px;
  }
}
.contacts-form-textarea::-webkit-resizer {
  width: 21px;
  height: 21px;
  background: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="19.8438" y="9" width="1" height="15.3333" transform="rotate(45 19.8438 9)" fill="%2361987F" /><rect x="18.4688" width="1" height="26.1166" transform="rotate(45 18.4688 0)" fill="%2361987F" /></svg>') no-repeat center;
  background-size: contain;
}
.contacts-form-textarea:focus {
  background-color: #eafaf2;
}
.contacts-form-textarea::placeholder {
  color: #61987f;
}

.contacts-form-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: auto;
  padding-top: 20px;
}
@media (max-width: 1550px) {
  .contacts-form-bot {
    padding-top: 50px;
  }
}
@media (max-width: 1200px) {
  .contacts-form-bot {
    padding-top: 30px;
  }
}
@media (max-width: 768px) {
  .contacts-form-bot {
    flex-direction: column;
    gap: 30px;
  }
}

.contacts-form-checkbox-group {
  display: flex;
  align-items: center;
  gap: 15px;
}

.contacts-form-checkbox {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.contacts-form-checkbox:checked + .contacts-form-checkbox-label .custom-checkbox {
  background: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28" height="28" rx="6" fill="%2321925E"/><path d="M20.5 9.5L12 18L8 14" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center/contain;
}

.contacts-form-checkbox-label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #091c13;
}
@media (max-width: 1200px) {
  .contacts-form-checkbox-label {
    font-size: 12px;
  }
}
.contacts-form-checkbox-label .custom-checkbox {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: 1px solid #21925e;
  border-radius: 6px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  background: url('data:image/svg+xml;utf8,<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28" height="28" rx="6" stroke="%2321925E"/></svg>') no-repeat center/contain;
}
@media (max-width: 1200px) {
  .contacts-form-checkbox-label .custom-checkbox {
    width: 20px;
    height: 20px;
  }
}

.contacts-form-submit {
  width: 100%;
  max-width: 240px;
  font-weight: 400;
  font-size: 20px;
  color: #091c13;
  border-radius: 80px;
  border: 1px solid #21925e;
  padding: 15px;
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .contacts-form-submit {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .contacts-form-submit {
    max-width: 100%;
  }
}
.contacts-form-submit:hover {
  transition: all 0.2s linear;
  background-color: #21925e;
  color: #fff;
}

.contacts-dealers {
  padding: 40px 30px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
@media (max-width: 1550px) {
  .contacts-dealers {
    flex-direction: column;
    gap: 30px;
    padding: 40px 20px 35px;
  }
}
@media (max-width: 1200px) {
  .contacts-dealers {
    padding: 30px 20px;
  }
}
@media (max-width: 768px) {
  .contacts-dealers {
    padding: 0;
    gap: 20px;
  }
}

.contacts-dealers-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
}
@media (max-width: 1200px) {
  .contacts-dealers-title {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .contacts-dealers-title {
    text-align: center;
  }
}

.contacts-dealers-list {
  width: 100%;
  max-width: 1210px;
}
@media (max-width: 1550px) {
  .contacts-dealers-list {
    max-width: 100%;
  }
}

.contacts-dealers-list-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 25px;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .contacts-dealers-list-item {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .contacts-dealers-list-item {
    flex-wrap: wrap;
  }
}
.contacts-dealers-list-item:nth-child(odd) {
  background-color: #eafaf2;
}

.contacts-dealers-list-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  flex: 1;
}
@media (max-width: 1200px) {
  .contacts-dealers-list-name {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .contacts-dealers-list-name {
    order: 1;
  }
}

.contacts-dealers-list-addres {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  flex: 2;
}
@media (max-width: 1200px) {
  .contacts-dealers-list-addres {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .contacts-dealers-list-addres {
    order: 3;
    flex: auto;
    width: 100%;
  }
}
.contacts-dealers-list-addres img {
  flex-shrink: 0;
}
.contacts-dealers-list-addres span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #091c13;
}

.contacts-dealers-list-tel {
  width: 100%;
  max-width: 170px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}
@media (max-width: 1200px) {
  .contacts-dealers-list-tel {
    max-width: fit-content;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .contacts-dealers-list-tel {
    order: 2;
  }
}
.contacts-dealers-list-tel img {
  flex-shrink: 0;
}
.contacts-dealers-list-tel span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #091c13;
}
@media (max-width: 1200px) {
  .contacts-dealers-list-tel span {
    display: none;
  }
}

.about-intro {
  padding: 10px 0 75px;
}
@media (max-width: 1550px) {
  .about-intro {
    padding: 10px 0 50px;
  }
}
@media (max-width: 1200px) {
  .about-intro {
    padding: 70px 0 40px;
  }
}
@media (max-width: 768px) {
  .about-intro {
    padding: 70px 0 30px;
  }
}

.about-intro-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 40px;
}
@media (max-width: 1550px) {
  .about-intro-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .about-intro-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .about-intro-title {
    text-align: center;
  }
}

.about-intro-wrapper {
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .about-intro-wrapper {
    gap: 40px;
    flex-direction: column;
  }
}

.about-intro-item {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.about-intro-item-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
  margin-bottom: 40px;
}
@media (max-width: 1550px) {
  .about-intro-item-text {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .about-intro-item-text {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .about-intro-item-text {
    text-align: center;
  }
}

.about-intro-item-img {
  margin-top: auto;
  border-radius: 20px;
  overflow: hidden;
}
.about-intro-item-img img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-advtg {
  padding: 75px 0;
}
@media (max-width: 1550px) {
  .about-advtg {
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .about-advtg {
    padding: 40px 0;
  }
}
@media (max-width: 768px) {
  .about-advtg {
    padding: 30px 0;
  }
}

.about-advtg-wrapper {
  display: flex;
  border: 1px solid #21925e;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .about-advtg-wrapper {
    flex-direction: column;
  }
}

.about-advtg-left {
  width: 100%;
  max-width: 390px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1550px) {
  .about-advtg-left {
    max-width: 325px;
  }
}
@media (max-width: 1200px) {
  .about-advtg-left {
    max-width: 200px;
  }
}
@media (max-width: 768px) {
  .about-advtg-left {
    max-width: 100%;
    padding: 25px 0;
  }
}

.about-advtg-icon {
  flex-shrink: 0;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .about-advtg-icon {
    max-width: 48px;
  }
}
@media (max-width: 768px) {
  .about-advtg-icon {
    margin-bottom: 15px;
  }
}

.about-advtg-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
}
@media (max-width: 1550px) {
  .about-advtg-title {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .about-advtg-title {
    font-size: 16px;
  }
}

.about-advtg-right {
  padding: 45px 45px 45px 60px;
  border-left: 1px solid #21925e;
}
@media (max-width: 1200px) {
  .about-advtg-right {
    padding: 25px 20px 25px 30px;
  }
}
@media (max-width: 768px) {
  .about-advtg-right {
    padding: 30px 15px;
    border-left: none;
    border-top: 1px solid #21925e;
  }
}

.about-advtg-text {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1550px) {
  .about-advtg-text {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .about-advtg-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-advtg-text {
    text-align: center;
  }
}

.about-unique {
  padding: 75px 0;
}
@media (max-width: 1550px) {
  .about-unique {
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .about-unique {
    padding: 40px 0;
  }
}
@media (max-width: 768px) {
  .about-unique {
    padding: 30px 0;
  }
}

.about-unique-wrapper {
  display: flex;
  gap: 20px;
}
@media (max-width: 768px) {
  .about-unique-wrapper {
    flex-direction: column;
    background-color: #eafaf2;
    padding: 24px 10px 10px;
    border-radius: 20px;
  }
}

.about-unique-content {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
  flex-shrink: 0;
  border-radius: 20px;
  background-color: #eafaf2;
  padding: 50px 70px 55px 30px;
}
@media (max-width: 1550px) {
  .about-unique-content {
    padding: 40px 30px 50px 24px;
  }
}
@media (max-width: 1200px) {
  .about-unique-content {
    padding: 25px 20px 20px 15px;
  }
}
@media (max-width: 768px) {
  .about-unique-content {
    padding: 0;
    max-width: 100%;
  }
}

.about-unique-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .about-unique-title {
    font-size: 40px;
    margin-bottom: 25px;
  }
}
@media (max-width: 1200px) {
  .about-unique-title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .about-unique-title {
    text-align: center;
  }
}

.about-unique-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1550px) {
  .about-unique-text {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .about-unique-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-unique-text {
    text-align: center;
  }
}

.about-unique-img {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .about-unique-img {
    max-width: 100%;
  }
}
.about-unique-img img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.about-cert {
  padding: 75px 0;
}
@media (max-width: 1550px) {
  .about-cert {
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .about-cert {
    padding: 40px 0;
  }
}
@media (max-width: 768px) {
  .about-cert {
    padding: 30px 0;
  }
}

.about-cert-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1550px) {
  .about-cert-wrapper {
    gap: 100px;
    flex-direction: column;
  }
}
@media (max-width: 1200px) {
  .about-cert-wrapper {
    gap: 80px;
  }
}
@media (max-width: 768px) {
  .about-cert-wrapper {
    gap: 60px;
  }
}

.about-cert-left {
  border: 1px solid #21925e;
  border-radius: 20px;
  width: 100%;
  max-width: 720px;
  padding: 40px 40px 80px 30px;
}
@media (max-width: 1550px) {
  .about-cert-left {
    max-width: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 40px 50px;
    gap: 20px;
  }
}
@media (max-width: 1200px) {
  .about-cert-left {
    padding: 25px 30px 30px 40px;
  }
}
@media (max-width: 768px) {
  .about-cert-left {
    flex-direction: column;
    align-items: center;
    gap: 35px;
  }
}

@media (max-width: 1550px) {
  .about-cert-left-info {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .about-cert-left-info {
    max-width: 100%;
  }
}

.about-cert-left-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .about-cert-left-title {
    font-size: 40px;
    margin-bottom: 25px;
  }
}
@media (max-width: 1200px) {
  .about-cert-left-title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .about-cert-left-title {
    text-align: center;
  }
}

.about-cert-left-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
  margin-bottom: 80px;
}
@media (max-width: 1550px) {
  .about-cert-left-text {
    font-size: 18px;
    margin-bottom: 0;
  }
}
@media (max-width: 1200px) {
  .about-cert-left-text {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-cert-left-text {
    text-align: center;
  }
}

.about-cert-left-list {
  width: 100%;
  max-width: 435px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 80px 0;
  margin-left: 30px;
  overflow: hidden;
}
@media (max-width: 1550px) {
  .about-cert-left-list {
    margin-left: 0;
  }
}
@media (max-width: 1200px) {
  .about-cert-left-list {
    max-width: 250px;
    gap: 40px 0;
  }
}

.about-cert-left-list-item {
  flex-shrink: 0;
}

.about-cert-right {
  width: 100%;
  max-width: calc((100% - 20px) / 2);
}
@media (max-width: 1550px) {
  .about-cert-right {
    max-width: 100%;
    display: flex;
    gap: 40px;
  }
}
@media (max-width: 1200px) {
  .about-cert-right {
    flex-direction: column;
    gap: 20px;
  }
}

.about-cert-right-img {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 50px;
}
@media (max-width: 1550px) {
  .about-cert-right-img {
    margin-bottom: 0;
    width: 100%;
    max-width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 1200px) {
  .about-cert-right-img {
    max-width: 100%;
  }
}
.about-cert-right-img img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1200px) {
  .about-cert-right-img img {
    width: 100%;
  }
}

.about-cert-right-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1550px) {
  .about-cert-right-text {
    font-size: 18px;
    width: 100%;
    max-width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 1200px) {
  .about-cert-right-text {
    display: flex;
    gap: 20px;
    max-width: 100%;
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .about-cert-right-text {
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 1200px) {
  .about-cert-right-text p {
    width: 100%;
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .about-cert-right-text p {
    max-width: 100%;
  }
}
.about-cert-right-text p + p {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .about-cert-right-text p + p {
    margin-top: 0;
  }
}

.about-history {
  padding: 75px 0 150px;
}
@media (max-width: 1550px) {
  .about-history {
    padding: 50px 0 120px;
  }
}
@media (max-width: 1200px) {
  .about-history {
    padding: 40px 0 80px;
  }
}
@media (max-width: 768px) {
  .about-history {
    padding: 30px 0 60px;
  }
}

.about-history-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 30px;
  margin-left: 580px;
}
@media (max-width: 1550px) {
  .about-history-title {
    font-size: 40px;
    margin-left: 325px;
  }
}
@media (max-width: 1200px) {
  .about-history-title {
    margin-left: 0;
    font-size: 24px;
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  .about-history-title {
    text-align: center;
  }
}

.about-history-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 195px;
}
@media (max-width: 1550px) {
  .about-history-wrapper {
    gap: 100px;
  }
}
@media (max-width: 1200px) {
  .about-history-wrapper {
    gap: 45px;
  }
}
@media (max-width: 768px) {
  .about-history-wrapper {
    flex-direction: column;
    gap: 20px;
  }
}

.about-history-tabs-wrapper {
  width: 100%;
  max-width: 390px;
}
@media (max-width: 1550px) {
  .about-history-tabs-wrapper {
    max-width: 225px;
  }
}
@media (max-width: 1200px) {
  .about-history-tabs-wrapper {
    max-width: 155px;
  }
}
@media (max-width: 768px) {
  .about-history-tabs-wrapper {
    max-width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
}
.about-history-tabs-wrapper::-webkit-scrollbar {
  display: none;
}

.about-history-tabs {
  display: flex;
  flex-direction: column;
  gap: 30px;
  border: 0;
}
@media (max-width: 1200px) {
  .about-history-tabs {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .about-history-tabs {
    flex-direction: row;
    gap: 24px;
    width: max-content;
  }
}
.about-history-tabs .nav-link {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: right;
  color: #091c13;
}
@media (max-width: 1550px) {
  .about-history-tabs .nav-link {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .about-history-tabs .nav-link {
    font-size: 16px;
    text-align: left;
  }
}
@media (max-width: 768px) {
  .about-history-tabs .nav-link {
    font-size: 20px;
  }
}
.about-history-tabs .nav-link.active {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #21925e;
}
@media (max-width: 1550px) {
  .about-history-tabs .nav-link.active {
    font-size: 36px;
  }
}
@media (max-width: 1200px) {
  .about-history-tabs .nav-link.active {
    font-size: 20px;
  }
}

.about-history-img {
  margin-top: 125px;
}
@media (max-width: 1550px) {
  .about-history-img {
    margin-top: 95px;
  }
}
@media (max-width: 1200px) {
  .about-history-img {
    margin-top: auto;
  }
}
@media (max-width: 768px) {
  .about-history-img {
    display: none;
  }
}

.about-history-tab-content {
  width: 100%;
  max-width: 1015px;
}
@media (max-width: 768px) {
  .about-history-tab-content {
    max-width: 100%;
  }
}

.about-history-list-item {
  display: flex;
  gap: 30px;
  padding: 30px 0;
  border-top: 1px solid #d9d9d9;
}
@media (max-width: 1200px) {
  .about-history-list-item {
    gap: 25px;
  }
}
@media (max-width: 768px) {
  .about-history-list-item {
    padding: 15px 0;
  }
}

.about-history-list-year {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
}
@media (max-width: 1200px) {
  .about-history-list-year {
    font-size: 16px;
  }
}

.about-history-list-text {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #395447;
}
@media (max-width: 1200px) {
  .about-history-list-text {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .delivery-page {
    padding: 160px 0 0;
  }
}
.delivery-page-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .delivery-page-title {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .delivery-page-title {
    font-size: 30px;
  }
}
@media (max-width: 768px) {
  .delivery-page-title {
    text-align: center;
  }
}
.delivery-page-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.delivery-page-card {
  border: 1px solid #21925E;
  border-radius: 6px;
  width: calc((100% - 1em) / 2);
  display: flex;
  padding: 0.5em;
  gap: 1em;
}
@media (max-width: 1200px) {
  .delivery-page-card {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .delivery-page-card {
    flex-direction: column;
  }
}
.delivery-page-card-img {
  width: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .delivery-page-card-img {
    width: 300px;
  }
}
@media (max-width: 650px) {
  .delivery-page-card-img {
    width: 100%;
  }
}
.delivery-page-card-content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1em;
}
@media (max-width: 650px) {
  .delivery-page-card-content {
    padding: 0.5em;
  }
}
.delivery-page-card-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 5%;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .delivery-page-card-title {
    font-size: 20px;
  }
}
.delivery-page-card-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #395447;
}
@media (max-width: 1200px) {
  .delivery-page-card-text {
    font-size: 16px;
  }
}
.delivery-page-2col {
  display: flex;
  gap: 2em;
}
.delivery-page-2col-30 {
  width: calc((100% - 2em) * 0.3);
}
.delivery-page-2col-70 {
  width: calc((100% - 2em) * 0.7);
}
.delivery-page-2col-25 {
  width: calc((100% - 2em) * 0.25);
}
.delivery-page-2col-75 {
  width: calc((100% - 2em) * 0.75);
}
@media (max-width: 1200px) {
  .delivery-page-2col-25 {
    width: calc((100% - 2em) * 0.4);
  }
  .delivery-page-2col-75 {
    width: calc((100% - 2em) * 0.6);
  }
}
@media (max-width: 767px) {
  .delivery-page-2col {
    flex-direction: column;
  }
  .delivery-page-2col > * {
    width: 100%;
  }
}
.delivery-page-subtitle {
  color: #091C13;
  font-weight: 600;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: 0%;
}
@media (max-width: 1200px) {
  .delivery-page-subtitle {
    font-size: 28px;
  }
}
.delivery-page-icons {
  display: flex;
  flex-direction: column;
}
.delivery-page-icons-item {
  display: flex;
  gap: 1em;
}
.delivery-page-icons-item-icon {
  display: block;
  width: 80px;
  height: 80px;
  background-color: #21925E;
  border-radius: 6px;
  flex-shrink: 0;
  margin: 1em 0;
  background-position: center;
  background-repeat: no-repeat;
}
.delivery-page-icons-item-icon-1 {
  background-image: url(/local/templates/lopal_v1/assets/style/../img/delivery/icon1.svg);
}
.delivery-page-icons-item-icon-2 {
  background-image: url(/local/templates/lopal_v1/assets/style/../img/delivery/icon2.svg);
}
.delivery-page-icons-item-icon-3 {
  background-image: url(/local/templates/lopal_v1/assets/style/../img/delivery/icon3.svg);
}
.delivery-page-icons-item-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #395447;
  display: flex;
  align-items: center;
  padding: 1em 0;
}
@media (max-width: 1200px) {
  .delivery-page-icons-item-text {
    font-size: 18px;
  }
}
.delivery-page-icons-item:not(:last-child) .delivery-page-icons-item-text {
  border-bottom: 1px solid #D9D9D9;
}
.delivery-page-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #395447;
  margin-bottom: 1.5em;
}
@media (max-width: 1200px) {
  .delivery-page-content p {
    font-size: 16px;
  }
}
.delivery-page-content p:last-child {
  margin-bottom: 0;
}
.delivery-page-icon-download {
  display: inline-block;
  flex-shrink: 0;
  width: 3em;
  height: 3em;
  background: url(/local/templates/lopal_v1/assets/style/../img/delivery/icon-download.svg) center no-repeat;
}
.delivery-page-pay-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.delivery-page-pay-card {
  background: #EAFAF2;
  color: #395447;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  text-align: center;
  flex-grow: 1;
  padding: 1em;
  aspect-ratio: 1.75;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.delivery-page-pay-card-img {
  width: 5em;
  aspect-ratio: 1;
  object-fit: contain;
}
.delivery-page-pay-card-text {
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: 5%;
  text-transform: uppercase;
}
.delivery-page-pay-card:nth-child(2n-1) {
  background: #395447;
  color: white;
}
@media (max-width: 980px) {
  .delivery-page-pay-card {
    width: calc((100% - 20px) / 2);
    flex: none;
  }
}
@media (max-width: 980px) and (min-width: 768px) {
  .delivery-page-pay-card {
    background: #EAFAF2;
    color: #395447;
  }
  .delivery-page-pay-card:nth-child(1) {
    background: #395447;
    color: white;
  }
  .delivery-page-pay-card:nth-child(3) {
    background: #EAFAF2;
    color: #395447;
  }
  .delivery-page-pay-card:nth-child(4) {
    background: #395447;
    color: white;
  }
}
@media (max-width: 767px) {
  .delivery-page-pay-card {
    width: 100%;
  }
}
.delivery-page-return {
  padding: 10px 12px;
  border: 1px solid #21925E;
  border-radius: 140px;
}
@media (max-width: 767px) {
  .delivery-page-return {
    padding: 10px;
    border-radius: calc(50vw - 17px);
    padding-bottom: calc(50vw - 17px);
  }
}
.delivery-page-return p {
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0%;
  color: #395447;
}
.delivery-page-return img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 126px;
  border-bottom-left-radius: 126px;
  display: block;
}
@media (max-width: 767px) {
  .delivery-page-return img {
    border-radius: 0;
    border-top-left-radius: calc(50vw - 19px);
    border-top-right-radius: calc(50vw - 19px);
  }
}

.news {
  padding: 10px 0 150px;
}
@media (max-width: 1200px) {
  .news {
    padding: 70px 0 60px;
  }
}

.news-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 50px;
}
@media (max-width: 1550px) {
  .news-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .news-title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) {
  .news-title {
    text-align: center;
  }
}

.news-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 1200px) {
  .news-wrapper {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .news-wrapper {
    gap: 30px;
  }
}

.news-item {
  width: 100%;
  max-width: calc((100% - 40px) / 2);
}
@media (max-width: 1200px) {
  .news-item {
    max-width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 768px) {
  .news-item {
    max-width: 100%;
  }
}

.news-img {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 1200px) {
  .news-img {
    margin-bottom: 15px;
  }
}
.news-img img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.news-date {
  position: absolute;
  top: 24px;
  right: 20px;
  border-radius: 10px;
  background: #eafaf2;
  padding: 8px 15px 6px;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1200px) {
  .news-date {
    padding: 6px 10px;
  }
}
@media (max-width: 768px) {
  .news-date {
    top: 15px;
    right: 15px;
  }
}

.news-date-icon {
  flex-shrink: 0;
}

.news-date-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #21925e;
}
@media (max-width: 1200px) {
  .news-date-text {
    font-size: 12px;
  }
}

.news-name {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 1200px) {
  .news-name {
    gap: 15px;
  }
}

.news-name-icon {
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  border: 1px solid #21925E;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
}
@media (max-width: 1200px) {
  .news-name-icon {
    width: 36px;
    height: 36px;
  }
}
.news-name-icon:hover {
  transition: all 0.2s linear;
  background-color: #21925e;
}
.news-name-icon:hover path {
  transition: all 0.2s linear;
  fill: #fff;
}
@media (max-width: 1200px) {
  .news-name-icon svg {
    width: 9px;
  }
}
.news-name-icon svg path {
  transition: all 0.2s linear;
}

.news-name-text {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
}
@media (max-width: 1550px) {
  .news-name-text {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .news-name-text {
    font-size: 14px;
  }
}

.article {
  padding: 10px 0 150px;
}
@media (max-width: 1200px) {
  .article {
    padding: 70px 0 60px;
  }
}

.article-wrapper {
  max-width: 1200px;
}
@media (max-width: 1550px) {
  .article-wrapper {
    max-width: 100%;
  }
}

.article-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .article-title {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
@media (max-width: 1200px) {
  .article-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.article-date {
  border-radius: 10px;
  background: #eafaf2;
  padding: 8px 15px 6px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 75px;
}
@media (max-width: 1200px) {
  .article-date {
    padding: 6px 10px;
    margin-bottom: 30px;
  }
}

.article-date-icon {
  flex-shrink: 0;
}

.article-date-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #21925e;
}
@media (max-width: 1200px) {
  .article-date-text {
    font-size: 12px;
  }
}

.article-subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
  margin-bottom: 60px;
}
@media (max-width: 1550px) {
  .article-subtitle {
    margin-bottom: 50px;
  }
}
@media (max-width: 1200px) {
  .article-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .article-subtitle {
    margin-bottom: 30px;
  }
}

.article-item {
  border-top: 1px solid #d9d9d9;
  padding: 60px 0;
}
@media (max-width: 1550px) {
  .article-item {
    padding: 50px 0;
  }
}
@media (max-width: 1200px) {
  .article-item {
    padding: 30px 0;
  }
}

.article-h2 {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 30px;
}
@media (max-width: 1550px) {
  .article-h2 {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .article-h2 {
    font-size: 20px;
  }
}

.article-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .article-text {
    font-size: 16px;
  }
}

.article-h3 {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #091c13;
  margin: 40px 0 20px;
}
@media (max-width: 1200px) {
  .article-h3 {
    font-size: 16px;
    margin: 30px 0 15px;
  }
}

.article-flex-container {
  display: flex;
  gap: 60px;
}
@media (max-width: 768px) {
  .article-flex-container {
    flex-direction: column;
    gap: 40px;
  }
}

.article-green-container {
  border-radius: 20px;
  background: #eafaf2;
  padding: 35px 30px;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .article-green-container {
    padding: 25px 20px;
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .article-green-container {
    padding: 30px 15px 40px;
    margin-bottom: 30px;
  }
}

.article-list ul li, .article-list ol li {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
  padding-left: 38px;
  position: relative;
}
@media (max-width: 1200px) {
  .article-list ul li, .article-list ol li {
    font-size: 16px;
  }
}
.article-list ul li:before, .article-list ol li:before {
  position: absolute;
  left: 10px;
  top: 2px;
}
@media (max-width: 1200px) {
  .article-list ul li:before, .article-list ol li:before {
    top: 0;
  }
}
.article-list ul li + li, .article-list ol li + li {
  margin-top: 10px;
}

.article-list-num {
  counter-reset: custom-counter;
}
.article-list-num li {
  counter-increment: custom-counter;
}
.article-list-num li:before {
  content: counter(custom-counter, decimal-leading-zero);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #21925e;
}

.article-list-marked li:before {
  content: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C3.58857 0 0 3.58857 0 8C0 12.4114 3.58857 16 8 16C12.4114 16 16 12.4114 16 8C16 3.58857 12.4114 0 8 0ZM8 14.8571C4.21851 14.8571 1.14286 11.7815 1.14286 8C1.14286 4.21851 4.21851 1.14286 8 1.14286C11.7815 1.14286 14.8571 4.21851 14.8571 8C14.8571 11.7815 11.7815 14.8571 8 14.8571Z" fill="%2321925E" /><path d="M10.4544 5.88108L7.43009 8.90536L6.12008 7.59535C5.8965 7.37177 5.5358 7.37177 5.31222 7.59535C5.08864 7.81893 5.08864 8.17963 5.31222 8.40321L7.0265 10.1175C7.13793 10.2289 7.28437 10.2846 7.43078 10.2846C7.57721 10.2846 7.72364 10.2289 7.83506 10.1175L11.2636 6.68893C11.4872 6.46535 11.4872 6.10464 11.2636 5.88106C11.0401 5.65748 10.6793 5.65748 10.4558 5.88106L10.4544 5.88108Z" fill="%2321925E" /></svg>');
}
@media (max-width: 1200px) {
  .article-list-marked li:before {
    top: 2px !important;
  }
}

.article-list-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  margin-bottom: 20px;
}

.article-slider-box {
  border-radius: 20px;
  background: #eafaf2;
  display: flex;
}
@media (max-width: 768px) {
  .article-slider-box {
    flex-direction: column-reverse;
    background-color: transparent;
  }
}

.article-slider {
  border-radius: 20px;
  max-width: 985px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .article-slider {
    max-width: calc(100% - 125px);
  }
}
@media (max-width: 768px) {
  .article-slider {
    max-width: 100%;
  }
}

.article-slider-swiper-wrapper {
  pointer-events: none;
}

.article-slider-swiper-slide {
  display: flex;
  transform: none !important;
}
.article-slider-swiper-slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.article-slider-control {
  width: 100%;
  max-width: 215px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 1200px) {
  .article-slider-control {
    max-width: 125px;
  }
}
@media (max-width: 768px) {
  .article-slider-control {
    max-width: 100%;
    flex-direction: row;
    padding: 10px;
  }
}

.article-slider-button-prev, .article-slider-button-next {
  background-color: transparent;
}
@media (max-width: 768px) {
  .article-slider-button-prev, .article-slider-button-next {
    flex-shrink: 0;
  }
}

.article-slider-pagination {
  position: static;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #395447;
}
@media (max-width: 1200px) {
  .article-slider-pagination {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .article-slider-pagination {
    flex-shrink: 0;
    width: fit-content;
  }
}

.article-slider-caption {
  padding: 10px 0 60px 20px;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: #091c13;
}
@media (max-width: 1200px) {
  .article-slider-caption {
    font-size: 14px;
    padding: 10px 0 30px 0;
  }
}
@media (max-width: 768px) {
  .article-slider-caption {
    text-align: center;
  }
}

.article-quote {
  border-radius: 20px;
  background: #eafaf2;
  padding: 30px 60px 40px 90px;
  font-style: italic;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.6;
  color: #395447;
  position: relative;
}
@media (max-width: 1200px) {
  .article-quote {
    font-size: 18px;
    padding: 65px 20px 45px;
  }
}
@media (max-width: 768px) {
  .article-quote {
    padding: 60px 15px 25px;
    text-align: center;
  }
}
.article-quote:before {
  content: url('data:image/svg+xml,<svg width="35" height="22" viewBox="0 0 35 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M29.1882 19.5933L23.6623 21.4078C22.8953 21.6607 22.2904 20.726 22.832 20.1267L24.2808 18.2407C25.2733 16.9459 25.7792 15.3485 25.716 13.721L25.6885 13.0255H21.4299C20.3027 13.0255 19.3901 12.11 19.3901 10.9856V2.34229C19.3901 1.04745 20.4375 0 21.7324 0H30.8542C33.1416 0 35 1.85844 35 4.14577V11.5574C35 15.2111 32.6577 18.4552 29.18 19.5961L29.1882 19.5933Z" fill="%2321925E" /><path d="M9.79756 19.5933L4.27166 21.4078C3.50466 21.6607 2.89982 20.726 3.44139 20.1267L4.89022 18.2407C5.88271 16.9459 6.38853 15.3485 6.32533 13.721L6.29783 13.0255H2.03932C0.912119 13.0255 -0.000559807 12.11 -0.000559807 10.9856V2.34229C-0.000559807 1.04745 1.0469 0 2.34174 0H11.4636C13.7509 0 15.6094 1.85844 15.6094 4.14577V11.5574C15.6094 15.2111 13.2671 18.4552 9.78935 19.5961L9.79756 19.5933Z" fill="%2321925E" /></svg>');
  position: absolute;
  top: 30px;
  left: 30px;
}
@media (max-width: 768px) {
  .article-quote:before {
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.header-search-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}

.js-search-row-open .header-nav {
  display: none;
  position: absolute;
}

@media (max-width: 767px) {
  .js-search-row-open .header-logo,
  .js-search-row-open .header-btns-group,
  .js-search-row-open .header-burger {
    display: none;
    position: absolute;
  }
}

html:not(.js-search-row-open) .header-search-group {
  max-width: 60px;
}
html:not(.js-search-row-open) .header-search-group input {
  position: absolute;
}

.search-row {
  width: 100%;
}
.search-row-wrap {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 56px;
}
.search-row input {
  width: 100%;
  border: 1px solid #21925e;
  border-radius: 600px;
  background: #eafaf2;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #091c13;
  padding: 0 30px;
  height: 56px;
  transition: width 0.3s;
}
@media (max-width: 992px) {
  .search-row input {
    font-size: 16px;
    padding: 13.5px 15px;
    height: 49px;
  }
}
.search-row input:not(:placeholder-shown) {
  background: #fff;
}
.search-row input:focus {
  outline: none;
}
.search-row input::placeholder {
  color: #21925e;
}
.search-row button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
  height: 44px !important;
  width: 44px !important;
  border-radius: 100%;
  background-color: #21925e;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .search-row button {
    height: 37px !important;
    width: 37px !important;
  }
}
.search-row button:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
}
@media (max-width: 992px) {
  .search-row button svg {
    width: 16px;
  }
}
.search-row button::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.search-row-autocomplete {
  width: 100%;
  position: absolute;
  top: 100%;
  z-index: 1000;
  background: white;
  padding: 2em 1.5em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  scrollbar-width: none;
  border-radius: 28px;
  background: #EAFAF2;
  max-height: 300px;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .search-row-autocomplete {
    font-size: 15px;
  }
}
.search-row-autocomplete a {
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0%;
  color: #091C13;
}
.search-row-autocomplete a:hover {
  color: #21925E;
  text-decoration: none;
}

.fancybox__container {
  --fancybox-bg: #fff;
  flex-direction: row-reverse;
  gap: 20px;
  padding: 65px 80px;
}
@media (max-width: 1200px) {
  .fancybox__container {
    padding: 30px 20px;
  }
}
@media (max-width: 992px) {
  .fancybox__container {
    flex-direction: column;
    padding: 60px 15px 22px;
  }
}
.fancybox__container .fancybox__toolbar {
  padding: 8px;
  top: 57px;
  right: 80px;
}
@media (max-width: 1200px) {
  .fancybox__container .fancybox__toolbar {
    top: 22px;
    right: 20px;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__toolbar {
    flex-direction: row-reverse;
    top: 15px;
    right: auto;
    left: 15px;
    padding: 0;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__toolbar .fancybox__toolbar__column.is-right {
    justify-content: flex-start;
  }
}
.fancybox__container .fancybox__carousel {
  min-width: 0;
  min-height: 0;
  padding: 0 80px;
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__carousel {
    padding: 0;
  }
}
.fancybox__container .fancybox__carousel .fancybox__viewport {
  overflow: hidden;
  position: relative;
}
.fancybox__container .fancybox__carousel .fancybox__viewport:after {
  content: "";
  border: 1px solid #d9d9d9;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: -1;
}
.fancybox__container .fancybox__carousel .fancybox__slide {
  padding: 8px;
}
.fancybox__container .fancybox__carousel .fancybox__slide.has-html5video {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  cursor: pointer;
  position: relative;
}
.fancybox__container .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
  width: 100%;
  height: 100%;
  z-index: 1;
}
.fancybox__container .fancybox__carousel .fancybox__slide.has-html5video .custom-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url('data:image/svg+xml,<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="64" cy="64" r="64" fill="white" /><path d="M52.5149 43L52.9098 43.0236L53.3001 43.1887L85.2567 62.2105C86.2481 62.8009 86.2481 64.2359 85.2567 64.8263L53.3001 83.8474C52.2859 84.4515 51 83.7203 51 82.5402V44.4966C51.0426 43.8195 51.4307 43.2092 52.1269 43.0259L52.5149 43Z" fill="%2321925E" /></svg>') no-repeat center center/contain;
  border: none;
  cursor: pointer;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.fancybox__container .fancybox__carousel .fancybox__nav {
  --f-button-svg-filter: drop-shadow(0);
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__carousel .fancybox__nav {
    position: absolute;
    top: -15px;
    right: 0;
    transform: translateY(-100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 30px;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__carousel .fancybox__nav .f-button {
    position: static;
    width: auto;
    height: auto;
    transform: none;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__carousel .fancybox__nav .f-button:before {
    display: none;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer {
    display: flex;
    justify-content: center;
  }
}
.fancybox__container .fancybox__footer .f-thumbs {
  width: 100%;
  max-width: 180px;
  border: 1px solid #61987f;
  border-radius: 35px;
  padding: 56px 30px;
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-thumbs {
    border: none;
    border-radius: 0;
    padding: 0;
    --f-thumb-gap: 15px;
  }
}
.fancybox__container .fancybox__footer .f-thumbs__viewport {
  overflow: hidden;
  position: relative;
  outline: none;
  border: none;
}
.fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__track {
  padding: 0;
}
.fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide {
  width: 120px;
  height: 146px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #eafaf2;
    margin-bottom: 0;
  }
}
.fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide .f-thumbs__slide__button {
  margin: 0;
  border-radius: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide .f-thumbs__slide__img {
  width: auto;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide .f-thumbs__slide__img {
    display: none;
  }
}
.fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide.is-nav-selected {
  filter: grayscale(100%);
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide.is-nav-selected {
    background-color: #21925e;
    filter: none;
  }
}
.fancybox__container .fancybox__footer .f-thumbs__viewport .f-thumbs__slide.is-nav-selected .f-thumbs__slide__button:after {
  border: 0;
  border-radius: 0;
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-carousel__nav {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 30px;
    top: -40px;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-carousel__nav .f-button {
    position: static !important;
    transform: none !important;
    width: auto;
    height: auto;
  }
}
@media (max-width: 992px) {
  .fancybox__container .fancybox__footer .f-carousel__nav .f-button:before {
    display: none;
  }
}
.fancybox__container .fancybox__footer .f-carousel__nav .f-button.is-prev {
  top: 15px;
}
.fancybox__container .fancybox__footer .f-carousel__nav .f-button.is-next {
  bottom: 15px;
}
.fancybox__container .f-button {
  color: #AED4C3;
  background: transparent;
}
.fancybox__container .f-button:hover:not(:disabled) {
  background: transparent;
  color: #21925E;
}
.fancybox__container .f-close-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
}
@media (max-width: 992px) {
  .fancybox__container .f-close-button {
    width: 28px;
    height: 28px;
  }
}
.fancybox__container .f-close-button:hover svg {
  fill: #21925E;
}
.fancybox__container .f-close-button:hover path {
  fill: #fff;
}
.fancybox__container .f-carousel__slide {
  display: flex;
  align-items: center;
  justify-items: center;
}
.fancybox__container .can-zoom_in .fancybox__content {
  cursor: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='40.000027' height='40.000027' viewBox='0 0 40.000027 40.000027' fill='none' version='1.1' id='svg1' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m 34.4443,18.889 c 0,8.5917 -6.9639,15.5555 -15.5555,15.5555 -8.5917,0 -15.55553,-6.9638 -15.55553,-15.5555 0,-8.5916 6.96383,-15.55551 15.55553,-15.55551 8.5916,0 15.5555,6.96391 15.5555,15.55551 z M 31.0155,33.3723 C 27.7342,36.1219 23.5044,37.7777 18.8888,37.7777 8.4572,37.7777 0,29.3205 0,18.8889 0,8.45721 8.4572,0 18.8888,0 c 10.4317,0 18.8889,8.45721 18.8889,18.8889 0,4.6158 -1.6559,8.8455 -4.4054,12.1266 l 6.1394,6.1394 c 0.6511,0.6511 0.6511,1.7058 0,2.3568 -0.651,0.6511 -1.7057,0.6511 -2.3568,0 z M 11.1111,20.5557 c -0.9201,0 -1.66668,-0.7466 -1.66668,-1.6667 0,-0.9201 0.74658,-1.6666 1.66668,-1.6666 h 6.1111 v -6.1111 c 0,-0.9202 0.7465,-1.6667 1.6666,-1.6667 0.9201,0 1.6667,0.7465 1.6667,1.6667 v 6.1111 h 6.1111 c 0.9201,0 1.6666,0.7465 1.6666,1.6666 0,0.9201 -0.7465,1.6667 -1.6666,1.6667 h -6.1111 v 6.1111 c 0,0.9201 -0.7466,1.6667 -1.6667,1.6667 -0.9201,0 -1.6666,-0.7466 -1.6666,-1.6667 v -6.1111 z' fill='%2321925e' id='path1' /%3E%3Cpath style='fill:%23ffffff;fill-opacity:0.9;stroke-width:2.26319' d='M 17.874251,34.395756 C 15.556393,34.195954 13.618019,33.650238 11.720894,32.663384 7.791045,30.619141 4.9143525,26.983343 3.8379094,22.700226 3.4706779,21.23903 3.4130016,20.712034 3.414594,18.832335 3.4161241,17.026188 3.4756848,16.492921 3.8356205,15.062744 5.3037356,9.2293035 10.118469,4.7180757 16.043016,3.6248663 c 3.979738,-0.7343494 8.046497,0.085877 11.382134,2.2956677 0.973286,0.644782 1.606761,1.162208 2.42668,1.9821272 2.377492,2.3774918 3.876523,5.3356548 4.40065,8.6841648 0.133197,0.850961 0.183373,2.904262 0.09305,3.80796 -0.297984,2.981557 -1.484745,5.887887 -3.359779,8.227968 -2.461929,3.072539 -6.141719,5.149534 -10.027672,5.65995 -0.700438,0.092 -2.544003,0.159586 -3.083833,0.113052 z m 1.526947,-6.139319 c 0.363665,-0.09134 0.754144,-0.407673 0.958083,-0.776163 l 0.179641,-0.324585 0.01692,-3.276022 0.01692,-3.276021 3.246556,-0.01739 3.246556,-0.01739 0.290916,-0.143211 c 0.351578,-0.173074 0.649814,-0.46093 0.830397,-0.801493 0.106247,-0.200373 0.134315,-0.352398 0.135136,-0.731942 9.22e-4,-0.426123 -0.01949,-0.515424 -0.184729,-0.808384 -0.102171,-0.181137 -0.298719,-0.416225 -0.436774,-0.522416 -0.4818,-0.3706 -0.536975,-0.375787 -3.997157,-0.375787 H 20.572771 L 20.555851,13.90719 C 20.539078,10.6589 20.537709,10.626475 20.407054,10.382247 20.194883,9.9856461 19.987059,9.7776042 19.627134,9.6015096 18.911271,9.2512704 18.044007,9.453624 17.569352,10.081639 c -0.120173,0.159001 -0.248936,0.39069 -0.28614,0.514866 -0.04659,0.155501 -0.06764,1.216064 -0.06764,3.407448 v 3.181676 h -3.132844 c -3.465482,0 -3.51464,0.0046 -4.004805,0.378507 -0.164144,0.125197 -0.3292272,0.33516 -0.4578308,0.582298 -0.1852149,0.355928 -0.1990413,0.419974 -0.1747934,0.809684 0.043252,0.695143 0.4068527,1.220908 1.0434352,1.508803 0.207458,0.09382 0.546066,0.105635 3.478335,0.121337 l 3.248503,0.0174 v 3.221543 3.221543 l 0.183214,0.366644 c 0.255374,0.511048 0.661321,0.821556 1.186348,0.907433 0.2874,0.04701 0.41157,0.03721 0.816067,-0.06438 z' id='path2' /%3E%3C/svg%3E%0A"), zoom-in;
}

.btns-trigger-wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
  padding: 150px 0 100px;
}

.btns-trigger-btn {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  border-radius: 800px;
  background: #21925e;
  padding: 26px 50px;
  transition: all 0.2s linear;
}
.btns-trigger-btn:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: #fff;
}

.modal-backdrop {
  backdrop-filter: blur(60.014667511px);
  background: rgba(33, 146, 94, 0.19);
}
.modal-backdrop.show {
  opacity: 1;
}

.podbor-modal .modal-dialog {
  max-width: 970px;
}
@media (max-width: 992px) {
  .podbor-modal .modal-dialog {
    max-width: 330px;
    margin: 20px auto;
  }
}
.podbor-modal .modal-content {
  background-color: #fff;
  border-radius: 20px;
  padding: 40px 30px 45px;
  border: none;
}
@media (max-width: 992px) {
  .podbor-modal .modal-content {
    padding: 24px 15px 30px;
  }
}
.podbor-modal .close {
  position: absolute;
  top: 30px;
  right: 30px;
  opacity: 1;
}
@media (max-width: 992px) {
  .podbor-modal .close {
    right: 20px;
  }
}
.podbor-modal .lopal-modal-title {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.3;
  color: #091c13;
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .podbor-modal .lopal-modal-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.podbor-modal .podbor-modal-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.podbor-modal .podbor-modal-wrapper-item {
  width: 100%;
}
@media (max-width: 992px) {
  .podbor-modal .podbor-modal-wrapper-item {
    max-width: 100% !important;
  }
}
.podbor-modal .podbor-modal-wrapper-item.w-100 {
  max-width: 100%;
}
.podbor-modal .podbor-modal-search {
  width: 100%;
  position: relative;
}
.podbor-modal .podbor-modal-search input {
  width: 100%;
  border: 1px solid #21925e;
  border-radius: 600px;
  background: #eafaf2;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  color: #091c13;
  padding: 19px 30px;
}
@media (max-width: 992px) {
  .podbor-modal .podbor-modal-search input {
    font-size: 16px;
    padding: 13.5px 15px;
  }
}
.podbor-modal .podbor-modal-search input:not(:placeholder-shown) {
  background: #fff;
}
.podbor-modal .podbor-modal-search input:focus {
  outline: none;
}
.podbor-modal .podbor-modal-search input::placeholder {
  color: #21925e;
}
.podbor-modal .podbor-modal-search button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 63px;
  border-radius: 100%;
  background-color: #21925e;
  transition: all 0.2s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .podbor-modal .podbor-modal-search button {
    width: 48px;
  }
}
.podbor-modal .podbor-modal-search button:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
}
@media (max-width: 992px) {
  .podbor-modal .podbor-modal-search button svg {
    width: 16px;
  }
}
.podbor-modal .podbor-modal-search-autocomplete {
  width: 100%;
  position: absolute;
  z-index: 1000;
  background: white;
  padding: 2em;
  display: flex;
  flex-direction: column;
  gap: 1em;
  border-radius: 28px;
  background: #EAFAF2;
  max-height: 300px;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .podbor-modal .podbor-modal-search-autocomplete {
    font-size: 15px;
  }
}
.podbor-modal .podbor-modal-search-autocomplete a {
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0%;
  color: #091C13;
}
.podbor-modal .podbor-modal-search-autocomplete a:hover {
  color: #21925E;
  text-decoration: none;
}
.podbor-modal .catalog-filter-select.default-selected .selected-option {
  color: #21925e;
}
.podbor-modal .podbor-modal-submit {
  width: 100%;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  border-radius: 800px;
  background: #21925e;
  padding: 24px 40px;
  text-align: center;
  transition: all 0.2s linear;
}
@media (max-width: 992px) {
  .podbor-modal .podbor-modal-submit {
    font-size: 18px;
    letter-spacing: 0.05em;
    margin-top: 10px;
  }
}
.podbor-modal .podbor-modal-submit:hover {
  transition: all 0.2s linear;
  background-color: #2bb776;
  color: #fff;
}

#podborChars .podbor-modal-wrapper {
  gap: 50px 20px;
}
@media (max-width: 992px) {
  #podborChars .podbor-modal-wrapper {
    gap: 20px;
  }
}
#podborChars .podbor-modal-wrapper-item {
  max-width: calc((100% - 40px) / 3);
}
#podborChars .podbor-modal-wrapper-item.w-100 {
  max-width: 100%;
}

#podborCar .podbor-modal-wrapper {
  gap: 40px 30px;
}
@media (max-width: 992px) {
  #podborCar .podbor-modal-wrapper {
    gap: 20px;
  }
}
#podborCar .podbor-modal-wrapper-item {
  max-width: calc((100% - 30px) / 2);
}
#podborCar .podbor-modal-wrapper-item:last-child {
  max-width: 100%;
}
#podborCar .podbor-modal-wrapper-item.w-100 {
  max-width: 100%;
}

#vyborCity .podbor-modal-wrapper {
  display: block;
}
#vyborCity .podbor-modal-wrapper-bot {
  margin-top: 50px;
}
#vyborCity .podbor-modal-item.usual-search {
  display: flex;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-fav-list {
  margin-right: auto;
  padding-right: 15px;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-fav-list .usual-search-fav-list-item {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #000;
  padding-left: 30px;
  cursor: pointer;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-fav-list .usual-search-fav-list-item + .usual-search-fav-list-item {
  margin-top: 20px;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list {
  width: 100%;
  max-width: 370px;
  height: 400px;
  border: 1px solid #21925e;
  border-radius: 20px;
  flex-shrink: 0;
  padding: 30px 30px 0 20px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list::-webkit-scrollbar {
  width: 24px;
  height: 4px;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list::-webkit-scrollbar-thumb {
  background: #21925e;
  border-radius: 80px;
  border: 10px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 80px;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list + .usual-search-list {
  margin-left: -1px;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list:after {
  content: "";
  display: block;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  pointer-events: none;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list-track .usual-search-list-track-item {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #091c13;
  cursor: pointer;
  transition: all 0.2s linear;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list-track .usual-search-list-track-item:hover {
  transition: all 0.2s linear;
  color: #21925e;
}
#vyborCity .podbor-modal-item.usual-search .usual-search-list-track .usual-search-list-track-item + .usual-search-list-track-item {
  margin-top: 20px;
}
#vyborCity .podbor-modal-item.smart-search {
  display: none;
}
#vyborCity .podbor-modal-item.smart-search .smart-search-list .smart-search-list-item {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #091c13;
}
#vyborCity .podbor-modal-item.smart-search .smart-search-list .smart-search-list-item + .smart-search-list-item {
  margin-top: 20px;
}
#vyborCity .podbor-modal-item .usual-search-list-track-item, #vyborCity .podbor-modal-item .usual-search-fav-list-item, #vyborCity .podbor-modal-item .smart-search-list-item {
  position: relative;
  padding-left: 30px;
}
#vyborCity .podbor-modal-item .usual-search-list-track-item.checked:before, #vyborCity .podbor-modal-item .usual-search-fav-list-item.checked:before, #vyborCity .podbor-modal-item .smart-search-list-item.checked:before {
  content: url('data:image/svg+xml,<svg width="17" height="14" viewBox="0 0 17 14" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1_2662)"><path d="M16.686 0.343048C17.1023 0.794692 17.105 1.52942 16.6922 1.9848C14.8221 4.03194 13.1787 5.92425 11.592 7.7508C9.98761 9.5967 8.33006 11.5045 6.42459 13.5942L6.31125 13.7161C5.97828 14.0745 5.45019 14.0962 5.09347 13.7663L0.376037 9.40381C-0.0707881 8.9906 -0.127467 8.26031 0.249303 7.77079C0.627623 7.27926 1.29936 7.21684 1.74822 7.6315L5.58874 11.1794L5.81896 10.924C7.27108 9.30647 8.62048 7.7624 9.9274 6.26479C11.5637 4.39182 13.2531 2.45305 15.1763 0.344012L15.1852 0.334449C15.6001 -0.112597 16.2671 -0.11132 16.6807 0.337313L16.686 0.343048Z" fill="%2321925E" /></g><defs><clipPath id="clip0_1_2662"><rect width="17" height="14" fill="white" /></clipPath></defs></svg>');
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.page-not-main .footer {
  border-radius: 35px 35px 0 0 !important;
}
@media (max-width: 768px) {
  .page-not-main .footer {
    border-radius: 20px 20px 0 0 !important;
  }
}
@media (max-width: 1550px) {
  .page-not-main .footer-wrapper {
    padding-top: 100px;
  }
}
@media (max-width: 1200px) {
  .page-not-main .footer-wrapper {
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .page-not-main .footer-wrapper {
    padding-top: 30px;
  }
}
.page-not-main .footer-logo {
  margin-bottom: 100px;
}
@media (max-width: 1550px) {
  .page-not-main .footer-logo {
    margin-bottom: 80px;
  }
}
@media (max-width: 1200px) {
  .page-not-main .footer-logo {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .page-not-main .footer-logo {
    margin-bottom: 30px;
  }
}
.page-not-main .footer-top-nav {
  margin-bottom: 170px;
}
@media (max-width: 1550px) {
  .page-not-main .footer-top-nav {
    margin-bottom: 125px;
  }
}
@media (max-width: 1200px) {
  .page-not-main .footer-top-nav {
    margin-bottom: 40px;
  }
}
@media (max-width: 768px) {
  .page-not-main .footer-top-nav {
    margin-bottom: 30px;
  }
}

.footer {
  background-color: #2f5a46;
  border-radius: 0 !important;
}
.footer .fp-overflow {
  height: 100%;
  overflow: overlay;
}

.footer-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 90px;
}
@media (max-width: 1550px) {
  .footer-wrapper {
    padding-top: 40px;
  }
}
@media (max-width: 768px) {
  .footer-wrapper {
    padding: 120px 0 0;
  }
}

@media (max-width: 1550px) {
  .footer-logo {
    max-width: 300px;
  }
}
@media (max-width: 768px) {
  .footer-logo {
    max-width: 248px;
    margin-bottom: 30px;
  }
}

.footer-top-nav {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 720px;
}
@media (max-width: 1550px) {
  .footer-top-nav {
    max-width: 720px;
    gap: 15px;
  }
}
@media (max-width: 1200px) {
  .footer-top-nav {
    max-width: 633px;
    gap: 10px;
  }
}
@media (max-width: 768px) {
  .footer-top-nav {
    max-width: 260px;
    margin-bottom: 40px;
  }
}

.footer-top-nav-link {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  color: #21925e;
  border-radius: 80px;
  background-color: #fff;
  padding: 12px 30px;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .footer-top-nav-link {
    font-size: 18px;
    padding: 11px 20px;
  }
}
@media (max-width: 768px) {
  .footer-top-nav-link {
    font-size: 16px;
    padding: 10px 15px;
  }
}
.footer-top-nav-link:hover {
  transition: all 0.2s linear;
  background-color: #21925e;
  color: #fff;
}
.footer-top-nav-link:active {
  transition: all 0.2s linear;
  background-color: #2bb776;
}

.footer-bot {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .footer-bot {
    padding-bottom: 25px;
  }
}

.footer-bot-arrow {
  margin-bottom: 60px;
  transition: all 0.2s linear;
}
@media (max-width: 1550px) {
  .footer-bot-arrow {
    width: 48px;
    margin-bottom: 40px;
  }
}
@media (max-width: 1200px) {
  .footer-bot-arrow {
    margin-bottom: 25px;
  }
}
.footer-bot-arrow:hover svg circle {
  stroke: #21925E;
  transition: all 0.2s linear;
}
.footer-bot-arrow:hover svg path {
  fill: #21925E;
  transition: all 0.2s linear;
}
.footer-bot-arrow:active svg circle {
  stroke: #2BB776;
  transition: all 0.2s linear;
}
.footer-bot-arrow:active svg path {
  fill: #2BB776;
  transition: all 0.2s linear;
}

.footer-bot-nav {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media (max-width: 1550px) {
  .footer-bot-nav {
    gap: 60px;
  }
}
@media (max-width: 1200px) {
  .footer-bot-nav {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .footer-bot-nav {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
}

.footer-bot-nav-item {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  text-align: center;
  color: #61987f;
}
@media (max-width: 1550px) {
  .footer-bot-nav-item {
    font-size: 14px;
  }
}
.footer-bot-nav-item a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  transition: all 0.2s linear;
}
.footer-bot-nav-item a:hover {
  transition: all 0.2s linear;
  color: #2bb776;
}

.footer-bot-pay-icons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  align-items: center;
  justify-content: center;
}

.react-dadata__container {
  position: relative;
}

.react-dadata__input {
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 38px;
  padding: 0 10px;
  font-size: 16px;
  display: block;
}

.react-dadata__input:focus {
  border-color: #007cd6;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 124, 214, 0.3);
}

.react-dadata__suggestions {
  z-index: 10;
  text-align: left;
  background-color: #fff;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 1px 6px 3px rgba(0, 0, 0, 0.1);
}

.react-dadata__suggestion-note {
  color: #828282;
  padding: 10px 10px 5px;
  font-size: 14px;
}

.react-dadata__suggestion {
  cursor: pointer;
  box-sizing: border-box;
  text-align: left;
  background: 0 0;
  border: none;
  width: 100%;
  padding: 7px 10px;
  font-size: 15px;
  display: block;
}

.react-dadata__suggestion--line-through {
  text-decoration: line-through;
}

.react-dadata__suggestion-subtitle {
  color: #777;
  margin-top: 4px;
  font-size: 14px;
}

.react-dadata__suggestion-subtitle-item {
  margin-bottom: 4px;
  margin-right: 16px;
  display: inline-block;
}

.react-dadata__suggestion-subtitle-item:last-child {
  margin-right: 0;
}

.react-dadata__suggestion--current {
  background-color: rgba(0, 124, 214, 0.15);
}

.react-dadata__suggestion:hover {
  background-color: rgba(0, 124, 214, 0.1);
}

.react-dadata mark {
  background: 0 0;
}

.react-dadata--highlighted {
  color: #0094ff;
}

.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

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

/* End */


/* Start:/local/templates/lopal_v1/components/bitrix/breadcrumb/.default/style.min.css?1741180619289*/
<!-- BREADCRUMBS -->
<section class="breadcrumbs">
    <div class="container">
        <div class="breadcrumbs-wrapper">
            <a href="/" class="breadcrumbs-link">Главная</a>
            <span class="breadcrumbs-divider"></span>
        </div>
    </div>
</section>

/* End */
/* /local/templates/lopal_v1/assets/style/swiper-bundle.min.css?168288120017907 */
/* /local/templates/lopal_v1/assets/style/style.css?1756564245199931 */
/* /local/templates/lopal_v1/components/bitrix/breadcrumb/.default/style.min.css?1741180619289 */