/* Start:/design/css/slick.css?17312355871729*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/design/css/swiper-bundle.min.css?173650003118471*/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/design/js/fancybox/jquery.fancybox.min.css?173123558612799*/ body.compensate-for-scrollbar{/*overflow:hidden*/}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/design/css/style.css?1751457293273185*/ /* Eric Meyer's CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End of Eric Meyer's CSS Reset */ html { height: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } body { font: 16px/26px 'Exo 2', sans-serif; width: 100%; height: 100%; } .wrapper { width: 100%; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } .wrapper-inside{ width: 1140px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } input, textarea, button{ font-family: 'Exo 2', sans-serif; } img{ vertical-align: top; } b{ font-weight: bold; } .link-fiol{ color: #E18AFF; } .bg-black{ background: #000000; } .bg-dark_blue{ background: #393185; } .bg-dark_blue2{ background: #574EB0; } .bg-blue{ background: #6A70FA; } .bg-light_blue{ background: #817AC8; } .bg-light_blue2{ background: #ADA7E9; } .bg-light_gray{ background: #E8E8E8; } .bg-dark_pink{ background: #E18AFF } .bg-yellow{ background: #F2C94C } .bg-gray{ background: #828282 } .bg-red{ background: #EB5757; } .bg-purple{ background: #BB6BD9; } .bg-orange{ background: #F2994A; } .btn{ display: inline-block; border: 0px; text-decoration: none; transition: all 0.3s ease; text-align: center; letter-spacing: 0.02em; box-sizing: border-box; } .btn-primary{ background: linear-gradient(205.06deg, #95C72C 3.34%, #27AE60 69.85%); box-shadow: 0px 10px 20px rgba(39, 174, 96, 0.4); border-radius: 100px; font-weight: bold; font-size: 18px; line-height: 22px; color: white; width: 182px; height: 56px; padding: 17px; outline: none; } .btn-primary:hover{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(205.06deg, #95C72C 3.34%, #27AE60 69.85%); box-shadow: 0px 10px 20px rgba(39, 174, 96, 0.4); } .btn-primary:active{ background: linear-gradient(205.06deg, #27AE60 3.34%, #95C72C 69.85%); box-shadow: 0px -10px 20px rgba(39, 174, 96, 0.4); } .btn-secondary{ background: linear-gradient(212.39deg, #813BB8 3.34%, #393185 69.85%); border-radius: 100px; font-weight: bold; font-size: 15px; line-height: 19px; text-align: center; letter-spacing: 0.02em; color: #FFFFFF; width: 103px; height: 43px; padding: 11px; } .btn-secondary:hover{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), linear-gradient(212.39deg, #813BB8 3.34%, #393185 69.85%); } .btn-secondary:active, .btn-secondary.active{ background: linear-gradient(212.39deg, #393185 3.34%, #813BB8 69.85%); } .btn-secondary-stroke{ border: 2px solid #6A70FA; box-sizing: border-box; border-radius: 100px; font-weight: bold; font-size: 14px; line-height: 19px; text-align: center; letter-spacing: 0.02em; color: #6A70FA; background: white; width: 103px; height: 43px; } .btn-secondary-stroke:hover{ background: #6A70FA; color: white; } .btn-secondary-stroke:active{ background: #393185; color: white; } .btn-secondary-stroke-2{ border: 2px solid #6A70FA; box-sizing: border-box; border-radius: 100px; font-weight: bold; font-size: 15px; line-height: 19px; text-align: center; letter-spacing: 0.02em; color: white; background: #6A70FA; width: 103px; height: 43px; padding: 9px; } .btn-secondary-stroke-2:hover{ background: #393185; color: white; } .btn-secondary-stroke-2.type2{ width: 186px; } .btn-secondary-stroke-white{ border: 2px solid white; box-sizing: border-box; border-radius: 100px; font-weight: bold; font-size: 15px; line-height: 19px; text-align: center; letter-spacing: 0.02em; color: white; width: 137px; height: 43px; padding: 8px; } .btn-secondary-stroke-white:hover{ background: rgba(255,255,255,0.8); color: #393185; } .btn-secondary-stroke-white:active{ background: rgba(255,255,255,1); color: #393185; } h1{ font-weight: bold; font-size: 76px; line-height: 78px; } h2{ font-weight: bold; font-size: 40px; line-height: 53px; letter-spacing: 0.02em; } h3{ font-weight: 500; font-size: 32px; line-height: 40px; letter-spacing: 0.02em; } p{ font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; } .icon{ display: inline-block; } .icon-smartphone, .icon-smartfony{ width: 26px; height: 42px; background: url(/design/css/../img/icon-smartphone.svg) } .icon-smart_clock-child, .icon-detskie-smart-chasy{ width: 26px; height: 35px; background: url(/design/css/../img/icon-smart_clock-child.svg) } /*.icon-krasota-i-zdorove{ width: 24px; height: 50px; background: url(/design/css/../img/fen-desctop.svg) }*/ .icon-dyson{ width: 24px; height: 50px; background: url(/design/css/../img/fen-desctop.svg) } .icon-smart_clock, .icon-smart-chasy{ width: 26px; height: 36px; background: url(/design/css/../img/icon-smart_clock.svg) } .icon-samokat, .icon-elektrosamokaty{ width: 26px; height: 29px; background: url(/design/css/../img/icon-samokat.svg) } .icon-phone, .icon-mobilnye-telefony{ width: 26px; height: 42px; background: url(/design/css/../img/icon-phone.svg) } .icon-headphones, .icon-naushniki{ width: 22px; height: 21px; background: url(/design/css/../img/icon-headphones.svg) } .icon-fitness-brasle, .icon-sportivnye-braslety, .icon-fitnes-braslety{ width: 26px; height: 33px; background: url(/design/css/../img/icon-fitness-brasle.svg) } .icon-cleaner, .icon-robot-pylesos{ width: 26px; height: 26px; background: url(/design/css/../img/icon-cleaner.svg) } .icon-audio, .icon-portativnye-kolonki{ width: 18px; height: 31px; background: url(/design/css/../img/icon-audio.svg) } .icon-igrovye-pristavki{ width: 26px; height: 40px; background: url(/design/css/../img/icon-playstation.svg) } .icon-aksessuary{ width: 27px; height: 40px; background: url(/design/css/../img/icon-acsessuares.svg) } .icon-planshety{ width: 32px; height: 23px; background: url(/design/css/../img/icon-planshety.svg) } .icon-umnye-kolonki-yandeks-stantsiya{ width: 25px; height: 40px; background: url(/design/css/../img/icon-ya-station.svg) } .icon-bullet-calendar{ width: 46px; height: 46px; background: url(/design/css/../img/icon-bullet-calendar.svg) } .icon-bullet-garanty{ width: 46px; height: 42px; background: url(/design/css/../img/icon-bullet-garanty.svg) } .icon-bullet-delivery{ width: 48px; height: 30px; background: url(/design/css/../img/icon-bullet-delivery.svg) } .icon-bullet-traidin{ width: 38px; height: 38px; background: url(/design/css/../img/icon-bullet-change.svg) } .icon-bullet-credit{ width: 44px; height: 44px; background: url(/design/css/../img/icon-bullet-credit.svg) } .icon-add-to-compare{ width: 35px; height: 25px; background: url(/design/css/../img/icon-add-to-compare.svg) no-repeat left center; } .icon-youtube-video{ width: 61px; height: 43px; background: url(/design/css/../img/icon-youtube-video.svg) } .icon-instagramm{ width: 24px; height: 24px; background: url(/design/css/../img/icon-instagramm.svg) } .icon-social-vk{ width: 24px; height: 16px; background: url(/design/css/../img/icon-social-vk.svg) } a:hover .icon-social-vk{ background: url(/design/css/../img/icon-social-vk-hover.svg) } .icon-social-fb{ width: 24px; height: 24px; background: url(/design/css/../img/icon-social-fb.svg) } a:hover .icon-social-fb{ background: url(/design/css/../img/icon-social-fb-hover.svg) } .icon-social-ok{ width: 16px; height: 25px; background: url(/design/css/../img/icon-social-ok.svg) } a:hover .icon-social-ok{ background: url(/design/css/../img/icon-social-ok-hover.svg) } .icon-social-youtube{ width: 25px; height: 18px; background: url(/design/css/../img/icon-social-youtube.svg) } a:hover .icon-social-youtube{ background: url(/design/css/../img/icon-social-youtube-hover.svg) } .icon-social-inst{ width: 24px; height: 24px; background: url(/design/css/../img/icon-social-insta.svg) } a:hover .icon-social-inst{ background: url(/design/css/../img/icon-social-insta-hover.svg) } .dapsite-icon{ width: 48px; height: 35px; background: url(/design/css/../img/icon-dapsite.svg); } .icon-arrow-submit{ width: 17px; height: 16px; background: url(/design/css/../img/arrow-submit.svg); } /* Header -----------------------------------------------------------------------------*/ .header { height: 112px; background: #393185; box-sizing: border-box; vertical-align: top; /*padding-top: 18px;*/ width: 100%; } .header-line-1{ background: #2E2773; padding-top: 10px; width: 100%; } .header.sticky .header-line-2{ position: fixed; top: 0px; left: 0px; z-index: 200; box-shadow: 1px 6px 15px rgba(57,49,133, 0.5); height: 75px; } .header-work-time{ font-size: 14px; line-height: 17px; color: #FFFFFF; position: relative; float: left; padding-left: 7px; padding-top: 3px; margin-right: 67px; } .header-work-time:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background: url(/design/css/../img/icon-clock.svg) no-repeat center center; left: -20px; top: 2px; } .header-phones-number a.open-popup{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; border-bottom: 1px dashed #E18AFF; text-decoration: none; color: #E18AFF; transition: all 0.3s ease; vertical-align: top; display: inherit; float: left; } @media (max-width: 768px) { .header-phones-number a.open-popup { display: none; } } .header-social-links{ } .header-social-links ul li{ float: left; margin-right: 21px; } .header-social-links ul li:last-of-type{ margin-right: 0px; } .header-social-links ul li a{ display: inline-block; vertical-align: top; } .header-social-links ul li a.social-header-youtube{ width: 29px; height: 23px; background: url(/design/css/../img/icon-header-social-youtube.svg) no-repeat center center; } .header-social-links ul li a.social-header-inst{ width: 21px; height: 23px; background: url(/design/css/../img/icon-header-social-inst.svg) no-repeat center center; } .header-social-links ul li a.social-header-whatsapp{ width: 21px; height: 23px; background: url(/design/css/../img/icon-header-social-whatsapp.svg) no-repeat center center; } .header-social-links ul li a.social-header-telegramm{ width: 23px; height: 23px; background: url(/design/css/../img/icon-header-social-telegramm.svg) no-repeat center center; } .header-phones-number{ float: right; margin-top: 3px; } .header-phones-number a{ float: left; font-weight: 600; font-size: 14px; line-height: 17px; letter-spacing: -0.01em; color: #FFFFFF; text-decoration: none; margin-left: 20px; } .header-phones-number a:first-of-type{ margin-left: 0px; } .header-line-2{ display: inline-block; width: 100%; padding-top: 9px; padding-bottom: 8px; background: #393185; height: 52px; } .header-logo{ display: inline-block; float: left; width: 12.26%; margin-right: 1.84%; } .header-logo img{ margin-left: -8px; width: 121px; } .header-menu-container{ margin-top: 12px; } .header-content{ display: inline-block; width: 82.9%; } .header-content-top{ display: inline-block; width: 100%; padding-top: 7px; margin-bottom: 17px; } .header-content-bottom{ width: 100%; } .header-region{ float: left; width: 24%; margin-right: 1%; } .header-phones{ float: left; margin-left: 13px; margin-top: 2px; } .header-personal{ display: inline-block; float: right; margin-top: 14px; } .header-personal div{ /*display: inline-block;*/ float: left; } .header-personal .header-count{ display: inline-block; width: 24px; height: 24px; text-align: center; color: white; font-size: 12px; line-height: 14px; border-radius: 50%; box-sizing: border-box; padding: 4px 3px; position: absolute; } .header-personal .header-basket-link{ margin-right: 17px; margin-top: 3px; margin-left: 50px; } .header-basket-link a{ position: relative; display: inline-block; } .header-basket-link a span{ right: -17px; top: -10px; transition: all 0.3s ease; } .header-basket-link a:hover span{ width: 28px; height: 28px; transform: translate(2px, -2px); padding: 6px 3px; } .header-personal .header-compare-link{ margin-top: 1px; margin-left: 32px; } .header-compare-link a{ position: relative; display: inline-block; } .header-compare-link a span{ right: -17px; top: -8px; transition: all 0.3s ease; } .header-compare-link a:hover span{ width: 28px; height: 28px; transform: translate(2px, -2px); padding: 6px 3px; } .header-personal .header-cabinet-link{ margin-top: 1px; margin-left: 59px; } .header-cabinet-link a{ position: relative; display: inline-block; } .header-cabinet-link a span{ } .header-personal-link{ position: relative; } .header-personal-link span{ display: inline-block; width: 17px; height: 8px; background: url(/design/css/../img/personal-enter-arrow.svg); position: absolute; left: -25px; top: 7px; transition: all 0.3s ease; } .header-personal-link:hover span{ transform: translateX(5px); } .header-region-name{ position: relative; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0.03em; color: white; padding-left: 26px; margin-right: 12px; float: left; margin-top: 1px; } .header-region-name:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 24px; background: url(/design/css/../img/header-adress.svg) no-repeat center center; left: 0px; top: -1px; } .header-region a{ font-size: 13px; line-height: 16px; letter-spacing: -0.01em; position: relative; top: -2px; text-decoration: none; } .header-region a:after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #E18AFF; left: 0px; bottom: -2px; transform: translateY(6px); opacity: 0; transition: all 0.3s ease; } .header-region a:hover:after{ transform: translateY(0); opacity: 1; } .header-region a:before{ content: ""; position: absolute; display: inline-block; width: 9px; height: 5px; background: url(/design/css/../img/header-adress-arrow.svg) no-repeat center center; right: -14px; top: 6px; } .header-phones a{ display: inline-block; float: left; } .header-phones a.whatsapp{ margin-right: 6px; } .header-phones a.phone{ font-weight: 600; font-size: 13px; line-height: 17px; letter-spacing: 0.03em; color: #FFFFFF; margin-right: 18px; margin-top: 2px; text-decoration: none; position: relative; } .header-phones a.phone:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: white; left: 0px; bottom: -2px; transition: all 0.3s ease; transform: translateY(6px); opacity: 0; } .header-phones a.phone:hover:before{ transform: translateY(0); opacity: 1; } .main-menu{ } .main-menu ul{ } .main-menu ul li{ float: left; margin-right: 28px; /*position: relative;*/ } .main-menu ul li.parent{ /*position: relative;*/ } .main-menu ul li:last-of-type{ margin-right: 0px; } .main-menu ul li.parent a{ } /* .main-menu ul li.parent a.parent span{ display: inline-block; position: absolute; width: 15px; height: 2px; background: #b4b6ff; left: -22px; top: 8px; transition: all 0.3s ease; } .main-menu ul li.parent a.parent span:before, .main-menu ul li.parent a.parent span:after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; background: #b4b6ff; transition: all 0.3s ease; } .main-menu ul li.parent a.parent span:before{ top: -5px; } .main-menu ul li.parent a.parent span:after{ top: 5px; } */ .main-menu ul li a{ text-decoration: none; font-size: 14px; line-height: 19px; letter-spacing: 0.05em; text-transform: uppercase; color: #b4b6ff; transition: all 0.3s ease; position: relative; display: inline-block; } .main-menu ul li a.parent:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; bottom: 0px; left: 0px; background: #56CCF2; transition: all 0.3s ease; opacity: 0; } .main-menu ul li a.parent:hover, .main-menu ul li.parent:hover a.parent{ padding-bottom: 25px; } .main-menu ul li a.parent:hover:before, .main-menu ul li.parent:hover a.parent:before{ opacity: 1; } .main-menu ul li a:hover, .main-menu ul li.parent:hover a.parent{ color: #56CCF2; } /* .main-menu ul li.parent:hover a.parent span{ background: none; } .main-menu ul li.parent:hover a.parent span:after{ transform: rotate(45deg); top: 0px; } .main-menu ul li.parent:hover a.parent span:before{ transform: rotate(-45deg); top: 0px; } */ .main-menu ul li ul{ /*display: none;*/ opacity: 0; position: absolute; left: 0px; background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); width: 100%; transition: all 0s ease 0s; visibility: hidden; } .main-menu ul li.parent:hover ul{ /*display: block;*/ opacity: 1; visibility: visible; transition: all 0.1s ease 0.3s; z-index: 100; } .main-menu ul li ul .fadeinmenu-container{ width: 1140px; margin: 0 auto; } .main-menu ul li ul .fadeinmenu-container-inside{ width: 100%; box-sizing: border-box; padding-left: 14.1%; padding-top: 25px; padding-bottom: 17px; padding-right: 6%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-menu ul li ul li{ width: 33.33%; float: left; box-sizing: border-box; padding-right: 20px; margin-right: 0px; height: auto; margin-bottom: 7px; } .main-menu ul li ul li a{ font-size: 14px; line-height: 24px; letter-spacing: 0.02em; color: #000000; text-transform: none; display: inline-block; width: 100%; height: 100%; } .main-menu ul li ul li a table{ width: 100%; height: 100%; } .main-menu ul li ul li a table td{ vertical-align: middle; text-align: left; } .main-menu ul li ul li a table td.menu-icon{ width: 26px; text-align: center; } .main-menu ul li ul li a table td .name{ display: inline-block; margin-left: 20px; } .search-header{ display: inline-block; float: right; margin-top: -2px; margin-right: 2px; position: relative; } .search-header .search-link{ display: inline-block; width: 29px; height: 29px; border-radius: 50%; text-align: center; box-sizing: border-box; padding: 8px; position: relative; transition: all 0.3s ease; } .search-header .search-link.invisible{ opacity: 0; } .search-header .search-link:before{ content: ""; position: absolute; display: inline-block; background: #BB6BD9; opacity: 0.3; width: 37px; height: 37px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .search-header .search-link:hover:before{ width: 41px; height: 41px; opacity: 0.5; } .search-header .searchLine{ position: absolute; right: 20px; top: 0px; text-align: right; width: 360px; transition: all 0.3s ease; } .search-header .searchLine.active{ } .search-header .searchLine ._inner{ position: relative; } .search-header .searchLine button{ border: 0px; outline: none; cursor: pointer; position: absolute; top: 0px; right: 0px; } .search-header .searchLine input{ border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; padding: 10px 50px 9px 20px; font-size: 14px; line-height: 24px; margin-top: -7px; margin-right: -4px; font-family: 'Exo 2', sans-serif; outline: none; } .title-search-result{ background: white; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); } .search-item-line{ display: inline-block; width: 100%; border-bottom: 1px solid #E8E8E8; } .search-item-line:last-of-type{ /*border-bottom: 0px;*/ } .search-item-line a{ display: inline-block; text-decoration: none; color: black; width: 100%; box-sizing: border-box; padding: 10px; transition: all 0.3s ease; } .search-item-line a:hover{ background: rgba(130, 130, 130, 0.1); } .search-item-line .search-item-pic{ display: inline-block; width: 65px; height: 65px; text-align: center; float: left; margin-right: 15px; } .search-item-line .search-item-pic table{ border-collapse: collapse; width: 100%; height: 100%; } .search-item-line .search-item-pic table td{ width: 65px; height: 65px; vertical-align: middle; } .search-item-line .search-item-pic img{ max-width: 100%; max-height: 100%; } .search-item-line a .search-item-info-name{ font-size: 13px; line-height: 16px; letter-spacing: 0.02em; color: #828282; margin-top: 10px; margin-bottom: 10px; } .search-item-line a .product-item-price{ font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.02em; } .search-item-line a .product-item-price.discount { color: #EB5757; } .search-item-line a .product-item-price.discount .old-price{ font-size: 12px; line-height: 15px; color: #BDBDBD; font-weight: normal; display: inline-block; margin-left: 10px; margin-top: 5px; position: relative; } .search-item-line a .product-item-price.discount .old-price:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #BDBDBD; top: 7px; left: 0px; transform: rotate(-8deg); } .searchResultPoductContainer{ height: 290px; } .showOthers-search-link{ display: inline-block; width: 100%; box-sizing: border-box; padding: 10px 20px; text-align: right; } .showOthers-search-link a{ font-size: 13px; line-height: 16px; color: #2D9CDB; border-bottom: 1px dashed #2D9CDB; transition: all 0.3s ease; text-decoration: none; } .showOthers-search-link a:hover{ border-bottom: 1px dashed transparent; } /* Middle -----------------------------------------------------------------------------*/ .content { padding: 0 0 378px; } .main-page-slider{ } .main-page-slider .slick-arrow{ position: absolute; display: inline-block; outline: none; width: 25px; height: 54px; border: 0px; font-size: 0px; z-index: 10; top: 50%; cursor: pointer; opacity: 0.5; transition: all 0.3s ease; } .main-page-slider .slick-arrow:hover{ opacity: 1; } .main-page-slider .slick-arrow.slick-prev{ background: url(/design/css/../img/main-slider-left-arrow.svg) no-repeat center center; left: 50%; transform: translate(-570px, -120%); } .main-page-slider .slick-arrow.slick-next{ background: url(/design/css/../img/main-slider-right-arrow.svg) no-repeat center center; right: 50%; transform: translate(570px, -120%); } .main-page-slider .slick-slide{ outline: none; position: relative; } .main-page-slider .main-page-slider-item-content{ position: absolute; display: inline-block; width: 100%; height: 100%; left: 0px; top: 0px; } .main-page-slider { height: 685px; } .main-page-slider a{ outline: none; margin-left: 3px; } .main-page-slider-item-bg{ height: 685px; overflow: hidden; } .main-page-slider-item-bg img{ width: 100%; } .main-slide-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 83%; align-items: center; margin: 93px auto; } .main-slide-container .main-slide-descr{ width: 60%; float: left; box-sizing: border-box; padding-right: 20px; } .main-slide-container .main-slide-descr.right{ text-align: right; } .main-slide-container .main-slide-pic{ width: 50%; box-sizing: border-box; padding-left: 9px; position: relative; } .main-slide-container .main-slide-pic .main-slide-pic-discount{ position: absolute; top: 50%; background: #CE4AFF; box-shadow: -20px 20px 30px rgba(36, 30, 100, 0.6); border-radius: 50px 0px; font-family: 'Exo 2'; font-style: normal; font-weight: bold; font-size: 60px; line-height: 72px; text-align: center; letter-spacing: 0.02em; padding: 10px 26px 17px 18px; color: white; right: 0; transform: translateY(-100px); } .main-slide-name{ font-family: 'Exo 2'; font-style: normal; font-weight: bold; font-size: 76px; line-height: 64px; color: white; margin-bottom: 34px; margin-bottom: 42px; } .main-slide-name .bonus-wrapper-title-small{ font-size: 56px; } .dark-scheme .main-slide-name .bonus-wrapper-title-small{ color: black; } .dark-scheme .main-slide-name .bonus-wrapper-title{ color: black; } .main-slide-price{ display: inline-block; width: 100%; margin-bottom: 53px; } .main-slide-price .new-price{ font-weight: bold; font-size: 40px; line-height: 53px; letter-spacing: 0.02em; color: white; display: inline-block; float: left; } .main-slide-price .new-price .bonus-wrapper-title{ margin-top: 0px; } .main-slide-price .new-price .bonus-wrapper-title p.title-bonus-banner-back{ width: auto; height: 75px; padding: 18px 30px 18px 30px; } .main-slide-price .new-price .bonus-wrapper-title span.title-bonus-banner{ font-size: 44px; line-height: 90.5%; } .main-slide-price .old-price{ font-size: 23px; line-height: 27px; text-decoration-line: line-through; color: #FFFFFF; opacity: 0.3; display: inline-block; margin-top: 20px; margin-left: 19px; } .main-page-slider .slick-dots{ position: absolute; display: inline-block; left: 50%; transform: translateX(-50%); bottom: 49px; } .main-page-slider .slick-dots li{ float: left; display: inline-block; width: 11px; height: 11px; margin: 0 4px; transition: all 0.3s ease; } .main-page-slider .slick-dots li button{ display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 0px; background: #FFFFFF; opacity: 0.5; padding: 0px; margin: 0; vertical-align: top; outline: none; font-size: 0px; cursor: pointer; position: relative; transition: all 0.3s ease; } .main-page-slider .slick-dots li button:hover{ opacity: 0.8; } .main-page-slider .slick-dots li button:before{ content: ""; position: absolute; background: #FFFFFF; opacity: 0; width: 0px; height: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .main-page-slider .slick-dots li.slick-active button{ opacity: 1; } .main-page-slider .slick-dots li.slick-active button:before{ opacity: 0.3; width: 22px; height: 22px; left: 50%; top: 50%; } .main-page-slider .slick-dots li.slick-active{ margin: 0 9px; } .main-page-slider .slick-dots li:first-of-type{ margin-left: 0px; } .main-page-slider .slick-dots li:last-of-type{ margin-right: 0px; } .groups-and-bullets-main-page{ padding-top: 60px; padding-bottom: 85px; border-bottom: 1px solid #E8E8E8; } .bullets{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 62px; } .bullets-container{ width: 100%; } .bullet-item{ width: 20%; box-sizing: border-box; padding-top: 16px; padding-bottom: 3px; } .bullet-item table{ border-collapse: collapse; } .bullet-item table td{ vertical-align: top; } .bullet-item table td.bullet-item-td{ width: 50px; padding-right: 11px; } .bullet-item .bullet-item-icon{ position: relative; } .bullet-item .bullet-item-icon:before{ content: ""; position: absolute; display: inline-block; width: 52px; height: 52px; background: #6FCF97; opacity: 0.15; border-radius: 50%; top: -17px; right: -11px; } .bullet-item .bullet-item-name{ font-weight: 500; font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #393185; } .bullet-item.item1{ width: 18.2%; border-right: 1px solid #E8E8E8; padding-right: 10px; } .bullet-item.item2{ width: 20.8%; border-right: 1px solid #E8E8E8; padding-left: 50px; padding-right: 10px; } .bullet-item.item3{ width: 21.1%; border-right: 1px solid #E8E8E8; padding-left: 50px; padding-right: 10px; } .bullet-item.item4{ width: 22.3%; border-right: 1px solid #E8E8E8; padding-left: 50px; padding-right: 10px; } .bullet-item.item5{ width: 17.6%; padding-left: 50px; padding-right: 10px; } .main-page-catalog-groups-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1.25%; } .main-page-catalog-groups-container .new-main-groups-item{ margin: 1.25%; } .main-page-catalog-groups-container .main-groups-item a{ display: inline-block; width: 100%; height: 100%; text-align: center; font-weight: bold; font-size: 21px; line-height: 24px; text-align: center; letter-spacing: 0.02em; color: white; text-decoration: none; box-sizing: border-box; padding: 20px; } .main-page-catalog-groups-container .main-groups-item a table{ width: 100%; border-collapse: collapse; height: 100%; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic{ height: 258px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-name{ height: 48px; } .main-page-catalog-groups-container .main-groups-item a table td{ vertical-align: middle; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic td img{ max-height: 245px; transition: all 0.3s ease; } .main-page-catalog-groups-container.new-style .main-groups-item a table .table-groups-pic td img{ max-width: 100%; } .main-page-catalog-groups-container .main-groups-item a:hover table .table-groups-pic td img{ transform: scale(1.1); } .main-page-catalog-groups-container .main-groups-item a table .table-groups-name td{ height: 48px; } .main-page-catalog-groups-container .main-groups-item.size-1-line{ width: 100%; } .main-page-catalog-groups-container .main-groups-item.size-2-line{ width: 47.5%; } .main-page-catalog-groups-container .main-groups-item.size-3-line{ width: 30.83%; } .main-page-catalog-groups-container .main-groups-item.size-4-line{ width: 22.5%; } .main-page-catalog-groups-container-new-style{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1.25%; text-align: center; justify-content: center; } .main-page-catalog-groups-container-new-style .new-main-groups-item{ width: 20%; padding: 1.25%; box-sizing: border-box; } .main-page-catalog-groups-container-new-style .new-main-groups-item a{ display: inline-block; box-sizing: border-box; border: 1px solid #E8E8E8; height: 100%; width: 100%; text-align: center; padding: 30px 18px; text-decoration: none; font-weight: 500; font-size: 18px; line-height: 24px; color: #000000; position: relative; transition: all 0.3s ease; } .main-page-catalog-groups-container-new-style .new-main-groups-item a.active{ border: 1px solid #E6E3FE; background: #F4F3FF; } .main-page-catalog-groups-container-new-style .new-main-groups-item a:hover{ color: #FFFFFF; } .main-page-catalog-groups-container-new-style .new-main-groups-item a:before{ content: ""; position: absolute; display: inline-block; background: linear-gradient(219.14deg, #393185 17.15%, #813BB8 78.1%); left: 0px; top: 0px; width: 0px; height: 100%; transition: all 0.3s ease; } .main-page-catalog-groups-container-new-style .new-main-groups-item a:hover:before { width: 100%; } .main-page-catalog-groups-container-new-style .new-main-groups-item a table{ width: 100%; position: relative; z-index: 1; } .main-page-catalog-groups-container-new-style .new-main-groups-item a table tr{ } .main-page-catalog-groups-container-new-style .new-main-groups-item a table tr td{ } .main-page-catalog-groups-container-new-style .new-main-groups-item a table .main-groups-item-picture{ width: 100%; height: 105px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .main-page-catalog-groups-container-new-style .new-main-groups-item a table .main-groups-item-picture img{ max-width: 100%; max-height: 105px; transition: all 0.3s ease; } .main-page-catalog-groups-container-new-style .new-main-groups-item a:hover table .main-groups-item-picture img{ transform: scale(1.05); } .main-page-catalog-groups-container-new-style .new-main-groups-item a table .main-groups-item-name{ height: 48px; display: flex; align-items: center; justify-content: center; } @media (max-width: 1199px){ .main-page-catalog-groups-container-new-style .new-main-groups-item{ width: 25%; } } @media (max-width: 767px){ .main-page-catalog-groups-container-new-style .new-main-groups-item{ width: 50%; } .main-page-catalog-groups-container-new-style .new-main-groups-item a{ font-size: 12px; line-height: 15px; padding: 15px 10px; } .main-page-catalog-groups-container-new-style .new-main-groups-item a table .main-groups-item-picture{ height: 50px; margin-bottom: 0px; } .main-page-catalog-groups-container-new-style .new-main-groups-item a table .main-groups-item-picture img{ max-height: 50px; } .main-page-catalog-groups-container-new-style .new-main-groups-item a table .main-groups-item-name{ height: 28px; margin-top: 10px; } } .main-page-products-tabs-header{ display: inline-block; width: 100%; margin-bottom: 33px; vertical-align: top; } .content-block-title-name{ font-weight: 500; font-size: 34px; line-height: 40px; align-items: center; letter-spacing: 0.01em; } .main-page-products-tabs{ display: inline-block; width: 100%; padding-top: 30px; padding-bottom: 100px; } .main-page-products-tabs.tabs-on-page-inside{ padding-top: 0px; } .main-page-products-tabs.tabs-on-page-inside .main-page-products-tabs-header{ margin-bottom: 0px; } .main-page-products-tabs .content-block-title{ display: inline-block; float: left; } .main-page-products-tabs .tabls-list-menu{ display: inline-block; float: right; margin-top: 14px; margin-right: 22px; } .tabls-list-menu-ul{ display: inline-block; float: left; } .tabls-list-menu-ul ul{ } .tabls-list-menu-ul ul li{ float: left; margin-left: 19px; } .tabls-list-menu-ul ul li a{ font-size: 15px; line-height: 19px; align-items: center; letter-spacing: 0.02em; color: #929292; text-decoration: none; position: relative; transition: all 0.3s ease; } .tabls-list-menu-ul ul li a:hover{ color: #333333; } .tabls-list-menu-ul ul li a.active{ color: #333333; font-weight: bold; } .tabls-list-menu-ul ul li a.active:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; background: #333333; top: -8px; left: 0px; } .show-all-link{ margin-left: 60px; } .show-all-link a{ font-size: 17px; line-height: 21px; letter-spacing: 0.02em; color: #2D9CDB; text-decoration: none; font-weight: bold; position: relative; transition: all 0.3s ease; } .show-all-link a:hover{ color: #5a9cd9; } .show-all-link a:before{ content: ""; position: absolute; display: inline-block; width: 16px; height: 8px; background: url(/design/css/../img/show-all-arrow.svg) no-repeat center center; right: -23px; top: 8px; transition: all 0.3s ease; } .show-all-link a:hover:before{ transform: translateX(4px); } .product-list-block{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #E8E8E8; border-bottom: 0px; border-left: 0px; box-sizing: border-box; } .product-list-block + .action, .articles-list + .action{ margin-top: 30px; margin-bottom: 30px; display: inline-block; width: 100%; } .product-list-block + .action .show-more, .articles-list + .action .show-more{ display: inline-block; float: left; } .product-list-block + .action .show-more a, .articles-list + .action .show-more a{ font-size: 15px; color: #6A70FA; background: white; width: 155px; padding: 9px; } .pagination{ float: right; margin-top: 6px; } .pagination ul{ } .pagination ul li{ float: left; margin-left: 9px; } .pagination ul li.current{ } .pagination ul li.current a{ color: #BDBDBD; } .pagination ul li.current a:before, .pagination ul li.prev a:before, .pagination ul li.next a:before{ display: none; } .pagination a{ font-weight: 500; font-size: 16px; line-height: 26px; color: #6A70FA; text-decoration: none; position: relative; } .pagination a:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #6A70FA; left: 0px; bottom: -4px; } .pagination ul li.prev img, .pagination ul li.next img{ margin-top: 9px; } .product-list-block .product-item{ float: left; box-sizing: border-box; position: relative; /*height: 450px;*/ } .product-item.item-banner{ width: 50%; border: 0px; } .product-item.item-banner .product-action-content{ position: absolute; bottom: 0px; left: 0px; width: 100%; box-sizing: border-box; padding: 24px 28px; } .product-action-bottom-info{ } .product-action-bottom-info .product-store-count{ float: none; display: inline-block; width: 100%; position: relative; padding-left: 7px; text-align: left; } .product-action-bottom-info .product-store-count:before{ content: ""; position: absolute; display: inline-block; width: 4px; height: 4px; left: 0px; top: 6px; border-radius: 50%; } .product-action-bottom-info .product-price{ font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; letter-spacing: 0.02em; color: #FFFFFF; margin-top: 7px; } .product-action-bottom-info-left{ display: inline-block; float: left; width: 65%; } .product-action-bottom-info-right{ display: inline-block; float: right; width: 35%; text-align: right; margin-top: 9px; } .product-action-name{ display: inline-block; width: 100%; font-style: normal; font-weight: 500; font-size: 14.4px; line-height: 19px; letter-spacing: 0.02em; margin-bottom: 2px; } .product-action-name a{ color: white; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .product-action-name a:hover{ border-bottom: 1px solid white; } .product-stars.action-stars{ margin-bottom: 2px; } .product-item.middle-size{ width: 25%; padding: 27px 28px; border: 1px solid #E8E8E8; border-top: 0px; border-right: 0px; } .detail-product-text .product-list-block{ border: 1px solid #E8E8E8; } .detail-product-text .product-item.middle-size:last-of-type{ border: 0px; border-right: 1px solid #E8E8E8; } .detail-product-text.full-size .product-item.middle-size:last-of-type{ border: 1px solid #E8E8E8; } .product-item.middle-size.emptyStyle{ background: #f5f5f5; } .product-picture-container{ position: relative; height: 100%; } .product-shild{ position: absolute; left: 29px; top: 19px; z-index: 10; } .product-shild .shild-item{ display: inline-block; padding: 0px 9px 2px; margin-right: 10px; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; text-align: center; letter-spacing: 0.02em; border-radius: 3px; color: #FFFFFF; float: left; } .product-item.middle-size .product-shild{ top: 0px; left: 0px; } .product-item.middle-size .product-shild .shild-item{ padding: 0px 15px 4px; font-size: 12px; margin-right: 5px; margin-bottom: 5px; } .product-item-content{ height: calc(100% - 232px); } .product-item-content .product-stars{ vertical-align: top; margin-top: 7px; } .product-item-name{ display: inline-block; width: 100%; height: 40px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 19px; letter-spacing: 0.02em; vertical-align: top; margin-top: 2px; margin-bottom: 5px; overflow: hidden; } .product-item-name a{ text-decoration: none; vertical-align: top; color: #828282; transition: all 0.3s ease; border-bottom: 1px solid transparent; } .product-item-name a:hover{ color: #2D9CDB; border-bottom: 1px solid #2D9CDB; } .product-item-inform{ display: inline-block; width: 100%; margin-bottom: 12px; } .product-item-inform .product-item-price{ display: inline-block; float: left; font-style: normal; font-weight: bold; font-size: 18px; line-height: 24px; display: flex; align-items: center; letter-spacing: 0.02em; } .product-item-inform .product-item-price.discount{ color: #EB5757; } .product-item-inform .product-item-price.discount .old-price{ font-size: 12px; line-height: 15px; color: #BDBDBD; font-weight: normal; display: inline-block; margin-left: 10px; margin-top: 5px; position: relative; } .product-item-inform .product-item-price.discount .old-price:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #BDBDBD; top: 7px; left: 0px; transform: rotate(-8deg); } .product-item-inform .product-item-price.small{ opacity: 0.2; } .product-item.middle-size .product-store-count{ margin-top: 6px; } .product-item.middle-size .product-store-count.small.type2{ width: 100%; font-size: 12px; } .product-store-count{ display: inline-block; float: right; font-style: normal; font-weight: normal; font-size: 13px; line-height: 16px; text-align: right; } .product-store-count.many{ color: #27AE60; } .product-store-count.many:before{ background: #27AE60; } .product-store-count.small{ color: #EB5757; } .product-store-count.small:before{ background: #EB5757; } .product-stars{ display: inline-block; } .product-stars span{ display: inline-block; width: 10px; height: 10px; float: left; margin-right: 5px; background: url(/design/css/../img/icon-star-default.svg) no-repeat center left; } .product-stars span span{ background: url(/design/css/../img/icon-star-active.svg) no-repeat center left; margin-right: 0px; } .product-item.item-banner .product-picture{ height: auto; margin-bottom: 0; } .product-picture{ height: 226px; margin-bottom: 10px; overflow: hidden; } .product-picture .video-link-detail{ position: absolute; right: 0px; margin: 0px; } .product-picture a{ display: inline-block; width: 100%; height: 100%; } .product-picture a:hover img{ /*transform: scale(1.05);*/ } .product-picture-slider .product-picture-slider-item{ outline: none; height: 220px; padding-bottom: 6px; } .product-picture-slider .product-picture-slider-item a{ display: inline-block; width: 100%; outline: none; height: 100%; } .product-picture-slider .product-picture-slider-item table{ border-collapse: collapse; width: 100%; height: 100%; } .product-picture-slider .product-picture-slider-item table td{ vertical-align: middle; text-align: center; } .product-picture-slider .product-picture-slider-item img{ max-width: 100%; max-height: 100%; outline: none; transition: all 0.3s ease; margin: 0 auto; } .product-picture-slider .slick-dots{ position: absolute; display: inline-block; bottom: 0px; width: 100%; } .product-picture-slider .slick-dots li{ float: left; display: inline-block; width: 32px; height: 2px; margin: 0 2px; } .product-picture-slider .slick-dots li button{ display: inline-block; padding: 0px; margin: 0px; border: 0px; width: 32px; height: 2px; background: #E8E8E8; font-size: 0px; vertical-align: top; outline: none; transition: all 0.3s ease; cursor: pointer; } .product-picture-slider .slick-dots li.slick-active{ } .product-picture-slider .slick-dots li.slick-active button{ background: #C6C8FF; } .product-item-controls{ display: inline-block; width: 100%; } .product-item-controls a{ vertical-align: top; } .product-item-controls .control-btn-left{ float: left; } .product-item-controls .control-btn-right{ float: right; margin-top: 9px; } .product-item-controls .control-btn-right a{ } .product-item-controls .control-btn-right a .icon{ width: 23px; transition: all 0.3s ease; } .product-item-controls .control-btn-right a.active, .product-item-controls .control-btn-right a:hover .icon, .product-item-controls .control-btn-right a.active .icon, .list-for-buy .detail-compare-btn a.active .icon{ width: 35px; } .product-item-controls .control-btn-right a.active .icon, .list-for-buy .detail-compare-btn a.active .icon{ background: url(/design/css/../img/icon-add-to-compare-active.svg) no-repeat left center; } .about-company-block{ display: inline-block; width: 100%; padding-top: 103px; background: url(/design/css/../img/about-bg.jpg) no-repeat center top; background-size: cover; color: white; } .about-company-video{ display: inline-block; width: 810px; height: 538px; background: url(/design/css/../img/about-video-bg.png) no-repeat center bottom; position: absolute; right: -174px; bottom: 0px; } .video-file-link{ display: inline-block; width: 500px; height: 375px; background: url(/design/css/../img/about-video-preview.jpg) no-repeat center center; position: absolute; left: 136px; top: 26px; } .video-file-link a{ display: inline-block; width: 100%; height: 100%; } .video-file-link a .icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease; } .video-file-link a:hover .icon{ transform: translate(-50%, -50%) scale(1.2); } .about-company-container{ display: inline-block; width: 100%; position: relative; vertical-align: top; padding-bottom: 128px; } .about-company-container .about-company-text{ display: inline-block; width: 42%; float: left; } .about-company-container .about-company-text .content-block-title-name{ font-style: normal; font-weight: bold; font-size: 44px; line-height: 52px; letter-spacing: 0.02em; margin-bottom: 12px; } .about-company-container .about-company-text .about-company-hello{ font-weight: 500; font-size: 34px; line-height: 40px; letter-spacing: 0; margin-bottom: 10px; } .about-company-container .about-company-text p{ font-style: normal; font-weight: normal; font-size: 17px; line-height: 26px; color: #E0E0E0; margin-bottom: 41px; } .about-company-container .about-company-text .btn{ width: 202px; } .instagramm-lenta{ margin-top: 90px; margin-bottom: 88px; } .instagramm-lenta .content-block-title{ display: inline-block; width: 100%; } .instagramm-lenta .content-block-title-name{ float: left; } .instagramm-lenta .insta-link{ float: right; margin-top: 10px; } .instagramm-lenta .insta-link a{ display: inline-block; vertical-align: top; } .instagramm-lenta .insta-link a .icon{ transition: all 0.3s ease; } .instagramm-lenta .insta-link a:hover .icon{ transform: scale(1.1); } .instagramm-lenta-list{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .instagramm-lenta-list .instagramm-lenta-item{ margin: 15px; } .instagramm-lenta-list .instagramm-lenta-item a{ display: inline-block; width: 100%; height: 100%; overflow: hidden; vertical-align: top; } .instagramm-lenta-list .instagramm-lenta-item img{ transition: all 0.3s ease; vertical-align: top; } .instagramm-lenta-list .instagramm-lenta-item a:hover img{ transform: scale(1.1); } .brand-list{ padding-top: 29px; background: #F4F3FF; padding-bottom: 60px; } .brand-list .main-page-products-tabs-header{ margin-bottom: 24px; } .brand-list .content-block-title{ float: left; } .brand-list .tabls-list-menu{ float: right; margin-right: 22px; margin-top: 10px; } .brand-list-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .brand-list-container .brand-list-item{ width: 165px; margin: 15px; } .brand-list-container .brand-list-item a{ display: inline-block; width: 100%; height: 81px; border: 1px solid #E6E3FE; box-sizing: border-box; border-radius: 3px; vertical-align: top; transition: all 0.3s ease; } .brand-list-container .brand-list-item a:hover{ /*border: 1px solid #949494;*/ } .brand-list-container .brand-list-item a img{ transition: all 0.3s ease; max-height: 71px; transform: scale(0.9); filter: grayscale(100%); } .brand-list-container .brand-list-item a table{ border-collapse: collapse; width: 100%; height: 100%; } .brand-list-container .brand-list-item a table td{ text-align: center; vertical-align: middle; } .brand-list-container .brand-list-item a:hover img{ transform: scale(1); filter: grayscale(0); } .viewd-product-list{ display: inline-block; width: 100%; padding-top: 90px; padding-bottom: 100px; } .viewd-product-list .content-block-title{ display: inline-block; width: 100%; margin-bottom: 24px; vertical-align: top; } .viewd-product-list .content-block-title-name{ float: left; } .viewd-product-list .contols-slider{ float: right; margin-top: 9px; } .contols-slider-viewd{ display: inline-block; float: left; width: 13px; height: 26px; transition: all 0.3s ease; opacity: 0.2; cursor: pointer; margin-left: 28px; } .contols-slider-viewd:nth-child(1){ margin-left: 0px; } .contols-slider-viewd.left-item{ background: url(/design/css/../img/arrow-viewd-left.svg) no-repeat center center; } .contols-slider-viewd.right-item{ background: url(/design/css/../img/arrow-viewd-right.svg) no-repeat center center; } .contols-slider-viewd:hover{ opacity: 1; } .viewd-product-list-slider{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .viewd-product-list-slider .slick-list .slick-track{ /*width: 100% !important;*/ } .viewd-product-list-slider .slick-list{ width: 100%; } .viewd-product-item{ box-sizing: border-box; border: 1px solid #E8E8E8; padding: 23px; height: 140px; } .viewd-product-item.emptyStyle{ background: #f5f5f5; } .viewd-product-item a{ outline: none; text-decoration: none; display: inline-block; width: 332px; height: 100%; } .viewd-product-pic{ float: left; margin-right: 16px; width: 76px; height: 92px; overflow: hidden; } .viewd-product-pic img{ transform: scale(0.9); transition: all 0.3s ease; max-width: 100%; } .viewd-product-item a:hover .viewd-product-pic img{ transform: scale(1); } .viewd-product-pic table{ border-collapse: collapse; width: 100%; height: 100%; } .viewd-product-pic table td{ text-align: center; vertical-align: middle; } .viewd-product-desc{ padding-top: 8px; } .viewd-product-desc-name{ height: 48px; overflow: hidden; margin-bottom: 8px; font-style: normal; font-weight: normal; font-size: 13px; line-height: 16px; color: #828282; transition: all 0.3s ease; } .viewd-product-item a:hover .viewd-product-desc-name{ color: #2D9CDB; } .viewd-product-desc-price{ font-style: normal; font-weight: bold; font-size: 14.4px; line-height: 19px; color: #000000; } /* Footer -----------------------------------------------------------------------------*/ .footer { width: 100%; margin: -378px auto 0; height: 410px; padding-top: 30px; position: relative; background: #393185; color: white; } .footer-content-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .footer-left{ display: inline-block; width: 51.2%; float: left; } .footer-right{ display: inline-block; width: 48.8%; float: right; } .footer-left .footer-main-menu{ width: 50%; float: left; } .footer-left .footer-catalog-menu{ display: inline-block; width: 50%; float: right; } .footer-menu{ } .footer-menu li{ } .footer-menu li a{ font-weight: 500; font-size: 21px; line-height: 36px; color: #FFFFFF; text-decoration: none; position: relative; } .footer-menu li a:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: white; left: 0px; bottom: -2px; transition: all 0.3s ease; transform: translateY(6px); opacity: 0; } .footer-menu li a:hover:before{ transform: translateY(0); opacity: 1; } .footer-menu li ul a{ font-weight: normal; font-size: 15px; line-height: 24px; color: #ADA7E9; } .footer-menu li ul a:before{ background: #ADA7E9; } .footer-social{ display: inline-block; margin-top: 29px; } .footer-social ul{ } .footer-social ul li{ float: left; margin-right: 5px; } .footer-social ul li:last-of-type{ margin-right: 0px; } .footer-social ul li a{ display: inline-block; box-sizing: border-box; border: 1px solid #574EB0; border-radius: 5px; width: 44px; height: 44px; vertical-align: top; transition: all 0.3s ease; } .footer-social ul li a.link-vk:hover{ background: #6491BF; border: 1px solid #6491BF; } .footer-social ul li a.link-fb:hover{ background: #4E71BE; border: 1px solid #4E71BE; } .footer-social ul li a.link-ok:hover{ background: #F9992D; border: 1px solid #F9992D; } .footer-social ul li a.link-inst:hover{ background: linear-gradient(45deg, #FFC107 14.64%, #F44336 50.49%, #9C27B0 84.64%); border: 1px solid #FFC107; } .footer-social ul li a.link-youtube:hover{ background: #E4443A; border: 1px solid #E4443A; } .footer-social ul li a table{ border-collapse: collapse; width: 100%; height: 100%; } .footer-social ul li a table td{ text-align: center; vertical-align: middle; } .footer-social ul li a table td .icon{ vertical-align: middle; } .footer-right-top{ display: inline-block; width: 100%; border-bottom: 1px solid #574EB0; padding-bottom: 24px; margin-bottom: 13px; } .footer-right-top-left{ display: inline-block; width: 53%; float: left; padding-top: 5px; } .footer-right-top-right{ display: inline-block; width: 47%; float: right; } .footer-right-top-left .footer-contact-info{ padding-left: 32px; width: 100%; margin-bottom: 25px; line-height: 17px; position: relative; box-sizing: border-box; } .footer-right-top-left .footer-contact-info:last-of-type{ margin-bottom: 0px; } .footer-right-top-left .footer-contact-info.item-watsapp:before{ content: ""; position: absolute; display: inline-block; width: 21px; height: 21px; background: url(/design/css/../img/icon-footer-watsapp.svg) no-repeat center center; left:0px; top: 1px; } .footer-right-top-left .footer-contact-info.item-phone{ margin-bottom: 18px; } .footer-right-top-left .footer-contact-info.item-phone:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background: url(/design/css/../img/icon-footer-phone.svg) no-repeat center center; left:0px; top: 0px; } .footer-right-top-left .footer-contact-info.item-address{ margin-bottom: 51px; } .footer-right-top-left .footer-contact-info.item-address:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 24px; background: url(/design/css/../img/icon-footer-address.svg) no-repeat center center; left:0px; top: -1px; } .footer-right-top-left .footer-contact-info.item-politica:before{ content: ""; position: absolute; display: inline-block; width: 18px; height: 22px; background: url(/design/css/../img/icon-footer-politica.svg) no-repeat center center; left:0px; top: -1px; } .footer-right-top-left .phone{ font-weight: 600; font-size: 14px; line-height: 17px; letter-spacing: 0.02em; text-decoration: none; color: #FFFFFF; position: relative; } .footer-right-top-left .phone:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: white; left: 0px; bottom: -2px; transition: all 0.3s ease; transform: translateY(6px); opacity: 0; } .footer-right-top-left .phone:hover:before{ transform: translateY(0); opacity: 1; } .footer-right-top-left a.open-popup{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; border-bottom: 1px dashed #E18AFF; text-decoration: none; color: #E18AFF; transition: all 0.3s ease; vertical-align: top; margin-top: 5px; display: inherit; } .footer-right-top-left a.open-popup:hover{ border-bottom: 1px dashed transparent; } .footer-right-top-left .address{ font-style: normal; font-weight: normal; font-size: 14px; line-height: 17px; vertical-align: top; } .footer-right-top-left .link{ font-size: 14px; line-height: 17px; color: #E18AFF; text-decoration: none; border-bottom: 1px solid #E18AFF; transition: all 0.3s ease; } .footer-right-top-left .link:hover{ border-bottom: 1px solid transparent; } .subscribe-form-title{ font-weight: 500; font-size: 28px; line-height: 36px; margin-bottom: 17px; vertical-align: top; } .subscribe-form{ margin-bottom: 48px; } .subscribe-form form{ position: relative; } .subscribe-form input{ background: #FFFFFF; border-radius: 100px; font-style: normal; font-weight: normal; font-size: 16px; line-height: 21px; letter-spacing: 0.02em; margin: 0px; padding: 10px 48px 10px 18px; border: 0px; box-sizing: border-box; width: 100%; outline: none; } .subscribe-form form button{ position: absolute; right: 5px; top: 5px; width: 20px; box-sizing: border-box; width: 32px; height: 32px; border-radius: 50%; padding: 0px; outline: none; cursor: pointer; } .subscribe-form form button .icon{ margin-top: 5px; margin-left: 1px; } .footer .paysystems{ display: inline-block; width: 100%; vertical-align: top; } .footer .paysystems ul{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; float: right; } .footer .paysystems ul li{ float: left; margin-left: 15px; } .footer .paysystems ul li:nth-child(1){ margin-left: 0px; } .footer .paysystems ul li table{ border-collapse: collapse; width: 100%; height: 100%; } .footer .paysystems ul li table td{ text-align: center; vertical-align: middle; } .footer-right-bottom { width: 100%; } .footer-copyright{ font-size: 15px; line-height: 17px; float: left; } .dapsite{ float: right; margin-top: -9px; } .dapsite a{ text-decoration: none; } .dapsite a .dapsite-text{ font-size: 13px; line-height: 20px; color: #817AC8; margin-top: 8px; margin-right: 9px; float: left; transition: all 0.3s ease; } .dapsite a .icon{ opacity: 0.3; transition: all 0.3s ease; } .dapsite a:hover .dapsite-text{ color: white; } .dapsite a:hover .icon{ opacity: 1; } .footer-line-1{ display: inline-block; width: 100%; } .mobileMenu + .wrapper{ transition: all 0.3s ease; } .mobileMenu.open + .wrapper{ transform: translateX(320px); } .mobileMenuShadow.open + .mobileMenu + .wrapper{ transform: translateX(320px); } .mobileMenuShadow{ position: fixed; display: inline-block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0px; top: 0px; z-index: 90; transition: all 0.3s ease; transform: translateX(-100%); cursor: pointer; } .mobileMenu{ position: fixed; left: 0px; top: 0px; height: 100%; width: 320px; background: #574EB0; /*padding-top: 39px;*/ z-index: 100; transition: all 0.3s ease; transform: translateX(-320px); overflow-y: auto; } .mobileMenu.open, .mobileMenuShadow.open{ transform:translateX(0); } .mobileMenu .mobile-menu-control{ display: inline-block; width: 100%; margin-top: 12px; text-align: right; box-sizing: border-box; padding: 0 20px; margin-bottom: 8px; } .mobileMenu .cityChanger{ box-sizing: border-box; padding: 0 20px; margin-bottom: 20px; } .mobileMenu .cityChanger .header-region-name{ font-size: 15px; padding-left: 21px; } .mobileMenu .cityChanger .header-region-name:before{ width: 15px; height: 18px; top: 4px; } .mobile-menu-list{ display: inline-block; width: 100%; } .mobile-menu-list ul{ } .mobile-menu-list ul li{ box-sizing: border-box; margin-bottom: 8px; } .mobile-menu-list ul li a{ font-weight: 500; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #FFFFFF; text-decoration: none; display: inline-block; width: calc(100% - 48px); padding: 5px 0; margin: 0 24px; position: relative; } .mobile-menu-list ul li a.parent:before{ content: ""; position: absolute; display: inline-block; width: 11px; height: 11px; background: url(/design/css/../img/icon-mobile-menu-top.svg) no-repeat center center; right: -3px; top: 13px; transform: rotate(-180deg); transition: all 0.3s ease; } .mobile-menu-list ul li a.parent.active:before{ transform: rotate(0); } .mobile-menu-list ul li ul{ display: inline-block; width: 100%; box-sizing: border-box; padding: 11px 25px; background: #393185; } .mobile-menu-list ul li ul li{ margin-bottom: 0px; } .mobile-menu-list ul li ul li a{ font-size: 14px; line-height: 24px; font-weight: normal; letter-spacing: 0.02em; color: #E8E8E8; margin: 0; text-transform: none; } .mobile-menu-list ul li ul li a table{ border-collapse: collapse; } .mobile-menu-list ul li ul li a table td{ vertical-align: middle; } .mobile-menu-list ul li ul li a table td .icon{ vertical-align: top; } .mobile-menu-list ul li ul li a table td .name{ display: inline-block; margin-left: 12px; } ._nav-path{ display: inline-block; width: 100%; padding-top: 21px; padding-bottom: 27px; font-size: 15px; line-height: 24px; letter-spacing: 0.02em; } ._nav-path span{ display: inline-block; float: left; } ._nav-path span a{ color: #2D9CDB; text-decoration: none; } ._nav-path span .arrow{ width: 14px; height: 8px; background: url(/design/css/../img/arrow-breadcrumbs.svg) no-repeat center center; margin-top: 9px; margin-left: 7px; margin-right: 8px; } ._nav-path span .name{ color: #ADA7E9; } h1.page-title{ font-size: 35px; font-weight: 500; line-height: 40px; letter-spacing: -0.03em; } .catalog-page-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*padding-top: 39px;*/ margin-bottom: 40px; } ._catalog-list-holder{ padding-top: 40px; } .catalog-page-container .catalog-page-filter{ width: 25.8%; box-sizing: border-box; padding-right: 29px; margin-top: -9px; } .catalog-page-container .catalog-page-list{ width: 74.2%; } .catalog-page-container .catalog-page-list .product-item.middle-size{ width: 33.33%; } .catalog-page-container .catalog-page-list.full-size{ width: 100%; } .catalog-page-container .catalog-page-list.full-size .product-item.middle-size { width: 25%; } .catalog-page-list{ position: relative; } ._catalog-page.loading{ position: relative; } ._catalog-page.loading:before{ content: ""; position: absolute; width: 100%; height: 100%; /*background: rgba(57,49,133,0.2);*/ background: rgba(255,255,255,0.6); left: 0px; top: 0px; z-index: 100; } ._catalog-page.loading:after{ content: ""; position: absolute; display: inline-block; width: 64px; height: 64px; background: url(/design/css/../img/loading.gif) no-repeat center center; left: 50%; top: 300px; } .vspomogat-menu{ display: inline-block; width: 100%; margin-bottom: 10px; } .vspomogat-menu ul{ } .vspomogat-menu ul li{ float: left; margin-right: 13px; } .vspomogat-menu ul li a{ font-size: 13px; line-height: 16px; color: #828282; text-decoration: none; border-bottom: 1px dashed #828282; position: relative; /*font-weight: bold;*/ } .vspomogat-menu ul li a.active{ font-weight: bold; color: black; border-bottom: 2px solid transparent; } .vspomogat-menu ul li a.active:before{ content: ""; position: absolute; display: inline; width: 100%; height: 2px; background: black; left: 0px; top: 18px; } .detail-catalog-page-top{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 12px; } .detail-catalog-pic{ position: relative; display: inline-block; width: 57.3%; float: left; } .detail-catalog-gallery{ display: inline-block; width: 100%; padding-bottom: 7px; } .detail-catalog-pic-container{ display: inline-block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #E8E8E8; padding: 24px; } .detail-catalog-gallery-big{ height: 450px; overflow-y: hidden; margin-bottom: 40px; } .gallery-big-item{ } .gallery-big-item a{ display: inline-block; width: 100%; height: 100%; outline: none; vertical-align: top; } .gallery-big-item a table{ border-collapse: collapse; width: 603px; height: 450px; } .gallery-big-item a table td{ text-align: center; vertical-align: middle; } .gallery-big-item a img{ margin: 0 auto; } .detail-catalog-gallery-small-container{ width: 484px; margin: 0 auto; } .detail-catalog-gallery-small{ width: 395px; padding: 0 25px; height: 76px; overflow: hidden; float: left; } .gallery-small-item{ box-sizing: border-box; border: 1px solid #E8E8E8; padding: 7px; margin: 0 5px; outline: none; } .gallery-small-item table{ border-collapse: collapse; width: 61px; height: 60px; } .gallery-small-item table td{ vertical-align: middle; text-align: center; } .gallery-small-item table td img{ margin: 0 auto; opacity: 0.4; transition: all 0.3s ease; } .gallery-small-item.slick-current table td img{ opacity: 1; } .detail-catalog-gallery-small button.slick-arrow{ position: absolute; display: inline-block; background: none; border: 0px; font-size: 0px; padding: 0px; margin: 0px; width: 13px; height: 25px; z-index: 10; top: 50%; transform: translateY(-50%); outline: none; cursor: pointer; } .detail-catalog-gallery-small button.slick-prev{ left: 0px; } .detail-catalog-gallery-small button.slick-next{ right: 0px; } .detail-catalog-gallery-small button.slick-arrow:before, .detail-catalog-gallery-small button.slick-arrow:after{ content: ""; position: absolute; display: inline-block; width: 18px; height: 2px; background: #E8E8E8; transition: all 0.3s ease; } .detail-catalog-gallery-small button.slick-arrow:hover:before, .detail-catalog-gallery-small button.slick-arrow:hover:after{ background: #2D9CDB; } .detail-catalog-gallery-small button.slick-prev:before{ transform: rotate(-45deg); left: -3px; top: 5px; } .detail-catalog-gallery-small button.slick-prev:after{ transform: rotate(45deg); left: -3px; top: 16px; } .detail-catalog-gallery-small button.slick-next:before{ transform: rotate(45deg); right: -3px; top: 5px; } .detail-catalog-gallery-small button.slick-next:after{ transform: rotate(-45deg); right: -3px; top: 16px; } .video-link-detail{ display: inline-block; margin-left: 42px; margin-top: 14px; } .video-link-detail a{ display: inline-block; vertical-align: top; } .video-link-detail .icon{ width: 47px; height: 47px; background: url(/design/css/../img/icon-video-play.svg) no-repeat center center; vertical-align: top; } .detail-catalog-page{ } .detail-catalog-page.loading{ position: relative; } .detail-catalog-page.loading:before{ content: ""; position: absolute; width: 100%; height: 100%; /*background: rgba(57,49,133,0.2);*/ background: rgba(255,255,255,0.6); left: 0px; top: 0px; z-index: 100; } .detail-catalog-page.loading:after{ content: ""; position: absolute; display: inline-block; width: 64px; height: 64px; background: url(/design/css/../img/loading.gif) no-repeat center center; left: 50%; top: 300px; } .detail-catalog-desc{ display: inline-block; width: 42.7%; box-sizing: border-box; padding-left: 2.5%; } .detail-catalog-desc h1{ font-weight: 500; font-size: 24px; line-height: 30px; margin-top: -7px; } .detail-catalog-content{ } .detail-catalog-content .product-store-count{ float: left; display: inline-block; width: 100%; text-align: left; margin-top: 8px; margin-bottom: 7px; } .detail-catalog-content .line-for-article{ display: inline-block; width: 100%; } .detail-catalog-content .line-for-article .product-stars{ display: inline-block; float: left; margin-top: 4px; } .detail-catalog-content .line-for-article .product-stars span{ width: 13px; height: 12px; margin-right: 6px; background: url(/design/css/../img/icon-star-detail-default.svg) no-repeat center left; } .detail-catalog-content .line-for-article .product-stars span span{ background: url(/design/css/../img/icon-star-detail-active.svg) no-repeat center left; margin-right: 0px; } .detail-catalog-content .line-for-article .detail-catalog-article{ display: inline-block; float: left; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; color: #828282; margin-left: 3px; margin-top: 1px; } .detail-catalog-content .line-for-article .detail-catalog-article .name{ color: black; } .detail-catalog-content .line-for-article .brand{ display: inline-block; float: right; } .detail-catalog-content .line-for-preview-text{ display: inline-block; margin-bottom: 16px; } .detail-catalog-content .line-for-preview-text p{ font-size: 13px; line-height: 16px; color: #828282; } .detail-catalog-content .line-for-change-props{ } .detail-catalog-content .line-for-change-props ._color-choose, .detail-catalog-content .line-for-change-props ._memory-choose{ display: inline-block; width: 100%; vertical-align: top; } .detail-catalog-content .line-for-change-props ._color-choose ._lbl, .detail-catalog-content .line-for-change-props ._memory-choose ._lbl{ font-size: 15px; line-height: 21px; float: left; } .detail-catalog-content .line-for-change-props ._memory-choose ._lbl{ margin-top: 2px; } .detail-catalog-content .line-for-change-props ._color-choose ._list, .detail-catalog-content .line-for-change-props ._memory-choose ._list{ display: inline-block; margin-left: 10px; } .detail-catalog-content .line-for-change-props ._color-choose ._list a{ display: inline-block; width: 22px; height: 22px; border-radius: 3px; vertical-align: top; position: relative; margin-right: 8px; float: left; border: 1px solid #E8E8E8; } .detail-catalog-content .line-for-change-props ._color-choose ._list a:before{ content: ""; position: absolute; display: inline-block; width: 10px; height: 10px; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 1px; background: white; left: 6px; top: 6px; } .detail-catalog-content .line-for-change-props ._color-choose ._list a span{ display: inline-block; width: 100%; height: 100%; border-radius: 3px; vertical-align: top; } .detail-catalog-content .line-for-change-props ._color-choose ._list a._cur:after{ content: ""; position: absolute; display: inline-block; width: 8px; height: 8px; background: url(/design/css/../img/icon-color-galka.svg) no-repeat center center; left: 7px; top: 7px; } .detail-catalog-content .line-for-change-props ._memory-choose ._list a{ border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 100px; background: #FFFFFF; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; color: #828282; text-decoration: none; padding: 5px 10px; display: inline-block; margin-right: 8px; transition: all 0.3s ease; } .detail-catalog-content .line-for-change-props ._memory-choose ._list a:hover{ background: #817AC8; border: 1px solid #817AC8; color: white; } .detail-catalog-content .line-for-change-props ._memory-choose ._list a._cur{ background: #817AC8; border: 1px solid #817AC8; color: white; } .detail-catalog-content .line-for-change-props ._memory-choose ._list a.disabled{ opacity: 0.4; background: #f1f1f1; cursor: default; } .detail-catalog-content .line-for-change-props ._memory-choose ._list a.disabled:hover{ background: #f1f1f1; color: #828282; border: 1px solid #E8E8E8; } .list-for-buy{ margin-top: 22px; display: inline-block; width: 100%; } .list-for-buy .detail-price{ display: inline-block; float: left; } .list-for-buy .detail-price .product-item-inform{ margin-bottom: 0px; margin-top: 11px; width: 110px; } .list-for-buy .detail-price .product-item-inform .product-item-price{ font-size: 22px; line-height: 22px; position: relative; } .list-for-buy .detail-price .product-item-inform .product-item-price.discount .old-price{ position: absolute; margin-top: 0; margin-left: 0; top: -16px; } .list-for-buy .detail-catalog-buy{ float: left; margin-right: 16px; } .list-for-buy .detail-catalog-buy a{ width: 125px; } .list-for-buy .detail-catalog-buy a.analogyTabAction{ width: 220px; } .list-for-buy .detail-other-btn{ float: left; width: 130px; margin-top: -7px; } .list-for-buy .detail-other-btn a{ font-weight: bold; font-size: 16px; line-height: 19px; color: #2D9CDB; text-decoration: none; border-bottom: 1px dashed #2D9CDB; transition: all 0.3s ease; } .list-for-buy .detail-other-btn a:hover{ color: black; border-bottom: 1px solid transparent; } .list-for-buy .detail-compare-btn{ float: right; margin-top: 6px; } .detail-catalog-content .alert-indigo{ background: #F4F3FF; box-shadow: inset 3px 0px 0px #8179C8; font-size: 13px; line-height: 16px; letter-spacing: 0.02em; font-weight: bold; color: #817AC8; box-sizing: border-box; padding: 13px 20px; margin-top: 8px; } .dyson-alert.alert-indigo{ background: #F4F3FF; box-shadow: inset 3px 0px 0px #8179C8; font-size: 13px; line-height: 16px; letter-spacing: 0.02em; font-weight: bold; color: #817AC8; box-sizing: border-box; padding: 13px 20px; margin-bottom: 30px; } .detail-catalog-content ._params-block{ margin-top: 18px; } .detail-catalog-content ._params-block ._params-list-title{ font-size: 15px; line-height: 24px; margin-bottom: 4px; } .detail-catalog-content ._params-block ._inner{ } .detail-catalog-content ._params-block ._inner table{ font-size: 13px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.01em; color: #828282; } .detail-catalog-content ._params-block ._inner table td._param{ width: 220px; } .detail-catalog-content ._params-block ._inner table td._val{ padding-bottom: 4px; } .detail-catalog-content ._params-block .showAllProps{ font-size: 13px; line-height: 16px; color: #2D9CDB; text-decoration: none; border-bottom: 1px dotted #2D9CDB; transition: all 0.3s; } .detail-catalog-content ._params-block .showAllProps:hover{ color: black; border-bottom: 1px solid transparent; } .detail-catalog-page-bottom{ margin-top: 55px; } .detail-catalog-description{ } .detail-catalog-tabs{ display: inline-block; width: 100%; vertical-align: top; } .detail-catalog-tabs ul{ } .detail-catalog-tabs ul li{ float: left; } .detail-catalog-tabs ul li:first-of-type a{ border-top-left-radius: 5px; } .detail-catalog-tabs ul li:last-of-type a{ border-top-right-radius: 5px; border-right: 1px solid #E8E8E8; } .detail-catalog-tabs ul li a{ font-weight: bold; font-size: 15px; line-height: 19px; letter-spacing: 0.02em; color: #828282; text-decoration: none; display: inline-block; width: 170px; box-sizing: border-box; padding: 10px; border: 1px solid #E8E8E8; text-align: center; border-right: 0px; transition: all 0.3s ease; } .detail-catalog-tabs ul li a.active, .detail-catalog-tabs ul li a.active:hover{ border: 1px solid #574EB0; background: #574EB0; color: white; } .detail-catalog-tabs ul li a:hover{ background: #6A70FA; border: 1px solid #6A70FA; color: white; } .detail-catalog-tabs-content{ background: #FFFFFF; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); display: inline-block; width: 100%; box-sizing: border-box; padding: 45px 70px;; } .detail-catalog-tabs-item-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .detail-product-text{ width: 77.75%; float: left; box-sizing: border-box; padding-right: 30px; font-size: 15px; line-height: 24px; color: #828282; } .detail-product-text.full-size{ width: 100%; } .detail-catalog-tabs-item-container.tabs-with-articles .detail-product-text{ width: 100%; padding-right: 0px; } .detail-product-text h2{ font-weight: bold; font-size: 20px; line-height: 24px; color: #000000; margin-bottom: 20px; } .detail-product-articles{ width: 22.25%; box-sizing: border-box; border-left: 1px solid #F4F3FF; padding-left: 29px; } .detail-product-articles{ } .detail-product-articles .detail-product-articles-title{ font-weight: bold; font-size: 22px; line-height: 24px; margin-bottom: 15px; } .detail-product-articles-item{ margin-bottom: 20px; } .detail-product-articles-item a{ text-decoration: none; } .detail-product-articles-item .detail-product-articles-item-pic{ background: rgba(130, 130, 130, 0.1); border-radius: 5px; display: inline-block; float: left; margin-top: 3px; } .detail-product-articles-item .detail-product-articles-item-pic img{ border-radius: 5px; vertical-align: top; } .detail-product-articles-item .detail-product-articles-item-desc{ padding-left: 78px; margin-top: -3px; } .detail-product-articles-item .detail-product-articles-item-desc .product-articles-item-data{ font-size: 12px; line-height: 15px; color: #BDBDBD; margin-bottom: 3px; } .detail-product-articles-item .detail-product-articles-item-desc .product-articles-item-name{ font-size: 13px; line-height: 16px; color: #2D9CDB; } .detail-product-text ._params-table{ width: 100%; background: #F7F7F7; } .detail-product-text ._params-table tr:nth-child(2n) td{ background: white; } .detail-product-text ._params-table tr td{ font-size: 15px; line-height: 24px; color: #828282; } .detail-product-text ._params-table ._param{ width: 262px; padding: 8px 30px 7px; } .detail-product-text ._params-table ._val{ width: 322px; background: #f1f1f1; padding: 8px 30px 7px; } .detail-product-text ._params-table tr:nth-child(2n) td._val{ background: #F7F7F7; } .delivery-text-title{ font-weight: bold; font-size: 16px; line-height: 20px; color: black; margin-bottom: 20px; } .delivery-text-lite{ font-size: 15px; line-height: 24px; color: #828282; border-left: 3px solid #6A70FA; padding-left: 20px; margin-bottom: 20px; } .delivery-alarm{ background: #F4F3FF; box-sizing: border-box; padding: 30px; font-size: 14px; line-height: 24px; color: #817AC8; } .delivery-alarm .title{ font-weight: bold; display: inline-block; width: 100%; margin-bottom: 10px; } ._filter { display: none; position: fixed; background-color: #fff; left: 0; top: 0; height: 100%; width: 263px; z-index: 10; font-size: 15px; overflow: auto; color: #303030; } ._filter-overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: #000; opacity: .6; z-index: 9; } ._filter-overlay._show { display: block; } ._filter ._filter-inner { margin-right: -15px; margin-left: -15px; } ._filter ._block { padding: 8px 0 12px; border-bottom: 1px solid #F4F3FF; } ._filter ._block._btm { padding-bottom: 121px; } ._filter ._block ._hdr{ font-size: 17px; line-height: 24px; letter-spacing: 0.01em; } ._filter ._block ._hdr ._hdr-title{ cursor: pointer; } ._filter ._block ._hdr ._tgl{ border: 0; background: transparent; float: right; outline: none; position: relative; margin-top: 7px; width: 13px; height: 10px; padding: 0px; } ._filter ._block ._hdr ._tgl:before, ._filter ._block ._hdr ._tgl:after{ content: ""; position: absolute; display: inline-block; width: 6px; height: 2px; background: black; transition: all 0.3s ease; } ._filter ._block ._hdr ._tgl:before{ transform: rotate(-45deg); left: 3px; top: 5px; } ._filter ._block ._hdr ._tgl:after{ transform: rotate(45deg); right: 0px; top: 5px; } ._filter ._block ._hdr ._tgl .mdi{ display: none; } ._filter ._block._in ._hdr ._tgl { color: #c2c1c1; } ._filter ._block ._cont { display: none; padding: 2px 0 0; } ._filter ._block._in ._cont { display: block; /*height: 0;*/ } ._filter label { font-weight: normal; display: block; padding: 0; margin: 0; position: relative; cursor: pointer; font-weight: 500; font-size: 12px; line-height: 20px; letter-spacing: 0.02em; color: #4c4c4c; } ._filter label .elementCountInside{ font-size: 10px; color: #b1afaf; } ._filter label._cb-lbl{ position: relative; padding-left: 25px; line-height: 29px; overflow: hidden; margin-bottom: 1px; transition: all 0.3s ease; } ._filter label._cb-lbl.disabled{ opacity: 0.5; pointer-events: none; } ._filter .product_model label._cb-lbl.disabled{ display:none; } ._filter label._cb-lbl input[type=checkbox], ._filter label._cb-lbl input[type=radio]{ display: none; } ._filter label._cb-lbl ._check-box-icon{ display: inline-block; position: absolute; width: 14px; height: 14px; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 3px; background: white; left: 1px; top: 8px; transition: all 0.3s ease; } ._filter label._cb-lbl ._check-box-icon.with-padding{ margin: 3px; margin-top: 0px; } ._filter label._cb-lbl ._check-box-icon .colorSet{ display: inline-block; width: 14px; height: 14px; position: absolute; left: -4px; top: -4px; border-radius: 6px; } ._filter label._cb-lbl:hover{ color: #6A70FA; } ._filter label._cb-lbl:hover ._check-box-icon{ border: 1px solid #6A70FA; } ._filter label._cb-lbl input + ._check-box-icon{ } ._filter label._cb-lbl input:checked + ._check-box-icon:before{ content: ""; position: absolute; display: inline; width: 8px; height: 2px; background: #6A70FA; transform: rotate(-45deg); top: 5px; right: 1px; } ._filter label._cb-lbl input:checked + ._check-box-icon:after{ content: ""; position: absolute; display: inline; width: 5px; height: 2px; background: #6A70FA; transform: rotate(45deg); top: 6px; left: 1px; } /* ._check-box-icon:before{ content: '\f131'; font-size: 20px; font-family: "Material Design Icons"; } ._filter label._cb-lbl input:checked + ._check-box-icon:before { content: '\f132'; color: #393185; } ._filter label._cb-lbl input + ._radio-box-icon { position: absolute; left: -4px; top: -3px; } ._radio-box-icon:before{ content: '\f130'; font-size: 20px; font-family: "Material Design Icons"; } ._filter label._cb-lbl input:checked + ._radio-box-icon:before { content: '\f133'; color: #393185; } */ ._filter ._range-inpts{ position: relative; margin-top: 9px; margin-bottom: 7px; } ._filter ._range-inpts:after{ content: ''; display: block; clear: both; } ._filter ._range-inpts:before{ content: ''; display: block; position: absolute; width: 10px; height: 1px; background: #E8E8E8; left: 50%; top: 16px; margin-left: -5px } ._filter ._range-inpts ._col { width: 45.5%; float: left; text-align: center; color: #797979; position: relative; } ._filter ._range-inpts ._col._from { margin-right: 9%; } ._filter ._range-inpts ._col._from:after { content: ''; display: block; } ._filter ._range-inpts ._col input{ width: 100%; } ._filter ._range-inpts ._col input + span{ position: absolute; font-size: 12px; line-height: 16px; letter-spacing: 0.02em; color: #BDBDBD; right: 11px; top: 9px; } ._filter input[type=text] { background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 100px; height: 34px; font-size: 14px; line-height: 34px; display: flex; align-items: center; letter-spacing: 0.02em; color: #828282; outline: none; padding: 0px 40px 0 15px; } ._filter ._result-block{ position: fixed; left: 0; bottom: 0; background: #fff; width: 320px; padding: 10px 20px; text-align: center; font-size: 16px; box-sizing: border-box; z-index: 20; color: #828282; } ._filter ._result-block #mob_modef{ font-weight: bold; } ._filter ._result-block a{ margin-top: 10px; } ._filter-overlay { display: none !important; } ._filter ._cont-inset._cont-inset-checkbox{ max-height: 240px; overflow-y: auto; } ._filter { display: block !important; position: relative; width: 33.33333333%; left: auto; top: auto; height: auto; background: transparent; overflow: visible; } ._filter ._filter-inner { margin-right: 0; margin-left: 0; box-shadow: 0px 0px 8px rgba(0,0,0,0.22); border-top: 8px solid #393185; background: #fff; } ._filter ._hint{ position: absolute; display: block; left: 280px; top: -13px; background: #FFFFFF; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; z-index: 1; padding: 14px 15px; text-align: center; } ._filter ._range-inpts ._hint{ top: -7px; } ._filter ._hint ._t{ font-size: 12px; line-height: 16px; letter-spacing: 0.02em; color: #000000; margin-bottom: 6px; } ._filter ._hint ._arr { position: absolute; left: -35px; top: 10px; width: 35px; height: 35px; overflow: hidden; } ._filter ._hint ._arr:before { content: ''; display: block; width: 15px; height: 15px; background: #fff; position: absolute; left: 30px; top: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); } ._filter ._hint ._apply{ width: 104px; height: 34px; font-weight: bold; font-size: 12px; line-height: 14px; text-align: center; letter-spacing: 0.02em; padding: 9px; padding: 9px; box-shadow: none; } ._filter .clearfix{ margin-top: 20px; width: 100%; } ._filter .clearfix .btn{ outline: none; cursor: pointer; } ._filter .clearfix .btn.approve{ float: left; height: 34px; padding: 7px; width: 105px; font-size: 12px; line-height: 14px; text-align: center; letter-spacing: 0.02em; } ._filter .clearfix .btn._btn01{ float: right; height: 34px; font-size: 12px; line-height: 14px; width: 105px; } ._modef{ position: relative; display: none; } .hidden{ display: none !important; } .simplebar-track.simplebar-vertical{ background: #efefef; border-radius: 40px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before{ background: #676767; } .bx-filter-tags{ display: inline-block; width: 66.66%; } .sort-fields{ display: inline-block; float: right; width: 23%; text-align: right; } .sort-fields-container{ position: relative; padding-right: 20px; padding-left: 20px; margin-bottom: 40px; } .sort-fields-container .sort-fields-container-current{ z-index: 99; position: absolute; right: 20px; } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link,.current-sort-in-list{ position: relative; font-size: 13px; line-height: 16px; display: inline-block; align-items: center; letter-spacing: 0.02em; color: #828282; padding-right: 20px; cursor: pointer; } .current-sort-in-list{ } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link .name, .current-sort-in-list .name{ border-bottom: 1px solid transparent; transition: all 0.3s ease; } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link:hover .name, .current-sort-in-list:hover .name{ border-bottom: 1px solid #828282; } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link .arrow, .current-sort-in-list .arrow{ display: inline-block; width: 10px; height: 6px; position: absolute; right: 0; top: 8px; } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link .arrow:before, .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link .arrow:after, .current-sort-in-list .arrow:before, .current-sort-in-list .arrow:after{ content: ""; position: absolute; display: inline-block; width: 6px; height: 2px; background: #828282; } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link .arrow:before{ transform: rotate(-45deg); right: 0px; } .sort-fields-container .sort-fields-container-current .sort-fields-container-current-link .arrow:after{ transform: rotate(45deg); left: 0px; } .current-sort-in-list .arrow:before{ transform: rotate(45deg); right: 0px; } .current-sort-in-list .arrow:after{ transform: rotate(-45deg); left: 0px; } .sort-fields-container .sort-fields-container-list{ } .sort-fields-container .sort-fields-container-list { position: absolute; width: 100%; right: 0px; z-index: 98; background: white; box-sizing: border-box; padding: 34px 17px 17px 20px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); text-align: right; top: -5px; } .sort-fields-container .sort-fields-container-list a{ font-size: 13px; line-height: 16px; color: #828282; text-decoration: none; border-bottom: 1px solid #828282; } .sort-fields-container .sort-fields-container-list a:hover{ border-bottom: 1px solid transparent; } .bx-filter-tags-block { float: left; cursor: pointer; position: relative; margin-right: 10px; margin-bottom: 10px; padding: 4px 10px 5px; font-size: 13px; line-height: 24px; border: 1px solid #E8E8E8; transition: all 0.3s ease; } .bx-filter-tags-block:hover{ color: #fff; background-color:#393185; } .bx-filter-tags-block:hover .bx-filter-tags-val{ position: relative} .bx-filter-tags-block:hover .bx-filter-tags-val:after { content: ''; position: absolute; border-bottom: 1px solid #fff; width: 100%; top: 48%; left: 0; } .bx-filter-tags-header { } .bx-filter-tags-inline .mdi{ display: inline-block; width: 12px; height: 12px; position: relative; top: 1px; margin-left: 5px; } .bx-filter-tags-inline .mdi:before, .bx-filter-tags-inline .mdi:after{ content: ""; position: absolute; display: inline-block; width: 12px; height: 1px; background: black; top: 6px; transition: all 0.3s ease; } .bx-filter-tags-block:hover .mdi:before, .bx-filter-tags-block:hover .mdi:after{ background: white; } .bx-filter-tags-inline .mdi:before{ transform: rotate(-45deg); } .bx-filter-tags-inline .mdi:after{ transform: rotate(45deg); } .bx-filter-tags-inline .mdi:hover { opacity: .5 } ._btn-clear-filter{ display: none; color: #393185; text-decoration: none; float:left; font-size: 16px; margin-bottom: 20px; border: 1px solid transparent; } ._btn-clear-filter:hover, ._btn-clear-filter:active, ._btn-clear-filter:focus{ text-decoration: none; color: #393185; opacity: .6; } #order_form_content{ } #order_form_content font{ display: inherit; padding: 10px 20px; border-radius: 4px; margin-bottom: 20px; margin-top: 4px; } #order_form_content font.errortext{ border: 1px solid red; background: #fff0f0; } .order-checkout{ /*margin-top: 35px;*/ } .basket-form{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px; } #order_form_content .col.items{ display: inline-block; width: 65.8%; float: left; padding-right: 2.6%; } .col.items .basket-list{ margin-bottom: 48px; } .order-checkout .title{ display: inline-block; width: 100%; vertical-align: top; } #sale_order_props{ } #sale_order_props .form-fields, .relatedProps .form-fields{ margin-bottom: 10px; vertical-align: top; display: inline-block; width: 100%; } #sale_order_props .form-fields label{ } #sale_order_props .form-fields label.error{ position: relative; } #sale_order_props .form-fields label.error .name{ /*color: red; */ } #sale_order_props .form-fields label .hint-error{ display: none; } #sale_order_props .form-fields label.error .hint-error{ display: inline-block; border: 1px solid red; background: #fff0f0; font-size: 12px; line-height: 12px; position: absolute; margin-left: 10px; padding: 7px; top: -4px; border-radius: 4px; white-space: nowrap; } #sale_order_props .form-fields label.error .hint-error:after, #sale_order_props .form-fields label.error .hint-error:before { right: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } #sale_order_props .form-fields label.error .hint-error:after { border-color: rgba(255, 240, 240, 0); border-right-color: #fff0f0; border-width: 4px; margin-top: -4px; } #sale_order_props .form-fields label.error .hint-error:before { border-color: rgba(255, 0, 0, 0); border-right-color: #ff0000; border-width: 5px; margin-top: -5px; } #sale_order_props .form-fields label.error input{ border: 1px solid #ff0000; } #sale_order_props .form-fields label .name, .relatedProps .form-fields label .name{ font-size: 14px; line-height: 24px; color: black; margin-bottom: 10px; display: inline-block; width: 100%; box-sizing: border-box; padding: 0 20px; } #sale_order_props .bx-sls .quick-locations{ display: none; } #sale_order_props .bx-sls .dropdown-block{ border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; background: #FFFFFF; box-shadow: none; } #sale_order_props .bx-sls .dropdown-fade2white{ display: none; } #sale_order_props .bx-sls .bx-ui-sls-clear{ top: 6px; right: 7px; } #sale_order_props .form-fields.row, .relatedProps .form-fields.row{ display: block; width: auto; margin: 0 -10px; } #sale_order_props .form-fields.row .col, .relatedProps .form-fields.row .col{ padding: 10px; box-sizing: border-box; } #sale_order_props .form-fields .col.col-33, .relatedProps .form-fields.row .col.col-33{ width: 33.33%; float: left; } #sale_order_props .form-fields input[type=text], .relatedProps .form-fields input[type=text]{ background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; width: 100%; padding: 12px 20px 13px; font-size: 15px; line-height: 19px; outline: none; } .relatedProps .form-fields textarea{ background: #FFFFFF; /* light_gray */ border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 5px; width: 100%; height: 110px; padding: 10px 20px; resize: none; } #sale_order_props .form-fields .bx_description{ display: inline-block; width: 100%; box-sizing: border-box; padding: 0 20px; font-size: 12px; line-height: 16px; color: #BDBDBD; margin-top: 5px; } .order-checkout h2{ font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; } .basket-list-item{ display: inline-block; width: 100%; border: 1px solid #F4F3FF; box-sizing: border-box; border-radius: 5px; padding: 19px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #order_form_content{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-list-item .basket-list-item-pic{ display: inline-block; float: left; width: 62px; margin-right: 15px; margin-top: 5px; } .basket-list-item .basket-list-item-pic table{ border-collapse: collapse; width: 100%; height: 100%; } .basket-list-item .basket-list-item-pic table td{ text-align: center; vertical-align: top; } .basket-list-item .basket-list-item-pic table td img{ max-width: 100%; } .basket-list-item .basket-list-item-desc{ display: inline-block; float: left; width: 215px; padding-right: 15px; border-right: 1px solid #F4F3FF; } .basket-list-item .basket-list-item-quantity{ display: inline-block; float: left; box-sizing: border-box; padding: 0 32px; border-right: 1px solid #F4F3FF; } .basket-list-item .basket-list-item-quantity table, .basket-list-item .basket-list-item-summary table{ border-collapse: collapse; width: 100%; height: 100%; } .basket-list-item .basket-list-item-quantity table td, .basket-list-item .basket-list-item-summary table td{ vertical-align: bottom; } .basket-list-item .basket-list-item-summary{ display: inline-block; float: left; box-sizing: border-box; padding: 0 32px; border-right: 1px solid #F4F3FF; width: 170px; text-align: center; } .basket-list-item .basket-list-item-delete{ display: inline-block; float: left; width: 34px; position: relative; } .basket-item-name{ margin-top: -1px; line-height: 18px; } .basket-item-name a{ font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #6A70FA; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .basket-item-name a:hover{ border-bottom: 1px solid #6A70FA; } .basket-item-props{ font-size: 12px; line-height: 16px; letter-spacing: 0.02em; color: #828282; } .basket-item-price{ margin-top: 12px; font-weight: bold; font-size: 17px; line-height: 21px; } .basket-item-summary{ font-weight: bold; font-size: 17px; line-height: 21px; margin-bottom: 18px; } .amount-controll{ position: relative; margin-bottom: 10px; } .amount-controll input{ background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); border-radius: 30px; width: 133px; height: 42px; text-align: center; box-sizing: border-box; border: 0px; padding: 0 34px; font-weight: 500; font-size: 16px; line-height: 26px; color: black; } .amount-controll a{ display: inline-block; width: 34px; line-height: 35px; height: 42px; font-size: 34px; position: absolute; text-align: center; text-decoration: none; color: #BDBDBD; transition: all 0.3s ease; } .amount-controll a.decrease{ border-right: 1px solid #E8E8E8; left: 0px; } .amount-controll a.decrease:hover{ color: red; } .amount-controll a.increase{ border-left: 1px solid #E8E8E8; right: 0px; } .amount-controll a.increase:hover{ color: green; } .remove-basket-line{ display: inline-block; width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; } .remove-basket-line:before, .remove-basket-line:after{ content: ""; position: absolute; display: inline-block; width: 15px; height: 2px; background: #828282; left: 2px; top: 8px; } .remove-basket-line:before{ transform: rotate(-45deg); } .remove-basket-line:after{ transform: rotate(45deg); } .basket-form .col.total{ display: inline-block; width: 31.6%; margin-top: 3px; position: relative; } .basket-form .total .total-info{ display: inline-block; width: 100%; box-sizing: border-box; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.08); border: 1px solid #F4F3FF; position: sticky; top: 20px; } .basket-form .total .detailed-total{ display: inline-block; width: 100%; box-sizing: border-box; padding: 21px 30px; } .basket-form .total .detailed-total.total-summ{ background: url(/design/css/../img/order-confirmation-line.jpg); background-repeat: repeat-x; background-position: -5px 0; padding-top: 30px; padding-bottom: 40px; position: relative; } .basket-form .total .detailed-total.total-summ:after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 6px; bottom: -1px; left: 0px; background: url(/design/css/../img/order-confirmation-bot.jpg); background-repeat: repeat-x; background-position: -5px 0px; } .basket-form .total .detailed-total .items-total, .basket-form .total .detailed-total .delivery-total{ display: inline-block; width: 100%; position: relative; vertical-align: top; margin-bottom: 12px; } .basket-form .total .detailed-total .items-total:after, .basket-form .total .detailed-total .delivery-total:after{ content: ""; position: absolute; display: inline-block; width: 100%; border-bottom: 1px dashed #ADA7E9; left: 0px; bottom: 6px; } .basket-form .total .detailed-total .items-total .name, .basket-form .total .detailed-total .delivery-total .name{ font-weight: 500; font-size: 17px; line-height: 26px; color: #828282; float: left; background: white; position: relative; z-index: 1; padding-right: 5px; } .basket-form .total .detailed-total .items-total.summ{ margin-bottom: 26px; } .basket-form .total .detailed-total .items-total.summ .name{ font-size: 21px; line-height: 24px; } .basket-form .total .detailed-total .items-total.summ .value{ font-size: 21px; line-height: 24px; } .basket-form .total .detailed-total .items-total .name span{ color: black; } .basket-form .total .detailed-total .items-total .value, .basket-form .total .detailed-total .delivery-total .value{ float: right; font-weight: bold; font-size: 17px; line-height: 26px; background: white; position: relative; z-index: 1; padding-left: 5px; } .basket-form .total .detailed-total .delivery-total .value.green{ color: #27AE60; } .basket-form .total .action{ text-align: center; } .basket-form .total .action .button-holder{ margin-bottom: 20px; } .basket-form .total .type-politica{ font-size: 13px; line-height: 16px; letter-spacing: 0.02em; } .basket-form .total .type-politica.order-description{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; } .basket-form .total .type-politica a{ text-decoration: none; color: #6A70FA; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .basket-form .total .type-politica a:hover { border-bottom: 1px solid #6A70FA; } .delivery-list{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5px -14px; } .delivery-list .col{ display: inline-block; width: 50%; box-sizing: border-box; padding: 0 14px 28px; } .delivery-radio-item{ display: inline-block; width: 100%; height: 100%; position: relative; overflow: hidden; padding-bottom: 4px; } .delivery-radio-item label{ display: inline-block; width: 100%; height: 100%; background: #FFFFFF; border: 2px solid #F4F3FF; box-sizing: border-box; border-radius: 5px; position: relative; padding: 19px 16px 23px; } .delivery-radio-item label.checked{ border: 2px solid #6A70FA; } .delivery-radio-item label.checked:before{ content: ""; position: absolute; display: inline-block; width: 30px; height: 15px; background: #6A70FA; right: -10px; top: -3px; transform: rotate(45deg); } .delivery-radio-item label input{ display: none; } .delivery-radio-item label .delivery-form-container{ } .delivery-form-container .delivery-logo{ display: inline-block; float: left; width: 60px; margin-top: 6px; } .delivery-form-container .delivery-desc{ padding-left: 78px; margin-top: -6px; } .delivery-form-container .delivery-desc .delivery-desc-name{ font-size: 15px; line-height: 24px; margin-bottom: -3px; } .delivery-form-container .delivery-desc .delivery-desc-price{ font-weight: bold; font-size: 15px; line-height: 24px; margin-bottom: 4px; } .delivery-form-container .delivery-desc .delivery-desc-price.free{ color: green; } .delivery-form-container .delivery-desc .delivery-desc-period{ font-size: 13px; line-height: 16px; color: #828282; } .delivery-form-container .delivery-desc .delivery-desc-period b{ font-weight: bold; color: black; } .delivery-form-container .delivery-desc-pvz{ position: absolute; right: -2px; bottom: -6px; } .delivery-form-container .delivery-desc-pvz a{ border-radius: 5px 0px 5px 5px; font-weight: bold; font-size: 13px; line-height: 16px; padding: 5px 14px 8px; background: #FFFFFF; color: #6A70FA; border: 2px solid #F4F3FF; } label.checked .delivery-form-container .delivery-desc-pvz a{ background: #6A70FA; color: #FFFFFF; border: 2px solid #6A70FA; } .delivery-radio-item label .paysystemstyle{ display: inline-block; width: 100%; height: 100%; } .delivery-radio-item label .paysystemstyle .delivery-form-container{ display: inline-block; width: 100%; height: 100%; } .delivery-radio-item label .paysystemstyle .delivery-form-container table{ border-collapse: collapse; width: 100%; height: 100%; } .delivery-radio-item label .paysystemstyle .delivery-form-container table td{ vertical-align: middle; } .delivery-radio-item label .paysystemstyle .delivery-form-container table td:first-of-type{ width: 60px; } .delivery-radio-item label .paysystemstyle .delivery-logo{ margin-top: 0px; float: none; } .delivery-radio-item label .paysystemstyle .delivery-logo img{ width: 100%; } .delivery-radio-item label .paysystemstyle .delivery-desc{ padding-left: 18px; margin-top: 0px; } .delivery-radio-item label .paysystemstyle .delivery-desc .delivery-desc-name{ font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 0px; } .delivery-radio-item label .paysystemstyle .delivery-desc .delivery-desc-period{ line-height: 26px; } .modal.fade.fancybox-content{ padding: 0; background: none; padding: 13px; } .modal.fade.fancybox-content:before{ content: ""; position: absolute; display: inline-block; width: 31px; height: 31px; background: url(/design/css/../img/icon-coner.svg) no-repeat center center; left: -8px; top: -2px; z-index: 12; } .modal-dialog{ } .modal-dialog:before{ content: ""; position: absolute; width: calc(100% - 20px); background: white; height: 31px; top: 0px; right: 0px; border-top-right-radius: 10px; } .modal-dialog:after{ content: ""; position: absolute; width: 100%; background: white; height: calc(100% - 21px); bottom: 0px; right: 0px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } .modal-dialog .modal-content{ position: relative; z-index: 10; } .modal-body{ background: white; /*text-align: center;*/ padding: 27px 50px; } .modal-body ._ttl{ font-weight: 500; font-size: 34px; line-height: 40px; letter-spacing: 0.01em; margin-bottom: 20px; } .modal-body .product-name{ font-weight: bold; font-size: 21px; line-height: 24px; letter-spacing: 0.02em; margin-bottom: 5px; } .modal-body .modal-text-after{ font-weight: 500; font-size: 17px; line-height: 26px; } .modal-body .modal-text-after a{ text-decoration: none; color: #6A70FA; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .modal-body .modal-text-after a:hover{ border-bottom: 1px solid #6A70FA; } .add-to-cart-btns{ display: inline-block; margin-top: 48px; } .add-to-cart-btns a{ float: left; outline: none; margin: 0 11px; width: 214px; } .add-to-cart-btns a.btn-secondary-stroke{ padding: 9px; } .form-block{ margin-top: 30px; } .form-block .form-block-line{ margin-bottom: 20px; } .form-block .form-block-line:last-of-type{ margin-bottom: 0px; } .form-block .form-block-line.type-input{ } .form-block .form-block-line.type-input .name{ text-align: center; margin-bottom: 5px; display: inline-block; width: 100%; box-sizing: border-box; } .form-block .form-block-line.type-input input{ background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; font-size: 15px; line-height: 24px; letter-spacing: 0.02em; outline: none; box-sizing: border-box; width: 360px; height: 43px; padding: 8px 20px 9px; } .form-block .form-block-line.type-input textarea{ background: #FFFFFF; /* light_gray */ border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 5px; width: 100%; height: 110px; padding: 10px 20px; resize: none; } .form-block .form-block-line.type-input .field-name{ width: 320px; text-align: left; display: inline-block; margin-bottom: 5px; } .form-block .form-block-line.type-input .error_label{ width: 320px; text-align: left; display: inline-block; margin-bottom: 5px; color: red; font-size: 12px; } .form-block .form-block-line.type-btn{ } .form-block .form-block-line.type-btn button{ width: 214px; outline: none; } .form-block .form-block-line.type-politica{ font-size: 13px; line-height: 16px; letter-spacing: 0.02em; } .form-block .form-block-line.type-politica a{ text-decoration: none; color: #6A70FA; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .form-block .form-block-line.type-politica a:hover{ border-bottom: 1px solid #6A70FA; } .form-block #formForMcCreditRequest .form-group, .form-block #formForMcCreditRequest .form-block-line.type-btn{ margin-bottom: 20px; } .form-block #formForMcCreditRequest .form-block-line{ margin-bottom: 0px; } .popup-product-line{ display: inline-block; width: 360px; } .popup-product-line .product-image__container{ display: inline-block; width: 150px; height: 200px; background-size: contain; background-repeat: no-repeat; float: left; margin-right: 20px; } .popup-product-line .product-data__info{ display: block; } .popup-product-line .product-data__quantity{ position: relative; margin-bottom: 10px; width: 133px; } .popup-product-line .product-data__quantity input{ background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); border-radius: 30px; width: 133px; height: 42px; text-align: center; box-sizing: border-box; border: 0px; padding: 0 34px; font-weight: 500; font-size: 16px; line-height: 26px; color: black; } .popup-product-line .product-data__quantity button{ display: inline-block; width: 34px; height: 42px; font-size: 28px; padding-bottom: 5px; position: absolute; text-align: center; text-decoration: none; color: #BDBDBD; transition: all 0.3s ease; border: 0px; background: none; outline: none; padding: 0; font-weight: normal; cursor: pointer; } .popup-product-line .product-data__quantity button.product-data__quantity_minus{ border-right: 1px solid #E8E8E8; left: 0px; } .popup-product-line .product-data__quantity button.product-data__quantity_minus:hover{ color: red; } .popup-product-line .product-data__quantity button.product-data__quantity_plus{ border-left: 1px solid #E8E8E8; right: 0px; } .popup-product-line .product-data__quantity button.product-data__quantity_plus:hover{ color: green; } .popup-product-line .product-data__title{ margin-bottom: 20px; text-align: left; } .popup-product-line .product-data__quantity_price{ display: inline-block; float: left; text-align: left; } .popup-product-line .product-data__price{ font-weight: bold; font-size: 20px; line-height: 26px; margin-top: 20px; } .form-block .form-block-line.type-btn button#btnDoRequestForMcCredit{ width: 274px; } ._credit-block { } ._credit-block ._cbtn { border: 1px solid #d1d0dc; background-color: #fff; border-radius: 5px; height: 50px; width: 100%; text-align: left; padding: 0 4px; margin: 0 0 11px; cursor: pointer; outline: none; } ._credit-block ._cbtn:before { content: ''; display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; width: 40px; height: 40px; background-repeat: no-repeat; background-position: 50%; margin-right: 5px; } ._credit-block ._cbtn._sber:before { background-image: url('/makeup/css/../images/cr-sber-ico.png'); } ._credit-block ._cbtn._otp:before { background-image: url('/makeup/css/../images/cr-otp-ico.png'); } ._credit-block ._cbtn._rpost:before { background-image: url('/makeup/css/../images/cr-rpost-ico.png'); } ._credit-block ._cbtn._homecr:before { background-image: url('/makeup/css/../images/cr-homecr-ico.png'); } ._credit-block ._cbtn._mc:before { background-size: cover; background-image: url('/makeup/css/../images/mc-ico.png'); } .pb-sdk-pos-credit__cont{ padding: 0px !important; box-shadow: none !important; text-align: left; } #poscreditBackground{ z-index: 100001; } #poscreditWindow { z-index: 100002; } .home-credit-modal{ text-align: left; } .home-credit-form-input-group .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .home-credit-form-input-group .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .home-credit-form-input-group .form-control::-moz-placeholder { color: #999; opacity: 1; } .home-credit-form-input-group .form-control:-ms-input-placeholder { color: #999; } .home-credit-form-input-group .form-control::-webkit-input-placeholder { color: #999; } .home-credit-form-input-group .form-control[disabled], .home-credit-form-input-group .form-control[readonly], .home-credit-form-input-group fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .home-credit-form-input-group .form-control[disabled], .home-credit-form-input-group fieldset[disabled] .form-control { cursor: not-allowed; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @-webkit-keyframes preload { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes preload { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .validateSuccess { border:1px solid #1ab13e!important; } .validateError { border:1px solid #ff0000!important; } .fadeOutLeft { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: all .3s ease; } .fadeOutRight { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: all .3s ease; } .home-credit__form { overflow:hidden; width:100%; margin:0px auto; } .home-credit__form .invalid-feedback { color:#d33538; display: none; } .home-credit__form-head { display:flex; width:100%; justify-content:space-between; align-items:flex-start; } .home-credit__image { padding:5px; } .home-credit__image img { height:70px; } .home-credit-button-close { display:flex; align-items:center; justify-content:center; height:30px; width:30px; font-size:30px; color:#d33538; cursor: pointer; display: none; } .home-credit-button-show-modal { display: flex; align-items: center; justify-content: center; padding: 10px 15px; background: #fff; font-weight: bold; font-family: sans-serif; border: none; border-radius: 5px; box-shadow: 0px 0px 2px 1px #d1d0dc; cursor: pointer; } .home-credit-button-show-modal__icon { width:50px; margin-right:10px; } .home-credit-button-submit { display: flex; align-items: center; justify-content:center; padding: 5px; background: #fff; font-weight: bold; font-family: sans-serif; border-radius: 5px; box-shadow:0px 0px 2px 1px #d1d0dc; cursor: pointer; } .home-credit-button-submit__icon img { margin:5px; } .home-credit-button-submit_status_active { box-shadow:0px 0px 2px 1px #d33538; color:#d33538; } .home-credit-button-submit_status_unactive { opacity: 0.7; cursor: default; } .home-credit__screen { display:flex; width:200%; } .home-credit__screen-first-step { /*height:260px;*/ transition: all .3s ease; } .home-credit__screen-second-step { height:auto; transition: all .3s ease; } .home-credit__screen_delivery_type { width:50%; padding: 5px; } .home-credit__screen_delivery_address { width:50%; padding: 5px; } .home-credit__screen-title { margin: 5px 0px; margin-bottom:15px; padding: 10px 0; background: #fff; font-weight: bold; font-family: sans-serif; color:#d33538; border-bottom:2px solid #d33538; } .home-credit-form__label { display: flex; width:100%; font-weight: bold; font-family: sans-serif; } .home-credit-form__label span { position: relative; display: flex; align-items: center; width:100%; margin: 5px 0px; padding: 10px; background: #fff; font-weight: bold; font-family: sans-serif; border-radius: 5px; box-shadow:0px 0px 2px 1px #d1d0dc; cursor: pointer; } .home-credit-form__label span:before { content: ""; display: flex; align-items: center; height: 20px; width: 20px; font-size: 23px; margin: 5px 10px; padding: 5px; background: #fff; border: 1px solid #ddd; border-radius: 5px; } .home-credit-form__label span:after { position: absolute; top: 5px; left:7px; content: ""; display: flex; align-items: center; height: 20px; width: 20px; font-size: 30px; margin: 5px 10px; padding: 5px; background: transparent; border: none; border-radius: 5px; } .home-credit-form__label input[type=radio] { display: none; } .home-credit-form__label input[type=radio]:checked ~ span { box-shadow:inset 0px 0px 2px 1px #d33538; color: #d33538; } .home-credit-form__label input[type=radio]:checked ~ span:after { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; content: "\2713"; color: #d33538; } .home-credit-form-input-group { display: flex; flex-direction: column; margin-bottom: 10px; } .home-credit-form-input-group__body { position: relative; display: flex; justify-content: space-between; } .home-credit-form-input-group__body::after { display: flex; align-items: center; justify-content: center; position: absolute; width: 30px; font-size: 20px; height: 30px; font-weight: bold; content: ""; color:#fff; right: 5px; top: 5px; } .home-credit-form-input-group__body-valid::after { content: "\2713"; color: #1ab13e; } .home-credit-form-input-group__body-invalid::after { content: "\2718"; font-size: 15px; color: #ff0000; } .form-preloader { position: relative; } .form-preloader::after { position: absolute; top: 45%; left: 42%; display: flex; content: ""; width: 100px; height: 100px; border: 10px solid #fff; border-top: 10px solid #d33538; border-radius: 50%; z-index: 3; -webkit-animation: preload 1.5s linear infinite; animation: preload 1.5s linear infinite; } .form-preloader::before { position: absolute; top: 0; left: 0; display: flex; background: rgba(128, 128, 128, 0.33); content: ""; width: 100%; height: 100%; z-index: 2; } .home-credit-form-input-group__helper { padding-top:5px; } .home-credit-form-input-group__icon { width: 50px; height: auto; display: flex; padding: 5px 0; border-top-left-radius: 5px; border: 1px solid #ccc; border-bottom-left-radius: 5px; align-items: center; border-right: 0; justify-content: center; } .home-credit-form-input-group .home-credit-form-input-group__input { height: 40px; border-radius: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .col { width:100%; } .active-form { display: flex; flex-direction: column; } .unactive-form { display: none; } .content-page{ padding-bottom: 30px; text-align: left; } .content-page .content-page-main-pic{ margin-bottom: 20px; } .content-page .content-page-text{ width: 100%; font-size: 17px; line-height: 26px; letter-spacing: 0.02em; color: #828282; } .content-page .content-page-main-pic + .content-page-text{ width: 65.8%; margin: 0 auto; } .content-page .content-page-text h1{ font-weight: 500; font-size: 33px; line-height: 40px; margin-bottom: 30px; color: black; } .content-page .content-page-text h2{ font-weight: 500; font-size: 28px; line-height: 34px; margin-bottom: 23px; color: black; } .content-page .content-page-text h3{ font-weight: 500; font-size: 23px; line-height: 32px; margin-bottom: 23px; color: black; } .content-page .content-page-text a{ color: #2D9CDB; text-decoration: none; } .content-page .content-page-text p{ font-weight: 500; margin-bottom: 20px; } .content-page .content-page-text p span{ color: black; } .content-page .content-page-text ul{ margin-bottom: 20px; padding-left: 32px; border-left: 3px solid #E18AFF; } .content-page .content-page-text ul li{ margin-bottom: 10px; } .content-page .content-page-text ul li:last-of-type{ margin-bottom: 0; } .politica-text{ max-width: 800px; } .contact-page{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); padding-bottom: 0px; margin-top: 40px; } .contact-left-side{ width: 33.2%; float: left; box-sizing: border-box; padding: 32px 28px; background: white; } .contact-left-side .contact-block{ box-sizing: border-box; padding-left: 30px; position: relative; display: inline-block; width: 100%; vertical-align: top; margin-bottom: 20px; } .contact-left-side .contact-block.address:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 24px; background: url(/design/css/../img/icon-footer-address.svg) no-repeat center center; left: 0px; top: 1px; } .contact-left-side .contact-block.address p{ margin-bottom: 0px; } .contact-left-side .contact-block.phones:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background: url(/design/css/../img/icon-footer-phone.svg) no-repeat center center; left: 0px; top: 0px; } .contact-left-side .contact-block.mail:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background: url(/design/css/../img/mail-icon.svg) no-repeat center center; left: 0px; top: 0px; } .contact-left-side .contact-block.work-time:before{ content: ""; position: absolute; display: inline-block; width: 18px; height: 22px; background: url(/design/css/../img/icon-footer-politica.svg) no-repeat center center; left: 0px; top: -1px; } .contact-left-side .content-page-text h3{ margin-bottom: 5px; font-size: 20px; line-height: 26px; } .contact-right-side{ width: 66.8%; float: right; } #map { height: 100%; width: 100%; } .articles-list{ margin: 36px -15px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .articles-list .articles-item{ display: inline-block; box-sizing: border-box; width: 33.3%; padding: 0 15px; float: left; margin-bottom: 20px; } .articles-list .articles-item-container{ height: 100%; border: 1px solid #F4F3FF; position: relative } .articles-list .articles-item-pic{ display: inline-block; width: 100%; overflow: hidden; vertical-align: top; } .articles-list .articles-item-pic a{ position: relative; display: inline-block; width: 100%; height: 100%; } .articles-list .articles-item-pic a .icon{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .articles-list .articles-item-pic a img{ width: 100%; transition: all 0.3s ease; } .articles-list .articles-item-pic a:hover img{ transform: scale(1.1)/* rotate(2deg)*/; } .articles-list .articles-item-body{ box-sizing: border-box; /*border: 1px solid #F4F3FF;*/ border-top: 0px; padding: 30px; } .articles-list .articles-item-name{ margin-bottom: 20px; } .articles-list .articles-item-name a{ font-weight: bold; font-size: 20px; line-height: 24px; color: #000000; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .articles-list .articles-item-name a:hover{ color: #2D9CDB; border-bottom: 1px solid #2D9CDB; } .articles-list .articles-item-desc{ font-weight: 500; font-size: 16px; line-height: 26px; color: #828282; margin-bottom: 30px; } .articles-list .articles-item-date{ font-size: 12px; line-height: 16px; color: #828282; position: absolute; bottom: 20px; } .detail-articles{ margin-top: 12px; } .detail-articles .detail-articles-pic{ vertical-align: top; } .detail-articles .detail-articles-pic img{ width: 100%; } .detail-articles .detail-articles-content{ width: 750px; margin: 40px auto; } .detail-articles .detail-articles-content h1{ font-weight: 500; font-size: 32px; line-height: 40px; margin-bottom: 29px; } .detail-articles .articles-desc{ } .detail-articles .articles-desc p{ font-weight: 500; font-size: 16px; line-height: 26px; color: #828282; margin-bottom: 30px; } .detail-articles .articles-desc p.bg{ color: white; padding: 20px 30px; } .detail-articles .articles-desc h2{ font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 20px; } .detail-articles .articles-desc .razlichiya{ padding-left: 40px; border-left: 3px solid #E18AFF; } #region-search{ width: 500px; } #region-search .dropdown-block{ margin-bottom: 20px; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; background: #FFFFFF; box-shadow: none; } #region-search .dropdown-block .dropdown-fade2white{ display: none; } #region-search .bx-ui-sls-quick-locations{ margin: 0 -15px 20px; } #region-search .bx-ui-sls-quick-locations .col-sm-4{ float: left; width: 33.33%; text-align: left; box-sizing: border-box; padding: 0 15px; } #region-search .bx-ui-sls-quick-locations a{ font-size: 15px; line-height: 20px; color: #2D9CDB; text-decoration: none; position: relative; } #region-search .bx-ui-sls-quick-locations a:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #2D9CDB; left: 0px; bottom: 0px; transition: all 0.3s ease; } #region-search .bx-ui-sls-quick-locations a:hover:before{ transform: translateY(4px); opacity: 0; } #region-search ._region-auto-choose{ display: inline-block; width: 100%; margin-top:20px; } #region-search ._region-auto-choose .btn{ width: 270px; padding: 9px; line-height: 18px; } ._page404{ padding-top: 170px; text-align: center; } ._page404 ._ico{ display: inline-block; } ._page404 ._ico span.number{ position: relative; display: inline-block; margin-right: 40px; } ._page404 ._ico span.number:last-of-type{ margin-right: 0px; } ._page404 ._ico span .number-text{ font-family: Exo; font-style: normal; font-weight: 900; font-size: 390px; line-height: 390px; letter-spacing: 0.02em; color: #6A70FA; display: inline-block; } ._page404 ._ico span.number .number0-pic{ position: absolute; left: -1px; top: -65px; } ._page404 ._ico span.number .number41-pic{ position: absolute; left: -25px; top: -95px; } ._page404 ._ico span.number .number41-pic:before{ content: ""; position: absolute; display: inline-block; width: 268px; height: 25px; background: url(/design/css/../img/icon4-1-shadow.png) no-repeat center center; left: 50%; bottom: -50px; transform: translate(-50%); } ._page404 ._ico span.number .number4-pic{ position: absolute; left: 0; top: -65px; } ._page404 ._ico span.number span{ mix-blend-mode: screen; } .page404-content{ display: inline-block; position: relative; } .page404-content .small-text{ font-style: normal; font-weight: 900; font-size: 42px; line-height: 56px; display: inline-block; right: 0px; position: absolute; top: -60px; } .page404-content .small-text:before{ content: ""; position: absolute; display: inline-block; width: 120px; height: 100%; background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); right: 0px; top: 0px; } .page404-content .page404-btn{ display: inline-block; position: absolute; right: 0px; bottom: -60px; } .page404-content .page404-btn a{ width: 360px; } #buyOneClickForm{ } #buyOneClickForm .form-block-line{ margin-bottom: 20px; } .sliderFilterRange{ width: 94%; margin: 20px 3% 20px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{ width: 16px !important; height: 16px !important; box-sizing: border-box; background: #FFFFFF !important; border: 2px solid #393185 !important; border-radius: 50%; outline: none; } .ui-slider-horizontal{ height: 2px !important; background: #ADA7E9 !important; border: 0px !important; } .ui-widget-header{ background: #393185 !important; } .ui-slider-horizontal .ui-slider-handle{ top: -.5em !important; } .compare-page{ position: relative; display: inline-block; width: 100%; } ._compare-page-hdr-btn-holder{ position: absolute; right: 0px; top: 16px; } ._compare-page-hdr-btn-holder ._compare-clear-btn{ border: 0px; padding: 0px; margin: 0px; background: none; font-weight: bold; font-size: 15px; line-height: 19px; /* identical to box height */ text-align: center; letter-spacing: 0.02em; /* Blue 2 */ color: #2D9CDB; position: relative; outline: none; padding-left: 20px; border-bottom: 1px dotted #2D9CDB; transition: all 0.3s ease; cursor: pointer; } ._compare-page-hdr-btn-holder ._compare-clear-btn:hover{ border-bottom: 1px dotted transparent; } ._compare-page-hdr-btn-holder ._compare-clear-btn:before, ._compare-page-hdr-btn-holder ._compare-clear-btn:after{ content: ""; position: absolute; display: inline-block; width: 12px; height: 2px; background: #2D9CDB; left: 0px; top: 9px; } ._compare-page-hdr-btn-holder ._compare-clear-btn:before{ transform: rotate(-45deg); } ._compare-page-hdr-btn-holder ._compare-clear-btn:after{ transform: rotate(45deg); } ._compare-page{ margin-top: 31px; box-sizing: border-box; border: 1px solid #E8E8E8; } ._compare-page ._compare-hdr-swiper{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #E8E8E8; } ._compare-page ._compare-params-filter{ width: 298px; float: left; box-sizing: border-box; padding: 16px 20px 13px; } ._compare-page ._compare-params-filter ._t{ font-weight: bold; font-size: 21px; line-height: 24px; /* identical to box height, or 120% */ letter-spacing: 0.02em; color: #000000; } ._compare-page ._compare-params-filter ._lnk{ margin-top: 14px; } ._compare-page ._compare-params-filter ._lnk a{ font-size: 15px; line-height: 24px; color: #000000; display: inline-block; width: 100%; box-sizing: border-box; padding-left: 23px; text-decoration: none; position: relative; margin-bottom: 11px; } ._compare-page ._compare-params-filter ._lnk a:before{ content: ""; position: absolute; display: inline-block; width: 18px; height: 18px; border: 1px solid #2D9CDB; box-sizing: border-box; border-radius: 50%; left: -1px; top: 4px; } ._compare-page ._compare-params-filter ._lnk a:after{ content: ""; position: absolute; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #2D9CDB; left: 4px; top: 9px; } ._compare-page ._compare-params-filter ._lnk a._active{ } ._compare-page ._compare-params-filter ._lnk a._active:before{ border: 1px solid #E0E0E0; } ._compare-page ._compare-params-filter ._lnk a._active:after{ display: none; } ._compare-page .swiper-container{ width: calc(100% - 298px); } ._compare-page .swiper-container .swiper-slide{ border-left: 1px solid #E8E8E8; } ._compare-page .swiper-container ._item{ position: relative; box-sizing: border-box; padding: 22px; line-height: 12px; height: 100%; } ._compare-page .swiper-container ._item ._del{ border: 0px; padding: 0px; background: none; margin: 0px; position: absolute; right: 5px; top: 5px; display: inline-block; width: 12px; height: 12px; cursor: pointer; outline: none; } ._compare-page .swiper-container ._item ._del:before, ._compare-page .swiper-container ._item ._del:after{ content: ""; position: absolute; display: inline-block; width: 12px; height: 2px; background: #828282; left: 0px; top: 5px; } ._compare-page .swiper-container ._item ._del:before{ transform: rotate(-45deg); } ._compare-page .swiper-container ._item ._del:after{ transform: rotate(45deg); } ._compare-page .swiper-container ._item ._image{ display: inline-block; width: 75px; height: 92px; float: left; text-align: center; margin-right: 17px; } ._compare-page .swiper-container ._item ._image img{ max-width: 100%; max-height: 100%; } ._compare-page .swiper-container ._item ._name{ font-size: 13px; line-height: 16px; color: #828282; text-decoration: none; display: inline-block; margin-bottom: 7px; } ._compare-page .swiper-container ._item ._price{ font-style: normal; font-weight: bold; font-size: 14.4px; line-height: 19px; color: #000000; margin-bottom: 7px; } ._compare-page .swiper-container ._item .compare-item-text{ display: block; padding-left: 92px; position: relative; height: 100%; padding-bottom: 30px; } ._compare-page .swiper-container ._item ._buy{ outline: none; height: 35px; padding: 8px; position: absolute; bottom: 20px; cursor: pointer; } ._compare-params-block{ } ._compare-params-block ._compare-paramsttl-col{ width: 298px; float: left; box-sizing: border-box; } ._compare-params-block ._compare-paramsttl-col ._itm{ font-size: 15px; line-height: 24px; color: #4F4F4F; /*padding: 14px 21px;*/ padding: 11px 24px 0px; } ._compare-params-block ._compare-paramsttl-col ._itm:nth-child(even){ background: #F6F6F6; } ._compare-params-block ._compare-params-swiper .swiper-container ._item{ padding: 0px; } ._compare-params-block ._compare-params-swiper .swiper-container ._item ._param-ttl{ display: none; } ._compare-params-block ._compare-params-swiper .swiper-container ._item ._val{ font-size: 15px; line-height: 24px; color: #4F4F4F; padding: 11px 24px 0px; } ._compare-params-block ._compare-params-swiper .swiper-container ._item ._val:nth-child(even){ background: #F6F6F6; } .bx-auth{ width: 600px; } .bx-auth .bx-auth-title{ display: none; } .new-auth-page-form .dop-note{ font-size: 13px; line-height: 16px; color: #BDBDBD; } .new-auth-page-form{ display: inline-block; /*width: 50%;*/ } .auth-form-line{ display: inline-block; width: 100%; } .auth-form-line-name{ display: inline-block; width: 100%; min-height: 1px; text-align: left; font-size: 15px; line-height: 24px; padding-right: 20px; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; } .auth-form-line-field{ display: inline-block; width: 100%; } .auth-form-line-field input[type=text], .auth-form-line-field input[type=password], .auth-form-line-field textarea{ background: #FFFFFF; /* light_gray */ border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 6px; font-size: 15px; line-height: 24px; /* identical to box height, or 171% */ /* gray */ padding: 10px 20px 9px; color: #828282; width: 100%; outline: none; } .auth-form-line-field textarea{ height: 120px; } .auth-form-line a{ font-size: 13px; line-height: 16px; color: #2D9CDB; } .auth-form-line .btn{ margin-bottom: 20px; outline: none; width: auto; min-width: 182px; } .personal-page-container{ margin-top: 20px; } .personal-page-container p{ font-weight: bold; font-size: 20px; line-height: 24px; } .personal-page-container div.items-personal-link{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px -15px; } .personal-page-container div .item-link{ display: inline-block; width: 50%; box-sizing: border-box; padding: 15px; float: left; } .personal-page-container div a{ display: inline-block; width: 100%; height: 300px; text-align: center; box-sizing: border-box; border: 2px solid #F4F3FF; border-radius: 5px; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 24px; color: black; transition: all 0.3s ease; position: relative; overflow: hidden; } .personal-page-container div a:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; background: #6A70FA; right: -9px; top: -9px; transform: rotate(45deg); opacity: 0; transition: all 0.3s ease; } .personal-page-container div a:hover{ border: 2px solid #6A70FA; } .personal-page-container div a:hover:before{ opacity: 1; } .personal-page-container div a table{ width: 100%; height: 100%; } .personal-page-container div a table td{ vertical-align: middle; } .personal-page-container div a .icon{ } .personal-page-container div a .name{ display: inline-block; margin-top: 20px; width: 100%; } .catalog-filter-tags-and-sort{ display: inline-block; width: 100%; } .articles-list-main-page{ border-top: 1px solid #E8E8E8; padding-bottom: 30px; background: #F4F3FF; } .articles-list-main-page .articles-list{ margin-top: 0px; margin-bottom: 0px; } .articles-list-main-page .articles-list .articles-item{ margin-bottom: 0px; } .list-for-buy .detail-price{ } .list-for-buy .detail-price a{ display: inline-block; font-size: 14px; line-height: 16px; color: #2D9CDB; border-bottom: 1px dashed #2D9CDB; text-decoration: none; position: relative; top: -7px; } .list-for-buy .detail-price a:hover{ color: black; border-bottom: 1px solid transparent; } .priceChanger-inputForm{ display: inline-block; width: 100%; position: relative; margin-top: 6px; } .priceChanger-inputForm input{ width: 100%; box-sizing: border-box; font-size: 22px; line-height: 22px; border: 1px solid #cccccc; padding: 1px 30px 2px 5px; } .priceChanger-inputForm button{ position: absolute; display: inline-block; width: 30px; height: 31px; right: 0px; top: 0px; border-radius: 0px; cursor: pointer; } .priceChanger-inputForm button:before, .priceChanger-inputForm button:after{ content: ""; position: absolute; display: inline-block; height: 2px; background: #41d0bc; } .priceChanger-inputForm button:before{ transform: rotate(45deg); width: 12px; left: 5px; top: 14px; } .priceChanger-inputForm button:after{ transform: rotate(-45deg); width: 10px; left: 13px; top: 14px; } .complect-detail-line{ display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 30px; } .complect-detail-line .page-title{ font-weight: 500; font-size: 20px; line-height: 28px; margin-bottom: 20px; } .complect-products .viewd-product-item{ width: 33.33%; float: left; } .complect-products .viewd-product-item.base-product{ position: relative; } .complect-products .viewd-product-item.base-product .plus-icon{ display: inline-block; font-weight: bold; width: 20px; height: 42px; line-height: 35px; font-size: 42px; color: #8179C8; position: absolute; right: -10px; top: 50%; background: white; transform: translateY(-50%); z-index: 10; } .complect-products .viewd-product-item.result-product{ padding: 16px 23px 10px 23px; } .complect-product-price{ font-size: 22px; line-height: 22px; font-weight: bold; margin-bottom: 5px; } .complect-product-bonuses-line{ font-size: 12px; line-height: 18px; } .complect-product-bonuses-line .bonuses{ font-size: 18px; line-height: 18px; font-weight: bold; color: #27AE60; } .complect-product-btn{ margin-bottom: 4px; } .complect-product-btn a{ width: auto; padding: 12px 30px 14px; } .header-cabinet-link{ position: relative; } .header-cabinet-link .personal-link-menu{ position: absolute; display: inline-block; width: 283px; background: white; top: 39px; z-index: 100; right: -58px; border: 1px solid #DBDBDB; box-sizing: border-box; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: visibility 0.1s ease, opacity 0.3s ease 0.1s, transform 0.3s ease 0.1s; } .header-cabinet-link:hover .personal-link-menu{ opacity: 1; visibility: visible; transform: translateY(0); } .header-cabinet-link .personal-link-menu:after, .header-cabinet-link .personal-link-menu:before { bottom: 100%; left: 75%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .header-cabinet-link .personal-link-menu:after { border-color: rgba(242, 242, 242, 0); border-bottom-color: #F2F2F2; border-width: 10px; margin-left: -10px; } .header-cabinet-link .personal-link-menu:before { border-color: rgba(219, 219, 219, 0); border-bottom-color: #DBDBDB; border-width: 11px; margin-left: -11px; } .header-cabinet-link .personal-link-menu .personal-link-menu-header{ background: #F2F2F2; box-sizing: border-box; padding: 12px 14px 15px; font-size: 14px; line-height: 13px; font-weight: 500; color: #202020; width: 100%; } .header-cabinet-link .personal-link-menu .cityChanger{ display: inline-block; width: 100%; box-sizing: border-box; padding: 4px 14px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; } .header-cabinet-link .personal-link-menu .cityChanger .header-region-name{ color: #202020; padding-left: 0px; margin-top: 2px; } .header-cabinet-link .personal-link-menu .cityChanger .header-region-name:before{ display: none; } .header-cabinet-link .personal-link-menu .personal-link-menu-header .login{ width: 100%; } .header-cabinet-link .personal-link-menu .personal-link-menu-header a{ text-decoration: none; color: #202020; position: relative; } .header-cabinet-link .personal-link-menu .personal-link-menu-header a.link-exit{ font-weight: normal; display: inline-block; float: right; } .header-cabinet-link .personal-link-menu .personal-link-menu-header a:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: #111111; left: 0px; bottom: -3px; opacity: 0; transform: translateY(-3px); transition: all 0.3s ease; } .header-cabinet-link .personal-link-menu .personal-link-menu-header a:hover:before{ opacity: 1; transform: translateY(0); } .personal-menu-container{ padding: 13px 14px 13px; width: 100%; box-sizing: border-box; } .personal-menu-container ul{ } .personal-menu-container ul li{ margin-bottom: 6px; } .personal-menu-container ul li:last-of-type{ margin-bottom: 0px; } .personal-menu-container ul li a{ font-size: 14px; line-height: 13px; color: #202020; text-decoration: none; display: inline-block; position: relative; } .personal-menu-container ul li a:hover{ text-decoration: underline; } .personal-menu-bonuses{ width: 100%; box-sizing: border-box; padding: 7px 14px 9px; border-top: 1px solid #DBDBDB; } .personal-menu-bonuses .bonuses-price{ font-weight: bold; } .personal-menu-bonuses .bonuses-price.green{ color: #27AE60; } .reviewsAddLine{ margin-bottom: 30px; } .reviews-prod-list{ border-top: 1px solid #E8E8E8; } .review-item{ border-bottom: 1px solid #E8E8E8; padding-top: 20px; padding-bottom: 30px; } .review-item .review-item-left{ font-size: 14px; line-height: 16px; display: flex; align-items: center; letter-spacing: 0.02em; display: inline-block; width: 19%; float: left; padding-right: 2.5%; box-sizing: border-box; } .review-item .review-item-left .review-name{ color: black; margin-bottom: 20px; } .review-item .review-item-left .review-city-and-time{ color: #828282; } .review-item .review-item-right{ padding-left: 19%; } .consultation-block{ position: fixed; right: 20px; bottom: 20px; display: inline-block; width: 190px; height: 110px; padding: 15px; box-shadow: 0px 0px 8px rgba(0,0,0,0.5); border-radius: 10px; background: #2E2773; color: #b4b6ff; } .consultation-block .consultation-block-title{ text-align: center; padding-bottom: 10px; /*border-bottom: 1px solid #b4b6ff;*/ } .consultation-block-service{ /**padding-top: 20px;*/ display: inline-block; width: 100%; } .consultation-block-service .consultation-block-service-item{ display: inline-block; float: left; width: 50%; } .consultation-block-service .consultation-block-service-item a{ font-size: 14px; text-align: center; text-decoration: none; color: #b4b6ff; display: inline-block; position: relative; } .consultation-block-service .consultation-block-service-item a .icon{ border-radius: 4px; } .consultation-block-service .consultation-block-service-item a .icon-whatsapp{ width: 40px; height: 40px; background: url(/design/css/../img/whatsapp-icon-consultation.svg) no-repeat center center; } .consultation-block-service .consultation-block-service-item a .icon-telegram{ width: 40px; height: 40px; background: url(/design/css/../img/telegram-icon-consultation.svg) no-repeat center center; } .changeSaleOpen{ display: inline-block; font-size: 14px; line-height: 16px; color: #2D9CDB; border-bottom: 1px dashed #2D9CDB; text-decoration: none; position: relative; top: -7px; } .changeSaleOpen:hover{ color: black; border-bottom: 1px solid transparent; } .useBonuses{ color: #E18AFF; border-bottom: 1px dashed #E18AFF; text-decoration: none; position: relative; } .useBonuses:hover{ border-bottom: 1px solid transparent; } .useBonuses.used{ padding-left: 30px; border-bottom: 1px solid transparent; } .useBonuses.used:before{ content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border: 1px solid #E8E8E8; border-radius: 2px; left: 0px; top: 0px; } .useBonuses.used:after{ content: ""; position: absolute; display: inline-block; width: 12px; height: 12px; background: url(/design/css/../img/icon-color-galka.svg) no-repeat center center; background-size: cover; left: 5px; top: 5px; } .confirmOrder{ margin-top: 20px; margin-bottom: 40px; } .order-payment-block{ margin-top: 20px; } .order-payment-block .pay_name_2{ } .order-payment-block h2 { font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; } .order-payment-block input[type=submit]{ font-family: 'Exo 2', sans-serif; display: inline-block; border: 0px; text-decoration: none; transition: all 0.3s ease; text-align: center; letter-spacing: 0.02em; box-sizing: border-box; background: linear-gradient(205.06deg, #95C72C 3.34%, #27AE60 69.85%); box-shadow: 0px 10px 20px rgba(39, 174, 96, 0.4); border-radius: 100px; font-weight: bold; font-size: 18px; line-height: 22px; color: white; width: 182px; height: 56px; padding: 17px; margin-top: 10px; margin-left: 15px; margin-right: 15px; } .paysystemContainer{ background: #FFFFFF; border: 2px solid #F4F3FF; box-sizing: border-box; border-radius: 5px; position: relative; padding: 19px 30px 23px; margin-bottom: 15px; } .paysystemContainer .paysystemContainer-logo{ display: inline-block; float: left; } .paysystemContainer .paysystem_name_2{ font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 0px; } .paysystemContainer table{ border-collapse: collapse; } .paysystemContainer table td{ vertical-align: middle; text-align: center; } .feedback-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px; margin-bottom: 30px; } .feedback-container .feedback-left{ width: 30%; display: inline-block; box-sizing: border-box; padding-right: 30px; } .feedback-container .feedback-left ul{ position: sticky; top: 70px; } .feedback-container .feedback-name-menu{ font-size: 24px; line-height: 32px; font-weight: bold; display: inline-block; width: 100%; margin-bottom: 30px; text-align: center; } .feedback-container ul{ } .feedback-container ul li{ margin-bottom: 10px; } .feedback-container ul li a{ text-decoration: none; display: inline-block; width: 100%; box-sizing: border-box; padding: 9px 20px 10px; } .feedback-container ul li a.active{ padding: 11px 20px 10px; } .feedback-container .feedback-right{ width: 70%; box-sizing: border-box; padding: 30px; border: 1px solid #dedede; } .yvedomlenie-order{ border: 1px solid red; padding: 5px 20px 7px; margin-bottom: 20px; margin-top: 20px; border-radius: 4px; display: inline-block; } .creadit-pop-up-new{ max-width: 600px; } .creadit-pop-up-new .credit-product{ } .creadit-pop-up-new .credit-product .credit-product-picture{ display: inline-block; width: 30%; float: left; box-sizing: border-box; padding-right: 5%; } .creadit-pop-up-new .credit-product .credit-product-picture img{ width: 100%; } .creadit-pop-up-new .credit-product .credit-product-desc{ display: inline-block; width: 70%; } .creadit-pop-up-new .credit-product .credit-product-desc .popup-product-line{ width: 100%; } .creadit-pop-up-new .credit-product .credit-product-desc .credit-product-desc-name{ font-size: 24px; line-height: 32px; margin-bottom: 15px; } .creadit-pop-up-new .credit-product .credit-product-desc .product-data__quantity_price{ width: 100%; margin-bottom: 20px; } .creadit-pop-up-new .credit-product .credit-product-desc .product-data__price{ margin-top: 0px; display: inline-block; width: 40%; float: left; font-size: 24px; line-height: 32px; margin-top: 6px; } .creadit-pop-up-new .credit-product .credit-product-desc .product-data__quantity{ display: inline-block; margin-bottom: 0px; } .creadit-pop-up-new .credit-product .credit-product-desc .product-data__quantity button{ padding: 0 3px 4px 1px; } .creadit-pop-up-new .credit-product .credit-product-desc .product-data__quantity input{ outline: none; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line{ display: inline-block; width: 100%; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line.type-input{ margin-bottom: 15px; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line.type-input input{ background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; font-size: 15px; line-height: 24px; letter-spacing: 0.02em; outline: none; box-sizing: border-box; width: 360px; height: 43px; padding: 8px 20px 9px; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line.type-btn{ margin-bottom: 15px; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line.type-btn .btn{ outline: none; width: 280px; cursor: pointer; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line.type-politica{ font-size: 12px; line-height: 16px; } .creadit-pop-up-new .credit-product .credit-product-desc .form-block-line.type-politica a{ color: #2D9CDB; } .creadit-pop-up-new .messageAfterSended p{ margin-bottom: 14px; color: red; } .coronavirys{ background-color: #f36246; display: inline-block; width: 100%; padding-top: 8px; padding-bottom: 8px; vertical-align: top; } .coronavirys .container{ margin-bottom: 0px; } .coronavirys .coronavirys-text{ display: inline-block; float: left; width: 90%; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: white; text-align: center; } .coronavirys .coronavirys-text a{ color: white; } .coronavirys .coronavirys-btn{ display: inline-block; width: 10%; float: right; text-align: right; } .coronavirys .coronavirys-btn a{ display: inline-block; width: 16px; height: 16px; position: relative; margin-top: 7px; } .coronavirys .coronavirys-btn a:before, .coronavirys .coronavirys-btn a:after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 1px; background: white; left: 0px; top: 7px; } .coronavirys .coronavirys-btn a:before{ transform: rotate(-45deg); } .coronavirys .coronavirys-btn a:after{ transform: rotate(45deg); } .open-seo-text{ padding-top: 50px; padding-bottom: 50px; background: #574EB0; color: white; overflow: hidden; position: relative; } .open-seo-text:before{ content: ""; position: absolute; display: inline-block; width: 100%; height: 100%; background: url(/design/css/../img/parallax.png) no-repeat center center; left: 0px; top: 0px; } .seo-text-container{ width: 750px; margin: 0 auto; position: relative; z-index: 1; } .seo-text-container p{ font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 40px; } .seo-text-container p.lozung{ display: inline-block; background: #393185; color: white; margin: 0 -20px; padding: 10px 20px 15px; } .seo-text-container h2{ font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 30px; } .seo-text-container h3{ font-weight: bold; font-size: 16px; line-height: 24px; margin-bottom: 30px; } .seo-text-container ul{ margin-bottom: 30px; padding-left: 22px; display: inline-block; width: 100%; box-sizing: border-box; border-left: 3px solid white; column-count: 2; } .seo-text-container ul li{ font-weight: 500; font-size: 16px; line-height: 26px; /* width: 50%; float: left; */ width: 100%; padding-right: 30px; position: relative; box-sizing: border-box; padding-left: 20px; } .seo-text-container ul li:before{ content: ""; position: absolute; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: white; left: 5px; top: 10px; } .product-picture-slider{ position: relative; } .hovered-div-container{ position: absolute; display: inline-block; width: 100%; height: 100%; left: 0px; top: 0px; } .hovered-div-container .hovered-div-one{ display: inline-block; height: 100%; float: left; position: relative; } .hovered-div-container .hovered-div-one:before{ content: ""; position: absolute; display: inline-block; width: 90%; height: 4px; background: #E8E8E8; bottom: 0px; left: 5%; } .hovered-div-container .hovered-div-one:hover:before{ background: #8179c8; } .pochtabank-credit-story{ box-sizing: border-box; padding: 20px; text-align: left; } .pochtabank-credit-story-field{ display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 20px; } .pochtabank-credit-story-field label{ margin-bottom: 5px; } .pochtabank-credit-story-btn{ } .pochtabank-credit-story-btn input{ width: 350px; } .bonus-wrapper-title{ margin-top: 46px; } .bonus-wrapper-title p.title-bonus-banner-back{ display: inline-block; font-size: 60px; font-weight: bold; margin-left: -28px; margin-bottom: -2px; position: relative; z-index: 10; background: #CE4AFF; width: 437px; height: 99px; padding: 34px 30px 30px 30px; box-sizing: border-box; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } .bonus-wrapper-title span.title-bonus-banner{ font-size: 64px; line-height: 53px; } .bonus-wrapper-title p.text-bonus-title{ margin-top: 30px; font-size: 22px; margin-left: 3px; position: relative; } .bonus-wrapper-title p.text-bonus-title:before{ background: url(/design/css/../img/bonus-star.svg) no-repeat; content: ""; position: absolute; width: 14px; height: 100%; top: 3px; left: -15px; } .xs-view{ display: none; } .md-view{ display: none; } .lg-view{ display: inline-block; } .white-footer-link a{ color: #ffffff; text-decoration: none; } ._memory-choose.operative-memory{ margin-top: 5px; margin-bottom: 5px; } @media (max-width: 1919px){ .about-company-container{ padding-bottom: 0px; } .about-company-container .about-company-text{ width: 100%; text-align: center; } .about-company-video{ position: relative; vertical-align: top; margin-top: 40px; right: auto; left: 50%; transform: translateX(-50%); } } @media (max-width: 1199px){ .xs-view{ display: none; } .lg-view{ display: none; } .md-view{ display: inline-block; } html{ overflow-x: hidden; } .wrapper-inside{ width: calc(100% - 40px); } .btn-primary{ font-size: 14px; line-height: 18px; padding: 14px; width: 144px; height: 46px; } .btn-secondary-stroke-white{ width: 141px; height: 47px; padding: 11px; font-size: 14px; letter-spacing: 0px; } .header{ /*padding-top: 16px;*/ height: 112px; } .header-content-top{ margin-bottom: 0px; } .mobile-menu-link{ float: left; margin-right: 4%; margin-top: 3px; } .mobile-menu-open{ display: inline-block; height: 36px; } .mobile-menu-open span{ width: 19px; display: inline-block; height: 2px; background: #C4C4C4; position: relative; transition: all 0.3s ease; } .mobile-menu-open.active span{ background: none; } .mobile-menu-open span:before, .mobile-menu-open span:after{ content: ""; position: absolute; display: inline-block; width: 100%; left: 0px; height: 100%; background: #C4C4C4; transition: all 0.3s ease; } .mobile-menu-open span:before{ top: -7px; } .mobile-menu-open span:after{ top: 7px; } .mobile-menu-open.active span:before{ top: 0px; transform: rotate(-45deg); } .mobile-menu-open.active span:after{ top: 0px; transform: rotate(45deg); } .header-logo{ margin-top: 4px; width: 14%; margin-right: 4%; } .header-logo img{ width: 92px; margin-left: 0px; } .header-content{ width: 74%; float: right; } .header-line-1{ vertical-align: top; padding-bottom: 10px; } .header-social-links{ float: right; } .header-personal{ margin-top: 8px; } .header-personal .header-basket-link{ margin-left: 38px; } .header-personal .header-compare-link{ margin-left: 22px; } .search-header{ float: none; } .header-region{ width: 40%; margin-right: 3%; } .header-social-links ul li{ margin-right: 12px; } .header-region a{ display: inline-block; margin-left: 6px; top: -1px; } .header-region-name{ margin-right: 6px; } .header-region-name:before{ /*top: 7px;*/ } .header-phones-number{ float: left; margin-top: 14px; } .main-page-slider { height: 410px; } .main-page-slider-item-bg{ height: 410px; } .main-page-slider-item-bg img{ width: auto; height: 100%; } .main-slide-container{ margin: 30px auto; } .main-slide-name{ font-size: 48px; line-height: 54px; margin-bottom: 16px; } .main-slide-price{ margin-bottom: 35px; } .main-slide-price .new-price{ font-size: 25px; line-height: 30px; } .main-slide-price .old-price{ font-size: 14px; line-height: 17px; margin-top: 9px; margin-left: 9px; } .main-slide-container .main-slide-pic{ padding-left: 0px; padding-right: 16px; } .main-slide-container .main-slide-pic img{ max-width: 100%; max-height: 310px; } .main-slide-container .main-slide-pic .main-slide-pic-discount{ top: 74%; border-radius: 35px 0px; font-size: 38px; line-height: 46px; padding: 10px 19px 12px 15px; } .main-page-slider .slick-dots{ bottom: 34px; } .groups-and-bullets-main-page { padding-top: 47px; border-bottom: 0px; padding-bottom: 10px; } .bullets{ margin-bottom: 44px; } .bullet-item{ padding: 0px !important; width: 20% !important; text-align: center; } .bullet-item .bullet-item-name{ font-size: 14px; line-height: 20px; } .bullet-item .bullet-item-icon{ height: 50px; width: 50px; margin: 0 auto; } .main-page-catalog-groups-container .main-groups-item a{ font-size: 15px; line-height: 17px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic td img{ max-width: 100%; } .content-block-title-name{ font-size: 24px; line-height: 35px; letter-spacing: 0.02em; } .main-page-products-tabs-header{ margin-bottom: 17px; } .main-page-products-tabs .tabls-list-menu{ margin-top: 8px; } .tabls-list-menu-ul ul li { float: left; margin-left: 17px; } .tabls-list-menu-ul ul li a{ font-size: 13px; line-height: 16px; letter-spacing: 0px; } .show-all-link{ margin-left: 72px; } .show-all-link a { font-size: 14px; line-height: 18px; } .show-all-link a:before{ top: 5px; } .about-company-block{ overflow: hidden; } .product-item.item-banner{ width: 66.66%; } .product-item.middle-size{ width: 33.33%; padding: 14px 12px; } .product-list-block .product-item{ /*height: 378px;*/ overflow: hidden; } .product-shild{ left: 18px; } .product-item.item-banner .product-picture{ } .product-item.item-banner .product-picture img{ width: 100%; } .product-picture{ height: 199px; margin-bottom: 7px; } .product-shild .shild-item{ padding: 0px 8px 2px; margin-right: 7px; } .product-picture-slider .product-picture-slider-item{ height: 193px; } .product-item.middle-size .product-shild .shild-item{ padding: 0px 11px 3px; font-size: 12px; margin-right: 5px; } .product-item.item-banner .product-action-content{ padding: 22px 18px; } .product-action-bottom-info .product-price{ font-size: 17px; margin-top: 4px; } .product-stars span{ margin-right: 2px; } .product-item-name{ height: 34px; font-size: 12px; line-height: 15px; margin-top: -3px; margin-bottom: 2px; } .product-item-inform{ margin-bottom: 4px; } .product-item-controls .control-btn-right{ margin-top: 14px; } .product-item-content{ padding: 0 2px; } .about-company-container .about-company-text { width: 74%; text-align: center; margin: 0 13%; } .main-page-products-tabs{ padding-bottom: 53px; } .about-company-block{ padding-top: 42px; } .about-company-container .about-company-text .content-block-title-name{ font-size: 32px; line-height: 43px; letter-spacing: 0; margin-bottom: 5px; } .about-company-container .about-company-text .about-company-hello{ font-size: 19px; line-height: 28px; margin-bottom: 2px; } .about-company-container .about-company-text p{ font-size: 15px; line-height: 20px; margin-bottom: 27px; } .about-company-video{ margin-top: 52px; width: 635px; height: 423px; background-size: 100%; } .video-file-link{ width: 392px; height: 294px; left: 106px; top: 20px; } .instagramm-lenta { margin-top: 43px; margin-bottom: 54px; } .instagramm-lenta-list{ margin: 3px -1%; } .instagramm-lenta-list .instagramm-lenta-item{ width: 31.3%; margin: 1%; } .instagramm-lenta-list .instagramm-lenta-item img{ width: 100%; } .brand-list { padding-top: 25px; padding-bottom: 50px; } .brand-list .main-page-products-tabs-header{ margin-bottom: 13px; } .brand-list-container{ margin: 0 -1%; } .brand-list-container .brand-list-item{ width: 14.65%; margin: 0 1%; } .brand-list-container .brand-list-item img{ max-width: 80%; vertical-align: middle; } .viewd-product-list{ padding-top: 46px; padding-bottom: 80px; } .viewd-product-list .content-block-title{ margin-bottom: 13px; } .viewd-product-item{ padding: 14px; } .viewd-product-pic{ width: 65px; } .viewd-product-pic img{ width: 100%; } .content { padding: 0 0 505px; } .footer{ margin: -505px auto 0; height: 473px; padding-top: 28px; padding-bottom: 19px; } .footer-menu li a{ font-size: 17px; line-height: 27px; } .footer-left{ width: 100%; margin-bottom: 22px; } .footer-left .footer-main-menu{ width: 33%; } .footer-left .footer-catalog-menu{ width: 66%; } .footer-left .footer-catalog-menu li ul li{ width: 50%; float: left; } .footer-right{ width: 100%; } .footer-right-top-left{ width: 100%; padding-top: 11px; } .footer-right-top-left .phone{ font-size: 13px; float: left; } .footer-right-top-left .footer-contact-info{ width: auto; float: left; } .footer-right-top-left a.open-popup{ display: inline-block; margin-top: -2px; margin-left: 11px; } .footer-right-top-left .footer-contact-info.item-watsapp{ margin-right: 40px; } .footer-right-top-left .footer-contact-info.item-phone{ margin-right: 10px; float: left; } .footer-right-top-left .footer-contact-info.item-address{ margin-bottom: 0px; margin-left: 20px; } .footer-right-top-right{ width: 100%; margin-top: 8px; } .footer-right-top-right .subscribe-form{ width: 49%; float: left; margin-bottom: 0px; } .subscribe-form-title{ margin-bottom: 13px; font-size: 25px; line-height: 33px; } .footer .paysystems{ width: 40.3%; float: right; margin-top: 6px; } .footer .paysystems .item-politica{ padding-left: 28px; line-height: 17px; position: relative; box-sizing: border-box; width: 100%; margin-bottom: 28px; } .footer .paysystems .item-politica:before{ content: ""; position: absolute; display: inline-block; width: 18px; height: 22px; background: url(/design/css/../img/icon-footer-politica.svg) no-repeat center center; left:0px; top: -1px; } .footer .paysystems .item-politica .link{ font-size: 14px; line-height: 17px; color: #E18AFF; text-decoration: none; border-bottom: 1px solid #E18AFF; transition: all 0.3s ease; } .footer .paysystems .item-politica .link:hover{ border-bottom: 1px solid transparent; } .footer-right-top{ border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; } .footer-line-2{ width: 100%; margin-top: 31px; border-top: 1px solid #574EB0; padding-top: 20px; } .footer-social{ margin-top: 0px; width: 40%; text-align: center; } .footer-social ul{ display: inline-block; } .footer-copyright{ width: 30%; margin-top: 13px; } .dapsite{ margin-top: 5px; width: 30%; } .dapsite a{ float: right; } ._nav-path{ padding-top: 11px; padding-bottom: 11px; font-size: 13px; } h1.page-title{ font-size: 31px; line-height: 35px; } ._page-content .groups-and-bullets-main-page{ padding-top: 10px; } .catalog-page-container .catalog-page-filter{ /*display: none !important;*/ position: fixed; top: 0px; left: 0px; padding-right: 0; width: 320px; padding: 20px; height: 100%; background: #574EB0; margin-top: 0px; /*padding-top: 39px;*/ transition: all 0.3s ease; transform: translateX(-100%); z-index: 100; } .catalog-page-container .catalog-page-filter.active{ transform: translateX(0); } .catalog-page-container .catalog-page-filter form{ height: calc(100% - 150px); display: inline-block; overflow-y: scroll; } .catalog-page-container .catalog-page-list{ width: 100%; } .catalog-page-container .catalog-page-list.full-size{ margin-top: 20px; } .catalog-page-container .catalog-page-list.full-size .product-item.middle-size{ width: 33.33%; } .vspomogat-menu{ margin-top: 20px; margin-bottom: 0px; } ._filter{ color: white; } ._filter ._hint{ display: none; } ._filter label{ color: white; } ._filter ._block ._hdr ._tgl:before, ._filter ._block ._hdr ._tgl:after{ background: white; } ._filter ._block._top{ border-bottom: 0px; display: inline-block; width: 100%; margin-top: 12px; text-align: right; box-sizing: border-box; /*padding: 0 20px;*/ margin-bottom: 8px; } ._filter ._block._top button{ font-size: 0px; padding: 0px; margin: 0px; border: 0px; display: inline-block; height: 14px; background: none; cursor: pointer; outline: none; } ._filter ._block._top button span{ width: 15px; top: -3px; display: inline-block; height: 2px; position: relative; transition: all 0.3s ease; } ._filter ._block._top button span:before, ._filter ._block._top button span:after{ content: ""; position: absolute; display: inline-block; width: 100%; left: 0px; height: 100%; background: #C4C4C4; transition: all 0.3s ease; } ._filter ._block._top button span:before{ top: -7px; } ._filter ._block._top button span:after{ top: 7px; } ._filter ._block._top button span:before{ top: 0px; transform: rotate(-45deg); } ._filter ._block._top button span:after{ top: 0px; transform: rotate(45deg); } ._filter label._cb-lbl input:checked + ._check-box-icon:before, ._filter label._cb-lbl input:checked + ._check-box-icon:after{ /*background: white;*/ } .filter-btn{ margin-top: 20px; } .filter-btn a{ width: 154px; } .catalog-page-container{ padding-top: 0px; } .articles-list .articles-item{ width: 33.33%; } .detail-articles .detail-articles-content{ width: 100%; margin: 40px auto; } .detail-articles .detail-articles-content h1{ font-size: 28px; line-height: 32px; } .detail-articles .detail-articles-content p{ font-size: 15px; line-height: 24px; margin-bottom: 20px; } .detail-articles .articles-desc .razlichiya{ padding-left: 20px; } #sale_order_props .form-fields .col.col-33, .relatedProps .form-fields.row .col.col-33{ width: 100%; } .basket-list-item{ padding: 10px; } .basket-list-item .basket-list-item-desc{ padding-right: 5px; width: 120px; } .basket-list-item .basket-list-item-quantity{ padding: 0 5px; } .basket-list-item .basket-list-item-summary{ width: 90px; padding: 0 5px; } .basket-list-item .basket-list-item-delete{ width: 16px; } ._page404 ._ico span .number-text{ font-size: 280px; line-height: 280px; } ._page404 ._ico span.number{ margin-right: 70px; } ._page404 ._ico span.number .number41-pic img{ width: 235px; } ._page404 ._ico span.number .number0-pic{ top: -47px; } ._page404 ._ico span.number .number0-pic img{ width: 185px; } ._page404 ._ico span.number .number4-pic{ top: -46px; } ._page404 ._ico span.number .number4-pic img{ width: 183px; } .page404-content .small-text{ font-size: 32px; } .list-for-buy{ max-width: 300px; } .list-for-buy .detail-catalog-buy{ float: right; margin-right: 0px; } .list-for-buy .detail-other-btn{ width: 100%; margin-top: 5px; } .list-for-buy .detail-other-btn a:first-of-type{ float: right; } .gallery-big-item a table{ width: 100%; } .detail-catalog-gallery-small{ width: 345px; } .gallery-small-item table{ width: 100%; } .feedback-container .feedback-left{ width: 40%; } .feedback-container .feedback-right{ width: 60%; } .mobile-banner-wrap .big-text-banner { font-size: 50px !important; line-height: 50px !important; } span.mobile-banner-wrap span { font-size: 24px !important; line-height: 10px !important; } /* span.mobile-banner-wrap { margin-top: 50px; margin-bottom: 20px; }*/ .bonus-wrapper-title p.title-bonus-banner-back { display: inline-block; font-size: 34px; margin-left: -48px; margin-bottom: -2px; position: relative; width: 297px; height: 79px; padding: 28px 29px 30px 30px; } .bonus-wrapper-title span.title-bonus-banner { font-size: 34px; line-height: 33px; float: left; margin-left: -40px; } .bonus-wrapper-title p.text-bonus-title { margin-top: 30px; font-size: 18px; margin-left: 3px; position: relative; margin-left: -40px; } } @media (max-width: 1023px){ .mobile-banner-wrap .big-text-banner { font-size: 36px !important; line-height: 36px !important; } span.mobile-banner-wrap span { font-size: 20px !important; line-height: 10px !important; } } @media (max-width: 767px){ .lg-view{ display: none; } .md-view{ display: none; } .xs-view{ display: inline-block; } .btn-primary { font-size: 12px; line-height: 18px; padding: 10px; width: 114px; height: 38px; } .wrapper-inside { width: calc(100% - 30px); } .header { /*padding-top: 7px;*/ height: 89px; } .mobile-menu-link{ margin-right: 5%; } .mobile-menu-open { display: inline-block; height: 14px; } .mobile-menu-open span { width: 15px; top: -3px; } .mobile-menu-open span:before { top: -6px; } .mobile-menu-open span:after { top: 6px; } .header-logo { margin-top: 5px; width: 18%; max-width: 55px; margin-right: 4%; } .header-logo img{ width: 60px; height: 25px; } .header-content { width: 66%; } .header-line-1{ padding-top: 5px; padding-bottom: 5px; } .header-phones-number{ margin-top: 0px; text-align: center; width: 100%; } .header-phones-number a{ float: none; font-size: 12px; } .header-content-top{ padding-top: 2px; height: 28px; vertical-align: top; } .header-personal .header-count{ width: 20px; height: 20px; padding: 3px; font-size: 11px; } .header-basket-link a span{ top: -5px; } .header-personal{ margin-top: 5px; } .header-personal .header-basket-link { margin-right: 15px; margin-left: 28px; } .header-personal .header-basket-link img{ width: 20px; } .header-personal .header-compare-link{ margin-left: 18px; margin-top: 3px; } .header-personal .header-compare-link img{ width: 18px; } .header-personal .header-cabinet-link { margin-top: 3px; margin-left: 5px; } .header-personal .header-cabinet-link img{ width: 21px; } .header-personal-link span{ left: -20px; } .search-header{ margin-top: 3px; margin-right: 35px; margin-left: 3px; height: 20px; } .search-header .search-link{ width: 20px; height: 20px; padding: 5px; } .search-header .search-link:before{ width: 26px; height: 26px; } .search-header .search-link img{ width: 10px; } .header-mobile-city{ display: inline-block; width: 100%; height: 23px; vertical-align: top; background: #2F286B; text-align: center; } .header-region{ width: auto; float: none; margin: 0; } .header-region-name { margin-top: 0; font-size: 12px; line-height: 12px; margin: 0px; padding-left: 13px; padding-top: 7px; padding-bottom: 9px; float: none; margin-right: 4px; vertical-align: top; display: inline-block; } .header-region-name:before{ width: 10px; height: 12px; background-size: cover; top: 7px; left: -2px; } .header-region a{ top: -1px; margin: 0px; font-size: 11px; line-height: 12px; display: inline-block; } .header-region a:before{ top: 4px; } .header-mobile-city{ height: auto; } .main-slide-container { width: 100%; margin: 25px auto; text-align: center; } .main-slide-container .main-slide-descr{ width: 100%; padding: 0px; } .main-slide-container .main-slide-pic{ width: 73%; padding: 0px; max-height: 230px; margin: 0 auto; } .main-slide-container .main-slide-pic img{ max-height: 230px; margin: 0 auto; } .main-slide-price { margin-bottom: 19px; } .main-slide-name{ font-size: 30px; line-height: 38px; margin-top: 10px; margin-bottom: 0px; } .main-slide-price .new-price{ font-size: 20px; line-height: 24px; float: none; display: inline-block; } .main-slide-price .old-price{ font-size: 12px; line-height: 15px; margin-top: 9px; margin-left: 6px; } .main-page-slider { height: 457px; } .main-page-slider-item-bg { height: 457px; } .main-slide-container .main-slide-pic .main-slide-pic-discount { top: 86%; right: -12px; border-radius: 26px 0px; font-size: 28px; line-height: 26px; padding: 12px 13px 12px 13px; } .main-page-slider .slick-dots { bottom: 25px; } .groups-and-bullets-main-page { padding-top: 11px; } .main-page-catalog-groups-container .main-groups-item.size-2-line{ width: 100%; } .main-page-catalog-groups-container .main-groups-item.size-3-line{ width: 100%; } .main-page-catalog-groups-container .main-groups-item.size-4-line{ width: 47.5%; } .main-page-catalog-groups-container .main-groups-item a{ padding: 13px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic { height: 115px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic{ max-height: 115px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic{ max-height: 115px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-name td { height: 38px; } .main-page-catalog-groups-container .main-groups-item a { font-size: 12px; line-height: 15px; } .main-page-catalog-groups-container .main-groups-item a table .table-groups-pic td img { max-height: 115px; } .main-page-products-tabs .content-block-title{ width: 100%; text-align: center; } .content-block-title-name { font-size: 18px; line-height: 22px; letter-spacing: 0; } .main-page-products-tabs{ padding-top: 23px; padding-bottom: 33px; } .main-page-products-tabs .tabls-list-menu{ margin-right: 0px; margin-top: 16px; text-align: center; float: none; width: 100%; } .tabls-list-menu-ul{ float: none; } .tabls-list-menu-ul ul li:first-of-type{ margin-left: 0px; } .tabls-list-menu-ul ul li a.active:before{ top: -6px; } .main-page-products-tabs-header { margin-bottom: 5px; } .product-list-block .product-item{ width: 100%; } .product-item.item-banner .product-picture img { width: auto; height: 100%; } .product-list-block .product-item { /*height: 386px;*/ } .product-shild{ top: 10px; left: 10px; } .product-shild .shild-item , .product-item.middle-size .product-shild .shild-item{ padding: 0px 4px 2px; font-size: 11px; line-height: 13px; } .product-item.item-banner .product-action-content { padding: 13px 9px; } .product-action-bottom-info .product-price { font-size: 14px; } .product-action-bottom-info-left{ width: 57%; } .product-action-bottom-info-left.productNameInfo{ width: 100%; } .product-action-bottom-info-right{ width: 43%; } .btn-secondary-stroke-white { width: 115px; height: 40px; padding: 9px; font-size: 13px; letter-spacing: 0px; } .product-store-count{ font-size: 12px; } .product-item.middle-size{ width: 50%; padding: 10px 8px; } .product-list-block .product-item.middle-size{ /*height: 310px;*/ } .product-item-change-title{ font-size: 10px; } .product-picture { height: 130px; } .product-picture-slider .product-picture-slider-item { height: 126px; } .product-picture-slider .product-picture-slider-item img{ max-height: 120px; margin: 0 auto; } .product-item-content { padding: 0; text-align: center; } .product-item-content .product-stars{ margin-top: 2px; } .product-item-name { height: 48px; font-size: 11px; line-height: 15px; margin-top: -10px; margin-bottom: 5px; width: 100%; } .product-item-inform .product-item-price{ font-size: 14px; } .product-item.middle-size .product-store-count { margin-top: 3px; } .btn-secondary, .btn-secondary-stroke-2{ width: 88px; height: 33px; padding: 10px; font-size: 13px; line-height: 13px; } .btn-secondary-stroke-2{ line-height: 9px; } .product-item-controls .control-btn-right { margin-top: 4px; } .show-all-link-mobile{ text-align: center; width: 100%; display: inline-block; margin-top: 11px; } .show-all-link-mobile .show-all-link{ margin: 0px; display: inline-block; } .about-company-block { padding-top: 22px; } .about-company-container .about-company-text{ width: 100%; margin: 0; } .about-company-container .about-company-text .content-block-title-name { font-size: 24px; line-height: 32px; } .about-company-container .about-company-text .about-company-hello { font-size: 17px; line-height: 25px; margin-bottom: 8px; } .about-company-container .about-company-text p { font-size: 14px; line-height: 20px; margin-bottom: 25px; } .about-company-container .about-company-text .btn { width: 140px; } .about-company-video { margin-top: 36px; width: 345px; height: 232px; } .video-file-link { width: 213px; height: 159px; left: 58px; top: 14px; } .instagramm-lenta { margin-top: 28px; margin-bottom: 38px; } .instagramm-lenta .insta-link{ margin-top: 0px; } .instagramm-lenta .content-block-title{ vertical-align: top; } .instagramm-lenta-list{ margin: 0px -1%; } .instagramm-lenta-list .instagramm-lenta-item{ width: 48%; } .brand-list { padding-top: 25px; padding-bottom: 27px; } .brand-list .content-block-title{ width: 100%; text-align: center; } .brand-list-container .brand-list-item { width: 31%; margin: 1%; } .viewd-product-list { padding-top: 36px; padding-bottom: 58px; } .viewd-product-list .contols-slider{ margin-top: -2px; } .content { padding: 0 0 760px; } .footer{ padding-top: 20px; margin: -760px auto 0; height: 721px; } .footer-left .footer-catalog-menu{ width: 100%; } .footer-menu li a { font-size: 14px; line-height: 24px; } .footer-left .footer-catalog-menu li ul li { line-height: 16px; margin-bottom: 4px; box-sizing: border-box; padding-right: 10px; } .footer-menu li ul a{ font-size: 12px; line-height: 18px; } .footer-left .footer-main-menu{ width: 100%; } .footer-left .footer-main-menu li{ width: 50%; float: left; margin-bottom: -2px; } .footer-right-top-left{ text-align: center; padding-top: 3px; } .footer-right-top-left .footer-contact-info{ float: none; margin: 0px; } .footer-right-top-left .footer-contact-info.item-watsapp{ margin-right: 0px; } .footer-right-top-left .footer-contact-info.item-watsapp:before{ top: -1px; } .footer-right-top-left .footer-contact-info.item-phone{ margin-right: 0px; float: none; margin-top: 11px; margin-bottom: 12px; } .footer-right-top-left .footer-contact-info.item-address{ float: none; } .footer-right-top-left .footer-contact-info.item-politica{ margin-top: 15px; } .footer-right-top-right{ text-align: center; margin-top: 22px; } .footer-right-top-right .subscribe-form{ width: 100%; } .subscribe-form-title{ font-size: 16px; line-height: 26px; } .footer .paysystems{ width: 100%; text-align: center; margin-top: 32px; } .footer .paysystems ul{ float: none; } .footer-right-bottom{ width: 100%; text-align: center; } .footer-social{ width: 100%; margin-top: 17px; } .footer-copyright{ width: 100%; float: none; margin-top: 21px; } .dapsite{ width: 100%; float: none; margin-top: 27px; } .dapsite a{ float: none; } .dapsite a .dapsite-text{ float: none; position: relative; top: -12px; } ._nav-path{ padding-top: 7px; padding-bottom: 7px; } h1.page-title { font-size: 28px; line-height: 32px; } .catalog-page-container .catalog-page-list .product-item.middle-size, .catalog-page-container .catalog-page-list.full-size .product-item.middle-size{ width: 50%; } .product-item-inform .product-item-price.small{ font-size: 0px; } .product-store-count.small{ /*font-size: 0px;*/ } .product-list-block .product-item.item-banner{ } .product-list-block .product-item.item-banner .product-picture-container{ height: 100%; } .product-item.item-banner .product-picture{ height: 100%; } .btn-secondary-stroke-2.type2 { width: 100%; line-height: 16px; height: auto; padding: 9px 7px; box-sizing: border-box; } .search-header .searchLine{ position: fixed; /* top: 0px; width: 280px; height: 41px; */ top: 40px; right: 0px; left:0; width: 100%; height: 50px; text-align: center; z-index: 10; background: #393185; } .search-header .searchLine div{ float: none; margin-top: 9px; } .search-header .searchLine button{ top: 6px; right: 19px; } .search-header .searchLine input{ margin-top: 0px; padding: 3px 50px 4px 20px; width: 260px; margin: 0 10px; } .detail-catalog-pic{ width: 100%; } .detail-catalog-pic-container{ padding: 12px; } .detail-catalog-gallery-big{ height: 280px; margin-bottom: 20px; } .detail-catalog-gallery{ padding-bottom: 0px; } .detail-catalog-tabs-item{ display: inline-block !important; width: 100%; } .detail-catalog-tabs-content{ padding: 0px; } .detail-catalog-tabs-item-container{ padding: 20px; display: none; } .detail-product-text{ width: 100%; padding-right: 0px; } .detail-product-articles{ width: 100%; padding-left: 0px; border-left: 0px; border-top: 1px solid #F4F3FF; margin-top: 20px; padding-top: 20px; display: inline-block; } .detail-catalog-gallery-small-container{ width: 100%; } .detail-catalog-gallery-small{ width: 100%; } .gallery-big-item a table{ width: 100%; height: 100%; } .gallery-big-item a table img{ max-height: 280px; max-width: 280px; } .gallery-small-item table{ width: 100%; } .detail-catalog-desc{ width: 100%; padding-left: 0px; margin-top: 30px; } .detail-catalog-tabs{ display: none; } .mobile-tabs-menu{ width: 100%; } .mobile-tabs-menu a{ font-weight: bold; font-size: 15px; line-height: 19px; letter-spacing: 0.02em; color: #828282; text-decoration: none; display: inline-block; width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #E8E8E8; text-align: center; transition: all 0.3s ease; border-bottom: 0px; } .mobile-tabs-menu a.active{ border: 1px solid #574EB0; background: #574EB0; color: white; } .detail-product-text ._params-table ._param{ width: 65%; padding: 8px 11px 7px; } .detail-product-text ._params-table ._val{ width: 35%; padding: 8px 11px 7px; } .modal-body{ padding: 15px 25px; } .form-block .form-block-line.type-input input{ width: 100%; } .add-to-cart-btns{ text-align: center; margin-top: 20px; } .add-to-cart-btns a.btn-secondary-stroke{ line-height: 17px; } .add-to-cart-btns a{ margin-bottom: 20px; float: none; height: 43px; line-height: 21px; } .viewd-product-item a{ width: 100%; } .main-slide-container .main-slide-name{ margin-top: 180px; } .articles-list .articles-item{ width: 100%; } #order_form_content .col.items{ width: 100%; padding-right: 0px; } .basket-form .col.total{ width: 100%; } .basket-list-item{ padding: 10px; } .basket-list-item .basket-list-item-desc{ padding-right: 0px; width: 190px; border-right: 0px; } .basket-list-item .basket-list-item-quantity{ display: block; float: none; border-right: 0px; margin: 20px auto 0; } .basket-list-item .basket-list-item-delete{ position: absolute; right: 20px; } .basket-list-item .basket-list-item-summary{ display: block; margin: 20px auto 0; border-right: 0px; } #sale_order_props .form-fields label .name, .relatedProps .form-fields label .name{ margin-bottom: 5px; } .delivery-list .col{ width: 100%; } ._page404 { padding-top: 80px; } ._page404 ._ico span.number .number41-pic, ._page404 ._ico span.number .number4-pic, ._page404 ._ico span.number .number0-pic{ display: none; } ._page404 ._ico span.number { margin-right: 10px; } ._page404 ._ico span .number-text { font-size: 130px; line-height: 130px; } .page404-content .page404-btn a { width: 270px; } .page404-content .small-text { font-size: 26px; } ._compare-page-hdr-btn-holder{ top: 7px; } ._compare-page ._compare-params-filter{ display: none; } ._compare-page .swiper-container{ width: 100%; } ._compare-page .swiper-container ._item{ padding: 10px; } ._compare-page .swiper-container ._item ._image{ width: 100%; margin-right: 0px; margin-bottom: 10px; } ._compare-page .swiper-container ._item .compare-item-text{ display: inline-block; width: 100%; padding: 0px; height: auto; text-align: center; } ._compare-page .swiper-container ._item ._buy{ position: relative; bottom: auto; } ._compare-params-block ._compare-paramsttl-col{ display: none; } ._compare-params-block ._compare-params-swiper .swiper-container ._item ._param-ttl{ display: inline-block; width: 100%; } ._compare-params-block ._compare-params-swiper .swiper-container ._item ._val{ padding: 11px 14px 0px } .contact-page{ margin-bottom: 20px; } .contact-left-side{ width: 100%; padding: 22px 18px 0; } .contact-right-side{ width: 100%; height: 300px; } .contact-left-side .content-page-text h3{ font-size: 18px; line-height: 24px; } .contact-left-side .contact-block.address p{ font-size: 14px; line-height: 24px; } .content-page .content-page-text a{ font-size: 15px; line-height: 22px; } .consultation-block{ width: 150px; height: 90px; } .consultation-block .consultation-block-title{ font-size: 12px; line-height: 16px; } .consultation-block-service .consultation-block-service-item a{ font-size: 12px; line-height: 20px; } .feedback-container .feedback-left{ width: 100%; padding-right: 0px; margin-bottom: 20px; } .feedback-container ul li a.active { padding: 15px 20px 10px; height: 43px; } .feedback-container .feedback-right{ width: 100%; padding: 5px 20px 15px; } .articles-list-main-page .articles-list .articles-item{ margin-bottom: 15px; } .articles-list .articles-item-body{ padding: 10px; } .articles-list .articles-item-name{ line-height: 24px; margin-bottom: 10px; } .articles-list .articles-item-name a{ font-size: 16px; line-height: 24px; } .seo-text-container{ width: 100%; font-size: 13px; line-height: 20px; } .seo-text-container p{ font-weight: 500; font-size: 13px; line-height: 18px; margin-bottom: 25px; } .seo-text-container p.lozung{ } .seo-text-container h2{ font-weight: bold; font-size: 16px; line-height: 21px; margin-bottom: 25px; } .seo-text-container h3{ font-weight: bold; font-size: 14px; line-height: 20px; margin-bottom: 25px; } .seo-text-container ul{ column-count: 1; } .seo-text-container ul li{ font-size: 13px; line-height: 18px; width: 100%; } .seo-text-container ul li:before{ content: ""; position: absolute; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: white; left: 5px; top: 10px; } .mobile-banner-wrap .big-text-banner { display: none; } span.mobile-banner-wrap span { font-size: 24px !important; line-height: 30px !important; color: #FFFFFF !important; } span.mobile-banner-wrap { margin-top: 50px; margin-bottom: 20px; } .bonus-wrapper-title { margin-top: -150px; display: flex; flex-wrap: wrap; } .bonus-wrapper-title p.title-bonus-banner-back{ width: 277px; height: 55px; padding: 13px 20px 20px 20px; margin-left: 0; font-size: 26px; margin-bottom: 10px; } .bonus-wrapper-title span.title-bonus-banner{ font-size: 20px; float: left; margin-left: 0; width: 100%; text-align: initial; } .bonus-wrapper-title p.text-bonus-title{ float: left; margin-top: 10px; margin-left: 17px; padding-left: 5px; text-align: left; margin-bottom: 20px; font-size: 15px; line-height: 20px; } .main-slide-descr .main-slide-btn{ text-align: left; } .main-slide-name.bonus-container + .main-slide-btn .btn-primary{ margin-left: 18px; margin-top: 90px; float: left; } } .personal-section-title{ font-weight: 400; font-size: 20px; line-height: 24px; background: #FFFFFF; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); padding: 40px 100px; margin-top: 36px; } .personal-section-title span{ font-weight: bold; } .personal-section-title.message-style{ position: relative; } .personal-section-title.message-style .icon-message{ display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: #EB5757; color: white; font-weight: 700; font-size: 29px; line-height: 44px; text-align: center; position: absolute; left: 30px; top: 51px; } .personal-section-title.message-style .message-text{ margin-top: 13px; } .personal-section-title.message-style .message-text .message-text-title{ font-weight: 700; font-size: 20px; line-height: 24px; margin-bottom: 11px; } .personal-section-title.message-style .message-text .message-text-desc{ font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 25px; } .personal-section-title.message-style .message-text .message-text-link{ font-weight: 500; font-size: 16px; line-height: 26px; } .personal-section-title.message-style .message-text .message-text-link a{ text-decoration: none; color: #2D9CDB; border-bottom: 1px dashed #2D9CDB; } .personal-section-title.message-style .message-text .message-text-link a:hover{ border-bottom: 0px; } .new-personal-section{ margin-top: 77px; display: flex; } .new-personal-section-container{ width: 47.5%; float: left; } .new-personal-section-container:nth-child(1){ margin-right: 5%; } .new-personal-section-block{ border: 1px solid #F4F3FF; padding: 40px; box-sizing: border-box; margin-bottom: 30px; } .new-personal-section-block .items-personal-link-header{ display: flex; width: 100%; padding-bottom: 20px; border-bottom: 1px solid #F4F3FF; margin-bottom: 20px; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-name{ font-weight: 700; font-size: 20px; line-height: 40px; width: calc(100% - 180px); } .new-personal-section-block .items-personal-link-header .items-personal-link-header-link{ width: 180px; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-link a{ width: 100%; vertical-align: top; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-link a.btn-secondary-stroke{ line-height: 37px; } .new-personal-section-block .items-personal-link-body{ font-weight: 500; font-size: 16px; line-height: 26px; } .new-personal-section-block .items-personal-link-body .items-personal-link-body-line{ } .new-personal-section-block .items-personal-link-body .items-personal-link-body-line b{ float: right; } .new-personal-section-block .items-personal-link-body .items-personal-link-body-line a{ margin-left: 20px; color: #2D9CDB; text-decoration: none; border-bottom: 1px dashed #2D9CDB; } .new-personal-section-block .items-personal-link-body .items-personal-link-body-line a:hover{ border-bottom: 0px; } .new-personal-section-block .items-personal-link-body .orders-list{ } .new-personal-section-block .items-personal-link-body .orders-list .orders-list-item{ padding-left: 35px; box-sizing: border-box; margin-bottom: 20px; position: relative; } .new-personal-section-block .items-personal-link-body .orders-list .orders-list-item:last-of-type{ margin-bottom: 0px; } .new-personal-section-block .items-personal-link-body .orders-list .orders-list-item .orders-list-item-status{ position: absolute; left: 0px; } .new-personal-section-block .items-personal-link-body .orders-list .orders-list-item .orders-list-item-body{ position: relative; } .new-personal-section-block .items-personal-link-body .orders-list .orders-list-item .orders-list-item-body .orders-list-item-body-price{ position: absolute; right: 0px; top: 0px; } .orders-list-item-status{ } .orders-list-item-status span{ display: inline-block; width: 25px; height: 25px; position: relative; } .orders-list-item-status .status-red{ } .orders-list-item-status .status-green, .orders-list-item-status .plus{ border: 1.5px solid #27AE60; border-radius: 50%; } .orders-list-item-status .plus{ text-align: center; color: #27AE60; padding: 0px 4px; box-sizing: border-box; line-height: 1; font-weight: 600; font-size: 19px; } .orders-list-item-status .status-red:before, .orders-list-item-status .status-red:after{ content: ""; position: absolute; display: inline-block; width: 20px; height: 1px; background: #EB5757; top:0px; left: 0px; } .orders-list-item-status .status-green:before, .orders-list-item-status .status-green:after{ content: ""; position: absolute; display: inline-block; width: 12px; height: 1px; background: #27AE60; top:11px; left: 7px; } .orders-list-item-status .status-red:before{ transform: rotate(45deg); } .orders-list-item-status .status-red:after{ transform: rotate(-45deg); } .orders-list-item-status .status-green:before{ transform: rotate(-40deg); top:11px; left: 9px; } .orders-list-item-status .status-green:after{ transform: rotate(40deg); width: 7px; top: 13px; left: 6px; } .orders-list-item-body-info{ } .orders-list-item-body-info .orders-list-item-body-info-name{ font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 5px; } .orders-list-item-body-info .orders-list-item-body-info-name a{ color: #2D9CDB; } .orders-list-item-body-info .orders-list-item-body-status-info{ font-weight: 400; font-size: 14px; line-height: 24px; } .orders-list-item-body-info .orders-list-item-body-status-info a{ color: #2D9CDB; text-decoration: none; } .items-personal-link-footer{ border-top: 1px solid #F4F3FF; padding-top: 30px; margin-top: 30px; } .items-personal-link-footer .items-personal-link-footer-summa{ display: flex; } .items-personal-link-footer-summa .items-personal-link-footer-summa-number{ font-weight: 700; font-size: 20px; line-height: 32px; width: 20%; } .items-personal-link-footer-summa .items-personal-link-footer-text{ width: 80%; } .items-personal-link-footer-summa .items-personal-link-footer-text .text-title{ font-weight: 500; font-size: 16px; line-height: 26px; } .items-personal-link-footer-summa .items-personal-link-footer-text .text-desc{ font-weight: 400; font-size: 12px; line-height: 16px; margin-top: 10px; } .icon-bonuses-cart{ width: 120px; height: 85px; background: url(/design/css/../img/card-mc.png) no-repeat center center; position: absolute; top: -31px; background-size: cover; right: 0; } .action-detail-container{ position: relative; } .action-detail-container-breadcrumbs{ display: inline-block; width: 100%; position: absolute; margin-top: 5px; } .action-detail-page-pic{ position: absolute; left: 51.5%; top: 0px; max-width: 48.5%; } .action-detail-page-pic img{ width: 100%; object-fit: cover; } .action-detail-page-text{ position: absolute; width: 100%; top: 80px; height: 630px; } .action-detail-page-picture{ height: 844px; } .action-detail-page-picture .action-detail-page-bg{ display: inline-block; width: 100%; height: 100%; } .action-detail-page-picture .action-detail-page-bg img{ width: 100%; height: 100%; object-fit: cover; } .action-detail-page-text-container { height: 100%; width: 100%; display: flex; align-items: center; width: 1140px; margin: 0 auto; } .action-detail-page-text-container-flex{ max-width: 60%; } .action-detail-page-title h1 { background: linear-gradient(219.14deg, #393185 17.15%, #813BB8 78.1%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom: 30px; } .action-detail-page-preview{ font-weight: 700; font-size: 35px; line-height: 47px; letter-spacing: 0.02em; margin-bottom: 30px; } .action-detail-page-dates{ font-weight: 500; font-size: 32px; line-height: 40px; text-align: center; letter-spacing: 0.02em; /* white */ color: #FFFFFF; background: #CE4AFF; border-radius: 0px 50px; padding: 10px 37px; display: inline-block; } .white-style .action-detail-page-title h1{ color: white; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background: none; } .white-style .action-detail-page-preview{ color: white; } .action-detail-page-content{ margin-top: -235px; position: relative; z-index: 1; } .action-detail-page-content .text{ background: #FFFFFF; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 70px 98px 90px; } .action-detail-page-content .text h3{ font-weight: 500; font-size: 28px; line-height: 40px; margin-bottom: 27px; } .action-detail-page-content .steps-side{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-bottom: 38px; } @media (max-width: 767px) { /* .action-detail-page-content{ margin-top: 0px; } */ } .steps-side-item{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; } .steps-side-item .steps-side-item-number{ font-weight: 700; font-size: 50px; line-height: 66px; color: white; display: flex; width: 97px; height: 97px; background: linear-gradient(219.14deg, #393185 17.15%, #813BB8 78.1%); border-radius: 50%; align-items: center; justify-content: center; margin-right: 20px; } .steps-side-item .steps-side-item-number span{ } .steps-side-item .steps-side-item-text{ font-weight: 400; font-size: 17px; line-height: 21px; } .steps-side-item .steps-side-item-text a{ color: #2D9CDB; text-decoration: none; } .steps-side-item .steps-side-item-text a:hover{ text-decoration: underline; } .action-detail-page-content .text .rules{ counter-reset: list 0; } .action-detail-page-content .text .rules li{ padding-left: 50px; position: relative; font-weight: 500; font-size: 17px; line-height: 26px; margin-bottom: 26px; } .action-detail-page-content .text .rules li:before{ counter-increment: list; content: counter(list); display: inline-block; width: 39px; height: 39px; border: 2px solid #56CCF2; border-radius: 50%; font-weight: 700; font-size: 18px; color: #56CCF2; box-sizing: border-box; text-align: center; padding: 4px 2px 4px 1px; position: absolute; left: 0px; top: 0; } .action-detail-page-content .text .akcent-block{ background: #F4F3FF; display: inline-block; width: 100%; box-sizing: border-box; padding: 23px; text-align: center; color: #817AC8; font-weight: 700; font-size: 19px; line-height: 24px; margin-top: 16px; } .action-detail-page-content .text .akcent-block a{ text-decoration: none; color: #817AC8; } .action-btn-block{ text-align: center; margin-top: 40px; } .action-btn-block a{ width: auto; padding: 17px 30px; } .basket-item-price{ } .basket-item-price .old-price{ color: gray; text-decoration: line-through; } .basket-form .total .detailed-total .items-total.summ{ margin-top: 20px; } .basket-form .total .detailed-total .items-total.summ .value{ position: relative; } .basket-form .total .detailed-total .items-total.summ .value .old-price{ position: absolute; color: gray; text-decoration: line-through; top: -24px; font-size: 18px; } .basket-form .total .detailed-total.total-summ{ } @media (max-width: 1199px){ /*personal*/ .new-personal-section-block .items-personal-link-header { display: block; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-name { display: block; line-height: 20px; width: 100%; margin-bottom: 20px; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-link { /*width: 190px; font-size: 10px;*/ } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-review-link { width: auto !important; } /*end personal*/ .action-detail-page-pic{ display: none; } .action-detail-page-text{ height: auto; } .action-detail-page-text-container{ width: 90%; } .action-detail-page-text-container-flex{ max-width: 100%; } .action-detail-page-title h1{ font-size: 48px; line-height: 58px; } .action-detail-page-preview{ font-size: 28px; line-height: 38px; } .action-detail-page-dates{ font-size: 24px; line-height: 36px; padding: 7px 40px; } /*.action-detail-page-picture{ height: 660px; }*/ .action-detail-page-picture{ height: auto; } .action-detail-page-content .text{ padding: 40px 38px 90px; } .action-detail-page-content .text h3{ font-size: 24px; line-height: 32px; } .steps-side-item .steps-side-item-number{ width: 67px; height: 67px; font-size: 32px; line-height: 50px; margin-right: 10px; } .steps-side-item .steps-side-item-text{ font-size: 14px; } .action-detail-page-content .text .rules li{ font-size: 14px; } } @media (max-width: 767px){ /*personal*/ .personal-section-title { padding: 20px; font-size: 16px; margin-top: 10px; } .personal-section-title.message-style .message-text { margin-top: 0; } .personal-section-title.message-style .icon-message { right: 10px; top: 10px; left: unset; width: 35px; height: 35px; line-height: 35px; } .personal-section-title.message-style .message-text .message-text-title { font-size: 20px; } .new-personal-section { margin-top: 10px; display: block; } .new-personal-section-container { width: 100%; float: none; } .new-personal-section-block { padding: 20px; margin-bottom: 20px; } .new-personal-section-block .items-personal-link-header { padding-bottom: 0; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-name { line-height: 20px; } .new-personal-section-block .items-personal-link-header .items-personal-link-header-link { line-height: 20px; } /*end personal*/ .action-detail-page-title h1{ font-size: 36px; line-height: 48px; } .action-detail-page-preview { font-size: 18px; line-height: 28px; } .action-detail-page-dates { font-size: 16px; line-height: 26px; padding: 7px 30px; } .action-detail-page-content .wrapper-inside{ width: 100%; } .action-detail-page-content .text h3 { font-size: 18px; line-height: 28px; } .steps-side-item{ margin-bottom: 20px; } .action-detail-page-content .steps-side{ margin-bottom: 10px; } .action-detail-page-content .text { padding: 20px 20px 40px; } .action-detail-page-content .text .akcent-block{ font-size: 15px; } .action-btn-block a{ width: auto; padding: 10px 30px; } .content-page-main-pic img.about-us_img{ width: 100%; height: auto; } .content-page .content-page-main-pic + .content-page-text{ width: 100%; } } .b24-window-mounts .b24-window-popup{ z-index: 1100010; } .basket-empty{ text-align: center; margin-bottom: 50px; } .basket-empty-pic{ margin-bottom: 20px; } .basket-empty-pic img{ max-width: 100%; } .basket-empty-title{ font-style: normal; font-weight: 700; font-size: 40px; line-height: 53px; letter-spacing: 0.02em; color: #000000; margin-bottom: 20px; } .basket-empty-desc{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: 0.02em; color: #000000; margin-bottom: 30px; } @media (max-width: 767px){ .basket-empty-title { font-size: 30px; line-height: 40px; } .basket-empty-pic img{ max-width: 50%; } } .product-shild .shild-item.bg-action-name{ background: #CE4AFF; border-radius: 0px 15px; } .product-shild .shild-item.bg-action-discount{ background: #817AC8; color: white; } @media (max-width: 767px){ .product-shild .shild-item.bg-action-name{ padding: 0px 8px 2px !important; } .bx-auth{ width: 100%; } } .action-form-page-container{ display: inline-block; width: 100%; margin-top: 40px; } .form-before-text{ font-weight: 500; font-size: 16px; line-height: 26px; margin-bottom: 40px; } .action-form-container{ background: #F4F3FF; border-radius: 20px; box-sizing: border-box; padding: 20px 10px; } .field-action-line{ display: inline-block; width: 100%; margin-bottom: 21px; } .field-action-line:last-of-type{ margin-bottom: 0px; } .field-action-line .field-action-item{ position: relative; width: 50%; float: left; display: inline-block; box-sizing: border-box; padding: 0 15px; } .field-action-line .field-action-item.full-size{ width: 50%; float: right; } .field-action-line .field-action-item.full-size button{ width: 100%; } .field-action-line .field-action-item label{ display: inline-block; position: absolute; letter-spacing: 0.02em; /* light_blue */ color: #817AC8; font-weight: 700; font-size: 14px; line-height: 19px; left: 36px; top: -10px; background: #F4F3FF; padding: 0 5px; } .field-action-line .field-action-item input{ display: inline-block; width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid #817AC8; border-radius: 30px; background: none; } @media (max-width: 767px){ .action-form-container{ padding: 30px 10px; } .field-action-line{ vertical-align: top; } .field-action-line .field-action-item, .field-action-line .field-action-item:nth-child(3n){ width: 100%; } .field-action-line .field-action-item{ margin-bottom: 20px; } .field-action-line .field-action-item:last-of-type{ margin-bottom: 0px; } .field-action-line .field-action-item.full-size{ width: 100%; text-align: center; } .field-action-line .field-action-item.full-size button{ height: 50px; } } .order-history{ margin-top: 30px; } .orders-history-tabs{ width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .orders-history-tabs .tabs-list{ width: 25%; box-sizing: border-box; padding-right: 5%; } .orders-history-tabs .tabs-list .tab-item{ margin-bottom: 15px; } .orders-history-tabs .tabs-list .tab-item a{ width: 100%; } .orders-history-tabs .tabs-list .tab-item a.btn-secondary-stroke{ line-height: 40px; } .orders-history-tabs .tabs{ width: 75%; } .order-list { display: inline-block; width: 100%; } .order-list .order-item { display: inline-block; width: 100%; background: #fff; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.02), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0143771), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0119221), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.01), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.00807786), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00562291); border-radius: 15px; margin: 0 0 15px; } .order-list .order-item .order-item-holder { display: inline-block; width: 100%; box-sizing: border-box; padding: 21px 10px 20px 20px; } .order-list .order-item .order-item-holder .order-description { display: flex; } .order-list .order-item .order-item-holder .order-description .order-id { width: 33%; height: auto; } .order-list .order-item .order-item-holder .order-description .order-id .order-id-holder { display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: center; padding: 2px 0 0; } .order-list .order-item .order-item-holder .order-description .order-id .order-id-holder .date { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; margin: 0 0 4px; } .order-list .order-item .order-item-holder .order-description .order-id .order-id-holder .id a { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; position: relative; color: #E18AFF; text-decoration: none; } .order-list .order-item .order-item-holder .order-description .order-id .order-id-holder .id a:hover:after { opacity: 0; transition: all 300ms; } .order-list .order-item .order-item-holder .order-description .order-id .order-id-holder .id a:after { content: ""; display: inline-block; width: 100%; height: 0; border-bottom: 1px; position: absolute; border-bottom: 1px dashed #E18AFF; left: 0; bottom: 0; transition: all 300ms; } .order-list .order-item .order-item-holder .order-description .order-price { width: 33%; box-sizing: border-box; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder { display: inline-block; width: 100%; height: 100%; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid #eaeaf0; border-top: none; border-bottom: none; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price{ text-align: center; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price .old-value { font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; text-decoration-line: line-through; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price .value { font-style: normal; font-weight: 700; font-size: 20px; line-height: 27px; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price-action{ text-align: center; margin-top: 10px; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price-action a.btn{ font-size: 14px; line-height: 46px; height: 46px; padding: 0 17px; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price-action a.payed-price{ line-height: 24px; } .order-list .order-item .order-item-holder .order-description .order-delivery { width: 33%; height: auto; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder { display: flex; width: 100%; height: 100%; align-items: center; justify-content: flex-end; padding: 3px 0 0; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .delivery { min-width: 193px; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .delivery .type { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; margin: 0 0 4px; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .delivery .date { font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .status { width: 137px; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .status .btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; padding: 0; border-radius: 30px; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .status .btn.btn-outline { border: 1px solid #646464; background: transparent; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder .status .btn.btn-outline:hover { background: #646464; color: white; } .order-list .order-item .order-item-holder .order-action { display: inline-block; width: 100%; margin: 32px 0 0; } .order-list .order-item .order-item-holder .order-action .order-action-holder { display: inline-block; width: 100%; } .order-list .order-item .order-item-holder .order-action .order-action-holder .action { float: left; width: 125px; } .order-list .order-item .order-item-holder .order-action .order-action-holder .action .btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; padding: 0; background: #F5F5F7; border-radius: 30px; } .order-list .order-item .order-item-holder .order-action .order-action-holder .action .btn.btn-outline { border: 1px solid #646464; background: transparent; } .order-list .order-item .order-item-holder .order-action .order-action-holder .action .btn.btn-outline:hover { background: #646464; color: white; } .order-list .order-item .order-item-holder .order-action .order-action-holder .action .btn .icon { margin-right: 3px; } .order-details { display: inline-block; width: 100%; margin-top: 40px; margin-bottom: 40px; } .order-details .order-details-holder { display: inline-block; width: 100%; background: #fff; box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.02), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0143771), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0119221), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.01), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.00807786), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00562291); border-radius: 15px; overflow: hidden; } .order-details .order-details-holder .order-main-info { display: inline-block; width: 100%; } .order-details .order-details-holder .order-main-info .order-main-info-holder { display: flex; width: 100%; box-sizing: border-box; padding: 22px 20px 20px; background: #eaeaf0; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id { width: 172px; height: auto; border-right: 1px solid #c8c8d0; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id .order-id-holder { display: flex; width: 100%; height: 100%; box-sizing: border-box; padding: 0 27px 0 0; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id .order-id-holder .text .date { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; margin: 0 0 5px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id .order-id-holder .text .id { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-delivery { width: 217px; height: auto; border-right: 1px solid #c8c8d0; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-delivery .order-delivery-holder { display: flex; width: 100%; height: 100%; box-sizing: border-box; padding: 0 27px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-delivery .order-delivery-holder .text .type { font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; margin: 0 0 5px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-delivery .order-delivery-holder .text .date { font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #f4f3ff; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-price { width: 156px; height: auto; border-right: 1px solid #c8c8d0; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-price .order-price-holder { display: flex; width: 100%; height: 100%; box-sizing: border-box; padding: 0 27px; align-items: center; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-price .order-price-holder .text .old-value { font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #f4f3ff; text-decoration: line-through; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-price .order-price-holder .text .value { font-style: normal; font-weight: 700; font-size: 22px; line-height: 22px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status { width: calc(100% - 156px - 217px - 172px); height: auto; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status .order-paument-status-holder { display: flex; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 0 27px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status .order-paument-status-holder .btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; padding: 0; border-radius: 30px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status .order-paument-status-holder .btn.btn-outline { border: 1px solid #646464; background: transparent; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status .order-paument-status-holder .btn.btn-outline:hover { background: #646464; color: white; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status .order-paument-status-holder .btn .icon { margin-right: 3px; } .order-details .order-details-holder .order-items { display: inline-block; width: 100%; } .order-details .order-details-holder .order-items .order-items-holder { display: inline-block; width: 100%; } .order-details .order-details-holder .order-items .order-items-holder .order-item { display: inline-block; width: 100%; border-bottom: 1px solid #eaeaf0; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder { display: flex; width: 100%; box-sizing: border-box; padding: 20px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-image { float: left; width: 105px; height: auto; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-image .item-iamge-holder { display: flex; width: 100%; height: 100%; align-items: center; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-image .item-iamge-holder a { display: inline-block; width: 100%; height: 95px; transition: all 300ms; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-image .item-iamge-holder a:hover { opacity: 0.64; transition: all 300ms; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-image .item-iamge-holder a img { width: 100%; height: 100%; object-fit: contain; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions { float: left; width: calc(100% - 105px); height: auto; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder { display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding-left: 20px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder.several-descs .item-description { height: auto; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .sep-type { display: inline-block; width: 100%; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #f4f3ff; margin: 7px 0 5px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description { width: 100%; height: 100%; display: flex; align-items: center; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description.top { align-items: flex-start; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block { float: left; width: 342px; height: auto; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block .name { display: inline-block; width: 100%; margin: 0 0 5px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block .name a { font-style: normal; font-weight: 600; font-size: 18px; line-height: 26px; color: #828282; text-decoration: none; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block .name a:hover { color: #2D9CDB; border-bottom: 1px solid #2D9CDB; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block .desc { display: inline-block; width: 100%; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-price { display: inline-block; width: 122px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-price .value { display: inline-block; width: 100%; box-sizing: border-box; padding: 0 0 0 19px; font-style: normal; font-weight: 700; font-size: 18px; line-height: 18px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-amount { display: inline-block; width: calc(100% - 122px - 342px - 290px); } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-amount .amount { font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-review-link{ width: 290px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-review-link a { width: 100%; line-height: 36px; } #review-product-open{ width: 1140px; } #review-product-open .form-block-line{ width: 56%; float: left; box-sizing: border-box; padding-right: 20px; text-align: left; } #review-product-open .form-block-line:nth-child(2n){ width: 44%; padding-right: 0px; } #review-product-open .form-block .form-block-line.type-textarea textarea{ border: 1px solid #E8E8E8; border-radius: 15px; resize: none; height: 168px; } #review-product-open .form-block .form-block-line.type-input input, #review-product-open .form-block .form-block-line textarea{ width: 100%; padding: 15px 20px; } #review-product-open .form-block-line.rating{ display: flex; margin-top: -14px; } #review-product-open .form-block-line.rating .main-number{ font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; color: #FFFFFF; display: flex; width: 60px; height: 60px; align-items: center; justify-content: center; background: url(/design/css/../img/star-big.svg) no-repeat center center; float: left; } #review-product-open .form-block-line.rating .second-number{ text-align: left; margin-left: 20px; } #review-product-open .form-block-line.rating .second-number .title{ font-weight: 400; font-size: 14px; line-height: 19px; color: #828282; } #review-product-open .form-block-line.rating .second-number .stars-block{ } #review-product-open .form-block-line.rating .second-number .stars-block .star-item{ display: inline-block; width: 24px; height: 24px; background: url(/design/css/../img/star-small.svg) no-repeat center center; transition: all 0.3s ease; } #review-product-open .form-block-line.rating .second-number .stars-block .star-item.active{ display: inline-block; width: 24px; height: 24px; background: url(/design/css/../img/star-small-active.svg) no-repeat center center; } #review-product-open .form-block-line.type-file{ } #review-product-open .form-block-line.type-file .title{ font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 20px; } #review-product-open .form-block-line.type-file .fileUpload{ } #review-product-open .form-block-line.type-file .fileUpload a{ width: auto; padding: 0 70px; line-height: 33px; } #review-product-open .form-block-line.type-file .fileUpload .fileUpload-inputcontainer{ display: none; } #review-product-open .form-block-line.type-btn{ margin-bottom: 20px; } @media (max-width: 767px){ .orders-history-tabs .tabs-list{ width: 100%; padding-right: 0px; } .orders-history-tabs .tabs-list .tab-item { margin-bottom: 5px; } .orders-history-tabs .tabs-list .tab-item a.btn-secondary-stroke{ line-height: 28px; height: 33px; } .orders-history-tabs .tabs{ width: 100%; } .order-list .order-item .order-item-holder{ padding: 10px; } .order-list .order-item .order-item-holder .order-description{ display: inline-block; width: 100%; } .order-list .order-item .order-item-holder .order-description .order-id{ width: 100%; box-sizing: border-box; padding: 10px; } .order-list .order-item .order-item-holder .order-description .order-price{ width: 100%; box-sizing: border-box; padding: 0 10px; } .order-list .order-item .order-item-holder .order-description .order-delivery{ width: 100%; box-sizing: border-box; padding: 0 10px; } .order-list .order-item .order-item-holder .order-description .order-delivery .order-delivery-holder{ display: inline-block; width: 100%; text-align: left; padding-top: 0px; vertical-align: top; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder{ border: 0px; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price{ float: left; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price-action{ display: inline-block; float: right; margin-top: 0px; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price-action a.btn{ display: flex; align-items: center; justify-content: center; } .order-list .order-item .order-item-holder .order-description .order-price .order-price-holder .price-action a.btn .text{ line-height: 15px; } .order-list .order-item .order-item-holder .order-action{ margin-top: 5px; } .order-details .order-details-holder .order-main-info .order-main-info-holder{ display: inline-block; width: 100%; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id { width: 100%; border: 0px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-delivery{ width: 100%; border: 0px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-price{ width: 100%; border: 0px; margin-bottom: 10px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status{ width: 100%; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id .order-id-holder .text .date{ font-size: 12px; line-height: 15px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-id .order-id-holder .text .id{ font-size: 12px; line-height: 15px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-delivery .order-delivery-holder{ display: inline-block; width: 100%; padding: 0px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-price .order-price-holder{ display: inline-block; width: 100%; padding: 0px; } .order-details .order-details-holder .order-main-info .order-main-info-holder .order-paument-status .order-paument-status-holder{ display: inline-block; width: 100%; padding: 0px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder{ padding: 10px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-image{ width: 25%; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions{ width: 75%; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description{ display: inline-block; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block{ width: 100%; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block .name{ margin-bottom: 0px; line-height: 18px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-block .name a{ font-size: 14px; line-height: 18px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-price{ text-align: left; width: 40%; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-price .value{ padding-left: 0px; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-amount{ width: 56%; text-align: right; } .order-details .order-details-holder .order-items .order-items-holder .order-item .order-item-holder .item-descriptions .item-descriptions-holder .item-description .description-amount .amount{ font-size: 12px; } .dyson-alert.alert-indigo{ display: none; margin-top: 10px; margin-bottom: 10px; } .dyson-alert.alert-indigo.active{ display: block; } } .main-slide-container.right-text{ justify-content: flex-end; } .main-slide-container.right-text .main-slide-descr{ text-align: end; } .page-banner-content{ margin-bottom: 20px; position: relative; } .page-banner-content-picture{ } .page-banner-content-picture img{ width: 100%; } .page-banner-content-text{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; box-sizing: border-box; padding: 44px 30px; } .page-banner-content-text .page-banner-title{ font-weight: 700; font-size: 76px; line-height: 78px; } .product-item-name-discount-line{ display: inline-block; background: #F4F3FF; color: #817AC8; font-size: 11px; font-width: 500; padding: 3px 8px; } .product-item-change-garanty{ display: flex; justify-content: space-between; align-items: center; align-self: stretch; margin-top: 5px; margin-bottom: 10px; } .product-item-change-title{ font-size: 14px; font-weight: 500; margin-right: 10px; } .list-for-buy .product-item-change-garanty{ justify-content: unset; } .list-for-buy .product-item-change-title{ font-size: 15px; line-height: 21px; } .product-item-change-list{ display: flex; align-items: center; gap: 5px; } .product-item-change-list .product-item-change-item{ } .product-item-change-list .product-item-change-item a{ border-radius: 100px; display: flex; height: 25px; padding: 5px 10px; box-sizing: border-box; justify-content: center; align-items: center; gap: 10px; font-family: 'Exo 2'; font-size: 12px; font-weight: 400; color: #828282; border: 1px solid #E8E8E8; text-decoration: none; transition: all 0.3s ease; } .product-item-change-list .product-item-change-item a.active{ background: #817AC8; border: 1px solid #817AC8; color: #FFF; } .actions-line-order{ position: relative; margin-bottom: 10px; } .actions-line-order .actions-line-order-shild{ display: inline-block; width: 100%; font-size: 14px; line-height: 16px; background: #817AC8; color: white; padding: 5px 10px; box-sizing: border-box; } .actions-line-order .actions-line-order-vision{ position: absolute; display: inline-block; width: 100%; transform: translateX(-50%) translateY(-10px); left: 50%; top: 110%; opacity: 0; visibility: hidden; border: 1px solid #817AC8; background: #ffffff; box-sizing: border-box; padding: 10px; font-size: 14px; line-height: 16px; transition: all 0.3s ease; } .actions-line-order .actions-line-order-vision:after, .actions-line-order .actions-line-order-vision:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .actions-line-order .actions-line-order-vision:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .actions-line-order .actions-line-order-vision:before { border-color: rgba(129, 122, 200, 0); border-bottom-color: #817AC8; border-width: 8px; margin-left: -8px; } .actions-line-order:hover .actions-line-order-vision{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } .actions-line-order .actions-line-order-vision a{ color: black; } .actions-line-order .actions-line-order-vision a:hover{ text-decoration: none; } @media (max-width: 1199px){ .page-banner-content-text .page-banner-title{ font-size: 48px; line-height: 56px; } } @media (max-width: 767px){ .page-banner-content{ display: none; } .page-banner-content-text .page-banner-title{ font-size: 32px; line-height: 48px; } .vspomogat-menu:first-of-type{ margin-top: 0px; } ._catalog-list-holder{ padding-top: 20px; } .catalog-filter-tags-and-sort{ margin-top: 30px; } .bx-filter-tags{ display: none; } .sort-fields{ width: 100%; } } .bx-sls .bx-ui-sls-container{ min-height: 45px; } .bx-sls .bx-ui-sls-container input{ height: 100%; } .bx-sls .dropdown-icon{ top: 15px; } .dop-info-for-users-container{ float: right; position: relative; width: 16px; height: 16px; background: black; margin-top: 6px; margin-right: 10px; } .dop-info-for-users{ position: absolute; bottom: 30px; right: -100%; background: white; z-index: 9999999; box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.10); padding: 20px; transition: all 300ms ease-out; opacity: 0; font-size: 12px; color: #828282; border: 1px solid #E6E6E6; width: max-content; max-width: 300px; } .dop-info-for-users-container:hover .dop-info-for-users{ opacity: 1; } .dop-info-for-users::before{ content: ""; position: absolute; top: 100%; right: 5%; border-style: solid; border-width: 8px; border-color: white #bfb0b000 #ed0e0e00 transparent; } /*НОВАЯ СТРАНИЦА АКЦИЙ*/ .new-action-style .action-detail-page-picture{ height: 686px; } .new-action-style .action-detail-page-pic{ left: 47.2%; top: 73px; } .new-action-style .action-detail-page-title h1{ font-size: 72px; font-weight: 900; line-height: 90%; margin-bottom: 8px; } .new-action-style .action-detail-page-text{ top: 136px; height: 550px; } .new-action-style .action-detail-page-text-container{ align-items: unset; display: block; } .new-action-style .action-detail-page-subtitle p{ font-size: 50px; font-weight: 600; line-height: 90%; letter-spacing: 0.1px; } .white-style .action-detail-page-subtitle p{ color: #FFFFFF; } .new-action-style .action-sale-wrap{ background: url("/design/img/action-sale-bg.svg") no-repeat; display: flex; justify-content: space-between; background-size: contain; } .new-action-style .action-detail-page-text-container-flex{ width: 40%; } .new-action-style .action-sale-wrap .sale-sum, .new-action-style .action-sale-wrap .sale-desc{ color: #FFFFFF; font-size: 40px; font-weight: 700; line-height: 90%; padding: 18px 13px 21px 24px; } .new-action-style .action-sale-wrap .sale-desc{ margin-right: 10px; display: inline-block; } .new-action-style .action-sale-wrap .sale-desc p{ font-size: 28px; font-weight: 400; float: left; margin-top: 5px; margin-right: 8px; } .new-action-style .action-sale-info-wrapper{ margin-top: 50px; } .new-action-style .action-brands-logo{ position: absolute; bottom: 65px; display: flex; justify-content: space-between; width: 396px; } .new-action-style .action-brands-logo .action-logo-wrapper:first-of-type{ margin-top: 5px; } .new-action-style.action-detail-page-content{ margin-top: 0; } .new-action-style .action-rules{ text-align: end; /*margin-top: 57px;*/ padding-top: 57px; } .new-action-style .action-rules a{ color: #E18AFF; font-size: 18px; font-weight: 700; letter-spacing: 1.36px; text-decoration-line: underline; transition: all ease 0.3s; } .new-action-style .action-rules a:hover{ color: #C82AFF; transition: all ease 0.3s; } .new-action-style .title-action{ font-size: 32px; font-weight: 500; line-height: 40px; letter-spacing: 1.2px; margin-top: 37px; } .new-action-style .action-variant-complect{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 30px; margin-top: 33px; margin-bottom: 78px; } .new-action-style .action-variant-complect .action-complect-block{ border: 1px solid #E6E3FE; padding: 28px 0 30px; transition: all ease 0.3s; background: #FFFFFF; } .new-action-style .action-variant-complect .action-complect-block.active{ background: #F4F3FF; border: 1px solid #F4F3FF; } .new-action-style .action-variant-complect .action-complect-block:hover{ border: 1px solid #E6E3FE; background: #F4F3FF; cursor: pointer; transition: all ease 0.3s; } .new-action-style .action-variant-complect .action-complect-block.active:hover{ cursor: unset; } .new-action-style .action-variant-complect .action-complect-block .complect-block-wrapper{ display: flex; justify-content: center; } .new-action-style .action-variant-complect .action-complect-block .complect-block-wrapper .img-complect{ text-align: center; padding: 0 10px; } .complect-block-wrapper .img-complect img{ height: 140px; object-fit: cover; } .new-action-style .action-variant-complect .action-complect-block .complect-desc{ text-align: center; margin-top: 20px; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 1.15px; } .new-action-style .action-complect-block{ position: relative; } .new-action-style .action-complect-block .action-schildik{ position: absolute; color: #FFFFFF; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; border-radius: 3px; background: #272729; right: 3%; top: 3.75%; padding: 1px 8px; line-height: 20px; } .new-action-style .sub-title-action{ font-size: 26px; font-weight: 500; line-height: 40px; letter-spacing: 1px; } .new-action-style .sub-title-action br{ display: none; } .new-action-style .sub-title-action span.btn-secondary{ font-size: 22px; font-weight: 700; line-height: 40px; letter-spacing: 1.5px; padding: 7px 10px; border-radius: 16px; } .new-action-style .sub-title-action span.btn-secondary:hover{ background: linear-gradient(212.39deg, #813BB8 3.34%, #393185 69.85%); } .new-action-style .action-complects-list{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 31px; padding-bottom: 80px; } .new-action-style .action-complect-card{ width: 48.75%; margin-bottom: 31px; position: relative; } .new-action-style .complect-card-wrapper{ border: 1px solid #E6E3FE; } .new-action-style .complect-card-wrapper .card-product-wrapper{ padding: 0 20px; position: relative; height: 260px; } .new-action-style .complect-card-wrapper .card-product-block{ display: flex; justify-content: center; padding: 30px 0 25px; border-bottom: 1px solid #E6E3FE; background: #FFFFFF; } .complect-card-wrapper .card-product-block .card-product-img{ text-align: center; } .complect-card-wrapper .card-product-block .card-product-img img{ max-width: 126px; height: 140px; object-fit: contain; } .complect-card-wrapper .card-product-block .card-product-name{ text-align: center; font-size: 14px; font-weight: 400; line-height: 120%; margin-top: 20px; letter-spacing: 0.28px; max-width: 140px; } .complect-card-wrapper .card-product-block .card-product-name a{ text-decoration: none; color: #000000; } .complect-card-wrapper .card-product-block .card-product-price{ text-align: center; font-size: 16px; font-weight: 600; letter-spacing: 0.32px; margin-top: 6px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); } .new-action-style .complect-card-wrapper .card-actions-block{ display: flex; justify-content: space-between; padding: 12px 30px 18px 29px; background: #343436; } .new-action-style .complect-card-wrapper .card-actions-block .card-price-block .old-price{ font-size: 18px; font-weight: 400; letter-spacing: 1px; text-decoration: line-through; color: #FFFFFF; } .new-action-style .complect-card-wrapper .card-actions-block .card-price-block .price{ font-size: 24px; font-weight: 500; letter-spacing: 1.4px; margin-top: 1px; color: #FFFFFF; } .new-action-style .complect-card-wrapper .card-actions-block .action-btn-wrapper{ margin-top: 9px; } .new-action-style .complect-card-wrapper .card-actions-block .action-btn-wrapper .btn-secondary{ padding: 10px; width: 125px; height: 43px; } .new-action-style .action-complect-card .action-schildik{ position: absolute; color: #FFFFFF; font-size: 12px; font-weight: 500; letter-spacing: 0.5px; border-radius: 3px; background: #272729; right: 3%; top: 3.75%; padding: 1px 8px; line-height: 20px; } .action-detail-page-content .text .rules li + ul li:before{ display: none; } .action-detail-page-content.new-action-style{ margin-top: 0; } .action-detail-page-content.new-action-style .text h3{ margin-bottom: 40px; } .action-detail-page-content.new-action-style .text .rules li{ margin-bottom: 30px; } .action-detail-page-content.new-action-style .text .rules li + ul{ margin-top: -15px; margin-bottom: 25px; } .action-detail-page-content.new-action-style .text .rules li + ul li{ margin-bottom: 10px; } .main-page-slider a{ margin-left: 0; } .rules-popUp.modal.fade.fancybox-content{ width: 75%; } .credit-link-with-text{ position: relative; } .credit-link-with-text .vision-text{ position: absolute; display: inline-block; width: 140%; transform: translateX(-50%) translateY(-10px); left: 50%; top: 120%; opacity: 0; visibility: hidden; border: 1px solid #817AC8; background: #ffffff; box-sizing: border-box; padding: 10px; font-size: 12px; line-height: 16px; transition: all 0.3s ease; color: black; text-align: center; } .credit-link-with-text .vision-text:after, .credit-link-with-text .vision-text:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .credit-link-with-text .vision-text:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .credit-link-with-text .vision-text:before { border-color: rgba(129, 122, 200, 0); border-bottom-color: #817AC8; border-width: 8px; margin-left: -8px; } .credit-link-with-text:hover .vision-text{ opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } @media (max-width: 1199px){ .new-action-style .action-detail-page-pic{ display: block; } .new-action-style .action-sale-wrap .sale-sum, .new-action-style .action-sale-wrap .sale-desc{ font-size: 28px; } .new-action-style .action-sale-wrap .sale-desc p{ margin-top: 0; font-size: 24px; } .new-action-style .action-detail-page-picture{ height: 550px; } .new-action-style .action-detail-page-text{ top: 100px; height: 450px; } .new-action-style .action-sale-info-wrapper{ max-width: 400px; } .new-action-style .action-variant-complect{ grid-template-columns: 1fr 1fr; grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 32px; margin-bottom: 53px; } .new-action-style .action-variant-complect .action-complect-block:last-of-type{ grid-column: 1 / 3; } .new-action-style .action-complect-card{ width: 100%; margin-bottom: 20px; } .new-action-style .action-detail-page-subtitle p{ font-size: 44px; } .new-action-style .action-detail-page-title h1{ font-size: 66px; } .new-action-style .complect-card-wrapper .card-product-wrapper{ padding: 0 40px; height: 250px; } .new-action-style .action-variant-complect .action-complect-block .complect-block-wrapper .img-complect{ padding: 0 20px; } .new-action-style .action-rules a{ font-size: 16px; } .new-action-style .action-rules{ /*margin-top: 56px;*/ padding-top: 56px; } .new-action-style .title-action{ margin-top: 26px; font-size: 32px; } .new-action-style .sub-title-action{ font-size: 18px; letter-spacing: 0.7px; } .new-action-style .sub-title-action span.btn-secondary{ font-size: 16px; padding: 3px 10px; } .new-action-style .complect-card-wrapper .card-actions-block .card-price-block .old-price{ font-size: 14px; } .new-action-style .complect-card-wrapper .card-actions-block .card-price-block .price{ font-size: 18px; line-height: 13px; } .new-action-style .action-complects-list{ margin-top: 22px; } .complect-card-wrapper .card-product-block .card-product-name{ margin-top: 10px; } .new-action-style .complect-card-wrapper .card-product-block{ padding: 30px 0 15px; } .new-action-style .complect-card-wrapper .card-actions-block{ padding: 10px 19px 14px 19px; } .new-action-style .complect-card-wrapper .card-actions-block .action-btn-wrapper{ margin-top: 4px; } } @media (max-width: 990px){ .new-action-style .action-sale-wrap .sale-sum, .new-action-style .action-sale-wrap .sale-desc{ font-size: 24px; padding: 13px 6px 14px 15px; } .new-action-style .action-sale-wrap .sale-desc p{ font-size: 20px; } } @media (max-width: 767px) { .product-item-change-list .product-item-change-item a{ font-size: 9px; padding: 5px; } .product-item-inform .product-item-price{ flex-direction: column-reverse; width: 100%; text-align: left; justify-content: start; align-items: center; } .product-item-inform .product-item-price.discount .old-price{ margin-left: 0px; } .product-item.middle-size .product-store-count{ width: 100%; text-align: center; margin-bottom: 5px; } .product-item-change-title{ font-size: 10px; } .action-detail-page-content .wrapper-inside{ width: calc(100% - 30px); } .new-action-style .action-variant-complect{ grid-template-columns: 1fr; margin-top: 17px; margin-bottom: 39px; } .new-action-style .action-variant-complect .action-complect-block:last-of-type{ grid-column: 1 / 2; } .new-action-style .action-detail-page-text-container-flex{ width: 100%; } .new-action-style .action-detail-page-text{ top: 25px } .new-action-style .action-detail-page-title h1{ text-align: center; font-size: 43px; } .new-action-style .action-detail-page-subtitle p{ text-align: center; font-size: 30px; } .new-action-style .action-sale-info-wrapper{ text-align: center; margin: 16px auto; max-width: 270px; } .new-action-style .action-brands-logo{ display: none; } .action-detail-page.new-action-style{ position: relative; } .new-action-style .action-detail-page-pic{ bottom: 0; top: unset; width: 100%; max-width: 100%; left: auto; right: auto; overflow: hidden; } .new-action-style .action-sale-wrap .sale-desc p{ font-size: 17px; margin-right: 4px; } .new-action-style .action-sale-wrap .sale-sum, .new-action-style .action-sale-wrap .sale-desc{ padding: 12px 10px 16px 12px; } .new-action-style .action-sale-wrap .sale-desc{ margin-right: 0; } .new-action-style .action-detail-page-picture{ height: 460px; } .action-detail-page-pic img{ max-width: 440px; width: 100%; margin-left: 40px; } .new-action-style .action-rules a{ font-size: 14px; letter-spacing: 1px; } .new-action-style .title-action{ font-size: 24px; margin-top: 31px; letter-spacing: 0.9px; } .complect-block-wrapper .img-complect img{ height: 107px; } .new-action-style .action-variant-complect .action-complect-block .complect-block-wrapper .img-complect{ padding: 0; } .new-action-style .action-variant-complect .action-complect-block .complect-desc{ font-size: 12px; letter-spacing: 0.25px; letter-spacing: 0.25px; margin-top: 11px; } .new-action-style .action-variant-complect .action-complect-block{ padding: 20px 0 16px; } .new-action-style .sub-title-action{ font-size: 18px; line-height: 24px; } .new-action-style .sub-title-action br{ display: block; } .new-action-style .complect-card-wrapper .card-product-block{ flex-wrap: wrap; padding: 12px 14px 10px; } .new-action-style .action-complects-list{ margin-top: 12px; } .complect-card-wrapper .card-product-block .card-product-img img{ max-width: 80px; height: 80px; } .new-action-style .complect-card-wrapper .card-product-wrapper{ padding: 0; width: 100%; display: inline-block; margin-bottom: 28px; height: auto; } .complect-card-wrapper .card-product-block .card-product-img{ text-align: start; float: left; width: 80px; } .complect-card-wrapper .card-product-block .card-product-img a{ display: block; text-align: center; width: 100%; } .complect-card-wrapper .card-product-block .card-product-name{ float: left; font-size: 12px; margin-top: 20px; text-align: start; margin-left: 20px; } .complect-card-wrapper .card-product-block .card-product-price{ max-width: 180px; font-size: 14px; margin-top: 53px; position: relative; bottom: unset; left: unset; transform: unset; margin-left: 10px; } .new-action-style .action-complect-card .action-schildik{ top: 0; right: 0; border-radius: 0 0 0 3px; } .new-action-style .complect-card-wrapper .card-product-wrapper:last-of-type{ margin-bottom: 0; } .new-action-style .complect-card-wrapper .card-actions-block .card-price-block .old-price{ font-size: 12px; } .new-action-style .complect-card-wrapper .card-actions-block .card-price-block .price{ font-size: 16px; } .new-action-style .complect-card-wrapper .card-actions-block{ padding: 10px 14px 14px 13px; } .new-action-style .complect-card-wrapper .card-actions-block .action-btn-wrapper .btn-secondary{ padding: 15px; } .rules-popUp.modal.fade.fancybox-content{ width: 90%; } .action-detail-page-content.new-action-style .text .rules li:before{ padding: 0 1px 2px 1px; height: 31px; width: 31px; } .action-detail-page-content.new-action-style .text .rules li{ margin-bottom: 20px; padding-left: 40px; } .action-detail-page-content.new-action-style .text .rules li + ul{ margin-top: -20px; margin-bottom: 15px; } .action-detail-page-content.new-action-style .text .rules li + ul li{ margin-bottom: 0; } } /*НОВАЯ СТРАНИЦА АКЦИЙ*/ /*АКЦИЯ 11-11*/ .actions-products-block.new-action-style .main-page-catalog-groups-container-new-style{ margin-bottom: 80px; } .actions-products-block.new-action-style .action-rules{ margin-bottom: 40px; } .actions-products-block.new-action-style{ padding-bottom: 80px; } .action-detail-page-bg.xs-view{ display: none; } .actions-products-block.new-action-style h1.page-title{ display: none; } .actions-products-block.new-action-style h1{ font-size: 32px; font-weight: 500; line-height: 40px; letter-spacing: -0.03em; margin-bottom: 20px; margin-top: 60px; } .actions-products-block.new-action-style .dop-action-desc{ margin-bottom: 60px; } .action-detail-page-content.new-action-style .text{ box-shadow: unset; } @media (max-width: 767px) { .action-detail-page-bg.lg-view.md-view { display: none; } .action-detail-page-bg.xs-view{ display: inline-block; } /*.slick-slider .slick-track, .slick-slider .slick-list { display: flex !important; } .main-page-slider .slick-track{ transform: translateY(0)!important; }*/ .actions-products-block.new-action-style h1{ font-size: 26px; line-height: 32px; margin-top: 40px; } .actions-products-block.new-action-style .dop-action-desc{ margin-bottom: 40px; } .header.sticky .header-line-2{ height: 45px; } .product-item-inform .product-item-price.discount .old-price{ margin-top: 0; } .new-action-style.action-complect .action-detail-page-picture{ height: auto; } .actions-products-block.new-action-style .action-rules{ margin-bottom: 20px; } } .black-friday-schild .product-shild .shild-item.bg-action-name{ background: #000000; } /*АКЦИЯ 11-11*/ .address-holder-top{ padding-bottom: 10px; border-bottom: 1px solid #f4f3ff; } .address-holder-bottom{ padding-top: 10px; } .address-holder-top h4, .address-holder-bottom h4{ color: black; font-size: 16px; font-weight: 500; } .content-page .politica-text-wrapper{ margin-top: 20px; } .action-detail-page-content .text .rules li span{ color: #CE4AFF; font-weight: 600; } .action-detail-page-content.new-action-style .text .rules li p.dop-item-margin{ margin-top: 10px; margin-bottom: 10px; position: relative; padding-left: 15px; } .action-detail-page-content.new-action-style .text .rules li p.dop-item-margin::before{ position: absolute; content: ""; height: 4px; width: 4px; background: #56CCF2; border-radius: 50%; top: 12px; left: 0; } .main-page-slider-block{ padding-top: 20px; padding-bottom: 20px; position: relative; } .main-page-slider-block .swiper{ border-radius: 12px; } .main-page-slider-block .wrapper-inside{ position: relative; } .main-page-slider-item{ } .main-page-slider-item img{ width: 100%; } .gallery-slider-navigation-dots{ text-align: center; } .swiper-pagination-bullet-active{ background: #2e2773; } .arrow-container{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 100%; } .arrow-container .arrow-item{ position: absolute; background: none; border-radius: 50%; padding: 10px; margin: 0px; color: black; background: white; border: 2px solid white; opacity: 0.5; transition: all 0.3s ease; cursor: pointer; } .arrow-container .arrow-item:hover{ opacity: 1; } .arrow-container .arrow-item svg{ vertical-align: top; } .arrow-container .arrow-item.left{ left: 20px; } .arrow-container .arrow-item.right{ right: 20px; } .gallery-slider-navigation-dots{ position: absolute; z-index: 1; } .gallery-slider-navigation-dots .swiper-pagination-bullet{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 0px; background: #FFFFFF; opacity: 0.5; padding: 0px; margin: 0; vertical-align: top; outline: none; font-size: 0px; cursor: pointer; position: relative; transition: all 0.3s ease; border: 1px solid white; } .gallery-slider-navigation-dots .swiper-pagination-bullet:before{ content: ""; position: absolute; background: #FFFFFF; opacity: 0; width: 0px; height: 0px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .gallery-slider-navigation-dots .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; border: 1px solid #e8e8e8; } .gallery-slider-navigation-dots .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ opacity: 0.3; width: 22px; height: 22px; left: 50%; top: 50%; } @media (max-width: 1199px) { .main-page-slider-block{ padding-top: 0px; padding-bottom: 0px; } .main-page-slider-block .wrapper-inside{ width: 100%; } .arrow-container{ display: none; } .main-page-slider-block .swiper{ border-radius: 0px; } } @media (max-width: 767px) { } .brand-list-page{ margin-top: 40px; margin-bottom: 40px; } .brand-list-page-container{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px; } .brand-list-item-new{ width: 33.33%; box-sizing: border-box; padding: 15px; height: 220px; } @media (max-width: 767px) { .brand-list-page-container{ margin: -10px; } .brand-list-item-new{ width: 50%; box-sizing: border-box; padding: 10px; height: 180px; } } @media (max-width: 479px) { .brand-list-item-new{ width: 100%; box-sizing: border-box; padding: 0px; margin-bottom: 10px; height: 160px; } .brand-list-item:last-child{ margin-bottom: 0px; } } .brand-list-item-container{ border-radius: 3px; border: 1px solid #E6E3FE; background: #FFF; box-sizing: border-box; padding: 10px; display: flex; align-items: center; justify-content: center; height: 100%; position: relative; /*background-color: #ADA7E9;*/ } .brand-list-item-container:before{ content: ""; position: absolute; display: inline-block; width: 0; height: 100%; border-radius: 3px; background-color: #F4F3FF; left: 0px; top: 0px; transition: all 0.3s ease; } .brand-list-item-container:hover:before{ width: 100%; } .brand-list-item-container img{ max-width: 100%; max-height: 100%; position: relative; z-index: 1; /*mix-blend-mode: multiply;*/ } .detail-brand-text{ color: #828282; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; /* 162.5% */ letter-spacing: 0.32px; margin-bottom: 20px; } ._filter ._block ._hdr ._hdr-title{ position: relative; } .tile{ display: inline-block; float: right; margin-right: 10px; margin-top: 2px; } .tile .tile-icon{ } .tile .tile-popup{ position: absolute; display: inline-block; background: white; transition: all 0.3s ease; opacity: 0; top: -58px; right: 0; left: 0; border: 1px solid #E8E8E8; } .tile .tile-icon:hover + .tile-popup{ opacity: 1; } .tile .tile-popup .tile-popup-container{ color: #828282; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; padding: 10px 15px; } .tile .tile-popup:after, .tile .tile-popup:before { top: 100%; left: 88%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; } .tile .tile-popup:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 6px; margin-left: -6px; } .tile .tile-popup:before { border-color: rgba(232, 232, 232, 0); border-top-color: #E8E8E8; border-width: 7px; margin-left: -7px; } .action-detail-page-bg-picture{ } .action-detail-page-bg-picture picture{ vertical-align: top; } .action-detail-page-bg-picture picture img{ width: 100%; max-height: 770px; object-fit: contain; } @media (max-width: 1199px) { } @media (max-width: 767px) { .action-detail-page-bg-picture picture img{ min-height: auto; } } /* End */ /* Start:/design/css/new-order.css?173762144019769*/ .bx-soa-cart-total{ border: unset !important; padding: 0 !important; } .cart-page-holder{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px; } .cart-page-holder{ display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart-detail-block.bx-soa{ display: inline-block; width: 65.8%; float: left; padding-right: 2.6%; } .cart-total.bx-soa-sidebar{ display: inline-block; width: 31.6%; margin-top: 3px; position: relative; } .cart-total-holder{ display: inline-block; width: 100%; box-sizing: border-box; box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.08); border: 1px solid #F4F3FF; position: sticky; top: 20px; } .info-line.detailed-total, .info-line.delivery-total{ display: flex; width: 100%; position: relative; vertical-align: top; margin-bottom: 12px; } .info-line.detailed-total .line, .info-line.delivery-total .line, .info-line.total .line{ border-bottom: 1px dashed #ADA7E9; flex-grow: 1; } .info-line.detailed-total{ box-sizing: border-box; padding: 21px 30px 0; } .info-line.delivery-total{ box-sizing: border-box; padding: 0 30px 21px; } .info-line .name, .info-line .line{ font-weight: 500; font-size: 17px; line-height: 26px; color: #828282; float: left; background: white; position: relative; z-index: 1; padding-right: 5px; } .info-line .value{ float: right; font-weight: bold; font-size: 17px; line-height: 26px; background: white; position: relative; z-index: 1; padding-left: 5px; text-align: end; } .info-line.delivery-total .value{ color: #27AE60; } .info-line.total{ background: url(/design/css/../img/order-confirmation-line.jpg); background-repeat: repeat-x; background-position: -5px 0; padding: 30px 30px 40px; position: relative; display: flex; } .info-line.total .name, .info-line.total .value{ font-size: 21px; line-height: 24px; color: #000000; } .info-line.total .line{ flex-grow: 1; border-bottom: 1px dashed #ADA7E9; } .cart-ction{ text-align: center; } .cart-ction .action{ margin-bottom: 20px; } .actions-line-order{ padding: 0 30px; } .form-block-line.type-politica.order-description{ padding: 0 30px 10px; margin-bottom: 10px; border-bottom: 1px solid #cccccc; font-size: 13px; line-height: 16px; letter-spacing: 0.02em; } .cart-ction .policy{ font-size: 13px; line-height: 16px; letter-spacing: 0.02em; padding: 0 30px 40px; } .cart-ction::after{ content: ""; position: absolute; display: inline-block; width: 100%; height: 6px; bottom: -1px; left: 0px; background: url(/design/css/../img/order-confirmation-bot.jpg); background-repeat: repeat-x; background-position: -5px 0px; } #bx-soa-basket{ display: none; } .cart-items .cart-item{ width: 100%; border: 1px solid #F4F3FF; box-sizing: border-box; border-radius: 5px; } .cart-items .cart-item .cart-item-holder{ width: 100%; padding: 19px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cart-items .cart-item .cart-item-holder .image{ display: inline-block; float: left; width: 62px; margin-right: 15px; margin-top: 5px; } .cart-items .cart-item .cart-item-holder .image img{ width: 62px; height: auto; } .cart-items .cart-item .cart-item-holder .info{ display: inline-block; float: left; width: 231px; padding-right: 15px; border-right: 1px solid #F4F3FF; } .cart-items .cart-item .cart-item-holder .info .name{ margin-top: -1px; line-height: 18px; } .cart-items .cart-item .cart-item-holder .info .name a{ font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #6A70FA; text-decoration: none; border-bottom: 1px solid transparent; transition: all 0.3s ease; } .cart-items .cart-item .cart-item-holder .info .name a:hover{ border-bottom: 1px solid #6A70FA; } .cart-items .cart-item .cart-item-holder .info .price .value{ margin-top: 12px; font-weight: bold; font-size: 17px; line-height: 21px; } .amount.basketQuantityControl{ display: inline-block; float: left; box-sizing: border-box; padding: 25px 32px 0; border-right: 1px solid #F4F3FF; } .amount.basketQuantityControl .amount-container-holder{ position: relative; margin-bottom: 10px; } .amount.basketQuantityControl .decrease .quantity-control-link.item-minus{ display: inline-block; width: 34px; line-height: 35px; height: 42px; font-size: 34px; position: absolute; text-align: center; text-decoration: none; color: #BDBDBD; transition: all 0.3s ease; border-right: 1px solid #E8E8E8; left: 0px; } .amount.basketQuantityControl .decrease .quantity-control-link.item-minus:hover{ color: red; } .amount.basketQuantityControl .input input{ background: #FFFFFF; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08); border-radius: 30px; width: 133px; height: 42px; text-align: center; box-sizing: border-box; border: 0px; padding: 0 34px; font-weight: 500; font-size: 16px; line-height: 26px; color: black; } .amount.basketQuantityControl .decrease .quantity-control-link.item-minus{ display: inline-block; width: 34px; line-height: 35px; height: 42px; font-size: 34px; position: absolute; text-align: center; text-decoration: none; color: #BDBDBD; transition: all 0.3s ease; border-right: 1px solid #E8E8E8; left: 0px; } .amount.basketQuantityControl .increase .quantity-control-link.item-plus{ display: inline-block; width: 34px; line-height: 35px; height: 42px; font-size: 34px; position: absolute; text-align: center; text-decoration: none; color: #BDBDBD; transition: all 0.3s ease; border-left: 1px solid #E8E8E8; right: 0px; top: 0; } .amount.basketQuantityControl .increase .quantity-control-link.item-plus:hover{ color: green; } .cart-items{ margin-bottom: 48px; } .cart-items .cart-item .cart-item-holder>.price{ display: inline-block; float: left; box-sizing: border-box; padding: 0 32px; border-right: 1px solid #F4F3FF; width: 140px; text-align: center; font-weight: bold; font-size: 17px; line-height: 21px; padding-top: 35px; } .cart-items .cart-item .cart-item-holder>.action{ display: inline-block; float: left; width: 34px; position: relative; } .cart-items .cart-item .cart-item-holder>.action .delete-item.removeBasketItem{ display: inline-block; width: 20px; height: 20px; position: absolute; right: 0px; top: 0px; } .cart-items .cart-item .cart-item-holder>.action .delete-item.removeBasketItem:before, .cart-items .cart-item .cart-item-holder>.action .delete-item.removeBasketItem:after{ content: ""; position: absolute; display: inline-block; width: 15px; height: 2px; background: #828282; left: 2px; top: 8px; } .cart-items .cart-item .cart-item-holder>.action .delete-item.removeBasketItem:before{ transform: rotate(-45deg); } .cart-items .cart-item .cart-item-holder>.action .delete-item.removeBasketItem:after{ transform: rotate(45deg); } #coupon-activate .bx-soa-coupon{ border-top: unset; } .bx-ui-sls-quick-locations.quick-locations{ display: none; } #bx-soa-properties .bx-soa-section-title-container{ display: none; } #bx-soa-region.bx-soa-section{ border: unset; } #bx-soa-region .bx-soa-section-title-container{ background: unset; padding: 0; } #bx-soa-region .bx-soa-section-title-container .bx-soa-section-title{ font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; /*padding-left: 0px;*/ } #bx-soa-region .bx-soa-section-title-container .bx-soa-section-title span{ display: none; } #bx-soa-paysystem .col-sm-12{ padding: 0px; } #bx-soa-paysystem .col-sm-12 .bx-soa-customer-label{ padding-right: 15px; padding-left: 15px; } #bx-soa-region .bx-sls .dropdown-block{ border-radius: 30px; } #bx-soa-region .bx-sls .dropdown-fade2white{ right: -45px; } #bx-soa-region .bx-sls .bx-ui-sls-clear{ top: 6px; } #bx-soa-region .bx-soa-custom-label{ font-size: 14px; line-height: 24px; color: black; margin-bottom: 10px; display: inline-block; width: 100%; box-sizing: border-box; padding: 0 20px; } #bx-soa-properties.bx-soa-section{ border: unset; } .col-sm-12.bx-soa-customer{ display: flex; flex-wrap: wrap; padding: 0; } .form-group.bx-soa-customer-field{ width: 33%; } .form-group.bx-soa-customer-field .bx-soa-custom-label{ font-size: 14px; line-height: 24px; color: black; /*margin-bottom: 10px;*/ display: inline-block; width: 100%; box-sizing: border-box; padding: 0 20px; } .bx-soa-section-content.container-fluid .soa-property-container{ padding: 10px; } .soa-property-container .form-control.bx-soa-customer-input.bx-ios-fix{ background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 30px; width: 100%; padding: 12px 20px 13px; font-size: 15px; line-height: 19px; outline: none; height: 46px; } #bx-soa-delivery .row, #bx-soa-paysystem .row{ margin: 0px; } #bx-soa-delivery.bx-soa-section{ border: unset; } #bx-soa-delivery.bx-soa-section .bx-soa-section-title-container{ background: unset; } #bx-soa-delivery.bx-soa-section .bx-soa-section-title-container h2{ font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; } #bx-soa-delivery.bx-soa-section .bx-soa-section-title-container h2 span{ display: none; } .bx-soa-section-content{ padding: 0 !important; } .cart-page-holder .bx-soa-pp-item-container.checkbox-cards-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5px -14px; } .cart-page-holder .bx-soa-pp .bx-soa-pp-company { display: inline-block; width: 50%; box-sizing: border-box; padding: 0 14px 28px; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder { display: inline-block; width: 100%; height: 100%; position: relative; overflow: hidden; padding-bottom: 4px; } .checkcontainer { width: 100%; display: inline-block; position: relative; cursor: pointer; font-style: normal; font-weight: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer { display: inline-block; width: 100%; height: 100%; } .checkcontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } input[type=checkbox].bx-soa-pp-company-checkbox { position: absolute; top: 7px; left: 7px; margin: 0; padding: 0; z-index: 100; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer .checkmark { display: inline-block; width: 100%; height: 100%; background: #FFFFFF; border: 2px solid #F4F3FF; box-sizing: border-box; border-radius: 5px; position: relative; padding: 19px 16px 23px; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer .checkmark::after{ position: absolute; left: 0; top: 0; transform: none; display: inline-block; width: 100%; height: 100%; border: 4px solid #B71D2C; box-shadow: 0px 38px 80px rgb(183 29 44 / 12%), 0px 15.8755px 33.4221px rgb(183 29 44 / 9%), 0px 8.4878px 17.869px rgb(183 29 44 / 7%), 0px 4.75819px 10.0172px rgb(183 29 44 / 6%), 0px 2.52704px 5.32008px rgb(183 29 44 / 5%), 0px 1.05156px 2.21381px rgb(183 29 44 / 3%); border-radius: 5px; opacity: 0; transition: all 300ms ease; z-index: 1; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer input:checked ~ .checkmark::after{ opacity: 1; transition: all 300ms ease; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer .checkmark:checked:before{ content: ""; position: absolute; display: inline-block; width: 30px; height: 15px; background: #6A70FA; right: -10px; top: -3px; transform: rotate(45deg); } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer .checkmark .top { display: flex; margin-top: 6px; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer .checkmark .top .icon img { max-width: 100%; width: 60px; } .col-sm-5.bx-soa-pp-desc-container{ display: none; } .cart-page-holder .checkbox-card-item .checkbox-card-item-holder .checkcontainer .checkmark .name{ display: inline-block; float: left; margin-left: 10px; } #bx-soa-delivery .checkcontainer .checkmark .bottom{ margin-top: -30px; margin-left: 70px; } #bx-soa-delivery .checkcontainer .checkmark .bottom .price{ font-weight: bold; font-size: 15px; line-height: 24px; margin-bottom: 4px; color: green; } #bx-soa-paysystem{ border: unset; } #bx-soa-paysystem .bx-soa-section-title-container{ background: unset; } #bx-soa-paysystem .bx-soa-section-title-container h2{ font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; } #bx-soa-paysystem .bx-soa-section-title-container h2 span{ display: none; } #bx-soa-paysystem .checkmark{ display: flex; } #bx-soa-paysystem .checkmark .bottom{ margin-left: 10px; } #bx-soa-paysystem .checkmark .top, #bx-soa-paysystem .checkmark .bottom{ display: flex; align-items: center; margin-top: 0; } .col-sm-12 .form-group.bx-soa-customer-field .bx-soa-customer-label{ font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; font-weight: bold; } #orderDescription{ background: #FFFFFF; border: 1px solid #E8E8E8; box-sizing: border-box; border-radius: 5px; width: 100%; height: 110px; padding: 10px 20px; resize: none; } #bx-soa-paysystem .form-group.bx-soa-customer-field{ width: 100%; } .form-group.bx-soa-customer-field[data-property-id-row="11"], .form-group.bx-soa-customer-field[data-property-id-row="12"], .form-group.bx-soa-customer-field[data-property-id-row="31"]{ display: none; } #bx-soa-orderSave{ display: none; } .bx-selected .checkcontainer{ border: 2px solid #6A70FA; border-radius: 4px; } .bx-selected .checkcontainer:before{ content: ""; position: absolute; display: inline-block; width: 30px; height: 15px; background: #6A70FA; right: -10px; top: -3px; transform: rotate(45deg); z-index: 10; } #bx-soa-adress-dostavki .bx-soa-section-title{ font-size: 22px; line-height: 24px; letter-spacing: 0; margin-bottom: 17px; vertical-align: top; } #bx-soa-adress-dostavki .bx-soa-section-title span{ display: none; } #bx-soa-adress-dostavki .bx-soa-section-title-container{ background: unset; } #bx-soa-adress-dostavki.bx-soa-section{ border: unset; } #bx-soa-adress-dostavki .col-sm-12.bx-soa-delivery{ padding: 0; } #bx-soa-adress-dostavki .form-group.bx-soa-customer-field .bx-soa-custom-label{ padding: 0; } #bx-soa-adress-dostavki .bx-soa-section-content.container-fluid .soa-property-container{ padding: 0; } #bx-soa-adress-dostavki .form-group.bx-soa-customer-field{ width: 100%; } #bx-soa-delivery .checkcontainer .checkmark .bottom .price#bx-soa-delivery .checkcontainer{ position: relative; } #bx-soa-delivery .checkcontainer .checkmark .bottom .action{ position: absolute; right: -4px; bottom: -1px; } #bx-soa-delivery .checkcontainer .checkmark .bottom .action a{ background: #6A70FA; color: #FFFFFF; border: 2px solid #6A70FA; border-radius: 5px 0px 5px 5px; font-weight: bold; font-size: 13px; line-height: 16px; padding: 5px 14px 8px; } .bx-soa-cart-total-line{ display: none; } @media (max-width: 1279px) { .cart-items .cart-item .cart-item-holder>.price{ padding: 35px 10px 0; width: auto; } .amount.basketQuantityControl{ padding: 25px 10px; } .cart-items .cart-item .cart-item-holder .info{ padding-right: 0; width: 200px; } } @media (max-width: 1000px) { .cart-items .cart-item .cart-item-holder{ padding: 19px; position: relative; } .form-group.bx-soa-customer-field{ width: 100%; } .cart-page-holder .bx-soa-pp .bx-soa-pp-company{ width: 100%; } .cart-items .cart-item .cart-item-holder .info{ border-right: unset; } .cart-items .cart-item .cart-item-holder .item{ width: 100%; } .cart-items .cart-item .cart-item-holder .info{ width: calc(100% - 100px); } .amount.basketQuantityControl{ border-right: unset; } .cart-items .cart-item .cart-item-holder>.price{ border-right: unset; } .cart-items .cart-item .cart-item-holder>.action{ position: absolute; right: 5px; top: 5px; } .cart-items .cart-item .cart-item-holder>.price{ width: auto; padding-left: 15px; } } @media (max-width: 767px){ .cart-page-holder{ flex-wrap: wrap; } .cart-detail-block.bx-soa{ width: 100%; } .cart-total.bx-soa-sidebar{ width: 100%; } #bx-soa-total-mobile{ display: none !important; } .cart-items .cart-item .cart-item-holder{ padding: 19px; position: relative; } .form-group.bx-soa-customer-field{ width: 100%; } .cart-page-holder .bx-soa-pp .bx-soa-pp-company{ width: 100%; } .cart-items .cart-item .cart-item-holder .info{ border-right: unset; } .cart-items .cart-item .cart-item-holder .item{ width: 100%; } .cart-items .cart-item .cart-item-holder .info{ width: calc(100% - 100px); } .amount.basketQuantityControl{ border-right: unset; } .cart-items .cart-item .cart-item-holder>.price{ border-right: unset; } .cart-items .cart-item .cart-item-holder>.action{ position: absolute; right: 5px; top: 5px; } } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/menu/header-menu-mobile/style.css?17312355874414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/mobile-dapsite/components/bitrix/menu/header-menu-mobile/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/mobile-dapsite/components/bitrix/menu/header-menu-mobile/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/mobile-dapsite/components/bitrix/menu/header-menu-mobile/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/menu/header-menu/style.css?17312355874414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/mobile-dapsite/components/bitrix/menu/header-menu/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/mobile-dapsite/components/bitrix/menu/header-menu/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/mobile-dapsite/components/bitrix/menu/header-menu/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/search.title/catalog/style.css?17312355872108*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/mobile-dapsite/components/bitrix/search.title/catalog/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/sale.basket.basket.line/header-basket/style.css?17312355874401*/ .bx-basket { } .bx-basket-block { position: relative; padding-bottom: 5px; padding-left: 20px; white-space: nowrap; font-size: 12px; } .bx-basket-block > .fa { position: absolute; top: 3px; left: 0; width: 12px; color: #97a1ab; } .bx-basket-block a { margin-right: 10px; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed { position: fixed; z-index: 998; overflow: hidden; padding-top: 10px; width: 200px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-fixed.top { top: 10px } .bx-basket-fixed.right { right: 10px } .bx-basket-fixed.bottom { bottom: 10px } .bx-basket-fixed.left { left: 10px } .bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; } } @media (max-width: 767px) { .bx-basket-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 998; overflow: hidden; padding-top: 10px; border: 1px solid #f0f0f0; border-radius: 1px; background: #fff; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); } .bx-basket-item-list { display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block { margin-left: 10px; } .bx-basket-item-list { position: relative; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #f7f7f7; } .bx-opener .bx-basket-item-list { padding-bottom: 75px; } .bx-max-height .bx-basket-item-list { position: absolute; right: 0; bottom: 0; left: 0; } .bx-closed .bx-basket-item-list { overflow: hidden; height: 20px; } .bx-basket-item-list-action { position: absolute; right: 0; bottom: 0; left: 0; z-index: 120; padding: 3px 0; height: 20px; background: #f7f7f7; color: #4f4f4f; vertical-align: middle; text-align: center; font-size: 12px; line-height: 14px; cursor: pointer; } .bx-basket-item-list-button-container { position: absolute; right: 0; bottom: 20px; left: 0; padding: 10px 0; border-top: 1px solid #f7f7f7; background: #fff; text-align: center; } .bx-basket-item-list-container { overflow-y: auto; max-height: 100% } .bx-basket-item-list-item { position: relative; margin-bottom: 15px; padding-top: 15px; padding-right: 10px; padding-left: 10px; border-bottom: 1px solid #f7f7f7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child { margin-bottom: 0; border-bottom: none; } .bx-basket-item-list-item-status { margin: 0 10px 20px; padding: 3px; border-radius: 3px; background: #ebebeb; text-align: center; white-space: normal; font-weight: bold; font-size: 12px; line-height: 16px; } .bx-basket-item-list-item-img { position: relative; padding-bottom: 5px; text-align: center; } .bx-basket-item-list-item-img img { max-width: 90px; height: auto; border: 1px solid #e6e6e6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; line-height: 16px; } .bx-basket-item-list-item-remove { position: absolute; top: -7px; right: 10px; width: 20px; height: 20px; opacity: .5; cursor: pointer; transition: 250ms linear all; } .bx-basket-item-list-item-remove:after, .bx-basket-item-list-item-remove:before { position: absolute; top: 50%; left: 50%; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #333; content: ''; transform: translate(-50%, -50%); } .bx-basket-item-list-item-remove:after { -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .bx-basket-item-list-item-remove:before { -webkit-transform: translate(-50%, -50%) rotate(135deg); -moz-transform: translate(-50%, -50%) rotate(135deg); -ms-transform: translate(-50%, -50%) rotate(135deg); -o-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg); } .bx-basket-item-list-item-remove:hover { opacity: .7; } .bx-basket-item-list-item-price-block { padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price { display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old { display: inline-block; margin-right: 5px; color: #b0b0b0; text-decoration: line-through } .bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/breadcrumb/breadcrumb-new/style.css?1731235587585*/ .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: none;} .bx-breadcrumb .bx-breadcrumb-item a:hover {} /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/menu/footer-menu/style.css?1731235587581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/mobile-dapsite/components/bitrix/menu/footer-menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/menu/footer-menu-catalog/style.css?17312355874414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/mobile-dapsite/components/bitrix/menu/footer-menu-catalog/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/mobile-dapsite/components/bitrix/menu/footer-menu-catalog/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/mobile-dapsite/components/bitrix/menu/footer-menu-catalog/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/mobile-dapsite/components/bitrix/system.auth.form/modal_auth/style.css?1731235587710*/ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/mobile-dapsite/components/bitrix/system.auth.form/modal_auth/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/mobile-dapsite/components/bitrix/system.auth.form/modal_auth/images/sec-unlocked.png);} .table.table-auth > thead > tr > th, .table.table-auth > tbody > tr > th, .table.table-auth > tfoot > tr > th, .table.table-auth > thead > tr > td, .table.table-auth > tbody > tr > td, .table.table-auth > tfoot > tr > td {border-color:transparent;}.w-100 {width:100%;} /* End */ /* Start:/local/templates/mobile-dapsite/styles.css?1731235587559*/ @-webkit-keyframes requestWait { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes requestWait { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .requestWait:before { -webkit-animation-name: requestWait; animation-name: requestWait; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } /* End */ /* /design/css/slick.css?17312355871729 */ /* /design/css/swiper-bundle.min.css?173650003118471 */ /* /design/js/fancybox/jquery.fancybox.min.css?173123558612799 */ /* /design/css/style.css?1751457293273185 */ /* /design/css/new-order.css?173762144019769 */ /* /local/templates/mobile-dapsite/components/bitrix/menu/header-menu-mobile/style.css?17312355874414 */ /* /local/templates/mobile-dapsite/components/bitrix/menu/header-menu/style.css?17312355874414 */ /* /local/templates/mobile-dapsite/components/bitrix/search.title/catalog/style.css?17312355872108 */ /* /local/templates/mobile-dapsite/components/bitrix/sale.basket.basket.line/header-basket/style.css?17312355874401 */ /* /local/templates/mobile-dapsite/components/bitrix/breadcrumb/breadcrumb-new/style.css?1731235587585 */ /* /local/templates/mobile-dapsite/components/bitrix/menu/footer-menu/style.css?1731235587581 */ /* /local/templates/mobile-dapsite/components/bitrix/menu/footer-menu-catalog/style.css?17312355874414 */ /* /local/templates/mobile-dapsite/components/bitrix/system.auth.form/modal_auth/style.css?1731235587710 */ /* /local/templates/mobile-dapsite/styles.css?1731235587559 */