/* Start:/local/templates/sibkofe/js/slick/slick.css?17330707471776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/sibkofe/js/slick/slick-theme.css?17330707472796*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/sibkofe/js/slick/./fonts/slick.eot'); src: url('/local/templates/sibkofe/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/sibkofe/js/slick/./fonts/slick.woff') format('woff'), url('/local/templates/sibkofe/js/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/sibkofe/js/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top:265px; display: block; z-index:99999; width: 32px; height: 32px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; opacity: 0.6 } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; opacity: 1; } .slick-prev { left: 25px; background:url(/bitrix/templates/medis/images/arrow_left.png) no-repeat center center } [dir='rtl'] .slick-prev { right:0px; left: auto; } .slick-prev:before { } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { background:url(/bitrix/templates/medis/images/arrow_right.png) no-repeat center center; right: 25px; } [dir='rtl'] .slick-next { right: auto; left: 25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/sibkofe/js/Swiper/swiper-bundle.min.css?173349072318458*/ /** * Swiper 11.1.15 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 18, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.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/sibkofe/js/fancybox.css?173307074715512*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/sibkofe/js/select2.min.css?173368517416264*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/sibkofe/components/bitrix/sale.basket.basket.line/main/style.css?17406624174900*/ .bx-basket { } /*.bx-basket-block {*/ /* margin: auto;*/ /* position: relative;*/ /* padding-bottom: 5px;*/ /* padding-left: 20px;*/ /* white-space: nowrap;*/ /* font-size: 12px;*/ /*}*/ /*.bx-basket-block > .fa {*/ /* position: absolute;*/ /* top: 3px;*/ /* left: 0;*/ /* width: 12px;*/ /* color: #97a1ab;*/ /*}*/ /*.bx-basket-block a { margin-right: 10px; }*/ /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 100; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px } } @media (min-width: 768px) and (width <= 992px) { .block-store-catalog-list .bx-basket-fixed.bottom { bottom: 90px } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 100; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } .block-wrapper .bx-basket-fixed { padding-top: 0; } /*.block-wrapper .bx-basket-fixed .bx-hdr-profile {*/ /* display: flex;*/ /* justify-content: space-between;*/ /*}*/ /*.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {*/ /* padding-bottom: 0;*/ /*}*/ /*.bx-basket-fixed */ } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } /*.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }*/ /* End */ /* Start:/bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1714206787467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/sibkofe/template_styles.css?174738816885166*/ :root { --wrap: 1560px; --wrap-padding: 0px; } html, body { font-family: "Montserrat", serif; margin: 0; padding: 0; width: 100%; box-sizing: border-box; scroll-behavior: smooth; } html { height: 100%; } body { display: flex; flex-direction: column; min-height: 100%; } main { flex-grow: 1; } *, *:before, *:after { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } h1, h2, h3 { font-weight: normal; padding: 0; margin: 0px; } p { margin: 0px; padding: 0 } img { border: none; outline: 0; max-width: 100%; display: block; } a { color: #333; outline: 0 } ul, ol, li { list-style-position: inside; padding: 0px; margin: 0px; } a:hover, a:focus { text-decoration: none; cursor: pointer; outline: 0 } input, input[type="submit"], textarea { border: none; outline: 0; font-family: "Montserrat", serif; /*-webkit-appearance: ;*/ } input[type=submit] { cursor: pointer } button { background: transparent; outline: none; border: none; cursor: pointer; } header { position: relative; z-index: 3; padding: 50px 0; } header .wrap { display: flex; justify-content: space-between; align-items: center; } header a.logo img { width: 130px; } header a.logo img.logo-dark { display: none; } header div { display: flex; align-items: center; column-gap: 20px; } header div > .coffe { font-size: 16px; font-weight: 700; color: #fff; text-decoration: none; } .inside_header div > .coffe { color: #1E1E1E; } header div > .shop { position: relative; overflow: hidden; font-size: 16px; font-weight: 700; height: 58px; padding: 0 47px; border: 1px solid #fff; color: #fff; text-decoration: none; display: flex; align-items: center; border-radius: 40px; transition: .7s ease; } header div > .shop:before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 0; height: 100%; background: #fff; transition: .7s; } header div > .shop:hover:before { width: 100%; } header div > .shop:hover span { color: #000; z-index: 3; position: relative; } header div > .lk { position: relative; overflow: hidden; font-size: 16px; font-weight: 700; height: 58px; padding: 0 47px; border: 1px solid #fff; color: #fff; text-decoration: none; display: flex; align-items: center; border-radius: 40px; transition: .7s; } header.inside_header div > .lk, header.inside_header div > .shop { color: #1E1E1E; border-color: rgba(0, 0, 0, 0.35);; } header.inside_header div > .cart { border-color: rgba(0, 0, 0, 0.35); } header.inside_header div > .cart svg path { fill: #1E1E1E } header.inside_header div > .lk::before, header.inside_header div > .shop::before { background: #0a5f38; } header.inside_header div > .lk:hover span, header.inside_header div > .shop:hover span { color: #fff } header.inside_header .logo img.logo-dark { display: block; } header.inside_header .logo img.logo-light { display: none; } header div > .lk:before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; width: 0; height: 100%; background: #fff; transition: .7s; } header div > .lk:hover:before { width: 100%; } header div > .lk:hover span { color: #000; z-index: 3; position: relative; } header div > .cart { position: relative; width: 58px; height: 58px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 40px } .cart-count { position: absolute; bottom: -5px; right: -5px; background: #0A5F38; color: white; border-radius: 50%; min-width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 12px; line-height: 1; padding: 2px; border: 2px solid #fff; } header div > .cart img { transition: transform 0.2s; } header div > .cart:hover img { transform: scale(1.2); } .wrap { max-width: var(--wrap); margin: 0 auto; } .wrap-left { padding-left: calc((100% - var(--wrap)) / 2 + var(--wrap-padding)); } .wrap h2 { font-size: 36px; font-weight: 700; color: #010102; text-transform: uppercase; margin-bottom: 60px; } .title-row { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 60px; } .title-row h2 { margin-bottom: 0; } .site-btn { border-radius: 40px; height: 63px; display: flex; align-items: center; justify-content: center; background: #0a5f38; color: #fff; font-weight: 700; font-size: 18px; position: relative; text-decoration: none; overflow: hidden; transition: .7s ease; border: none; } .site-btn span { position: relative; z-index: 2; } .site-btn::before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; background: #F1BE49; width: 0; transition: .7s ease; } .site-btn:hover::before { width: 100%; } .site-btn.white-btn:hover { color: #000; } .site-btn.white-btn:hover::before { background: #fff; } .site-btn.yellow-btn { background: #F1BE49; color: #000; } .site-btn.outlined { border: 1px solid #1e1e1e; background: none; color: #1e1e1e;; } .site-btn.outlined::before { background: #0A5F38; } .site-btn.outlined:hover { border-color: #0A5F38; color: #fff; } .banner_car { position: relative; margin-top: -158px; z-index: 2 } .banner_car .banner_car_list { } .banner_car .banner_car_list .slick-prev { width: 40px; height: 40px; background: url(/local/templates/sibkofe/images/left.svg) no-repeat; z-index: 2; top: 50% } .banner_car .banner_car_list .slick-next { width: 40px; height: 40px; background: url(/local/templates/sibkofe/images/right.svg) no-repeat; z-index: 2; top: 50% } .banner_car .banner_car_list .banner_car_list_items { /*background: url(/local/templates/sibkofe/images/banner.jpg) no-repeat;*/ background-size: cover; height: 100vh; border-radius: 0 0 40px 40px; position: relative; } .banner_car .banner_car_list .banner_car_list_items:before { content: ''; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.31); /* border-radius: 0 0 40px 40px; */ position: absolute; left: 0; top: 0; z-index: 1; } .banner_car .banner_car_list .banner_car_list_items img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .banner_car .banner_car_list .banner_car_list_items .text_part { max-width: 1560px; margin: 0 auto; z-index: 2; position: relative; height: 100vh; display: flex; justify-content: center; flex-direction: column; } .banner_car .banner_car_list .banner_car_list_items .text_part p { font-size: 46px; text-transform: uppercase; color: #fff; font-weight: 700; width: 80% } .banner_car .banner_car_list .banner_car_list_items .text_part button { position: relative; overflow: hidden; font-weight: 700; font-size: 18px; color: #fff; background: #0a5f38; height: 63px; padding: 0 76px; border-radius: 40px; display: flex; align-items: center; text-decoration: none; width: fit-content; margin-top: 54px; } .banner_car .banner_car_list .banner_car_list_items .text_part > button:before { content: ''; position: absolute; top: 0; left: -100%; width: 200%; height: 100%; background: linear-gradient(to right, #F1BE49 0%, #F1BE49 50%, #0a5f38 50%, #0a5f38 100%); transition: left .7s; } .banner_car .banner_car_list .banner_car_list_items .text_part > button:hover:before { left: 0; } .banner_car .banner_car_list .banner_car_list_items .text_part > button span { z-index: 3; position: relative; } .product { max-width: 1560px; margin: 0 auto; } .product h2 { font-size: 36px; font-weight: 700; color: #010102; display: flex; gap: 10px; justify-content: space-between; align-items: flex-end; text-transform: uppercase; padding: 70px 0 60px; } .product h2 a { font-weight: 600; font-size: 16px; text-transform: none; } .product .product_list-container { position: relative; } .product .product_list-container .product_list { display: flex; flex-wrap: wrap; gap: 10px } .product .product_list-container .product_list-arrow { position: absolute; top: 25%; transform: translateY(-50%); display: inline-block; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; } .product .product_list-container .product_list-arrow.swiper-button-disabled { opacity: 0.8; cursor: default; } .product .product_list-container .product_list-next { right: -60px; background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; } .product .product_list-container .product_list-prev { left: -60px; background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; transform: translateY(-50%) rotate(180deg); } .main-content-personal-section .product .product_list{ gap: 12px } .product .product_list .product_list_items { flex: 0 0 25%; max-width: calc(25% - 10px * 3 / 4); display: flex; flex-direction: column; height: auto; } .product .product_list .product_list_items > a { border-radius: 40px; border: 1px solid #D9D9D9; width: 100%; height: 357px; display: flex; align-items: center; justify-content: center; } .product .product_list .product_list_items > a img { max-height: 100%; transition: transform 0.2s; } .order_but:hover { color: #fff; } .product .product_list .product_list_items > p a { font-size: 18px; color: #000; font-weight: 700; text-decoration: none; margin: 33px 0 15px; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .product .product_list .product_list_items > span { color: #1E1E1E; font-size: 16px; height: 60px; display: block; margin-bottom: 17px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } .product .product_list .product_list_items > p:last-of-type, .product-item-scu-container > p:last-of-type { font-size: 16px; font-weight: 600; color: #1E1E1E; padding: 0 0 15px 0 } .product .product_list .product_list_items .price { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding-top: unset; padding-right: 10px; margin-top: auto; } .product .product_list .product_list_items .price > p { font-weight: 700; font-size: 22px; color: #000; } .product .product_list .product_list_items .price > p span { font-weight: 400; font-size: 18px; color: #000; text-decoration: line-through; padding-left: 15px } .product .product_list .product_list_items .price .cart-row { display: flex; align-items: center; margin-bottom: 0; } .product .product_list .product_list_items .price .cart-row .product-item-info-container { margin-bottom: 0; } .product .product_list .product_list_items .price .cart-row .cart-qty { display: flex; height: 50px; align-items: center; background: #FAF9F6; border: 1px solid #d9d9d9; flex: 0 0 93px; padding: 0 8px; max-width: 93px; border-radius: 50px; } .product .product_list .product_list_items .price .cart-row .cart-qty span { font-size: 18px; flex: 0 0 16px; height: 22px; display: inline-flex; align-items: center; justify-content: center; } .product .product_list .product_list_items .price .cart-row .cart-qty input { border: none; padding: 0; text-align: center; font-size: 18px; flex: 1; width: calc(100% - 32px); background: none; } .product .product_list .product_list_items .price .cart-row a { transition: background-color 0.6s; margin-left: 10px; background: #143423; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 40px; } .product .product_list .product_list_items .price .cart-row a:hover { background: #F1BE49; } .swiper-button-prev { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; transform: rotate(180deg); } .swiper-button-next { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; } .swiper-button-prev::after, .swiper-button-next::after { content: none; } .swiper-button-prev, .swiper-button-next { width: 40px; height: 40px; border-radius: 40px; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.8; } .radio { padding: 0 0 8px 0; } /* для элемента input c type="radio" */ .custom-radio { position: absolute; z-index: -1; opacity: 0; } /* для элемента label связанного с .custom-radio */ .custom-radio + label { display: inline-flex; align-items: center; user-select: none; } /* создание в label псевдоэлемента before со следующими стилями */ .custom-radio + label::before { content: ''; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; flex-grow: 0; border: 1px solid #D9D9D9; border-radius: 50%; margin-right: 0.5em; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; background: #FAF9F6; } /* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */ .custom-radio:focus:not(:checked) + label::before { border-color: #fff; } /* стили для радиокнопки, находящейся в состоянии checked */ .custom-radio:checked + label::before { border-color: #D9D9D9; background-color: #D9D9D9; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230A5F38'/%3e%3c/svg%3e"); } /* стили для радиокнопки, находящейся в состоянии disabled */ .custom-radio:disabled + label::before { background-color: #e9ecef; } .product .order, .button_main { position: relative; overflow: hidden; width: fit-content; font-size: 18px; color: #fff; font-weight: 700; background: #0A5F38; height: 63px; display: flex; align-items: center; justify-content: center; padding: 0 70px; border-radius: 40px; text-decoration: none; margin: 110px auto; cursor: pointer; } .product .order:before, .button_main:before { content: ''; position: absolute; top: 0; left: -100%; width: 200%; height: 100%; background: linear-gradient(to right, #F1BE49 0%, #F1BE49 50%, #0a5f38 50%, #0a5f38 100%); transition: left .7s; } .product .order:hover:before, .button_main:hover:before { left: 0; } .product .order span, .button_main span { z-index: 2; position: relative; } .work { padding: 70px 0; } .work .swiper { overflow: hidden; border-radius: 40px; } .work .work_list { display: flex; margin: 0; } .work .work_list .work_list_items { /* margin-right: 10px; */ } .work .work_list .work_list_items { /* width: calc(100% / 3 - 10px * 2 / 3); */ flex: 0 0 calc(100% / 3 - 10px * 2 / 3); height: 611px; display: flex; justify-content: flex-end; flex-direction: column; position: relative; border-radius: 40px; } .work .work_list .work_list_items img { position: absolute; inset: 0; height: 100%; border-radius: 40px; object-fit: cover; width: 100%; } .work .work_list .work_list_items:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: linear-gradient(193deg, rgba(0, 0, 0, 0) 0%, #000 100%); display: block; z-index: 1; border-radius: 40px; } .work .work_list .work_list_items p { color: #fff; font-size: 18px; font-weight: 700; margin: 0 48px 8px 48px; z-index: 2; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; line-clamp: 2; -webkit-box-orient: vertical; } .work .work_list .work_list_items > span { color: #fff; font-size: 16px; margin: 0 48px 0px 48px; z-index: 2; position: relative } .work .work_list .work_list_items a { z-index: 2; position: relative; overflow: hidden; margin: 30px 48px 60px 48px; } .custom-toggle { display: inline-flex; align-items: center; } .custom-toggle input { display: none; } .custom-toggle-btn { border: 1px solid #d9d9d9; border-radius: 40px; width: 78px; height: 36px; background: #faf9f6; position: relative; } .custom-toggle-btn::before { content: ""; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; border-radius: 40px; background: #e5dfca; opacity: 0.8; } .custom-toggle-btn::after { content: ""; width: 30px; height: 30px; border-radius: 40px; position: absolute; background: #143423; border: 2px solid #FAF9F6; left: 2px; top: 50%; margin-top: -15px; transition: .3s ease; opacity: 0.8; } .custom-toggle-text { font-weight: 700; font-size: 36px; text-transform: uppercase; color: rgba(0, 0, 0, 0.35); margin-left: 32px; } .custom-toggle input:checked + .custom-toggle-btn::before { opacity: 1; } .custom-toggle input:checked + .custom-toggle-btn::after { left: 44px; opacity: 1; } .custom-toggle input:checked ~ .custom-toggle-text { color: #000; } .services { background-color: #FAF9F6; border-radius: 40px; padding: 70px 0; } .services .wrap h1 { font-size: 36px; font-weight: 700; color: #010102; text-transform: uppercase; } .services .services-navigation { display: flex; align-items: center; gap: 30px; } .services .services-navigation > div { display: inline-block; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; } .services .services-navigation .services-nav-prev { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; transform: rotate(180deg); } .services .services-navigation .services-nav-next { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; } .services .services-navigation .services-nav-prev.swiper-button-disabled, .services .services-navigation .services-nav-next.swiper-button-disabled { opacity: 0.8; } .work .work-navigation { display: flex; align-items: center; gap: 30px; } .work .work-navigation > div { display: inline-block; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; } .work .work-navigation .work-nav-prev { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; transform: rotate(180deg); } .work .work-navigation .work-nav-next { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; } .work .work-navigation .work-nav-prev.swiper-button-disabled, .work .work-navigation .work-nav-next.swiper-button-disabled { opacity: 0.8; } .reviews .reviews-navigation { display: flex; align-items: center; gap: 30px; } .reviews .reviews-navigation > div { display: inline-block; width: 40px; height: 40px; border-radius: 40px; cursor: pointer; } .reviews .reviews-navigation .reviews-nav-prev { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; transform: rotate(180deg); } .reviews .reviews-navigation .reviews-nav-next { background: url(/local/templates/sibkofe/images/arr-green.svg) no-repeat center / contain; } .reviews .reviews-navigation .reviews-nav-prev.swiper-button-disabled, .reviews .reviews-navigation .reviews-nav-next.swiper-button-disabled { opacity: 0.8; } .services .services-list-inner { overflow: hidden; } .services-list { display: flex; border-radius: 40px; } .services .service-item { position: relative; border-radius: 40px; overflow: hidden; } .services .service-item:hover .service-item-info { background-color: rgba(255, 255, 255, 0.3); } .service-item img { width: 100%; } .service-item-info { position: absolute; inset: 0; z-index: 1; background: linear-gradient(193deg, rgba(255, 255, 255, .0) 0%, #000 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 0 60px 75px; transition: .3s ease; } /* .swiper-slide:not(.swiper-slide-fully-visible) .service-item-info > p { */ /* opacity: 0; */ /* } */ .swiper-slide.swiper-slide-fully-visible .service-item-info > p, .swiper-slide.swiper-slide-active .service-item-info > p { opacity: 1; } .service-item-title { color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 8px; } .service-item-text { color: #fff; font-size: 16px; } .geomap { padding: 70px 0; } .geomap .title-row { justify-content: flex-start; } .geomap .title-row h2 { margin-right: 50px; } .geomap .title-row:has(input:checked) h2 { color: rgba(0, 0, 0, 0.35) } .geomap-inner { display: flex; } .geomap-city { margin-left: auto; } .geomap-city .select2-container--default .select2-selection--single { height: 63px; border: 1px solid #d9d9d9; border-radius: 40px; background: #faf9f6; } .geomap-city .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 63px; font-weight: 400; font-size: 16px; padding-left: 40px; padding-right: 66px; } .select2-container--default .select2-selection--single .select2-selection__arrow { background: url(/local/templates/sibkofe/images/arr-down.svg) no-repeat center; top: 50%; right: 22px; transform: translateY(-50%); } .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .geomap-list { display: flex; flex: 0 0 275px; max-width: 275px; margin-right: 25px; flex-direction: column; } .geomap-list a { display: inline-flex; padding: 22px 30px; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #010102; align-items: center; justify-content: space-between; text-decoration: none; } .geomap-list a.active { background: #0a5f38; color: #fff; border-radius: 40px; position: relative; } .geomap-list a.active::after { content: ""; display: inline-block; width: 26px; height: 31px; background: url(/local/templates/sibkofe/images/cup-ico.svg) no-repeat center; position: absolute; right: 30px; } .geomap-map { flex: 1; height: 640px; border-radius: 40px; overflow: hidden; background: #d9d9d9; } .pacemark-baloon { display: flex; gap: 20px } .pacemark-baloon img { flex: 0 0 63px; max-width: 63px; max-height: 63px; border-radius: 63px; overflow: hidden; } .pacemark-baloon-info p { font-weight: bold; font-size: 18px; margin-bottom: 9px; } .pacemark-baloon-info a { font-size: 16px; text-decoration: underline; } ymaps[class*="balloon_layout_normal"] { border-radius: 40px; overflow: hidden; border: 1px solid #D9D9D9; box-shadow: 0 5px 15px -7px rgba(0, 0, 0, .5); } ymaps[class$="balloon__content"] { padding: 14px 17px; } ymaps[class$="balloon__layout"] { padding: 0; } ymaps[class$="balloon__tail"] { display: none; } ymaps[class$="balloon__tail"]::after { content: none; } .geomap .active { display: block; } .geomap .hidden { display: none; } #all-map svg { max-width: 100%; height: 600px; } #all-map svg path:not([fill="#FAF9F6"]) { cursor: pointer; transition: .3s ease; } #all-map svg path:not([fill="#FAF9F6"]):hover { fill: #F1BE49; } .history { background-color: #FAF9F6; border-radius: 40px; padding: 70px 0; } .history-list { display: flex; flex-wrap: wrap; gap: 7px } .history-item { flex: 1 0 30%; max-width: calc(100% / 3 - 7px * 2 / 3); padding: 50px; border-radius: 40px; background: #fff; position: relative; overflow: hidden; height: 609px; display: flex; flex-direction: column; } .history-item.yellow { background: #f1be49; } .history-item.green { background: #0a5f38; } .history-item .history-info { position: relative; z-index: 2; font-weight: 600; font-size: 16px; color: #fff; } .history-item.history-coffee { background: url(/local/templates/sibkofe/images/history-coffee.png) no-repeat center / cover; display: flex; flex-direction: column; justify-content: flex-end; } .history-item.history-coffee::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(193deg, rgba(255, 255, 255, .0) 0%, #000 100%); } .history-item.history-coffee2 { background: url(/local/templates/sibkofe/images/history-coffee2.png) no-repeat center / cover; } .history-item.history-w-scroll { flex: 2; max-width: 100%; } .history-item .history-title { font-weight: 600; font-size: 16px; margin-bottom: 25px; } .history-item .history-title2 { font-weight: 700; font-size: 18px; text-transform: uppercase; margin-bottom: 34px; } .history-item .history-text { font-size: 16px; margin-bottom: 25px; } .history-item .site-btn { margin-top: auto; } .history-item .site-btn::before { background: #fff; } .history-item .site-btn:hover { color: #000; } .history-item .history-nums { list-style: none; display: flex; flex-wrap: wrap; gap: 28px 65px; } .history-item .history-nums li { flex: 1; } .history-item .history-nums li:nth-child(2n+1) { width: 191px; } .history-item .history-nums li:nth-child(2n+2) { width: 135px; } .history-item .history-nums .num { font-weight: 800; font-size: 44px; margin-bottom: 7px; } .history-item .history-nums .num-text { font-weight: 600; font-size: 16px; } .history-scroll-content { max-height: 100%; overflow-y: scroll; padding-right: 36px; } .history-scroll-content::-webkit-scrollbar-thumb { background-color: #f1be49; border-radius: 6px; height: 100px; } .history-scroll-content::-webkit-scrollbar { width: 6px; background-color: #faf9f6; border-radius: 6px; } .history-scroll-content .num { font-weight: 800; font-size: 44px; color: #fff; margin-bottom: 13px; } .history-scroll-content .num-text { font-size: 16px; color: #fff; margin-bottom: 30px; } .contact-form { background-color: #f1be49; border-radius: 40px; padding: 50px 70px; } .contact-right-wrapper-buttons{ display: flex; gap: 10px; } .contact-right-wrapper{ display:flex; flex-direction: column; } .contact-form .wrap h2 { margin-bottom: 24px; } .contact-form form { display: flex; gap: 10px; align-items: center; } .contact-left-wrapper{ display: flex; gap: 10px; align-items: center; } .contact-form form .form-note { font-size: 16px; padding-right: 30px; } .contact-form form input:not(label.custom-checkbox input) { display: flex; height: 63px; border: none; font-size: 16px; background: #fff; border-radius: 40px; padding-left: 40px; } .contact-form form input::placeholder { font-size: 16px; } .custom-checkbox input[type="checkbox"] { width: fit-content; } .contact-form form button { width: 295px; } .reviews { padding: 70px 0; } .reviews-list { display: flex; gap: 10px } .reviews .swiper { padding-top: 16px; margin-top: -16px; } .reviews .swiper-wrapper { overflow: visible; } .review-item { border-radius: 40px; background: #faf9f6; flex: 0 0 calc(100% / 4 - 10px * 3 / 4); padding: 70px 50px 40px; position: relative; display: flex; flex-direction: column; transition: .7s ease; position: relative; z-index: 2; height: auto; } .review-item::before { content: ""; position: absolute; display: inline-block; width: 46px; height: 32px; background: url(/local/templates/sibkofe/images/review-sign2.svg) no-repeat center; left: 50px; top: -16px; transition: .7s ease; z-index: 3; } .review-item p { font-size: 16px; margin-bottom: 60px; } .review-item .site-btn { margin-top: auto; cursor: pointer; } .review-item .site-btn.yellow-btn::before { background: #fff; } .review-item:hover { background: #0A5F38; } .review-item:hover::before { background: url(/local/templates/sibkofe/images/review-sign.svg) no-repeat center; } .review-item:hover p { color: #ffff; } .review-item:hover .site-bnt { background: #fff; } .popup-reviews > * + * { margin-top: 25px; } .popup-reviews .popup-reviews-items { display: flex; flex-wrap: wrap; gap: 15px; } .popup-reviews .popup-reviews-items > * { width: calc(100% / 3 - 15px * 2 / 3); } .popup-reviews .popup-reviews-items img { height: 100%; object-fit: cover; } .index-news { padding: 70px 0; } .index-news .swiper { border-radius: 40px; } .index-news .index-news-items { display: flex; } .index-news .index-news-items .index-news-item { display: flex; flex-direction: column; width: calc(100% / 3 - 10px * 2 / 3); height: auto; border-radius: 40px; background: #FAF9F6; } .index-news .index-news-items .index-news-item:not(:last-child) { margin-right: 10px; } .index-news .index-news-items .index-news-item .index-news-item-img { position: relative; } .index-news .index-news-items .index-news-item .index-news-item-img img { width: 100%; height: 300px; object-fit: cover; border-radius: 40px; } .index-news .index-news-items .index-news-item .index-news-item-img .index-news-item-img-link { position: absolute; display: flex; align-items: center; justify-content: center; inset: 0; text-decoration: none; opacity: 0; transition: 0.7s; } .index-news .index-news-items .index-news-item .index-news-item-img .index-news-item-img-link::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); border-radius: 40px; } .index-news .index-news-items .index-news-item .index-news-item-img .index-news-item-img-link:hover { opacity: 1; } .index-news .index-news-items .index-news-item .index-news-item-img .index-news-item-img-link p { max-width: 270px; width: calc(100% - 20px); } .index-news .index-news-items .index-news-item .index-news-item-inner { display: flex; flex-direction: column; flex: 1; row-gap: 15px; padding: 40px 50px; color: #1E1E1E; } .index-news .index-news-items .index-news-item .index-news-item-inner a { font-size: 18px; font-weight: 700; text-decoration: none; } .index-news .index-news-items .index-news-item .index-news-item-inner span { display: inline-block; margin-top: auto; } .footer-top { padding: 70px 0 36px; border-radius: 40px 40px 0 0; background: #faf9f6; } footer .wrap { display: flex; gap: 90px } footer .footer-col { flex: 1; } footer .footer-col:last-child { max-width: 263px; } footer .footer-col ul { list-style: none; display: flex; flex-wrap: wrap; column-gap: 5px; } footer .footer-col ul li { flex: 1 0 calc(50% - 5px / 2); max-width: calc(50% - 5px / 2); } footer .footer-col ul li a { font-weight: 500; font-size: 16px; line-height: 175%; color: #1e1e1e; text-decoration: none; } footer .footer-title { font-weight: 700; font-size: 18px; text-transform: uppercase; margin-bottom: 15px; } footer .footer-phone { display: block; text-decoration: none; font-weight: 700; font-size: 19px; line-height: 142%; margin-top: 50px; color: #1e1e1e; } footer .footer-text { font-weight: 500; font-size: 16px; color: #1e1e1e; } footer .footer-email { font-weight: 500; font-size: 16px; color: #1e1e1e; text-decoration: underline; margin-top: 36px; display: inline-block; } .footer-bottom { padding: 45px 0; } .footer-bottom a { padding: 10px 0; font-size: 16px; color: #1e1e1e; text-decoration: none; } .modal { position: fixed; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.3s ease; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 1000; overflow: auto; padding: 10px; background: rgba(0, 0, 0, .5); } .modal.open { visibility: visible; opacity: 1; transition-delay: 0s; } .modal-bg { position: absolute; width: 100%; height: 100%; } .modal-container { background: #fff; position: relative; padding: 70px; width: 100%; max-width: 1000px; margin: auto; } .modal-container:has(form) { max-width: 500px; } .modal-container h1 { color: #333; font-size: 40px; font-weight: 700; text-transform: uppercase; margin-bottom: 44px; } .modal-container h3 { text-align: center; } .modal-close { color: #000; position: absolute; right: 0; top: 0; outline: none; appearance: none; font-size: 16px; font-weight: 500; border: none; border-radius: 0 0 0 5px; cursor: pointer; transition: all .3s ease; padding: 0; background: transparent; padding: 10px; } .modal-container .form-styled .alert { position: absolute; width: 100%; box-sizing: border-box; } .modal-container .buttons { display: flex; gap: 20px; margin-top: 50px; } .modal form h2, .form_auth form h2 { font-size: 29px; text-align: center; font-weight: 700; } .modal form button[type="submit"], .form_auth form button[type="submit"] { width: 100%; margin-top: 20px; margin-bottom: 20px; } .inline-form .form-field, .modal form .form-field, .form_auth form .form-field { margin-top: 20px; } .modal form .form-field textarea, .form_auth form .form-field textarea { resize: none; scrollbar-width: none; min-height: 120px; } .modal form .form-field textarea::-webkit-scrollbar, .form_auth form .form-field textarea::-webkit-scrollbar { height: 0; width: 0; display: none; } .modal form .form-field textarea::-webkit-scrollbar-track, .form_auth form .form-field textarea::-webkit-scrollbar-track { background: transparent; } .modal form .form-field textarea::-webkit-scrollbar-thumb, .form_auth form .form-field textarea::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 0px; border: transparent; } .d-flex { display: flex; align-items: center; gap: 10px; } .inline-form input[type="checkbox"] { position: relative; display: inline-block; width: 20px; height: 20px; background-color: #D9D9D9; border-radius: 50%; cursor: pointer; } .inline-form input[type="checkbox"]::before { content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 14px; border-radius: 50%; transform: translate(-50%, -50%); background-color: #0a5f38; opacity: 0; } .inline-form input[type="checkbox"]:checked:before { opacity: 1; } .inline-form [type="submit"] { width: 100%; max-width: 300px; } .inline-form a { text-decoration: none; } .inline-form input[type="text"], .inline-form input[type="password"], #register input[type="text"], #register input[type="password"], .modal form .form-field input[type="text"], .modal form .form-field input[type="password"], .modal form .form-field textarea, .form_auth form .form-field input[type="text"], .form_auth form .form-field input[type="password"], .form_auth form .form-field textarea { display: block; width: 100%; border-radius: 40px; border: 1px solid rgba(0, 0, 0, 0.2); background: #FAF9F6; color: #000; padding: 20px 40px; font-size: 16px; } .modal form .form-field input[type="text"]::placeholder, .modal form .form-field input[type="password"]::placeholder, .modal form .form-field textarea::placeholder, .form_auth form .form-field input[type="text"]::placeholder, .form_auth form .form-field input[type="password"]::placeholder, .form_auth form .form-field textarea::placeholder { color: #000; } .form_auth .forgot-passw { display: block; width: 100%; margin-top: 5px; text-align: right; text-decoration: none; } .form_auth .errors.active { color: red; text-align: center; margin-top: 10px; } .alert { position: relative; padding: 0.75rem 1.25rem; border: 1px solid transparent; font-weight: normal; } .alert-error { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .product-detail-top { display: flex; margin-bottom: 47px; } .product-detail-image { display: flex; align-items: center; justify-content: center; border: 1px solid #d9d9d9; border-radius: 40px; flex: 0 0 382px; max-width: 382px; height: 357px; } .product-detail-image img { max-width: 90%; max-height: 90%; } .product-detail-info { flex: 1; margin-left: 45px; max-width: 50%; } .product-detail-info h1 { font-weight: 700; font-size: 18px; text-transform: uppercase; color: #000; margin-bottom: 15px; } .product-detail-info .text { font-weight: 400; font-size: 16px; color: #1e1e1e; } .product-detail-offers { margin-top: 50px; } .product-detail-offers p { font-weight: 600; font-size: 16px; color: #1e1e1e; margin-bottom: 18px; } .product-detail-info .price { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 30px; margin-top: 10px; } .product-detail-info .price > p { white-space: nowrap; font-weight: 700; font-size: 24px; color: #000; } .product-detail-info .price > p span { font-weight: 400; font-size: 18px; color: #000; text-decoration: line-through; padding-left: 15px } .product-detail-info .price .cart-row { display: flex; align-items: center; } .product-detail-info .price .cart-row .cart-qty { display: flex; height: 50px; align-items: center; background: #FAF9F6; border: 1px solid #d9d9d9; flex: 0 0 93px; padding: 0 8px; width: max-content; border-radius: 50px; } .product-detail-info .price .cart-row .cart-qty span { font-size: 18px; flex: 0 0 16px; height: 22px; display: inline-flex; align-items: center; justify-content: center; } .product-detail-info .price .cart-row .cart-qty input { border: none; padding: 0; text-align: center; font-size: 18px; flex: 1; width: calc(100% - 32px); background: none; } .product-detail-info .price .cart-row a { transition: background-color 0.6s; margin-left: 10px; background: #143423; height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; border-radius: 40px; } .product-detail-info .price .cart-row a:hover { background: #F1BE49; } .product-detail .tabs { display: flex; gap: 54px; margin-bottom: 26px; } .product-detail .tabs li { display: flex; font-weight: 700; font-size: 16px; text-transform: uppercase; color: rgba(0, 0, 0, 0.3); cursor: pointer; } .product-detail .tabs li.active { color: #000; } .product-detail .tab-content { display: none; } .product-detail .tab-content.active { display: block; padding: 20px 100px 20px 0; } .product-detail .request-consult { display: inline-flex; width: 102px; height: 102px; border-radius: 102px; background: #0a5f38; color: #fff; align-items: center; font-weight: 700; font-size: 11px; text-align: center; color: #fff; text-decoration: none; flex-direction: column; position: absolute; right: 50px; bottom: 50px; } .product-detail .request-consult::before { content: ""; width: 43px; height: 37px; background: url(/local/templates/sibkofe/images/consult-ico.svg) no-repeat center; margin-bottom: 6px; margin-top: 6px; } .time_pl { display: none !important; } .error { border: red 2px solid !important; } .flex-gap { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; } .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 99; } .callme { display: flex; align-items: center; justify-content: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; height: 100%; z-index: 99; transition: all 0.3s ease; opacity: 0; visibility: hidden; overflow: auto; } .callme:has(form) { max-width: 500px; } .callme {scrollbar-width: none;} .callme::-webkit-scrollbar {height: 0; width: 0; display: none;} .callme::-webkit-scrollbar-track {background: transparent;} .callme::-webkit-scrollbar-thumb {background-color: transparent; border-radius: 0px; border: transparent;} .callme__show { opacity: 1; visibility: visible; } .close { position: absolute; top: 10px; right: 10px; cursor: pointer; } .orders-tabs { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 10px; } .orders-tabs a { border: 1px solid rgba(0, 0, 0, 0.35); padding: 10px 16px; border-radius: 35px; font-weight: 700; color: #000; text-decoration: none; } .orders-tabs .active { background-color: #0A5F38; color: #fff; border-color: #0A5F38; } .sale-order-list-inner-container .order-list-controls { display: flex; flex-wrap: wrap; gap: 15px; margin: 10px 0; } .sale-order-list-inner-container .order-list-controls a { display: block; border: 1px solid #fff; color: #1E1E1E; padding: 10px 16px; text-decoration: none; border-radius: 35px; border-color: rgba(0, 0, 0, 0.35); } .sale-order-list-inner-container .order-list-controls a:hover { color: #fff; } .sale-order-list-about-link, .sale-order-list-repeat-link, .sale-order-list-cancel-link { position: relative; display: inline-block; padding: 10px 16px; color: #1E1E1E; text-decoration: none; border: 1px solid rgba(0, 0, 0, 0.35); border-radius: 35px; overflow: hidden; background: transparent; z-index: 1; } .sale-order-list-about-link::after, .sale-order-list-repeat-link::after, .sale-order-list-cancel-link::after { content: ''; position: absolute; inset: 0; background-color: #0A5F38; transform: scaleX(0); transform-origin: left; transition: transform 0.7s ease; z-index: -1; height: 40px; line-height: 40px; } /* Анимация при наведении */ .sale-order-list-about-link:hover::after, .sale-order-list-repeat-link:hover::after, .sale-order-list-cancel-link:hover::after { transform: scaleX(1); } .error-message p { text-align: center; } footer { margin-top:40px} .news-detail-block {padding: 40px 0;} .news-detail-block .detail_picture {height:500px; width: 100%; object-fit: cover; border-radius: 40px;} .container-personal-section-order-place { display: grid; grid-template-columns: 315px 1fr 223px; gap: 20px; } .sidebar-personal-section { padding: 20px; } .main-content-personal-section { padding: 20px; } .detail-elem-modal { overflow: hidden; } .policy p:not(:last-child) { margin-bottom: 5px; } .policy ol { margin-top: 20px; margin-bottom: 10px; } .sale-order-list-inner-container { display: flex; flex-direction: column; gap: 5px; } .personal-order-list-info { display: flex; flex-direction: column; gap: 5px; margin-bottom: 20px; border: 1px solid #F1BE49; border-radius: 40px; padding: 30px; } .personal-settings-block .input-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .setting-main-section .error-form { grid-column: span 3; /* Ошибка будет на всю ширину */ color: red; text-align: left; word-break: break-word; /* Чтобы длинные слова переносились */ max-width: 100%; /* Ограничить расширение */ } .product-item-detail-slider-container { height: 100%; } .product-item-detail-slider-block { padding-top: 0; height: 100%; } .basket-checkout-block.basket-checkout-block-total-cont { display: flex; align-items: center; margin-right: auto; } .mb-3.basket-items-list-wrapper.basket-items-list-wrapper-height-fixed.custom .basket-items-list-header { display: none; } @media (hover: hover) { .product .product_list .product_list_items > a:hover img { transform: scale(1.1); } } @media (max-width: 1720px) { .product .product_list-container .product_list-next { right: -10px; z-index: 50; background-color: #fff; } .product .product_list-container .product_list-prev { left: -10px; background-color: #fff; z-index: 50; } .product .order { margin: 50px auto 70px; } } @media screen and (max-width: 1580px) { :root { --wrap: 1366px; --wrap-padding: 20px; } header { padding: 50px 20px } .banner_car .banner_car_list .banner_car_list_items .text_part { padding: 0 100px } .product { padding: 0 20px } .wrap { padding: 0 20px; } .review-item { padding: 50px 30px 20px; } .index-news .index-news-items .index-news-item .index-news-item-inner { padding: 20px 30px; } footer .wrap { gap: 20px; } } @media (max-width: 1440px) { .product .product_list .product_list_items { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3 - 10px * 2 / 3); } .service-item-info { padding: 0 30px 30px; } } @media (max-width: 1366px) { .services .services-list-inner { padding: 0 20px; } .history-item { padding: 25px; } .contact-form { padding: 50px 40px; } .contact-form form { flex-wrap: wrap; } .contact-form form .form-note { width: 100%; } .contact-left-wrapper{ flex-wrap:wrap; } .contact-right-wrapper-buttons{ flex-wrap: wrap; } } @media (max-width: 1280px) { .banner_car .banner_car_list .banner_car_list_items .text_part p { width: 100%; font-size: 36px; } .history-item { flex: 1 0 calc(100% / 2); max-width: calc(100% / 2 - 7px * 1 / 2); height: auto; } .history-item.history-w-scroll { height: 500px; } .work .work_list .work_list_items { height: 450px; } .work .work_list .work_list_items p { margin: 0 25px 8px 25px; } .work .work_list .work_list_items > span { margin: 0 25px; } .work .work_list .work_list_items a { margin: 30px 25px 25px 25px; } .review-item { flex: 0 0 calc(100% / 3 - 10px * 2 / 3); } .index-news .index-news-items .index-news-item { width: calc(100% / 2 - 10px * 1 / 2); } .personal-settings-block .input-wrapper { grid-template-columns: repeat(2, 1fr); } .setting-main-section .error-form { grid-column: span 2; } } @media (max-width: 1024px) { header div > .lk { flex-shrink: 0; width: 58px; height: 58px; padding: 0; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29 29C24.8086 29 21.4 25.5914 21.4 21.4C21.4 17.2086 24.8086 13.8 29 13.8C33.1914 13.8 36.6 17.2086 36.6 21.4C36.6 25.5914 33.1914 29 29 29ZM36.1402 30.2786C38.7356 28.1905 40.4 24.991 40.4 21.4C40.4 15.1034 35.2966 10 29 10C22.7034 10 17.6 15.1034 17.6 21.4C17.6 24.991 19.2644 28.1905 21.8598 30.2786C14.9077 32.8911 10 39.3455 10 48H13.8C13.8 38.5 20.6191 32.8 29 32.8C37.3809 32.8 44.2 38.5 44.2 48H48C48 39.3455 43.0923 32.8911 36.1402 30.2786Z' fill='white' /%3E%3C/svg%3E"); background-size: 30px; background-repeat: no-repeat; background-position: center; } .inside_header div > .lk { background-image: url("data:image/svg+xml,%3Csvg width='584' height='584' viewBox='0 0 584 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M291.999 558.666C144.723 558.666 25.332 439.276 25.332 292C25.332 144.724 144.723 25.333 291.999 25.333' stroke='%231E1E1E' stroke-width='50' stroke-linecap='round' /%3E%3Cpath d='M225.332 292H558.665M558.665 292L458.665 192M558.665 292L458.665 392' stroke='%231E1E1E' stroke-width='50' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } header div > .lk.btn-call { background-image: url("data:image/svg+xml,%3Csvg width='584' height='584' viewBox='0 0 584 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M292 558.666C439.277 558.666 558.667 439.276 558.667 292C558.667 144.724 439.277 25.333 292 25.333' stroke='white' stroke-width='50' stroke-linecap='round' /%3E%3Cpath d='M25.332 292H358.665M358.665 292L258.665 192M358.665 292L258.665 392' stroke='white' stroke-width='50' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } .inside_header div > .lk.btn-call { background-image: url("data:image/svg+xml,%3Csvg width='584' height='584' viewBox='0 0 584 584' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M292 558.666C439.277 558.666 558.667 439.276 558.667 292C558.667 144.724 439.277 25.333 292 25.333' stroke='%231E1E1E' stroke-width='50' stroke-linecap='round' /%3E%3Cpath d='M25.332 292H358.665M358.665 292L258.665 192M358.665 292L258.665 392' stroke='%231E1E1E' stroke-width='50' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E"); } header div > .lk:before { display: none; } header div > .shop { flex-shrink: 0; width: 58px; height: 58px; padding: 0; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='59' height='57' viewBox='0 0 59 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.9323 7.6665H20.3999C17.9383 7.6665 16.7076 7.6665 15.7185 8.27118C14.7294 8.87586 14.1789 9.96478 13.0781 12.1426L10.2056 19.3254C9.54192 20.9849 8.96126 22.9408 10.0784 24.3422C10.8279 25.2823 11.9896 25.8857 13.294 25.8857C15.5545 25.8857 17.387 24.0731 17.387 21.837C17.387 24.0731 19.2195 25.8857 21.48 25.8857C23.7405 25.8857 25.573 24.0731 25.573 21.837C25.573 24.0731 27.4055 25.8857 29.6661 25.8857C31.9267 25.8857 33.7591 24.0731 33.7591 21.837C33.7591 24.0731 35.5916 25.8857 37.8522 25.8857C40.1127 25.8857 41.9452 24.0731 41.9452 21.837C41.9452 24.0731 43.7776 25.8857 46.0382 25.8857C47.3424 25.8857 48.5042 25.2823 49.2539 24.3422C50.3711 22.9408 49.7905 20.9849 49.1268 19.3254L46.2543 12.1426C45.1533 9.96478 44.603 8.87586 43.6139 8.27118C42.6248 7.6665 41.394 7.6665 38.9323 7.6665Z' fill='white' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.0401 46.63H50.1331C50.9808 46.63 51.668 47.3098 51.668 48.1483C51.668 48.9868 50.9808 49.6665 50.1331 49.6665H9.20285C8.35517 49.6665 7.66797 48.9868 7.66797 48.1483C7.66797 47.3098 8.35517 46.63 9.20285 46.63H13.2959V28.9169C14.8177 28.9169 16.2287 28.4474 17.3889 27.647C18.5491 28.4474 19.9601 28.9169 21.4819 28.9169C23.0038 28.9169 24.4148 28.4474 25.5749 27.647C26.7351 28.4474 28.1462 28.9169 29.668 28.9169C31.1898 28.9169 32.6008 28.4474 33.761 27.647C34.9212 28.4474 36.3322 28.9169 37.854 28.9169C39.3758 28.9169 40.7869 28.4474 41.947 27.647C43.1072 28.4474 44.5183 28.9169 46.0401 28.9169V46.63ZM24.5517 46.63H34.7842V41.063C34.7842 39.171 34.7842 38.2251 34.3729 37.5204C34.1036 37.0588 33.716 36.6754 33.2494 36.4088C32.537 36.0021 31.5806 36.0021 29.668 36.0021C27.7553 36.0021 26.799 36.0021 26.0866 36.4088C25.62 36.6754 25.2324 37.0588 24.963 37.5204C24.5517 38.2251 24.5517 39.171 24.5517 41.063V46.63Z' fill='white' /%3E%3C/svg%3E"); background-size: 30px; background-repeat: no-repeat; background-position: center; } .inside_header div > .shop { background-image: url("data:image/svg+xml,%3Csvg width='59' height='57' viewBox='0 0 59 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M38.9323 7.6665H20.3999C17.9383 7.6665 16.7076 7.6665 15.7185 8.27118C14.7294 8.87586 14.1789 9.96478 13.0781 12.1426L10.2056 19.3254C9.54192 20.9849 8.96126 22.9408 10.0784 24.3422C10.8279 25.2823 11.9896 25.8857 13.294 25.8857C15.5545 25.8857 17.387 24.0731 17.387 21.837C17.387 24.0731 19.2195 25.8857 21.48 25.8857C23.7405 25.8857 25.573 24.0731 25.573 21.837C25.573 24.0731 27.4055 25.8857 29.6661 25.8857C31.9267 25.8857 33.7591 24.0731 33.7591 21.837C33.7591 24.0731 35.5916 25.8857 37.8522 25.8857C40.1127 25.8857 41.9452 24.0731 41.9452 21.837C41.9452 24.0731 43.7776 25.8857 46.0382 25.8857C47.3424 25.8857 48.5042 25.2823 49.2539 24.3422C50.3711 22.9408 49.7905 20.9849 49.1268 19.3254L46.2543 12.1426C45.1533 9.96478 44.603 8.87586 43.6139 8.27118C42.6248 7.6665 41.394 7.6665 38.9323 7.6665Z' fill='%231E1E1E' /%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.0401 46.63H50.1331C50.9808 46.63 51.668 47.3098 51.668 48.1483C51.668 48.9868 50.9808 49.6665 50.1331 49.6665H9.20285C8.35517 49.6665 7.66797 48.9868 7.66797 48.1483C7.66797 47.3098 8.35517 46.63 9.20285 46.63H13.2959V28.9169C14.8177 28.9169 16.2287 28.4474 17.3889 27.647C18.5491 28.4474 19.9601 28.9169 21.4819 28.9169C23.0038 28.9169 24.4148 28.4474 25.5749 27.647C26.7351 28.4474 28.1462 28.9169 29.668 28.9169C31.1898 28.9169 32.6008 28.4474 33.761 27.647C34.9212 28.4474 36.3322 28.9169 37.854 28.9169C39.3758 28.9169 40.7869 28.4474 41.947 27.647C43.1072 28.4474 44.5183 28.9169 46.0401 28.9169V46.63ZM24.5517 46.63H34.7842V41.063C34.7842 39.171 34.7842 38.2251 34.3729 37.5204C34.1036 37.0588 33.716 36.6754 33.2494 36.4088C32.537 36.0021 31.5806 36.0021 29.668 36.0021C27.7553 36.0021 26.799 36.0021 26.0866 36.4088C25.62 36.6754 25.2324 37.0588 24.963 37.5204C24.5517 38.2251 24.5517 39.171 24.5517 41.063V46.63Z' fill='%231E1E1E' /%3E%3C/svg%3E"); } header div > .shop:before { display: none; } .product .product_list .product_list_items { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2 - 10px * 1 / 2); } .index-news .wrap h2, .title-row { margin-bottom: 40px; } .services .wrap h1, .wrap h2, .contact-form .wrap h2, .title-row h2 { font-size: 28px; } .product h2 { font-size: 28px; padding: 40px 0; } .product .order { margin: 30px auto 40px; } .index-news, .reviews, .work, .history, .geomap, .services { padding: 40px 0; } .footer-top { padding: 40px 0 36px; } .contact-form { padding: 40px; } .reviews .reviews-navigation, .work .work-navigation, .services .services-navigation { gap: 15px; } #all-map svg { height: auto; } .work .work_list .work_list_items { flex: 0 0 calc(100% / 2 - 10px * 1 / 2); height: 350px; } .services .service-item { height: 350px; } .review-item { flex: 0 0 calc(100% / 2 - 10px * 1 / 2); } .index-news .index-news-items .index-news-item .index-news-item-img img { height: 250px; } footer .wrap { flex-direction: column; } footer .footer-phone { margin-top: 20px; } .modal-container { padding: 40px; } .product-detail .request-consult { right: 40px; bottom: 40px; } } @media (max-width: 820px) { .history-item { flex: 1 0 100%; max-width: 100%; } .history-item.history-coffee2 { display: none; } } @media (max-width: 768px) { header div > .coffe { flex-shrink: 0; width: 58px; height: 58px; padding: 0; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='58' height='57' viewBox='0 0 58 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.4462 7.63071C34.0248 6.84482 35.8708 6.79081 37.493 7.48305L47.3636 11.6951C49.5696 12.6365 51 14.7964 51 17.1863V42.3741C51 46.6631 46.5956 49.5548 42.6364 47.8653L35.9174 44.998C35.3766 44.7672 34.7612 44.7853 34.235 45.0472L25.5538 49.3692C23.9752 50.1552 22.1292 50.2092 20.507 49.517L10.6365 45.3049C8.43038 44.3636 7 42.2035 7 39.8138V14.6259C7 10.3369 11.4043 7.44519 15.3635 9.13471L22.0826 12.002C22.6234 12.2327 23.2387 12.2147 23.7649 11.9528L32.4462 7.63071ZM37 11.6059V41.1518C37.1662 41.2062 37.3308 41.2679 37.493 41.3372L44.2122 44.2045C45.5318 44.7676 47 43.8038 47 42.3741V17.1863C47 16.3897 46.5232 15.6697 45.7878 15.3559L37 11.6059ZM33 41.243V11.808L25.5538 15.5151C25.3724 15.6054 25.1876 15.686 25 15.7569V45.192L32.4462 41.485C32.6276 41.3946 32.8124 41.3139 33 41.243ZM20.507 15.6628C20.6692 15.732 20.8337 15.7938 21 15.8481V45.3941L12.2122 41.6441C11.4768 41.3302 11 40.6103 11 39.8138V14.6259C11 13.1963 12.4681 12.2323 13.7878 12.7955L20.507 15.6628Z' fill='white' /%3E%3C/svg%3E"); background-size: 30px; background-repeat: no-repeat; background-position: center; border: 1px solid #fff; border-radius: 50%; } .inside_header div > .coffe { background-image: url("data:image/svg+xml,%3Csvg width='58' height='57' viewBox='0 0 58 57' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.4462 7.63071C34.0248 6.84482 35.8708 6.79081 37.493 7.48305L47.3636 11.6951C49.5696 12.6365 51 14.7964 51 17.1863V42.3741C51 46.6631 46.5956 49.5548 42.6364 47.8653L35.9174 44.998C35.3766 44.7672 34.7612 44.7853 34.235 45.0472L25.5538 49.3692C23.9752 50.1552 22.1292 50.2092 20.507 49.517L10.6365 45.3049C8.43038 44.3636 7 42.2035 7 39.8138V14.6259C7 10.3369 11.4043 7.44519 15.3635 9.13471L22.0826 12.002C22.6234 12.2327 23.2387 12.2147 23.7649 11.9528L32.4462 7.63071ZM37 11.6059V41.1518C37.1662 41.2062 37.3308 41.2679 37.493 41.3372L44.2122 44.2045C45.5318 44.7676 47 43.8038 47 42.3741V17.1863C47 16.3897 46.5232 15.6697 45.7878 15.3559L37 11.6059ZM33 41.243V11.808L25.5538 15.5151C25.3724 15.6054 25.1876 15.686 25 15.7569V45.192L32.4462 41.485C32.6276 41.3946 32.8124 41.3139 33 41.243ZM20.507 15.6628C20.6692 15.732 20.8337 15.7938 21 15.8481V45.3941L12.2122 41.6441C11.4768 41.3302 11 40.6103 11 39.8138V14.6259C11 13.1963 12.4681 12.2323 13.7878 12.7955L20.507 15.6628Z' fill='%231E1E1E' /%3E%3C/svg%3E"); border-color: rgba(0, 0, 0, 0.35); } header .wrap { padding: 0; } .banner_car .banner_car_list .slick-prev, .banner_car .banner_car_list .slick-next { display: none!important; } .banner_car .banner_car_list .banner_car_list_items .text_part { padding: 0 20px; } .banner_car .banner_car_list .banner_car_list_items .text_part p { font-size: 26px; } .banner_car .banner_car_list .banner_car_list_items .text_part button { margin-top: 35px; } .product .product_list .product_list_items > a { height: 250px; overflow: hidden; } .index-news .wrap h2, .title-row { margin-bottom: 30px; } .services .wrap h1, .wrap h2, .contact-form .wrap h2, .title-row h2 { font-size: 28px; } .product h2 { font-size: 22px; padding: 30px 0; } .product .product_list .product_list_items > p a { -webkit-line-clamp: 2; height: 44px; } .product .product_list .product_list_items > p:last-of-type { padding-bottom: 0; } .product .product_list-container .product_list-arrow { top: 20%; } .product .order { margin: 30px auto; } .index-news, .reviews, .work, .history, .geomap, .services { padding: 30px 0; } .footer-top { padding: 30px 0 36px; } .history-item .history-nums { gap: 15px; } .history-item .history-nums li { flex: auto; } .history-item .history-nums li:nth-child(2n+2), .history-item .history-nums li:nth-child(2n+1) { width: calc(100% / 2 - 15px * 1 / 2); } .work .work_list .work_list_items { flex: 0 0 100%; } .work .work-navigation, .services .services-navigation { position: absolute; top: calc(100% + 45px); z-index: 50; right: 15px; } .work .work-navigation .work-nav-prev, .work .work-navigation .work-nav-next, .services .services-navigation .services-nav-prev, .services .services-navigation .services-nav-next { background-color: #fff; background-size: 43px; } .contact-form { padding: 30px 40px; margin: 0 20px; } .contact-form form input { width: 100%; } .contact-form form button { width: 100%; } .index-news .index-news-items .index-news-item { width: 100%; } .product-detail-top { flex-direction: column; gap: 20px; } .product-detail-info { margin-left: 0; max-width: none; } .detail-elem-modal { max-width: none; flex: 0 0 250px; height: 250px; } .product-detail .tab-content.active { padding-right: 0; } .product-detail .request-consult { position: static; display: flex; margin: 0 auto; } .product-detail-offers { display: flex; flex-direction: column; gap: 25px; } .product-detail-offers p { margin-bottom: 10px; } .product-item-detail-properties { margin-top: 25px; } .product-detail-top { margin-bottom: 20px; } .product-detail .tabs { gap: 25px; margin-bottom: 0; } } @media (max-width: 700px) { .product .product_list .product_list_items .price { /* flex-direction: column; */ /* align-items: flex-start; */ } .review-item { flex: 0 0 100%; } } @media (max-width: 600px) { .product .product_list .product_list_items { flex: 0 0 100%; max-width: 100%; } .product .product_list .product_list_items .price { flex-direction: row; align-items: center; } .product .product_list .product_list_items .price > p { font-size: 22px; } } @media (max-width: 480px) { header div { gap: 10px; } header div > .lk, header div > .coffe, header div > .shop, header div > .lk.btn-call, header div > .cart { width: 50px; height: 50px; } header { padding: 20px; } .banner_car { margin-top: -90px; } .history-item .history-nums li:nth-child(2n+2), .history-item .history-nums li:nth-child(2n+1) { width: 100%; } .history-item .history-nums .num-text br { display: none; } .history-item .history-nums { gap: 5px; text-align: center; } .contact-form { padding: 30px 0; } footer .footer-col ul { flex-direction: column; } footer .footer-col ul li { flex: 1 1 100%; max-width: none; } .news-detail-block .detail_picture { height: 350px; } .sale-order-list-accomplished-title-container, .personal-order-list-info { padding: 20px; } } .bx-soa-cart-total, .sidebar-personal-section-right-order-place .order-info-wrapper{ background:#FAF9F6; border-radius: 40px; padding: 29px 24px 34px 24px; margin-bottom:13px; margin-top: 20px; } .personal-consultation-block{ gap: 11px; display: flex; flex-direction: column; padding: 29px 24px 34px 24px; } .personal-consultation-block .consultation-item { } .personal-consultation-block .flex-wrapper{ display:flex; gap: 22px; } .sidebar-personal-section-right-order-place .buttons-wrapper{ display: flex; flex-direction: column; gap: 14px; } .sidebar-personal-section-right-order-place .order-info h3{ font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; line-height: 100%; letter-spacing: 0; text-transform: uppercase; margin-bottom:30px; } .sidebar-personal-section-right-order-place .order-info p{ font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; line-height: 100%; color: #1E1E1E; } .sidebar-personal-section-right-order-place .order-weight{ margin-bottom:30px; } .sidebar-personal-section-right-order-place .order-discount{ margin-bottom:5px; } .sidebar-personal-section-right-order-place .order-info{ margin-bottom:30px; } .sidebar-personal-section-right-order-place .buttons-wrapper button, .order_but { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; line-height: 100%; letter-spacing: 0; text-transform: uppercase; color: #FFFFFF; border-radius: 40px; height: 66px; padding: 10px 20px; } .sidebar-personal-section-right-order-place .place-order, .order_but { background:#0A5F38 ; } .sidebar-personal-section-right-order-place .reset-order{ background: #143423; } .main-content-personal-section .product .product_list .product_list_items{ display: grid; grid-template-columns: 165px 338px 1fr 1fr; gap: 20px; max-width: unset; } .main-content-personal-section .product .product_list{ flex-direction: column; } .main-content-personal-section .product .product_list .product_list_items > a{ max-width: 165px; max-height: 111px; border-radius:31px; overflow: hidden; } .main-content-personal-section .product .product_list { flex-direction: column; } .main-content-personal-section .product .product_list .product_list_items .price{ align-items: flex-start; flex-direction: column; margin-top: 0; margin-bottom: auto; } .main-content-personal-section .product .product_list .product_list_items .price p { font-size: 16px; } .personal-title-product { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; line-height: 100%; letter-spacing: 0; text-transform: uppercase; margin-bottom: 15px; } .personal-preview-text{ font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: 0; } .btn-form-block { display: flex; flex-direction: column; align-items: center; } .personal-select-section{ margin-bottom:34px; width: 100%; background: #FAF9F6; padding:29px 32px; border: unset; border-radius: 40px; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; line-height: 100%; background-image: url('/local/templates/sibkofe/images/personal-select-section.svg'); background-repeat: no-repeat; background-position: right 32px center; background-size: 20px; } .personal-select-section.lower { background-image: url('/local/templates/sibkofe/images/personal-select-section-lower.svg'); background-repeat: no-repeat; background-position: right 32px center; background-size: 20px; margin-top: 34px; } .personal-main-section{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 15px; align-items: center; margin-bottom: 24px; background: #FAF9F6; border-radius: 40px; padding: 29px 24px 34px 24px; } .personal-main-section a { padding: 5px 10px; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; line-height: 100%; text-decoration: none; text-align: center; width: fit-content; border-radius: 40px; } .personal-main-section a.active { background-color: #F1BE49; } .personal-main-section.custom a.section-link:first-child { width: fit-content; margin:0 auto; } .sidebar-personal-section ul.left-menu li { margin-bottom: 15px; } .container-personal-section-setting .setting-main-section span{ font-family: 'Montserrat', sans-serif; } .container-personal-section-setting{ display: grid; grid-template-columns: 315px 1fr; gap: 20px; } .setting-main-section .personal-settings-block h2{ margin-bottom:43px; } .setting-main-section .personal-discounts-block h2{ margin-bottom:28px; } .setting-main-section .personal-address-block h2{ margin-bottom:24px; } .setting-main-section .personal-setting-send-email-block h2{ margin-bottom:29px; } .personal-settings-block{ margin-bottom:71px; } .personal-discounts-block{ margin-bottom:58px; } .personal-address-block{ margin-bottom:67px; } .personal-setting-send-email-block{ margin-bottom:63px; } .personal-settings-block input, .order_bord { background:#FAF9F6; padding: 30px; border-radius: 40px !important; border: 1px solid #00000038; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 100%; color:#000000 } .personal-settings-block input::placeholder{ font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 100%; color:#000000 } .personal-settings-block input:disabled{ background-color: #f0f0f0; /* Светло-серый фон */ color: #888; } .personal-discounts-percent-wrapper { display: flex; flex-wrap: wrap; gap: 8px; /* Отступ между кругами */ } .personal-discounts-percent-wrapper span { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #FAF9F6; border: 1px solid #00000038; font-weight: 400; font-size: 18px; line-height: 100%; } .personal-discounts-percent-wrapper .active { background: #F1BE49; border: unset; } .wrapper-setting-send-email{ gap: 20px; display: flex; flex-direction: column; } .container-personal-section-setting .wrapper-setting-send-email input[type="radio"] { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #D3D3D3; /* Серый цвет границы */ border-radius: 50%; background-color: #FAF9F6; /* Светлый фон */ display: inline-block; cursor: pointer; position: relative; margin: 0px; } .container-personal-section-setting .wrapper-setting-send-email input[type="radio"]:checked::before { content: ""; width: 10px; height: 10px; background-color: #F1BE49; /* Желтая точка внутри */ border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .wrapper-setting-send-email label{ display: flex; align-items: center; gap:20px } .wrapper-personal-setting-button button{ font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 18px; line-height: 100%; padding: 20px 40px; background: #0A5F38; color: white; border-radius: 40px; margin:unset; } .wrapper-personal-setting-button{ display:flex; gap:20px; flex-wrap: wrap; } .setting-main-section .error-form span{ padding: 22px 40px; border-radius: 40px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; line-height: 100%; color: red; } .setting-main-section .error-form span.success-message { color:green; } .personal-profile-address{ display: flex; gap: 10px; flex-direction: column; } .personal-profile-address p{ max-width: max-content; padding: 10px; border: 1px solid #00000038; background: #FAF9F6; border-radius: 40px; } .personal-profile-address p:nth-child(n+4) { display: none; } .personal-toggle-link{ text-decoration: none; margin-top: 10px; } .subsection-item { border: 1px solid #eee; margin-bottom: 10px; border-radius: 8px; overflow: hidden; } .subsection-header { padding: 15px; cursor: pointer; display: flex; align-items: center; background: #f8f9fa; transition: background 0.3s; } .subsection-header:hover { background: #f1f1f1; } .subsection-image { width: 60px; height: 60px; object-fit: cover; margin-right: 15px; border-radius: 4px; } .subsection-info { flex-grow: 1; } .subsection-title { margin: 0 0 5px; font-size: 16px; color: #333; } .subsection-desc { margin: 0; font-size: 14px; color: #666; } .toggle-arrow { width: 24px; height: 24px; background: url('data:image/svg+xml;utf8,') no-repeat center; transition: transform 0.3s; } .subsection-item.expanded .toggle-arrow { transform: rotate(180deg); } .subsection-content-wrapper { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; padding-left: 30px; } .subsection-item.expanded .subsection-content-wrapper { max-height: 5000px; } .subsection-content-wrapper .product_list_items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 15px; } /* Иерархические отступы */ .subsection-content-wrapper .subsection-item { margin-left: 20px; border-width: 1px; } .subsection-content-wrapper .subsection-item .subsection-item { margin-left: 40px; } .cart-order-right { border: none !important; font-family: 'Montserrat', sans-serif; } .order-top { margin-top: 0px !important; } .item_block_stock { margin-top: 20px; } .but_stock { font-weight: 700 !important; font-size: 24px !important; color: #000; text-decoration: none; text-transform: none !important; max-width: none!important; } div[id^="wait_comp_"] { display: none!important;} .discount-banner { background: linear-gradient(90deg, #e6b832, #0d5e37); border-radius: 30px; padding: 15px 15px; color: #000; font-family: Arial, sans-serif; max-width: 400px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); margin-bottom: 0px; } .discount-title { font-family: 'Montserrat', sans-serif; font-size: 15px; margin-bottom: 10px; font-weight: 400; } .discount-percent { font-family: 'Montserrat', sans-serif; font-size: 48px; font-weight: bold; } .order-items { margin-top: 30px; margin-bottom: 30px; border: 1px solid #D9D9D9; border-radius: 40px; padding: 15px; width: max-content; } .popup-window-buttons .btn.btn-default{ border-radius: 20px; padding: 10px; background-color: #0a5f38; transition: .25s; } .popup-window-buttons .btn.btn-default:hover { background: #F1BE49; } .popup-window-content img{ margin-left: auto; margin-right: auto; } .row.m-0.custom > div { margin-bottom: 15px; } .order-summary.custom{ display: flex; flex-direction: column; width: fit-content; margin: 0 auto; } .table tbody tr:not(:last-child) td { position: relative; } .table tbody tr:not(:last-child) td::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 1px dotted #ccc; z-index: 0; } .order-details p{ margin-bottom: 15px; } .custom-wrapper-order-summary{ display: flex; justify-content: flex-end; transform: translate(0px, -50px); float: right; } .order-actions { display: flex; gap: 10px; } .order-actions.custom{ display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .basket-checkout-block.basket-checkout-block-btn > button { position: relative; display: inline-block; padding: 12px 24px; background-color: #0A5F38; overflow: hidden; z-index: 1; transition: color 0.3s ease, border-color 0.3s ease; border-radius: 40px; } /* Псевдоэлемент ::before на кнопке */ .basket-checkout-block.basket-checkout-block-btn > button::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: #F1BE49; z-index: -1; transition: left 0.7s ease; } /* Ховер — сдвиг фона кнопки */ .basket-checkout-block.basket-checkout-block-btn:hover > button::before { left: 0; } /* Ховер — текст кнопки */ .basket-checkout-block.basket-checkout-block-btn:hover > button { color: white !important; } .mb-3.basket-items-list-wrapper.basket-items-list-wrapper-height-fixed.custom { border-radius: 16px; } .mb-3.basket-items-list-wrapper.basket-items-list-wrapper-height-fixed.custom .basket-items-list-container{ border-radius: 16px; } .mb-3.basket-items-list-wrapper.basket-items-list-wrapper-height-fixed.custom .basket-items-list-header{ border-radius: 16px; } .custom-checkbox{ margin-top: 20px; } label.custom-checkbox.error { display: block; } .basket-item-scu-item.selected,.basket-item-scu-item{ border: unset; } .basket-item-scu-item { position: relative; padding-left: 30px; display: flex; align-items: center; justify-content: flex-start; font-weight: bold; } .basket-item-scu-item::before { content: ''; position: absolute; left: 8px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border: 1px solid #D9D9D9; border-radius: 50%; background: #FAF9F6; box-sizing: border-box; } .basket-item-scu-item.selected::after { content: ''; position: absolute; left: 11px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; background: #0A5F38; border-radius: 50%; } .title-order-wrapper{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } @media (max-width: 768px) { .order-items table { width: 100%; display: block; } .order-items thead { display: none; } .order-items tbody { display: block; } .order-items tr { display: block; margin-bottom: 20px; border: 1px solid #eee; border-radius: 8px; padding: 10px; } .order-items td { display: block; width: 100%!important; box-sizing: border-box; padding: 6px 0; position: relative; } .order-items td::before { content: attr(data-label); font-weight: bold; color: #555; display: block; margin-bottom: 4px; } .order-items img { max-width: 100px; height: auto; margin: 0 auto; } .bx-soa-cart-total, .sidebar-personal-section-right-order-place .order-info-wrapper, .personal-settings-block input, .order_bord { padding: 20px; } } @media (max-width: 1580px) { .personal-main-section.custom a { margin: 0 auto; } .main-content-personal-section { padding: 20px 0; } .main-content-personal-section .product { padding: 0; } .personal-main-section { -ms-grid-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .main-content-personal-section .product .product_list { flex-direction: row; } .main-content-personal-section .product .product_list .product_list_items { display: flex; flex-basis: calc(100% / 2 - 12px * 1 / 2); } .main-content-personal-section .product .product_list .product_list_items > a { overflow: hidden; } .main-content-personal-section .product .product_list .product_list_items .price { flex-direction: row; align-items: center; } } @media (max-width: 1180px) { .container-personal-section-setting, .container-personal-section-order-place { grid-template-columns: 1fr; } .personal-settings-block .input-wrapper { grid-template-columns: repeat(3, 1fr); } .setting-main-section .error-form { grid-column: span 3; } ul.left-menu { display: flex; flex-wrap: wrap; align-items: stretch; gap: 15px; } .sidebar-personal-section ul.left-menu li { display: flex; align-items: center; justify-content: center; width: calc(100% / 4 - 15px * 3 / 4); text-align: center; height: 65px; margin-bottom: 0; } .sidebar-personal-section { padding: 20px 0 0 0; } .main-content-personal-section { padding: 0; } ul.left-menu li a { padding-left: 0; } .main-content-personal-section .product .product_list .product_list_items { display: grid; flex-basis: 100%; } .subsection-content-wrapper { padding-left: 0; } .sidebar-personal-section-right-order-place .buttons-wrapper button, .order_but { width: fit-content; } } @media (max-width: 991px) { .main-content-personal-section .product .product_list .product_list_items { display: flex; flex-basis: calc(100% / 3 - 12px * 2 / 3); } .main-content-personal-section .product .product_list .product_list_items > a { max-width: none; max-height: 180px; } .main-content-personal-section .product .product_list .product_list_items .price { margin-top: unset; } .main-content-personal-section .product .product_list .product_list_items > a + div { margin-bottom: auto; } .personal-settings-block .input-wrapper { grid-template-columns: repeat(2, 1fr); } .setting-main-section .error-form { grid-column: span 2; } } @media (max-width: 820px) { .sidebar-personal-section ul.left-menu li { width: calc(100% / 3 - 15px * 2 / 3); } } @media (max-width: 768px) { .main-content-personal-section .product .product_list .product_list_items { flex-basis: calc(100% / 2 - 12px * 1 / 2); } .basket-checkout-block.basket-checkout-block-btn > button { height: 50px; max-width: 200px; } .product .product_list .product_list_items > a img { max-width: 143px; } } @media (max-width: 620px) { .sidebar-personal-section ul.left-menu li { width: calc(100% / 2 - 15px * 1 / 2); } .personal-settings-block .input-wrapper { grid-template-columns: repeat(1, 1fr); } .setting-main-section .error-form { grid-column: span 1; } } @media (max-width: 540px) { .main-content-personal-section .product .product_list .product_list_items { flex-basis: 100%; } } @media (max-width: 480px) { .sidebar-personal-section ul.left-menu li { width: 100%; height: 50px; } ul.left-menu { gap: 10px; } .product .product_list .product_list_items .price { justify-content: center; padding-right: 0; } .sidebar-personal-section-right-order-place .buttons-wrapper { align-items: center; } .sidebar-personal-section-right-order-place .buttons-wrapper button, .order_but { width: 100%; max-width: 200px; } } .wrapper-requisites-contact{ flex: 50%; } .wrapper-address-contact.wrapper-address-contact{ flex: 50%; } .wrapper-personal-setting-button button:before{ } /* End */ /* /local/templates/sibkofe/js/slick/slick.css?17330707471776 */ /* /local/templates/sibkofe/js/slick/slick-theme.css?17330707472796 */ /* /local/templates/sibkofe/js/Swiper/swiper-bundle.min.css?173349072318458 */ /* /local/templates/sibkofe/js/fancybox.css?173307074715512 */ /* /local/templates/sibkofe/js/select2.min.css?173368517416264 */ /* /local/templates/sibkofe/components/bitrix/sale.basket.basket.line/main/style.css?17406624174900 */ /* /bitrix/components/bitrix/breadcrumb/templates/.default/style.min.css?1714206787467 */ /* /local/templates/sibkofe/template_styles.css?174738816885166 */