/* Start:/bitrix/templates/im/js/vendor/swiper/swiper-bundle.min.css?168235929116493*/ /** * Swiper 8.4.7 * 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: January 30, 2023 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.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-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.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:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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: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:10px;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-progressbar{background: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: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:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background: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:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;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 .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/im/js/vendor/fancybox/jquery.fancybox.min.css?168236130810424*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/bitrix/templates/im/js/vendor/form-styler/jquery.formstyler.css?16033737212175*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/bitrix/templates/im/js/vendor/spg-notice/spg-notice.css?16033737214653*/ /*Стили для всплдывающего уведомления*/ .spg-notice-popup {display:none; position:fixed; width:300px; opacity:0; /*height:200px;*/ background:#fefefe; box-shadow: 0 0 25px rgba(0,0,0, 0.1); top:50%; left:50%; transform:translate(-50%, -50%); padding:30px; font-family:'Arial', 'Helevetica', sans-serif; z-index:99999;} .spg-notice-popup.spg-notice-active {display:block; } .spg-notice-popup.spg-notice-visible {opacity:1;} .spg-notice-popup .spg-notice-popup-title {text-align:center; font-size:18px; line-height:21px; font-weight:bold; margin-bottom:30px;} .spg-notice-popup .spg-notice-popup-text {text-align:center; font-size:16px; } .spg-notice-popup .spg-notice-popup-button {text-align:center; margin-top:30px;} .spg-notice-popup .spg-notice-popup-button a {display:inline-block; text-decoration:none; text-align:center; font-size:16px; line-height:35px; padding:0 20px; border-radius:5px; background:#00c1fd ; color:#fff;} .spg-notice-popup .spg-notice-popup-button a:hover {background:#42d2ff;} .spg-notice-popup .spg-notice-popup-close {width:20px; height:20px; position: absolute; top:5px; right:5px; cursor:pointer;} .spg-notice-popup .spg-notice-popup-close:before {content:''; position:absolute; width:20px; height:2px; left:50%; margin-left:-10px; top:50%; margin-top:-1px; transform:rotate(45deg); background:#fd3939;} .spg-notice-popup .spg-notice-popup-close:after {content:''; position:absolute; width:20px; height:2px; left:50%; margin-left:-10px; top:50%; margin-top:-1px; transform:rotate(-45deg); background:#fd3939;} .spg-notice-popup-overlay {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, 0.8); opacity:1; z-index:99999;} .spg-notice-popup-container {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:none; opacity:0; z-index:99999;} .spg-notice-popup-container.spg-notice-active {display:block;} .spg-notice-popup-container.spg-notice-visible {opacity:1;} .spg-notice-popup, .spg-notice-popup-container { -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } .spg-notice-popup .spg-notice-popup-button a { -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } /*Стили для скользящего уведомления*/ .spg-notice-glide {position:fixed; display:inline-block; padding:10px; bottom:30px; width:300px; background:#fefefe; box-shadow: 0 0 25px rgba(0,0,0, 0.1);} .spg-notice-glide.spg-notice-active {right:50px!important;} .spg-notice-glide .spg-notice-glide-title {text-align:center; font-size:16px; line-height:19px; font-weight:bold; margin-bottom:10px;} .spg-notice-glide .spg-notice-glide-text {text-align:center; font-size:16px; } .spg-notice-glide .spg-notice-glide-button {width:20px; height:20px; position: absolute; top:5px; right:5px; cursor:pointer;} .spg-notice-glide .spg-notice-glide-button:before {content:''; position:absolute; width:20px; height:2px; left:50%; margin-left:-10px; top:50%; margin-top:-1px; transform:rotate(45deg); background:#fd3939;} .spg-notice-glide .spg-notice-glide-button:after {content:''; position:absolute; width:20px; height:2px; left:50%; margin-left:-10px; top:50%; margin-top:-1px; transform:rotate(-45deg); background:#fd3939;} .spg-notice-glide .spg-notice-glide-button a {display:inline-block; text-decoration:none; text-align:center; font-size:16px; line-height:35px; padding:0 20px; border-radius:5px; background:#00c1fd ; color:#fff;} .spg-notice-glide .spg-notice-glide-button a:hover {background:#42d2ff;} .spg-notice-glide { -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } /*Стили для скользящего уведомления*/ /*.spg-notice-inject {position:fixed; display:inline-block; padding:10px; bottom:30px; right:-20%; width:300px; background:#fefefe; box-shadow: 0 0 25px rgba(0,0,0, 0.1);} .spg-notice-inject.spg-notice-active {right:50px;}*/ .spg-notice-inject-title {text-align:center; font-size:16px; line-height:19px; font-weight:bold; margin-bottom:10px;} .spg-notice-inject-text {text-align:center; font-size:16px; } .spg-notice-inject-button {text-align:center; margin-top:30px;} .spg-notice-inject-button a {display:inline-block; text-decoration:none; text-align:center; font-size:16px; line-height:35px; padding:0 20px; border-radius:5px; background:#00c1fd ; color:#fff;} .spg-notice-inject-button a:hover {background:#42d2ff;} .spg-notice-inject { -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } /* End */ /* Start:/bitrix/templates/im/fonts/fonts.css?16508789982650*/ @font-face { font-family: 'Montserrat'; src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/bitrix/templates/im/fonts/Montserrat-Bold.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Black'), local('Montserrat-Black'), url('/bitrix/templates/im/fonts/Montserrat-Black.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-Black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Light'), local('Montserrat-Light'), url('/bitrix/templates/im/fonts/Montserrat-Light.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat ExtraLight'), local('Montserrat-ExtraLight'), url('/bitrix/templates/im/fonts/Montserrat-ExtraLight.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/bitrix/templates/im/fonts/Montserrat-Regular.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/bitrix/templates/im/fonts/Montserrat-SemiBold.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Medium'), local('Montserrat-Medium'), url('/bitrix/templates/im/fonts/Montserrat-Medium.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat Thin'), local('Montserrat-Thin'), url('/bitrix/templates/im/fonts/Montserrat-Thin.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-Thin.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Montserrat'; src: local('Montserrat ExtraBold'), local('Montserrat-ExtraBold'), url('/bitrix/templates/im/fonts/Montserrat-ExtraBold.woff2') format('woff2'), url('/bitrix/templates/im/fonts/Montserrat-ExtraBold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } /* End */ /* Start:/bitrix/templates/im/css/main.css?1755164463173106*/ /*стили сброса и общие стили*/ * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; font-family: 'Montserrat', sans-serif; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dfn, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: 100% inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } select { cursor: pointer; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } button { background: transparent; } table { border-collapse: collapse; border-spacing: 0; } h1 { font-size: 40px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { font-size: 16px; } p, a, span, div, li { font-family: 'Montserrat', sans-serif; } * { /*border: 1px solid red!important;*/ } body { position: relative; overflow-x: hidden; background: #ffffff; } html { /*position: relative;*/ } .container { width: 100%; max-width: 1570px; padding: 0 20px; margin: auto; } header .alert { display: flex; justify-content: center; align-items: center; padding: 10px 0; background: #ffc8d3; color: #000; font-size: 16px; line-height: 20px; font-weight: 500; } .fake { width: 100%; height: 90px; } header { padding: 20px 0 20px 0; position: fixed; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0px 1px 10px rgba(34, 48, 132, 0.1); z-index: 20; transition: all 0.2s ease; } .wrap-header-content { display: flex; justify-content: space-between; align-items: center; } .logo { margin-right: 45px; width: 202px; /* margin-top: -11px; */ } .logo a svg { /* width: 202px; height: 26px; */ width: 226px; height: 42px; } .city-select { display: flex; flex-direction: column; margin-top: 10px; position: relative; width: fit-content; margin-left: 5px; } .select-title { font-weight: 400; font-size: 14px; line-height: 17px; color: #223084; } .slider-inside .swiper-slide { width: fit-content; } .city-select-list { width: 320px; position: absolute; left: -5px; top: 35px; height: 80vh; overflow: scroll; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); border-radius: 20px; padding: 20px; z-index: 20; pointer-events: none; opacity: 0; } .city-select-list__active { opacity: 1; pointer-events: auto; } .city-select-list a { font-weight: 500; font-size: 18px; line-height: 30px; color: #000000; display: block; } .city-select-list a:not(:last-child) { margin-bottom: 20px; } .city-select-list a:hover { color: #7d9df8; } .city-select_active { font-weight: 400; font-size: 14px; line-height: 17px; color: #223084; cursor: pointer; } .city-select_active svg { width: 9px; margin-left: 8px; transform: rotate(180deg); transition: all 0.2s ease; } header .right { display: flex; align-items: center; flex: 1; } .logo a { text-decoration: none; display: flex; } header .wrap-header-content nav { display: none; } header .right nav { display: flex; align-items: center; justify-content: flex-end; flex: 1; } nav ul { margin: 0; padding: 0; display: flex; align-items: center; width: 100%; } nav ul li { position: relative; margin-right: 30px; } nav ul li a { display: block; width: 120px; height: 40px; font-style: normal; font-weight: 600; font-size: 16px; line-height: 40px; text-align: center; color: #000000; text-decoration: none; background: transparent; transition: all 0.2s; white-space: nowrap; } nav ul li a:hover { color: #7d9df8; transition: all 0.2s; } nav ul li.parent a, nav ul li.accent-link a { /* background: #fafafa; */ border-radius: 50px; transition: all 0.2s; cursor: pointer; } nav ul li.parent a { padding-right: 5px; } nav ul li.parent:after { position: absolute; content: ''; right: 13px; top: 18px; width: 9px; height: 5px; background-image: url(/bitrix/templates/im/css/../imgs/arrow-open-blue.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } nav ul li.parent .list-block { position: absolute; left: -15px; opacity: 0; visibility: hidden; min-width: 330px; top: 100%; padding-top: 15px; z-index: 10; transition: all 0.2s; } nav ul li.parent .list-block ul { background: #ffffff; box-shadow: 5px 10px 50px 5px rgba(0, 0, 0, 0.2); padding: 26px 0px 26px 0px; border-radius: 20px; } nav ul li.parent:hover .list-block { opacity: 1; visibility: visible; transition: all 0.2s; } nav ul li.parent .list-block li + li { margin-left: 0; } nav ul li.parent .list-block li { } nav ul li.parent .list-block li a { width: auto; padding: 0px 37px 0px 46px; background: transparent; } nav ul li.parent .list-block { } nav ul li.parent .list-block { } .search { position: relative; width: 50px; height: 50px; margin-left: 20px; display: none; cursor: pointer; } header .right .search { display: block; } .search form.active { width: 450px; } .search form.active input { padding-left: 30px; } .search form { position: absolute; width: 50px; right: 0; top: 0; transition: all 0.2s ease; } .search form input { position: relative; background: #ffffff; width: 100%; height: 50px; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05); border-radius: 50px; font-style: normal; font-weight: 500; font-size: 14px; /*padding-left: 30px;*/ padding-left: 0; padding-right: 50px; line-height: 40px; z-index: 1; color: #777777; transition: all 0.2s ease; } .search form input::placeholder { font-style: normal; font-weight: 500; font-size: 14px; line-height: 40px; } .search .submit { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(/bitrix/templates/im/css/../imgs/zoom.svg) no-repeat center; border: none; z-index: 2; cursor: pointer; } .search .active-input { background-image: url(/bitrix/templates/im/css/../imgs/ic-close.svg); } header .favorites, header .basket, header .login, header .logout { display: none; } header .right .favorites, header .right .basket { display: block; } header .right .login, header .right .logout { display: flex; } .favorites { width: 50px; display: block; min-width: 50px; height: 50px; position: relative; background: #f57891; border-radius: 50%; background-image: url(/bitrix/templates/im/css/../imgs/favorites.svg); background-repeat: no-repeat; background-position: center; transition: all 0.2s; margin-left: 30px; } .favorites span { position: absolute; right: -2px; top: -2px; display: flex; font-style: normal; font-weight: 500; font-size: 10px; line-height: 10px; color: #ffffff; justify-content: center; align-items: center; background: #ff0000; border-radius: 50%; width: 19px; height: 19px; } .basket { width: 50px; display: block; min-width: 50px; height: 50px; position: relative; background: #7d9df8; border-radius: 50%; background-image: url(/bitrix/templates/im/css/../imgs/basket.svg); background-repeat: no-repeat; background-position: center; transition: all 0.2s; margin-left: 30px; } .basket span { position: absolute; right: -2px; top: -2px; display: flex; font-style: normal; font-weight: 500; font-size: 10px; line-height: 10px; color: #ffffff; justify-content: center; align-items: center; background: #ff0000; border-radius: 50%; width: 19px; height: 19px; } .login { width: 100px; min-width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: none; text-transform: uppercase; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; color: #000000; transition: all 0.2s; margin-left: 30px; } .login:hover { border: 1px solid rgba(0, 0, 0, 1); } .login span { width: 16px; height: 16px; display: block; margin-right: 5px; background-image: url(/bitrix/templates/im/css/../imgs/login.svg); background-repeat: no-repeat; background-position: center; } .logout { width: 100px; min-width: 100px; height: 50px; display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: bold; font-size: 10px; line-height: 12px; text-decoration: none; text-transform: uppercase; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; color: #000000; transition: all 0.2s; margin-left: 30px; } .logout:hover { border: 1px solid rgba(0, 0, 0, 1); } .logout span { width: 16px; height: 16px; display: block; margin-right: 5px; background-image: url(/bitrix/templates/im/css/../imgs/login.svg); background-repeat: no-repeat; background-position: center; } .main-slider-container { overflow: hidden; } .main-slider .swiper-slide { height: 570px; position: relative; transition: all 0.2s; } .main-slider .swiper-slide .bg { position: absolute; top: 0; left: 0; width: 100%; /*opacity: 1;*/ border-radius: 4px; height: 400px; z-index: 1; background-size: cover; transition: all 0.2s; background-repeat: no-repeat; background-position: center; } .main-slider .swiper-slide .main-slider-img { position: absolute; top: 70px; right: 70px; width: 783px; height: 470px; z-index: 1; /*opacity: 1;*/ background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.2s; } .main-slider-img-mobile { display: none; } .main-slider .swiper-slide .main-block-slider-info { position: absolute; top: 70px; left: 70px; width: 520px; height: 500px; padding: 60px 70px; z-index: 2; /*opacity: 1;*/ background: #f7f7f7; backdrop-filter: blur(40px); border-radius: 4px; background-repeat: no-repeat; } /*.main-slider .swiper-slide.swiper-slide-active .bg.active { opacity: 1; }*/ /*.main-slider .swiper-slide.swiper-slide-active .main-slider-img.active { transform: translateX(0px); transition: all 0.2s; }*/ /*.main-slider .swiper-slide.swiper-slide-active .main-block-slider-info.active { opacity: 1; }*/ .main-block-slider-info .title { font-style: normal; font-weight: 900; font-size: 40px; line-height: 50px; color: #000000; } .main-block-slider-info .title span { display: block; font-style: normal; font-weight: 300; font-size: 40px; line-height: 50px; color: #000000; } .main-block-slider-info .text { font-style: normal; font-weight: 500; font-size: 18px; line-height: 30px; color: #000000; margin-bottom: 32px; max-width: 297px; position: relative; z-index: 2; } .main-block-slider-info .dot { font-style: normal; font-weight: 900; font-size: 27px; line-height: 43px; color: #000000; margin-bottom: 16px; } .main-block-slider-info .slider-link { position: relative; z-index: 2; width: 218px; height: 60px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 60px; text-decoration: none; display: block; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: linear-gradient(0deg, #f57891, #f57891), linear-gradient(180deg, #ffd3dc 0%, #eba3b2 100%), #ffffff; border-radius: 50px; transition: all 0.2s; } .main-block-slider-info .logo-bg { width: 370px; height: 184px; bottom: 0; right: 0; position: absolute; z-index: 1; /*background-image: url(/bitrix/templates/im/css/../imgs/logo-info.png);*/ background-repeat: no-repeat; background-position: center; background-size: contain; } .wrap-double { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 60px; } .double-item { width: calc(50% - 15px); height: 250px; position: relative; padding-top: 68px; padding-left: 71px; margin-top: 40px; } .double-item .left-lext { left: -60px; bottom: 82px; position: absolute; font-style: normal; font-weight: 500; font-size: 8px; line-height: 12px; text-align: center; letter-spacing: 0.05em; max-width: 180px; text-transform: uppercase; color: #7e7e7e; opacity: 0.5; z-index: 2; transform: rotate(-90deg); width: 200px; height: 36px; } .double-item .title-item { position: relative; z-index: 2; font-style: normal; font-weight: 900; font-size: 30px; line-height: 30px; text-transform: uppercase; color: #000000; } .double-item .title-item span { display: block; font-style: normal; font-weight: 275; font-size: 30px; line-height: 30px; text-transform: uppercase; color: #000000; } .double-item .dot { position: relative; z-index: 2; font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 8px; } .double-item .text-item { position: relative; z-index: 2; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; max-width: 220px; } .double-item-img { position: absolute; top: 0; left: 50%; z-index: 2; transform: translateX(-50%); height: 220px; width: auto; } .detail-buy { position: absolute; z-index: 2; width: 218px; height: 60px; right: 30px; bottom: 70px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 60px; text-decoration: none; display: block; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: linear-gradient(0deg, #7d9df8, #7d9df8), linear-gradient(180deg, #b5e9ff 0%, #85b6e8 100%); border-radius: 50px; } .double-item .custom-bg { position: absolute; width: 100%; height: 80%; left: 0; bottom: 0; z-index: 1; border-radius: 4px; } .item-slider-block { width: 100%; overflow: hidden; margin-top: 50px; } .item-slider-content-block { width: 100%; position: relative; height: auto; padding-left: 70px; padding-top: 70px; padding-bottom: 50px; } .wrap-main-item-slider-content { background: #fdfdfd; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05); display: flex; position: relative; border-radius: 4px; } .item-slider-content-block .custom-bg { position: absolute; top: 0; left: 0; width: 100%; height: 400px; border-radius: 4px; z-index: -1; } .left-item-slider-content-block-info { position: relative; z-index: 2; height: 875px; width: 450px; min-width: 450px; padding-top: 70px; } .logo-item-slider { position: relative; padding-left: 70px; margin-bottom: 32px; } .logo-item-slider:after { position: absolute; content: ''; left: 0; top: 0; height: 100px; width: 1px; background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/vertical-line.svg) center; } .logo-item-slider img { width: auto; height: 100px; } .item-slider-content-block-info-title { padding-left: 70px; font-style: normal; font-weight: 500; font-size: 26px; line-height: 30px; text-transform: uppercase; color: #000000; } .left-item-slider-content-block-info .dot { font-style: normal; font-weight: 500; font-size: 26px; line-height: 30px; color: #000000; margin-top: 9px; margin-bottom: 22px; margin-left: 70px; } .left-item-slider-content-block-info .text-item { font-style: normal; font-weight: 500; font-size: 18px; line-height: 30px; color: #000000; margin-left: 70px; min-height: 150px; margin-bottom: 32px; } .item-slider-detail { position: relative; z-index: 2; width: 218px; height: 60px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 60px; text-decoration: none; display: block; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: #65b7e6; border-radius: 50px; margin-left: 70px; } .item-slider-detail.catalog-additional-button { width: 186px; display: inline-block; &:last-of-type { margin-left: 0; } } @media only screen and (max-width: 1280px) { .item-slider-detail.catalog-additional-button { width: 170px; } } @media only screen and (max-width: 768px) { .item-slider-detail.catalog-additional-button { width: calc(100% - 80px); &:last-of-type { margin-top: 15px; margin-left: 40px; } } } .wrap-item-slider-block { position: relative; width: calc(100% - 450px - 69px); min-width: calc(100% - 450px - 69px); height: 752px; background: #ffffff; border-radius: 4px; margin-left: 69px; box-shadow: 0px 20px 40px rgb(0 0 0 / 5%); z-index: 3; } .wrap-item-slider-block .swiper-slide { padding: 10px 50px 50px 50px; margin-top: 80px; } @media only screen and (max-width: 768px) { .wrap-item-slider-block .swiper-slide { margin-top: 70px; } } .slider-inside .get-opt-price-l { font-size: 11px; line-height: 12px; } @media only screen and (min-width: 1670px) { .wrap-item-slider-block { width: calc(((100% - 450px - 69px) + (100vw - 450px - 69px - (100% - 450px - 69px) - 70px) / 2) - 70px); min-width: calc(((100% - 450px - 69px) + (100vw - 450px - 69px - (100% - 450px - 69px) - 70px) / 2) - 70px); } } @media only screen and (max-width: 1280px) { .wrap-item-slider-block { width: calc(100% - 380px - 69px); min-width: calc(100% - 380px - 69px); } } .right-item-slider-content-block-tab { position: absolute; top: 70px; left: -85px; z-index: 5; } .tab_basket_li { } .tab_basket_li li { } .tab_basket_li li a { position: relative; border-radius: 50px 0 0 50px; height: 50px; width: 85px; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #000000; display: flex; align-items: center; text-decoration: none; padding-left: 20px; transition: all 0.3s; } .tab_basket_li li a.new-color { background: #ccf7e1; } .tab_basket_li li a.hit-color { background: #ffe5d5; } .tab_basket_li li a.curent { background: #fff; box-shadow: 0px 20px 40px rgb(0 0 0 / 5%); transition: all 0.3s; } .tab_basket_li li a.curent:after { position: absolute; content: ''; right: 0; top: calc(50% - 1); height: 1px; width: 18px; background-size: cover; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) no-repeat center; } .item-slider-block .swiper-slide { position: relative; padding: 50px; border-left: 1px solid #f5f5f5; background: #fff; } .wrap-favorites-item, .wrap-favorites-item-detail { position: absolute; left: 52px; cursor: pointer; top: 53px; width: 20px; height: 20px; background-image: url(/bitrix/templates/im/css/../imgs/favorites_n.svg); background-repeat: no-repeat; background-position: center; transition: all 0.2s; } .wrap-favorites-item.active, .wrap-favorites-item-detail.active { background-image: url(/bitrix/templates/im/css/../imgs/favorites_a.svg); transition: all 0.2s; } .wrap-mark-item { position: absolute; right: 52px; top: 53px; display: flex; align-items: center; background: #ccf7e1; border-radius: 50%; width: 40px; height: 40px; } .wrap-mark-item.mark-item-hit { background: #ffe5d5; } .wrap-mark-item span { font-style: normal; font-weight: 600; font-size: 14px; margin-left: -10px; line-height: 20px; text-transform: uppercase; color: #000000; } .wrap-image-item-slider { display: block; height: 220px; margin-top: 30px; margin-bottom: 12px; } .wrap-image-item-slider img { width: auto; height: 100%; } .status-item p { font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #4f4f4f; } .status-item span { color: #42bb7d; } .status-item.not-many span { color: red; } .title-item-slider { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #000000; min-height: 68px; } .text-item-slider { font-style: normal; font-weight: normal; font-size: 12px; line-height: 20px; color: #4f4f4f; margin-bottom: 6px; } .wrap-card-item-number { display: flex; width: 168px; height: 40px; align-items: center; justify-content: space-between; } .card-item-minus { position: relative; display: flex; align-items: center; width: 14px; height: 40px; cursor: pointer; } /*.card-item-minus:after {*/ /* position: absolute;*/ /* content: '';*/ /* left: 0;*/ /* top: calc(50% - 1px);*/ /* width: 14px;*/ /* height: 2px;*/ /* background: #000;*/ /*}*/ .card-item-plus { position: relative; display: flex; align-items: center; width: 14px; height: 40px; cursor: pointer; } .card-item-plus img, .card-item-minus img { width: 100%; } /*.card-item-plus:after {*/ /* position: absolute;*/ /* content: '';*/ /* left: 0;*/ /* top: calc(50% - 1px);*/ /* width: 14px;*/ /* height: 2px;*/ /* background: #000;*/ /*}*/ /*.card-item-plus:before {*/ /* position: absolute;*/ /* content: '';*/ /* left: 0;*/ /* top: calc(50% - 1px);*/ /* width: 14px;*/ /* height: 2px;*/ /* transform: rotate(90deg);*/ /* background: #000;*/ /*}*/ .card-item-num { position: relative; text-align: center; width: 100px; height: 40px; background: #ffffff; border: 1px solid #bdbdbd; box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 10px; text-transform: uppercase; color: #000000; } .price-item-slider { font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; color: #000000; margin-top: 13px; margin-bottom: 24px; } .price-item-slider span { display: block; font-style: normal; font-weight: bold; font-size: 30px; line-height: 30px; color: #000000; } .basket-add-link { display: block; width: 100%; background: #7d9df8; border-radius: 50px; height: 53px; text-decoration: none; font-style: normal; font-weight: bold; font-size: 12px; line-height: 12px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; transition: all 0.2s; border: none; cursor: pointer; } .get-opt-price-l { font-weight: 600; font-size: 14px; line-height: 17px; color: #7d9df8; margin-bottom: 15px; display: block; border: none; cursor: pointer; padding: 0; } .get-opt-price-l:hover { text-decoration: underline; } .wrap-content-tab-slider { position: relative; width: 100%; } .wrap-content-tab-slider .tab-box { background: #fff; position: absolute; left: 0; top: 0; width: 100%; clip: rect(auto, var(--wrap-item-slider-block-width), 875px, auto); } .tab-box-filters { position: absolute; left: 0; top: 0; width: 100%; overflow-x: auto; display: flex; align-items: center; padding: 20px; z-index: 10; } .tab-box-filters__item { padding: 10px 14px; background: #ffffff; box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); border-radius: 50px; font-family: 'FuturaFuturisC', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 19px; color: #000000; cursor: pointer; width: max-content; white-space: nowrap; transition: all 0.2s ease; } .tab-box-filters__item:hover { background: rgba(101, 183, 229, 0.5); box-shadow: none; } .tab-box-filters__item:not(:last-child) { margin-right: 10px; } .tab-box-filters__item_active { background: rgba(101, 183, 229, 0.5); box-shadow: none; } .tab-box-filters__item_active:hover { background: #fff; box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); } @media only screen and (max-width: 768px) { .tab-box-filters__item { padding: 8px 13px; font-size: 12px; line-height: 15px; box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); border-radius: 20px; } .tab-box-filters__item:hover { background: #ffffff; box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); } .tab-box-filters__item_active:hover { background: rgba(101, 183, 229, 0.5); box-shadow: none; } } .fluid { position: relative; height: 392px; margin-top: 105px; } .fluid .custom-bg { position: absolute; left: 0; top: 50%; width: 100%; height: 300px; transform: translateY(-50%); z-index: 1; } .fluid-content { width: 100%; position: relative; height: 392px; z-index: 2; padding-left: 70px; } .fluid-img { position: absolute; top: calc(50% - 150px); height: 300px; background-image: url(/bitrix/templates/im/css/../imgs/ban_1.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .fluid.fluid-v1 .fluid-img { right: 0; width: 500px; } .fluid.fluid-v2 .fluid-img { left: 0; width: 455px; background-image: url(/bitrix/templates/im/css/../imgs/ban_2.png); } .fluid-item { position: absolute; top: 0; height: 392px; background-image: url(/bitrix/templates/im/css/../imgs/ban_t_1.png); background-repeat: no-repeat; background-position: center; background-size: contain; } .fluid.fluid-v1 .fluid-item { right: 333px; width: 640px; } .fluid.fluid-v2 .fluid-item { left: 340px; width: 640px; background-image: url(/bitrix/templates/im/css/../imgs/ban_t_2.png); } .fluid-info { position: absolute; padding-top: 20px; top: 0; width: 632px; } .fluid-logo-text { display: none; } .fluid.fluid-v2 .fluid-info { width: 420px; right: 70px; } .fluid-info-title { font-style: normal; font-weight: 900; font-size: 50px; line-height: 48px; text-transform: uppercase; color: #000000; } .fluid-info-title span { display: block; font-style: normal; font-weight: 275; font-size: 50px; line-height: 48px; text-transform: uppercase; } .fluid.fluid-v2 .fluid-info-title { color: #0c2c69; } .fluid-info-dot { font-style: normal; font-weight: 500; font-size: 21px; line-height: 28px; color: #000000; margin-top: 9px; margin-bottom: 11px; } .fluid-info-text { font-style: normal; font-weight: 500; font-size: 16px; line-height: 28px; color: #000000; margin-bottom: 15px; } .fluid.fluid-v2 .fluid-info-dot { color: #0c2c69; } .fluid.fluid-v2 .fluid-info-text { color: #0c2c69; } .fluid-info-link { position: relative; z-index: 2; width: 218px; height: 60px; font-style: normal; font-weight: bold; font-size: 12px; line-height: 60px; text-decoration: none; display: block; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; background: #000000; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 50px; } .fluid.fluid-v2 .fluid-info-link { background: #0c2c69; } .item-slider-block.item-slider-block-v2 { margin-top: 101px; } .item-slider-block.item-slider-block-v2 .item-slider-content-block:after { background: rgba(215, 173, 93, 0.2); } .item-slider-block.item-slider-block-v2 .wrap-main-item-slider-content { background: #fffbf3; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05); } .item-slider-block.item-slider-block-v2 .item-slider-content-block-info-title { color: #9e8d6c; } .item-slider-block.item-slider-block-v2 .logo-item-slider:after { background: #9e8d6c; } .item-slider-block.item-slider-block-v2 .dot { color: #9e8d6c; } .item-slider-block.item-slider-block-v2 .text-item { color: #9e8d6c; } .item-slider-block.item-slider-block-v2 .item-slider-detail { background: #d8b36c; } .item-slider-block.item-slider-block-v2 .tab_basket_li li a { background: #ccf7e1; } .item-slider-block.item-slider-block-v2 .tab_basket_li li a.curent { background: #ffffff; } .item-slider-block .swiper-button-prev, .item-slider-block .swiper-button-next { top: auto; cursor: pointer; bottom: -68px; } .item-slider-block .swiper-button-prev { right: 90px; left: unset; } .item-slider-block .swiper-button-next { right: 20px; } .item-slider-block.item-slider-block-v3 { margin-top: 101px; } .item-slider-block.item-slider-block-v3 .item-slider-content-block:after { background: rgba(228, 27, 19, 0.07); } .item-slider-block.item-slider-block-v3 .wrap-main-item-slider-content { background: #ffffff; } .item-slider-block.item-slider-block-v3 .item-slider-content-block-info-title { color: #000000; } .item-slider-block.item-slider-block-v3 .logo-item-slider:after { background: #e41b13; } .item-slider-block.item-slider-block-v3 .dot { color: #000000; } .item-slider-block.item-slider-block-v3 .text-item { color: #000000; } .item-slider-block.item-slider-block-v3 .item-slider-detail { background: #ffb9b9; color: #000000; } .item-slider-block.item-slider-block-v3 .tab_basket_li li a { background: #ccf7e1; } .item-slider-block.item-slider-block-v3 .tab_basket_li li a.curent { background: #ffffff; } .news { margin-top: 50px; } .wrap-news-block-content { position: relative; height: fit-content; padding: 0 70px 0 70px; } .wrap-news-block-content:after { position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 400px; background: #5d40b8; opacity: 0.1; z-index: 1; border-radius: 4px; } .news-block-content { position: relative; z-index: 2; background: #ffffff; display: flex; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05); border-radius: 4px; justify-content: space-between; width: fit-content; } .wrap-news-block-tab { width: 100%; max-width: 1160px; min-width: 1160px; height: 100%; padding: 70px; } .news-item-title { display: flex; align-items: center; margin-bottom: 40px; } .news-item-title p { position: relative; font-style: normal; font-weight: 500; font-size: 40px; line-height: 50px; text-transform: uppercase; color: #000000; } .news-item-title p:after { position: absolute; content: ''; left: -68px; top: 0; height: 50px; width: 2px; background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) center; } .news-item-title a { font-style: normal; font-weight: bold; font-size: 10px; line-height: 40px; width: 140px; height: 40px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; text-decoration: none; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 50px; margin-left: 25px; transition: all 0.2s; } .news-item-title a:hover { border-color: #000000; transition: all 0.2s; } .wrap-tab-box-content { border-radius: 4px; } .slider-inside .wrap-tab-box-content .swiper-wrapper { min-height: 791px; } .tab-box-news-item { display: flex; justify-content: space-between; } .tab-box-news-item-left { width: 380px; display: block; text-decoration: none; } .tab-box-news-item-img { width: 380px; height: 220px; margin-bottom: 20px; border-radius: 4px; object-fit: cover; } .tab-box-news-item-date { font-style: normal; font-weight: normal; font-size: 14px; line-height: 30px; color: #000000; margin-bottom: 10px; } .tab-box-news-item-title { font-style: normal; font-weight: bold; font-size: 20px; line-height: 30px; color: #000000; } .tab-box-news-item-right { width: 100%; margin-left: 30px; } .tab-box-news-item-right p + p { margin-top: 10px; } .tab-box-news-item-subtitle { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #000000; } .tab-box-news-item-text { font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #000000; } .tab-box-news-item-link { display: inline-block; font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; text-transform: uppercase; text-decoration: none; color: #7d9df8; margin-top: 15px; transition: all 0.2s; } .tab-box-news-item-link:hover { color: #000; transition: all 0.2s; } .tab-news-list { width: 438px; min-width: 438px; position: relative; max-height: 680px; overflow: auto; } .tab_news_li { padding-left: 18px; } .tab_news_li li { position: relative; } .tab_news_li li + li:after { position: absolute; content: ''; top: 0; left: 30px; right: 30px; height: 1px; hidth: calc(100% - 60px); background: #000000; opacity: 0.05; } .tab_news_li li a { display: flex; position: relative; height: 130px; width: 100%; align-items: center; justify-content: space-between; background: #fcfcfc; padding: 0 30px; border-radius: 4px; text-decoration: none; } .wrap-tab_news_li-left { } .tab_news_li-date { display: block; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #000000; } .tab_news_li-text { font-style: normal; font-weight: bold; font-size: 14px; line-height: 20px; color: #000000; } .wrap-tab_news_li-img { margin-left: 10px; } .wrap-tab_news_li-img img { width: 105px; min-width: 105px; height: 60px; object-fit: cover; border-radius: 4px; } .tab_news_li li a.curent { background: #ffffff; border-radius: 0px; } .tab_news_li li a.curent:after { position: absolute; content: ''; left: -18px; height: 1px; top: calc(50%); width: 18px; background-size: cover; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) no-repeat center; } footer { margin-top: 150px; margin-bottom: 50px; } .footer-content { display: flex; justify-content: space-between; background: rgba(0, 0, 0, 0.02); border-radius: 4px; padding: 70px; } .app-download { display: block; width: 230px; height: 68px; margin-bottom: 20px; margin-left: auto; } .app-download:hover img { opacity: 0.8; } .app-download img { width: 100%; height: 100%; transition: all 0.2s ease; } .footer-logo { display: flex; text-decoration: none; margin-bottom: 50px; position: relative; /* top: -15px; */ } .footer-tel, .footer-mail { position: relative; font-style: normal; font-weight: 500; font-size: 24px; line-height: 40px; color: #000000; text-decoration: none; } .footer-tel:after, .footer-mail:after { position: absolute; content: ''; left: 0; bottom: 0; width: 0; height: 1px; background: #000; transition: all 0.2s; } .footer-tel:hover:after, .footer-mail:hover:after { width: 100%; transition: all 0.2s; } .footer-adres { font-style: normal; font-weight: 500; font-size: 14px; line-height: 40px; color: #000000; } .footer-list .li_v1 { margin-bottom: 30px; } .footer-list .li_v1 a { font-style: normal; font-weight: 900; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000000; text-decoration: none; } .footer-list .li_v1 a.no { pointer-events: none; } .footer-list .li_v2 a { font-style: normal; font-weight: bold; font-size: 14px; line-height: 40px; color: #000000; text-decoration: none; } .footer-list .li_v3 a { font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; color: #000000; transition: all 0.2s; text-decoration: none; display: block; } .footer-list .li_v3:not(:last-child) { margin-bottom: 20px; } .footer-list a:hover:not(.no) { color: #7d9df8; transition: all 0.2s; } .footer-column.mob-vis { display: none; } .footer-column .search input { background: transparent; box-shadow: none; } .wrap-social { width: 100%; min-width: 370px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } .wrap-social a { display: flex; width: 55px; height: 55px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); } .swiper-button-prev { position: absolute; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); background-image: url(/bitrix/templates/im/css/../imgs/arr_l.svg); background-position: center; background-repeat: no-repeat; background-size: 8px 12px; } .swiper-button-prev:after { display: none; } .swiper-button-next { position: absolute; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); background-image: url(/bitrix/templates/im/css/../imgs/arr_r.svg); background-position: center; background-repeat: no-repeat; background-size: 8px 12px; transition: all 0.2s ease; } .swiper-button-next:after { display: none; } .main-slider-container { position: relative; } .main-slider-container .swiper-button-prev { top: auto; bottom: 71px; left: auto; right: 73px; } .main-slider-container .swiper-button-next { top: auto; bottom: 71px; left: auto; right: 0px; } .main-slider-container .swiper-pagination { right: 0 !important; left: auto !important; width: 135px !important; transform: none !important; text-align: right; display: flex; align-items: center; justify-content: center; } .swiper-button-next:hover, .swiper-button-prev:hover { border: 1px solid rgba(0, 0, 0, 1); } .main-slider-container .swiper-pagination span.swiper-pagination-bullet-active { background: #000; opacity: 1; width: 7px; height: 7px; border: 1px solid #000000; transition: all 0.2s; } .main-slider-container .swiper-pagination span + span { margin-left: 20px !important; } .main-slider-container .swiper-pagination span.swiper-pagination-bullet-active-prev, .main-slider-container .swiper-pagination span.swiper-pagination-bullet-active-next { background: rgba(255, 255, 255, 0.01); opacity: 0.4; width: 7px; height: 7px; border: 1px solid #000000; box-sizing: border-box; border-radius: 50px; transition: all 0.2s; } .main-slider-container .swiper-pagination span { width: 5px; height: 5px; border: 1px solid #000000; transition: all 0.2s; } /*nav ul li.parent a:hover { background: #eeeeee; transition: all 0.2s; }*/ .login:hover, .logout:hover, .favorites:hover, .basket:hover { opacity: 0.8; transition: all 0.2s; } .main-block-slider-info .slider-link, .double-block .detail-buy, .item-slider-detail, .fluid-info-link { transition: all 0.2s; } .main-block-slider-info .slider-link:hover, .double-block .detail-buy:hover, .item-slider-detail:hover, .fluid-info-link:hover { opacity: 0.8; transition: all 0.2s; } .basket-add-link:hover { background: #f27e98; transition: all 0.2s; } .footer-list .li_v1 a, .footer-list .li_v2 a, .footer-list .li_v3 a { transition: all 0.2s; } .footer-list .li_v1 a:hover, .footer-list .li_v2 a:hover, .footer-list .li_v3 a:hover { transition: all 0.2s; } .wrap-social a { transition: all 0.2s; } .wrap-social a:hover { border: 1px solid rgba(0, 0, 0, 0.7); transition: all 0.2s; } @media (max-width: 1480px) { .container { padding: 0 20px; } /* nav ul li + li { margin-left: 17px; } */ header .search { position: relative; width: 50px; } header .search form.active { width: 320px; } .wrap-news-block-content { position: relative; padding: 0 30px 0 30px; } .wrap-news-block-tab { max-width: 960px; min-width: 960px; padding: 30px 30px 20px 30px; } .tab_news_li li a { height: 110px; width: 100%; padding: 0 20px; box-shadow: 0px 20px 40px rgb(0 0 0 / 5%); border-radius: 4px; text-decoration: none; } .fluid-content { padding-left: 0; } .fluid.fluid-v2 .fluid-info { right: 0; } .fluid-item { top: 14px; height: 362px; } .news-item-title p:after { left: -28px; } } @media (max-width: 1400px) { element.style { } .tab-box-news-item-right { margin-left: 20px; } .tab-box-news-item-img { width: 300px; height: auto; margin-bottom: 20px; object-fit: cover; border-radius: 20px; } .tab-box-news-item-left { width: 300px; } .wrap-news-block-tab { max-width: 890px; min-width: 750px; padding: 30px; } header .logo { margin-right: 0px; } header .search { position: relative; width: 100%; max-width: 50px; border-radius: 50%; height: 50px; background: #ededed; } header .search form input { display: none; } .detail-buy { width: 170px; } .double-item-img { left: 55%; } .double-item { width: calc(50% - 15px); height: 250px; position: relative; padding-top: 68px; padding-left: 55px; } .double-item .text-item { font-size: 14px; line-height: 24px; } } @media (max-width: 1280px) { .main-slider .swiper-slide .main-block-slider-info { position: absolute; top: 40px; left: 40px; width: 460px; height: 500px; padding: 40px 40px; z-index: 2; background: #f7f7f7; backdrop-filter: blur(40px); border-radius: 4px; } /*.tab-slider .tab-box {*/ /* display: block !important;*/ /*}*/ .main-slider .swiper-slide .main-slider-img { right: 25px; } .tab-news-list { display: none; } .wrap-news-block-tab { max-width: none; min-width: auto; padding: 30px; } .tab-slider { overflow: hidden; } .tab-box-news-item-left { width: 40%; padding-right: 30px; } .tab-box-news-item-right { width: 60%; margin-left: 0px; } .tab-box-news-item-img { width: 100%; } .wrap-news-block-content { height: auto; } footer .search { position: relative; width: 100%; max-width: 280px; } .wrap-social { margin-left: -20px; flex-wrap: wrap; min-width: auto; max-width: 280px; justify-content: flex-start; } .wrap-social a { margin-left: 20px; margin-bottom: 20px; } .footer-content { padding: 35px; } .fluid-img { display: none; } .fluid.fluid-v1 .fluid-item { right: 0; } .fluid.fluid-v2 .fluid-item { left: 0; } .left-item-slider-content-block-info { padding-top: 35px; width: 380px; min-width: 380px; } .logo-item-slider, .item-slider-content-block-info-title { padding-left: 30px; } .left-item-slider-content-block-info .dot, .left-item-slider-content-block-info .text-item, .item-slider-detail { margin-left: 30px; } .item-slider-content-block-info-title { font-size: 36px; line-height: 42px; } .tab-slider .swiper-pagination { bottom: 15px; width: 100% !important; text-align: center; display: flex; align-items: center; justify-content: center; } .tab-slider .swiper-pagination span.swiper-pagination-bullet-active { background: #000; opacity: 1; width: 7px; min-width: 7px; height: 7px; border: 1px solid #000000; transition: all 0.2s; } .tab-slider.swiper-pagination span + span { margin-left: 20px !important; } .tab-slider .swiper-pagination span.swiper-pagination-bullet-active-prev, .tab-slider.swiper-pagination span.swiper-pagination-bullet-active-next { background: rgba(255, 255, 255, 0.01); opacity: 0.4; width: 7px; min-width: 7px; height: 7px; border: 1px solid #000000; box-sizing: border-box; border-radius: 50px; transition: all 0.2s; } .tab-slider .swiper-pagination span { width: 5px; min-width: 5px; height: 5px; border: 1px solid #000000; transition: all 0.2s; } } .wrap-mobile-bottom-line { display: none; } .wrap-header-content .gamb { display: none; } .info-mob { display: none; } @media (max-width: 768px) { .info-desc { display: none; } .info-mob { display: block; } .city-select_active, .select-title { font-size: 12px; line-height: 15px; } .slider-inside .wrap-tab-box-content .swiper-wrapper { min-height: auto; } .wrap-content-tab-slider .tab-box { position: relative; left: unset; right: unset; clip: unset; } .item-slider-block .swiper-button-next, .item-slider-block .swiper-button-prev { display: none; } .slider-inside .swiper-slide { width: 289px; } .news-block-content { width: 100%; } .tab_news_li li a { height: auto; padding: 10px 0; } .tab_news_li li a.curent:after { left: -25px; } .city-select-list { width: 315px; left: -54px; height: 70vh; } .fake { height: 90px; } .search form, header .search form.active { width: 100vw; max-width: calc(100vw - 30px); right: -60px; top: 66px; } .search-input { padding-left: 30px !important; } .wrap-header-content .gamb { display: flex; justify-content: center; align-items: center; width: 25px; height: 26px; margin-left: 15px; order: 1; transition: all 0.2s; } .wrap-header-content .gamb span { display: block; position: relative; width: 25px; height: 2px; background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) center; border-radius: 10px; transition: all 0.2s; } .wrap-header-content .gamb span:after { position: absolute; content: ''; top: -8px; left: 0; width: 25px; height: 2px; background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) center; border-radius: 10px; transition: all 0.2s; } .wrap-header-content .gamb span:before { position: absolute; content: ''; bottom: -8px; left: 0; width: 25px; height: 2px; background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) center; border-radius: 10px; transition: all 0.2s; } .wrap-header-content .gamb.active { z-index: 10000; transition: all 0.2s; } .wrap-header-content .gamb.active span { display: block; position: relative; width: 25px; height: 2px; background: transparent; border-radius: 10px; transition: all 0.2s; } .wrap-header-content .gamb.active span:after { position: absolute; content: ''; top: 50%; left: 50%; width: 25px; height: 2px; transform: translate(-50%, -50%) rotate(45deg); background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) center; border-radius: 10px; transition: all 0.2s; } .wrap-header-content .gamb.active span:before { position: absolute; content: ''; top: 50%; left: 50%; width: 25px; height: 2px; transform: translate(-50%, -50%) rotate(135deg); background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line.svg) center; border-radius: 10px; transition: all 0.2s; } .wrap-header-content .logo { order: 2; margin-right: 0px; /* margin-left: 30px; */ margin-left: 10px; z-index: 10000; width: 153px; } .wrap-header-content .logo.active { z-index: 10000; } .logo a { font-style: normal; font-weight: normal; font-size: 20px; line-height: 24px; } header .search { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); margin-left: auto; order: 3; display: block; } .search form { display: none; } .search form .submit { width: 50px; height: 50px; position: absolute; right: 0; top: 0; background: url(/bitrix/templates/im/css/../imgs/zoom.svg) no-repeat 18px center; border: none; z-index: 2; } .search form .active-input { background-image: url(/bitrix/templates/im/css/../imgs/ic-close.svg); } header .right { display: none; } header .wrap-header-content .login { width: 50px; min-width: 50px; height: 50px; font-style: normal; font-weight: 100; font-size: 0; line-height: 0; margin-left: 10px; order: 4; display: flex; } header .wrap-header-content .logout { width: 50px; min-width: 50px; height: 50px; font-style: normal; font-weight: 100; font-size: 0; line-height: 0; margin-left: 10px; order: 4; display: flex; } .wrap-header-content .login span { position: relative; right: 0px; margin-right: 0; } .wrap-header-content .logout span { position: relative; right: 0px; margin-right: 0; } .wrap-header-content { flex-wrap: wrap; } header { padding: 20px 0 20px 0; } .container { padding: 0 15px; } .main-slider .swiper-slide .bg { display: none; } .main-slider-img { display: none; } .main-slider-img-mobile { /* display: block; */ width: 135px; height: 135px; background-repeat: no-repeat; background-size: contain; /*margin: auto;*/ background-position: center; position: relative; z-index: 2; } .main-slider .swiper-slide .main-block-slider-info { position: relative; top: 0; left: 0; width: 100%; height: 520px; padding: 25px 20px; z-index: 2; background-color: #f7f7f7; backdrop-filter: blur(40px); border-radius: 4px; background-size: cover; background-position: center; } .main-block-slider-info .bg-shadow { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 1; background: linear-gradient(180deg, #f7f7f7 0%, rgba(247, 247, 247, 0) 70%); } .main-block-slider-info .title { font-size: 24px; line-height: 27px; position: relative; z-index: 2; } .main-block-slider-info .title span { font-size: 30px; line-height: 30px; } .main-block-slider-info .text { font-style: normal; font-weight: 500; font-size: 12px; line-height: 18px; color: #000000; margin-bottom: 40px; max-width: none; min-height: 54px; position: relative; z-index: 2; } .main-block-slider-info .dot { font-size: 21px; line-height: 40px; letter-spacing: 0.1em; position: relative; z-index: 2; } .main-block-slider-info .slider-link { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 2; width: 230px; height: 50px; margin: 45px auto 0; font-size: 10px; line-height: 14px; display: flex; align-items: center; justify-content: center; } .main-block-slider-info .logo-bg { display: none; } .main-slider .swiper-button-next, .main-slider .swiper-button-prev { display: none; } .main-slider .swiper-slide { height: auto; } .main-slider-container .swiper-pagination { right: 10px; bottom: 21px; left: 50% !important; transform: translateX(-50%) !important; text-align: center; display: flex; align-items: center; justify-content: center; } .wrap-double { flex-wrap: wrap; } .double-item.double-item_l .custom-bg { height: 170px; bottom: 25px; } .double-item { width: 100%; height: 237px; padding-left: 40px; padding-top: 53px; } .double-item .title-item { font-size: 25px; } .double-item .title-item span { font-size: 23px; line-height: 22px; } .double-item .dot { display: none; } .double-item .text-item { font-size: 12px; line-height: 18px; max-width: 160px; margin-top: 10px; } .double-item .left-lext { left: -60px; bottom: 92px; position: absolute; font-style: normal; font-weight: 500; font-size: 7px; width: 170px; height: 36px; } .double-item-img { left: auto; right: 10px; top: 20px; height: 165px; transform: none; } .detail-buy { width: 230px; right: calc(50% - 115px); height: 50px; bottom: 0px; line-height: 50px; font-size: 10px; } .double-item.double-item_r { margin-top: 34px; } .double-item.double-item_r .custom-bg { height: 170px; bottom: 25px; } .double-item.double-item_r .double-item-img { left: auto; right: 8px; top: 19px; height: 162px; transform: none; } .item-slider-block { margin-top: 50px; overflow-x: clip; } .item-slider-content-block { padding-left: 0px; padding-top: 30px; padding-bottom: 60px; } .logo-item-slider img { width: auto; height: 80px; } .logo-item-slider, .item-slider-content-block-info-title { padding-left: 40px; padding-right: 40px; } .wrap-main-item-slider-content { flex-wrap: wrap; } .left-item-slider-content-block-info { padding-top: 40px; width: 100%; height: auto; min-width: 100%; } .logo-item-slider { margin-bottom: 27px; } .logo-item-slider:after { height: 80px; } .item-slider-content-block-info-title { font-size: 24px; line-height: 34px; } .left-item-slider-content-block-info .dot, .left-item-slider-content-block-info .text-item, .item-slider-detail { margin-left: 40px; } .left-item-slider-content-block-info .dot { font-size: 30px; line-height: 30px; margin-top: 0px; margin-bottom: 18px; } .left-item-slider-content-block-info .text-item { font-style: normal; font-weight: 500; font-size: 14px; line-height: 20px; color: #000000; min-height: auto; margin-bottom: 25px; margin-right: 40px; min-height: 120px; } .item-slider-detail { width: 265px; height: 50px; font-size: 10px; line-height: 50px; } .wrap-item-slider-block { position: relative; width: 100%; height: auto; background: #ffffff; border-radius: 4px; margin-left: 0; box-shadow: 0px 20px 40px rgb(0 0 0 / 5%); z-index: 3; margin-top: 100px; } .right-item-slider-content-block-tab { position: absolute; top: -50px; left: 0; z-index: 5; } .tab_basket_li { display: flex; } .tab_basket_li li a { border-radius: 20px 20px 0 0; justify-content: center; text-decoration: none; padding-left: 0; width: 120px; } .tab_basket_li li a.curent:after { position: absolute; content: ''; right: calc(50% - 1px); top: auto; bottom: -10px; height: 18px; width: 1px; background-size: cover; background: url(/bitrix/templates/im/css/../imgs/vertical-line.svg) no-repeat center; } .slider-inside { padding-right: 55px; } .item-slider-block .swiper-slide { padding: 20px 30px 40px; background: #fff; } .wrap-favorites-item, .wrap-favorites-item-detail { position: absolute; left: 30px; cursor: pointer; top: 20px; } .wrap-mark-item { position: absolute; right: 29px; top: 20px; } .wrap-image-item-slider { display: block; height: 120px; margin-top: 30px; margin-bottom: 10px; } .wrap-image-item-slider img { width: auto; height: 100%; margin: auto; display: block; } .title-item-slider { margin-top: 5px; font-size: 12px; line-height: 14px; min-height: 40px; } .text-item-slider { margin-bottom: 2px; } .wrap-card-item-number { width: 100%; max-width: 160px; } .card-item-num { width: 100%; } .card-item-minus { width: 14px; min-width: 14px; margin-right: 20px; } .card-item-plus { width: 14px; min-width: 14px; margin-left: 19px; } .price-item-slider { margin-top: 3px; margin-bottom: 20px; } .price-item-slider span { line-height: 22px; } .basket-add-link { font-size: 10px; line-height: 10px; } .wrap-content-tab-slider { overflow: visible; } .fluid { position: relative; height: 340px; margin-top: 50px; } .fluid-info { width: 100%; position: relative; padding-top: 0px; top: 0; height: 100%; } .fluid-info-title { font-size: 31px; line-height: 38px; } .fluid-info-title span { font-size: 30px; line-height: 26px; } .fluid-info-dot { font-style: normal; font-weight: 500; font-size: 21px; line-height: 21px; color: #000000; margin-top: 2px; margin-bottom: 10px; } .fluid-info-text { font-style: normal; font-weight: 500; font-size: 12px; line-height: 18px; color: #000000; margin-bottom: 15px; max-width: 175px; } .fluid-content { height: 340px; } .fluid-info-link { position: absolute; z-index: 2; width: 230px; height: 50px; bottom: -5px; left: calc(50% - 115px); font-size: 10px; line-height: 50px; } .fluid-logo-text { display: block; position: absolute; top: 10px; right: -12px; font-style: normal; font-weight: 500; font-size: 7px; line-height: 10px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; opacity: 0.3; } .fluid.fluid-v1 .fluid-item { position: absolute; top: 50px; right: -15px; height: 243px; width: 199px; background-image: url(/bitrix/templates/im/css/../imgs/ban_t_1_m.png); } .fluid.fluid-v2 .fluid-info { width: 100%; padding-top: 30px; } .fluid.fluid-v2 .fluid-item { position: absolute; top: 43px; right: -15px; height: 243px; width: 199px; left: auto; background-image: url(/bitrix/templates/im/css/../imgs/ban_t_2_m.png); } .item-slider-content-block .custom-bg { left: -15px; width: calc(100% + 30px); } .fluid.fluid-v2 .fluid-info-title { max-width: 179px; } .wrap-news-block-content { background: #ffffff; padding: 0; } .news { margin-top: 50px; } .news-item-title p { font-style: normal; font-weight: 500; font-size: 30px; line-height: 42px; text-transform: uppercase; color: #000000; } .news-item-title a { width: 110px; margin-left: 14px; } .tab-box-news-item { flex-wrap: wrap; } .tab-box-news-item-left { width: 100%; padding: 0; } .news-item-title { margin-bottom: 28px; } .tab-box-news-item-img { width: 300px; height: 176px; margin-bottom: 8px; object-fit: cover; border-radius: 4px; } .tab-box-news-item-link { margin-top: 10px; margin-bottom: 30px; } .tab-box-news-item-date { margin-bottom: 0; } .tab-box-news-item-title { font-size: 18px; line-height: 28px; } .tab-box-news-item-right { width: 100%; } .tab-box-news-item-subtitle { display: none; } .tab-box-news-item-text { display: none; } .tab-box-news-item-title { font-size: 18px; line-height: 28px; overflow: hidden; } .wrap-news-block-tab { padding: 30px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05); } .wrap-news-block-content:after { position: absolute; content: ''; left: -15px; bottom: -30px; width: calc(100% + 30px); height: 350px; background: #5d40b8; opacity: 0.1; z-index: 1; border-radius: 4px; } footer { margin-top: 100px; margin-bottom: 0px; padding-bottom: 50px; } .footer-content { padding: 40px 20px; flex-wrap: wrap; } .footer-column { width: 100%; } .footer-logo { text-align: center; position: static; margin-bottom: 0; } .footer-column.desc-vis .footer-tel, .footer-column.desc-vis .footer-mail, .footer-column.desc-vis .footer-adres { display: none; } .footer-column.desc-vis br { display: none; } .app-download { width: 160px; height: 50px; margin: 0 auto 10px auto; } .footer-list { margin-top: 25px; } .footer-list:last-child { margin-top: 50px; } footer .search { position: relative; width: 100%; max-width: 100%; margin-top: 29px; } .wrap-social { margin-left: 0px; flex-wrap: nowrap; min-width: auto; max-width: 100%; margin-top: 25px; justify-content: space-between; } .wrap-social a { margin-left: 0px; margin-bottom: 0px; } .footer-column.mob-vis { display: block; text-align: center; margin-top: 42px; } .wrap-mobile-bottom-line { position: fixed !important; bottom: 0px; left: 0; width: 100vw; height: 50px; display: flex; z-index: 99; background-color: #ffffff; } .wrap-mobile-bottom-line a { display: block; padding-top: 10px; width: 25%; height: 50px; font-style: normal; font-weight: 600; font-size: 10px; line-height: 8px; text-align: center; text-transform: uppercase; color: #000000; text-decoration: none; position: relative; } .link-line-bubble { width: 15px; height: 15px; border-radius: 50%; background: #ff0000; display: flex; align-items: center; justify-content: center; position: absolute; right: 25px; top: 3px; font-weight: 500; font-size: 8px; line-height: 8px; color: #fff; } .wrap-mobile-bottom-line a span { width: 18px; height: 18px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 6px; } .link-line_v1 { color: #000000; } .link-line_v2 { color: #000000; } .link-line_v3 { color: #e64767; } .link-line_v4 { color: #5979d7; } .link-line_v1 .wrap-img-line { background-image: url(/bitrix/templates/im/css/../imgs/b_line_1.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } .link-line_v2 .wrap-img-line { background-image: url(/bitrix/templates/im/css/../imgs/b_line_2.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } .link-line_v3 .wrap-img-line { background-image: url(/bitrix/templates/im/css/../imgs/b_line_3.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } .link-line_v4 .wrap-img-line { background-image: url(/bitrix/templates/im/css/../imgs/b_line_4.svg); background-repeat: no-repeat; background-size: contain; background-position: center; } .search form input { font-size: 12px; } .search form input::placeholder { font-size: 12px; } } @media (max-width: 1280px) { .wrap-header-content nav ul li { margin-right: 10px; } } @media (max-width: 1024px) { .wrap-header-content nav ul li { margin-right: 0; } } @media (max-width: 700px) { .wrap-header-content nav { margin-top: 20px; order: 5; } .wrap-header-content nav ul li { display: none; } .wrap-header-content nav ul li:first-child { display: block; } nav ul li a { width: 210px; } .wrap-header-content .favorites { order: 6; margin-left: auto; margin-right: 10px; margin-top: 20px; } .wrap-header-content .basket { order: 7; margin-top: 20px; } } .breadcrumbs { } .breadcrumbs ul { margin: 0; padding: 14px 0; } .breadcrumbs ul li { position: relative; display: inline-block; } .breadcrumbs ul li + li { margin-left: 20px; } .breadcrumbs ul li + li:after { position: absolute; content: ''; left: -18px; top: calc(50% - 1px); width: 12px; height: 1px; background-size: 100% 100%; background: url(/bitrix/templates/im/css/../imgs/horizontal-line-gray.svg) center; } .breadcrumbs ul li a { font-style: normal; font-weight: 700; font-size: 12px; line-height: 10px; color: #7d9df8; text-decoration: none; } .breadcrumbs ul li:last-child a { font-style: normal; font-weight: 400; font-size: 12px; line-height: 10px; color: #000000; user-select: none; pointer-events: none; } .wrap-title-el { margin: 41px 0 33px; } .wrap-dots { } .wrap-dots p { font-style: normal; font-weight: 500; font-size: 40px; line-height: 33px; text-transform: uppercase; letter-spacing: 4.6px; color: #000000; } .title-page { font-style: normal; font-weight: 500; font-size: 40px; line-height: 50px; text-transform: uppercase; color: #000000; } .catalog-block-title { font-style: normal; font-weight: 900; font-size: 16px; line-height: 20px; text-transform: uppercase; color: #000000; letter-spacing: -0.3px; margin-bottom: 16px; } .wrap-catalog-block { display: flex; } .left-catalog-side { width: 423px; min-width: 423px; } .left-catalog-side ul { width: 100%; } .left-catalog-side ul .parent-catalog { } .left-catalog-side ul .parent-catalog a, .left-catalog-side ul li a { display: block; width: 100%; background: rgba(125, 157, 248, 0.3); font-style: normal; font-weight: 400; font-size: 16px; line-height: 34px; color: #000000; padding: 18px 30px; text-decoration: none; } .left-catalog-side ul li a { background: rgba(125, 157, 248, 0.1); } .left-catalog-side ul .parent-catalog a.curent { font-style: normal; font-weight: 700; font-size: 16px; line-height: 34px; color: #000000; background: rgba(125, 157, 248, 0.3); } .left-catalog-side ul li .child-list { display: block; padding-left: 10px; } .left-catalog-side ul li .child-list a { font-style: normal; font-weight: 400; font-size: 16px; line-height: 34px; color: #000000; background: rgba(245, 120, 145, 0.1); text-decoration: none; transition: all 0.2s ease; cursor: pointer; } .left-catalog-side ul li .child-list a.curent { font-style: normal; font-weight: 700; font-size: 16px; line-height: 34px; color: #000000; background: rgba(245, 120, 145, 0.3); box-shadow: inset 5px 0px 0px #f57891; } .left-catalog-side ul li .child-list a:hover { color: #000000; background: rgba(245, 120, 145, 0.3); box-shadow: inset 5px 0 0 #f57891; } .right-catalog-side { width: 100%; margin-left: -4px; border-radius: 4px; background: #ffffff; filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.05)); } .catalog-brands-block { width: 100%; display: flex; position: relative; align-items: center; justify-content: space-between; padding: 20px 60px; } .catalog-brands-text { font-style: normal; font-weight: 900; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #cccccc; min-width: 152px; } .catalog-brands-text a { text-decoration: none; } .catalog-brands-text .cancel-brand { font-weight: 600; font-size: 14px; line-height: 17px; color: #eb3323; display: flex; align-items: center; margin-top: 11px; cursor: pointer; } .catalog-brands-text .cancel-brand img { margin-right: 5px; } .catalog-brands-logos { flex: 1; margin-left: 70px; display: flex; align-items: center; justify-content: space-between; } .catalog-brands-item { border-radius: 20px; background: #fff; transition: all 0.2s ease; width: 190px; height: 110px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .catalog-brands-item input { display: none; } .catalog-brands-item img { width: auto; height: 70px; transition: all 0.2s; } .catalog-brands-item:hover, .catalog-brands-item_active { box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); } .catalog-search-block { position: relative; width: 100%; height: 120px; display: flex; align-items: center; padding: 34px 60px; background: rgba(0, 0, 0, 0.02); border-top: 1px solid rgba(0, 0, 0, 0.05); border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .wrap-form-catalog-search { width: 100%; position: relative; } .autocomplete-suggestions, .header-autocomplete-suggestions { width: 100%; max-height: 330px; overflow: auto; background: #ffffff; box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); border-radius: 20px; padding: 40px; z-index: 21; display: none; } .autocomplete-suggestions::-webkit-scrollbar, .header-autocomplete-suggestions::-webkit-scrollbar { width: 5px; height: 8px; } .autocomplete-suggestions::-webkit-scrollbar-thumb, .header-autocomplete-suggestions::-webkit-scrollbar-thumb { background-color: #000000; border-radius: 50px; } .autocomplete-suggestions::-webkit-scrollbar-track, .header-autocomplete-suggestions::-webkit-scrollbar-track { margin: 12px 0; } .autocomplete-suggestion { font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #000000; text-decoration: none; transition: all 0.2s ease; display: block; cursor: pointer; } .autocomplete-suggestion:hover { color: #7d9df8; } .autocomplete-suggestion:not(:last-child) { margin-bottom: 30px; } .autocomplete-suggestion strong { color: #7d9df8; } .wrap-form-catalog-search form { display: flex; align-items: center; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; padding: 5px 20px 5px 30px; } .wrap-form-catalog-search input { flex: 1; background: #ffffff; box-sizing: border-box; border-radius: 50px; font-weight: 500; font-size: 14px; line-height: 40px; color: #777777; border: none; } .wrap-form-catalog-search input::placeholder { font-style: normal; font-weight: 500; font-size: 14px; line-height: 40px; color: #777777; } .wrap-form-catalog-search form .submit { width: 18px; height: 18px; background: url(/bitrix/templates/im/css/../imgs/zoom.svg) no-repeat center; border: none; } .catalog-filter-block { height: 150px; display: flex; padding: 25px 50px 25px 60px; justify-content: space-between; align-items: center; } .filter-text { font-style: normal; font-weight: 400; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #000000; } .filter-text span { display: block; font-style: normal; font-weight: 900; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #000000; } .wrap-select-filter { display: flex; align-items: center; } .select-item { width: 259px; min-width: 259px; } .small { width: 193px; min-width: 193px; } .select-item-title { font-style: normal; font-weight: 500; font-size: 12px; line-height: 40px; color: #777777; } .wrap-item-select { position: relative; width: 100%; } .select-item + .select-item { margin-left: 20px; } .select-title-wrap { display: flex; align-items: center; justify-content: space-between; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50px; padding: 16px 25px; cursor: pointer; } .select-title { display: flex; align-items: center; } .select-title_active { font-weight: 700; font-size: 14px; line-height: 17px; color: #000000; margin-right: 12px; } .select-title img { } .select-options { width: 100%; position: absolute; left: 0; top: 60px; background: #ffffff; box-shadow: 0 1px 10px rgba(34, 48, 132, 0.1); border-radius: 20px; padding: 16px 25px; z-index: 20; display: none; } .select-option { display: flex; align-items: center; cursor: pointer; } .select-option img { width: 17px; height: 17px; } .select-option__title { font-weight: 700; font-size: 14px; line-height: 17px; color: #000000; margin-right: 12px; transition: all 0.2s ease; } .select-option:not(:last-child) { margin-bottom: 20px; } .select-option:hover .select-option__title { color: #7d9df8; } .catalog-content-block { border-top: 1px solid #f5f5f5; display: flex; flex-wrap: wrap; } .catalog-item { position: relative; width: 100%; padding: 50px 60px; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; transform: scale3d(1, 1, 1); background: #fff; } .swiper-slide .catalog-item { width: 100%; } .swiper-slide .card-link { width: 100%; } .card-link { display: block; text-decoration: none; width: 33.3%; } .catalog-item:nth-child(3n) { border-right: none; } .catalog-item .wrap-favorites-item, .catalog-item .wrap-favorites-item-detail { position: absolute; left: 61px; cursor: pointer; top: 46px; } .catalog-item .wrap-mark-item { position: absolute; right: 58px; top: 48px; } .catalog-pagination-block { position: relative; display: block; padding-top: 70px; padding-bottom: 100px; text-align: center; margin-left: 423px; } .see-more-catalog { display: block; width: 280px; height: 53px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 50px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 50px; text-align: center; margin: auto; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; color: #000000; transition: all 0.2s; } .see-more-catalog:hover { border: 1px solid rgba(0, 0, 0, 0.5); transition: all 0.2s; } .pagination { margin-top: 30px; display: flex; align-items: center; justify-content: center; } .pagination li + li { margin-left: 20px; } .pagination li a { display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; border-radius: 50%; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; font-style: normal; font-weight: 700; font-size: 18px; text-decoration: none; line-height: 6px; text-align: center; color: #000000; transition: all 0.2s; } .pagination li a.curent, .pagination li a:hover { background: #7d9df8; color: #ffffff; border-color: #7d9df8; transition: all 0.2s; } @media (max-width: 1400px) { .left-catalog-side { width: 390px; min-width: 390px; } .catalog-brands-block { padding: 34px 40px; } .catalog-search-block { padding: 30px 40px; height: 128px; } .catalog-filter-block { padding: 30px 40px; } .filter-text { font-size: 16px; line-height: 22px; } .filter-text span { font-size: 16px; line-height: 22px; } .select-item { width: 230px; min-width: 230px; } .catalog-item { padding: 30px; } .catalog-item .wrap-favorites-item, .catalog-item .wrap-favorites-item-detail { position: absolute; left: 30px; cursor: pointer; top: 30px; } .catalog-item .wrap-mark-item { position: absolute; right: 30px; top: 35px; } } @media (max-width: 768px) { .main-slider { margin-top: 80px; } .tab-slider .swiper-pagination { bottom: 40px; } .wrap-catalog-block { display: flex; flex-wrap: wrap; } .autocomplete-suggestions { width: calc(100% - 30px) !important; left: 15px !important; padding: 20px 15px; } .autocomplete-suggestion { font-size: 14px; line-height: 20px; } .autocomplete-suggestion:not(:last-child) { margin-bottom: 20px; } .left-catalog-side { width: 100%; min-width: auto; width: calc(100% + 15px); margin-right: -15px; } .catalog-brands-block { width: 100%; padding: 70px 0; flex-wrap: wrap; } .catalog-brands-text { width: 100%; max-width: none; font-size: 18px; line-height: 14px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; } .catalog-brands-text .cancel-brand { font-size: 12px; line-height: 10px; margin-top: 0; } .catalog-brands-text .cancel-brand img { width: 15px; height: 15px; margin-right: 5px; } .catalog-brands-logos { margin-left: 0; } .catalog-brands-item { width: 90px; height: 50px; border-radius: 10px; } .catalog-brands-item img { width: auto; height: 32px; } .right-catalog-side { margin-left: 0; filter: none; } .wrap-form-catalog-search input { height: 50px; line-height: 50px; } .wrap-form-catalog-search form .submit { width: 50px; height: 50px; } .catalog-search-block { margin-left: -15px; width: calc(100% + 30px); padding: 0px 15px; height: 114px; } .catalog-filter-block { flex-wrap: wrap; height: auto; padding: 68px 0px; } .filter-text { font-size: 18px; line-height: 22px; } .filter-text span { font-size: 19px; line-height: 22px; } .select-item { width: 100%; min-width: auto; } .wrap-select-filter { width: 100%; flex-wrap: wrap; margin-top: 11px; } .select-item + .select-item { margin-left: 0px; margin-top: 13px; } .select-item-title { line-height: 36px; } .catalog-item { border-left: 1px solid #f5f5f5; } .card-link { width: 50%; } .slider-inside-catalog-detail .swiper-slide { max-width: 290px; } .slider-inside-catalog-detail .swiper-slide:not(:first-child) { border-left: 1px solid #f5f5f5; } .swiper-slide .card-link { width: 100%; max-width: 290px; } .swiper-slide .catalog-item { width: 100%; } .catalog-pagination-block { margin-left: 0; padding-bottom: 0; } .title-page { font-size: 30px; line-height: 40px; } .catalog-item .wrap-image-item-slider { height: 160px; } } @media (max-width: 600px) { .catalog-item { width: 100%; padding: 30px 48px 40px; } .card-link { width: 100%; } .title-page { font-size: 29px; } .left-catalog-side ul li .child-list a.curent { font-size: 14px; line-height: 14px; } .left-catalog-side ul li .child-list a { font-size: 14px; line-height: 14px; } .catalog-item .wrap-favorites-item, .catalog-item .wrap-favorites-item-detail { left: 48px; top: 29px; } .catalog-item .wrap-mark-item { right: 46px; top: 27px; width: 30px; height: 30px; } .catalog-item .title-item-slider { margin-bottom: 10px; } .catalog-item .wrap-card-item-number { width: 167px; } .catalog-item .price-item-slider { margin-top: 13px; margin-bottom: 15px; } .catalog-item .basket-add-link { font-size: 12px; line-height: 12px; } } /*ДЕТАЛКА*/ .item-detail { background: #fff; margin-top: 70px; } .wrap-item-detail-side { width: 100%; height: auto; } .item-detail-content { position: relative; background: #ffffff; border-radius: 4px; display: flex; height: 658px; justify-content: space-between; border-bottom: 1px solid #f5f5f5; } .item-detail-presentation { width: 571px; min-width: 571px; border-right: 1px solid #f5f5f5; } .wrap-img-presentation { width: 100%; height: 100%; } .wrap-img-presentation a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .wrap-img-presentation a img { position: relative; width: 340px; height: 370px; object-fit: contain; } .wrap-img-presentation a .wrap-detail-img { position: relative; } .wrap-img-presentation a .wrap-detail-img:after { position: absolute; content: ''; right: -41px; bottom: 21px; width: 30px; height: 30px; background: url(/bitrix/templates/im/css/../imgs/lupa.svg); } .item-detail-info { width: 100%; height: 100%; padding: 76px 100px 30px 118px; } .item-detail-info-top { display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom: 40px; } .vendor-code { font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: #4f4f4f; } .item-favorites { position: relative; display: flex; cursor: pointer; align-items: center; } .item-favorites .wrap-favorites-item, .item-favorites .wrap-favorites-item-detail { position: relative; top: 0; left: 0; } .item-favorites span { font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; text-align: right; color: #4f4f4f; margin-left: 10px; } .item-detail .tags { margin: 31px 0px 10px 0px; display: flex; flex-wrap: wrap; } .item-detail .tags .tag { margin: 0px 10px 10px 0px; padding: 6px 14px; font-size: 16px; line-height: 19px; color: #000; background: rgba(125, 157, 248, 0.2); border-radius: 90px; } .item-name-title { font-style: normal; font-weight: 900; font-size: 26px; line-height: 20px; text-transform: uppercase; color: #000000; margin-bottom: 20px; } .item-name-text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; } .item-name-price { font-style: normal; font-weight: 700; font-size: 14px; line-height: 40px; color: #000000; margin-top: 13px; } .item-name-price span { display: block; font-style: normal; font-weight: 700; font-size: 30px; line-height: 30px; color: #000000; } .status-item { margin-top: 21px; margin-bottom: 5px; } .status-item p { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color: #4f4f4f; } .status-item p span { color: #42bb7d; } .text-item-slider { font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; color: #4f4f4f; } .add-to-basket-btn { display: block; text-decoration: none; background: #7d9df8; border-radius: 50px; width: 250px; height: 53px; font-style: normal; font-weight: 500; font-size: 12px; line-height: 53px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; margin-top: 27px; transition: all 0.2s; } .add-to-basket-btn:hover { background: #f27e98; transition: all 0.2s; } .item-detail-info-character { position: relative; padding: 74px 90px 90px 99px; background: rgba(0, 0, 0, 0.01); } .item-detail-info-character b { /* margin-top: 64px; */ /* display: block; */ font-weight: 700; font-size: 14px; line-height: 24px; } .item-detail-info-character h3, .item-detail-info-character h4 { font-style: normal; font-weight: 700; font-size: 14px; line-height: 24px; color: #000000; margin-top: 64px; } .item-detail-info-character p { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; margin-bottom: 10px; } .item-detail-info-character p br { font-size: 16px; line-height: 26px; } .info-character-detail { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; max-width: 890px; } .info-character-detail span { display: block; font-style: normal; font-weight: 900; font-size: 18px; line-height: 24px; text-transform: uppercase; color: #000000; margin-bottom: 21px; } .item-detail-info-character ul { margin: 10px 0 30px; padding: 0 0 0 20px; } .item-detail-info-character ul li { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; list-style-type: disc; } .item-detail-info-character ol { list-style-type: decimal; padding: 0 0 0 20px; margin: 10px 0 30px; } .item-detail-info-character ol li { font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; } .item-detail-info-character ul li + li { margin-top: 10px; } .item-detail-info-character ol li + li { margin-top: 10px; } @media (max-width: 1400px) { .item-detail-presentation { width: 400px; min-width: 400px; border-right: 1px solid #f5f5f5; } .item-detail-info { width: 100%; height: 100%; padding: 35px; } .item-detail-content { height: auto; } .item-detail-info-character { padding: 50px; } } @media (max-width: 768px) { .breadcrumbs { display: none; } .item-detail { margin-top: 10px; } .item-detail-content { flex-wrap: wrap; background: transparent; } .item-detail-presentation { width: 100%; min-width: auto; border-right: none; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .catalog-detail-slider .catalog-item:hover { box-shadow: none; } .item-favorites { position: absolute; display: flex; cursor: pointer; align-items: center; top: 20px; left: 0; } .item-favorites span { display: none; } .wrap-img-presentation a img { position: relative; width: 220px; height: 345px; object-fit: contain; } .item-detail-info { width: 100%; height: 100%; padding: 22px 0px; } .item-detail-info-top { margin-bottom: 22px; } .item-detail-info .add-to-basket-btn { margin-left: auto; margin-right: auto; } .item-detail .tags .tag { padding: 7px 13px; font-size: 12px; line-height: 15px; } .item-name-title { font-size: 20px; line-height: 20px; margin-bottom: 24px; } .wrap-center-detail { text-align: left; display: block; width: 200px; } .item-detail .wrap-card-item-number { width: 269px; } .add-to-basket-btn { margin-top: 30px; width: 100%; max-width: 345px; } .item-detail-info-character { padding: 22px 0 0; background: transparent; } .info-character-detail span { font-size: 14px; line-height: 20px; } .item-detail-info-character h3, .item-detail-info-character h4, /* .item-detail-info-character b { margin-top: 20px; } */ } /*ДОСТАВКА*/ .delivery { margin-top: 49px; } .delivery-tab { } .delivery-tab_list { } .delivery-tab_list li { position: relative; display: inline-block; } .delivery-tab_list li + li { margin-left: 58px; } .delivery-tab_list li + li:before { position: absolute; content: ''; left: -30px; top: 5px; height: 40px; width: 1px; background: #dddddd; } .delivery-tab_list li a { font-style: normal; font-weight: 500; font-size: 30px; line-height: 50px; color: #7d9df8; text-decoration: none; transition: all 0.2s; } .delivery-tab_list li a.curent { font-style: normal; font-weight: 500; font-size: 30px; line-height: 50px; color: #000000; transition: all 0.2s; } .wrap-content-tab-delivery { width: 100%; max-width: 1000px; margin-top: 35px; } .delivery-item { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 70px; padding: 17px 40px; } .delivery-item + .delivery-item { margin-top: 20px; } .delivery-item.active { background: #f7f7f7; box-shadow: inset 5px 0px 0px #e1e1e1; border-top: none; border-right: none; border-bottom: none; border-radius: 35px; padding: 17px 40px 0px; } .delivery-item.active .delivery-item-content { /*display: block;*/ } .delivery-item.active .delivery-btn-see { display: block; } .delivery-item-top { display: flex; cursor: pointer; align-items: center; } .delivery-item-top .plus { position: relative; width: 16px; display: flex; align-items: center; justify-content: center; height: 16px; margin-right: 12px; } .delivery-item-top .plus span { position: relative; width: 16px; height: 2px; background: #000000; } .delivery-item-top .plus span:before { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 16px; height: 2px; background: #000000; transition: all 0.2s; } .delivery-item.active .delivery-item-top .plus span:before { position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(180deg); width: 16px; height: 2px; background: #000000; transition: all 0.2s; } .delivery-item-title { font-style: normal; font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; } .delivery-item-title span { color: #f57891; } .delivery-item-content { display: none; } .delivery-item-content-inner { width: 100%; display: block; max-width: 700px; margin-left: 29px; } .delivery-btn-see { display: none; } .delivery-item-subtitle { font-style: normal; font-weight: 700; font-size: 16px; line-height: 32px; color: #000000; margin-top: 27px; } .delivery-item-subtitle span { color: #f57891; } .delivery-item-text { font-style: normal; font-weight: 400; font-size: 16px; line-height: 32px; color: #000000; } .delivery-item-text a { color: #a31431; font-weight: 600; white-space: nowrap; text-decoration: none; } .delivery-item-text span { color: #a31431; font-weight: 600; } .delivery-item-text + .delivery-item-subtitle { margin-top: 32px; } .white-delivery-block { background: #ffffff; border-radius: 4px; padding: 35px 38px 35px 50px; margin: 46px 0 45px; } .delivery-btn-see { cursor: pointer; margin-left: auto; margin-right: auto; width: 120px; height: 40px; background: #ffffff; border-radius: 35px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 40px; text-align: center; color: #000000; margin-top: 45px; transition: all 0.2s; } .delivery-btn-see:hover { opacity: 0.8; transition: all 0.2s; } @media (max-width: 768px) { .delivery { margin-top: 24px; } .wrap-title-el { margin: 20px 0 11px; } .wrap-dots p { line-height: 1; } .delivery-tab_list li a { font-size: 24px; } .delivery-tab_list li a.curent { font-size: 24px; } .delivery-tab_list li + li { margin-left: 75px; } .delivery-tab_list li + li:before { left: -40px; } .wrap-content-tab-delivery { margin-top: 14px; } .delivery-item { padding: 8px 40px 8px 29px; } .delivery-item-top { min-height: 52px; } .delivery-item-top .plus { margin-right: 20px; } .delivery-item-title { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .delivery-item.active { padding: 8px 31px 0px 29px; } .delivery-item-content-inner { margin-left: 0; } .delivery-item-subtitle { margin-top: 0; font-size: 14px; line-height: 24px; } .delivery-item-text { font-size: 14px; line-height: 28px; } .white-delivery-block { padding: 20px; margin: 38px 0 36px; } } /*корзина*/ .basketpage { margin-top: 68px; } .wrap-basket-side { display: flex; justify-content: space-between; } .basket-side-left { width: 100%; max-width: 1082px; } .basket-side-top { height: 70px; display: flex; align-items: center; padding-left: 110px; background: rgba(125, 157, 248, 0.1); border-radius: 4px; } .col-top { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .col-top.col1 { width: 100%; max-width: 464px; } .col-top.col2 { width: 306px; min-width: 306px; max-width: 306px; } .col-top.col3 { width: 202px; min-width: 202px; max-width: 202px; } .basket-side-item { width: 100%; display: flex; position: relative; background: #ffffff; height: 110px; padding: 0 20px; border: 1px solid #f5f5f5; } .basket-side-item + .basket-side-item { border-top: none; } .col-item { display: flex; align-items: center; } .col-item.col1 a { text-decoration: none; display: flex; align-items: center; } .wrap-img-item { width: 70px; min-width: 70px; max-width: 70px; height: 70px; background-repeat: no-repeat; background-size: contain; background-position: center; } .name-img-item { margin-left: 20px; text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 12px; line-height: 18px; letter-spacing: -0.1px; color: #000000; } .col-item.col1 { width: 100%; max-width: 550px; } .basket-price-at-one { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #000000; min-width: 90px; margin-right: 14px; } .col-item.col2 { width: 307px; min-width: 307px; max-width: 307px; } .basket-price-end { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .col-item.col3 { width: 183px; min-width: 183px; max-width: 183px; } .delete-item { position: absolute; right: -1px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; cursor: pointer; top: calc(50% - 25px); background: #ffffff; border: 1px solid #f5f5f5; box-sizing: border-box; border-radius: 4px 0px 0px 4px; } .basket-side-item-delete { width: 100%; height: 120px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.7); border: 1px solid #f5f5f5; box-sizing: border-box; backdrop-filter: blur(30px); margin: 10px 0; } .basket-side-item-delete p { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; text-align: center; color: #000000; } .backup-delete-item-btn { display: flex; width: 220px; height: 50px; justify-content: center; align-items: center; background: #ffffff; border: 1px solid rgba(125, 157, 248, 0.3); box-sizing: border-box; border-radius: 50px; font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; text-decoration: none; letter-spacing: 0.05em; color: #7d9df8; margin-left: 50px; transition: all 0.2s; } .backup-delete-item-btn:hover { opacity: 0.8; transition: all 0.2s; } .delete-item span { position: relative; width: 15px; height: 2px; background: #cccccc; transform: rotate(45deg); transition: all 0.2s; } .delete-item span:after { position: absolute; content: ''; left: 50%; top: 50%; width: 15px; height: 2px; background: #cccccc; transform: translate(-50%, -50%) rotate(90deg); transition: all 0.2s; } .delete-item:hover span { background: black; transition: all 0.2s; } .delete-item:hover span:after { background: black; transition: all 0.2s; } .clear-basket { display: flex; align-items: center; justify-content: center; width: 220px; height: 50px; cursor: pointer; font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #999999; background: #ffffff; border: 1px solid #f5f5f5; box-sizing: border-box; border-radius: 50px; transition: all 0.2s; text-decoration: none; } .wrap-basket-side-item { margin-bottom: 35px; } .clear-basket span { position: relative; width: 15px; height: 2px; background: #cccccc; transform: rotate(45deg); margin-right: 11px; transition: all 0.2s; } .clear-basket span:after { position: absolute; content: ''; left: 50%; top: 50%; width: 15px; height: 2px; background: #cccccc; transform: translate(-50%, -50%) rotate(90deg); transition: all 0.2s; } .clear-basket:hover { color: #000000; border-color: #000000; transition: all 0.2s; } .clear-basket:hover span { background: black; transition: all 0.2s; } .clear-basket:hover span:after { background: black; transition: all 0.2s; } .basket-side-right { position: relative; width: 408px; min-width: 408px; max-width: 408px; margin-left: 40px; } .wrap-basket-side-right { width: 100%; background: #ffffff; height: max-content; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 27px 30px; } .price-in-basket { display: flex; justify-content: space-between; align-items: center; position: relative; } .price-in-summ { display: flex; justify-content: space-between; position: relative; align-items: center; } /* .price-in-basket:after { position: absolute; content: ''; left: 0; bottom: 15px; height: 1px; border-bottom: 1px dotted #dddddd; width: 100%; z-index: 0; } .price-in-summ:after { position: absolute; content: ''; left: 0; bottom: 15px; height: 1px; border-bottom: 1px dotted #dddddd; width: 100%; z-index: 0; } .price-in-basket-text { position: relative; font-style: normal; font-weight: 400; font-size: 14px; line-height: 40px; color: #000000; background: #ffffff; z-index: 2; padding-right: 5px; } .price-in-basket-number { position: relative; font-style: normal; font-weight: 700; font-size: 18px; line-height: 40px; text-align: right; color: #000000; background: #ffffff; z-index: 2; padding-left: 5px; } */ .btn-submit-go { width: 100%; height: 70px; background: #7d9df8; border-radius: 70px; max-width: 380px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; color: #ffffff; margin: 25px 0; transition: all 0.2s; } .btn-submit-go:hover { background: #f27e98; transition: all 0.2s; } .btn-submit-return { display: block; width: max-content; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; color: #7d9df8; margin-left: auto; margin-right: auto; transition: all 0.2s; } .btn-submit-return:hover { opacity: 0.8; transition: all 0.2s; } @media (max-width: 1320px) { .wrap-basket-side { flex-direction: column-reverse; } .basket-side-right { margin-bottom: 50px; order: 1; margin-left: auto; margin-right: auto; } .basket-side-left { order: 2; width: 100%; max-width: none; } } @media (max-width: 768px) { .basketpage { margin-top: 47px; } .basket-side-right { width: 100%; min-width: auto; margin-top: 49px; padding: 20px 20px 38px; } .basket-side-top { display: none; } .basket-side-item { height: auto; padding-top: 20px; padding-bottom: 30px; flex-wrap: wrap; } .basket-side-item + .basket-side-item { border: 1px solid #f5f5f5; margin-top: 10px; } .basket-side-item-delete { flex-wrap: wrap; height: 270px; flex-direction: column; } .basket-side-item-delete p { width: 100%; } .backup-delete-item-btn { margin-left: 0; margin-top: 65px; } .name-img-item { margin-left: 9px; } .col-item.col1 { padding-right: 50px; } .col-item.col2 { width: 168px; flex-wrap: wrap; min-width: auto; max-width: none; text-align: center; margin-left: auto; margin-right: auto; margin-top: 29px; justify-content: center; } .wrap-order-item-number-price { flex-direction: column; align-items: center; } .basket-price-at-one { margin-right: auto; margin-left: auto; margin-bottom: 16px; } .col-item.col3 { width: 100%; min-width: auto; max-width: none; text-align: center; justify-content: center; margin-top: 27px; } .basket-price-end { font-size: 18px; } .clear-basket { margin: 0 auto; } .delete-item { top: 29px; } } /*оформление заказа*/ .orderingpage { position: relative; } .wrap-order-side { display: flex; justify-content: space-between; padding-top: 68px; } .order-side-left { width: 1000px; min-width: 1000px; max-width: 1000px; } .order-side-right { width: 408px; min-width: 408px; max-width: 408px; margin-left: 30px; } .order-item-scroll { width: 100%; height: 328px; overflow: auto; } .wrap-order-item-scroll { height: 100%; width: 100%; } .order-item { width: 100%; display: flex; align-items: center; height: 110px; padding: 0 20px; background: #ffffff; text-decoration: none; border: 1px solid #f5f5f5; box-sizing: border-box; } .order-item + .order-item { border-top: none; } .wrap-order-item-img { width: 70px; min-width: 70px; max-width: 70px; height: 70px; background-repeat: no-repeat; background-size: contain; background-position: center; } .wrap-order-item-info { margin-left: 20px; display: flex; flex-direction: column; justify-content: center; } .order-item-name { font-style: normal; font-weight: 700; font-size: 12px; line-height: 18px; color: #000000; } .wrap-order-item-number-price { display: flex; align-items: center; } .order-item-number { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #999999; margin-right: 5px; } .order-item-price { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; margin-left: 10px; } .wrap-order-info-price { background: #ffffff; box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05); border-radius: 4px; padding: 35px 30px; } .order-text { position: relative; font-style: normal; font-weight: 400; font-size: 14px; line-height: 40px; color: #000000; background: #ffffff; z-index: 2; padding-right: 5px; } .order-price-field, .order-delivery-field, .order-price-field { font-style: normal; font-weight: 700; font-size: 18px; line-height: 40px; text-align: right; color: #000000; background: #ffffff; z-index: 2; padding-left: 5px; } .order-main-price-in-basket p { color: #7d9df8; } .order-price-in-basket, .order-delivery-in-basket, .order-main-price-in-basket { display: flex; justify-content: space-between; position: relative; } .order-price-in-basket:after, .order-delivery-in-basket:after, .order-main-price-in-basket:after { position: absolute; content: ''; left: 0; bottom: 15px; height: 1px; border-bottom: 1px dotted #dddddd; width: 100%; z-index: 0; } .order-top-line { width: 100%; position: relative; height: 80px; margin-bottom: 61px; } .step-order-top-line-active { position: absolute; width: 100%; left: 0; top: 15px; height: 10px; background: #eeeeee; z-index: 1; } .step-order-top-line { position: absolute; width: 0%; left: 0; top: 18px; height: 4px; background: #7d9df8; z-index: 2; } .order-top-line.step_1 .step-order-top-line { width: 0; } .order-top-line.step_2 .step-order-top-line { width: 50%; } .order-top-line.step_3 .step-order-top-line { width: 100%; } .step-dot { position: absolute; width: 40px; top: 0; height: 40px; border-radius: 50%; border: 5px solid #eeeeee; z-index: 5; background: #ffffff; } .step-dot:after { position: absolute; content: ''; width: 10px; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 10px; border-radius: 50%; z-index: 5; background: #eeeeee; } /*.step-dot.active { background: #7D9DF8; }*/ .step-dot.step-dot_1 { left: 0; background: #7d9df8; } .step-dot.step-dot_2 { left: calc(50% - 20px); } .step-dot.step-dot_3 { right: 0; } .step_2 .step-dot_1 .line { position: absolute; content: ''; width: 10px; top: 50%; right: -6px; transform: translateY(-50%); height: 4px; z-index: 4; background: #7d9df8; } .step_3 .step-dot_1 .line { position: absolute; content: ''; width: 10px; top: 50%; right: -6px; transform: translateY(-50%); height: 4px; z-index: 4; background: #7d9df8; } .step_2 .step-dot_2 { background: #7d9df8; } .step_2 .step-dot_2 .line { position: absolute; content: ''; width: 10px; top: 50%; left: -6px; transform: translateY(-50%); height: 4px; z-index: 4; background: #7d9df8; } .step_3 .step-dot_2 { background: #7d9df8; } .step_3 .step-dot_2 .line { position: absolute; content: ''; width: 50px; top: 50%; left: -6px; transform: translateY(-50%); height: 4px; z-index: 4; background: #7d9df8; } .step_3 .step-dot_3 .line { position: absolute; content: ''; width: 10px; top: 50%; left: -6px; transform: translateY(-50%); height: 4px; z-index: 4; background: #7d9df8; } .step_3 .step-dot_3 { background: #7d9df8; } .step-dot.step-dot_2 { left: calc(50% - 20px); } .step-dot.step-dot_3 { right: 0; } .step-dot p { position: absolute; bottom: -43px; width: 140px; font-style: normal; font-weight: 900; font-size: 12px; line-height: 14px; text-align: right; color: #aaaaaa; } .step-dot p span { display: block; font-weight: 400; } .step-dot.step-dot_1 p { left: 0; text-align: left; } .step-dot.step-dot_2 p { left: -55px; text-align: center; } .step-dot.step-dot_3 p { right: 0; } .order-top-line.step_1 .step-dot.step-dot_1 p { color: #000000; } .order-top-line.step_2 .step-dot.step-dot_1 p { color: #000000; } .order-top-line.step_2 .step-dot.step-dot_2 p { color: #000000; } .order-top-line.step_3 .step-dot.step-dot_1 p { color: #000000; } .order-top-line.step_3 .step-dot.step-dot_2 p { color: #000000; } .order-top-line.step_3 .step-dot.step-dot_3 p { color: #000000; } .order-form { position: relative; width: 100%; } .wrap-step-order { position: relative; width: 100%; } .order-form-step { position: relative; left: 0; top: 0; display: none; width: 100%; height: auto; } .wrap-order-form-step-content { width: 100%; height: auto; } .order-form-step.active { display: block; } .order-form-step-title { font-style: normal; font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; margin-bottom: 19px; } .wrap-order-input { position: relative; } .wrap-order-input + .wrap-order-input { margin-top: 29px; } .wrap-order-input label { } .wrap-order-input label span { font-style: normal; font-weight: 400; font-size: 12px; line-height: 10px; color: #777777; display: block; margin-bottom: 11px; } .wrap-order-input input { background: #ffffff; width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 34px; height: 70px; color: #000000; padding: 0 30px; } .wrap-order-input input::placeholder { font-style: normal; font-weight: 600; font-size: 18px; line-height: 34px; color: #000000; } .checkbox-block { position: relative; margin-top: 44px; } .checkbox-block label { position: relative; cursor: pointer; } .checkbox-block span { position: relative; padding-left: 40px; font-style: normal; font-weight: 400; font-size: 14px; z-index: 5; line-height: 20px; color: #000000; } .checkbox-block input { display: none; } .checkbox-block input + span:after { position: absolute; content: ''; left: 0; top: -5px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; } .checkbox-block label input + span:before { position: absolute; content: ''; left: 6px; top: 4px; opacity: 0; width: 16px; height: 13px; background-image: url(/bitrix/templates/im/css/../imgs/check_arr_r.svg); background-position: center; background-size: contain; background-repeat: no-repeat; transition: all 0.2s; } .checkbox-block input:checked + span:before { opacity: 1; background-image: url(/bitrix/templates/im/css/../imgs/check_arr_r.svg); z-index: 5; transition: all 0.2s; } .checkbox-block span a { font-style: normal; font-weight: 400; font-size: 14px; text-decoration: none; line-height: 20px; color: #7d9df8; } ..checkbox-block span a:hover { text-decoration: underline; } .step-active-run { width: 100%; height: 70px; background: #7d9df8; border-radius: 50px; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 700; font-size: 12px; border: none; cursor: pointer; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; color: #ffffff; transition: all 0.2s; } .step-active-run:hover { background: #f27e98; transition: all 0.2s; } .wrap-delivery-step { display: flex; justify-content: space-between; padding-top: 21px; margin-bottom: 36px; } .delivery-step { cursor: pointer; min-height: 230px; padding: 44px 60px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; width: calc(50% - 20px); transition: all 0.2s; } .delivery-step input { display: none; } .delivery-step.active { border-color: #000000; transition: all 0.2s; } .delivery-step-title { font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; color: #000000; margin-bottom: 19px; } .delivery-step-text { font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; color: #000000; margin-bottom: 19px; } .delivery-step-price { font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; color: #7d9df8; } .invisible-delivery-step-block { width: 100%; display: none; height: auto; } .invisible-delivery-step-title { font-style: normal; font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; } .invisible-delivery-step-warning { font-style: normal; font-weight: 700; font-size: 14px; line-height: 34px; letter-spacing: -0.2px; color: #f57891; margin-top: 2px; margin-bottom: 17px; } .delivery-map-block { display: block; width: 100%; height: 300px; } #adres { box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.05); } .wrap-invisible-field { display: flex; margin-top: 30px; justify-content: space-between; } .wrap-invisible-field .wrap-order-input { width: 320px; } .wrap-invisible-field .wrap-order-input + .wrap-order-input { margin-top: 0; } .wrap-invisible-select { display: flex; margin-top: 30px; margin-bottom: 28px; justify-content: space-between; } .wrap-order-select { width: 100%; position: relative; } .wrap-order-select span { font-style: normal; font-weight: 400; font-size: 12px; line-height: 10px; color: #777777; display: block; margin-bottom: 11px; } .wrap-order-select select { width: 100%; height: 70px; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 80px; font-style: normal; font-weight: 400; font-size: 18px; cursor: pointer; line-height: 34px; padding: 0 30px; color: #999999; appearance: none; } .wrap-invisible-select .wrap-order-select { width: calc(50% - 10px); } .wrap-order-select.not-active { opacity: 0.4; user-select: none; pointer-events: none; } .wrap-order-textarea { position: relative; width: 100%; } .wrap-order-textarea span { font-style: normal; font-weight: 400; font-size: 12px; line-height: 10px; color: #777777; display: block; margin-bottom: 11px; } .wrap-order-textarea textarea { width: 100%; height: 150px; resize: none; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; padding: 20px; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; color: #999999; } .wrap-order-button-block { margin-top: 45px; } .step-active-back { position: relative; border: none; cursor: pointer; width: 68px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 10px; text-transform: uppercase; color: #7d9df8; padding-left: 14px; background-image: url(/bitrix/templates/im/css/../imgs/back.svg); background-position: center left; background-repeat: no-repeat; background-size: 6px 9px; margin-top: 49px; } .step-active-back:hover { opacity: 0.8; } .order-popup-delivery-info { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; background: rgba(125, 157, 248, 0.5); backdrop-filter: blur(20px); z-index: 999; } .order-popup-delivery { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .wrap-order-popup-delivery-content { width: 750px; position: relative; height: 600px; background: #ffffff; border-radius: 10px; padding: 37px 50px; } .order-popup-delivery-close { position: absolute; cursor: pointer; right: -50px; top: -50px; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.3); box-shadow: 0px 44px 44px rgba(0, 0, 0, 0.07); border-radius: 10px; } .order-popup-delivery-close:after { position: absolute; content: ''; left: 50%; top: 50%; width: 14px; height: 2px; background: #000; transform: translate(-50%, -50%) rotate(45deg); } .order-popup-delivery-close:before { position: absolute; content: ''; left: 50%; top: 50%; width: 14px; height: 2px; background: #000; transform: translate(-50%, -50%) rotate(-45deg); } .order-popup-delivery-content { width: 100%; height: 100%; background: #ffffff; overflow-y: scroll; overflow-x: hidden; } .order-popup-delivery-content-item { padding-bottom: 45px; } .order-popup-delivery-content-item + .order-popup-delivery-content-item { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 40px; } .order-popup-title { font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px; color: #7d9df8; margin-bottom: 20px; } .order-popup-text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; } .order-popup-text span { font-weight: 700; } .order-popup-delivery-content-item .order-popup-text + .order-popup-text { margin-top: 10px; } .wrap-order-delivery-pay { display: flex; justify-content: space-between; } .order-delivery-pay-item { cursor: pointer; min-height: 120px; padding: 44px 60px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; width: calc(50% - 20px); font-style: normal; font-weight: 900; font-size: 18px; line-height: 20px; color: #000000; transition: all 0.2s; display: flex; align-items: flex-start; } .order-delivery-pay-item input { display: none; } .order-delivery-pay-item.active { border-color: #000000; transition: all 0.2s; } @media (max-width: 1560px) { .order-side-left { width: 900px; min-width: 900px; max-width: 900px; } } @media (max-width: 1380px) { .order-side-left { width: 800px; min-width: 800px; max-width: 800px; } } @media (max-width: 1280px) { .order-side-left { width: 800px; min-width: 800px; max-width: 800px; } .wrap-order-side { flex-wrap: wrap; } .order-side-right { margin-left: auto; margin-right: auto; margin-bottom: 50px; order: 1; } .order-side-left { width: 100%; min-width: auto; max-width: none; order: 2; } } .popup-basket-price { display: none; } @media (max-width: 768px) { .wrap-order-side { padding-top: 35px; } .order-side-right { width: 100%; min-width: auto; max-width: none; } .wrap-order-info-price { padding: 25px 15px; } .order-text { font-size: 12px; line-height: 30px; } .order-price-field, .order-delivery-field, .order-price-field { font-size: 16px; line-height: 30px; } .order-price-in-basket:after, .order-delivery-in-basket:after, .order-main-price-in-basket:after { bottom: 10px; } .order-top-line { margin-bottom: 30px; } .wrap-order-input input { /*height: 50px;*/ padding: 0 20px; font-size: 18px; border-radius: 0; } .wrap-order-input input::placeholder { font-size: 18px; } .checkbox-block { padding-left: 40px; } .checkbox-block span { padding-left: 0; } .checkbox-block input + span:after { left: -40px; } .checkbox-block label input + span:before { left: -32px; } .order-form-step-title { font-size: 18px; line-height: 26px; margin-bottom: 15px; } .wrap-delivery-step { flex-wrap: wrap; } .delivery-step { min-height: 230px; padding: 35px 40px; width: 100%; transition: all 0.2s; } .delivery-step + .delivery-step { margin-top: 20px; } .order-popup-delivery-info { background: #ffffff; } .wrap-order-popup-delivery-content { width: 100%; position: relative; height: 100%; overflow: scroll; background: #ffffff; border-radius: 10px; padding: 20px; } .order-popup-delivery { position: absolute; left: 0; top: 0; width: 100%; transform: none; height: 100%; } .order-popup-delivery-content { width: 100%; height: 100%; padding: 25px 0; background: #ffffff; overflow-y: unset; overflow-x: unset; } .order-popup-delivery-close { top: 0; right: 0; box-shadow: none; } .wrap-invisible-field { flex-wrap: wrap; } .wrap-invisible-field .wrap-order-input { width: 100%; } .wrap-invisible-field .wrap-order-input + .wrap-order-input { margin-top: 20px; } .wrap-invisible-select { flex-wrap: wrap; } .wrap-invisible-select .wrap-order-select { width: 100%; } .wrap-invisible-select .wrap-order-select + .wrap-order-select { margin-top: 20px; } .wrap-order-delivery-pay { flex-wrap: wrap; } .order-delivery-pay-item { width: 100%; } .order-delivery-pay-item + .order-delivery-pay-item { margin-top: 20px; } .popup-basket-price { position: fixed; bottom: 0; left: 0; height: 51px; display: flex; justify-content: space-between; align-items: center; width: 100%; background: #ffffff; z-index: 900; } .popup-basket-price-number { padding-left: 15px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 40px; color: #000000; } .popup-basket-price-link { background: #7d9df8; width: 55%; height: 51px; display: flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 50px 0 0 50px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; } } @media (max-width: 500px) { .checkbox-block input + span:after { top: 4px; } .checkbox-block label input + span:before { top: 13px; } } /*НОВОСТИ*/ .news-page { padding-top: 25px; } .news-detail .news-gallery { display: flex; align-items: flex-start; justify-content: flex-start; overflow: auto; gap: 20px; margin: 20px 0; } .news-detail .news-gallery img { height: 400px; object-fit: cover; max-width: 500px; width: 500px; margin: 0; } @media only screen and (max-width:767px) { .news-detail .news-gallery img { height: 320px; } } .wrap-news-item { background: #ffffff; width: 100%; display: flex; flex-wrap: wrap; border-radius: 4px; filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.05)); } .news-item { text-decoration: none; width: 33.3337%; padding: 50px 50px 43px; } .wrap-news-item-img { width: 100%; height: 243px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 20px; transition: all 0.2s; } .news-item-img-inner { overflow: hidden; width: 100%; height: 243px; border-radius: 4px; } .news-item:hover .wrap-news-item-img { transform: scale3d(1.1, 1.1, 1.1); transition: all 0.2s; } .news-item-date { font-style: normal; font-weight: 400; font-size: 14px; line-height: 30px; color: #000000; margin-bottom: 10px; } .title-news-item { font-style: normal; font-weight: 700; font-size: 20px; line-height: 30px; color: #000000; min-height: 90px; } .pagination-block { margin-left: auto; margin-right: auto; margin-top: 71px; } @media (min-width: 769px) { .news-item { border-bottom: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; } } @media (max-width: 1280px) { .news-item { text-decoration: none; width: 50%; padding: 50px 50px 43px; } } @media (max-width: 768px) { .wrap-news-item { filter: none; border-bottom: 1px solid #f5f5f5; } .news-item { text-decoration: none; width: 100%; padding: 20px 0 40px 0; border-top: 1px solid #f5f5f5; } .title-news-item { font-size: 18px; } .news-item-img-inner { height: 205px; } .wrap-news-item-img { height: 205px; } } /*Деталка новостей*/ .news-detail { margin-top: 41px; } .news-detail-date { font-weight: 400; font-size: 14px; line-height: 17px; margin-bottom: 10px; } .news-detail-title { font-style: normal; font-weight: 500; font-size: 40px; line-height: 50px; color: #000000; max-width: 942px; } .wrap-news-detail-side { width: 100%; margin-top: 46px; } .left-news-detail-side { width: 100%; max-width: 735px; } .right-news-detail-side { margin-top: 50px; width: 100%; height: auto; border-radius: 5px; overflow: hidden; } .right-news-detail-side img { width: 100%; height: 100%; object-fit: cover; min-height: 130px; } .subtitle-news-detail { font-style: normal; font-weight: 700; font-size: 18px; line-height: 30px; color: #000000; letter-spacing: -0.2px; margin-bottom: 30px; } .text-news-detail { font-style: normal; font-weight: 500; font-size: 18px; line-height: 30px; color: #000000; margin-bottom: 20px; } .text-news-detail a { text-decoration: none; font-style: normal; font-weight: 700; font-size: 18px; line-height: 10px; text-transform: uppercase; color: #7d9df8; white-space: nowrap; transition: all 0.2s; } .text-news-detail a:hover { opacity: 0.8; transition: all 0.2s; } .subtext-news-detail { font-style: normal; font-weight: 500; font-size: 14px; line-height: 30px; color: #777777; } .text-news-detail + .subtext-news-detail { margin-top: 30px; } .news-back-link { display: block; position: relative; border: none; cursor: pointer; width: 68px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 10px; text-transform: uppercase; color: #7d9df8; padding-left: 14px; text-decoration: none; background-image: url(/bitrix/templates/im/css/../imgs/back.svg); background-position: center left; background-repeat: no-repeat; background-size: 6px 9px; margin-top: 30px; } @media (max-width: 768px) { .news-detail { margin-top: 16px; } .news-detail-title { font-size: 30px; line-height: 40px; max-width: none; } .wrap-news-detail-side { margin-top: 33px; } .left-news-detail-side { width: 100%; margin-top: 46px; } .subtitle-news-detail { font-size: 14px; line-height: 20px; margin-bottom: 19px; } .text-news-detail { font-size: 14px; line-height: 20px; } .subtext-news-detail { font-size: 12px; line-height: 20px; } .news-back-link { margin-top: 35px; } } /*Историзя заказов*/ .history-page { margin-top: 62px; } .wrap-top-filter-block { position: relative; display: block; } .wrap-top-filter-block-mobile { display: none; } .wrap-top-filter-block ul { } .wrap-top-filter-block ul li { display: inline-block; font-style: normal; font-weight: 500; font-size: 14px; cursor: pointer; line-height: 17px; color: #7d9df8; } .wrap-top-filter-block ul li + li { margin-left: 56px; } .wrap-top-filter-block ul li.curent { font-style: normal; font-weight: 900; font-size: 14px; line-height: 17px; color: #000000; } .wrap-item-list { margin-top: 46px; } .wrap-item-list-header { display: flex; align-items: center; width: 100%; height: 70px; background: rgba(125, 157, 248, 0.1); padding: 0 50px; } .history-head-title { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .history-col_1 { width: 14.9%; } .history-col_2 { width: 14.6%; } .history-col_3 { width: 19.2%; } .history-col_4 { width: 16.9%; } .history-col_5 { width: 14.9%; } .history-col_6 { width: 19.5%; } .item-list { display: flex; height: 69px; align-items: center; padding: 0 50px; } .history-order-number, .history-order-date, .history-order-method, .history-order-price { font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #000000; } .invisible-history-order-number { display: none; } .history-order-status { font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; } .wrap-item { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .item-list + .item-list { border-top: 1px solid #f5f5f5; } .item-list.fil-wait .status-order p { color: #f57891; } .item-list.fil-pay .status-order p { color: #27af6a; } .item-list.fil-delivery .status-order p { color: #000000; } .item-list.fil-performed .status-order p { color: #000000; } .history-item-order-detail-link { display: block; text-decoration: none; background: rgba(255, 255, 255, 0.01); font-style: normal; font-weight: 700; font-size: 10px; line-height: 40px; text-align: center; text-transform: uppercase; color: #7d9df8; border: 1px solid rgba(125, 157, 248, 0.3); box-sizing: border-box; border-radius: 50px; width: 200px; height: 40px; margin-left: auto; } @media (max-width: 768px) { .wrap-top-filter-block { display: none; } .wrap-top-filter-block-mobile { display: block; width: 100%; max-width: 345px; } .wrap-top-filter-block-mobile p { font-style: normal; font-weight: 500; font-size: 12px; line-height: 26px; color: #777777; padding-left: 30px; } .wrap-item-list-header { display: none; } .wrap-select-filter { position: relative; } .wrap-select-filter:after { position: absolute; content: ''; right: 29px; top: calc(50% - 3px); width: 15px; height: 9px; background-image: url(/bitrix/templates/im/css/../imgs/arr_select.svg); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: -1; } .wrap-top-filter-block-mobile select { width: 100%; max-width: 345px; background: transparent; padding: 0 30px; height: 50px; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 40px; color: #000000; position: relative; z-index: 2; appearance: none; } .item-list { flex-wrap: wrap; height: auto; padding: 45px 0 50px; } .history-col_1 { width: 100%; } .history-order-number { display: none; } .invisible-history-order-number { display: block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 20px; color: #000000; } .history-col_2 { display: none; } .history-col_3 { width: 100%; } .history-col_4 { width: 100%; } .history-col_5 { width: 100%; } .history-col_6 { width: 100%; max-width: 345px; margin-top: 16px; } .history-item-order-detail-link { margin-left: 0; width: 100%; } .wrap-item { border-top: 1px solid #f5f5f5; border-left: none; border-right: none; border-bottom: 1px solid #f5f5f5; } .history-page { margin-top: 28px; } .wrap-top-filter-block-mobile .wrap-select-filter { margin-top: 0; } .wrap-item-list { margin-top: 51px; } .history-order-number, .history-order-date, .history-order-method, .history-order-price { line-height: 20px; } } /*ПРОФИЛЬ*/ .profile-page { margin-top: 66px; } .wrap-profile-side { display: flex; justify-content: space-between; } .left-profile-side { width: 700px; min-width: 700px; max-width: 700px; } .wrap-upload-input { position: relative; transition: all 0.2s; } .wrap-upload-input:hover { opacity: 0.8; transition: all 0.2s; } .wrap-button-img { margin-top: 50px; } .wrap-upload-input label { position: relative; z-index: 5; display: flex; align-items: center; width: 100%; height: 70px; padding: 0 30px; cursor: pointer; background: rgba(125, 157, 248, 0.1); border-radius: 4px; } .wrap-upload-input label input { position: relative; width: 100%; height: 70px; z-index: 2; display: none; } .file-name { font-style: normal; font-weight: 700; width: 100%; font-size: 14px; line-height: 34px; text-align: center; text-transform: uppercase; color: #7d9df8; } .wrap-button-img-status { display: flex; justify-content: space-between; margin-top: 20px; } .button-see-img { position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: calc(50% - 5px); height: 70px; cursor: pointer; background: rgba(125, 157, 248, 0.1); border-radius: 4px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 34px; text-transform: uppercase; color: #7d9df8; transition: all 0.2s; } .button-see-img:hover { opacity: 0.8; transition: all 0.2s; } .button-delete-img { position: relative; z-index: 5; display: flex; align-items: center; justify-content: center; width: calc(50% - 5px); height: 70px; cursor: pointer; background: rgba(245, 120, 145, 0.1); border-radius: 4px; font-style: normal; font-weight: 700; font-size: 14px; line-height: 34px; text-transform: uppercase; color: #f57891; transition: all 0.2s; } .button-delete-img:hover { opacity: 0.8; transition: all 0.2s; } .button-delete-img.no-photo { color: #000000; background: rgba(0, 0, 0, 0.05); transition: all 0.2s; } input.submit, input[type='submit'] { width: 100%; text-align: center; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; border: none; color: #ffffff; cursor: pointer; background: #7d9df8; border-radius: 50px; height: 70px; margin-top: 50px; transition: all 0.2s; } input.submit:hover, input[type='submit']:hover { background: #f27e98; transition: all 0.2s; } .right-profile-side { width: 700px; min-width: 700px; max-width: 700px; padding-top: 20px; } .go-history-btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; text-align: center; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(125, 157, 248, 0.3); box-sizing: border-box; border-radius: 50px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; color: #7d9df8; transition: all 0.2s; } .go-history-btn span { display: inline-block; width: 6px; height: 9px; background-image: url(/bitrix/templates/im/css/../imgs/back.svg); background-position: center left; background-repeat: no-repeat; background-size: 6px 9px; transform: rotate(180deg); margin-left: 10px; } .go-history-btn:hover { opacity: 0.8; transition: all 0.2s; } .save-adress-block { background: #f7f7f7; border-radius: 4px; padding: 37px 50px 49px; } .save-adres-block-title { font-style: normal; font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; margin-bottom: 19px; } .adres-item { width: 100%; min-height: 70px; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; position: relative; padding: 0 90px 0 30px; display: flex; align-items: center; } .adres-item + .adres-item { margin-top: 30px; } .add-adres-btn { display: flex; align-items: center; justify-content: center; width: 400px; height: 70px; text-align: center; background: rgba(255, 255, 255, 0.01); border: 1px solid rgba(125, 157, 248, 0.3); box-sizing: border-box; border-radius: 50px; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; color: #7d9df8; margin-top: 30px; transition: all 0.2s ease; } .add-adres-btn:hover { background: #7d9df8; color: #fff; } .add-adres-btn:hover span, .add-adres-btn:hover span::after { background: #fff; } .adres-item-edit { position: absolute; top: 0; right: 0; width: 70px; height: 70px; cursor: pointer; background-image: url(/bitrix/templates/im/css/../imgs/edit.svg); background-position: center; background-repeat: no-repeat; background-size: 18px 23px; } .adres-item-edit:hover { opacity: 0.8; transition: all 0.2s; } .add-adres-btn span { display: inline-block; position: relative; width: 6px; height: 2px; background: #7d9df8; margin-right: 6px; transition: all 0.2s ease; } .add-adres-btn span:after { position: absolute; content: ''; top: 50%; left: 50%; width: 2px; height: 6px; transform: translate(-50%, -50%); background: #7d9df8; transition: all 0.2s ease; } .adres-item-delete { position: absolute; top: calc(50% - 7px); right: -30px; width: 14px; height: 14px; cursor: pointer; } .adres-item-delete:after { position: absolute; content: ''; left: 50%; top: 50%; width: 14px; height: 2px; transform: translate(-50%, -50%) rotate(45deg); background: #cccccc; } .adres-item-delete:before { position: absolute; content: ''; left: 50%; top: 50%; width: 2px; height: 14px; transform: translate(-50%, -50%) rotate(45deg); background: #cccccc; } .adres-item-text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; } .right-profile-line { display: block; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.05); margin: 50px 0; } @media (max-width: 1480px) { .left-profile-side { width: 600px; min-width: 600px; max-width: 600px; } .right-profile-side { width: 600px; min-width: 600px; max-width: 600px; margin-left: 20px; } } @media (max-width: 1280px) { .left-profile-side { width: 550px; min-width: 550px; max-width: 550px; } .right-profile-side { width: 550px; min-width: 550px; max-width: 550px; } } @media (max-width: 1200px) { .wrap-profile-side { flex-wrap: wrap; } .left-profile-side { width: 100%; min-width: auto; max-width: none; margin-bottom: 50px; } .right-profile-side { width: 100%; min-width: auto; max-width: none; margin-left: 0; } } @media (max-width: 768px) { .profile-page { margin-top: 36px; } .wrap-order-input label span { margin-bottom: 9px; } .wrap-order-input + .wrap-order-input { margin-top: 17px; } .wrap-button-img { margin-top: 30px; } .wrap-button-img-status { flex-wrap: wrap; } .button-see-img { width: 100%; } .button-delete-img { width: 100%; margin-top: 20px; } input.submit, input[type='submit'] { margin-top: 30px; } .save-adress-block { background: #f7f7f7; border-radius: 4px; padding: 36px 19px 49px; } .adres-item { padding: 12px 100px 12px 19px; } .adres-item-delete { position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; cursor: pointer; } .adres-item-edit { position: absolute; top: calc(50% - 35px); right: 0; width: 98px; height: 70px; } .adres-item-text { font-size: 12px; line-height: 16px; } .adres-item + .adres-item { margin-top: 11px; } } /*изменить адрес*/ .profile-page-adres-block { width: 100%; max-width: 1000px; } /*авторизация и регистрация*/ .popup-autorization, .popup-registration { position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; background: rgba(125, 157, 248, 0.5); backdrop-filter: blur(20px); z-index: 999; } .popup-login { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .wrap-popup-login-content { width: 500px; position: relative; height: auto; background: #ffffff; border-radius: 10px; padding: 37px 50px 45px; } .popup-login-close { position: absolute; cursor: pointer; right: -50px; top: -50px; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.3); box-shadow: 0px 44px 44px rgba(0, 0, 0, 0.07); border-radius: 10px; } .popup-login-close:after { position: absolute; content: ''; left: 50%; top: 50%; width: 14px; height: 2px; background: #000; transform: translate(-50%, -50%) rotate(45deg); } .popup-login-close:before { position: absolute; content: ''; left: 50%; top: 50%; width: 14px; height: 2px; background: #000; transform: translate(-50%, -50%) rotate(-45deg); } .popup-login-content { width: 100%; height: 100%; background: #ffffff; /* overflow-y: scroll; overflow-x: hidden;*/ } .popup-login-title { font-style: normal; font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; margin-bottom: 28px; } .wrap-popup-input { width: 100%; position: relative; } .wrap-popup-input span { font-style: normal; font-weight: 400; font-size: 12px; line-height: 10px; color: #777777; display: block; margin-bottom: 11px; } .wrap-popup-input input { background: #ffffff; width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 600; font-size: 18px; line-height: 34px; height: 70px; color: #000000; padding: 0 30px; } .wrap-popup-input input::placeholder { font-style: normal; font-weight: 600; font-size: 18px; line-height: 34px; color: #999999; } .wrap-popup-input a { position: absolute; right: 0; top: 0; font-style: normal; font-weight: 400; font-size: 12px; text-decoration: none; line-height: 12px; color: #7d9df8; transition: all 0.2s; } .wrap-popup-input a:hover { opacity: 0.8; transition: all 0.2s; } .go-registration-btn { font-style: normal; font-weight: 700; font-size: 12px; line-height: 10px; text-transform: uppercase; text-decoration: none; color: #7d9df8; text-align: center; width: max-content; display: block; margin: 30px auto 0; } .wrap-popup-input + .wrap-popup-input { margin-top: 27px; } .popup-login input.submit, .popup-login input[type='submit'] { margin-top: 30px; } @media (max-width: 768px) { .popup-registration, .popup-autorization { background: #ffffff; } .wrap-popup-login-content { width: 100%; position: relative; height: 100%; overflow: scroll; background: #ffffff; border-radius: 10px; padding: 20px; } .popup-login { position: absolute; left: 0; top: 0; width: 100%; transform: none; height: 100%; } .popup-login-content { width: 100%; height: 100%; padding: 25px 0; display: flex; flex-direction: column; justify-content: center; background: #ffffff; overflow-y: unset; overflow-x: unset; } .popup-login-content form { height: 100%; } .popup-login-close { top: 0; right: 0; box-shadow: none; } input { /*border-radius: 0px!important;*/ } } /*контакты*/ .contacts-page { margin-top: 68px; } .wrap-map-select { position: relative; } .wrap-select { position: relative; width: 100%; max-width: 500px; cursor: pointer; } .wrap-select:after { position: absolute; content: ''; right: 29px; top: calc(50% - 3px); width: 15px; height: 9px; background-image: url(/bitrix/templates/im/css/../imgs/arr_select.svg); background-repeat: no-repeat; background-position: center; background-size: contain; z-index: -1; } .map-select { appearance: none; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; border-radius: 70px; height: 70px; width: 100%; max-width: 500px; padding: 0 40px; font-style: normal; font-weight: 900; font-size: 20px; line-height: 34px; color: #000000; } .map-select-adres { margin-top: 30px; padding-left: 40px; } .map-adres { font-style: normal; font-weight: 500; font-size: 20px; line-height: 50px; color: #000000; } .map-phone { position: relative; display: block; font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; width: max-content; color: #000000; text-decoration: none; border-bottom: 1px solid transparent; margin-top: 10px; margin-bottom: 10px; transition: all 0.2s; } .map-phone:after { position: absolute; content: ''; left: 0; bottom: 0; width: 0%; height: 1px; background: #000; transition: all 0.2s; } .map-phone:hover:after { width: 100%; transition: all 0.2s; } .map-email { font-style: normal; font-weight: 500; font-size: 20px; line-height: 30px; text-decoration: none; color: #7d9df8; transition: all 0.2s; } .map-email:hover { opacity: 0.8; transition: all 0.2s; } .map-block { width: 100%; height: 500px; margin-top: 82px; background: #fcfcfc; } /*ЗАКАЗ*/ .orderpage { position: relative; } .order-block { width: 100%; max-width: 1082px; } .order-top-info { width: 100%; min-height: 144px; background-color: #f7f7f7; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; margin-top: 67px; margin-bottom: 30px; padding: 0 83px; } .order-top-info-cell-title { font-style: normal; font-weight: 400; font-size: 18px; line-height: 40px; color: #000000; } .order-top-info-cell-info { font-style: normal; font-weight: 700; font-size: 18px; line-height: 40px; color: #000000; } .order-top-info_cell-4 .order-top-info-cell-info { color: #f57891; } .order-table { width: 100%; position: relative; border-radius: 4px 4px 0px 0px; overflow: hidden; } .top-order-table { width: 100%; position: relative; height: 70px; background: rgba(125, 157, 248, 0.1); display: flex; padding-left: 110px; align-items: center; } .info-order-table { margin-bottom: 50px; } .order-table-cell-title { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .order-table-cell_1 { width: 100%; max-width: 463px; } .order-table-cell_2 { width: 100%; max-width: 136px; min-width: 136px; padding-right: 10px; } .order-table-cell_3 { width: 100%; max-width: 170px; min-width: 170px; padding-right: 10px; } .order-table-cell_4 { width: 100%; max-width: 200px; min-width: 200px; padding-right: 10px; } .order-item { border: 1px solid #f5f5f5; } .order-item + .order-item { border-top: none; } .order-item a { display: flex; align-items: center; text-decoration: none; } .invisible-order-item-title { display: none; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .order-item-number { font-style: normal; font-weight: 400; font-size: 14px; line-height: 10px; color: #000000; } .order-item-all-price { font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; color: #000000; } .order-item_cell-2 { width: 100%; max-width: 553px; } .order-item_cell-3 { width: 100%; max-width: 136px; padding-right: 10px; } .order-item_cell-4 { width: 100%; max-width: 170px; min-width: 170px; padding-right: 10px; } .order-item_cell-5 { width: 100%; max-width: 180px; min-width: 180px; padding-right: 10px; } .paid-link { background: #f57891; border-radius: 50px; height: 70px; width: 100%; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; color: #ffffff; transition: all 0.2s; } .paid-link:hover { opacity: 0.8; transition: all 0.2s; } .paid-link + a { margin-top: 20px; } .not-paid-link { background: rgba(255, 255, 255, 0.01); border-radius: 50px; height: 70px; width: 100%; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; border: 1px solid rgba(125, 157, 248, 0.3); letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; color: #7d9df8; transition: all 0.2s; } .not-paid-link:hover { background: #7d9df8; color: #ffffff; border: 1px solid rgba(125, 157, 248, 1); transition: all 0.2s; } @media (max-width: 768px) { .order-top-info { width: 100%; min-height: 144px; background-color: #f7f7f7; border-radius: 4px; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 67px; margin-bottom: 30px; padding: 30px; flex-direction: column; } .top-order-table { display: none; } .invisible-order-item-title { display: block; } .order-item + .order-item { /* margin-top: 30px; */ border-bottom: 1px solid #f5f5f5; } .order-item { flex-direction: column; height: auto; padding: 20px; } .order-item_cell-1, .order-item_cell-2, .order-item_cell-3, .order-item_cell-4 { width: 100%; max-width: none; } .order-item_cell-2, .order-item_cell-3, .order-item_cell-4 { text-align: center; } .order-item_cell + .order-item_cell { /* margin-top: 15px */ } } /*мобильный попап*/ .mobile-menu { position: fixed; top: 0; left: 0; display: none; width: 100%; height: calc(100% - 50px); overflow: auto; z-index: 999; background: #ffffff; } .wrap-mobile-menu-content { width: 100%; padding: 20px 0px; height: 100%; } .mobile-close { position: relative; display: block; width: 37px; height: 37px; margin-left: 10px; } .wrap-top-mobile { display: flex; justify-content: space-between; align-items: center; padding: 0px 15px; } .mobile-logo { font-style: normal; font-weight: 500; font-size: 20px; line-height: 24px; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; margin-left: auto; color: #000000; } .login-mobile { width: 50px; min-width: 50px; height: 50px; background-image: url(/bitrix/templates/im/css/../imgs/login.svg); background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; margin-left: auto; margin-right: 10px; color: #000000; } .logout-mobile { width: 50px; min-width: 50px; height: 50px; background-image: url(/bitrix/templates/im/css/../imgs/login.svg); background-repeat: no-repeat; background-position: center; text-decoration: none; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; margin-left: auto; margin-right: 10px; color: #000000; } .basket-mobile { width: 50px; display: block; min-width: 50px; height: 50px; position: relative; background: #7d9df8; border-radius: 50%; background-image: url(/bitrix/templates/im/css/../imgs/basket.svg); background-repeat: no-repeat; background-position: center; transition: all 0.2s; } .basket-mobile span { position: absolute; right: -2px; top: -2px; display: flex; font-style: normal; font-weight: 500; font-size: 10px; line-height: 10px; color: #ffffff; justify-content: center; align-items: center; background: #ff0000; border-radius: 50%; width: 19px; height: 19px; } .search-mobile { position: relative; width: 100%; padding: 0px 15px; margin-top: 13px; } .search-mobile form { position: relative; } .search-mobile form input { position: relative; background: #ffffff; width: 100%; height: 34px; border: 1px solid rgba(0, 0, 0, 0.05); box-sizing: border-box; border-radius: 50px; font-style: normal; font-weight: 500; font-size: 14px; padding-left: 17px; padding-right: 35px; line-height: 40px; z-index: 1; color: #777777; } .search-mobile form input::placeholder { font-style: normal; font-weight: 300; font-size: 14px; line-height: 17px; } .search-mobile form .submit { width: 34px; height: 34px; position: absolute; right: 5px; top: 0; background: url(/bitrix/templates/im/css/../imgs/zoom.svg) no-repeat center; border: none; z-index: 2; } .mobile-list { padding: 18px 70px 0px; flex-direction: column; } .mobile-list li { text-align: left; width: 100%; } .mobile-list li + li { margin-left: 0; } .mobile-list li a { text-align: left; text-transform: uppercase; } .mobile-list li ul { display: flex; flex-direction: column; } .mobile-list li ul li a { font-weight: 400; width: 100%; } .mobile-exit-login { display: flex; justify-content: center; align-items: center; margin: 32px auto; text-decoration: none; font-style: normal; font-weight: 500; font-size: 14px; line-height: 17px; text-align: center; text-transform: capitalize; color: #000000; } .mobile-exit-login span { width: 18px; min-width: 18px; height: 18px; display: block; margin-left: 10px; background-image: url(/bitrix/templates/im/css/../imgs/login-mob.svg); background-repeat: no-repeat; background-position: center; } .bottom-mobile-menu-footer { display: flex; flex-direction: column; padding: 0 39px; } .mobile-list-dropdown { display: flex; align-items: center; } .mobile-list-dropdown svg { width: 10px; margin-left: 14px; transition: all 0.2s ease; } .mobile-list-dropdown:hover svg path { fill: #7d9df8; } .bottom-mobile-menu-footer .logo { margin-bottom: 10px; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; letter-spacing: 0.1em; text-transform: uppercase; color: #000000; text-decoration: none; } .bottom-mobile-menu-footer .mobile-phone, .bottom-mobile-menu-footer .mobile-mail, .bottom-mobile-menu-footer .mobile-mail { font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; text-decoration: none; } .mobile-menu .wrap-social a { width: 44px; height: 44px; } .popup, .send-message-popup, .opt-price-popup, .contact-not-auth-popup, .add-to-basket-popup, .subscribe-popup, .thanks-popup { background: rgba(125, 157, 248, 0.5); backdrop-filter: blur(10px); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; align-items: center; justify-content: center; z-index: 10001; padding: 60px 0; } .wrapper, .send-message-wrapper, .opt-price-wrapper, .contact-not-auth-wrapper, .thanks-popup-wrapper { width: 800px; height: 100%; max-height: 660px; background: #ffffff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; } .login-form { width: 100%; height: 100%; overflow-y: scroll; padding: 40px 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; } .register-form { padding: 37px 14%; width: 100%; height: 100%; overflow-y: scroll; position: relative; } .close-popup { position: absolute; right: 0; top: 0; transform: translate(100%, -100%); width: 50px; height: 50px; background: rgba(255, 255, 255, 0.3); box-shadow: 0 44px 44px rgba(0, 0, 0, 0.22); border-radius: 10px; display: flex; align-items: center; justify-content: center; cursor: pointer; border: none; } .back { display: flex; align-items: center; border: none; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 0.05em; text-transform: uppercase; color: #7d9df8; position: absolute; left: 50px; top: 40px; cursor: pointer; transition: all 0.2s ease; } .back svg path { transition: all 0.2s ease; } .back:hover { color: #000; } .back svg { margin-right: 8px; } .back:hover svg path { fill: #000; } .wrapper__title { text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 20px; line-height: 30px; color: #000; margin-bottom: 20px; } .forms { width: 100%; padding: 0 14%; flex: 1; } .accounts { flex: 1; padding: 0 6%; width: 100%; height: 100%; overflow-y: auto; } .code-form { flex: 1; width: 100%; padding: 0 14%; } .auth-form, .contact-not-auth-form { width: 100%; } .contact-not-auth-form { padding: 40px 14%; } .error .input-wrapper__label .input-wrapper__label__text { color: #eb3323; } .error input, .error textarea { border-color: #eb3323; } .input-row { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 20px; grid-column-gap: 30px; } .input-wrapper__label { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .input-wrapper__label__text { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; color: #777777; display: block; } .input-wrapper__label__text sup { color: #eb3323; } .input-wrapper__input, .input-wrapper__textarea { width: 100%; padding: 18px 30px; background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; line-height: 34px; color: #000000; } .input-wrapper__input::placeholder { font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 18px; line-height: 34px; color: #999999; } .textarea { height: 158px; resize: none; } .auth-form__footer { width: 100%; margin-top: 30px; display: flex; align-items: center; flex-direction: column; } .auth-form__footer__button { width: 250px; padding: 22.5px 0; background: #f27e98; border-radius: 50px; font-weight: 700; font-size: 12px; line-height: 15px; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 0.05em; margin-bottom: 20px; border: none; cursor: pointer; transition: all 0.2s ease; } .auth-form__footer__button:hover { opacity: 0.8; } .auth-form__footer__link { font-weight: 700; font-size: 12px; line-height: 10px; text-align: center; text-transform: uppercase; color: #7d9df8; text-decoration: none; display: block; border: none; cursor: pointer; transition: all 0.2s ease; } .auth-form__footer__link:hover { color: #000; } .delimeter { width: 100%; display: flex; align-items: center; margin: 40px 0; } .delimeter__text { margin: 0 10px; font-weight: 500; font-size: 12px; line-height: 18px; color: #777777; } .delimeter__line { flex: 1; height: 1px; background: #e6e6e6; } .wrapper-footer { width: 100%; display: flex; align-items: center; justify-content: center; } .wrapper-footer__text { font-weight: 700; font-size: 12px; line-height: 10px; text-align: center; color: #777777; } .wrapper-footer__text__link { font-weight: 700; font-size: 12px; line-height: 10px; text-transform: uppercase; color: #7d9df8; display: block; margin-top: 10px; text-align: center; text-decoration: none; transition: all 0.2s ease; } .wrapper-footer__text__link:hover { color: #000; } .wrapper-footer__button { margin-left: 30px; background: #ffffff; border: 1px solid #7d9df8; border-radius: 50px; padding: 22.5px 39px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; width: max-content; cursor: pointer; transition: all 0.2s ease; } .wrapper-footer__button:hover { color: #fff; background: #7d9df8; } .accounts-list { width: 100%; } .accounts-list__item { width: 100%; display: flex; justify-content: space-between; align-items: center; } .accounts-list__item:not(:last-child) { margin-bottom: 20px; } .accounts-list__item__name { display: block; font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; margin-right: 40px; flex: 1; flex-wrap: wrap; } .accounts-list__item__button { background: #ffffff; border: 1px solid #7d9df8; border-radius: 50px; padding: 22.5px 43.5px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; cursor: pointer; transition: all 0.2s ease; } .accounts-list__item__button:hover { background: #7d9df8; color: #fff; } .code-label { width: 100%; position: relative; } input[name='code'] { letter-spacing: 0.9em; } .placeholder { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; } .placeholder span { width: 10px; height: 10px; border-radius: 50%; background: #999999; } .placeholder span:not(:last-child) { margin-right: 10px; } .email-success { width: 100%; height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 22%; } .email-success__title { font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; color: #000000; margin-top: 30px; margin-bottom: 40px; } .email-success__subtitle { font-weight: 500; font-size: 18px; line-height: 30px; text-align: center; color: #000000; } .data-error { width: 100%; flex: 1; padding: 0 14%; } .data-error .subtitle { font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; color: #eb3323; margin-top: -20px; } .delimeter_red .delimeter__text { color: #eb3323; } .delimeter_red .delimeter__line { background: #eb3323; } .data-error__button-login, .data-error__button-register { width: 100%; padding: 22.5px 0; border-radius: 50px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; cursor: pointer; margin-bottom: 40px; border: none; transition: all 0.2s ease; } ..data-error__button-login:hover, .data-error__button-register:hover { opacity: 0.8; } .data-error__button-login { background: #f27e98; } .data-error__button-register { background: #7d9df8; } .data-error__register-text { font-weight: 500; font-size: 18px; line-height: 30px; text-align: center; color: #000000; margin-bottom: 20px; } .data-error__footer-text { font-weight: 400; font-size: 14px; line-height: 24px; text-align: center; color: #000000; margin-bottom: 20px; } .data-error__footer-button { max-width: 440px; width: 100%; padding: 22.5px 0; border-radius: 50px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #000000; cursor: pointer; border: 1px solid #7d9df8; background: #fff; margin: 0 auto; display: block; transition: all 0.2s ease; } .data-error__footer-button:hover { background: #7d9df8; color: #fff; } .custom-checkbox { width: 100%; display: flex; align-items: center; margin-top: 20px; margin-bottom: 30px; cursor: pointer; } .custom-checkbox span a { color: #7d9df8; } .custom-checkbox span a:hover { text-decoration: none; } .custom-checkbox input { display: none; } .mark { width: 30px; height: 30px; position: relative; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .mark img { opacity: 0; transition: all 0.2s ease; width: 16px; height: 13px; } .custom-checkbox input:checked ~ .mark img { opacity: 1; } .signup-button { max-width: 440px; width: 100%; background: #7d9df8; border-radius: 50px; padding: 31px 10px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; border: none; cursor: pointer; margin: 0 auto 30px auto; display: block; transition: all 0.2s ease; } .signup-button:hover { opacity: 0.8; } .login-button { font-weight: 700; font-size: 12px; line-height: 10px; text-transform: uppercase; color: #7d9df8; border: none; cursor: pointer; width: fit-content; margin: 0 auto; display: block; transition: all 0.2s ease; } .login-button:hover { color: #000; } .input-wrapper__textarea { width: 100%; height: 158px; resize: none; } .contact-form, .get-opt-price { padding: 40px 14%; } .contact-button, .get-price-button { width: 250px; background: #7d9df8; border-radius: 50px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; padding: 22px 0; margin-top: 30px; border: none; cursor: pointer; transition: all 0.2s ease; } .contact-button:hover, .get-price-button:hover { opacity: 0.8; } .get-price-button { margin: 30px auto 0 auto; } .contact-thanks { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; } .contact-thanks__title { font-weight: 900; font-size: 26px; line-height: 20px; text-align: center; text-transform: uppercase; color: #000000; margin-bottom: 20px; } .contact-thanks__subtitle { margin-bottom: 30px; font-weight: 500; font-size: 18px; line-height: 30px; text-align: center; color: #000000; } .contact-thanks__button { width: 250px; background: #7d9df8; border-radius: 50px; padding: 22px 0; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; border: none; cursor: pointer; transition: all 0.2s ease; } .contact-thanks__button:hover { opacity: 0.8; } .send-message-wrapper, .opt-price-wrapper { padding: 40px 10%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .opt-price-wrapper { padding: 0; } .send-message-wrapper .input-wrapper { width: 100%; margin-bottom: 20px; } .get-opt-price .register-buttons { display: flex; align-items: center; } @media only screen and (max-width: 768px) { .popup, .send-message-popup, .opt-price-popup, .contact-not-auth-popup, .add-to-basket-popup, .subscribe-popup, .thanks-popup { padding: 10px 15px; z-index: 10001; } .wrapper, .send-message-wrapper, .opt-price-wrapper, .contact-not-auth-wrapper, .thanks-popup-wrapper { height: 100%; width: 100%; } .send-message-wrapper { padding: 20px; } .close-popup { transform: none; width: 30px; height: 30px; background: rgba(125, 157, 248, 0.3); box-shadow: 0px 44px 44px rgba(0, 0, 0, 0.22); border-radius: 10px; z-index: 2; } .login-form { padding: 20px; } .forms { padding: 0; } .wrapper-footer { flex-direction: column; align-items: center; } .wrapper-footer__text { margin-bottom: 30px; } .wrapper-footer__button { margin-left: 0; width: 100%; padding: 21px 0; font-size: 10px; line-height: 14px; } .delimeter { margin: 30px 0; } .auth-form__footer__link { font-size: 10px; line-height: 14px; } .auth-form__footer__button { padding: 21px 0; font-size: 10px; line-height: 14px; } .input-wrapper__input, .input-wrapper__textarea { font-size: 14px; line-height: 21px; padding: 12px 13px; } .input-wrapper__input::placeholder { font-size: 14px; line-height: 21px; } .accounts-list__item { flex-direction: column; align-items: center; } .accounts-list__item:not(:last-child) { margin-bottom: 40px; } .accounts-list__item__name { font-size: 16px; line-height: 22px; text-align: center; margin-right: 0; margin-bottom: 20px; } .accounts-list__item__button { width: 230px; padding: 21px 0; font-size: 10px; line-height: 14px; } .code-form { padding: 0; } .back { left: 10px; top: 20px; transform: translateY(25%); } .register-form { padding: 20px; display: flex; flex-direction: column; } .input-row { grid-column-gap: 20px; } .register-form .input-wrapper__input { font-size: 12px; line-height: 18px; } .register-form .input-wrapper__input::placeholder { font-size: 12px; line-height: 18px; } .signup-button { width: 100%; padding: 21px 0; font-size: 10px; line-height: 14px; margin-bottom: 30px; } .login-button { font-size: 10px; line-height: 14px; } .register-buttons { width: 100%; flex: 1; display: flex; align-items: center; justify-content: flex-end; flex-direction: column; } .custom-checkbox span { font-size: 12px; line-height: 18px; } .custom-checkbox .mark { width: 27px; height: 27px; margin-right: 10px; } .email-success { padding: 0; } .email-success img { width: 80px; height: 80px; } .email-success__title { font-size: 16px; line-height: 22px; margin-bottom: 20px; } .email-success__subtitle { font-size: 14px; line-height: 21px; } .data-error { padding: 0; } .data-error .back { display: none; } .data-error .subtitle { font-size: 16px; line-height: 22px; margin-top: -10px; } .wrapper__title { font-size: 16px; line-height: 22px; } .data-error__button-login { margin-bottom: 30px; } .data-error__button-login, .data-error__button-register, .data-error__footer-button { font-size: 10px; line-height: 14px; padding: 21px 0; width: 100%; } .data-error__register-text { font-size: 16px; line-height: 22px; margin-bottom: 20px; } .data-error__footer-text { font-size: 14px; line-height: 21px; } .row-2 { grid-template-columns: 1fr; grid-row-gap: 20px; } .input-wrapper__textarea { height: 101px; width: 100%; } .contact-form, .get-opt-price { padding: 20px; height: 100%; display: flex; flex-direction: column; align-items: center; } .contact-form .input-wrapper, .get-opt-price .input-wrapper { width: 100%; } .contact-button, .get-price-button { width: 100%; padding: 21px 0; font-size: 10px; line-height: 14px; } .contact-form .register-buttons, .get-opt-price .register-buttons { flex: 1; align-items: center; justify-content: flex-end; } .contact-thanks { padding: 20px; } .contact-thanks__title { font-size: 20px; line-height: 28px; } .contact-thanks__subtitle { font-size: 14px; line-height: 20px; } .contact-thanks__button { width: 230px; padding: 21px 0; font-size: 10px; line-height: 14px; } .send-message-wrapper .register-buttons { flex: none; } } .main-more-popup { background: rgba(125, 157, 248, 0.5); backdrop-filter: blur(10px); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; align-items: center; justify-content: center; z-index: 100; padding: 60px 0; } .main-more-popup-title { font-weight: 700; font-size: 20px; line-height: 34px; color: #7d9df8; margin-bottom: 30px; } .main-more-wrapper { width: 800px; max-height: 640px; background: #ffffff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; padding: 40px 55px; } .main-more-content { width: 100%; overflow-y: scroll; } .main-more-content::-webkit-scrollbar { display: none; opacity: 0; } @media only screen and (max-width: 768px) { .main-more-popup { padding: 20px; } .main-more-wrapper { width: 100%; height: 100%; padding: 20px; } .main-more-popup-title { font-size: 16px; line-height: 22px; margin-bottom: 20px; } .popup-row.popup-row-link a { margin-left: 0 !important; } } .popup-row.popup-row-link { display: flex; align-items: center; justify-content: center; } .requisites-popup { background: rgba(125, 157, 248, 0.5); backdrop-filter: blur(10px); width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none; align-items: center; justify-content: center; z-index: 100; padding: 60px 0; } .requisites-wrapper { width: 800px; height: 100%; max-height: 640px; background: #ffffff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; padding: 40px 55px; } .popup-content { width: 100%; height: 100%; overflow-y: scroll; } .popup-content::-webkit-scrollbar { display: none; opacity: 0; } .requisites-popup-title { font-weight: 700; font-size: 20px; line-height: 34px; color: #7d9df8; margin-bottom: 30px; } .popup-row { width: 100%; } .popup-row:not(:last-child) { margin-bottom: 30px; } .popup-row__title { font-weight: 600; font-size: 14px; line-height: 17px; text-transform: uppercase; color: #f27e98; margin-bottom: 10px; } .popup-row__text { font-weight: 600; font-size: 14px; line-height: 140%; color: #000000; } @media only screen and (max-width: 768px) { .requisites-popup { padding: 20px; } .requisites-wrapper { width: 100%; height: 100%; padding: 20px; } .requisites-popup-title { font-size: 16px; line-height: 22px; margin-bottom: 20px; } .popup-row:not(:last-child) { margin-bottom: 30px; } .popup-row__title { font-size: 14px; line-height: 17px; } .popup-row__text { font-size: 14px; line-height: 20px; } } .fancybox-container { transition: none; } .fancybox-placeholder { transition: opacity 330ms ease !important; } .fancybox-slide, .fancybox-container { width: 100vw !important; height: 100% !important; } .fancybox-bg { background: #fff; transition-property: opacity; } .fancybox-container--ready .fancybox-bg { opacity: 1; } .profile-grid { display: grid; grid-template-columns: 1fr 2.5fr; grid-column-gap: 70px; width: 100%; } .user-info { display: flex; width: 100%; margin-bottom: 50px; } .user-info .input-wrapper { flex: 1; } .user-info .input-wrapper:not(:last-child) { margin-right: 20px; } .user-tab { background: rgba(125, 157, 248, 0.1); border-radius: 4px 0 0 4px; width: 100%; padding: 25px 30px; font-weight: 500; font-size: 16px; line-height: 20px; color: #000000; display: block; position: relative; text-decoration: none; transition: all 0.2s ease; } .user-tab:hover { background: rgba(125, 157, 248, 0.3); box-shadow: inset 5px 0 0 #7d9df8; } .user-tab_active { background: rgba(125, 157, 248, 0.3); box-shadow: inset 5px 0 0 #7d9df8; } .user-info-banner { width: 100%; padding: 50px 60px; background: rgba(233, 184, 148, 0.1); border-radius: 4px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; margin-bottom: 50px; } .card { padding: 30px; box-shadow: 0 0 10px rgba(255, 255, 255, 0.1); border-radius: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .left-card { background: rgba(233, 184, 148, 0.1); } .left-card__title { font-weight: 700; font-size: 20px; line-height: 34px; text-align: center; margin-bottom: 30px; display: block; text-decoration: none; color: #000; transition: all 0.2s ease; } .left-card__title:last-child { margin-bottom: 0; line-height: 30px; } .right-card { background: #ffffff; } .right-card__text { font-weight: 500; font-size: 18px; line-height: 30px; text-align: center; color: #000000; margin-bottom: 30px; } .right-card__button { background: #f27e98; border-radius: 50px; width: 218px; padding: 26px 0; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; border: none; cursor: pointer; transition: all 0.2s ease; } .right-card__button:hover { opacity: 0.8; } .save-button { width: 700px; padding: 31px 0; background: #7d9df8; border-radius: 50px; cursor: pointer; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; margin-left: auto; border: none; display: block; transition: all 0.2s ease; } .save-button:hover { opacity: 0.8; } .user-address-wrapper { display: none; } .profile-page-adres-block input.submit { margin-top: 30px; } @media only screen and (max-width: 768px) { .profile-grid { grid-template-columns: 1fr; grid-row-gap: 50px; } .contact-not-auth-form { padding: 20px; } .user-info { flex-wrap: wrap; } .user-info .input-wrapper { width: 100%; flex: none; } .col-right { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 50px 15px 0 15px; width: calc(100% + 30px); margin-left: -15px; } .col-left { margin-left: 0; width: calc(100% + 15px); } .user-info-banner { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); grid-row-gap: 20px; padding: 20px; } .card { padding: 20px; } .save-button { width: 100%; } .user-info .input-wrapper:not(:last-child) { margin-right: 0; margin-bottom: 17px; } .left-card__title, .left-card__title:last-child { font-size: 16px; line-height: 22px; } .right-card__text { font-size: 14px; line-height: 20px; } .right-card__button { padding: 27px 0; font-size: 12px; line-height: 15px; } .add-adres-btn { width: 100%; } .profile-page-adres-block input.submit { margin-top: 50px; } } .contact-open-btn { width: 70px; height: 70px; right: 40px; bottom: 70px; position: fixed; z-index: 200; background: #7d9df8; display: flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 50%; transition: opacity 0.5s ease, width 0.2s ease-out, height 0.2s ease-out, right 0.2s ease-out, bottom 0.2s ease-out; } .contact-open-btn:hover { width: 120px; height: 120px; right: 15px; bottom: 45px; } .contact-open-btn:hover .contact-open-btn__text { display: block; } .contact-open-btn:hover img { display: none; } .contact-open-btn img { width: 40px; height: 30px; } .contact-open-btn__text { font-size: 15px; line-height: 18px; color: #fff; text-align: center; display: none; } .opened svg { transform: rotate(0deg); } .opened-rev svg { transform: rotate(180deg); } .list-block ul { display: flex; flex-direction: column; align-items: flex-start; } .catalog-detail-slider { position: relative; margin-top: 108px; } .catalog-detail-slider .catalog-item { border: none; padding: 20px; } .catalog-detail-slider .wrap-favorites-item, .catalog-detail-slider .wrap-favorites-item-detail { left: 20px; top: 20px; } .catalog-detail-slider .wrap-mark-item { right: 20px; top: 20px; } .wrap-image-item-slider { display: flex; align-items: center; justify-content: center; } .catalog-detail-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 58px; } .catalog-detail-header__title { font-weight: 700; font-size: 20px; line-height: 34px; color: #000000; } .controls { position: relative; display: flex; } .controls .swiper-button-prev, .controls .swiper-button-next { position: relative; top: unset; left: unset; right: unset; bottom: unset; } .controls .swiper-button-next { margin-left: 23px; } @media only screen and (max-width: 768px) { header .alert { font-size: 12px; line-height: 16px; text-align: center; padding: 10px 20px; margin-top: 20px; } .contact-open-btn { width: 50px; height: 50px; right: 15px; bottom: 60px; } .contact-open-btn:hover { width: 70px; height: 70px; right: 5px; bottom: 50px; } .contact-open-btn img { width: 30px; height: 20px; } .contact-open-btn__text { font-size: 9px; line-height: 11px; } .controls { display: none; } .catalog-detail-header__title { font-weight: 500; font-size: 18px; line-height: 25px; text-transform: uppercase; color: #000000; } .catalog-detail-header { margin-bottom: 30px; } } @media only screen and (max-width: 1383px) { .right nav ul li + li { margin-left: 0; } header .logo { width: 180px; } header .logo a svg { width: 180px; height: auto; } .right nav ul { flex-wrap: wrap; } } .resend-code, .resend-code-btn { margin-bottom: 30px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; color: #000000; } .resend-code-btn { color: #7d9df8; cursor: pointer; display: none; } .resend-code-btn:hover { text-decoration: underline; } .no-scroll { overflow: hidden; } .order-success-text { font-weight: 900; font-size: 26px; line-height: 20px; text-transform: uppercase; color: #000000; margin-top: 60px; margin-bottom: 40px; } .order-success-buttons { display: flex; align-items: center; } .order-success-buttons a { display: block; width: 301px; border-radius: 50px; padding: 26px 10px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; transition: all 0.2s ease; text-decoration: none; } .order-success-buttons a:nth-child(1) { background: #7d9df8; margin-right: 30px; } .order-success-buttons a:nth-child(2) { background: #f27e98; } .order-success-buttons a:nth-child(1):hover, .order-success-buttons a:nth-child(2):hover { opacity: 0.8; } @media only screen and (max-width: 768px) { .order-success-text { font-size: 20px; line-height: 28px; text-align: center; } .order-success-buttons { flex-direction: column; align-items: center; } .order-success-buttons a { width: 305px; padding: 21.5px 10px; font-size: 10px; line-height: 14px; } .order-success-buttons a:nth-child(1) { margin-right: 0; margin-bottom: 20px; } } .add-to-basket-wrapper, .subscribe-wrapper { width: 100%; position: relative; max-width: 800px; padding: 80px 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); border-radius: 10px; } .add-to-basket-wrapper__title, .subscribe-wrapper__title { font-weight: 700; font-size: 20px; line-height: 30px; text-align: center; color: #000000; margin-bottom: 40px; width: 253px; } .subscribe-wrapper__title { width: 90%; } .add-to-basket-wrapper__button, .subscribe-wrapper__button { width: 218px; background: #7d9df8; border-radius: 50px; padding: 26px 10px; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; transition: all 0.2s ease; cursor: pointer; border: none; } .add-to-basket-wrapper__button:hover, .subscribe-wrapper__button:hover { opacity: 0.8; } .thanks-popup-wrapper { padding: 0; justify-content: center; } .thanks-popup-wrapper__img { width: 80px; height: 80px; margin-bottom: 30px; } .thanks-popup-wrapper__title { margin-bottom: 40px; font-weight: 900; font-size: 26px; line-height: 20px; text-align: center; text-transform: uppercase; color: #000000; } .thanks-popup-wrapper__subtitle { font-weight: 500; font-size: 18px; line-height: 30px; text-align: center; color: #000000; width: 440px; } @media only screen and (max-width: 768px) { .add-to-basket-wrapper, .subscribe-wrapper { height: 100%; } .add-to-basket-wrapper__button, .subscribe-wrapper__button { width: 230px; padding: 21.5px 10px; font-size: 10px; line-height: 14px; } .thanks-popup-wrapper__title { font-size: 20px; line-height: 28px; margin-bottom: 20px; } .thanks-popup-wrapper__subtitle { font-size: 14px; line-height: 21px; width: 305px; } .item-detail-wrapper { filter: none !important; } .order-item-number { margin-right: 0; margin-bottom: 15px; margin-top: 30px; } .order-item-price { font-weight: 700; margin-left: 0; } } @media only screen and (min-width: 1480px) { .item-slider-block .swiper-button-next { right: calc(100% + 450px + 25px - var(--item-slider-content-block-width)); } .item-slider-block .swiper-button-prev { right: calc(100% + 450px + 70px + 25px - var(--item-slider-content-block-width)); } } .disabled { pointer-events: none; } .item-detail-wrapper { background: #fff; width: 100%; height: auto; filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.05)); } .thanks-popup-wrapper { display: flex; align-items: center; justify-content: center; flex-direction: column; } .not-many { color: #f27e98; } #checkdv_1 { z-index: -1; pointer-events: none; } .item-card-page { overflow-x: hidden; } .active-step { border: 1px solid #27ae60; } .delivery-select { width: 100%; position: relative; } .delivery-select:not(:last-child) { margin-right: 20px; } @media only screen and (max-width: 768px) { .delivery-select:not(:last-child) { margin-right: 0; margin-bottom: 20px; } } .delivery-select_disabled { pointer-events: none; opacity: 0.4; } .select-item_active { border: 1px solid #e9e7f5; background: #fdfcfe; border-radius: 5px; padding: 14px 20px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .select-item_active span { font-weight: 400 !important; font-size: 16px !important; line-height: 16px !important; color: #999999 !important; } .select-item_active img { transform: rotate(180deg); transition: all 0.2s ease; } .select-item_active_opened img { transform: rotate(0deg); } .select-list { display: none; position: absolute; left: 0; top: 51px; width: 100%; max-height: 300px; overflow-y: auto; padding: 14px 20px; background: #fdfcfe; border: 1px solid #e9e7f5; border-radius: 5px; z-index: 1; } .select-list__item { font-weight: 400; font-size: 16px; line-height: 16px; color: #000; cursor: pointer; transition: all 0.2s ease; } .select-list__item:not(:last-child) { margin-bottom: 10px; } .select-list__item_disabled { color: #999999; pointer-events: none; } .select-list__item:hover { color: #7d9df8; } .select-list.show { display: block; } .catalog-item.unavailable, .item-detail-content.unavailable, .swiper-slide.unavailable { opacity: 0.4; filter: grayscale(1); } /* End */ /* Start:/bitrix/templates/im/css/main_andrey.css?172165806030589*/ .delivery .delivery-text { font-family: 'Montserrat'; max-width: 700px; } .delivery .delivery-text h3, .delivery .delivery-text h2 { font-weight: 900; font-size: 26px; line-height: 20px; text-transform: uppercase; color: #7d9df8; margin-top: 50px; } .delivery .delivery-text .text { margin-top: 40px; } .delivery .delivery-text p { font-weight: 400; font-size: 16px; line-height: 30px; margin-top: 20px; } .delivery .delivery-text a { text-decoration: none; color: #7d9df8; } .delivery .delivery-text a:hover { text-decoration: underline; } .delivery .delivery-text b { font-weight: 700; font-size: 16px; line-height: 30px; } .delivery .delivery-text span { /*margin-bottom: 20px;*/ display: block; font-weight: 700; font-size: 18px; line-height: 30px; color: #F27E98; } .delivery .delivery-text h4 { font-weight: 700; font-size: 18px; line-height: 30px; color: #f27e98; display: block; } .delivery .delivery-text ins { font-weight: 600; font-size: 16px; line-height: 32px; color: #a31431; text-decoration: none; } @media (max-width: 1024px) { .delivery .delivery-text h3, .delivery .delivery-text h2 { font-size: 20px; line-height: 28px; } .delivery .delivery-text span { font-size: 14px; line-height: 22px; } .delivery .delivery-text h4 { font-size: 14px; line-height: 22px; } .delivery .delivery-text p { font-size: 14px; line-height: 21px; } .delivery .delivery-text b { font-size: 14px; line-height: 21px; } } /* .history-page */ .history-page .order-item { font-family: 'Montserrat'; align-items: stretch; padding: 30px 60px; display: grid; grid-template-columns: 260px 1fr 250px; height: auto; } .history-page .order-item[data-cancel="Y"] { background: #fff9f9; } .history-page .history-page-filters { margin-bottom: 30px; display: flex; } .history-page .history-page-filters .custom-select { margin-right: 40px; } .history-page .history-page-filters .custom-search { max-width: 600px; width: 100%; } .history-page .order-item-col { display: flex; } .history-page .order-item-col.column { flex-direction: column; justify-content: space-between; height: auto; } .history-page .order-item-col.base { flex-direction: column; margin-right: 30px; } .history-page .order-item-col.center { justify-content: center; align-items: center; } .history-page .order-item-row { margin-bottom: 14px; display: flex; align-items: center; } .history-page .order-item-row:last-child { margin-bottom: 0; } .history-page .order-item-num { font-weight: 600; font-size: 16px; line-height: 32px; color: #000000; } .history-page .order-item-date { font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; } .history-page .order-item-price { font-weight: 700; font-size: 14px; line-height: 24px; color: #223084; } .history-page .order-item-headline { font-weight: 600; font-size: 16px; line-height: 20px; color: #777777; white-space: nowrap; } .history-page .order-item-headline.color-red { color: #FF4F4F; font-weight: bold; } .history-page .order-item-value { font-weight: 400; font-size: 14px; line-height: 24px; color: #000000; margin-left: 10px; } .history-page .order-item-headline.status { color: #777777; font-weight: 700; } .history-page .order-item-value.status { font-weight: 700; } .history-page .order-item.pending .order-item-value.status { color: #f27e98; } .history-page .order-item.sucess .order-item-value.status { color: #27af6a; } .history-page .order-item.delivered .order-item-value.status { color: #000; } .history-page .order-item-button { font-weight: 700; font-size: 12px; line-height: 15px; color: #fff; background: #7d9df8; border-radius: 50px; height: 53px; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; border: none; width: 100%; transition: all 0.2s ease-in-out; } .history-page .order-item-button:hover { opacity: 0.8; } .history-page-select-caption { display: none; } /* custom-select */ .custom-select { min-width: 205px; height: 50px; width: max-content; padding: 10px 20px 10px 25px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50px; position: relative; font-weight: 700; font-size: 14px; line-height: 17px; font-family: 'Montserrat'; color: #000; cursor: pointer; } .custom-select.open .custom-select-options { opacity: 1; pointer-events: auto; } .custom-select.open .custom-select-value::after { transform: rotate(180deg); } .custom-select .custom-select-value { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; } .custom-select .custom-select-value::after { content: ''; width: 13px; height: 8px; background-image: url('/bitrix/templates/im/css/../imgs/arrow-select.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; transition: all 0.2s ease-in-out; } .custom-select .custom-select-options { position: absolute; bottom: -10px; left: 0; background: #ffffff; box-shadow: 0px 1px 10px rgba(34, 48, 132, 0.1); border-radius: 20px; width: 100%; padding: 6px 20px 6px 25px; transform: translateY(100%); transition: all 0.2s ease-in-out; opacity: 0; pointer-events: none; z-index: 10; } .custom-select .custom-select-option { padding: 10px 0; cursor: pointer; transition: all 0.2s ease-in-out; } .custom-select .custom-select-option:hover { color: #7d9df8; } .custom-select .custom-select-option.active { color: #7d9df8; } /* custom-search */ .custom-search { position: relative; font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-size: 14px; line-height: 17px; height: 50px; } .custom-search.open .custom-search-list { opacity: 1; pointer-events: auto; } .custom-search .custom-search-label { position: relative; } .custom-search .custom-search-label::after { content: ''; position: absolute; top: 0; right: 16px; width: 18px; height: 18px; background-image: url('/bitrix/templates/im/css/../imgs/search.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; } .custom-search .custom-search-input { width: 100%; height: 100%; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50px; padding: 0 46px 0 30px; font-weight: 500; font-size: 14px; line-height: 40px; color: #000; font-family: 'Montserrat'; } .custom-search .custom-search-input::placeholder { font-weight: 500; font-size: 14px; line-height: 40px; color: #777777; } .custom-search .custom-search-list { padding: 20px 0; position: absolute; bottom: -10px; left: 0; transform: translateY(100%); background: #ffffff; box-shadow: 0px 1px 10px rgba(34, 48, 132, 0.1); border-radius: 20px; width: 100%; opacity: 0; pointer-events: none; } .custom-search .custom-search-scroll { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #000 transparent; max-height: 300px; padding: 0 40px; } .custom-search .custom-search-scroll::-webkit-scrollbar { width: 5px; } .custom-search .custom-search-scroll::-webkit-scrollbar-track { background: transparent; } .custom-search .custom-search-scroll::-webkit-scrollbar-thumb { background: #000000; border-radius: 50px; } .custom-search .custom-search-link { display: block; padding: 10px 0; margin-bottom: 10px; color: #000; text-decoration: none; } .custom-search .custom-search-link:hover { color: #7d9df8; transition: all 0.2s ease-in-out; } .custom-search .custom-search-link:last-child { margin-bottom: 0; } @media (max-width: 1024px) { .history-page { margin-top: 30px; } .history-page .order-item { display: flex; flex-direction: column; padding: 40px 15px; border: none; border-bottom: 1px solid #f5f5f5; margin: 0; } .history-page .order-item:first-child { border-top: 1px solid #f5f5f5; } .history-page.container { padding: 0; } .history-page .order-item-box { margin-bottom: 20px; } .history-page .order-item-row { display: grid; grid-template-columns: 140px 1fr; align-items: flex-start; } .history-page .order-item-col.base { margin-bottom: 30px; margin-right: 0; } .history-page .order-item-num { line-height: 22px; } .history-page .order-item-date { line-height: 21px; } .history-page .order-item-price { font-size: 16px; line-height: 22px; } .history-page .order-item-headline { font-size: 12px; line-height: 20px; } .history-page .order-item-value { font-size: 14px; line-height: 20px; } .history-page .order-item-headline.status { font-weight: 700; } .history-page .order-item-value.status { font-weight: 400; } .history-page .order-item-button { font-size: 12px; line-height: 15px; padding: 27px 10px; max-width: 345px; height: auto; } .history-page .history-page-filters { flex-direction: column; } .history-page .history-page-search { padding: 35px 15px; background-color: rgba(0, 0, 0, 0.02); order: -1; margin-bottom: 20px; } .history-page .history-page-filters .custom-search { max-width: 100%; margin-left: 0; } .history-page-select { margin-bottom: 20px; padding: 0 15px; } .history-page-select:last-child { margin-bottom: 50px; } .history-page-select-caption { padding-left: 30px; display: block; font-weight: 500; font-size: 12px; line-height: 40px; color: #777777; } .history-page .custom-select { width: 100%; } } /* history-detail */ .order-info { max-width: 700px; margin-top: 100px; font-family: 'Montserrat'; color: #000000; } .order-info .order-info-caption { font-style: normal; font-weight: 900; font-size: 26px; line-height: 20px; text-transform: uppercase; margin-bottom: 10px; } .order-info .order-info-row { padding: 32px 0; border-bottom: 1px solid #f5f5f5; display: flex; justify-content: space-between; } .order-info .order-info-row.last { border: none; } .order-info .order-info-headline { font-weight: 500; font-size: 18px; line-height: 30px; } .order-info .order-info-value { font-weight: 700; font-size: 20px; line-height: 34px; } .order-info .order-info-value.price { color: #223084; font-weight: 700; } .order-info .order-info-links { margin-top: 30px; } @media (max-width: 1024px) { .orderpage .container.order { padding: 0; } .orderpage .order-top-info { margin-top: 30px; } .order-block .order-item { display: grid; grid-template-columns: 60px 1fr 95px; padding: 30px 15px 20px 15px; gap: 15px; } .order-block .order-item:first-child { border-top: none; } .order-item_cell-1 { grid-row: span 2 / auto; } .order-item_cell-2, .order-item_cell-2, .order-item_cell-3, .order-item_cell-4, .order-item_cell-5 { max-width: 100%; min-width: auto; width: auto; margin: 0; padding: 0; } .order-item_cell-3 { text-align: right; } .order-item_cell-4 { text-align: left; } .order-item_cell-5 { text-align: right; } .name-img-item { margin: 0; text-align: left; max-width: 150px; } .order-info .order-info-caption { font-size: 20px; line-height: 140%; padding: 0 15px; } .order-info .order-info-row { padding: 20px 15px; } .order-info .order-info-headline { font-size: 16px; line-height: 140%; max-width: 160px; width: 100%; } .order-info .order-info-value { font-weight: 500; font-size: 18px; line-height: 140%; max-width: 160px; width: 100%; text-transform: uppercase; text-align: right; } .order-info .order-info-links { padding: 0 15px; } } /* basket */ .price-in-summ { margin-bottom: 30px; } .price-in-final { display: flex; align-items: center; justify-content: space-between; } .price-in-basket-text { max-width: 195px; font-weight: 400; font-size: 14px; line-height: 24px; } .price-in-basket-number { font-weight: 500; font-size: 18px; line-height: 30px; } .price-in-basket-number.final { font-weight: 700; font-size: 18px; line-height: 30px; color: #223084; } .basket-promocode { margin-bottom: 30px; margin-top: 30px; } .basket-promocode.success .basket-promocode-status { border: 1px solid #27af6a; } .basket-promocode.success .basket-promocode-input { border: 1px solid #27af6a; } .basket-promocode.success .basket-promocode-status::before { content: ''; width: 14px; height: 10px; background-image: url('/bitrix/templates/im/css/../imgs/success.svg'); background-repeat: no-repeat; background-size: cover; } .basket-promocode.error .basket-promocode-status { border: 1px solid #eb3323; } .basket-promocode.error .basket-promocode-caption { color: #eb3323; } .basket-promocode.error .basket-promocode-input { border: 1px solid #eb3323; } .basket-promocode.error .basket-promocode-status::before { content: ''; width: 10px; height: 10px; background-image: url('/bitrix/templates/im/css/../imgs/errorr.svg'); background-repeat: no-repeat; background-size: cover; } .basket-promocode-caption { font-weight: 400; font-size: 12px; line-height: 18px; margin-bottom: 5px; } .basket-promocode-label { position: relative; height: 100%; width: 100%; } .basket-promocode-status { width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); border-radius: 4px; background-color: #fff; } .basket-promocode-input { background: #ffffff; border: 1px solid #e6e6e6; border-radius: 4px; height: 70px; padding: 18px 70px 18px 30px; width: 100%; font-weight: 400; font-size: 18px; line-height: 34px; color: #000; } @media (max-width: 1024px) { .basket-side-right { max-width: 100%; padding: 0; } .wrap-basket-side-right { padding: 20px; } .btn-submit-go { margin: 25px auto; } .price-in-summ .price-in-basket-text { max-width: 120px; } .price-in-basket-text { font-weight: 400; font-size: 12px; line-height: 18px; } .price-in-basket-number { font-size: 16px; line-height: 140%; } .basket-promocode.success .basket-promocode-status::before { width: 9px; height: 7px; } .basket-promocode.error .basket-promocode-status::before { width: 9px; height: 9px; } .basket-promocode-input { height: 45px; padding: 12px 43px 12px 12px; } .basket-promocode-status { width: 21px; height: 21px; right: 12px; } } /* favorites */ .favorites-page .no-items { margin-top: 70px; } .favorites-page .favorites-list { display: grid; margin-top: 70px; grid-template-columns: repeat(4, 1fr); } .favorites-page .favorites-list .card-link { width: 100%; } .favorites-page .catalog-item { width: auto; } .catalog-item { transition: 0.2s ease-in-out; } .catalog-item:hover { box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.05); } .favorites-page .catalog-item:nth-child(3n) { border-right: 1px solid #f5f5f5; } .favorites-page .catalog-item:nth-child(4n) { border-right: none; } .favorites-page .catalog-item:nth-child(-n + 4) { border-top: 1px solid #f5f5f5; } .cards-item-gross-price { font-weight: 600; font-size: 14px; line-height: 17px; color: #7d9df8; margin-bottom: 15px; display: block; width: fit-content; } @media (max-width: 1500px) { .favorites-page .favorites-list { grid-template-columns: repeat(3, 1fr); } .favorites-page .catalog-item:nth-child(-n + 4) { border-top: none; } .favorites-page .catalog-item:nth-child(-n + 3) { border-top: 1px solid #f5f5f5; } .favorites-page .catalog-item:nth-child(3n) { border-right: none; } .favorites-page .catalog-item:nth-child(4n) { border-right: 1px solid #f5f5f5; } } @media (max-width: 980px) { .favorites-page .favorites-list { grid-template-columns: repeat(2, 1fr); } .favorites-page .catalog-item:nth-child(-n + 3) { border-top: none; } .favorites-page .catalog-item:nth-child(-n + 2) { border-top: 1px solid #f5f5f5; } .favorites-page .catalog-item:nth-child(4n) { border-right: 1px solid #f5f5f5; } .favorites-page .catalog-item:nth-child(3n) { border-right: 1px solid #f5f5f5; } .favorites-page .catalog-item:nth-child(even) { border-right: none; } } @media (max-width: 768px) { .favorites-page { margin-top: 30px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; } .favorites-page .favorites-list { display: block; } .favorites-page .favorites-list .catalog-item { border-top: none; border-right: none; border-left: none; } .favorites-page .favorites-list .catalog-item:last-child { border-bottom: none; } .cards-item-gross-price { text-decoration: none; margin-bottom: 20px; } } /* education */ .education { padding-top: 70px; } .education-inner { display: flex; max-width: 1570px; margin: 0 auto; width: 100%; padding: 0 20px; } .education-aside { flex-shrink: 0; width: 420px; overflow: hidden; } .education-content { border-radius: 4px; } .education-content-inner { background: #ffffff; padding-top: 50px; filter: drop-shadow(0px 10px 40px rgba(0, 0, 0, 0.05)); } .education-aside-item { height: 70px; } .education-aside-item.active { border-radius: 4px 0px 0px 4px; box-shadow: inset 5px 0px 0px #7d9df8; } .education-aside-item.active .education-link { background: rgba(125, 157, 248, 0.3); margin-left: 3px; } .education-link { padding-left: 30px; width: 100%; height: 100%; background: rgba(125, 157, 248, 0.1); display: flex; align-items: center; font-weight: 500; font-size: 16px; line-height: 20px; color: #000; text-decoration: none; font-family: 'Montserrat'; position: relative; } .education-title { font-weight: 900; font-size: 26px; line-height: 20px; color: #000; text-transform: uppercase; margin-bottom: 30px; padding-left: 60px; } .education-list { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #f5f5f5; } .education-card { font-family: 'Montserrat'; background: #ffffff; padding: 50px 60px 50px 60px; min-height: 680px; position: relative; z-index: 1; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; text-decoration: none; display: flex; flex-direction: column; } .education-card.online-course .education-card-poster { background-image: url('/bitrix/templates/im/css/../imgs/course.png'); background-repeat: no-repeat; background-size: cover; } .education-card.seminar .education-card-poster { background-image: url('/bitrix/templates/im/css/../imgs/seminar.png'); background-repeat: no-repeat; background-size: cover; } .education-card.webinar .education-card-poster { display: none; } .education-card:nth-child(3n) { border-right: none; } .education-card:hover { z-index: 2; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .education-card-poster { width: 250px; height: 250px; margin: 0 auto 20px; } .education-card-title { font-weight: 700; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #000000; margin-bottom: 30px; } .education-card-row { display: flex; flex-wrap: wrap; font-weight: 600; font-size: 14px; line-height: 17px; color: #777777; margin-bottom: 30px; } .education-card-caption { margin-right: 5px; } .education-card-row:last-child { margin-bottom: 0; } .education-card-link { width: 100%; font-weight: 700; font-size: 12px; line-height: 15px; text-align: center; letter-spacing: 0.05em; text-transform: uppercase; color: #fff; background: #7d9df8; border-radius: 50px; height: 55px; width: 100%; border: none; outline: none; margin-top: auto; transition: 0.2s ease-in-out; cursor: pointer; } .education-card-link:hover { opacity: 0.8; } @media (max-width: 1600px) { .education-list { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1280px) { .education-aside { width: 300px; } .education-card { padding: 30px; } } @media (max-width: 1024px) { .education { padding-top: 30px; } .education-inner { display: block; padding: 0; } .education-content-inner { background-color: transparent; } .education-title { font-size: 26px; line-height: 20px; padding-left: 15px; } .education-aside { width: 100%; padding-left: 15px; } .education-list { display: block; padding: 0 15px; border: none; } .education-card { padding: 30px; } .education-card:first-child { border-top: 1px solid #f5f5f5; } .education-card { border-left: 1px solid #f5f5f5; min-height: 640px; } .education-card:nth-child(3n) { border-right: 1px solid #f5f5f5; } .education-card-poster { width: 285px; height: 285px; margin-bottom: 20px; } .education-card-title { font-size: 14px; line-height: 20px; } .education-card-row { font-size: 14px; line-height: 17px; } .education-card-link { font-size: 10px; line-height: 14px; height: 50px; } } /* 404 */ .page-no-found { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; color: #000000; font-family: 'Montserrat'; } .page-no-found-wrap { max-width: 1560px; width: 100%; padding: 0 15px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } .page-no-found .logo { position: absolute; left: 15px; top: 50px; } .page-no-found-inner { width: 100%; height: 320px; background: #efecf8; border-radius: 4px; display: flex; justify-content: space-around; } .page-no-found-title { height: 100%; display: flex; flex-direction: column; justify-content: center; font-weight: 400; font-size: 50px; line-height: 50px; color: #000; text-transform: uppercase; } .page-no-found-title b { font-weight: 700; display: block; } .page-no-found-text { display: flex; justify-content: center; flex-direction: column; height: 100%; font-size: 50px; line-height: 60px; text-align: right; text-transform: uppercase; font-weight: 400; } .page-no-found-text b { font-weight: 400; } .page-no-found-link { background: #7d9df8; border-radius: 50px; font-weight: 700; font-size: 12px; line-height: 15px; letter-spacing: 0.05em; text-transform: uppercase; color: #ffffff; text-decoration: none; width: 290px; height: 60px; display: block; margin: 50px auto 0; text-align: center; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease-in-out; } .page-no-found-link:hover { opacity: 0.8; } @media (max-width: 768px) { .page-no-found-inner { display: block; height: auto; padding: 50px 0; border-radius: 0; } .page-no-found .logo { position: static; margin-bottom: 30px; margin-right: 0; } .page-no-found-wrap { padding: 0; } .page-no-found-text { align-items: center; font-size: 25px; line-height: 150%; height: auto; } .page-no-found-title { align-items: center; margin-bottom: 50px; font-size: 36px; line-height: 50px; height: auto; } .page-no-found-title b { font-size: 60px; line-height: 50px; margin-top: 10px; } .page-no-found-link { margin: 40px auto 0; font-size: 10px; line-height: 14px; width: 230px; } } /* NEWS DETAIL STYLE */ .wrap-news-detail-side { max-width: 1140px; } .news-detail p { font-weight: 500; font-size: 14px; line-height: 30px; margin: 15px 0; } .news-detail p b { font-weight: 700; font-size: 18px; line-height: 30px; } .news-detail img { width: 100%; height: auto; } .news-detail div { font-weight: 500; font-size: 14px; line-height: 30px; } .news-detail ul { list-style: inside; } .news-detail li { font-weight: 500; font-size: 14px; line-height: 30px; } .news-detail a { font-weight: 500; font-size: 14px; line-height: 30px; } .left-news-detail-side { max-width: 100%; } /* FORUM-2023 NEWS */ .forum-2023 .top-section { display: flex; align-items: flex-start; justify-content: space-between; } .forum-2023 .top-section .left-side { max-width: 660px; } .forum-2023 p span { font-weight: 700; } .forum-2023 li span { font-size: 12px; line-height: 12px; } .forum-2023 .top-section .left-side .custom-icons li { list-style: none; position: relative; background: none; padding-left: 60px; } .forum-2023 .top-section .left-side .custom-icons .list-item-one::before { content: ''; position: absolute; top: 0; left: 0; background: url('/upload/images/forum-2023/icon-1.png') no-repeat center / contain; width: 35px; height: 32px; } .forum-2023 .top-section .left-side .custom-icons .list-item-two::before { content: ''; position: absolute; top: -2px; left: 0; background: url('/upload/images/forum-2023/icon-2.png') no-repeat center / contain; width: 29px; height: 29px; } .forum-2023 .top-section .left-side .custom-icons .list-item-three::before { content: ''; position: absolute; top: -5px; left: 0; background: url('/upload/images/forum-2023/icon-3.png') no-repeat center / contain; width: 26px; height: 27px; } .forum-2023 .top-section .left-side .custom-icons .list-item-four::before { content: ''; position: absolute; top: -3px; left: 0; background: url('/upload/images/forum-2023/icon-4.png') no-repeat center / contain; width: 27px; height: 25px; } .forum-2023 .top-section .left-side .custom-icons .list-item-five::before { content: ''; position: absolute; top: 3px; left: 0; background: url('/upload/images/forum-2023/icon-5.png') no-repeat center / contain; width: 25px; height: 18px; } .forum-2023 .top-section .right-side img { height: 671px; width: 384px; } .forum-2023 .bottom-section { margin-bottom: 30px; } .forum-2023 .bottom-section .imgs-block { display: flex; align-items: center; justify-content: space-between; } .forum-2023 .bottom-section .imgs-block img { width: 311px; height: 187px; } .forum-2023 .bottom-section .imgs-block img:last-child { display: none; } .forum-2023 .bottom-section .center-text { font-weight: 900; font-size: 18px; line-height: 30px; text-align: center; } .forum-2023 .bottom-section a { text-decoration: none; border: 1px solid #232f84; display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; cursor: pointer; transition: all 0.2s ease; width: 230px; height: 40px; background: #232f84; border-radius: 99px; font-size: 14px; line-height: 20px; color: #fff; } .forum-2023 .bottom-section a:hover { border: 1px solid #232f84; background-color: #fff; color: #232f84; } .forum-2023 .bottom-section .banner-image { margin: 35px 0; } .forum-2023 .bottom-section .banner-image img { width: 100%; } @media only screen and (max-width: 767px) { .forum-2023 .top-section .right-side { display: none; } .forum-2023 .top-section .left-side .custom-icons li { padding-left: 50px; } .forum-2023 .bottom-section .imgs-block img { display: none; } .forum-2023 .bottom-section .imgs-block img:last-child { background: url('/upload/images/forum-2023/4img.png') no-repeat center / cover; width: 100%; height: auto; display: block; } .forum-2023 .bottom-section .banner-image { margin: 0 0 30px 0; } } /* GERNETIC NEWS */ .gernetic-may-news .gernetic-banner { margin-bottom: 60px; } .gernetic-may-news .gernetic-banner .desktop { width: 100%; height: auto; } .gernetic-may-news .gernetic-banner .mobile { display: none; } .gernetic-may-news .gernetic-speakers { margin-bottom: 60px; } .gernetic-may-news .gernetic-speakers .speakers-title { margin-bottom: 40px; } .gernetic-may-news .gernetic-speakers .speakers-row { display: flex; justify-content: space-between; } .gernetic-may-news .gernetic-speakers .speakers-row .speaker-item { display: flex; flex-direction: column; align-items: center; width: 25%; } .gernetic-may-news .gernetic-speakers .speakers-row .speaker-item .speaker-photo img { width: 158px; height: 158px; margin-bottom: 40px; } .gernetic-may-news .gernetic-speakers .speakers-row .speaker-item .speaker-name { text-align: center; } .gernetic-may-news p b { font-weight: 700; font-size: 18px; line-height: 30px; } .gernetic-may-news div b { font-weight: 700; font-size: 18px; line-height: 30px; } .gernetic-may-news .button { margin-bottom: 40px; } .gernetic-may-news .button a { display: flex; align-items: center; justify-content: center; text-align: center; text-decoration: none; cursor: pointer; transition: all 0.2s ease; width: 230px; height: 40px; background: #232f84; border-radius: 99px; color: #fff !important; } .gernetic-may-news .button a:hover { background: #2e3dad; } .gernetic-may-news .bottom-plate { display: flex; align-content: center; align-items: center; padding: 40px 95px; background: #e5d09d; font-size: 14px; line-height: 20px; color: #766948; text-align: center; border-radius: 10px; } @media only screen and (max-width: 767px) { .gernetic-may-news .gernetic-banner { margin-bottom: 40px; } .gernetic-may-news .gernetic-banner .desktop { display: none; } .gernetic-may-news .gernetic-banner .mobile { display: block; width: 100%; height: auto; } .gernetic-may-news .gernetic-speakers { margin-bottom: 20px; } .gernetic-may-news .gernetic-speakers .speakers-title { margin-bottom: 30px; } .gernetic-may-news .gernetic-speakers .speakers-row { flex-wrap: wrap; } .gernetic-may-news .gernetic-speakers .speakers-row .speaker-item { width: 50%; margin-bottom: 30px; } .gernetic-may-news .gernetic-speakers .speakers-row .speaker-item .speaker-photo { margin-bottom: 20px; } .gernetic-may-news .bottom-plate { padding: 30px 30px; } } /* CUSTOM NEWS */ .custom-news p b { font-weight: 700; font-size: 18px; line-height: 30px; } /* SBB */ .sbb-detail-news-banner img { width: 100%; height: auto; } .sbb-detail-news-banner-mobile { display: none; } .sbb-detail-news-text { margin-top: 40px; } .sbb-detail-news-text p { margin-bottom: 35px; } .sbb-detail-news-button a { padding: 10px 79px; background-color: #232f84; border-radius: 20px; font-size: 14px; line-height: 20px; color: #fff !important; text-decoration: none !important; width: 230px; height: 40px; display: block; transition: all 0.2s ease; margin-top: 35px; margin-bottom: 30px; } .sbb-detail-news-button a:hover { text-decoration: none; background: #3141b1; } @media only screen and (max-width: 767px) { .sbb-detail-news-banner { display: none; } .sbb-detail-news-banner-mobile { display: block; } .sbb-detail-news-banner-mobile img { width: 100%; height: auto; } .sbb-detail-news-text { max-width: 100%; } .sbb-detail-news-text p:first-child { text-align: center; } .sbb-detail-news-text p { margin-bottom: 20px; } .sbb-detail-news-button a { width: 100%; text-align: center; margin-top: 30px; margin-bottom: 55px; } } /* End */ /* Start:/bitrix/templates/im/components/bitrix/menu/desktop/style.min.css?16827163702111*/ ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/desktop/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/im/components/bitrix/menu/desktop/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/desktop/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/desktop/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/desktop/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} /* End */ /* Start:/bitrix/templates/im/components/bitrix/menu/hz/style.min.css?16827163702111*/ ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/hz/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/im/components/bitrix/menu/hz/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/hz/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/hz/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/hz/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} /* End */ /* Start:/bitrix/templates/im/components/bitrix/menu/mobile/style.min.css?16827163702111*/ ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/mobile/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/im/components/bitrix/menu/mobile/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/mobile/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/mobile/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/mobile/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} /* End */ /* Start:/bitrix/templates/im/components/bitrix/breadcrumb/crumbs/style.min.css?1682362437467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/bitrix/templates/im/components/bitrix/menu/footer/style.min.css?16827163702111*/ ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/footer/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/im/components/bitrix/menu/footer/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/im/components/bitrix/menu/footer/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/footer/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/im/components/bitrix/menu/footer/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} /* End */ /* Start:/bitrix/templates/im/template_styles.css?16872641849075*/ /* ========================================================================== Информационная всплывашка ========================================================================== */ .spg-notice-popup {width:60%;} .spg-notice-popup .spg-notice-popup-text {font-size:18px; line-height:30px;} .spg-notice-popup .spg-notice-popup-title {font-size:30px; line-height:40px;} .spg-notice-popup .spg-notice-popup-text-unit {margin-bottom:30px; font-size:20px; line-height:30px; } .spg-notice-popup .spg-notice-popup-button a {background:#232F84; width: 108px; font-size:20px; height:53px; line-height:50px; border-radius: 100px; border:1px solid #232F84;} .spg-notice-popup .spg-notice-popup-button a:hover {background: #fff; border-color: #4f4f4f; color: #4f4f4f;} @media only screen and (max-width:767px) { .spg-notice-popup {width:100%; height:100%; top:0; left:0; transform:translate(0, 0);} .spg-notice-popup .spg-notice-popup-title {font-size:25px; line-height:35px;} .spg-notice-popup .spg-notice-popup-text-unit {font-size:16px; line-height:19px; margin-bottom:20px;} } /* ========================================================================== История заказов ========================================================================== */ .custom-select .custom-select-option {cursor:default;} .custom-select .custom-select-option a {color:#000; text-decoration:none; transition:all .2s ease;} .custom-select .custom-select-option a:hover, .custom-select .custom-select-option.active a {color:#7d9df8;} .custom-search .custom-search-label::after {display:none;} .custom-search .custom-search-label .icon {position:absolute; top:0px; right:16px; width:18px; height:18px; background:url(/bitrix/templates/im/./imgs/search.svg) no-repeat center center / contain; border:none; outline:none; cursor:pointer;} .history-page .catalog-pagination-block {margin:0px;} @media only screen and (max-width:767px) { .notice-text {padding:0px 20px;} } /* ========================================================================== Оформление заказа ========================================================================== */ .page-order .order-form-step_2 .jq-selectbox__select {height:46px; padding:0 48px 0 15px; border:1px solid #E9E7F5; background:#FDFCFE; border-radius:5px; width:100%; cursor:pointer;} .page-order .order-form-step_2 .jq-selectbox__select .jq-selectbox__select-text {font-size:14px; line-height:42px;} .page-order .order-form-step_2 .jq-selectbox__select .jq-selectbox__trigger {position:absolute; right:20px; top:50%; margin-top:-4.5px;} .page-order .order-form-step_2 .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow {width:17px; height:9px; background:url(/bitrix/templates/im/./imgs/arrow_select_form_order.svg) no-repeat center;} .page-order .order-form-step_2 .jq-selectbox.opened .jq-selectbox__trigger .jq-selectbox__trigger-arrow {transform:rotate(180deg); -webkit-transform:rotate(180deg);} .page-order .order-form-step_2 .jq-selectbox .jq-selectbox__dropdown {top:50px; width:100%;} .page-order .order-form-step_2 .jq-selectbox .jq-selectbox__dropdown ul {margin:0; padding:10px 0px 10px; border:1px solid #E9E7F5; background:#FDFCFE; border-radius:5px;} .page-order .order-form-step_2 .jq-selectbox .jq-selectbox__dropdown ul li {font-size:14px; line-height:17px; padding:10px 20px; cursor:pointer; white-space:normal;} .page-order .order-form-step_2 .jq-selectbox .jq-selectbox__dropdown ul li:hover {background:#E9E7F5;} .page-order .order-form-step_2 .address-input {display: none; margin-bottom:30px;} .page-order .order-form-step_2 .address-input h5 {font-size:18px; font-weight:normal; line-height:20px; color:#333; margin:0 0 12px;} .page-order .order-form-step_2 .address-input select {font-size:14px; line-height:16px; height:46px; padding:0 48px 0 15px; border:1px solid #E9E7F5; background:url(/bitrix/templates/im/./imgs/arrow_select_form_order.svg) right 20px center no-repeat #FDFCFE; border-radius:5px; width:100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none!important;} .page-order .order-form-step_2 .address-input span {display:inline-block;} .page-order .order-form-step_2 .address-input input, .page-order .order-form-step_2 .address-input textarea {font-size:16px; line-height:16px; height:46px; padding:0 20px; border:1px solid #E9E7F5; background:#FDFCFE; border-radius:5px; width:100%;} .page-order .order-form-step_2 .address-input input:focus, .page-order .order-form-step_2 .address-input textarea:focus {border:1px solid #27AE60;} .page-order .order-form-step_2 .address-input textarea {resize:none; height:180px; padding:20px;} .page-order .order-form-step_2 .address-input .address-list {display:flex; flex-direction:column; align-items:center;} .page-order .order-form-step_2 .address-input .address-list .jq-selectbox {width:100%;} .page-order .order-form-step_2 .address-input .address-list span {font-size:18px; line-height:20px; color:#333; margin:10px 0;} .page-order .order-form-step_2 .address-input .address-list.columns-cdek {display:flex; flex-direction:row;} .page-order .order-form-step_2 .address-input .address-list.columns-cdek input {width:calc(100% - 66.66% - 10px); margin:0px 20px 0px 0px } .page-order .order-form-step_2 .address-input .address-list.columns-cdek input:last-child {width:66.66%; margin:0px;} .page-order .order-form-step_2 .address-input .select-region {display:block; margin:0px 0px 30px 0px; width:100%;} .page-order .order-form-step_2 .address-input .select-region .name {display:block; margin:0px 0px 5px 0px; font-size:18px; line-height:20px; color:#000;} .page-order .order-form-step_2 .address-input .select-region .name .red {color:red; font-weight:bold; font-size:18px; line-height:20px; margin:0px; display:inline;} .page-order .order-form-step_2 .address-input .select-region .jq-selectbox {width:100%;} .page-order .order-form-step_2 .address-input .address-precision {display:flex; justify-content:space-between; margin-top:20px;} .page-order .order-form-step_2 .address-input .address-precision input {width:100%; margin-right:20px;} .page-order .order-form-step_2 .address-input .address-precision input:last-child {margin-right:0px;} .page-order .order-form-step_2 .address-input .address-date-delivery {display:flex; justify-content:space-between; margin-top:20px;} .page-order .order-form-step_2 .address-input .address-date-delivery .jq-selectbox {width:100%; margin:0px 20px 0px 0px;} .page-order .order-form-step_2 .address-input .address-date-delivery .jq-selectbox:last-child {margin-right:0px;} .page-order .order-form-step_2 .address-input .address-date-delivery .jq-selectbox .disabled {opacity:0.4; cursor:not-allowed;} .page-order .order-form-step_2 .address-input .address-date-delivery .jq-selectbox.disabled {opacity:0.4; cursor:not-allowed;} .page-order .order-form-step_2 .address-input .address-comment {margin-top:20px;} .page-order .order-form-step_2 .other {display:none;} .page-order .order-form-step_2 .map-container .map {width:100%; height:343px;} .page-order .order-form-step_2 .map-container .address {font-size:14px; line-height:18px; color:#fff; padding:11px 0 11px 25px; line-height:18px; height:40px; background:#232F84;} .page-order .order-form-step_2 .map-box .address-plate {font-size: 15px; line-height: 18px; color: #fff; background: #232f84; padding: 20px 30px; width: 100%;} @media only screen and (max-width:767px) { .page-order .order-form-step_2 .address-input .address-list {flex-direction: column; justify-content: flex-start;} .page-order .order-form-step_2 .address-input .address-list span {margin: 5px 0 5px 0;} .page-order .order-form-step_2 .address-input .address-list.columns-cdek {display:block;} .page-order .order-form-step_2 .address-input .address-list.columns-cdek input {width:100%; margin:0px 0px 30px 0px } .page-order .order-form-step_2 .address-input .address-list.columns-cdek input:last-child {width:100%; margin:0px;} .page-order .order-form-step_2 .address-input .jq-selectbox .jq-selectbox__dropdown {width:100%;} .page-order .order-form-step_2 .address-input .address-precision {flex-direction:column; margin-top:30px;} .page-order .order-form-step_2 .address-input .address-precision input {margin:0 0 30px;} .page-order .order-form-step_2 .address-input .address-precision input:last-child {margin:0px;} .page-order .order-form-step_2 .address-input .address-date-delivery {flex-direction:column; margin-top:30px;} .page-order .order-form-step_2 .address-input .address-date-delivery .jq-selectbox {margin:0px 0px 30px 0px;} .page-order .order-form-step_2 .address-input .address-date-delivery .jq-selectbox:last-child {margin-bottom:0px;} .page-order .order-form-step_2 .address-input .address-comment {margin-top:30px;} .page-order .order-form-step_2 .other {margin-bottom: 20px; width: 100%;} .page-order .order-form-step_2 .map-container .address {height: 55px;} } /* End */ /* /bitrix/templates/im/js/vendor/swiper/swiper-bundle.min.css?168235929116493 */ /* /bitrix/templates/im/js/vendor/fancybox/jquery.fancybox.min.css?168236130810424 */ /* /bitrix/templates/im/js/vendor/form-styler/jquery.formstyler.css?16033737212175 */ /* /bitrix/templates/im/js/vendor/spg-notice/spg-notice.css?16033737214653 */ /* /bitrix/templates/im/fonts/fonts.css?16508789982650 */ /* /bitrix/templates/im/css/main.css?1755164463173106 */ /* /bitrix/templates/im/css/main_andrey.css?172165806030589 */ /* /bitrix/templates/im/components/bitrix/menu/desktop/style.min.css?16827163702111 */ /* /bitrix/templates/im/components/bitrix/menu/hz/style.min.css?16827163702111 */ /* /bitrix/templates/im/components/bitrix/menu/mobile/style.min.css?16827163702111 */ /* /bitrix/templates/im/components/bitrix/breadcrumb/crumbs/style.min.css?1682362437467 */ /* /bitrix/templates/im/components/bitrix/menu/footer/style.min.css?16827163702111 */ /* /bitrix/templates/im/template_styles.css?16872641849075 */