/* Start:/local/templates/main/css/swiper-bundle.min.css?176497265118436*/ /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/local/templates/main/css/jquery.fancybox.min.css?176497265112795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/assets/css/global.css?17649726528332*/ @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Bicubik'; src: url('/local/templates/main/assets/css/../fonts/bicubik.otf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-RegularItalic.ttf') format('truetype'); font-weight: 400; font-style: italic; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-Heavy.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'SF Pro Text'; src: url('/local/templates/main/assets/css/../fonts/SFProText-HeavyItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Cera Pro'; src: url('/local/templates/main/assets/css/../fonts/CeraPro-Light.eot'); src: local('Cera Pro Light'), local('CeraPro-Light'), url('/local/templates/main/assets/css/../fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/css/../fonts/CeraPro-Light.woff2') format('woff2'), url('/local/templates/main/assets/css/../fonts/CeraPro-Light.woff') format('woff'), url('/local/templates/main/assets/css/../fonts/CeraPro-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/local/templates/main/assets/css/../fonts/CeraPro-Medium.eot'); src: local('Cera Pro Medium'), local('CeraPro-Medium'), url('/local/templates/main/assets/css/../fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/css/../fonts/CeraPro-Medium.woff2') format('woff2'), url('/local/templates/main/assets/css/../fonts/CeraPro-Medium.woff') format('woff'), url('/local/templates/main/assets/css/../fonts/CeraPro-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Cera Pro'; src: url('/local/templates/main/assets/css/../fonts/CeraPro-Regular.eot'); src: local('Cera Pro Regular'), local('CeraPro-Regular'), url('/local/templates/main/assets/css/../fonts/CeraPro-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/css/../fonts/CeraPro-Regular.woff2') format('woff2'), url('/local/templates/main/assets/css/../fonts/CeraPro-Regular.woff') format('woff'), url('/local/templates/main/assets/css/../fonts/CeraPro-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } :root { --neutral_10: #000000; --neutral_20: #363330; --neutral_30: #525252; --neutral_40: #6C6660; --neutral_50: #878078; --neutral_60: #9F9993; --neutral_70: #B2B2B2; --neutral_80: #CFCCC9; --neutral_88: #E2E1DF; --neutral_90: #E7E6E4; --neutral_94: #F0F0F0; --neutral_100: #FFFFFF; --skin_tones_lighter: #F3E4D3; --skin_tones_0: #EAD1B5; --skin_tones_darker: #E2BF98; --nature_lighter: #68701F; --nature_0: #4A5016; --nature_darker: #3B4012; --intuition_lighter: #C695DB; --intuition_0: #B576D0; --intuition_darker: #A558C6; --femine_lighter: #FADBDE; --femine_0: #F7C9CD; --femine_darker: #F2A6AD; --energy_lighter: #FFA27A; --energy_0: #FF8049; --energy_darker: #FF6A29; --joy_lighter: #FBE193; --joy_0: #FAD66D; --joy_darker: #F8C83A; --calm_lighter: #40dfec; --calm_0: #36BDC8; --calm_darker: #2da0a9; --error: #FF4848; } html, body { font-family: 'SF Pro Text'; background: var(--neutral_100); } *, *::before, *::after { box-sizing: border-box; } html { box-sizing: border-box; } body { margin: 0!important; } h1, h2, h3, h4, h5, h6 { font-family: 'SF Pro Text'; font-weight: 600; font-size: 30px; line-height: 100%; text-transform: uppercase; margin: 0; color: var(--neutral_30); } img { max-width: 100%; display: block; } video { max-width: 100%; } button, input, textarea { font-family: 'SF Pro Text'; font-size: 24px; font-weight: 300; line-height: 32.78px; text-align: left; transition: all 0.2s; border: none; } input, textarea { padding: 14px; font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 22px; vertical-align: middle; border: 1px solid #525252; border-radius: 6px; resize: none; width: 100%; outline: none; } .form-group { margin-bottom: 18px; } .form-group input[type="checkbox"] { display: none; } .form-group input[type="checkbox"] + label { position: relative; padding-left: 40px; } .form-group input[type="checkbox"] + label::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border: 1px solid var(--neutral_30); border-radius: 4px; transition: all 0.2s; } .form-group input[type="checkbox"]:checked + label::before { background: url("/local/templates/main/assets/css/../images/check.svg") no-repeat center center; } .form-group label { padding-left: 26px; font-family: 'Cera Pro'; font-weight: 300; font-size: 12px; line-height: 15px; vertical-align: middle; color: var(--neutral_30); cursor: pointer; } button { cursor: pointer; transition: all 0.2s; } button:disabled { pointer-events: none; opacity: 0.5; cursor: default; } a { display: flex; text-decoration: none; transition: all 0.2s; color: var(--neutral_20); border-bottom: 1px solid transparent; } a:hover { color: var(--neutral_10); } p, li { font-family: 'SF Pro Text'; } body { font-size: 16px; color: var(--neutral_10); font-weight: 400; background: var(--neutral_100); } .container { max-width: 100%; margin: 0 auto; width: 100%; padding: 0 60px; } input { outline: none; box-shadow: none; } .btn { font-weight: 500; font-size: 16px; line-height: 110%; text-transform: uppercase; transition: all 0.5s; color: var(--neutral_30); position: relative; opacity: 1; background: none; padding-left: 0; padding-right: 0; } .btn:hover { color: var(--neutral_30); } .btn:after { content: ''; position: absolute; left: 0; bottom: -3px; width: 16px; height: 1.5px; background: var(--neutral_30); transition: all 0.7s; } .btn:hover:after { width: 100%; } .btn-white { color: var(--neutral_100); } .btn-white:after { background: var(--neutral_100); } .btn-white:hover:after { width: 100%; } .btn-white:hover { color: var(--neutral_100); } .btn-calm { font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; color: var(--neutral_30); background: #36BDC880; border-radius: 10px; padding: 14px 20px; } .btn-calm:hover { background: #36BDC8; color: var(--neutral_100); } .btn-calm:disabled { background: #36BDC880; color: var(--neutral_100); } .home-body { background: #F2F2F2; } /* End */ /* Start:/local/templates/main/assets/css/header.css?176969509311163*/ .site-header { position: relative; padding: 28px 0; z-index: 15; background: var(--neutral_100); border-bottom: 1px solid #DDDDDD; transition: all 0.2s; } .site-header.home-header { border-bottom: 0; background: none; } .site-header__wrapper { display: flex; align-items: center; justify-content: space-between; } .site-header__left { display: flex; align-items: center; } .site-header__recent { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; } .site-header__recent_dropdown a { color: var(--neutral_20)!important; } .site-header__recent li:not(:last-child) { margin-right: 16px; } .site-header__recent li a { font-weight: 500; font-size: 16px; line-height: 110%; text-transform: uppercase; border-bottom: 1.5px solid transparent; transition: all 0.5s; } .site-header__recent li a:hover { border-bottom-color: var(--neutral_100); } .site-header__logo { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .site-header__menu { position: relative; /*left: 18px;*/ /*top: 50%;*/ /*transform: translateY(-50%);*/ margin-top: 1px; margin-right: 15px; } .site-header__right { display: flex; align-items: center; } .site-header__icon { margin-left: 20px; position: relative; } .site-header__icon:hover { opacity: 0.7; } .home-header .site-header__menu svg path { stroke: var(--neutral_100); } .home-header .site-header__recent li a { color: var(--neutral_100); } .home-header .site-header__logo svg path { fill: var(--neutral_100); } .home-header .site-header__icon svg path { fill: var(--neutral_100); } .home-header .site-header__icon.site-favorite svg path { stroke: var(--neutral_100); fill: none; } .home-header.scrolled { background: #fff; border-bottom: 1px solid #DDDDDD; } .home-header.scrolled .site-header__menu svg path { stroke: #525252; } .home-header.scrolled .site-header__recent li a { color: #525252; } .home-header.scrolled .site-header__logo svg path { fill: #525252; } .home-header.scrolled .site-header__icon svg path { fill: #525252; } .home-header.scrolled .site-header__icon.site-favorite svg path { stroke: #525252; fill: none; } .home-header.scrolled .icon-count { color: #525252; border: 2px solid #525252; } .site-header__recent__more { position: relative; padding-right: 25px; } .site-header__recent__more:after { content: ''; position: absolute; right: 0; bottom: 1px; width: 20px; height: 20px; transform: rotate(90deg); background: url('/local/templates/main/assets/css/../images/m_arrow.svg') no-repeat center center; background-size: contain; } .site-header__recent_dropdown { position: absolute; visibility: hidden; top: 100%; left: 0; background: #fff; list-style: none; margin: 0; padding: 10px 15px; border: 1px solid #ccc; opacity: 0; transition: all 0.2s; z-index: 1000; white-space: nowrap; } .site-header__recent_dropdown li:not(:last-child) { margin-bottom: 10px; } .site-header__recent__more:hover .site-header__recent_dropdown { opacity: 1; visibility: visible; } .icon-count { position: absolute; right: -11px; top: -8px; width: 17px; height: 17px; border-radius: 100%; border: 1.5px solid var(--neutral_30); font-family: 'Cera Pro'; font-weight: 500; font-size: 11px; line-height: 13px; text-align: center; color: var(--neutral_30); display: flex; align-items: center; justify-content: center; } .home-header .icon-count { color: var(--neutral_100); background: none!important; border: 1.5px solid var(--neutral_100); } .menu-overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 50; background: rgba(195, 195, 195, 0.7); transition: all 0.2s; opacity: 0; visibility: hidden; } .menu-overlay.active { opacity: 1; visibility: visible; } .menu-container { left: -100%; position: fixed; top: 0; height: 100vh; z-index: 51; transition: all 0.2s; opacity: 0; visibility: hidden; } .menu-container.active { left: 0; opacity: 1; visibility: visible; } .menu { background: #fff; height: 100%; padding: 20px; width: 391px; overflow-y: auto; } .menu__head { display: flex; align-items: center; margin-bottom: 30px; } .menu__head ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; } .menu__head ul li { margin-left: 16px; } .menu__head ul a { font-weight: 700; font-size: 16px; line-height: 100%; text-transform: uppercase; } .menu__title { font-size: 24px; font-weight: 600; line-height: 56px; letter-spacing: -0.005em; text-align: left; } .menu-level { list-style: none; padding: 0; margin: 0; margin-bottom: 20px; border-bottom: 1px solid #ABA8A8; } .menu-level li { margin-bottom: 0; } .menu-level li a { display: flex; align-items: center; margin-bottom: 22px; max-height: 25px; font-weight: 500; font-size: 16px; line-height: 100%; color: var(--neutral_30); } .menu-level li a:hover { opacity: 0.7; } .sub-menu-level li a { max-height: none; } .menu-level li a:hover span { opacity: 0.7; } .menu-level li a span { font-weight: 500; font-size: 16px; line-height: 100%; transition: all 0.7s; } @media (min-width: 821px) { .menu-level li:hover > .sub-menu-level { opacity: 1; visibility: visible; } } .menu-level svg { margin-right: 13px; } .menu__icon { min-width: 73px; display: block; } .menu-parent { position: relative; } .menu-parent > .button-submenu-toggle { position: absolute; content: ''; width: 40px; height: 40px; top: 0; } .menu-parent > .button-submenu-toggle { position: absolute; content: ''; width: 24px; height: 24px; right: 0; top: 0; background: url("/local/templates/main/assets/css/../images/m_arrow.svg") no-repeat center center; background-size: contain; transition: all 0.2s; } .menu-parent > .button-submenu-toggle.open { transform: rotate(90deg); } .sub-menu-level { margin: 0; padding: 0; padding-top: 20px; padding-left: 20px; padding-right: 20px; left: 390px; top: 0; width: 391px; height: 100vh; background: #fff; position: fixed; opacity: 0; visibility: hidden; transition: all 0.2s; list-style: none; overflow-y: auto; overflow-x: hidden; border-left: 1px solid #ABA8A8; } /* total width */ .sub-menu-level::-webkit-scrollbar { background-color:#fff; width:5px } /* background of the scrollbar except button or resizer */ .sub-menu-level::-webkit-scrollbar-track { background-color:#fff } .sub-menu-level::-webkit-scrollbar-track:hover { background-color:#f4f4f4 } /* scrollbar itself */ .sub-menu-level::-webkit-scrollbar-thumb { background-color:#babac0; border-radius:3px; border:1px solid #fff } .sub-menu-level::-webkit-scrollbar-thumb:hover { background-color:#a0a0a5; border:1px solid #f4f4f4 } .sub-menu-level.level-2 { left: 780px; border-left: 1px solid #ABA8A8; } .sub-menu-level span { font-weight: 700; font-size: 16px; line-height: 100%; text-transform: uppercase; margin-bottom: 31px; margin-top: 4px; display: block; } .sub-menu-level span a { margin-bottom: 0; color: var(--neutral_20); font-weight: 700; font-size: 16px; line-height: 100%; text-transform: uppercase; } .sub-menu-level li { margin-bottom: 25px; } .sub-menu-level li a { margin-bottom: 0; font-weight: 500; font-size: 16px; line-height: 100%; color: var(--neutral_30); display: block; } .sub-menu-level li span { font-weight: 700; font-size: 16px; line-height: 100%; text-transform: uppercase; margin-bottom: 31px; display: block; margin-top: 3px; } .sub-menu-level li span a { font-size: 24px; font-weight: 600; line-height: 24px; letter-spacing: -0.005em; text-align: left; max-height: 25px; } .menu__search .input-container { margin: 0; } .menu__search .form-group .input-field { margin: 0; padding: 5px 16px; background: url("/local/templates/main/assets/css/../../images/search.svg") no-repeat 94% center; } .menu__search .form-group .input-label { top: 5.5px; } .menu__search .form-group .input-field:focus + .input-label { opacity: 0; } .menu__search .form-group .input-label.filled { opacity: 0; } .search-result ul { list-style: none; padding: 0; margin: 0; } .search-result ul li { margin-bottom: 25px; } .search-result ul li a { margin-bottom: 0; font-size: 20px; font-weight: 500; line-height: 22px; letter-spacing: -0.005em; text-align: left; display: block; } .menu__bottom p { font-weight: 400; font-size: 14px; line-height: 100%; color: var(--neutral_30); } .menu__bottom .btn-calm { font-family: 'Bicubik'; font-weight: 400; font-size: 16px; line-height: 20px; display: flex; justify-content: center; } .menu__social { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: space-between; margin-top: 22px; } .scrolled.site-header { z-index: 25; } @media screen and (max-width: 820px) { .menu { max-width: 391px; width: 90%; } .site-header__recent { display: none; } .container { padding: 0 16px; } .site-header__logo { position: relative; left: 0; top: 0; transform: none; } .menu-parent > a:before { transform: rotate(90deg); top: -3px; } .sub-menu-level, .sub-menu-level.level-2 { position: relative; left: -21px; top: auto; height: auto; opacity: 1; border-left: 0; padding-left: 27px; max-height: 0; visibility: hidden; padding-top: 0; padding-bottom: 0; transition: all 0.5s; } .menu { overflow-y: auto; } .sub-menu-level li span a { font-weight: 700; font-size: 16px; line-height: 100%; text-transform: uppercase; margin-bottom: 31px; margin-top: 4px; display: block; margin-top: 30px; } .sub-menu-level.open { max-height: 500px; overflow-y: auto; overflow-x: hidden; visibility: visible; opacity: 1; } .site-header { padding: 14px 0; position: sticky; top: 0; z-index: 30; } .site-header__icon { margin-right: 12px; margin-left: 0; } .site-header__logo { max-width: 120px; } .breadcrumbs li span { white-space: nowrap; } .site-header__logo { margin-right: auto; margin-left: 0; } .site-favorite .icon-count { right: -13px; } .sub-menu-level span { display: none } } /* End */ /* Start:/local/templates/main/assets/css/footer.css?17666639882314*/ .site-footer { background: var(--neutral_100); padding: 60px 60px 20px; } .site-footer__wrapper { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 100px; } .site-footer__column { display: flex; flex-direction: column; align-items: flex-start; max-width: 350px; } .site-footer__column p { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 100%; margin: 20px 0; color: var(--neutral_30); } .site-footer__column .btn-calm { width: 100%; display: flex; justify-content: center; align-items: center; } .site-footer__social { display: grid; list-style: none; grid-template-columns: repeat(3, 1fr); padding: 0; margin: 0; width: 100%; margin-top: 22px; grid-gap: 25px; } .site-footer__social li { margin-right: 10px; } .site-footer__column .in_p { font-size: 12px; line-height: 100%; color: #ABABAB; } .site-footer__column span { font-weight: 600; font-size: 22px; line-height: 23px; text-transform: uppercase; color: var(--neutral_30); } .site-footer__menu { list-style: none; padding: 0; margin: 0; margin-top: 22px; } .site-footer__menu li { margin-bottom: 22px; } .site-footer__menu li a { font-weight: 500; font-size: 16px; line-height: 20px; color: var(--neutral_30); } .site-footer__menu li a:hover { color: var(--neutral_10); } .site-footer__bottom { display: flex; align-items: center; justify-content: space-between; } .site-footer__bottom p, .site-footer__bottom a { font-family: 'Cera Pro'; font-weight: 400; font-size: 13px; line-height: 100%; color: #ABABAB; } .site-footer__bottom a img { margin: 0 5px; } .site-footer__bottom a:hover { opacity: 0.5; } @media screen and (max-width: 820px) { .site-footer { padding-left: 16px; padding-right: 16px; } .site-footer__wrapper { flex-direction: column; margin-bottom: 0; } .site-footer__column { margin-bottom: 60px; } .site-footer__bottom { flex-direction: column; align-items: flex-start; } .site-footer__bottom p, .site-footer__bottom a { margin: 0; margin-top: 20px; } } /* End */ /* Start:/local/templates/main/assets/css/style.css?177628353667644*/ /** marquee */ .cookie-wrapper .text-link { background: none; color: #777; text-decoration: underline; padding: 0; } .cookie-wrapper .text-link:hover { background: none; color: #777; text-decoration: none; opacity: 0.7; padding: 0; } .marquee-container { width: 100%; overflow: hidden; background: var(--calm_0); white-space: nowrap; position: relative; color: var(--neutral_100); } .marquee-track { display: flex; white-space: nowrap; animation: marquee 20s linear infinite; } .marquee-text { display: flex; align-items: center; padding: 10px 0; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 100%; margin-left: 23px; } .marquee-text img { margin: 0 10px; } @keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-50%); } } /** main swiper */ .section-main-slider { margin-top: -80px; } .section-main-slider__image { position: relative; } .section-main-slider__image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); } .section-main-slider__content { position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; height: 100%; display: flex; align-items: center; } .section-main-slider__title { font-weight: 500; font-size: 34px; line-height: 44px; text-transform: uppercase; color: var(--neutral_100); max-width: 875px; margin-bottom: 16px; } .section-main-slider__content a { font-weight: 600; font-size: 16px; line-height: 20px; text-transform: uppercase; color: var(--neutral_100); position: relative; padding-bottom: 6px; display: inline-block; } .section-main-slider__content a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 16px; height: 1px; background: var(--neutral_100); transition: all 0.7s; } .section-main-slider__content a:hover:before { width: 100%; } .section-main-slider { overflow: hidden; } .section-main-slider__image { height: 100%; } .section-main-slider__image img { width: 100%; height: 100%; object-fit: cover; } .section-main-slider__image video { width: 100%; height: 100%; object-fit: cover; } .section-banner-page.programm-banner video { width: 100%; height: 100%; object-fit: cover; } .section-banner-page-fited img { object-position: bottom; } .section-banner-page__content { padding: 0 20px; } .section-banner-page.programm-banner p { text-align: center; } #main-swiper { height: 100vh; min-height: 754px; position: relative; } #main-swiper .swiper-slide { height: 100%; } #main-swiper .swiper-button-next, #main-swiper .swiper-button-prev { width: 32px; height: 32px; } #main-swiper .swiper-button-next:after, #main-swiper .swiper-button-prev:after { content: ''; width: 32px; height: 32px; background: url("/local/templates/main/assets/css/../images/swiper-arrow.svg") no-repeat center center; } #main-swiper .swiper-button-next:after { transform: rotate(180deg); } #main-swiper .swiper-pagination { width: auto; left: 60px; bottom: 30%; display: flex; align-items: center; height: 12px; } #main-swiper .swiper-pagination .swiper-pagination-bullet { width: 6px; height: 6px; opacity: 1; transition: all 0.7s; margin: 0 2px; background: var(--neutral_100); } #main-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px; background: var(--calm_0); } /** section-home-categories */ .search-page .section-catalog-page__list { grid-template-columns: repeat(4, 1fr); } .section-home-categories { margin: 50px 0; } .section-home-categories__wrapper ul { display: flex; align-items: flex-start; justify-content: space-between; list-style: none; padding: 0; margin: 0; } .section-home-categories__wrapper ul a { display: flex; flex-direction: column; align-items: center; } .section-home-categories__wrapper ul img { width: 110px; height: 110px; border-radius: 100%; border: 2px solid var(--calm_0); object-fit: cover; margin-bottom: 12px; transition: all 0.7s; } .section-home-categories__wrapper ul span { display: block; font-weight: 500; font-size: 14px; line-height: 100%; text-align: center; text-transform: uppercase; max-width: 110px; color: var(--neutral_30); } .section-home-categories__wrapper ul a:hover img { opacity: 0.5; } /** section-swiper-categories */ .section-swiper-categories { margin: 50px 0; overflow: hidden; } .section-swiper-categories__item { width: 50%; height: 630px; } .section-swiper-categories__image { width: 100%; height: 100%; position: relative; } .section-swiper-categories__image img { width: 100%; height: 100%; object-fit: cover; } .section-swiper-categories__image:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("/local/templates/main/assets/css/../images/noise.png") no-repeat center center; background-size: cover; opacity: 0.06; } .section-swiper-categories__title { position: absolute; left: 30px; top: 30px; font-weight: 600; font-size: 30px; line-height: 100%; text-transform: uppercase; color: var(--neutral_100); transition: all 0.7s; } .section-swiper-categories__detail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(55, 55, 55, 0.5); opacity: 0; transition: all 0.7s; } .section-swiper-categories__detail span { font-family: 'Cera Pro'; font-weight: 500; font-size: 18px; line-height: 26px; color: var(--neutral_100); display: block; z-index: 20; position: relative; padding-right: 25px; } .section-swiper-categories__detail span:after { content: ''; position: absolute; right: 0; bottom: 1px; background: url("/local/templates/main/assets/css/../images/detail_arrow.svg") no-repeat center center; width: 12px; height: 20px; } .section-swiper-categories__item:hover .section-swiper-categories__title { opacity: 1; } @media (hover: hover) { .section-swiper-categories__item:hover .section-swiper-categories__detail { opacity: 1; } } /** section-shop-items-swiper */ .section-shop-items-swiper { margin: 50px 0; overflow: hidden; } .section-shop-items-swiper__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } /** Shop cart */ .shop-cart { position: relative; width: calc((100% / 4) - 8px); } .shop-cart__image { height: 32vw; width: 100%; /*max-height: 573px;*/ } .shop-cart__image span { display: block; width: 100%; } .shop-cart__image:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/local/templates/main/assets/css/../images/noise.png') no-repeat center center; background-size: cover; opacity: 0.06; } .shop-cart__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .shop-cart__content { margin-top: 10px; display: flex; flex-direction: column; align-items: flex-start; } .shop-cart__title { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; } .shop-cart__price { display: flex; align-items: center; } .shop-cart__price .main-price { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; margin-right: 10px; } .shop-cart__old-price { font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 26px; text-decoration: line-through; color: #696969; } .shop-cart__colors { display: flex; align-items: center; margin-left: 13px; } .shop-cart__colors span { width: 10px; height: 10px; display: block; border-radius: 100%; margin-right: 4px; } .shop-cart__bottom { display: flex; align-items: center; } .shop-cart .add-to-favorites { position: absolute; top: 14px; right: 14px; width: 33px; height: 33px; z-index: 17; } .shop-cart__image { position: relative; } .shop-cart__image:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(55, 55, 55, 0.5); transition: all 0.7s; opacity: 0; z-index: 15; } .detail-btn { position: absolute; left: 50%; top: 46%; transform: translateX(-50%) translateY(-50%); font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 20px; color: var(--neutral_100); text-transform: none; z-index: 17; opacity: 0; transition: all 0.7s; } .detail-btn.btn:after { background: var(--neutral_100); } @media (hover: hover) { .shop-cart:hover .shop-cart__image:after { opacity: 1; } .shop-cart:hover .detail-btn { opacity: 1; color: var(--neutral_100); } } .section-with-navigation__content_text { max-height: 80vh; overflow-y: auto; } .add-to-favorites .in-favorites path { fill: var(--calm_0); } /** section-banner-page */ .section-banner-page { position: relative; margin: 60px 0; overflow: hidden; } .section-banner-page:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/local/templates/main/assets/css/../images/noise.png') no-repeat center center; background-size: cover; opacity: 0.06; } .section-banner-page:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0000000F; background-size: cover; opacity: 0.06; z-index: 16; } .section-banner-page img { width: 100%; height: 650px; object-fit: cover; } .section-banner-page__content span { font-weight: 600; font-size: clamp(48px, 13vw, 184px); line-height: 144px; color: var(--neutral_100); white-space: nowrap; text-transform: uppercase; } .banner-bottom-content .section-banner-page__content span { color: #2C9CA6; } .section-banner-page .section-banner-page__content { bottom: auto; top: 50%; position: absolute; align-items: center; width: 100%; display: flex; flex-direction: column; transform: translateY(-50%); z-index: 17; } .section-banner-page .section-banner-page__content .btn { margin-top: 22px; } .section-banner-page.banner-bottom-content .section-banner-page__content { position: absolute; left: 0; top: auto; transform: none; bottom: 0; display: flex; flex-direction: column; align-items: center; z-index: 17; } .banner-bottom-content .section-banner-page__content .btn { margin-left: auto; margin-right: 60px; margin-bottom: 25px; } .section-banner-page.programm-banner { height: 636px; } .section-banner-page.programm-banner span { font-weight: 600; font-size: 64px; line-height: 20px; text-transform: uppercase; display: block; margin-bottom: 20px; } .section-banner-page.programm-banner p { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; margin-bottom: 20px; color: var(--neutral_100); } .section-banner-page.programm-banner a { margin-top: 0!important; } /** section-shops */ .section-shops { margin: 60px 0; } .section-shops .section-swiper-categories__item { max-width: 430px; max-height: 500px; } .section-shops .section-swiper-categories__item:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.36) 100%); } .section-shops .section-swiper-categories__title { font-weight: 600; font-size: 22px; line-height: 100%; text-transform: uppercase; top: auto; bottom: 30px; z-index: 16; } .section-shops__head { margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; } /** section head */ .section-head { padding: 26px 0; background: var(--neutral_100); } .breadcrumbs { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; } .breadcrumbs li { display: flex; align-items: center; } .breadcrumbs li a, .breadcrumbs li span { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--neutral_30); } .breadcrumbs li a:hover { opacity: 0.7; } .breadcrumbs li span { color: #A7B8B9; } .breadcrumbs li .sep { margin: 0 5px; color: var(--neutral_30); } /** section-catalog-page */ .section-catalog-page { padding: 30px 0; background: var(--neutral_100); } .section-catalog-page h1 { font-weight: 600; font-size: 22px; line-height: 100%; text-transform: uppercase; color: var(--neutral_30); margin-top: 0; margin-bottom: 43px; } .section-catalog-page__list { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 8px; grid-row-gap: 50px; } .section-catalog-page__list .shop-cart { max-height: 37vw; width: 100%; max-width: none; } .section-catalog-page__list .shop-cart__image { max-height: 32vw; object-fit: cover; /* если нужно обрезать изображение по высоте */ } .section-catalog-page__wrapper { display: grid; grid-template-columns: 300px repeat(3, 1fr); grid-gap: 45px; } .section-catalog-page__right { grid-column: span 3 / auto; } .shop-cart__title { min-width: 0; flex-shrink: 1; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .left-menu-list { list-style: none; padding: 0; margin: 0; font-family: sans-serif; } .left-menu { position: sticky; top: 25px; } .left-menu-list > li { cursor: pointer; margin-bottom: 18px; } .left-menu-list > li:hover a { color: var(--neutral_10); } .left-menu-list a { text-decoration: none; color: #333; display: block; font-family: 'Cera Pro'; font-weight: 400; font-size: 20px; line-height: 100%; color: var(--neutral_30); } .submenu-header { display: flex; justify-content: space-between; align-items: center; position: relative; } .submenu-header span { position: relative; z-index: 6; font-family: 'Cera Pro'; font-weight: 400; font-size: 20px; line-height: 100%; transition: all 0.5s; color: var(--neutral_30); } .submenu-header span:hover { color: var(--neutral_10); } .submenu-header:after { content: ''; position: absolute; left: -9px; top: -3px; width: calc(100% + 18px); height: calc(100% + 8px); background: #36BDC833; border-radius: 3px; z-index: 5; opacity: 0; transition: all 0.5s; } .submenu-header .arrow { display: flex; width: 10px; height: 10px; background: url("/local/templates/main/assets/css/../images/el_arrow.svg")no-repeat center center; background-size: contain; transform: rotate(180deg); transition: all 0.5s; } .left-submenu { list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; transition: all 0.5s; opacity: 0; } .left-submenu li:first-child { margin-top: 14px; } .left-submenu li a { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 100%; color: var(--neutral_30); } .left-submenu li { padding: 8px 0; } .submenu-toggle.open .left-submenu { overflow: visible; opacity: 1; max-height: 5000px; } .submenu-toggle.open .arrow { transform: rotate(0deg); } .submenu-toggle.open .submenu-header:after { opacity: 1; } .filters { display: flex; gap: 20px; flex-wrap: wrap; font-family: sans-serif; margin-bottom: 40px; } .filter { position: relative; } .filter-btn { font-family: 'Cera Pro'; font-weight: 400; font-size: 18px; line-height: 100%; color: var(--neutral_30); background: none; transition: all 0.6s; outline: none; padding: 0; padding-right: 16px; position: relative; } .filter-btn:after { position: absolute; content: ''; width: 10px; height: 10px; right: 0; top: 60%; transform: translateY(-50%); background: url('/local/templates/main/assets/css/../images/m_arrow_b.svg') no-repeat center center; background-size: contain; transition: all 0.5s; } .filter-dropdown, .filter-price { position: absolute; top: 130%; left: 0; background: #fff; border-radius: 8px; box-shadow: 0px 3px 9px 0px #0000001F; z-index: 20; min-width: 160px; margin: 0!important; padding: 13px 0!important; opacity: 0; visibility: hidden; transition: all 0.5s; } .filter.open .filter-dropdown, .filter.open .filter-price { opacity: 1; visibility: visible; } .filter.open .filter-btn:after { transform: rotate(180deg) translateY(-50%); top: 0; } .filter-dropdown li { list-style: none!important; padding: 5px 16px!important; cursor: pointer; transition: 0.2s; font-family: 'Cera Pro' !important; font-weight: 500!important; font-size: 16px!important; line-height: 26px!important; vertical-align: middle; border-radius: 3px!important; margin: 0!important; } .filter-dropdown li:before { display: none!important; } .filter-price { padding: 16px; } .filter-price__wrapper { display: flex; align-items: center; } .filter-dropdown li:hover { background: #36BDC833; } .filter-price input { width: 130px; padding: 16px; font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; vertical-align: middle; border: none; background: #F6F6F6; border-radius: 4px; } .filter-price span { color: var(--neutral_30); } .filter-price span { margin: 0 5px; } .apply-btn { cursor: pointer; width: 100%; display: flex; justify-content: center; margin-top: 16px; } .colors li { display: flex; align-items: center; gap: 8px; } .color { width: 12px; height: 12px; border-radius: 50%; display: inline-block; border: 1px solid #ccc; } .sorting-filter li { font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 26px; vertical-align: middle; color: var(--neutral_10); white-space: nowrap; } .sorting-filter-wrapper { margin-left: auto; } .sorting-filter-wrapper .filter-dropdown { left: auto; right: 0; } .catalog-navigation { display: flex; align-items: flex-start; flex-direction: column; margin-top: 40px; position: relative; } .catalog-navigation .more-button { position: absolute; right: 0; top: 0; margin-top: 5px; } .catalog-navigation span { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 26px; display: block; color: #525252; margin-bottom: 10px; } .catalog-navigation__wrapper { display: flex; align-items: flex-start; justify-content: flex-start; list-style: none; padding: 0; margin: 0; margin-bottom: 20px; } .disabled.prev { display: none; } .catalog-navigation__wrapper li { display: flex; align-items: center; justify-content: center; } .catalog-navigation__wrapper li a.current-page { font-weight: 700; color: #36BDC8; border-bottom: 1px solid #36BDC8; pointer-events: none; } .catalog-navigation__wrapper a { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-family: 'SF Pro Text'; font-weight: 500; font-size: 14px; line-height: 140%; text-align: center; color: #AEAEAE; } .catalog-navigation__wrapper a:hover { color: #525252; } .section-page-card { padding: 0 60px 60px; font-family: sans-serif; background: #fff; } .section-page-card__container { display: flex; flex-wrap: wrap; gap: 40px; } .section-page-card__swiper { width: 100%; } .section-page-card__gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; } .section-page-card__gallery { grid-column: span 2 / auto; } .section-page-card__gallery-item img { width: 100%; display: block; } .section-page-card__gallery-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 8px; } /* Мобильный вид — swiper */ @media (max-width: 767px) { .section-page-card__gallery { display: block; } .section-page-card__gallery-wrapper { display: flex; } .section-page-card__gallery-item { min-width: 100%; } } .section-page-card__image img { width: 100%; border-radius: 10px; object-fit: cover; } .section-page-card__content { display: flex; flex-direction: column; } .section-page-card__title { font-family: 'Cera Pro'; font-weight: 500; font-size: 30px; line-height: 32px; margin-bottom: 28px; text-transform: none; color: var(--neutral_10); } .section-page-card__content_wrapper { position: sticky; top: 20px; max-height: 100vh; overflow-y: auto; overflow-x: hidden; } .section-page-card__price { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 8px; } .section-page-card__price-current { font-family: 'Cera Pro'; font-weight: 500; font-size: 22px; line-height: 26px; } .section-page-card__price_desc { width: 100%; font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 26px; display: flex; margin-bottom: 30px; } .section-page-card__price_desc span { color: var(--calm_0); padding-left: 25px; background: url("/local/templates/main/assets/css/../images/price.svg") no-repeat center left; background-size: 19px; margin-right: 5px; } .bonuses { width: auto; margin-left: auto; position: relative; padding-right: 22px; } .bonuses p { margin: 0; font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 26px; color: var(--neutral_30); } .bonuses__icon { position: absolute; right: 0; top: -7px; width: 16px; height: 16px; cursor: pointer; background: url("/local/templates/main/assets/css/../images/help.svg") no-repeat center center; } .section-page-card__price-old { font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 26px; color: #696969; text-decoration: line-through; } .bonuses__content { position: absolute; right: 7px; top: 0; box-shadow: 0px 3px 9px 0px #0000001F; background: var(--neutral_100); padding: 14px; border-radius: 10px; font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 20px; width: 278px; opacity: 0; visibility: hidden; transition: all 0.5s; } .bonuses__icon:hover ~ .bonuses__content { opacity: 1; visibility: visible; } .bonuses__content:hover { opacity: 1; visibility: visible; } .bonuses__content p { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 10px; } .bonuses__content a { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 20px; text-decoration: underline; } .section-page-card__colors { display: flex; gap: 10px; margin-bottom: 11px; } .section-page-card__color { width: 38px; height: 38px; border-radius: 100%; cursor: pointer; position: relative; } .section-page-card__color:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); border: 2px solid var(--neutral_100); border-radius: 100%; width: calc(100% - 2px); height: calc(100% - 2px); opacity: 0; } .section-page-card__color.active:after { opacity: 1; } .section-page-card__size label { display: block; margin-bottom: 4px; font-size: 14px; } .section-page-card__size select { width: 100%; font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; vertical-align: middle; background: #F6F6F6; color: #818181; padding: 16px; border: 1px solid #A7B8B9; border-radius: 6px; outline: none; cursor: pointer; } .section-page-card__add-to-cart { color: white; border: none; background: var(--calm_0); cursor: pointer; display: flex; justify-content: center; } .section-page-card__add-to-cart img { margin-left: 15px; } .section-page-card__add-to-cart:hover { opacity: 0.7; } .section-page-card__buttons { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; } .section-page-card__buttons .btn-calm { width: calc(100% - 47px); } .section-page-card__buttons .add-to-favorites { width: 30px; height: 30px; background: url("/local/templates/main/assets/css/../images/b_heart.svg") no-repeat center center; } .section-page-card__info { list-style: none; padding: 0; } .section-page-card__info li { margin-bottom: 6px; padding: 12px 0; display: flex; align-items: center; justify-content: space-between; position: relative; } .section-page-card__info a { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; vertical-align: middle; position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding-right: 30px; } .section-page-card__rating { position: absolute; right: 30px; top: 12px; display: flex; align-items: center; } .section-page-card__rating span { width: 18px; height: 18px; background: url("/local/templates/main/assets/css/../images/start.svg") no-repeat center center; } .section-page-card__rating span:nth-child(5) { margin-right: 15px; } .section-page-card__rating span.filed { background: url("/local/templates/main/assets/css/../images/star_filed.svg") no-repeat center center; } .section-page-card__info a:after { content: ''; position: absolute; top: 7px; right: 0; width: 12px; height: 12px; background: url("/local/templates/main/assets/css/../images/m_arrow_b.svg") no-repeat center center; transform: rotate(-90deg); } .section-page-card__description { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 24px; color: #818181; padding: 25px 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; position: relative; } .section-page-card__description p { margin-top: 0; } .section-page-card__description_toggle { max-height: 146px; overflow: hidden; transition: all 0.5s; max-width: 90%; } .section-page-card__description_toggle.open { max-height: 1000px; } .open-more { position: absolute; bottom: 25px; right: 0; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--neutral_30); } .section-page-card__rating { margin-top: auto; font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 26px; color: #373737; } .section-page-card__container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 53px; } .modal { visibility: hidden; opacity: 0; position: fixed; z-index: 1001; right: 0; top: 0; background: white; max-width: 432px; width: 100%; height: 100vh; transition: all 0.5s; padding: 64px 34px; } .modal.active { opacity: 1; visibility: visible; } .modal-overlay { opacity: 0; visibility: hidden; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); transition: all 0.5s; } .modal-overlay.active { opacity: 1; visibility: visible; } .modal__head { display: flex; align-items: center; justify-content: space-between; } .modal__head h2 { font-family: 'Cera Pro'; font-weight: 500; font-size: 22px; line-height: 26px; text-transform: none; } .modal-close { width: 19px; height: 19px; background: url("/local/templates/main/assets/css/../images/close.svg") no-repeat center center; } .modal__content { margin-top: 40px; } .modal__content p { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: #373737; } .modal__content table { width: 100%; border-collapse: collapse; } .modal__content span { margin-top: 12px; display: block; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: #818181; } .modal__content table th { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 14px; color: #373737; width: 48px; padding: 5px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; } .modal__content table td { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 14px; color: #373737; text-align: center; padding: 12px 0; border-bottom: 1px solid #DBDBDB; } .modal__content_text p { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; color: #818181; } .modal__content_text p b { font-weight: 700; } .modal__adreses { overflow-y: auto; max-height: 80vh; } .modal__adreses_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .modal__adreses_item a { font-family: 'Cera Pro'; font-weight: 500; font-size: 14px; line-height: 26px; vertical-align: middle; color: var(--neutral_30); } .modal__adreses_head a, .modal__adreses_head span { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; vertical-align: middle; display: block; color: #373737; margin: 0; } .modal__adreses_item { padding: 16px 0; border-bottom: 1px solid #DBDBDB; } .modal__adreses_item ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; margin-top: 20px; } .modal__adreses_item ul li { margin-right: 5px; padding-right: 8px; position: relative; } .modal__adreses_item ul li:before { content: ''; position: absolute; right: 0; bottom: 7px; width: 4px; height: 4px; background: #DBDBDB; border-radius: 100%; } .modal-question-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: flex-start; } .modal-question-list li { margin-bottom: 20px; } .modal__reviews { max-height: 80vh; overflow-y: auto; } .modal__reviews_item { padding: 16px 0; border-bottom: 1px solid #DBDBDB; } .modal__reviews_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .modal__reviews_head span { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; vertical-align: middle; color: #373737; margin: 0; } .modal__reviews_right { display: flex; align-items: center; } .modal__reviews_right ul { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; margin-right: 15px; } .modal__reviews_right ul li { width: 18px; height: 18px; background: url("/local/templates/main/assets/css/../images/start.svg") no-repeat center center; } .modal__reviews_right ul li.filed { background: url("/local/templates/main/assets/css/../images/star_filed.svg") no-repeat center center; } .modal__reviews_right .date { font-family: 'Cera Pro'; font-weight: 500; font-size: 13px; line-height: 18px; text-align: right; vertical-align: middle; color: var(--neutral_30); width: 100px; } .modal__reviews_type { font-family: 'Cera Pro'; font-weight: 500; font-size: 13px; line-height: 18px; vertical-align: middle; margin-bottom: 6px; color: var(--neutral_30); } .modal__reviews_content p, .modal__reviews_content { margin-top: 0; font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 18px; vertical-align: middle; color: var(--neutral_30); } /** section-with-navigation */ .section-with-navigation { padding: 0 60px 60px; } .section-with-navigation__list { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; position: sticky; top: 25px; } .section-with-navigation__list li { margin-bottom: 18px; } .section-with-navigation__list a { font-family: 'Cera Pro'; font-weight: 400; font-size: 20px; line-height: 100%; color: var(--neutral_30); } .section-with-navigation__list a.active { font-weight: 500; position: relative; } .section-with-navigation__list a.active:before { content: ''; position: absolute; left: -9px; top: -3px; width: calc(100% + 18px); height: calc(100% + 8px); background: #36BDC833; border-radius: 3px; } .section-with-navigation__wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 45px; } .section-with-navigation__content { grid-column: span 3 / auto; } .section-with-navigation__content p { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: #373737; } .section-with-navigation__content_text span { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; letter-spacing: 0%; color: #373737; display: block; padding: 8px 18px; background: #F8F8F8; border-radius: 10px; margin-bottom: 24px; margin-top: 24px; } .section-with-navigation__content ul { list-style: none; padding: 0; margin: 0; } .section-with-navigation__content_text h2 { margin-bottom: 20px; } .section-with-navigation__content li { padding-left: 25px; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: #373737; margin-bottom: 10px; position: relative; } .section-with-navigation__content li:before { content: ''; position: absolute; left: 0; top: 9px; background: var(--calm_0); border-radius: 100%; width: 10px; height: 10px; } .line { display: flex; align-items: center; } .line span { font-family: 'Cera Pro'; font-weight: 500; font-size: 18px; line-height: 26px; background: none; padding: 0; margin-left: 12px; margin-bottom: 0; } .line-icon { width: 38px; height: 38px; border-radius: 100%; background: #ECECEC; display: flex; align-items: center; justify-content: center; } .socials { display: flex; align-items: center; padding-left: 25px; } .socials a { margin-right: 25px; } .section-with-navigation__category { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0; } .section-with-navigation__category .section-swiper-categories__item { width: 100%; position: relative; height: 35vw; } .section-with-navigation__category .section-swiper-categories__item img { display: block; } .section-with-navigation__category h2 { grid-column: span 2 / auto; font-family: 'Cera Pro'; font-weight: 500; font-size: 24px; line-height: 26px; margin-bottom: 20px; margin-top: 20px; text-transform: none; } .accordion { width: 100%; overflow: hidden; padding: 20px 0; display: flex; flex-direction: column; align-items: flex-start; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; } .accordion__intro { position: relative; font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; color: #373737; width: 100%; padding-right: 37px; cursor: pointer; } .accordion__intro:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-39%); width: 24px; height: 24px; transition: all 0.2s; background: url("/local/templates/main/assets/css/../images/acc_arrow.svg") no-repeat center center; } .accordion__active .accordion__intro:after { transform: translateY(-41%) rotate(180deg); } .accordion__content { max-height: 0; overflow: hidden; will-change: max-height; transition: all 0.25s ease-out; opacity: 0; width: 100%; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: #373737; } .accordion__content_text { padding-top: 25px; } .accordion__content hr { width: 100%; border-top: 1px solid #A7B4CC; margin-top: 24px; margin-bottom: 24px; } .accordion__content a { font-weight: 400; font-size: 18px; line-height: 120%; color: var(--red-color); border-bottom: 1px solid var(--red-color); } .accordion__content a:not(:last-child) { margin-bottom: 16px; } .accordion__content a:last-child { margin-bottom: 24px; } .accordion__content a:hover { opacity: 0.7; border-bottom-color: transparent; } .accordion__content a:active { opacity: 0.5; border-bottom-color: transparent; } .accordion__content { display: flex; flex-direction: column; align-items: flex-start; } .accordion p { margin: 0; line-height: 1; } .accordion p { font-weight: 400; font-size: 18px; line-height: 120%; color: var(--dark-gray); margin-bottom: 16px; } .accordion__active .accordion__content { opacity: 1; } .question-content { display: flex; flex-direction: column; } .question-content .btn { margin-left: auto; margin-top: 25px; } .section-with-navigation__contacts_head { padding: 30px 20px; background: var(--neutral_100); box-shadow: 0px 4px 64px 0px #0000000D; border-radius: 10px; display: flex; align-items: flex-start; justify-content: space-between; } .section-with-navigation__contacts_column span { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; margin-bottom: 9px; display: block; color: #373737; } .section-with-navigation__contacts_column a { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; color: #525252; } .section-with-navigation__contacts_column a:hover { opacity: 0.7; } .section-with-navigation__contacts_column ul { display: flex; align-items: center; } .section-with-navigation__contacts_column ul li:first-child{ padding-left: 0; } .section-with-navigation__contacts_column ul li:before { display: none; } .section-with-navigation__contacts_form{ padding: 30px 20px; background: var(--neutral_100); box-shadow: 0px 4px 64px 0px #0000000D; border-radius: 10px; margin-top: 20px; position: relative; } .section-with-navigation__contacts_form h2 { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; margin-bottom: 34px; text-transform: none; } .section-with-navigation__contacts_form form { max-width: 566px; } .section-with-navigation__contacts_form:after { content: ''; display: block; width: 67px; height: 100%; position: absolute; right: 30px; top: 0; background: url("/local/templates/main/assets/css/../images/c_logo.svg") no-repeat center center; background-size: contain; } #map { height: 520px; margin-top: -50px; } .section-with-navigation__content_text #map { margin-top: 0; border-radius: 10px; overflow: hidden; } .map-location-list { margin-top: 40px; } .map-location-list__item { padding: 20px 0; border-bottom: 1px solid #DDDDDD; position: relative; } .map-location-list__item:last-child { border-bottom: 0; } .map-location-list__name { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; color: #373737; margin-bottom: 8px; } .map-location-list__line p b { font-weight: 500; } .map-location-list__line p { margin: 0; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: var(--neutral_30); margin-top: 6px; } .in-map { position: absolute; right: 0; top: 20px; font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; text-decoration: underline; } .in-map:hover { text-decoration: none; } .section-cart { padding: 43px 60px; } .section-cart__wrapper { max-width: 1070px; margin: 0 auto; } .section-cart h2 { font-family: 'SF Pro Text'; font-weight: 600; font-size: 20px; line-height: 26px; margin-bottom: 21px; } .section-cart__content_item { display: flex; align-items: flex-start; } .section-cart__content_image { width: 88px; height: 117px; margin-right: 27px; } .section-cart__content_image img { width: 100%; height: 100%; object-fit: cover; } .section-cart__content_info { display: flex; flex-direction: column; align-items: flex-start; position: relative; height: 117px; width: calc(100% - 115px); } .section-cart__content_info p { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 22px; color: var(--neutral_30); margin: 0; } .cart-item { width: 100%; border-bottom: 0.5px solid #DDDDDD; padding: 20px 0; } .cart-item__quantity { display: flex; align-items: center; margin-top: auto; } .cart-item__quantity input { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; text-transform: uppercase; background: none; padding: 0; margin: 0; border: none; outline: none; width: 25px; text-align: center; appearance: none; } .cart-item__quantity input::-webkit-outer-spin-button, .cart-item__quantity input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .cart-item__quantity span { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; text-transform: uppercase; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid #525252; background: none; transition: all 0.2s; } .cart-item__quantity span:hover { opacity: 0.7; } .cart-item__price { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; text-transform: uppercase; position: absolute; right: 0; bottom: 0; } .section-cart__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 50px; } .section-cart__wrapper__left { grid-column: span 2 / auto; } .cart-item__delete { display: block; width: 11px; height: 11px; background: url("/local/templates/main/assets/css/../images/close.svg") no-repeat center center; background-size: contain; position: absolute; right: 0; top: 0; } .section-cart__form { margin-top: 60px; } .section-cart__form h2 { font-weight: 600; font-size: 18px; line-height: 26px; text-transform: uppercase; margin-bottom: 20px; margin-top: 0; } .delivery__item { padding: 18px 20px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 20px; } .delivery__head { position: relative; display: flex; align-items: center; cursor: pointer; } .delivery__head_info { padding-left: 32px; } .delivery__head_info span { font-weight: 500; font-size: 16px; line-height: 22px; display: block; margin-bottom: 4px; } .delivery__head_info p { font-weight: 400; font-size: 16px; line-height: 22px; margin: 0; } .delivery__item input[type='radio'] { display: none; } .delivery__head:after { content: ''; width: 20px; height: 20px; border-radius: 100%; border: 1px solid #99979E; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .delivery__head:before { content: ''; width: 12px; height: 12px; background: var(--calm_0); border-radius: 100%; position: absolute; left: 4px; top: 50%; transform: translateY(-50%); opacity: 0; transition: all 0.5s; } .delivery__item input:checked ~ label .delivery__head:before { opacity: 1; } .delivery__content { max-height: 0; transition: all 0.5s; visibility: hidden; overflow: hidden; display: block; } .delivery__content input:first-child { grid-column: span 2 / auto; } .delivery__content input { border-color: #DDDDDD; } .delivery__content_wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; padding-top: 25px; } .delivery__item input:checked ~ label .delivery__content { max-height: 500px; visibility: visible; opacity: 1; } .delivery__content a { font-weight: 400; font-size: 14px; line-height: 26px; text-decoration: underline; } .delivery__content a:hover { text-decoration: none; } .section-cart__form_delivery { margin-bottom: 60px; } .section-cart__wrapper_sticky { position: sticky; top: 25px; } .contacts-info input, .contacts-info textarea { border: 1px solid #DDDDDD; } .section-cart__order { width: 100%; } .section-cart__order_line { margin-bottom: 8px; width: 100%; display: flex; justify-content: space-between; align-items: center; font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; color: #525252; } .section-cart__order_total { margin-bottom: 25px; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 16px; } .section-cart__order_total span { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; color: #373737; } .section-cart__order_price { display: flex; align-items: center; } .section-cart__order_old-price { font-family: 'Cera Pro'; font-weight: 400; font-size: 16px; line-height: 26px; text-decoration: line-through; color: #B2B1B1; margin-right: 10px; } .section-cart__order_main-price { font-family: 'Cera Pro'; font-weight: 500; font-size: 20px; line-height: 26px; text-align: right; color: var(--calm_0); } .section-cart__order button { width: 100%; display: flex; justify-content: center; } .section-cart__order p { font-family: 'Cera Pro'; font-weight: 400; font-size: 12px; line-height: 17px; color: #B2B1B1; } .section-cart__order p a { color: #B2B1B1; text-decoration: underline; display: contents; border-bottom: 1px solid #B2B1B1; } .profile-wrapper { border: 1px solid #DDDDDD; border-radius: 8px; padding: 30px 20px; display: flex; flex-direction: column; align-items: flex-start; position: relative; max-width: 680px; } .profile-wrapper p { font-weight: 400; font-size: 15px; line-height: 26px; vertical-align: middle; margin: 0; margin-bottom: 14px; font-family: 'SF Pro Text'; } .profile-wrapper p:last-child { margin-bottom: 0; } .profile-wrapper__edit { font-family: 'SF Pro Text'; font-weight: 500; font-size: 15px; line-height: 26px; vertical-align: middle; text-decoration: underline; position: absolute; right: 20px; top: 30px; } .profile-wrapper-edit { max-width: 680px; } .profile-wrapper-edit { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; } .profile-wrapper-edit input { border-color: #DDDDDD; } .profile-wrapper-edit input[type="password"] { font-family: auto; color: var(--calm_0); } .profile-wrapper-edit input::placeholder { font-family: 'SF Pro Text'; } .popup input[type="password"] { font-family: auto; color: var(--calm_0); } .popup input[type="password"]::placeholder { font-family: 'SF Pro Text'; } .profile-wrapper-edit .form-group:first-child { grid-column: span 2 / auto; } .section-favorites { padding: 0 60px 60px; } .section-favorites__head { display: flex; align-items: center; margin-bottom: 40px; } .section-favorites__head_count { font-family: 'SF Pro Text'; font-weight: 500; font-size: 20px; line-height: 100%; color: #C3C3C3; margin-left: 16px; } .section-favorites__wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 50px; grid-column-gap: 20px; } .section-favorites__wrapper .shop-cart { width: 100%; } .orders-wrapper .filters { margin-bottom: 0; } .orders-wrapper .filter-btn { padding: 14px; border: 1px solid #DDDDDD; border-radius: 8px; width: 250px; } .orders-wrapper .filter-btn:after { top: 50%; right: 14px; } .orders-wrapper .filter.open .filter-btn:after { top: 14px; } .orders-wrapper__head { display: flex; align-items: center; justify-content: space-between; } .orders-item { display: flex; align-items: center; padding: 18px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 20px; } .orders-item__image { width: 88px; height: 117px; } .orders-item__image img { width: 100%; height: 100%; object-fit: cover; } .orders-item__content { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 115px); margin-left: 27px; } .orders-item__info { display: flex; flex-direction: column; align-items: flex-start; } .orders-item__info a { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; line-height: 26px; text-transform: uppercase; margin-bottom: 6px; } .orders-item__info p { margin: 0; font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 22px; color: #525252; } .orders-item__status { display: flex; align-items: center; } .orders-item__icon img { width: 25px; height: 25px; margin-right: 8px; } .orders-item__status span { font-family: 'SF Pro Text'; font-weight: 500; font-size: 15px; line-height: 26px; vertical-align: middle; text-decoration: underline; background: none; padding: 0; } .orders-wrapper__content { margin-top: 20px; } .bonuses-wrapper { padding: 40px; display: flex; flex-direction: column; align-items: center; max-width: 680px; border: 1px solid #DDDDDD; border-radius: 8px; } .bonuses-wrapper__count { font-weight: 600; font-size: 20px; line-height: 100%; text-transform: uppercase; margin: 12px 0 22px; } .bonuses-wrapper p { font-family: 'Cera Pro'; font-weight: 400; font-size: 14px; line-height: 100%; text-align: center; max-width: 330px; margin: 0; } .filter-btn-open { display: none; } .filters-button { display: none; } .filters__head { display: none; } @media screen and (max-width: 820px) { .search-page .section-catalog-page__list { grid-template-columns: repeat(2, 1fr); } .section-main-slider__content { align-items: flex-end; padding-bottom: 80px; } .section-main-slider__title { font-weight: 600; font-size: 20px; line-height: 26px; } .section-main-slider__title br { display: none; } .shop-cart__price .main-price { font-size: 15px; } .shop-cart__old-price { font-size: 11px; } .swiper-navigation { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); z-index: 25; } #main-swiper .swiper-button-next, #main-swiper .swiper-button-prev { position: relative; left: auto; top: auto; bottom: auto; right: auto; margin: 0; } #main-swiper .swiper-button-next { transform: rotate(90deg); } #main-swiper .swiper-button-prev { transform: rotate(90deg); } #main-swiper .swiper-pagination { position: relative; left: auto; top: auto; bottom: auto; right: auto; display: flex; flex-direction: column; height: auto; } #main-swiper .swiper-pagination .swiper-pagination-bullet { margin: 3px 0; } .section-main-slider { margin-top: -52px; } .section-home-categories__wrapper { overflow-x: scroll; overflow-y: hidden; width: calc(100% + 32px); margin-left: -16px; padding: 0 16px; } .section-home-categories__wrapper ul { width: 1200px; } .section-swiper-categories__item { height: 80vw; width: 60%; } .section-swiper-categories__title { font-weight: 600; font-size: 16px; line-height: 100%; text-transform: uppercase; } .shop-cart { width: 50%; } .shop-cart__image { height: 62vw; } .banner-bottom-content.banner-bottom-content .section-banner-page__content span { white-space: normal; font-weight: 700; font-size: 78px; line-height: 68px; vertical-align: middle; max-width: 360px; margin-right: auto; margin-left: 9px; } .section-banner-page.banner-bottom-content .section-banner-page__content { top: auto; transform: none; align-items: flex-start; } .section-banner-page.banner-bottom-content .section-banner-page__content .btn { margin-left: 16px; } .section-banner-page.banner-bottom-content .section-banner-page__content { align-items: flex-start; } .banner-bottom-content.section-banner-page:before { background: rgba(0, 0, 0, 0.25); } h1, h2, h3, h4, h5, h6 { font-weight: 600; font-size: 18px; line-height: 100%; text-transform: uppercase; } .btn { font-weight: 600; font-size: 12px; line-height: 20px; text-transform: uppercase; } .section-banner-page .section-banner-page__content { } .section-banner-page__content span { font-weight: 700; font-size: 100px; line-height: 68px; vertical-align: middle; } .section-banner-page.programm-banner span { font-weight: 700; font-size: 38px; line-height: 48px; white-space: normal; text-align: center; margin-bottom: 0; } .left-menu { display: none; } .section-catalog-page__left { grid-column: span 4 / auto; } .section-catalog-page__right { grid-column: span 4 / auto; position: relative; } .section-catalog-page__right .filter-btn-open { position: absolute; right: 0; top: -68px; } .filter-btn-open { display: block; width: 23px; height: 23px; background: url("/local/templates/main/assets/css/../images/filter.svg") no-repeat center center; } .section-catalog-page h1 { margin-bottom: 0; } .section-catalog-page .filters { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; background: #fff; z-index: 30; gap: 0; opacity: 0; visibility: hidden; transition: all 0.5s; } .section-catalog-page .filters.open { visibility: visible; opacity: 1; } .filters__head { padding: 26px 16px; display: flex; align-items: center; justify-content: space-between; width: 100%; } .section-catalog-page .filter { padding: 21px 16px; border-bottom: 1px solid #AEAEAE; } .filters__close { width: 19px; height: 19px; background: url("/local/templates/main/assets/css/../images/close.svg") no-repeat center center; } .section-catalog-page .filter .filter-btn { font-weight: 500; font-size: 18px; line-height: 100%; } .sorting-filter-wrapper { margin-left: 0; } .section-catalog-page .filter .filter-dropdown, .section-catalog-page .filter .filter-price { position: relative; left: auto; top: auto; bottom: auto; right: auto; box-shadow: none; max-height: 0; visibility: hidden; padding: 0!important; } .section-catalog-page .filter.open .filter-dropdown, .section-catalog-page .filter.open .filter-price { position: relative; left: auto; top: auto; bottom: auto; right: auto; box-shadow: none; max-height: 1000px; visibility: visible; padding: 13px 0!important; } .section-catalog-page .filter-dropdown li { padding-left: 0!important; } .filters-button { display: flex; align-items: center; justify-content: center; margin-top: 30px; } .section-catalog-page__list { grid-template-columns: repeat(2, 1fr); width: calc(100% + 24px); margin-left: -12px; grid-column-gap: 4px; } .section-catalog-page__list .shop-cart { height: 79vw; max-height: none; } .section-catalog-page__list .shop-cart__image { max-height: 65vw; } .section-catalog-page__list .shop-cart:nth-child(3n) { grid-column: span 2 / auto; height: 130vw; max-height: none; width: 100%; max-width: none; } .section-catalog-page__list .shop-cart:nth-child(3n) .shop-cart__image { height: 118vw; max-height: none; } .section-catalog-page__list .shop-cart__content { padding: 0 10px; } .shop-cart__title { font-weight: 500; font-size: 14px; line-height: 26px; } .section-page-card { padding-left: 16px; padding-right: 16px; } .section-page-card__container { grid-template-columns: repeat(1, 1fr); } .section-page-card__gallery { grid-column: span 1 / auto; } .section-page-card__gallery { width: calc(100% + 32px); margin-left: -16px; } .section-page-card__gallery-item img { border-radius: 0; } .section-page-card__gallery-item { width: 100% !important; } .section-page-card__gallery-wrapper { grid-gap: 0; } .modal { padding: 36px 16px; } .section-with-navigation__list, .section-with-navigation__wrapper__left { display: none; } .section-with-navigation { padding-left: 16px; padding-right: 16px; } .section-with-navigation__content { grid-column: span 4 / auto; } .section-with-navigation__category .section-swiper-categories__item { height: 80vw; } .section-swiper-categories__title { left: 15px; top: 15px; } .section-with-navigation__contacts_head { flex-direction: column; } .section-with-navigation__contacts_head { gap: 30px; } .section-with-navigation__contacts_column a { font-size: 16px; } .form-group input[type="checkbox"] + label { display: block; } .section-with-navigation__contacts_form:after { display: none; } .section-cart, .section-favorites { padding-left: 16px; padding-right: 16px; } .section-cart__wrapper__left { grid-column: span 3 / auto; } .section-cart__wrapper_right { grid-column: span 3 / auto; } .profile-wrapper-edit .form-group { grid-column: span 2 / auto; } .section-favorites__wrapper { width: calc(100% + 32px); margin-left: -16px; display: grid; grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; grid-column-gap: 4px; } .section-favorites__wrapper .shop-cart { width: 100%; } .section-favorites__wrapper .shop-cart .shop-cart__content { padding: 0 10px; } .orders-item__content { flex-direction: column; } .orders-item__info a { font-weight: 500; font-size: 13px; line-height: 16px; text-transform: uppercase; } .orders-item__info p { font-weight: 400; font-size: 12px; line-height: 16px; } .orders-item__status { margin-left: auto; margin-top: 10px; } .orders-item__status span { margin: 0; font-size: 13px; line-height: 26px; } .orders-wrapper .filter-btn { width: 180px; } .section-shop-items-swiper__head { } .section-shop-items-swiper__head h2 { margin-bottom: 15px; } .section-cart__content_info p { line-height: 16px; } .cart-item__name { font-size: 15px; padding-right: 20px; } .section-cart__content_image { margin-right: 15px; } .section-cart__content_info { width: calc(100% - 100px); } .section-banner-page.programm-banner video { object-position: 20%; } .section-catalog-page__wrapper { grid-template-columns: repeat(4, 1fr); } .swiper-pagination .swiper-pagination-bullet { margin: 3px 0; width: 6px; height: 6px; opacity: 1; transition: all 0.7s; margin: 0 2px; background: var(--neutral_100); } .swiper-pagination .swiper-pagination-bullet-active { width: 12px; height: 12px; background: var(--calm_0); } .breadcrumbs li a, .breadcrumbs li span { font-size: 12px; line-height: 12px; } .breadcrumbs { flex-wrap: wrap; } .section-page-card__title { font-size: 20px; } .swiper-pagination { align-items: center; display: flex; justify-content: center; } .section-shop-items-swiper__head h2 { margin-bottom: 0; } } .left-menu-list { overflow-x: hidden; } .left-menu-list { scrollbar-width: none; /* Firefox */ scrollbar-color: #888 #f1f1f1; } .left-menu-list::-webkit-scrollbar { width: 0px; } .left-menu-list::-webkit-scrollbar-thumb { background-color: #888; border-radius: 3px; } .left-menu-list::-webkit-scrollbar-track { background: #f1f1f1; } .section-with-navigation__content_text ul, .section-with-navigation__content_text ol { padding-left: 20px; } .section-with-navigation__content_text li { margin-bottom: 10px; } select { appearance: none; /* убираем стандартный стиль */ -webkit-appearance: none; -moz-appearance: none; background: #F6F6F6 url('/local/templates/main/assets/css/../images/arrow_s.svg') no-repeat right 10px center / 16px auto!important; padding-right: 30px; /* чтобы текст не налезал на стрелку */ } .breadcrumbs { flex-wrap: wrap; } .section-page-card__gallery-item img { aspect-ratio: 3 / 4; object-fit: cover; } /** New */ .section-catalog-main__block { margin: 50px 0; } .section-catalog-main__block a:hover { opacity: 0.5; } .section-catalog-main__block_main { font-weight: 700; font-size: 22px; line-height: 100%; text-transform: uppercase; margin-bottom: 30px; color: #373737; } .section-catalog-main__block_sub-main { font-weight: 600; font-size: 20px; line-height: 100%; text-transform: uppercase; margin-bottom: 24px; color: #373737; } .section-catalog-main__block_main a { color: #373737; } .section-catalog-main__block_sub-main a { color: #373737; } .section-catalog-main__block_grid:not(:last-child) { margin-bottom: 80px; } .section-catalog-main__block_list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } .section-catalog-main__block_sub-title { font-weight: 600; font-size: 18px; line-height: 100%; color: #525252; margin-bottom: 16px; } .section-catalog-main__block_sub-title:hover { opacity: 0.5; } .section-catalog-main__block_item ul { list-style: none; padding: 0; margin: 0; } .section-catalog-main__block_item ul li { margin-bottom: 14px; } .section-catalog-main__block_item ul li a { font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 0%; color: #525252; } @media screen and (max-width: 600px) { .section-catalog-main__block_list { grid-template-columns: repeat(2, 1fr); } .section-catalog-main__block_main a { font-size: 18px; } .section-catalog-main__block_sub-main a { font-size: 16px; } .section-catalog-main__block_sub-title { font-size: 16px; } .section-catalog-main__block_item ul li a { font-size: 14px; } .section-main-slider__image img { width: 100%; height: 100%; object-fit: cover; object-position: 83%; } .shop-cart__colors { display: none; } .shop-cart__title { min-width: 0; flex-shrink: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; line-height: 100%; } .section-home-categories__wrapper { overflow: auto; /* или scroll */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE/Edge */ } .section-home-categories__wrapper::-webkit-scrollbar { display: none; /* Chrome/Safari */ } } .section-with-navigation__content ul { margin: 20px 0; } .section-with-navigation__content h2 { margin-top: 35px; font-size: 24px; } @media screen and (max-width: 820px) { .section-with-navigation__content h2 { font-weight: 600; font-size: 16px; line-height: 100%; text-transform: uppercase; } } .section-with-navigation__content_text a { display: inline-block; color: var(--calm_0); } .section-with-navigation__contacts_column ul { margin-top: 0; } .left-menu { top: 110px; max-height: 85vh; overflow-y: auto; } .left-menu::-webkit-scrollbar { width: 0; } .scrolled.site-header { position: sticky!important; } .section-shop-items-swiper[data-entity="container-tiayju"] { margin-bottom: -50px; } .section-text a { color: var(--calm_0); display: inline-block; } .section-text a:hover { opacity: 0.7; } .left-menu-list { padding: 0 10px; margin-left: -10px; } .left-menu { padding: 0 10px; margin-left: -10px; } .section-text h2 { font-size: 22px; line-height: 100%; } .section-text li { margin-bottom: 10px; } .section-text li::marker { color: var(--calm_0); } .section-text ul, .section-text ol { margin-left: 0; padding-left: 25px; } @media screen and (max-width: 820px) { .section-banner-page img { object-position: 60%; } } /* End */ /* Start:/local/templates/main/css/popup.css?17649726511714*/ .overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; z-index: 999; transition: all 0.5s; } .popup { position: fixed; top: 0; right: -100%; width: 553px; max-width: 100%; height: 100%; background: #fff; padding: 70px 80px; overflow-y: auto; transition: right 1s ease; z-index: 1000; } .popup.active { right: 0; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2); } .overlay.active { opacity: 1; visibility: visible; } .close-btn { position: absolute; top: 15px; right: 20px; font-size: 24px; cursor: pointer; } .popup h2 { margin-top: 40px; margin-bottom: 20px; } .popup input { width: 100%; padding: 10px 14px; margin-bottom: 14px; border: 1px solid #8A8A8A; border-radius: 6px; font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 22px; vertical-align: middle; } .popup .form-group { margin-bottom: 0; } .popup .form-group label { font-family: 'Cera Pro'; font-weight: 700; font-size: 15px; line-height: 26px; margin-bottom: 10px; padding-left: 0; display: block; } .popup__head { display: flex; flex-direction: column; align-items: center; } .popup__head h2 { font-weight: 600; font-size: 20px; line-height: 100%; text-transform: uppercase; margin-bottom: 8px; } .popup__head p { font-family: 'Cera Pro'; font-weight: 400; font-size: 15px; line-height: 26px; color: #525252; } .popup .btn { margin-top: 34px; } @media screen and (max-width: 768px) { .popup { padding: 50px 30px; } } /* End */ /* Start:/local/templates/main/css/main.css?177565404314603*/ .site-header__menu { cursor: pointer; } .scrolled.site-header { position: fixed; left: 0; top: 0; width: 100%; } .main-nav-panel-title h1 { font-weight: 600; font-size: 22px; line-height: 100%; text-transform: uppercase; margin-top: 10px; margin-bottom: 30px; } .loading { display: none; width: 80px; height: 80px; } .loading:after { content: " "; display: block; width: 64px; height: 64px; z-index: 100; margin: 8px; border-radius: 50%; border: 6px solid var(--calm_0); border-color: var(--calm_0) transparent var(--calm_0) transparent; animation: loading 1.2s linear infinite; } @keyframes loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .content-loading { position: relative; min-height: 300px; } .content-loading:after { position: fixed; top: 0; left: 0; content: ''; z-index: 1000; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); } .content-loading .loading { display: block; position: fixed; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; z-index: 1001; } .item_economy_price { display: none !important; } .section-page-card__colors { list-style-type: none; padding: 0; margin: 0; margin-bottom: 11px; } .section-page-card__color.selected:after { opacity: 1; } .section-page-card__color { box-shadow: 0px 0px 1px #999; } .quantity-block { display: none !important; } .modal__reviews_right .date { width: 120px; } .section-with-navigation__content_text h1 { margin-bottom: 20px; } .error-404 { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; padding-top: 80px; padding-bottom: 80px; border-radius: 10px; } .error-404-content { display: flex; } .error-404-block { max-width: 370px; margin-top: -7px; color: #000; text-align: center; } .error-404-name { margin-bottom: 16px; font-weight: 700; font-size: 40px; line-height: 46px; display: flex; align-items: center; } .error-404-code { display: inline-block; vertical-align: middle; margin-top: -5px; margin-left: 9px; color: var(--calm_0); font-size: 95px; line-height: 70px; } .error-404-info { margin-bottom: 27px; font-weight: 700; font-size: 13px; line-height: 20px; } .error-404-button { padding-left: 27px; padding-right: 27px; font-weight: 700; color: var(--calm_0); display: flex; justify-content: center; } .error-404-button:hover { color: var(--calm_0); text-decoration: none; } @media screen and (max-width: 992px) { .error-404-name { font-size: 30px; line-height: 36px; } .error-404-code { font-size: 85px; line-height: 60px; } } @media screen and (max-width: 768px) { .error-404 { padding: 70px 20px 80px; } .error-404-name { margin-bottom: 8px; font-size: 21px; line-height: 26px; } .error-404-code { font-size: 65px; } .error-404-info { font-size: 13px; line-height: 20px; font-weight: 400; } .error-404-button { padding-left: 20px; padding-right: 20px; } } .catalog-navigation__mini { display: flex; justify-content: flex-end; } .catalog-navigation__mini ul { display: none; } .field-company { display: none; } .messages { color: #999; letter-spacing: 0.2px; font-size: 14px; line-height: 20px; } .popup-basket .fancybox-close { position: absolute; top: 0; right: 0; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; } .popup-basket .popup-title { font-size: 20px; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; font-weight: 300; letter-spacing: 0.3px; } .popup-basket-img img { border-radius: 10px; } .popup-basket-name { font-size: 14px; margin-bottom: 5px; color: #999; } .popup-basket { width: 100%; max-width: 420px; } .popup-basket-button a.btn { display: inline-block; } .popup-basket-name span { color: #000; } .popup-basket-img { margin-bottom: 20px; } .popup-basket-button { margin-top: 20px; } .form-link { display: inline-block; text-decoration: underline; font-size: 14px; } .form-link:hover { text-decoration: none; } .form-link-popup { margin-top: 20px; } .alert.alert-danger { color: #f00; margin-bottom: 10px; } .alert.alert-success { color: #00bd00; text-align: center; } .popup input.form-error { border-color: #f00; } label.form-error { display: none !important; } .section-page-card__buttons .add-to-favorites.is-active { background: url("/local/templates/main/assets/css/../images/b_heart_active.svg") no-repeat center center; } body:not(.home-body) .site-basket__count { background-color: #fff; } body.home-body .site-basket__count { background-color: #999; } .add-to-favorites.is-active .svg path { fill: var(--calm_0); } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .orders-item-wrapper { padding: 18px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 20px; } .orders-item-wrapper { display: flex; justify-content: space-between; } .orders-item__status { width: 200px; margin-left: 30px; } .orders-item-list { width: calc(100% - 230px); } .orders-item-title { margin-bottom: 10px; font-weight: 500; font-size: 17px; } @media screen and (max-width: 820px) { .orders-item-list { width: 100%; } .orders-item-wrapper { flex-wrap: wrap; } .orders-item__status { margin-left: 0px; margin-top: 0; } } .header-search-content { position: relative; margin-top: 20px; } .header-search-content button { position: absolute; top: 6px; right: 10px; background-color: #fff; } .header-search-content button svg path { fill: #000; } .search-products { padding: 0; } .search-products-item { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .search-products-item:last-child { margin-bottom: 0; } .search-products-picture { width: 50px; min-height: 50px; margin-right: 10px; border: 1px solid #eee; border-radius: 5px; overflow: hidden; margin-bottom: 0px; } .search-products-img { display: block; } .search-products-name { display: inline-block; font-size: 13px; line-height: 18px; color: #0D0C0B; text-decoration: none; } .search-products-name:hover { color: #0D0C0B; text-decoration: underline; } .search-products-price { display: flex; flex-wrap: wrap; align-items: baseline; } .search-products-block { width: calc(100% - 60px); } .search-menu-title { font-weight: bold; } .search-menu-item { display: inline-block; } .search-menu-link { text-decoration: none; font-size: 12px; color: #000; display: inline-block; border: 1px solid #ddd; border-radius: 20px; padding: 7px 15px; } .search-menu-link:hover { color: #000 !important; border-color: #ccc; } .search-menu-list { padding-left: 0; } .search-popup-footer a { display: inline-block; } .subscribe-form { margin-top: 20px; text-align: center; } .subscribe-form button { margin-top: 20px; } .title-search-result { display: none !important; } .product-empty-title { font-weight: 500; font-size: 19px; } .product-empty-text { margin-top: 10px; font-weight: 300; color: #999; } .product-empty { border: 1px solid #ddd; padding: 20px; } /*.filter__button { display: none; }*/ .smartfilter { display: flex; gap: 20px; flex-wrap: wrap; } .filter-btn:hover { cursor: pointer; } .filter-dropdown ul { margin: 0; padding: 0; } .filter-dropdown ul li input { display: none; } .filter-dropdown ul li label { position: relative; } .filter-dropdown ul li .icon { width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 3px; display: inline-block; position: absolute; top: 2px; } .filter-dropdown ul li .filter-text { display: block; padding-left: 30px; } .filter-dropdown ul li input:checked + .icon { background: var(--calm_0); } .filter-dropdown ul li input:checked + .icon::before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; background-image: url('/images/check.svg'); background-position: center center; background-repeat: no-repeat; } .filter-dropdown label:hover { cursor: pointer; } .filter__button { display: none; } .result-count.active { font-family: 'Cera Pro'; font-weight: 500; font-size: 18px; line-height: 100%; color: #000; } .filter-price { padding: 16px !important; } @media screen and (max-width: 820px) { .section-catalog-page .filter { width: 100%; } .result-count.active { padding-left: 15px; } } .section-page-card__size { margin-bottom: 20px; } .cookie-wrapper { position: fixed; bottom: 10px; right: 10px; border-radius: 0px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); display: none; font-size: 11px; border-radius: 15px; color: #777; background-color: #fff; padding: 10px 30px; z-index: 100; letter-spacing: 0.3px; } .cookie-wrapper a { text-decoration: none; color: #fff; background-color: var(--calm_0); display: inline-block; padding: 3px 10px 2px; border-radius: 20px; font-size: 11px; letter-spacing: 0.5px; margin-top: 3px; } .cookie-wrapper a:hover { background-color: var(--calm_lighter); } @media screen and (max-width: 768px) { .cookie-wrapper { bottom: 0px; width: 100%; right: 0; margin-right: 0; border-radius: 0; line-height: 17px; font-size: 11px; } .cookie-wrapper a { color: var(--calm_0); background-color: transparent; border-bottom: 1px solid var(--calm_0); padding: 0; border-radius: 0; line-height: 14px; } .cookie-wrapper a:hover { background-color: transparent; border-bottom-color: transparent; } } .delivery-page .line span { margin-top: 0; } .b-big { font-size: 20px; } .line-icon { padding: 5px; } .editor h2 { text-transform: none; font-size: 20px; } .editor table { width: 100%; border-collapse: collapse; } .editor table tr { border-top: 1px solid #eee; border-left: 1px solid #eee; } .editor table td { padding: 10px 20px; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } .editor table td p { font-size: 14px; line-height: 20px; } .editor table td li { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .tech-work { text-align: center; font-weight: 500; padding: 15px 20px; background-color: #ffd54f; color: #000; font-size: 12px; letter-spacing: 0.3px; text-transform: uppercase; } #bx-soa-region { margin-top: 50px; } .bx-sls .dropdown-block { padding: 10px 24px 16px 33px; box-shadow: none; border: 1px solid #DDDDDD; border-radius: 6px; } .bx-sls .dropdown-icon { top: 20px; } .bx-sls .bx-ui-sls-clear { top: 10px; } .sdek_pvzLair a.btn, #russianpost_btn_openmap { font-weight: 600 !important; font-size: 16px !important; line-height: 20px !important; text-transform: uppercase !important; color: var(--neutral_30) !important; background: #36BDC880 !important; border: none !important; border-radius: 10px !important; display: inline-block !important; padding: 10px 20px !important; text-transform: none !important; margin-top: 10px !important; } .sdek_pvzLair a.btn:hover, #russianpost_btn_openmap:hvoer { background: #36BDC8 !important; color: var(--neutral_100) !important; } .sdek_pvzLair a.btn:after { display: none; } .sdek_pvzAddr { margin-top: 10px; } #bx-soa-adress-dostavki { display: none; } #russianpost_btn_openmap:after { display: none !important; } .notetext { color: #be9d00; font-size: 14px; line-height: 20px; } .bx-auth.popup { display: block !important; position: unset !important; padding: 0; height: unset !important; overflow-y: unset; } .maps-h3 { text-transform: none; font-size: 18px; color: #242424; margin-bottom: 10px; } .maps-btn { display: inline-block; cursor: pointer; } .maps-text { color: #999; font-size: 12px; margin-bottom: 0; } .main.order-shops.pickup-list-point { margin-bottom: 50px; margin-top: 30px; } .order-shops-item { border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 20px; padding: 18px 20px; cursor: pointer; } .order-shops-item .order-radio input { display: none; } .order-shops-item.bx-selected { border-color: var(--calm_0); } .radio-description { display: block; margin-top: 8px; color: #777; font-size: 14px; } .card-split { margin-bottom: 30px; } .section-page-card__price_desc { margin-bottom: 0; font-size: 15px; } .form-group-checkbox .form-group-label { position: relative; padding-left: 30px !important; font-weight: normal !important; font-size: 14px !important; } .form-group-checkbox .form-group-label .icon { width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 3px; display: inline-block; position: absolute; top: 2px; left: 0; } .form-group-checkbox .form-group-label input:checked + .icon { background: var(--calm_0); border-color: var(--calm_0); } .form-group-checkbox .form-group-label input:checked + .icon:before { position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ''; background-image: url('/images/check.svg'); background-position: center center; background-repeat: no-repeat; } .section-with-navigation__content_text--custom { max-height: none; } .orders-item__icon { margin-right: 5px; } .orders-item__status span { font-size: 14px; line-height: 20px; } .orders-item__status { display: block; } .orders-item__status-select { display: flex; align-items: center; } .orders-item__status-payment:after { background-color: var(--calm_0); } .orders-item__status-payment.btn { margin-left: 32px; } @media screen and (max-width: 768px) { .sub-menu-level-catalog { width: 100%; padding-left: 0px; left: 20px; } } .section-page-card__models-title { font-family: 'Cera Pro'; font-weight: 500; font-size: 16px; letter-spacing: 0.2px; margin-bottom: 15px; } .section-page-card__models ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 30px; } .section-page-card__models li { display: inline-block; } .section-page-card__models a { display: inline-block; border: 1px solid #ccc; padding: 10px 20px; border-radius: 5px; margin-right: 5px; margin-bottom: 10px; letter-spacing: 0.5px; } .section-page-card__models a:hover { border-color: #999; } .section-page-card__models a.active { background: var(--calm_0); border-color: var(--calm_0); color: #fff; } /* End */ /* Start:/local/templates/main/components/bitrix/system.auth.forgotpasswd/main/style.css?1764972651241*/ .bx-system-auth-forgotpasswd{text-align: center} .bx-system-auth-forgotpasswd form{display: inline-block;text-align: left} .bx-system-auth-forgotpasswd .p{margin: 0 0 15px} font.errortext{color: #ff0000;} font.notetext{color: #008000;} /* End */ /* Start:/local/templates/main/components/bitrix/search.title/main/style.css?176652629813796*/ /* .bx_smart_searche, .bx_smart_searche *, .bx-searchtitle, .bx-searchtitle * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 14px; } .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 1px 0 0 1px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-searchtitle .bx-input-group .bx-form-control:focus { background-color: #fff; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; line-height: normal; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: url(/local/templates/main/components/bitrix/search.title/main/images/search-icon.png) center center no-repeat #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:0; border-radius: 0 1px 1px 0; color: #fff; font-size: 16px; line-height: 1.42857143; height: 34px; width: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background-color: #1484CE; } div.title-search-result { border:0 none !important; border-top: 0 none; display:none; overflow:hidden; z-index:999; min-width: 200px; margin-top: 3px; background-color: #FFF; border-radius: 2px; box-shadow: 0px 0px 7px -2px #d6d6d6; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/main/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } .bx_smart_searche { padding-top:8px; border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche .bx_info_wrap{ margin-left: 85px; } .bx_smart_searche .bx_img_element{ float: left; padding: 5px; width: 75px; text-align: center; } .bx_smart_searche .bx_item_block{ min-height: 65px; position: relative; } .bx_smart_searche .bx_image{ display: inline-block; max-width: 100%; } .bx_smart_searche .bx_image.empty_image{ background-image: url(/local/templates/main/components/bitrix/search.title/main/image/noimg.png); } .bx_smart_searche .bx_item_element{ padding: 8px 0; } .bx_smart_searche .bx_item_element_all_result { text-align: center; } .bx_smart_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_smart_searche .bx_item_element a{ margin-top: 5px; display: inline-block; color: #333; font-size: 14px; text-decoration: none; font-weight: bold; } .bx_smart_searche .bx_item_element a b{ font-weight: bold; } .bx_smart_searche .bx_item_element a b{color: #000;} .bx_smart_searche .bx_item_element a:hover, .bx_smart_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_smart_searche .bx_item_preview_text{ font-size:13px; padding: 5px 10px 5px 0; } .bx_smart_searche .bx_price{ font-weight:bold; font-size:15px; margin-top: 5px; } .bx_smart_searche .bx_price .old{ font-weight: normal; text-decoration: line-through; color: #636363; font-size: 12px; vertical-align: middle; } .bx_smart_searche .bx_item_block.all_result{min-height:0} .bx_smart_searche .bx_item_block.others_result{ min-height: 0; line-height: 12px; padding: 0; } .bx_smart_searche .bx_item_block.all_result .all_result_button{ display: inline-block; font-size: 14px; background-color: #1485CE; border: 1px solid; border-color: #1485CE; color: #FFF; padding: 0 22px; height: 34px; text-decoration: none; border-radius: 2px; margin: 0 0 8px; line-height: 34px; text-transform: uppercase; font-weight: bold; letter-spacing: .5px; } .bx_smart_searche .bx_item_block_href { display: block; text-decoration: none; margin-bottom: 5px; padding: 8px; line-height: 14px; } .bx_smart_searche .bx_item_block_href:hover { background-color: #feeed2; } .bx_smart_searche .bx_item_block_hrline { border-bottom: 1px solid #f5a61c; margin: 0 8px 5px; } .bx_item_block_item_clear { display: block; clear:both; } .bx_smart_searche .bx_item_block_item_info { display: block; } .bx_smart_searche .bx_item_block_href_category_title { color: #a2a2a2; } .bx_smart_searche .bx_item_block_href_category_name { color: #f5a61c; font-weight: bold; text-transform: uppercase; } .bx_smart_searche .bx_item_block_item_image { width: 34px; height: 34px; float:left; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 5px; } .bx_smart_searche .bx_item_block_item_name { color: #333; overflow: hidden; height: 34px; display: block; line-height: 17px; display: flex; } .bx_smart_searche .bx_item_block_item_name_flex_align { margin: auto 0; } .bx_smart_searche .bx_item_block_item_simple_name { color: #333; display: block; line-height: 17px; } .bx_smart_searche .bx_item_block_item_name b, .bx_smart_searche .bx_item_block_item_simple_name b { color: #f5a61c; } .bx_smart_searche .bx_item_block_item_price { float:right; text-align: right; color: #333; line-height: 17px; padding-left: 5px; } .bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one { line-height: 34px; } .bx_smart_searche .bx_item_block_item_price .bx_price_new { white-space: nowrap; font-weight: bold; display: block; } .bx_smart_searche .bx_item_block_item_price .bx_price_old { white-space: nowrap; text-decoration: line-through; } .bx_smart_searche .bx_item_block_item_text { color: #9b9b9b; display: block; padding-left: 39px; margin-top: 8px; font-size: 13px; line-height: 15px; } .bx-searchtitle .bx-searchtitle-preloader { position: absolute; top: 2px; right: 110%; width: 30px; height: 30px; z-index: 5; display: none; } .bx-searchtitle .bx-searchtitle-preloader.view { background: url(/local/templates/main/components/bitrix/search.title/main/images/loader_orange.gif) center center no-repeat; } .bx-searchtitle.theme-blue .bx-input-group .bx-form-control { border-color:#0083d1; } .bx-searchtitle.theme-blue .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/bitrix/search.title/main/images/loader_blue.gif); } .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{ background-color: #0083d1; border-color: #0083d1; } .bx-searchtitle.theme-blue .bx-input-group-btn button { background-color: #0083d1; border-color: #0083d1; color: #FFF; } .bx-searchtitle.theme-blue .bx-input-group-btn button:hover, .bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover { background-color: #5ca6e4; border-color: #5ca6e4; text-decoration: none; } .bx_smart_searche.theme-blue .bx_item_element a b{ color: #5ca6e4; } .bx_smart_searche.theme-blue .bx_item_block_href:hover { background-color: #b2d9f1; } .bx_smart_searche.theme-blue .bx_item_block_href_category_name { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_item_name b, .bx_smart_searche.theme-blue .bx_item_block_item_simple_name b { color:#0083d1; } .bx_smart_searche.theme-blue .bx_item_block_hrline { border-color: #0083d1; } .bx-searchtitle.theme-black .bx-input-group .bx-form-control { border-color:#333; } .bx-searchtitle.theme-black .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/bitrix/search.title/main/images/loader_black.gif); } .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{ background-color: #333; border-color: #333; } .bx-searchtitle.theme-black .bx-input-group-btn button { background-color: #333; border-color: #333; color: #FFF; } .bx-searchtitle.theme-black .bx-input-group-btn button:hover, .bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover { background-color: #5c5c5c; border-color: #5c5c5c; text-decoration: none; } .bx_smart_searche.theme-black .bx_item_element a b{ color: #5c5c5c; } .bx_smart_searche.theme-black { border-top: 0 none; border-radius: 0 0 3px 3px; } .bx_smart_searche.theme-black .bx_item_block_href:hover { background-color: #eaeaea; } .bx_smart_searche.theme-black .bx_item_block_href_category_name { color:#333; } .bx_smart_searche.theme-black .bx_item_block_item_name b, .bx_smart_searche.theme-black .bx_item_block_item_simple_name b { color:#333; } .bx_smart_searche.theme-black .bx_item_block_hrline { border-color: #333; } .bx-searchtitle.theme-green .bx-input-group .bx-form-control { border-color:#159ebb; } .bx-searchtitle.theme-green .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/bitrix/search.title/main/images/loader_green.gif); } .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{ background-color: #159ebb; border-color: #159ebb; } .bx-searchtitle.theme-green .bx-input-group-btn button { background-color: #159ebb; border-color: #159ebb; color: #FFF; } .bx-searchtitle.theme-green .bx-input-group-btn button:hover, .bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover { background-color: #44b1c9; border-color: #44b1c9; text-decoration: none; } .bx_smart_searche.theme-green .bx_item_element a b{ color: #44b1c9; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #d0ebf1; } .bx_smart_searche.theme-green .bx_item_block_href_category_name { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_item_name b, .bx_smart_searche.theme-green .bx_item_block_item_simple_name b { color:#159ebb; } .bx_smart_searche.theme-green .bx_item_block_hrline { border-color: #159ebb; } .bx-searchtitle.theme-red .bx-input-group .bx-form-control { border-color:#E22B2B; } .bx-searchtitle.theme-red .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/bitrix/search.title/main/images/loader_red.gif); } .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{ background-color: #E22B2B; border-color: #E22B2B; } .bx-searchtitle.theme-red .bx-input-group-btn button { background-color: #E22B2B; border-color: #E22B2B; color: #FFF; } .bx-searchtitle.theme-red .bx-input-group-btn button:hover, .bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover { background-color: #e95c5c; border-color: #e95c5c; text-decoration: none; } .bx_smart_searche.theme-red .bx_item_element a b{ color: #e95c5c; } .bx_smart_searche.theme-green .bx_item_block_href:hover { background-color: #f9d4d4; } .bx_smart_searche.theme-red .bx_item_block_href_category_name { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_item_name b, .bx_smart_searche.theme-red .bx_item_block_item_simple_name b { color:#E22B2B; } .bx_smart_searche.theme-red .bx_item_block_hrline { border-color: #E22B2B; } .bx-searchtitle.theme-yellow .bx-input-group .bx-form-control { border-color:#F9A91D; } .bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view { background-image: url(/local/templates/main/components/bitrix/search.title/main/images/loader_yellow.gif); } .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{ background-color: #F9A91D; border-color: #F9A91D; } .bx-searchtitle.theme-yellow .bx-input-group-btn button { background-color: #F9A91D; border-color: #F9A91D; color: #FFF; } .bx-searchtitle.theme-yellow .bx-input-group-btn button:hover, .bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover { background-color: #faba4a; border-color: #faba4a; text-decoration: none; } .bx_smart_searche.theme-yellow .bx_item_element a b{ color: #faba4a; } .bx_smart_searche.theme-yellow .bx_item_block_href_category_name { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_item_name b, .bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b { color:#F9A91D; } .bx_smart_searche.theme-yellow .bx_item_block_hrline { border-color: #F9A91D; }*/ .api-search-title { width: 100%; } .suggestions-footer { margin-right: 15px; } .bx-input-group-btn { display: none; } .title-search-result { background-color: #fff; width: 100%; background: white; background-color: white; padding: 20px 30px; animation: 500ms forwards contentSlideUp; z-index: 1000; } div.title-search-result { border: 1px solid #eee !important; } .search-menu-list { list-style-type: none; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #eaeaea; } .search-menu-list_category { border-bottom-width: 0; } .search-menu-item { margin-bottom: 10px; } .search-menu-link { text-decoration: none; font-size: 12px; color: #999; } .search-menu-link:hover { color: #2B7EC6; } .search-menu-link b { color: #1d1d1d; font-weight: normal; } .search-menu-link:hover b { color: #dc3434; } .search-menu-title { display: block; margin-bottom: 10px; font-size: 14px; } /* End */ /* Start:/local/templates/main/template_styles.css?1771936093139*/ @media screen and (max-width: 820px) { .section-catalog-page .filter.open .filter-dropdown { max-height: 190px; overflow: scroll; } } /* End */ /* /local/templates/main/css/swiper-bundle.min.css?176497265118436 */ /* /local/templates/main/css/jquery.fancybox.min.css?176497265112795 */ /* /local/templates/main/assets/css/global.css?17649726528332 */ /* /local/templates/main/assets/css/header.css?176969509311163 */ /* /local/templates/main/assets/css/footer.css?17666639882314 */ /* /local/templates/main/assets/css/style.css?177628353667644 */ /* /local/templates/main/css/popup.css?17649726511714 */ /* /local/templates/main/css/main.css?177565404314603 */ /* /local/templates/main/components/bitrix/system.auth.forgotpasswd/main/style.css?1764972651241 */ /* /local/templates/main/components/bitrix/search.title/main/style.css?176652629813796 */ /* /local/templates/main/template_styles.css?1771936093139 */